quirk-ui 0.0.340 → 0.0.342

package/dist/main.js

@@ -1,19 +1,19 @@
 import './assets/index.css';/* empty css               */
 import { ButtonGroup as t } from "./core/components/ButtonGroup/index.js";
 import { FloatingActionButton as x } from "./core/components/FloatingActionButton/index.js";
-import { C as f } from "./index-Dq5hMTxb.js";
+import { C as f } from "./index-dNH0sNLZ.js";
 import { IconButton as i } from "./core/components/IconButton/index.js";
 import { Heading as l } from "./core/components/Heading/index.js";
 import { Text as d } from "./core/components/Text/index.js";
-import { Grid as u } from "./core/components/Grid/index.js";
-import { Container as C } from "./core/components/Container/index.js";
+import { Grid as C } from "./core/components/Grid/index.js";
+import { Container as u } from "./core/components/Container/index.js";
 import { Stack as S } from "./core/components/Stack/index.js";
 import { Box as b } from "./core/components/Box/index.js";
 import { Spacer as v } from "./core/components/Spacer/index.js";
 import { Divider as F } from "./core/components/Divider/index.js";
 import { Table as P } from "./core/components/Table/index.js";
 import { List as D } from "./core/components/List/index.js";
-import { Card as w } from "./core/components/Card/index.js";
+import { Card as N } from "./core/components/Card/index.js";
 import { Avatar as I } from "./core/components/Avatar/index.js";
 import { Badge as M } from "./core/components/Badge/index.js";
 import { Tooltip as U } from "./core/components/Tooltip/index.js";
@@ -31,16 +31,16 @@ import { Drawer as xo } from "./core/components/Drawer/index.js";
 import { Tabs as fo } from "./core/components/Tabs/index.js";
 import { Breadcrumbs as io } from "./core/components/Breadcrumbs/index.js";
 import { Footer as lo } from "./core/components/Footer/index.js";
-import { Form as so } from "./core/components/Form/index.js";
-import { Label as Bo } from "./core/components/Label/index.js";
+import { Form as Bo } from "./core/components/Form/index.js";
+import { Label as so } from "./core/components/Label/index.js";
 import { Input as ko } from "./core/components/Input/index.js";
 import { Fieldset as To } from "./core/components/Fieldset/index.js";
 import { Radio as go } from "./core/components/Radio/index.js";
 import { Checkbox as Ao } from "./core/components/Checkbox/index.js";
 import { Textarea as Ho } from "./core/components/Textarea/index.js";
 import { Select as ho } from "./core/components/Select/index.js";
-import { Switch as No } from "./core/components/Switch/index.js";
-import { MultiSelect as Go } from "./core/components/MultiSelect/index.js";
+import { Switch as Go } from "./core/components/Switch/index.js";
+import { MultiSelect as wo } from "./core/components/MultiSelect/index.js";
 import { DatePicker as Lo } from "./core/components/DatePicker/index.js";
 import { Range as Ro } from "./core/components/Range/index.js";
 import { FileUpload as jo } from "./core/components/FileUpload/index.js";
@@ -49,6 +49,7 @@ import { HeroBlock as Eo } from "./next/blocks/HeroBlock/index.js";
 import { HeroProvider as Ko, useHeroContext as Oo } from "./next/blocks/HeroBlock/HeroContext.js";
 import { ContentBlock as Vo } from "./next/blocks/ContentBlock/index.js";
 import { CarouselBlock as Xo } from "./next/blocks/CarouselBlock/index.js";
+import { CardGridBlock as Zo } from "./next/blocks/CardGridBlock/index.js";
 export {
   z as Accordion,
   J as Alert,
@@ -58,11 +59,12 @@ export {
   io as Breadcrumbs,
   t as ButtonGroup,
   f as CallToAction,
-  w as Card,
+  N as Card,
+  Zo as CardGridBlock,
   ro as Carousel,
   Xo as CarouselBlock,
   Ao as Checkbox,
-  C as Container,
+  u as Container,
   Vo as ContentBlock,
   Lo as DatePicker,
   F as Divider,
@@ -71,17 +73,17 @@ export {
   jo as FileUpload,
   x as FloatingActionButton,
   lo as Footer,
-  so as Form,
-  u as Grid,
+  Bo as Form,
+  C as Grid,
   l as Heading,
   Eo as HeroBlock,
   Ko as HeroProvider,
   i as IconButton,
   ko as Input,
-  Bo as Label,
+  so as Label,
   D as List,
   q as Modal,
-  Go as MultiSelect,
+  wo as MultiSelect,
   to as Navbar,
   O as Notification,
   V as NotificationContainer,
@@ -93,7 +95,7 @@ export {
   v as Spacer,
   Z as Spinner,
   S as Stack,
-  No as Switch,
+  Go as Switch,
   P as Table,
   fo as Tabs,
   d as Text,

package/dist/next/blocks/CardGridBlock/CardGridBlock.types.js

@@ -0,0 +1 @@
+

package/dist/next/blocks/CardGridBlock/index.js

@@ -0,0 +1,204 @@
+import { jsx as o, jsxs as v } from "react/jsx-runtime";
+import { useState as w, useEffect as z, useMemo as C } from "react";
+import { RichText as $ } from "../../ui/PortableTextRenderer/index.js";
+import { CallToActions as M } from "../../ui/CallToActions/index.js";
+import { ProductCard as S } from "../../cards/ProductCard/index.js";
+import { GridCard as H } from "../../cards/GridCard/index.js";
+import { ServiceCard as V } from "../../cards/ServiceCard/index.js";
+import { TestimonialCard as A } from "../../cards/TestimonialCard/index.js";
+import { ReviewCard as D } from "../../cards/ReviewCard/index.js";
+import { useMediaQuery as B } from "../../hooks/useMediaQuery.js";
+import { useStyleClasses as E } from "../../hooks/useStyleClasses.js";
+import '../../../assets/index58.css';const L = "_grid_a6iq3_1", P = {
+  grid: L
+};
+function R({
+  columns: t = 1,
+  gap: e = "1rem",
+  areas: u,
+  autoFitMinMax: n,
+  className: N,
+  children: i,
+  style: p,
+  ...f
+}) {
+  const m = {
+    ...p,
+    display: "grid",
+    gap: e
+  };
+  if (u && (m.gridTemplateAreas = u.map((a) => `"${a.join(" ")}"`).join(" ")), n)
+    m.gridTemplateColumns = `repeat(auto-fit, minmax(${n}, 1fr))`;
+  else if (typeof t == "object") {
+    const { xs: a, sm: _, md: x, lg: y, xl: b } = t;
+    [
+      {
+        breakpoint: "xs",
+        value: a
+      },
+      {
+        breakpoint: "sm",
+        value: _
+      },
+      {
+        breakpoint: "md",
+        value: x
+      },
+      {
+        breakpoint: "lg",
+        value: y
+      },
+      {
+        breakpoint: "xl",
+        value: b
+      }
+    ].forEach(({ breakpoint: k, value: s }) => {
+      const c = isNaN(Number(s)) ? s : Number(s);
+      c && (m[`--${k}-columns`] = typeof c == "number" ? `repeat(${c}, 1fr)` : c);
+    });
+  } else {
+    const a = isNaN(Number(t)) ? t : Number(t);
+    m.gridTemplateColumns = typeof a == "number" ? `repeat(${a}, 1fr)` : a;
+  }
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${N ?? ""} ${P.grid}`,
+      style: m,
+      ...f,
+      children: i
+    }
+  );
+}
+const q = "_cardGrid_11um4_1", F = "_container_11um4_7", I = "_heading_11um4_18", O = "_headingHorizontal_11um4_34", Q = "_title_11um4_38", U = "_headingVertical_11um4_47", J = "_description_11um4_58", K = "_disclaimer_11um4_63", W = "_grid_11um4_79", l = {
+  cardGrid: q,
+  container: F,
+  heading: I,
+  headingHorizontal: O,
+  title: Q,
+  headingVertical: U,
+  description: J,
+  disclaimer: K,
+  grid: W
+};
+function ct({
+  heading: t,
+  grid: e,
+  textReplaceOnHover: u = !0,
+  callToAction: n,
+  styleOptions: N
+}) {
+  var k;
+  const [i, p] = w(null), f = B("(max-width: 768px)"), m = E(N), a = {
+    horizontal: l.headingHorizontal,
+    vertical: l.headingVertical
+  }[(t == null ? void 0 : t.headingLayout) ?? "vertical"];
+  function _(s) {
+    for (const c of s)
+      if (!(!c.children || !c.markDefs)) {
+        for (const r of c.children)
+          if (r != null && r.marks)
+            for (const j of r.marks) {
+              const T = c.markDefs.find((G) => G._key === j);
+              if (T && T._type === "coloredText")
+                return r.text;
+            }
+      }
+    return null;
+  }
+  z(() => {
+    t && t.title && p(_(t.title));
+  }, [t]);
+  const x = C(() => {
+    if (e != null && e.areas && !f)
+      return e == null ? void 0 : e.areas.map((s) => s.trim().split(/\s+/));
+  }, [e == null ? void 0 : e.areas, f]), y = C(
+    () => /* @__PURE__ */ o(
+      $,
+      {
+        className: l.title,
+        textOverride: i ?? "",
+        animateText: (t == null ? void 0 : t.animateText) ?? !1,
+        blocks: t == null ? void 0 : t.title
+      }
+    ),
+    [t == null ? void 0 : t.title, i, t == null ? void 0 : t.animateText]
+  ), b = !(t != null && t.title) && !(t != null && t.description);
+  return /* @__PURE__ */ o(
+    "section",
+    {
+      className: `${l.cardGrid} ${(e == null ? void 0 : e.className) ?? ""} ${m}`,
+      children: /* @__PURE__ */ v(
+        "article",
+        {
+          className: `${l.container} ${m.includes("split") ? "split" : "default"}`,
+          children: [
+            !b && /* @__PURE__ */ v("div", { className: `${l.heading} ${a ?? ""}`, children: [
+              (t == null ? void 0 : t.title) && y,
+              (t == null ? void 0 : t.description) && /* @__PURE__ */ o(
+                $,
+                {
+                  className: l.description,
+                  blocks: t == null ? void 0 : t.description
+                }
+              )
+            ] }),
+            /* @__PURE__ */ v(
+              "div",
+              {
+                className: `${l.grid} ${e != null && e.className && l[e == null ? void 0 : e.className] ? l[e == null ? void 0 : e.className] : (e == null ? void 0 : e.className) ?? ""}`,
+                children: [
+                  /* @__PURE__ */ o(R, { columns: e == null ? void 0 : e.columns, gap: e == null ? void 0 : e.gap, areas: x, children: (k = e == null ? void 0 : e.items) == null ? void 0 : k.map((s) => {
+                    const c = s.title ? _(s.title) : "", r = {
+                      gridArea: s.gridArea,
+                      onHover: () => {
+                        u && p(c);
+                      },
+                      ...s
+                    };
+                    switch (s.variant) {
+                      case "service":
+                        return /* @__PURE__ */ o(V, { ...r }, s._key);
+                      case "grid":
+                        return /* @__PURE__ */ o(H, { ...r }, s._key);
+                      case "image":
+                        return /* @__PURE__ */ o(H, { ...r }, s._key);
+                      case "product":
+                        return /* @__PURE__ */ o(S, { ...r }, s._key);
+                      case "testimonial":
+                        return /* @__PURE__ */ o(A, { ...r }, s._key);
+                      case "review":
+                        return /* @__PURE__ */ o(D, { ...r }, s._key);
+                      default:
+                        return /* @__PURE__ */ v("div", { children: [
+                          "Unknown item type: ",
+                          s._type
+                        ] }, s._key);
+                    }
+                  }) }),
+                  n && /* @__PURE__ */ o(
+                    M,
+                    {
+                      items: n.items,
+                      alignment: n.alignment
+                    }
+                  ),
+                  /* @__PURE__ */ o("div", { children: (t == null ? void 0 : t.disclaimer) && /* @__PURE__ */ o(
+                    $,
+                    {
+                      className: l.disclaimer,
+                      blocks: t == null ? void 0 : t.disclaimer
+                    }
+                  ) })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  ct as CardGridBlock
+};

package/dist/next/blocks/CarouselBlock/index.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { useState as V, useRef as g, useEffect as B, useMemo as F } from "react";
-import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index7.css';/* empty css                      */
+import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index4.css';/* empty css                      */
 import { F as m } from "../../../index-CeBA0PT0.js";
 import "react-dom";
 import { Carousel as j } from "../../../core/components/Carousel/index.js";

package/dist/next/blocks/ContentBlock/index.js

@@ -3,7 +3,7 @@ import { RichText as c } from "../../ui/PortableTextRenderer/index.js";
 import { CallToActions as V } from "../../ui/CallToActions/index.js";
 import W from "next/image";
 import { useStyleClasses as N } from "../../hooks/useStyleClasses.js";
-import '../../../assets/index6.css';const y = "_content_ivubr_1", H = "_container_ivubr_7", g = "_metrics_ivubr_34", w = "_metric_ivubr_34", B = "_metricValue_ivubr_50", $ = "_disclaimer_ivubr_71", z = "_layoutHImageRight_ivubr_76", k = "_heading_ivubr_80", C = "_image_ivubr_85", L = "_noImage_ivubr_95", R = "_layoutHImageLeft_ivubr_99", D = "_layoutVImageTop_ivubr_118", U = "_layoutVImageBottom_ivubr_131", j = "_title_ivubr_151", S = "_text_ivubr_156", F = "_cta_ivubr_170", T = "_headingHorizontal_ivubr_178", Y = "_titleWrapper_ivubr_187", q = "_headingVertical_ivubr_208", E = "_videoWrapper_ivubr_229", G = "_maxWidth_ivubr_257", J = "_fullBleed_ivubr_267", e = {
+import '../../../assets/index3.css';const y = "_content_ivubr_1", H = "_container_ivubr_7", g = "_metrics_ivubr_34", w = "_metric_ivubr_34", B = "_metricValue_ivubr_50", $ = "_disclaimer_ivubr_71", z = "_layoutHImageRight_ivubr_76", k = "_heading_ivubr_80", C = "_image_ivubr_85", L = "_noImage_ivubr_95", R = "_layoutHImageLeft_ivubr_99", D = "_layoutVImageTop_ivubr_118", U = "_layoutVImageBottom_ivubr_131", j = "_title_ivubr_151", S = "_text_ivubr_156", F = "_cta_ivubr_170", T = "_headingHorizontal_ivubr_178", Y = "_titleWrapper_ivubr_187", q = "_headingVertical_ivubr_208", E = "_videoWrapper_ivubr_229", G = "_maxWidth_ivubr_257", J = "_fullBleed_ivubr_267", e = {
   content: y,
   container: H,
   metrics: g,

package/dist/next/cards/BioCard/index.js

@@ -2,7 +2,7 @@ import { jsx as r, Fragment as m, jsxs as i } from "react/jsx-runtime";
 import { useState as C, useEffect as $ } from "react";
 import { RichText as l } from "../../ui/PortableTextRenderer/index.js";
 import B from "next/image";
-import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index14.css';/* empty css                      */
+import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index11.css';/* empty css                      */
 import { Modal as u } from "../../../core/components/Modal/index.js";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */

package/dist/next/cards/BlogArticleCard/index.js

@@ -3,7 +3,7 @@ import fr from "next/image";
 import { g as lr } from "../../../_commonjsHelpers-DaMA6jEr.js";
 import Oe from "react";
 import { c as dr } from "../../../createLucideIcon-C8GTh_Qx.js";
-import '../../../assets/index60.css';/**
+import '../../../assets/index61.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/next/cards/GridCard/index.js

@@ -1,8 +1,8 @@
-import { jsx as s, Fragment as p, jsxs as i } from "react/jsx-runtime";
+import { jsx as s, Fragment as p, jsxs as l } from "react/jsx-runtime";
 import { useState as P, useEffect as g } from "react";
-import { RichText as u } from "../../ui/PortableTextRenderer/index.js";
+import { RichText as x } from "../../ui/PortableTextRenderer/index.js";
 import S from "next/image";
-import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index13.css';/* empty css                      */
+import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index10.css';/* empty css                      */
 import { Modal as v } from "../../../core/components/Modal/index.js";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */
@@ -12,7 +12,7 @@ import { useStyleClasses as G } from "../../hooks/useStyleClasses.js";
 import "@fortawesome/fontawesome-free/css/all.min.css";
 import { P as Q } from "../../../play-DYgKiSaf.js";
 import { A as q } from "../../../arrow-right-QEwnX3Sk.js";
-const H = "_cardLink_kdct4_1", J = "_card_kdct4_1", K = "_container_kdct4_20", W = "_icon_kdct4_30", X = "_modalTrigger_kdct4_52", Y = "_callToAction_kdct4_57", Z = "_label_kdct4_58", V = "_cardIcon_kdct4_63", T = "_title_kdct4_70", A = "_description_kdct4_93", ee = "_image_kdct4_108", te = "_metric_kdct4_193", re = "_content_kdct4_194", se = "_outerCircle_kdct4_210", ne = "_innerCircle_kdct4_215", ce = "_metricLabel_kdct4_221", oe = "_textOnly_kdct4_229", ie = "_fullBleed_kdct4_261", de = "_imageTop_kdct4_301", le = "_imageBottom_kdct4_322", ae = "_imageLeft_kdct4_349", _e = "_imageRight_kdct4_359", me = "_containImage_kdct4_408", fe = "_fullBleedImage_kdct4_412", ke = "_eyebrow_kdct4_486", t = {
+const H = "_cardLink_etuxn_1", J = "_card_etuxn_1", K = "_container_etuxn_20", W = "_icon_etuxn_30", X = "_modalTrigger_etuxn_52", Y = "_callToAction_etuxn_57", Z = "_label_etuxn_58", V = "_cardIcon_etuxn_63", T = "_title_etuxn_70", A = "_description_etuxn_93", ee = "_image_etuxn_108", te = "_metric_etuxn_189", re = "_content_etuxn_190", se = "_outerCircle_etuxn_206", ne = "_innerCircle_etuxn_211", oe = "_metricLabel_etuxn_217", ie = "_textOnly_etuxn_225", le = "_fullBleed_etuxn_257", ae = "_imageTop_etuxn_297", ce = "_imageBottom_etuxn_318", de = "_imageLeft_etuxn_345", _e = "_imageRight_etuxn_355", ue = "_containImage_etuxn_404", me = "_fullBleedImage_etuxn_408", fe = "_eyebrow_etuxn_483", t = {
   cardLink: H,
   card: J,
   container: K,
@@ -28,24 +28,24 @@ const H = "_cardLink_kdct4_1", J = "_card_kdct4_1", K = "_container_kdct4_20", W
   content: re,
   outerCircle: se,
   innerCircle: ne,
-  metricLabel: ce,
-  textOnly: oe,
-  fullBleed: ie,
-  imageTop: de,
-  imageBottom: le,
-  imageLeft: ae,
+  metricLabel: oe,
+  textOnly: ie,
+  fullBleed: le,
+  imageTop: ae,
+  imageBottom: ce,
+  imageLeft: de,
   imageRight: _e,
-  containImage: me,
-  fullBleedImage: fe,
-  eyebrow: ke
+  containImage: ue,
+  fullBleedImage: me,
+  eyebrow: fe
 };
 function Re({
-  style: x,
+  style: k,
   variant: L = "noImage",
-  metricValue: l,
-  eyebrow: a,
+  metricValue: c,
+  eyebrow: d,
   title: _,
-  description: m,
+  description: u,
   image: e,
   icon: h,
   callToAction: r,
@@ -58,22 +58,22 @@ function Re({
   g(() => {
     async function n() {
       if ((r == null ? void 0 : r.type) === "link" || (r == null ? void 0 : r.type) === "download") {
-        const o = await D(r);
-        C(o);
+        const i = await D(r);
+        C(i);
       }
     }
     n();
   }, [r]);
-  const d = E("(max-width: 768px)"), R = (e == null ? void 0 : e.asset) && (e == null ? void 0 : e.layout) === "cover", c = {};
+  const a = E("(max-width: 768px)"), R = (e == null ? void 0 : e.asset) && (e == null ? void 0 : e.layout) === "cover", o = {};
   if ((e == null ? void 0 : e.layout) === "cover")
-    c.objectFit = "cover", e != null && e.position && (c.objectPosition = d ? "top" : e == null ? void 0 : e.position);
+    o.objectFit = "cover", e != null && e.position && (o.objectPosition = a ? "top" : e == null ? void 0 : e.position);
   else if ((e == null ? void 0 : e.layout) === "contain") {
-    if (c.objectFit = "contain", (e == null ? void 0 : e.width) === "half" ? c.width = d ? "100%" : "50%" : (e == null ? void 0 : e.width) === "inset" ? c.width = d ? "100%" : "75%" : c.width = "100%", e != null && e.aspectRatio) {
-      const [n, o] = e == null ? void 0 : e.aspectRatio.split(":").map(Number);
-      c.aspectRatio = `${n}/${o}`;
+    if (o.objectFit = "contain", (e == null ? void 0 : e.width) === "half" ? o.width = a ? "100%" : "50%" : (e == null ? void 0 : e.width) === "inset" ? o.width = a ? "100%" : "75%" : o.width = "100%", e != null && e.aspectRatio) {
+      const [n, i] = e == null ? void 0 : e.aspectRatio.split(":").map(Number);
+      o.aspectRatio = `${n}/${i}`;
     }
   } else
-    c.objectFit = "none";
+    o.objectFit = "none";
   const $ = {
     "full-bleed": t.fullBleed,
     text: t.textOnly,
@@ -82,7 +82,7 @@ function Re({
     "image-right": t.imageRight,
     "image-top": t.imageTop,
     "image-bottom": t.imageBottom
-  }[x || "text"], U = /* @__PURE__ */ s(p, { children: e && e.imageUrl ? /* @__PURE__ */ s("div", { className: t.image, children: /* @__PURE__ */ s(
+  }[k || "text"], U = /* @__PURE__ */ s(p, { children: e && e.imageUrl ? /* @__PURE__ */ s("div", { className: t.image, children: /* @__PURE__ */ s(
     S,
     {
       src: e.imageUrl,
@@ -90,12 +90,12 @@ function Re({
       width: 600,
       height: 658,
       priority: !0,
-      style: c
+      style: o
     }
   ) }) : null }), M = ({ value: n }) => {
     if (n && n.includes("%")) {
-      const k = 2 * Math.PI * 57.5, O = k - parseFloat(n) / 100 * k;
-      return /* @__PURE__ */ i("svg", { width: 125, height: 125, viewBox: "0 0 125 125", children: [
+      const f = 2 * Math.PI * 57.5, O = f - parseFloat(n) / 100 * f;
+      return /* @__PURE__ */ l("svg", { width: 125, height: 125, viewBox: "0 0 125 125", children: [
         /* @__PURE__ */ s(
           "circle",
           {
@@ -114,7 +114,7 @@ function Re({
             cy: 125 / 2,
             r: 57.5,
             fill: "none",
-            strokeDasharray: k,
+            strokeDasharray: f,
             strokeDashoffset: O,
             strokeLinecap: "round",
             transform: `rotate(-90 ${125 / 2} ${125 / 2})`
@@ -134,33 +134,33 @@ function Re({
       ] });
     }
     return /* @__PURE__ */ s("div", { className: t.metric });
-  }, j = !l && !a && !_ && !m, N = /* @__PURE__ */ i(p, { children: [
-    /* @__PURE__ */ i(
+  }, j = !c && !d && !_ && !u, N = /* @__PURE__ */ l(p, { children: [
+    /* @__PURE__ */ l(
       "div",
       {
         className: `${t.container} ${R ? t.fullBleedImage : t.containImage} `,
         children: [
-          L !== "image" && !j && /* @__PURE__ */ i("div", { className: t.content, children: [
+          L !== "image" && !j && /* @__PURE__ */ l("div", { className: t.content, children: [
             h && /* @__PURE__ */ s("div", { className: t.icon, children: /* @__PURE__ */ s("i", { className: h }) }),
-            l && /* @__PURE__ */ s(M, { value: l }),
-            a && /* @__PURE__ */ s(u, { className: t.eyebrow, blocks: a }),
-            _ && /* @__PURE__ */ s(u, { className: t.title, blocks: _ }),
-            m && /* @__PURE__ */ s(u, { className: t.description, blocks: m })
+            c && /* @__PURE__ */ s(M, { value: c }),
+            d && /* @__PURE__ */ s(x, { className: t.eyebrow, blocks: d }),
+            _ && /* @__PURE__ */ s(x, { className: t.title, blocks: _ }),
+            u && /* @__PURE__ */ s(x, { className: t.description, blocks: u })
           ] }),
           U
         ]
       }
     ),
-    (r == null ? void 0 : r.videoUrl) && /* @__PURE__ */ i("div", { className: t.callToAction, children: [
+    (r == null ? void 0 : r.videoUrl) && /* @__PURE__ */ l("div", { className: t.callToAction, children: [
       /* @__PURE__ */ s("div", { className: t.label, children: r.label }),
       /* @__PURE__ */ s("div", { className: t.cardIcon, children: /* @__PURE__ */ s(Q, { size: 45 }) })
     ] }),
-    (r == null ? void 0 : r.type) === "link" && /* @__PURE__ */ i("div", { className: t.callToAction, children: [
+    (r == null ? void 0 : r.type) === "link" && /* @__PURE__ */ l("div", { className: t.callToAction, children: [
       /* @__PURE__ */ s("div", { className: t.label, children: r.label }),
       /* @__PURE__ */ s("div", { className: t.cardIcon, children: /* @__PURE__ */ s(q, { size: 45 }) })
     ] })
   ] }), F = ({ children: n }) => {
-    var o, f;
+    var i, m;
     switch (r == null ? void 0 : r.type) {
       case "link":
         return /* @__PURE__ */ s(
@@ -169,8 +169,8 @@ function Re({
             className: t.cardLink,
             "aria-label": r.ariaLabel || r.label,
             href: y,
-            target: ((o = r.linkOptions) == null ? void 0 : o.linkType) === "external" ? "_blank" : "_self",
-            rel: ((f = r.linkOptions) == null ? void 0 : f.linkType) === "external" ? "noopener noreferrer" : "",
+            target: ((i = r.linkOptions) == null ? void 0 : i.linkType) === "external" ? "_blank" : "_self",
+            rel: ((m = r.linkOptions) == null ? void 0 : m.linkType) === "external" ? "noopener noreferrer" : "",
             children: n
           }
         );
@@ -213,7 +213,7 @@ function Re({
       className: `${z} ${t.card} ${$ ?? ""} `,
       onMouseEnter: w,
       onMouseLeave: I,
-      style: b && !d ? { gridArea: b } : {},
+      style: b && !a ? { gridArea: b } : {},
       children: (r == null ? void 0 : r.type) !== "none" ? /* @__PURE__ */ s(F, { children: N }) : /* @__PURE__ */ s(p, { children: N })
     }
   );

package/dist/next/cards/ProductCard/index.js

@@ -4,7 +4,7 @@ import { RichText as w } from "../../ui/PortableTextRenderer/index.js";
 import c from "next/image";
 import { resolveLinkURL as L } from "../../utils/resolveLinkUrl.js";
 import { A as x } from "../../../arrow-right-QEwnX3Sk.js";
-import '../../../assets/index5.css';const y = "_cardLink_1wgn9_1", U = "_card_1wgn9_1", b = "_title_1wgn9_17", g = "_image_1wgn9_52", N = "_icon_1wgn9_75", t = {
+import '../../../assets/index12.css';const y = "_cardLink_1wgn9_1", U = "_card_1wgn9_1", b = "_title_1wgn9_17", g = "_image_1wgn9_52", N = "_icon_1wgn9_75", t = {
   cardLink: y,
   card: U,
   title: b,

package/dist/next/cards/ReviewCard/index.js

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as f, jsxs as d } from "react/jsx-runtime";
 import { useState as N, useEffect as x } from "react";
 import { RichText as c } from "../../ui/PortableTextRenderer/index.js";
-import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index4.css';/* empty css                      */
+import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index14.css';/* empty css                      */
 import { F as t } from "../../../index-CeBA0PT0.js";
 import { Modal as h } from "../../../core/components/Modal/index.js";
 import "../../../core/components/Tabs/index.js";

package/dist/next/cards/SegmentCard/index.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as n, Fragment as C } from "react/jsx-runtime";
 import { useState as B, useEffect as b, useRef as M } from "react";
 import { RichText as k } from "../../ui/PortableTextRenderer/index.js";
 import R from "next/image";
-import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index11.css';/* empty css                      */
+import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index8.css';/* empty css                      */
 import { Modal as w } from "../../../core/components/Modal/index.js";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */

package/dist/next/cards/ServiceCard/index.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { RichText as s } from "../../ui/PortableTextRenderer/index.js";
 import { useMediaQuery as _ } from "../../hooks/useMediaQuery.js";
-import '../../../assets/index3.css';const d = "_card_1677v_1", m = "_container_1677v_16", v = "_title_1677v_22", u = "_content_1677v_27", e = {
+import '../../../assets/index13.css';const d = "_card_1677v_1", m = "_container_1677v_16", v = "_title_1677v_22", u = "_content_1677v_27", e = {
   card: d,
   container: m,
   title: v,

package/dist/next/cards/SpotlightCard/index.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import v from "next/image";
 import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index2.css';/* empty css                      */
-import { C as O } from "../../../index-Dq5hMTxb.js";
+import { C as O } from "../../../index-dNH0sNLZ.js";
 import "react";
 import "react-dom";
 import "../../../core/components/Tabs/index.js";

package/dist/next/cards/TestimonialCard/index.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as o, Fragment as _ } from "react/jsx-runtime";
 import { useState as L, useEffect as I } from "react";
 import { RichText as a } from "../../ui/PortableTextRenderer/index.js";
 import u from "next/image";
-import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index12.css';/* empty css                      */
+import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index9.css';/* empty css                      */
 import { Avatar as h } from "../../../core/components/Avatar/index.js";
 import { Modal as p } from "../../../core/components/Modal/index.js";
 import "../../../core/components/Tabs/index.js";

package/dist/next/ui/CallToActions/index.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { useState as c, useEffect as b } from "react";
 import '../../../assets/colors.css';import '../../../assets/index.css';/* empty css                      */
 import { ButtonGroup as h } from "../../../core/components/ButtonGroup/index.js";
-import { C as l } from "../../../index-Dq5hMTxb.js";
+import { C as l } from "../../../index-dNH0sNLZ.js";
 import { Modal as p } from "../../../core/components/Modal/index.js";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */

package/dist/next/ui/PortableTextRenderer/index.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as _, Fragment as y } from "react/jsx-runtime";
 import N, { useRef as L, useEffect as C, useMemo as I } from "react";
 import { PortableText as $ } from "@portabletext/react";
 import { AnimatedSpan as z } from "../AnimatedSpan/index.js";
-import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index8.css';/* empty css                      */
+import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index5.css';/* empty css                      */
 import { Heading as l } from "../../../core/components/Heading/index.js";
 import { Text as k } from "../../../core/components/Text/index.js";
 import "react-dom";

package/dist/next/ui/index.js

@@ -0,0 +1,6 @@
+import { RichText as t } from "./PortableTextRenderer/index.js";
+import { CallToActions as x } from "./CallToActions/index.js";
+export {
+  x as CallToActions,
+  t as RichText
+};