quirk-ui 0.0.382 → 0.0.384

package/dist/{CategoryFilters-Dks02kbp.js → CategoryFilters-DFRdVXYQ.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import "./chevron-down-DSUzBz9F-BMmG6MOn.js";
-import { v as u } from "./index-1yHqBif8-OzZiIWc_.js";
+import { v as u } from "./index-D3QiuZPa-CdCr-7F2.js";
 import { X as m } from "./x-CnsEH4Ox.js";
 import './assets/CategoryFilters.css';const f = "_documentList_17zlj_1", H = "_container_17zlj_9", L = "_heading_17zlj_20", S = "_listContainer_17zlj_26", F = "_listWrapper_17zlj_37", b = "_list_17zlj_26", g = "_listHeader_17zlj_58", k = "_listSearch_17zlj_71", v = "_clearSearch_17zlj_98", C = "_listHeaderFilters_17zlj_117", w = "_listResults_17zlj_128", y = "_listSort_17zlj_132", x = "_filterToggle_17zlj_155", N = "_filterHeader_17zlj_170", I = "_loadMore_17zlj_191", M = "_filterList_17zlj_195", R = "_listFilters_17zlj_202", T = "_applyFilters_17zlj_210", W = "_show_17zlj_239", $ = "_hide_17zlj_248", A = "_buttonIsLoading_17zlj_299", s = {
   documentList: f,

package/dist/core/components/CallToAction/CallToAction.test.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { d as i, i as o, r, s as l, g as t } from "../../../vi.ClIskdbk-D39wA6Kr.js";
-import { C as a } from "../../../index-NCmfEddi.js";
+import { C as a } from "../../../index-C7H6hWZh.js";
 import "../../../index-DPGXWTtt.js";
 i("CallToAction", () => {
   o("renders as a button when 'as' is set to 'button'", () => {

package/dist/core/components/CallToAction/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { C as c } from "../../../index-NCmfEddi.js";
+import { C as c } from "../../../index-C7H6hWZh.js";
 import "../../../index-CeBA0PT0.js";
 import "../../../external-link-BOPobeQJ.js";
 import "../../../play-DYgKiSaf.js";

package/dist/core/components/Footer/index.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { C as y } from "../../../index-NCmfEddi.js";
+import { C as y } from "../../../index-C7H6hWZh.js";
 import { ButtonGroup as k } from "../ButtonGroup/index.js";
 import { a as $, b as F, c as I, d as w, e as A } from "../../../index-CeBA0PT0.js";
 import { E } from "../../../external-link-BOPobeQJ.js";

package/dist/core/components/NavBar/index.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as r, Fragment as ee } from "react/jsx-runtime";
 import { useState as h, useEffect as T, useRef as R, useCallback as A } from "react";
 import { s as e, N as Ce } from "../../../NavLink-RkB5XhMV.js";
 import { Modal as ne } from "../Modal/index.js";
-import { a as xe, C as ae } from "../../../index-NCmfEddi.js";
+import { a as xe, C as ae } from "../../../index-C7H6hWZh.js";
 import { ButtonGroup as le } from "../ButtonGroup/index.js";
 import { E as F } from "../../../external-link-BOPobeQJ.js";
 import { X as Me } from "../../../x-CnsEH4Ox.js";

package/dist/core.js

@@ -6,7 +6,7 @@ import { Badge as i } from "./core/components/Badge/index.js";
 import { Box as l } from "./core/components/Box/index.js";
 import { Breadcrumbs as d } from "./core/components/Breadcrumbs/index.js";
 import { ButtonGroup as u } from "./core/components/ButtonGroup/index.js";
-import { C } from "./index-NCmfEddi.js";
+import { C } from "./index-C7H6hWZh.js";
 import { Card as T } from "./core/components/Card/index.js";
 import { Carousel as g } from "./core/components/Carousel/index.js";
 import { Checkbox as F } from "./core/components/Checkbox/index.js";

package/dist/{index-NCmfEddi.js → index-C7H6hWZh.js}

@@ -6,7 +6,7 @@ import { P as x } from "./play-DYgKiSaf.js";
 import { C as $ } from "./chevron-down-DSUzBz9F.js";
 import { A as L } from "./arrow-right-QEwnX3Sk.js";
 import { A as M } from "./arrow-left-BIJvHwNQ.js";
-import './assets/index-1yHqBif8.css';/**
+import './assets/index-D3QiuZPa.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/{index-1yHqBif8-OzZiIWc_.js → index-D3QiuZPa-CdCr-7F2.js}

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as k, Fragment as M } from "react/jsx-runtime";
 import d from "react";
 import { b as l, e as P } from "./chevron-down-DSUzBz9F-BMmG6MOn.js";
-import './assets/index-1yHqBif8.css';var O = {
+import './assets/index-D3QiuZPa.css';var O = {
   color: void 0,
   size: void 0,
   className: void 0,

package/dist/main.js

@@ -6,7 +6,7 @@ import { Badge as i } from "./core/components/Badge/index.js";
 import { Box as l } from "./core/components/Box/index.js";
 import { Breadcrumbs as B } from "./core/components/Breadcrumbs/index.js";
 import { ButtonGroup as k } from "./core/components/ButtonGroup/index.js";
-import { C as u } from "./index-NCmfEddi.js";
+import { C as u } from "./index-C7H6hWZh.js";
 import { Card as S } from "./core/components/Card/index.js";
 import { Carousel as b } from "./core/components/Carousel/index.js";
 import { Checkbox as A } from "./core/components/Checkbox/index.js";

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

@@ -1,24 +1,24 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { useState as z, useEffect as D, useMemo as x } from "react";
+import { jsx as c, jsxs as m } from "react/jsx-runtime";
+import { useState as w, useEffect as z, useMemo as y } from "react";
 import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index5.css';/* empty css                      */
-import { Grid as S } from "../../../core/components/Grid/index.js";
+import { Grid as D } from "../../../core/components/Grid/index.js";
 import "react-dom";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */
-import { RichText as n } from "../../ui/PortableTextRenderer/index.js";
-import { CallToActions as V } from "../../ui/CallToActions/index.js";
-import { ProductCard as A } from "../../cards/ProductCard/index.js";
-import { GridCard as y } from "../../cards/GridCard/index.js";
-import { ServiceCard as M } from "../../cards/ServiceCard/index.js";
-import { TestimonialCard as j } from "../../cards/TestimonialCard/index.js";
-import { ReviewCard as B } from "../../cards/ReviewCard/index.js";
-import { useMediaQuery as E } from "../../hooks/useMediaQuery.js";
-import { useStyleClasses as I } from "../../hooks/useStyleClasses.js";
-const L = "_cardGrid_11um4_1", P = "_container_11um4_7", R = "_heading_11um4_18", O = "_headingHorizontal_11um4_34", Q = "_title_11um4_38", U = "_headingVertical_11um4_47", q = "_description_11um4_58", F = "_disclaimer_11um4_63", J = "_grid_11um4_79", r = {
-  cardGrid: L,
-  container: P,
-  heading: R,
-  headingHorizontal: O,
+import { RichText as u } from "../../ui/PortableTextRenderer/index.js";
+import { CallToActions as E } from "../../ui/CallToActions/index.js";
+import { ProductCard as S } from "../../cards/ProductCard/index.js";
+import { GridCard as N } from "../../cards/GridCard/index.js";
+import { ServiceCard as A } from "../../cards/ServiceCard/index.js";
+import { TestimonialCard as M } from "../../cards/TestimonialCard/index.js";
+import { ReviewCard as R } from "../../cards/ReviewCard/index.js";
+import { useMediaQuery as j } from "../../hooks/useMediaQuery.js";
+import { useStyleClasses as B } from "../../hooks/useStyleClasses.js";
+const I = "_cardGrid_11um4_1", L = "_container_11um4_7", O = "_heading_11um4_18", P = "_headingHorizontal_11um4_34", Q = "_title_11um4_38", U = "_headingVertical_11um4_47", q = "_description_11um4_58", F = "_disclaimer_11um4_63", J = "_grid_11um4_79", r = {
+  cardGrid: I,
+  container: L,
+  heading: O,
+  headingHorizontal: P,
   title: Q,
   headingVertical: U,
   description: q,
@@ -28,61 +28,61 @@ const L = "_cardGrid_11um4_1", P = "_container_11um4_7", R = "_heading_11um4_18"
 function at({
   heading: t,
   grid: s,
-  textReplaceOnHover: N = !0,
+  textReplaceOnHover: p = !0,
   callToAction: a,
   styleOptions: C
 }) {
-  var k;
-  const [u, p] = z(null), _ = E("(max-width: 768px)"), f = I(C), T = {
+  var v;
+  const [n, _] = w(null), f = j("(max-width: 768px)"), i = B(C), H = {
     horizontal: r.headingHorizontal,
     vertical: r.headingVertical
   }[(t == null ? void 0 : t.headingLayout) ?? "vertical"];
-  function i(o) {
+  function k(o) {
     for (const l of o)
       if (!(!l.children || !l.markDefs)) {
-        for (const c of l.children)
-          if (c != null && c.marks)
-            for (const b of c.marks) {
-              const v = l.markDefs.find((w) => w._key === b);
-              if (v && v._type === "coloredText")
-                return c.text;
+        for (const e of l.children)
+          if (e != null && e.marks)
+            for (const V of e.marks) {
+              const x = l.markDefs.find((b) => b._key === V);
+              if (x && x._type === "coloredText")
+                return e.text;
             }
       }
     return null;
   }
-  D(() => {
-    t && t.title && p(i(t.title));
+  z(() => {
+    t && t.title && _(k(t.title));
   }, [t]);
-  const $ = x(() => {
-    if (s != null && s.areas && !_)
+  const T = y(() => {
+    if (s != null && s.areas && !f)
       return s == null ? void 0 : s.areas.map((o) => o.trim().split(/\s+/));
-  }, [s == null ? void 0 : s.areas, _]);
-  console.log("HEADING", t);
-  const G = x(
-    () => /* @__PURE__ */ e(
-      n,
+  }, [s == null ? void 0 : s.areas, f]);
+  console.log("HEADING", t), console.log("HOVERED", n);
+  const $ = y(
+    () => /* @__PURE__ */ c(
+      u,
       {
         className: r.title,
-        textOverride: u ?? "",
+        textOverride: n ?? "",
         animateText: (t == null ? void 0 : t.animateText) ?? !1,
         blocks: t == null ? void 0 : t.title
       }
     ),
-    [t == null ? void 0 : t.title, u, t == null ? void 0 : t.animateText]
-  ), H = !(t != null && t.title) && !(t != null && t.description);
-  return /* @__PURE__ */ e(
+    [t == null ? void 0 : t.title, n, t == null ? void 0 : t.animateText]
+  ), G = !(t != null && t.title) && !(t != null && t.description);
+  return /* @__PURE__ */ c(
     "section",
     {
-      className: `${r.cardGrid} ${(s == null ? void 0 : s.className) ?? ""} ${f}`,
+      className: `${r.cardGrid} ${(s == null ? void 0 : s.className) ?? ""} ${i}`,
       children: /* @__PURE__ */ m(
         "article",
         {
-          className: `${r.container} ${f.includes("split") ? "split" : "default"}`,
+          className: `${r.container} ${i.includes("split") ? "split" : "default"}`,
           children: [
-            !H && /* @__PURE__ */ m("div", { className: `${r.heading} ${T ?? ""}`, children: [
-              (t == null ? void 0 : t.title) && G,
-              (t == null ? void 0 : t.description) && /* @__PURE__ */ e(
-                n,
+            !G && /* @__PURE__ */ m("div", { className: `${r.heading} ${H ?? ""}`, children: [
+              (t == null ? void 0 : t.title) && $,
+              (t == null ? void 0 : t.description) && /* @__PURE__ */ c(
+                u,
                 {
                   className: r.description,
                   blocks: t == null ? void 0 : t.description
@@ -94,27 +94,27 @@ function at({
               {
                 className: `${r.grid} ${s != null && s.className && r[s == null ? void 0 : s.className] ? r[s == null ? void 0 : s.className] : (s == null ? void 0 : s.className) ?? ""}`,
                 children: [
-                  /* @__PURE__ */ e(S, { columns: s == null ? void 0 : s.columns, gap: s == null ? void 0 : s.gap, areas: $, children: (k = s == null ? void 0 : s.items) == null ? void 0 : k.map((o) => {
-                    const l = o.title ? i(o.title) : "", c = {
+                  /* @__PURE__ */ c(D, { columns: s == null ? void 0 : s.columns, gap: s == null ? void 0 : s.gap, areas: T, children: (v = s == null ? void 0 : s.items) == null ? void 0 : v.map((o) => {
+                    const l = o.title ? k(o.title) : "", e = {
                       gridArea: o.gridArea,
                       onHover: () => {
-                        N && p(l);
+                        console.log("HOVER", p), p && _(l);
                       },
                       ...o
                     };
                     switch (o.variant) {
                       case "service":
-                        return /* @__PURE__ */ e(M, { ...c }, o._key);
+                        return /* @__PURE__ */ c(A, { ...e }, o._key);
                       case "grid":
-                        return /* @__PURE__ */ e(y, { ...c }, o._key);
+                        return /* @__PURE__ */ c(N, { ...e }, o._key);
                       case "image":
-                        return /* @__PURE__ */ e(y, { ...c }, o._key);
+                        return /* @__PURE__ */ c(N, { ...e }, o._key);
                       case "product":
-                        return /* @__PURE__ */ e(A, { ...c }, o._key);
+                        return /* @__PURE__ */ c(S, { ...e }, o._key);
                       case "testimonial":
-                        return /* @__PURE__ */ e(j, { ...c }, o._key);
+                        return /* @__PURE__ */ c(M, { ...e }, o._key);
                       case "review":
-                        return /* @__PURE__ */ e(B, { ...c }, o._key);
+                        return /* @__PURE__ */ c(R, { ...e }, o._key);
                       default:
                         return /* @__PURE__ */ m("div", { children: [
                           "Unknown item type: ",
@@ -122,15 +122,15 @@ function at({
                         ] }, o._key);
                     }
                   }) }),
-                  a && /* @__PURE__ */ e(
-                    V,
+                  a && /* @__PURE__ */ c(
+                    E,
                     {
                       items: a.items,
                       alignment: a.alignment
                     }
                   ),
-                  /* @__PURE__ */ e("div", { children: (t == null ? void 0 : t.disclaimer) && /* @__PURE__ */ e(
-                    n,
+                  /* @__PURE__ */ c("div", { children: (t == null ? void 0 : t.disclaimer) && /* @__PURE__ */ c(
+                    u,
                     {
                       className: r.disclaimer,
                       blocks: t == null ? void 0 : t.disclaimer

package/dist/next/blocks/DocumentListBlock/CategoryFilters.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import { C as e } from "../../../CategoryFilters-Dks02kbp.js";
+import { C as e } from "../../../CategoryFilters-DFRdVXYQ.js";
 import "../../../chevron-down-DSUzBz9F-BMmG6MOn.js";
-import "../../../index-1yHqBif8-OzZiIWc_.js";
+import "../../../index-D3QiuZPa-CdCr-7F2.js";
 import "../../../x-CnsEH4Ox.js";
 export {
   e as CategoryFilters

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

@@ -4,14 +4,14 @@ import { RichText as H } from "../../ui/PortableTextRenderer/index.js";
 import { useStyleClasses as J } from "../../hooks/useStyleClasses.js";
 import { useLocaleBridge as K } from "../../contexts/LocaleBridge.js";
 import '../../../assets/colors.css';import '../../../assets/index.css';/* empty css                      */
-import { C as L } from "../../../index-NCmfEddi.js";
+import { C as L } from "../../../index-C7H6hWZh.js";
 import { Input as Q } from "../../../core/components/Input/index.js";
 import "react-dom";
 import { Select as V } from "../../../core/components/Select/index.js";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */
 import { BlogArticleCard as Y } from "../../cards/BlogArticleCard/index.js";
-import { s, C as F } from "../../../CategoryFilters-Dks02kbp.js";
+import { s, C as F } from "../../../CategoryFilters-DFRdVXYQ.js";
 import { X as ee } from "../../../x-CnsEH4Ox.js";
 const te = [
   { label: "Newest", value: "date-desc" },

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

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { useState as X, useEffect as Y } from "react";
 import { useStyleClasses as Z } from "../../hooks/useStyleClasses.js";
 import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index12.css';/* empty css                      */
-import { C as A } from "../../../index-NCmfEddi.js";
+import { C as A } from "../../../index-C7H6hWZh.js";
 import "react-dom";
 import { Tabs as f } from "../../../core/components/Tabs/index.js";
 /* empty css                       */

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

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as r, Fragment as _ } from "react/jsx-runtime";
 import { useState as f, useEffect as m } from "react";
 import "../../../chevron-down-DSUzBz9F-BMmG6MOn.js";
-import { v as p } from "../../../index-1yHqBif8-OzZiIWc_.js";
+import { v as p } from "../../../index-D3QiuZPa-CdCr-7F2.js";
 import '../../../assets/index67.css';const g = "_buttonGroup_15lw8_1", b = "_left_15lw8_16", w = "_center_15lw8_20", y = "_right_15lw8_29", v = "_vertical_15lw8_33", N = "_horizontal_15lw8_37", n = {
   buttonGroup: g,
   left: b,

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

@@ -2,7 +2,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 "react";
-import { C as O } from "../../../index-NCmfEddi.js";
+import { C as O } from "../../../index-C7H6hWZh.js";
 import "react-dom";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */

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-NCmfEddi.js";
+import { C as l } from "../../../index-C7H6hWZh.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

@@ -1,48 +1,48 @@
-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 { jsx as e, jsxs as _, Fragment as N } from "react/jsx-runtime";
+import y, { useRef as I, useEffect as L, useMemo as E } from "react";
+import { PortableText as C } from "@portabletext/react";
+import { AnimatedSpan as $ } from "../AnimatedSpan/index.js";
 import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index15.css';/* empty css                      */
-import { Heading as l } from "../../../core/components/Heading/index.js";
+import { Heading as m } from "../../../core/components/Heading/index.js";
 import "react-dom";
 import "../../../core/components/Tabs/index.js";
 import { Text as k } from "../../../core/components/Text/index.js";
 /* empty css                       */
-import E from "next/image";
-import { useMediaQuery as w } from "../../hooks/useMediaQuery.js";
-const M = "_container_1yh99_1", P = "_divider_1yh99_12", b = "_richTextImage_1yh99_26", j = "_richTextLink_1yh99_34", f = {
-  container: M,
-  divider: P,
-  richTextImage: b,
-  richTextLink: j
-}, q = (r) => ({
+import z from "next/image";
+import { useMediaQuery as M } from "../../hooks/useMediaQuery.js";
+const R = "_container_1yh99_1", w = "_divider_1yh99_12", A = "_richTextImage_1yh99_26", P = "_richTextLink_1yh99_34", f = {
+  container: R,
+  divider: w,
+  richTextImage: A,
+  richTextLink: P
+}, b = (r) => ({
   normal: ({ children: n }) => /* @__PURE__ */ e(k, { className: r, children: n }),
-  h1: ({ children: n }) => /* @__PURE__ */ e(l, { className: r, level: 1, children: n }),
-  h2: ({ children: n }) => /* @__PURE__ */ e(l, { className: r, level: 2, children: n }),
-  h3: ({ children: n }) => /* @__PURE__ */ e(l, { className: r, level: 3, children: n }),
-  h4: ({ children: n }) => /* @__PURE__ */ e(l, { className: r, level: 4, children: n }),
-  h5: ({ children: n }) => /* @__PURE__ */ e(l, { className: r, level: 5, children: n }),
-  h6: ({ children: n }) => /* @__PURE__ */ e(l, { className: r, level: 6, children: n }),
+  h1: ({ children: n }) => /* @__PURE__ */ e(m, { className: r, level: 1, children: n }),
+  h2: ({ children: n }) => /* @__PURE__ */ e(m, { className: r, level: 2, children: n }),
+  h3: ({ children: n }) => /* @__PURE__ */ e(m, { className: r, level: 3, children: n }),
+  h4: ({ children: n }) => /* @__PURE__ */ e(m, { className: r, level: 4, children: n }),
+  h5: ({ children: n }) => /* @__PURE__ */ e(m, { className: r, level: 5, children: n }),
+  h6: ({ children: n }) => /* @__PURE__ */ e(m, { className: r, level: 6, children: n }),
   quote: ({ children: n }) => /* @__PURE__ */ e("blockquote", { className: r, children: n })
-}), B = (r, c, n, x, d) => {
-  const a = q(r);
+}), j = (r, c, n, a, g) => {
+  const p = b(r);
   return {
     marks: {
       coloredText: ({
         children: t,
         value: o
       }) => {
-        if (!o) return /* @__PURE__ */ e(y, { children: t });
-        const { colorClass: i } = o, s = c == null ? void 0 : c.current;
-        return x && n ? /* @__PURE__ */ e(
-          z,
+        if (!o) return /* @__PURE__ */ e(N, { children: t });
+        const { colorClass: s } = o, i = c == null ? void 0 : c.current;
+        return a && n ? (console.log("ANIMATING"), /* @__PURE__ */ e(
+          $,
           {
-            className: i,
+            className: s,
             text: n,
-            prevText: s
+            prevText: i
           },
           "animated-span"
-        ) : /* @__PURE__ */ e("span", { className: i, children: t });
+        )) : /* @__PURE__ */ e("span", { className: s, children: t });
       },
       strong: ({ children: t }) => /* @__PURE__ */ e("strong", { children: t }),
       em: ({ children: t }) => /* @__PURE__ */ e("em", { children: t }),
@@ -51,34 +51,34 @@ const M = "_container_1yh99_1", P = "_divider_1yh99_12", b = "_richTextImage_1yh
       center: ({ children: t }) => /* @__PURE__ */ e("span", { className: "textCenter", children: t }),
       right: ({ children: t }) => /* @__PURE__ */ e("span", { className: "textRight", children: t }),
       link: ({ children: t, value: o }) => {
-        var h;
-        const { linkType: i, internalUrl: s, externalUrl: p, blank: g } = o;
-        let m = "#";
-        return i === "external" && p ? m = p : i === "internal" && ((h = s == null ? void 0 : s.slug) != null && h.current) && (m = `/${s == null ? void 0 : s.slug.current}`), /* @__PURE__ */ e(
+        var d;
+        const { linkType: s, internalUrl: i, externalUrl: h, blank: x } = o;
+        let l = "#";
+        return s === "external" && h ? l = h : s === "internal" && ((d = i == null ? void 0 : i.slug) != null && d.current) && (l = `/${i == null ? void 0 : i.slug.current}`), /* @__PURE__ */ e(
           "a",
           {
-            href: m,
-            target: g ? "_blank" : void 0,
-            rel: i === "external" ? "noopener noreferrer" : void 0,
+            href: l,
+            target: x ? "_blank" : void 0,
+            rel: s === "external" ? "noopener noreferrer" : void 0,
             className: f.richTextLink,
             children: t
           }
         );
       },
       textSize: ({ children: t, value: o }) => {
-        const i = o != null && o.size ? `text-${o.size}` : "";
-        return /* @__PURE__ */ e("span", { className: i, children: t });
+        const s = o != null && o.size ? `text-${o.size}` : "";
+        return /* @__PURE__ */ e("span", { className: s, children: t });
       }
     },
-    block: a,
+    block: p,
     list: {
       bullet: ({ children: t = [] }) => {
-        const o = N.Children.count(t);
+        const o = y.Children.count(t);
         return /* @__PURE__ */ e(
           "ul",
           {
             style: {
-              columnCount: d ? 1 : o > 5 ? 2 : 1
+              columnCount: g ? 1 : o > 5 ? 2 : 1
             },
             className: r,
             children: t
@@ -88,12 +88,12 @@ const M = "_container_1yh99_1", P = "_divider_1yh99_12", b = "_richTextImage_1yh
     },
     types: {
       image: ({ value: t }) => {
-        var i, s, p, g, m, u, h;
+        var s, i, h, x, l, u, d;
         if (!(t != null && t.imageUrl)) return null;
-        const o = ((i = t.asset) == null ? void 0 : i.altText) || "Content image";
+        const o = ((s = t.asset) == null ? void 0 : s.altText) || "Content image";
         return /* @__PURE__ */ _("figure", { className: `${r} ${f.richTextImage}`, children: [
           /* @__PURE__ */ e(
-            E,
+            z,
             {
               src: t.imageUrl,
               alt: o,
@@ -102,9 +102,9 @@ const M = "_container_1yh99_1", P = "_divider_1yh99_12", b = "_richTextImage_1yh
               style: { maxWidth: "100%", height: "auto" }
             }
           ),
-          (((s = t.asset) == null ? void 0 : s.title) || ((p = t.asset) == null ? void 0 : p.description)) && /* @__PURE__ */ _("figcaption", { children: [
-            ((g = t.asset) == null ? void 0 : g.title) && /* @__PURE__ */ e("strong", { children: (m = t.asset) == null ? void 0 : m.title }),
-            ((u = t.asset) == null ? void 0 : u.description) && /* @__PURE__ */ e("p", { children: (h = t.asset) == null ? void 0 : h.description })
+          (((i = t.asset) == null ? void 0 : i.title) || ((h = t.asset) == null ? void 0 : h.description)) && /* @__PURE__ */ _("figcaption", { children: [
+            ((x = t.asset) == null ? void 0 : x.title) && /* @__PURE__ */ e("strong", { children: (l = t.asset) == null ? void 0 : l.title }),
+            ((u = t.asset) == null ? void 0 : u.description) && /* @__PURE__ */ e("p", { children: (d = t.asset) == null ? void 0 : d.description })
           ] })
         ] });
       },
@@ -115,25 +115,27 @@ const M = "_container_1yh99_1", P = "_divider_1yh99_12", b = "_richTextImage_1yh
   blocks: r,
   className: c,
   textOverride: n,
-  animateText: x
+  animateText: a
 }) => {
-  const d = w("(max-width: 767px)"), a = L(n);
-  C(() => {
-    a.current = n;
+  const g = M("(max-width: 767px)");
+  console.log("OVERRIDE", n, a);
+  const p = I(n);
+  L(() => {
+    p.current = n;
   }, [n]);
-  const T = I(
-    () => B(
+  const T = E(
+    () => j(
       c,
-      a,
+      p,
       n,
-      x,
-      d
+      a,
+      g
     ),
-    [c, a, n, x, d]
+    [c, p, n, a, g]
   );
   return r ? typeof r == "string" ? (console.warn(
     "RichText component received a string. Expected PortableTextBlock[]"
-  ), /* @__PURE__ */ e(k, { className: c, children: r })) : /* @__PURE__ */ e("div", { className: `${f.container} portableTextContainer`, children: /* @__PURE__ */ e($, { value: r, components: T }) }) : null;
+  ), /* @__PURE__ */ e(k, { className: c, children: r })) : /* @__PURE__ */ e("div", { className: `${f.container} portableTextContainer`, children: /* @__PURE__ */ e(C, { value: r, components: T }) }) : null;
 };
 export {
   X as RichText

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.382",
+  "version": "0.0.384",
   "type": "module",
   "exports": {
     ".": {