quirk-ui 0.1.161 → 0.1.163

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-DMKvp-Na.js → FormField-UFRNSSdw.js}

@@ -1,31 +1,31 @@
-import { jsx as s } from "react/jsx-runtime";
+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 d } from "./core/components/Select/index.mjs";
-import { Checkbox as m } from "./core/components/Checkbox/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 { Fieldset as _ } 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 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 = {
+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: S,
-  heading: H,
-  eyebrow: G,
-  title: M,
-  disclaimer: $,
-  progress: I,
-  progressHeader: D,
-  stepLabel: O,
-  stepCount: V,
-  stepDescription: P,
-  fields: R,
-  fieldFull: j,
+  maxWidthFull: q,
+  heading: S,
+  eyebrow: H,
+  title: G,
+  disclaimer: M,
+  progress: $,
+  progressHeader: I,
+  stepLabel: D,
+  stepCount: O,
+  stepDescription: V,
+  fields: P,
+  fieldFull: R,
   fieldHalf: N,
   fieldThird: z,
   actions: A,
@@ -40,30 +40,30 @@ function c(e) {
     disabled: r.disabled
   }));
 }
-function p(e) {
+function h(e) {
   return (e ?? []).map((r) => ({
     label: r.label,
-    options: r.options.map((n) => ({
-      label: n.label,
-      value: n.value.current,
-      disabled: n.disabled
+    options: r.options.map((l) => ({
+      label: l.label,
+      value: l.value.current,
+      disabled: l.disabled
     }))
   }));
 }
-function ne({ field: e, value: r, error: n, onChange: i }) {
-  const a = 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"], o = {
+  }[e.width ?? "full"], i = {
     id: a,
     name: a,
     label: e.label,
     required: e.required,
     disabled: e.disabled,
     helperText: e.helperText,
-    error: n
-  }, h = () => {
+    error: l
+  }, d = () => {
     switch (e.fieldType) {
       // ── Text-based inputs ──────────────────────────────────────────────
       case "text":
@@ -71,102 +71,102 @@ function ne({ field: e, value: r, error: n, onChange: i }) {
       case "phone":
       case "number":
       case "url":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           v,
           {
-            ...o,
+            ...i,
             type: e.fieldType === "phone" ? "tel" : e.fieldType,
             placeholder: e.placeholder,
             value: r ?? "",
             minLength: e.minLength,
             maxLength: e.maxLength,
             fullWidth: !0,
-            onChange: (t) => i(a, t.target.value)
+            onChange: (t) => o(a, t.target.value)
           }
         );
       // ── Textarea ───────────────────────────────────────────────────────
       case "textarea":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           T,
           {
-            ...o,
+            ...i,
             placeholder: e.placeholder,
             value: r ?? "",
             rows: e.rows ?? 4,
             maxLength: e.maxLength,
             showCharCount: e.showCharCount,
             fullWidth: !0,
-            onChange: (t) => i(a, t.target.value)
+            onChange: (t) => o(a, t.target.value)
           }
         );
       // ── Select ─────────────────────────────────────────────────────────
       case "select": {
-        const t = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
-        return /* @__PURE__ */ s(
-          d,
+        const t = e.useOptionGroups ? h(e.optionGroups) : c(e.options);
+        return /* @__PURE__ */ n(
+          m,
           {
-            ...o,
+            ...i,
             placeholder: e.placeholder,
             options: t,
             value: r ?? "",
             fullWidth: !0,
-            onChange: (l) => i(a, l.target.value)
+            onChange: (s) => o(a, s.target.value)
           }
         );
       }
       // ── Multi-select ───────────────────────────────────────────────────
       case "multiselect": {
-        const t = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
-        return /* @__PURE__ */ s(
-          d,
+        const t = e.useOptionGroups ? h(e.optionGroups) : c(e.options);
+        return /* @__PURE__ */ n(
+          m,
           {
-            ...o,
+            ...i,
             multiple: !0,
             options: t,
             value: r ?? [],
             showSelectedCount: !0,
-            onChange: (l) => i(a, l)
+            onChange: (s) => o(a, s)
           }
         );
       }
       // ── Single checkbox ────────────────────────────────────────────────
       case "checkbox":
-        return /* @__PURE__ */ s(
-          m,
+        return /* @__PURE__ */ n(
+          _,
           {
-            id: o.id,
-            name: o.name,
+            id: i.id,
+            name: i.name,
             label: e.label,
             required: e.required,
             disabled: e.disabled,
-            helperText: n ?? e.helperText,
-            error: !!n,
+            helperText: l ?? e.helperText,
+            error: !!l,
             checked: r ?? !1,
-            onChange: (t) => i(a, t.target.checked)
+            onChange: (t) => o(a, t.target.checked)
           }
         );
       // ── Checkbox group ─────────────────────────────────────────────────
       case "checkboxGroup": {
         const t = r ?? [];
-        return /* @__PURE__ */ s(_, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((l) => /* @__PURE__ */ s(
-          m,
+        return /* @__PURE__ */ n(b, { legend: e.label, error: !!l, helperText: l, children: c(e.options).map((s) => /* @__PURE__ */ n(
+          _,
           {
-            id: `${a}-${l.value}`,
+            id: `${a}-${s.value}`,
             name: `${a}[]`,
-            label: l.label,
-            checked: t.includes(l.value),
-            disabled: l.disabled || e.disabled,
+            label: s.label,
+            checked: t.includes(s.value),
+            disabled: s.disabled || e.disabled,
             onChange: (x) => {
-              const g = x.target.checked ? [...t, l.value] : t.filter((q) => q !== l.value);
-              i(a, g);
+              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(_, { legend: e.label, error: !!n, helperText: n, children: c(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: `${a}-${t.value}`,
@@ -176,32 +176,32 @@ function ne({ field: e, value: r, error: n, onChange: i }) {
             checked: r === t.value,
             disabled: t.disabled || e.disabled,
             required: e.required,
-            onChange: () => i(a, t.value)
+            onChange: () => o(a, t.value)
           },
           t.value
         )) });
       // ── Date picker ────────────────────────────────────────────────────
       case "date":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           f,
           {
-            id: o.id,
-            name: o.name,
+            id: i.id,
+            name: i.name,
             label: e.label,
             required: e.required,
             disabled: e.disabled,
-            helperText: n ?? e.helperText,
-            error: !!n,
+            helperText: l ?? e.helperText,
+            error: !!l,
             value: r ?? null,
-            onChange: (t) => i(a, t)
+            onChange: (t) => o(a, t)
           }
         );
       // ── Range ──────────────────────────────────────────────────────────
       case "range":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           k,
           {
-            ...o,
+            ...i,
             value: r ?? e.rangeMin ?? 0,
             min: e.rangeMin ?? 0,
             max: e.rangeMax ?? 100,
@@ -209,12 +209,12 @@ function ne({ field: e, value: r, error: n, onChange: i }) {
             valuePrefix: e.rangeValuePrefix,
             valueSuffix: e.rangeValueSuffix,
             showValue: !0,
-            onChange: (t) => i(a, t)
+            onChange: (t) => o(a, t)
           }
         );
       // ── Hidden ─────────────────────────────────────────────────────────
       case "hidden":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           "input",
           {
             type: "hidden",
@@ -226,9 +226,9 @@ function ne({ field: e, value: r, error: n, onChange: i }) {
         return null;
     }
   };
-  return e.fieldType === "hidden" ? h() : /* @__PURE__ */ s("div", { className: `${b}`, children: h() });
+  return e.fieldType === "hidden" ? d() : /* @__PURE__ */ n("div", { className: `${p}`, children: d() });
 }
 export {
-  ne as F,
+  le as F,
   u as s
 };

package/dist/FormField.css

@@ -1 +1 @@
-._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)}
+._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-37eyejUn.js

@@ -0,0 +1,203 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { memo as u, forwardRef as v, useRef as y, useImperativeHandle as b, useEffect as g } from "react";
+import { buildEmbedSrc as q, 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 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" }]
+], B = N("pause", k), V = "_hero_qoehl_1", I = "_container_qoehl_7", E = "_heading_qoehl_15", z = "_text_qoehl_22", T = "_eyebrow_qoehl_37", j = "_disclaimer_qoehl_41", H = "_articleDetails_qoehl_52", P = "_articleType_qoehl_65", D = "_articleCategories_qoehl_79", F = "_category_qoehl_85", R = "_number_qoehl_101", A = "_blog_qoehl_128", S = "_overlay_qoehl_154", L = "_tile_qoehl_224", U = "_fullBleed_qoehl_333", Y = "_media_qoehl_360", G = "_splitAlt_qoehl_448", J = "_split_qoehl_448", K = "_videoControl_qoehl_522", M = "_videoBackground_qoehl_570", O = "_iframe_qoehl_571", c = {
+  hero: V,
+  container: I,
+  heading: E,
+  text: z,
+  eyebrow: T,
+  disclaimer: j,
+  articleDetails: H,
+  articleType: P,
+  articleCategories: D,
+  category: F,
+  number: R,
+  default: "_default_qoehl_124",
+  blog: A,
+  overlay: S,
+  tile: L,
+  fullBleed: U,
+  media: Y,
+  splitAlt: G,
+  split: J,
+  videoControl: K,
+  videoBackground: M,
+  iframe: O
+}, Q = u(function({
+  isPlaying: e,
+  onToggle: i
+}) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      title: e ? "Pause the video" : "Play the video",
+      "aria-label": e ? "Pause video" : "Play video",
+      className: c.videoControl,
+      onClick: i,
+      children: e ? /* @__PURE__ */ o(B, { size: 18, "aria-hidden": !0 }) : /* @__PURE__ */ o(C, { size: 18, "aria-hidden": !0 })
+    }
+  );
+}), m = u(function({
+  url: e,
+  provider: i,
+  wrapperClassName: a,
+  iframeClassName: l
+}) {
+  const r = q(e, i);
+  return /* @__PURE__ */ o("div", { className: a, children: /* @__PURE__ */ o(
+    "iframe",
+    {
+      src: r,
+      className: l,
+      allow: "autoplay; fullscreen",
+      allowFullScreen: !0,
+      title: "Embedded video",
+      "aria-label": "Background video"
+    }
+  ) });
+}), f = u(
+  v(function({
+    src: e,
+    autoPlay: i,
+    posterUrl: a,
+    wrapperClassName: l,
+    videoClassName: r,
+    isPlaying: s,
+    onToggle: d
+  }, h) {
+    const n = y(null);
+    return b(h, () => ({
+      play() {
+        var t;
+        (t = n.current) == null || t.play().catch(() => {
+        });
+      },
+      pause() {
+        var t;
+        (t = n.current) == null || t.pause();
+      }
+    })), g(() => {
+      const t = n.current;
+      t && (s ? t.play().catch(() => {
+      }) : t.pause());
+    }, [s]), /* @__PURE__ */ p("div", { className: l, children: [
+      /* @__PURE__ */ o(Q, { isPlaying: s, onToggle: d }),
+      /* @__PURE__ */ o(
+        "video",
+        {
+          ref: n,
+          src: e,
+          autoPlay: i,
+          loop: !0,
+          muted: !0,
+          playsInline: !0,
+          poster: a,
+          preload: "metadata",
+          className: r,
+          "aria-label": "Background video"
+        }
+      )
+    ] });
+  })
+), oe = u(function({
+  url: e,
+  autoPlay: i,
+  posterUrl: a,
+  isPlaying: l,
+  onToggle: r,
+  variant: s
+}) {
+  const d = e.includes("vimeo.com"), h = e.includes("youtube.com") || e.includes("youtu.be"), n = d || h, t = d ? "vimeo" : "youtube";
+  return s === "inline" ? n ? /* @__PURE__ */ o(
+    m,
+    {
+      url: e,
+      provider: t,
+      wrapperClassName: c.media
+    }
+  ) : /* @__PURE__ */ o(
+    f,
+    {
+      src: e,
+      autoPlay: i,
+      posterUrl: a,
+      wrapperClassName: c.media,
+      isPlaying: l,
+      onToggle: r
+    }
+  ) : n ? /* @__PURE__ */ o(
+    m,
+    {
+      url: e,
+      provider: t,
+      wrapperClassName: c.videoBackground,
+      iframeClassName: c.iframe
+    }
+  ) : /* @__PURE__ */ o(
+    f,
+    {
+      src: e,
+      autoPlay: i,
+      posterUrl: a,
+      videoClassName: c.videoBackground,
+      isPlaying: l,
+      onToggle: r
+    }
+  );
+}), te = u(function({
+  image: e,
+  mode: i,
+  variant: a,
+  imageAdapter: l
+}) {
+  const r = x(e, i, "medium");
+  if (!r) return null;
+  const s = w(e, i), d = /* @__PURE__ */ o(
+    "img",
+    {
+      fetchPriority: "high",
+      src: r,
+      alt: s,
+      draggable: !1,
+      style: a === "fill" ? { objectFit: "cover", width: "100%", height: "100%" } : { width: "100%", height: "100%" }
+    }
+  );
+  return l ? /* @__PURE__ */ o("div", { className: c.media, children: a === "fill" ? l.render({
+    src: r,
+    alt: s,
+    fill: !0,
+    priority: !0,
+    fetchPriority: "high",
+    style: { objectFit: "cover" },
+    draggable: !1,
+    sizes: "(max-width: 767px) 600px, 1200px"
+  }) : l.render({
+    src: r,
+    alt: s,
+    width: 650,
+    height: 750,
+    priority: !0,
+    fetchPriority: "high"
+  }) }) : /* @__PURE__ */ o("div", { className: c.media, children: d });
+});
+export {
+  te as H,
+  f as N,
+  oe as V,
+  Q as a,
+  m as b,
+  c as s
+};

package/dist/HeroSubComponents-CnNiv-zR.cjs

@@ -0,0 +1,6 @@
+"use strict";require('./HeroSubComponents.css');const o=require("react/jsx-runtime"),a=require("react"),m=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),q="_hero_qoehl_1",j="_container_qoehl_7",w="_heading_qoehl_15",C="_text_qoehl_22",N="_eyebrow_qoehl_37",k="_disclaimer_qoehl_41",B="_articleDetails_qoehl_52",V="_articleType_qoehl_65",I="_articleCategories_qoehl_79",E="_category_qoehl_85",z="_number_qoehl_101",T="_blog_qoehl_128",H="_overlay_qoehl_154",R="_tile_qoehl_224",D="_fullBleed_qoehl_333",F="_media_qoehl_360",P="_splitAlt_qoehl_448",A="_split_qoehl_448",L="_videoControl_qoehl_522",S="_videoBackground_qoehl_570",U="_iframe_qoehl_571",n={hero:q,container:j,heading:w,text:C,eyebrow:N,disclaimer:k,articleDetails:B,articleType:V,articleCategories:I,category:E,number:z,default:"_default_qoehl_124",blog:T,overlay:H,tile:R,fullBleed:D,media:F,splitAlt:P,split:A,videoControl:L,videoBackground:S,iframe:U},p=a.memo(function({isPlaying:e,onToggle:i}){return o.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?o.jsx(g,{size:18,"aria-hidden":!0}):o.jsx(x.Play,{size:18,"aria-hidden":!0})})}),f=a.memo(function({url:e,provider:i,wrapperClassName:s,iframeClassName:l}){const r=m.buildEmbedSrc(e,i);return o.jsx("div",{className:s,children:o.jsx("iframe",{src:r,className:l,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"Embedded video","aria-label":"Background video"})})}),v=a.memo(a.forwardRef(function({src:e,autoPlay:i,posterUrl:s,wrapperClassName:l,videoClassName:r,isPlaying:c,onToggle:u},h){const d=a.useRef(null);return a.useImperativeHandle(h,()=>({play(){var t;(t=d.current)==null||t.play().catch(()=>{})},pause(){var t;(t=d.current)==null||t.pause()}})),a.useEffect(()=>{const t=d.current;t&&(c?t.play().catch(()=>{}):t.pause())},[c]),o.jsxs("div",{className:l,children:[o.jsx(p,{isPlaying:c,onToggle:u}),o.jsx("video",{ref:d,src:e,autoPlay:i,loop:!0,muted:!0,playsInline:!0,poster:s,preload:"metadata",className:r,"aria-label":"Background video"})]})})),$=a.memo(function({url:e,autoPlay:i,posterUrl:s,isPlaying:l,onToggle:r,variant:c}){const u=e.includes("vimeo.com"),h=e.includes("youtube.com")||e.includes("youtu.be"),d=u||h,t=u?"vimeo":"youtube";return c==="inline"?d?o.jsx(f,{url:e,provider:t,wrapperClassName:n.media}):o.jsx(v,{src:e,autoPlay:i,posterUrl:s,wrapperClassName:n.media,isPlaying:l,onToggle:r}):d?o.jsx(f,{url:e,provider:t,wrapperClassName:n.videoBackground,iframeClassName:n.iframe}):o.jsx(v,{src:e,autoPlay:i,posterUrl:s,videoClassName:n.videoBackground,isPlaying:l,onToggle:r})}),Y=a.memo(function({image:e,mode:i,variant:s,imageAdapter:l}){const r=m.resolveImageUrl(e,i,"medium");if(!r)return null;const c=m.resolveAltText(e,i),u=o.jsx("img",{fetchPriority:"high",src:r,alt:c,draggable:!1,style:s==="fill"?{objectFit:"cover",width:"100%",height:"100%"}:{width:"100%",height:"100%"}});return l?o.jsx("div",{className:n.media,children:s==="fill"?l.render({src:r,alt:c,fill:!0,priority:!0,fetchPriority:"high",style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):l.render({src:r,alt:c,width:650,height:750,priority:!0,fetchPriority:"high"})}):o.jsx("div",{className:n.media,children:u})});exports.HeroImage=Y;exports.NativeVideo=v;exports.VideoBlock=$;exports.VideoControl=p;exports.VideoEmbed=f;exports.styles=n;

package/dist/HeroSubComponents.css

@@ -1 +1 @@
-._hero_6wr3y_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_6wr3y_7{width:100%;max-width:var(--layout-width, 1300px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_6wr3y_15{display:flex;flex-direction:column;width:100%;flex:1;gap:var(--spacing-md)}._heading_6wr3y_15:not(:has(._text_6wr3y_22 .portableTextContainer)){gap:var(--spacing-lg)}._heading_6wr3y_15 h1,._heading_6wr3y_15 h2,._heading_6wr3y_15 h3,._heading_6wr3y_15 h4,._heading_6wr3y_15 h5,._heading_6wr3y_15 h6{width:100%;margin-block:0}._eyebrow_6wr3y_37{font-weight:var(--font-weight-bold)}._disclaimer_6wr3y_41{color:var(--color-text-primary);font-size:var(--font-size-sm)}._text_6wr3y_22{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}._articleDetails_6wr3y_53{color:var(--color-secondary-75);display:flex;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}@media (max-width: 767px){._articleDetails_6wr3y_53{flex-wrap:wrap;gap:var(--spacing-md)}}._articleType_6wr3y_66{display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);padding:0 var(--spacing-md);color:#fff;width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._articleCategories_6wr3y_80{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}._category_6wr3y_86{border:1px solid var(--color-secondary-75);display:flex;align-items:center;justify-content:center;background-color:transparent;padding:0 var(--spacing-md);color:var(--color-secondary-75);width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._number_6wr3y_102{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);color:#fff;width:25px;height:25px;border-radius:var(--radius-full);text-transform:capitalize;margin-right:var(--spacing-xs)}._pipe_6wr3y_115{margin:0 var(--spacing-sm)}@media (max-width: 767px){._pipe_6wr3y_115._hide_6wr3y_118{display:none}}._default_6wr3y_125{position:relative}._blog_6wr3y_129{position:relative;padding:0 var(--spacing-md)}._blog_6wr3y_129 ._container_6wr3y_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:450px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._blog_6wr3y_129 ._container_6wr3y_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._blog_6wr3y_129 ._overlay_6wr3y_155{width:100%;padding:4rem var(--spacing-md) var(--spacing-xl)}}._blog_6wr3y_129 ._text_6wr3y_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._blog_6wr3y_129 ._text_6wr3y_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._blog_6wr3y_129 ._text_6wr3y_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._blog_6wr3y_129 ._text_6wr3y_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._tile_6wr3y_225{position:relative;padding:0 var(--spacing-md)}._tile_6wr3y_225 ._container_6wr3y_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._tile_6wr3y_225 ._container_6wr3y_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._tile_6wr3y_225 ._overlay_6wr3y_155{width:100%;padding:var(--spacing-md)}}@media (max-width: 767px){._tile_6wr3y_225:has(video) ._overlay_6wr3y_155{padding-bottom:3rem}}._tile_6wr3y_225 ._text_6wr3y_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._tile_6wr3y_225 ._text_6wr3y_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._tile_6wr3y_225 ._text_6wr3y_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._tile_6wr3y_225 ._text_6wr3y_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._fullBleed_6wr3y_334{position:relative;padding-top:0;padding-bottom:0}._fullBleed_6wr3y_334 ._container_6wr3y_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;border-radius:0}._fullBleed_6wr3y_334 ._container_6wr3y_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_6wr3y_334 ._media_6wr3y_361{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;border-radius:0}._fullBleed_6wr3y_334 ._media_6wr3y_361 img,._fullBleed_6wr3y_334 ._media_6wr3y_361 video,._fullBleed_6wr3y_334 ._media_6wr3y_361 iframe{width:100%;height:100%;object-fit:cover;display:block}._fullBleed_6wr3y_334 ._overlay_6wr3y_155{position:relative;z-index:1;min-height:80vh;display:flex;align-items:flex-end;background:linear-gradient(to top,#000000a6,#0000004d,#0000)}@media (max-width: 767px){._fullBleed_6wr3y_334 ._overlay_6wr3y_155{min-height:60vh}}._fullBleed_6wr3y_334 ._text_6wr3y_22{max-width:700px;color:#fff;background-color:transparent;padding:0;border-radius:0;z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}._fullBleed_6wr3y_334 ._text_6wr3y_22:before,._fullBleed_6wr3y_334 ._text_6wr3y_22:after{display:none}@media (max-width: 767px){._fullBleed_6wr3y_334:has(video) ._text_6wr3y_22{margin-bottom:3rem}}._default_6wr3y_125 ._media_6wr3y_361{position:relative;width:100%;height:480px;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._default_6wr3y_125 ._media_6wr3y_361{height:280px}}._default_6wr3y_125 ._media_6wr3y_361 img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}._splitAlt_6wr3y_448 ._media_6wr3y_361,._split_6wr3y_448 ._media_6wr3y_361{height:100%;padding-bottom:0;margin-bottom:0}._splitAlt_6wr3y_448 ._media_6wr3y_361 video,._splitAlt_6wr3y_448 ._media_6wr3y_361 iframe,._split_6wr3y_448 ._media_6wr3y_361 video,._split_6wr3y_448 ._media_6wr3y_361 iframe{position:relative;border-radius:var(--radius-md)}._splitAlt_6wr3y_448 ._media_6wr3y_361 img,._split_6wr3y_448 ._media_6wr3y_361 img{border-radius:var(--radius-md);width:100%;height:auto;max-height:500px;object-fit:contain}._splitAlt_6wr3y_448 ._container_6wr3y_7{display:flex;align-items:center;gap:3rem}@media (max-width: 767px){._splitAlt_6wr3y_448 ._container_6wr3y_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._splitAlt_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{width:100%;max-width:500px}}._splitAlt_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{flex:.65}._splitAlt_6wr3y_448 ._container_6wr3y_7 ._heading_6wr3y_15{flex:.35}._split_6wr3y_448 ._container_6wr3y_7{display:flex;align-items:center;gap:3rem}._split_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{flex:1}._split_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361 img{width:100%;height:auto;max-height:500px;object-fit:contain}@media (max-width: 767px){._split_6wr3y_448 ._container_6wr3y_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._split_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{width:100%;max-width:500px}}._videoControl_6wr3y_522{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:5;background:#00000080;border:none;border-radius:50%;padding:var(--spacing-sm);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out}._videoControl_6wr3y_522 svg{width:16px;height:16px}._videoControl_6wr3y_522:hover{color:var(--color-primary-25)}._media_6wr3y_361{position:relative;width:100%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1;margin-bottom:var(--spacing-md);line-height:0}._media_6wr3y_361 iframe,._media_6wr3y_361 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._videoBackground_6wr3y_570,._iframe_6wr3y_571{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}._iframe_6wr3y_571{border:none}.splitAlt ._text_6wr3y_22{flex:.65}
+._hero_qoehl_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_qoehl_7{width:100%;max-width:var(--layout-width, 1300px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_qoehl_15{display:flex;flex-direction:column;width:100%;flex:1;gap:var(--spacing-md)}._heading_qoehl_15:not(:has(._text_qoehl_22 .portableTextContainer)){gap:var(--spacing-lg)}._heading_qoehl_15 h1,._heading_qoehl_15 h2,._heading_qoehl_15 h3,._heading_qoehl_15 h4,._heading_qoehl_15 h5,._heading_qoehl_15 h6{width:100%;margin-block:0}._eyebrow_qoehl_37{font-weight:var(--font-weight-bold)}._disclaimer_qoehl_41{font-size:var(--font-size-sm)}._text_qoehl_22{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}._articleDetails_qoehl_52{color:var(--color-secondary-75);display:flex;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}@media (max-width: 767px){._articleDetails_qoehl_52{flex-wrap:wrap;gap:var(--spacing-md)}}._articleType_qoehl_65{display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);padding:0 var(--spacing-md);color:#fff;width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._articleCategories_qoehl_79{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}._category_qoehl_85{border:1px solid var(--color-secondary-75);display:flex;align-items:center;justify-content:center;background-color:transparent;padding:0 var(--spacing-md);color:var(--color-secondary-75);width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._number_qoehl_101{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);color:#fff;width:25px;height:25px;border-radius:var(--radius-full);text-transform:capitalize;margin-right:var(--spacing-xs)}._pipe_qoehl_114{margin:0 var(--spacing-sm)}@media (max-width: 767px){._pipe_qoehl_114._hide_qoehl_117{display:none}}._default_qoehl_124{position:relative}._blog_qoehl_128{position:relative;padding:0 var(--spacing-md)}._blog_qoehl_128 ._container_qoehl_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:450px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._blog_qoehl_128 ._container_qoehl_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._blog_qoehl_128 ._overlay_qoehl_154{width:100%;padding:4rem var(--spacing-md) var(--spacing-xl)}}._blog_qoehl_128 ._text_qoehl_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._blog_qoehl_128 ._text_qoehl_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._blog_qoehl_128 ._text_qoehl_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._blog_qoehl_128 ._text_qoehl_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._tile_qoehl_224{position:relative;padding:0 var(--spacing-md)}._tile_qoehl_224 ._container_qoehl_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._tile_qoehl_224 ._container_qoehl_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._tile_qoehl_224 ._overlay_qoehl_154{width:100%;padding:var(--spacing-md)}}@media (max-width: 767px){._tile_qoehl_224:has(video) ._overlay_qoehl_154{padding-bottom:3rem}}._tile_qoehl_224 ._text_qoehl_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._tile_qoehl_224 ._text_qoehl_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._tile_qoehl_224 ._text_qoehl_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._tile_qoehl_224 ._text_qoehl_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._fullBleed_qoehl_333{position:relative;padding-top:0;padding-bottom:0}._fullBleed_qoehl_333 ._container_qoehl_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;border-radius:0}._fullBleed_qoehl_333 ._container_qoehl_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_qoehl_333 ._media_qoehl_360{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;border-radius:0}._fullBleed_qoehl_333 ._media_qoehl_360 img,._fullBleed_qoehl_333 ._media_qoehl_360 video,._fullBleed_qoehl_333 ._media_qoehl_360 iframe{width:100%;height:100%;object-fit:cover;display:block}._fullBleed_qoehl_333 ._overlay_qoehl_154{position:relative;z-index:1;min-height:80vh;display:flex;align-items:flex-end;background:linear-gradient(to top,#000000a6,#0000004d,#0000)}@media (max-width: 767px){._fullBleed_qoehl_333 ._overlay_qoehl_154{min-height:60vh}}._fullBleed_qoehl_333 ._text_qoehl_22{max-width:700px;color:#fff;background-color:transparent;padding:0;border-radius:0;z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}._fullBleed_qoehl_333 ._text_qoehl_22:before,._fullBleed_qoehl_333 ._text_qoehl_22:after{display:none}@media (max-width: 767px){._fullBleed_qoehl_333:has(video) ._text_qoehl_22{margin-bottom:3rem}}._default_qoehl_124 ._media_qoehl_360{position:relative;width:100%;height:480px;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._default_qoehl_124 ._media_qoehl_360{height:280px}}._default_qoehl_124 ._media_qoehl_360 img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}._splitAlt_qoehl_448 ._media_qoehl_360,._split_qoehl_448 ._media_qoehl_360{height:100%;padding-bottom:0;margin-bottom:0}._splitAlt_qoehl_448 ._media_qoehl_360 video,._splitAlt_qoehl_448 ._media_qoehl_360 iframe,._split_qoehl_448 ._media_qoehl_360 video,._split_qoehl_448 ._media_qoehl_360 iframe{position:relative;border-radius:var(--radius-md)}._splitAlt_qoehl_448 ._media_qoehl_360 img,._split_qoehl_448 ._media_qoehl_360 img{border-radius:var(--radius-md);width:100%;height:auto;max-height:500px;object-fit:contain}._splitAlt_qoehl_448 ._container_qoehl_7{display:flex;align-items:center;gap:3rem}@media (max-width: 767px){._splitAlt_qoehl_448 ._container_qoehl_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._splitAlt_qoehl_448 ._container_qoehl_7 ._media_qoehl_360{width:100%;max-width:500px}}._splitAlt_qoehl_448 ._container_qoehl_7 ._media_qoehl_360{flex:.65}._splitAlt_qoehl_448 ._container_qoehl_7 ._heading_qoehl_15{flex:.35}._split_qoehl_448 ._container_qoehl_7{display:flex;align-items:center;gap:3rem}._split_qoehl_448 ._container_qoehl_7 ._media_qoehl_360{flex:1}._split_qoehl_448 ._container_qoehl_7 ._media_qoehl_360 img{width:100%;height:auto;max-height:500px;object-fit:contain}@media (max-width: 767px){._split_qoehl_448 ._container_qoehl_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._split_qoehl_448 ._container_qoehl_7 ._media_qoehl_360{width:100%;max-width:500px}}._videoControl_qoehl_522{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:5;background:#00000080;border:none;border-radius:50%;padding:var(--spacing-sm);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out}._videoControl_qoehl_522 svg{width:16px;height:16px}._videoControl_qoehl_522:hover{color:var(--color-primary-25)}._media_qoehl_360{position:relative;width:100%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1;margin-bottom:var(--spacing-md);line-height:0}._media_qoehl_360 iframe,._media_qoehl_360 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._videoBackground_qoehl_570,._iframe_qoehl_571{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}._iframe_qoehl_571{border:none}.splitAlt ._text_qoehl_22{flex:.65}._vAlignmentTop_qoehl_599 ._text_qoehl_22{align-self:flex-start}._vAlignmentMiddle_qoehl_605 ._text_qoehl_22{align-self:center}._vAlignmentBottom_qoehl_611 ._text_qoehl_22{align-self:flex-end}._hAlignmentLeft_qoehl_618 ._container_qoehl_7{justify-content:flex-start}._hAlignmentCenter_qoehl_624 ._container_qoehl_7{justify-content:center}._hAlignmentRight_qoehl_630 ._container_qoehl_7{justify-content:flex-end}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index40.css');const t=require("react/jsx-runtime"),w=require("../Label/index.cjs"),M="_wrapper_78rxp_1",q="_fullWidth_78rxp_8",F="_textarea_78rxp_13",I="_sm_78rxp_53",O="_md_78rxp_59",P="_lg_78rxp_65",k="_resizeNone_78rxp_72",A="_resizeVertical_78rxp_76",D="_resizeHorizontal_78rxp_80",G="_resizeBoth_78rxp_84",J="_error_78rxp_89",K="_footer_78rxp_99",Q="_helperText_78rxp_108",U="_errorText_78rxp_115",X="_charCount_78rxp_120",Y="_charCountError_78rxp_127",r={wrapper:M,fullWidth:q,textarea:F,sm:I,md:O,lg:P,resizeNone:k,resizeVertical:A,resizeHorizontal:D,resizeBoth:G,error:J,footer:K,helperText:Q,errorText:U,charCount:X,charCountError:Y};function Z({id:g,name:x,label:p,value:o,defaultValue:s,placeholder:C,disabled:c=!1,readOnly:N=!1,required:h=!1,error:a=!1,helperText:_,size:d="md",rows:T=4,minRows:z,maxRows:m,minLength:j,maxLength:e,showCharCount:u=!1,resize:y="vertical",fullWidth:H=!1,className:b,style:v,...E}){const i=g??x??`textarea-${Math.random().toString(36).slice(2)}`,n=!!a,l=typeof a=="string"?a:void 0,B={sm:r.sm,md:r.md,lg:r.lg}[d],S={none:r.resizeNone,vertical:r.resizeVertical,horizontal:r.resizeHorizontal,both:r.resizeBoth}[y],$=(o==null?void 0:o.length)??(s==null?void 0:s.length)??0,f=u&&e,W={...z&&{minHeight:`${z*1.5}em`},...m&&{maxHeight:`${m*1.5}em`},...v};return t.jsxs("div",{className:`${b??""} ${r.wrapper} ${H?r.fullWidth:""}`.trim(),children:[p&&t.jsx(w.Label,{htmlFor:i,size:d,intent:n?"error":c?"disabled":"default",required:h,disabled:c,children:p}),t.jsx("textarea",{id:i,name:x,value:o,defaultValue:s,placeholder:C,disabled:c,readOnly:N,required:h,rows:T,minLength:j,maxLength:e,className:`${r.textarea} ${B} ${S} ${n?r.error:""}`.trim(),style:W,"aria-invalid":n,"aria-describedby":l||_||f?`${i}-description`:void 0,...E}),t.jsxs("div",{className:r.footer,children:[(l||_)&&t.jsx("div",{id:`${i}-description`,className:`${r.helperText} ${n?r.errorText:""}`.trim(),children:l||_}),f&&t.jsxs("div",{className:`${r.charCount} ${e&&$>e?r.charCountError:""}`.trim(),children:[$,e&&` / ${e}`]})]})]})}exports.Textarea=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index40.css');const t=require("react/jsx-runtime"),W=require("../Label/index.cjs"),w="_wrapper_1tsqu_1",M="_fullWidth_1tsqu_8",F="_textarea_1tsqu_13",I="_sm_1tsqu_53",O="_md_1tsqu_59",P="_lg_1tsqu_65",k="_resizeNone_1tsqu_72",A="_resizeVertical_1tsqu_76",D="_resizeHorizontal_1tsqu_80",G="_resizeBoth_1tsqu_84",J="_error_1tsqu_89",K="_footer_1tsqu_99",Q="_helperText_1tsqu_108",U="_errorText_1tsqu_115",X="_charCount_1tsqu_120",Y="_charCountError_1tsqu_127",r={wrapper:w,fullWidth:M,textarea:F,sm:I,md:O,lg:P,resizeNone:k,resizeVertical:A,resizeHorizontal:D,resizeBoth:G,error:J,footer:K,helperText:Q,errorText:U,charCount:X,charCountError:Y};function Z({id:p,name:h,label:d,value:s,defaultValue:o,placeholder:f,disabled:c=!1,readOnly:g=!1,required:u=!1,error:a=!1,helperText:_,size:z="md",rows:C=4,minRows:m,maxRows:$,minLength:N,maxLength:e,showCharCount:T=!1,resize:j="vertical",fullWidth:y=!1,className:H,style:b,...v}){const i=p??h??`textarea-${Math.random().toString(36).slice(2)}`,n=!!a,l=typeof a=="string"?a:void 0,E={sm:r.sm,md:r.md,lg:r.lg}[z],B={none:r.resizeNone,vertical:r.resizeVertical,horizontal:r.resizeHorizontal,both:r.resizeBoth}[j],q=(s==null?void 0:s.length)??(o==null?void 0:o.length)??0,x=T&&e,S={...m&&{minHeight:`${m*1.5}em`},...$&&{maxHeight:`${$*1.5}em`},...b};return t.jsxs("div",{className:`${H??""} ${r.wrapper} ${y?r.fullWidth:""}`.trim(),children:[d&&t.jsx(W.Label,{htmlFor:i,size:z,intent:n?"error":c?"disabled":"default",required:u,disabled:c,children:d}),t.jsx("textarea",{id:i,name:h,value:s,defaultValue:o,placeholder:f,disabled:c,readOnly:g,required:u,rows:C,minLength:N,maxLength:e,className:`${r.textarea} ${E} ${B} ${n?r.error:""}`.trim(),style:S,"aria-invalid":n,"aria-describedby":l||_||x?`${i}-description`:void 0,...v}),t.jsxs("div",{className:r.footer,children:[(l||_)&&t.jsx("div",{id:`${i}-description`,className:`${r.helperText} ${n?r.errorText:""}`.trim(),children:l||_}),x&&t.jsxs("div",{className:`${r.charCount} ${e&&q>e?r.charCountError:""}`.trim(),children:[q,e&&` / ${e}`]})]})]})}exports.Textarea=Z;