quirk-ui 0.0.384 → 0.0.385

package/dist/{CategoryFilters-DFRdVXYQ.js → CategoryFilters-CaUTVscB.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-D3QiuZPa-CdCr-7F2.js";
+import { v as u } from "./index-C7H6hWZh-BE8PBYD7.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-C7H6hWZh.js";
+import { C as a } from "../../../index-xw6CcoS5.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-C7H6hWZh.js";
+import { C as c } from "../../../index-xw6CcoS5.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-C7H6hWZh.js";
+import { C as y } from "../../../index-xw6CcoS5.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-C7H6hWZh.js";
+import { a as xe, C as ae } from "../../../index-xw6CcoS5.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-C7H6hWZh.js";
+import { C } from "./index-xw6CcoS5.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-D3QiuZPa-CdCr-7F2.js → index-C7H6hWZh-BE8PBYD7.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-D3QiuZPa.css';var O = {
+import './assets/index-C7H6hWZh.css';var O = {
   color: void 0,
   size: void 0,
   className: void 0,

package/dist/{index-C7H6hWZh.js → index-xw6CcoS5.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-D3QiuZPa.css';/**
+import './assets/index-C7H6hWZh.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/main.d.ts

@@ -252,7 +252,7 @@ declare type CallToActionSection_2 = {
 
 export declare function Card({ title, content, footer, imageSrc, imageAlt, onClick, variant, clickable, className, }: CardProps): JSX.Element;
 
-export declare function CardGridBlock({ heading, grid, textReplaceOnHover, callToAction, styleOptions, }: CardGridBlockProps): JSX.Element;
+export declare function CardGridBlock({ heading, grid, callToAction, styleOptions, }: CardGridBlockProps): JSX.Element;
 
 declare interface CardGridBlockProps {
     heading: {

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

package/dist/next.d.ts

@@ -65,7 +65,7 @@ declare type CallToActionSection_2 = {
     callToAction?: Link[] | Link;
 };
 
-export declare function CardGridBlock({ heading, grid, textReplaceOnHover, callToAction, styleOptions, }: CardGridBlockProps): JSX.Element;
+export declare function CardGridBlock({ heading, grid, callToAction, styleOptions, }: CardGridBlockProps): JSX.Element;
 
 declare interface CardGridBlockProps {
     heading: {

package/package.json

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