quirk-ui 0.1.62 → 0.1.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/components/NotificationContainer/index.cjs +1 -1
- package/dist/core/components/NotificationContainer/index.mjs +15 -15
- package/dist/index49.css +1 -1
- package/dist/index5.css +1 -1
- package/dist/next/blocks/CardGridBlock/index.cjs +1 -1
- package/dist/next/blocks/CardGridBlock/index.mjs +32 -32
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index49.css');const r=require("react/jsx-runtime"),n=require("react"),g=require("../Notification/index.cjs"),b="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index49.css');const r=require("react/jsx-runtime"),n=require("react"),g=require("../Notification/index.cjs"),b="_container_1p8kf_2",f={container:b,"position-top-right":"_position-top-right_1p8kf_19","position-top-left":"_position-top-left_1p8kf_24","position-top-center":"_position-top-center_1p8kf_29","position-bottom-right":"_position-bottom-right_1p8kf_35","position-bottom-left":"_position-bottom-left_1p8kf_41","position-bottom-center":"_position-bottom-center_1p8kf_47"};function m({position:i="top-right",maxNotifications:o=5,className:e}){const[a,c]=n.useState([]),p=n.useCallback(t=>{const s=Date.now().toString()+Math.random().toString(36).substr(2,9);return c(d=>{const l=[...d,{...t,id:s}];return l.length>o?l.slice(-o):l}),s},[o]),u=n.useCallback(t=>{c(s=>s.filter(d=>d.id!==t))},[]),w=n.useCallback(()=>{c([])},[]),_=f[`position-${i}`]||f["position-top-right"];return r.jsxs(r.Fragment,{children:[r.jsx("div",{className:`${f.container} ${_} ${e??""}`.trim(),children:a.map(t=>r.jsx(g.Notification,{id:t.id,message:t.message,variant:t.variant,title:t.title,action:t.action,duration:t.duration,showIcon:t.showIcon,closable:t.closable,position:i,onClose:()=>u(t.id)},t.id))}),typeof window<"u"&&r.jsx(k,{addNotification:p,removeNotification:u,clearAll:w})]})}function k({addNotification:i,removeNotification:o,clearAll:e}){return n.useEffect(()=>{typeof window<"u"&&(window.notificationManager={add:i,remove:o,clear:e})},[i,o,e]),null}function h(){const i=n.useCallback(a=>typeof window<"u"&&window.notificationManager?window.notificationManager.add(a):(console.warn("NotificationContainer not found. Please add <NotificationContainer /> to your app."),null),[]),o=n.useCallback(a=>{typeof window<"u"&&window.notificationManager&&window.notificationManager.remove(a)},[]),e=n.useCallback(()=>{typeof window<"u"&&window.notificationManager&&window.notificationManager.clear()},[]);return{addNotification:i,removeNotification:o,clearAll:e}}exports.NotificationContainer=m;exports.useNotifications=h;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { jsxs as g, Fragment as m, jsx as f } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { Notification as
|
|
4
|
-
import '../../../index49.css';const
|
|
5
|
-
container:
|
|
6
|
-
"position-top-right": "_position-top-
|
|
7
|
-
"position-top-left": "_position-top-
|
|
8
|
-
"position-top-center": "_position-top-
|
|
9
|
-
"position-bottom-right": "_position-bottom-
|
|
10
|
-
"position-bottom-left": "_position-bottom-
|
|
11
|
-
"position-bottom-center": "_position-bottom-
|
|
2
|
+
import h, { useState as b, useCallback as e } from "react";
|
|
3
|
+
import { Notification as M } from "../Notification/index.mjs";
|
|
4
|
+
import '../../../index49.css';const N = "_container_1p8kf_2", p = {
|
|
5
|
+
container: N,
|
|
6
|
+
"position-top-right": "_position-top-right_1p8kf_19",
|
|
7
|
+
"position-top-left": "_position-top-left_1p8kf_24",
|
|
8
|
+
"position-top-center": "_position-top-center_1p8kf_29",
|
|
9
|
+
"position-bottom-right": "_position-bottom-right_1p8kf_35",
|
|
10
|
+
"position-bottom-left": "_position-bottom-left_1p8kf_41",
|
|
11
|
+
"position-bottom-center": "_position-bottom-center_1p8kf_47"
|
|
12
12
|
};
|
|
13
13
|
function S({
|
|
14
14
|
position: n = "top-right",
|
|
15
15
|
maxNotifications: t = 5,
|
|
16
16
|
className: i
|
|
17
17
|
}) {
|
|
18
|
-
const [r, s] =
|
|
18
|
+
const [r, s] = b([]), w = e(
|
|
19
19
|
(o) => {
|
|
20
20
|
const a = Date.now().toString() + Math.random().toString(36).substr(2, 9);
|
|
21
21
|
return s((c) => {
|
|
@@ -35,7 +35,7 @@ function S({
|
|
|
35
35
|
{
|
|
36
36
|
className: `${p.container} ${_} ${i ?? ""}`.trim(),
|
|
37
37
|
children: r.map((o) => /* @__PURE__ */ f(
|
|
38
|
-
|
|
38
|
+
M,
|
|
39
39
|
{
|
|
40
40
|
id: o.id,
|
|
41
41
|
message: o.message,
|
|
@@ -53,7 +53,7 @@ function S({
|
|
|
53
53
|
}
|
|
54
54
|
),
|
|
55
55
|
typeof window < "u" && /* @__PURE__ */ f(
|
|
56
|
-
|
|
56
|
+
k,
|
|
57
57
|
{
|
|
58
58
|
addNotification: w,
|
|
59
59
|
removeNotification: l,
|
|
@@ -62,12 +62,12 @@ function S({
|
|
|
62
62
|
)
|
|
63
63
|
] });
|
|
64
64
|
}
|
|
65
|
-
function
|
|
65
|
+
function k({
|
|
66
66
|
addNotification: n,
|
|
67
67
|
removeNotification: t,
|
|
68
68
|
clearAll: i
|
|
69
69
|
}) {
|
|
70
|
-
return
|
|
70
|
+
return h.useEffect(() => {
|
|
71
71
|
typeof window < "u" && (window.notificationManager = {
|
|
72
72
|
add: n,
|
|
73
73
|
remove: t,
|
package/dist/index49.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1p8kf_2{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);max-width:400px;pointer-events:none}._container_1p8kf_2>*{pointer-events:auto}._position-top-right_1p8kf_19{top:1rem;right:1rem}._position-top-left_1p8kf_24{top:1rem;left:1rem}._position-top-center_1p8kf_29{top:1rem;left:50%;transform:translate(-50%)}._position-bottom-right_1p8kf_35{bottom:1rem;right:1rem;flex-direction:column-reverse}._position-bottom-left_1p8kf_41{bottom:1rem;left:1rem;flex-direction:column-reverse}._position-bottom-center_1p8kf_47{bottom:1rem;left:50%;transform:translate(-50%);flex-direction:column-reverse}@media (max-width: 768px){._container_1p8kf_2{max-width:calc(100vw - 2rem)}}@media (max-width: 480px){._container_1p8kf_2{max-width:calc(100vw - 1rem)}._position-top-right_1p8kf_19,._position-top-left_1p8kf_24,._position-top-center_1p8kf_29{top:.5rem;left:.5rem;right:.5rem;transform:none}._position-bottom-right_1p8kf_35,._position-bottom-left_1p8kf_41,._position-bottom-center_1p8kf_47{bottom:.5rem;left:.5rem;right:.5rem;transform:none}}
|
package/dist/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cardGrid_10546_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);overflow:hidden}._padding_10546_8{padding:var(--spacing-md) 0}._noPadding_10546_12{padding:0}._container_10546_16{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_10546_27{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_10546_27:has(._title_10546_32+._cta_10546_32):not(:has(._text_10546_32)){gap:var(--spacing-lg)}._heading_10546_27 h1,._heading_10546_27 h2,._heading_10546_27 h3,._heading_10546_27 h4,._heading_10546_27 h5,._heading_10546_27 h6{width:100%;margin-bottom:0}._title_10546_32 span span:first-letter{text-transform:uppercase}._headingHorizontal_10546_55{flex-direction:row;justify-content:space-between}._headingHorizontal_10546_55 ._title_10546_32{margin-bottom:0}@media (max-width: 768px){._headingHorizontal_10546_55{flex-direction:column}}._headingVertical_10546_68{flex-direction:column;justify-content:flex-start}._title_10546_32:first-letter{text-transform:capitalize}h3._description_10546_79{font-size:var(--font-size-xl);margin-top:var(--spacing-md)}._disclaimer_10546_84{max-width:800px;margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-tight)}._cardGrid_10546_1.split ._container_10546_16{flex-direction:row}@media (max-width: 767px){._cardGrid_10546_1.split ._container_10546_16{flex-direction:column}}._cardGrid_10546_1.split ._container_10546_16 ._heading_10546_27{flex:.5}._cardGrid_10546_1.split ._container_10546_16 ._grid_10546_106{margin-top:0;flex:1;flex-direction:row}._cardGrid_10546_1.split-35-65 ._container_10546_16{flex-direction:row}@media (max-width: 767px){._cardGrid_10546_1.split-35-65 ._container_10546_16{flex-direction:column}}._cardGrid_10546_1.split-35-65 ._container_10546_16 ._heading_10546_27{flex:.35}._cardGrid_10546_1.split-35-65 ._container_10546_16 ._grid_10546_106{margin-top:0;flex:1;flex-direction:row}._grid_10546_106{display:flex;flex-direction:column;gap:var(--spacing-lg)}._segmentGrid_10546_163{display:flex;flex-direction:row;align-items:stretch}@media (max-width: 768px){._segmentGrid_10546_163{flex-direction:column}}._segmentGrid_10546_163>*{flex:1;min-width:0;transition:flex .4s ease}._segmentGrid_10546_163:has(article:hover)>*:has(article:hover){flex:1.4}._segmentGrid_10546_163:has(article:hover)>*:not(:has(article:hover)){flex:.8}._gridComponent_10546_195{padding:0}._grid--product_10546_199 ._gridComponent_10546_195{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index5.css');const c=require("react/jsx-runtime"),p=require("react"),V=require("../../../core/components/Grid/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index5.css');const c=require("react/jsx-runtime"),p=require("react"),V=require("../../../core/components/Grid/index.cjs"),b=require("../../cards/cardRegistry.cjs"),B=require("../../hooks/useMediaQuery.cjs"),L=require("../../hooks/useStyleClasses.cjs"),w="_cardGrid_10546_1",D="_padding_10546_8",Q="_noPadding_10546_12",U="_container_10546_16",E="_heading_10546_27",F="_title_10546_32",I="_cta_10546_32",J="_text_10546_32",K="_headingHorizontal_10546_55",W="_headingVertical_10546_68",X="_description_10546_79",Y="_disclaimer_10546_84",Z="_grid_10546_106",O="_segmentGrid_10546_163",A="_gridComponent_10546_195",l={cardGrid:w,padding:D,noPadding:Q,container:U,heading:E,title:F,cta:I,text:J,headingHorizontal:K,headingVertical:W,description:X,disclaimer:Y,grid:Z,segmentGrid:O,gridComponent:A,"grid--product":"_grid--product_10546_199"};function i(s){for(const t of s)if(!(!t.children||!t.markDefs)){for(const a of t.children)if(a!=null&&a.marks)for(const n of a.marks){const e=t.markDefs.find(_=>_._key===n);if((e==null?void 0:e._type)==="coloredText")return a.text}}return null}function q(s){return s.flatMap(t=>t.children??[]).map(t=>t.text??"").join("")}function M({heading:s,callToAction:t,renderRichText:a,renderCallToAction:n}){return c.jsxs("div",{className:l.cta,children:[t&&(n==null?void 0:n(t)),(s==null?void 0:s.disclaimer)&&(a==null?void 0:a({blocks:s.disclaimer,className:l.disclaimer}))]})}function T({heading:s,grid:t,callToAction:a,styleOptions:n,id:e,textReplaceOnHover:_=!1,renderRichText:r,renderCallToAction:v,renderImage:k}){var N,G,$,C;const[y,u]=p.useState(null),j=B.useMediaQuery("(max-width: 768px)"),f=L.useStyleClasses(n),S={horizontal:l.headingHorizontal,vertical:l.headingVertical}[(s==null?void 0:s.headingLayout)??"vertical"];p.useEffect(()=>{s!=null&&s.title&&u(i(s.title))},[s==null?void 0:s.title]);const z=p.useMemo(()=>{if(!(!(t!=null&&t.areas)||j))return t.areas.map(o=>o.trim().split(/\s+/))},[t==null?void 0:t.areas,j]),H=p.useMemo(()=>(r==null?void 0:r({blocks:s==null?void 0:s.title,className:l.title,animateText:(s==null?void 0:s.animateText)??!1,textOverride:y??void 0}))??null,[s==null?void 0:s.title,s==null?void 0:s.animateText,r,y]),P=!(s!=null&&s.title)&&!(s!=null&&s.description),x=((G=(N=t==null?void 0:t.items)==null?void 0:N[0])==null?void 0:G.variant)??null;return c.jsx("section",{id:e,className:`${l.cardGrid} ${(t==null?void 0:t.className)??""} ${f}`,children:c.jsxs("article",{className:l.container,children:[!P&&c.jsxs("div",{className:`${l.heading} ${S??""}`,children:[(s==null?void 0:s.title)&&H,(s==null?void 0:s.description)&&(r==null?void 0:r({blocks:s.description,className:l.description})),f.includes("split")&&c.jsx(M,{heading:s,callToAction:a,renderRichText:r,renderCallToAction:v})]}),c.jsxs("div",{className:`${l.grid} ${x?l[`grid--${x}`]??"":""}`,children:[(t==null?void 0:t.className)==="segmentGrid"?c.jsx("div",{className:l.segmentGrid,style:{gap:t==null?void 0:t.gap},children:($=t==null?void 0:t.items)==null?void 0:$.map(o=>{const m=b.resolveCard(o.variant);return m?c.jsx(m,{...o,gridArea:o.gridArea,renderRichText:r,renderImage:k,onHover:()=>{_&&o.title&&u(q(o.title))},onLeave:()=>{_&&u(s!=null&&s.title?i(s.title):null)}},o._key):c.jsxs("div",{children:["Unknown variant: ",o.variant]},o._key)})}):c.jsx(V.Grid,{className:l.gridComponent,columns:t==null?void 0:t.columns,gap:t==null?void 0:t.gap,areas:z,children:(C=t==null?void 0:t.items)==null?void 0:C.map(o=>{const m=b.resolveCard(o.variant);return m?c.jsx(m,{...o,gridArea:o.gridArea,renderRichText:r,renderImage:k,onHover:()=>{_&&o.title&&u(q(o.title))},onLeave:()=>{_&&u(s!=null&&s.title?i(s.title):null)}},o._key):c.jsxs("div",{children:["Unknown variant: ",o.variant]},o._key)})}),!f.includes("split")&&c.jsx(M,{heading:s,callToAction:a,renderRichText:r,renderCallToAction:v})]})]})})}exports.CardGridBlock=T;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as r, jsxs as m } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Grid as
|
|
4
|
-
import { resolveCard as
|
|
5
|
-
import { useMediaQuery as
|
|
6
|
-
import { useStyleClasses as
|
|
7
|
-
import '../../../index5.css';const
|
|
8
|
-
cardGrid:
|
|
2
|
+
import { useState as S, useEffect as D, useMemo as H } from "react";
|
|
3
|
+
import { Grid as U } from "../../../core/components/Grid/index.mjs";
|
|
4
|
+
import { resolveCard as V } from "../../cards/cardRegistry.mjs";
|
|
5
|
+
import { useMediaQuery as E } from "../../hooks/useMediaQuery.mjs";
|
|
6
|
+
import { useStyleClasses as Q } from "../../hooks/useStyleClasses.mjs";
|
|
7
|
+
import '../../../index5.css';const q = "_cardGrid_10546_1", x = "_padding_10546_8", F = "_noPadding_10546_12", I = "_container_10546_16", J = "_heading_10546_27", K = "_title_10546_32", W = "_cta_10546_32", X = "_text_10546_32", Y = "_headingHorizontal_10546_55", Z = "_headingVertical_10546_68", A = "_description_10546_79", O = "_disclaimer_10546_84", T = "_grid_10546_106", R = "_segmentGrid_10546_163", d = "_gridComponent_10546_195", l = {
|
|
8
|
+
cardGrid: q,
|
|
9
9
|
padding: x,
|
|
10
10
|
noPadding: F,
|
|
11
11
|
container: I,
|
|
@@ -20,7 +20,7 @@ import '../../../index5.css';const Q = "_cardGrid_16q24_1", x = "_padding_16q24_
|
|
|
20
20
|
grid: T,
|
|
21
21
|
segmentGrid: R,
|
|
22
22
|
gridComponent: d,
|
|
23
|
-
"grid--product": "_grid--
|
|
23
|
+
"grid--product": "_grid--product_10546_199"
|
|
24
24
|
};
|
|
25
25
|
function k(t) {
|
|
26
26
|
for (const s of t)
|
|
@@ -34,10 +34,10 @@ function k(t) {
|
|
|
34
34
|
}
|
|
35
35
|
return null;
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function L(t) {
|
|
38
38
|
return t.flatMap((s) => s.children ?? []).map((s) => s.text ?? "").join("");
|
|
39
39
|
}
|
|
40
|
-
function
|
|
40
|
+
function M({
|
|
41
41
|
heading: t,
|
|
42
42
|
callToAction: s,
|
|
43
43
|
renderRichText: c,
|
|
@@ -62,43 +62,43 @@ function ct({
|
|
|
62
62
|
renderCallToAction: e,
|
|
63
63
|
renderImage: i
|
|
64
64
|
}) {
|
|
65
|
-
var
|
|
66
|
-
const [
|
|
65
|
+
var $, C, b, z;
|
|
66
|
+
const [N, p] = S(null), y = E("(max-width: 768px)"), v = Q(_), P = {
|
|
67
67
|
horizontal: l.headingHorizontal,
|
|
68
68
|
vertical: l.headingVertical
|
|
69
69
|
}[(t == null ? void 0 : t.headingLayout) ?? "vertical"];
|
|
70
|
-
|
|
70
|
+
D(() => {
|
|
71
71
|
t != null && t.title && p(k(t.title));
|
|
72
72
|
}, [t == null ? void 0 : t.title]);
|
|
73
|
-
const
|
|
74
|
-
if (!(!(s != null && s.areas) ||
|
|
73
|
+
const j = H(() => {
|
|
74
|
+
if (!(!(s != null && s.areas) || y))
|
|
75
75
|
return s.areas.map((o) => o.trim().split(/\s+/));
|
|
76
|
-
}, [s == null ? void 0 : s.areas,
|
|
76
|
+
}, [s == null ? void 0 : s.areas, y]), w = H(
|
|
77
77
|
() => (a == null ? void 0 : a({
|
|
78
78
|
blocks: t == null ? void 0 : t.title,
|
|
79
79
|
className: l.title,
|
|
80
80
|
animateText: (t == null ? void 0 : t.animateText) ?? !1,
|
|
81
81
|
// Pass hoveredText as textOverride so renderRichText can swap
|
|
82
82
|
// the coloredText span in the heading without mutating the blocks.
|
|
83
|
-
textOverride:
|
|
83
|
+
textOverride: N ?? void 0
|
|
84
84
|
})) ?? null,
|
|
85
85
|
// hoveredText must be a dependency — heading text changes on every hover.
|
|
86
|
-
[t == null ? void 0 : t.title, t == null ? void 0 : t.animateText, a,
|
|
87
|
-
),
|
|
86
|
+
[t == null ? void 0 : t.title, t == null ? void 0 : t.animateText, a, N]
|
|
87
|
+
), B = !(t != null && t.title) && !(t != null && t.description), G = ((C = ($ = s == null ? void 0 : s.items) == null ? void 0 : $[0]) == null ? void 0 : C.variant) ?? null;
|
|
88
88
|
return /* @__PURE__ */ r(
|
|
89
89
|
"section",
|
|
90
90
|
{
|
|
91
91
|
id: u,
|
|
92
92
|
className: `${l.cardGrid} ${(s == null ? void 0 : s.className) ?? ""} ${v}`,
|
|
93
93
|
children: /* @__PURE__ */ m("article", { className: l.container, children: [
|
|
94
|
-
!
|
|
95
|
-
(t == null ? void 0 : t.title) &&
|
|
94
|
+
!B && /* @__PURE__ */ m("div", { className: `${l.heading} ${P ?? ""}`, children: [
|
|
95
|
+
(t == null ? void 0 : t.title) && w,
|
|
96
96
|
(t == null ? void 0 : t.description) && (a == null ? void 0 : a({
|
|
97
97
|
blocks: t.description,
|
|
98
98
|
className: l.description
|
|
99
99
|
})),
|
|
100
100
|
v.includes("split") && /* @__PURE__ */ r(
|
|
101
|
-
|
|
101
|
+
M,
|
|
102
102
|
{
|
|
103
103
|
heading: t,
|
|
104
104
|
callToAction: c,
|
|
@@ -110,10 +110,10 @@ function ct({
|
|
|
110
110
|
/* @__PURE__ */ m(
|
|
111
111
|
"div",
|
|
112
112
|
{
|
|
113
|
-
className: `${l.grid} ${
|
|
113
|
+
className: `${l.grid} ${G ? l[`grid--${G}`] ?? "" : ""}`,
|
|
114
114
|
children: [
|
|
115
|
-
(s == null ? void 0 : s.className) === "segmentGrid" ? /* @__PURE__ */ r("div", { className: l.segmentGrid, style: { gap: s == null ? void 0 : s.gap }, children: (
|
|
116
|
-
const f =
|
|
115
|
+
(s == null ? void 0 : s.className) === "segmentGrid" ? /* @__PURE__ */ r("div", { className: l.segmentGrid, style: { gap: s == null ? void 0 : s.gap }, children: (b = s == null ? void 0 : s.items) == null ? void 0 : b.map((o) => {
|
|
116
|
+
const f = V(o.variant);
|
|
117
117
|
return f ? /* @__PURE__ */ r(
|
|
118
118
|
f,
|
|
119
119
|
{
|
|
@@ -122,7 +122,7 @@ function ct({
|
|
|
122
122
|
renderRichText: a,
|
|
123
123
|
renderImage: i,
|
|
124
124
|
onHover: () => {
|
|
125
|
-
n && o.title && p(
|
|
125
|
+
n && o.title && p(L(o.title));
|
|
126
126
|
},
|
|
127
127
|
onLeave: () => {
|
|
128
128
|
n && p(
|
|
@@ -136,14 +136,14 @@ function ct({
|
|
|
136
136
|
o.variant
|
|
137
137
|
] }, o._key);
|
|
138
138
|
}) }) : /* @__PURE__ */ r(
|
|
139
|
-
|
|
139
|
+
U,
|
|
140
140
|
{
|
|
141
141
|
className: l.gridComponent,
|
|
142
142
|
columns: s == null ? void 0 : s.columns,
|
|
143
143
|
gap: s == null ? void 0 : s.gap,
|
|
144
|
-
areas:
|
|
145
|
-
children: (
|
|
146
|
-
const f =
|
|
144
|
+
areas: j,
|
|
145
|
+
children: (z = s == null ? void 0 : s.items) == null ? void 0 : z.map((o) => {
|
|
146
|
+
const f = V(o.variant);
|
|
147
147
|
return f ? /* @__PURE__ */ r(
|
|
148
148
|
f,
|
|
149
149
|
{
|
|
@@ -152,7 +152,7 @@ function ct({
|
|
|
152
152
|
renderRichText: a,
|
|
153
153
|
renderImage: i,
|
|
154
154
|
onHover: () => {
|
|
155
|
-
n && o.title && p(
|
|
155
|
+
n && o.title && p(L(o.title));
|
|
156
156
|
},
|
|
157
157
|
onLeave: () => {
|
|
158
158
|
n && p(
|
|
@@ -169,7 +169,7 @@ function ct({
|
|
|
169
169
|
}
|
|
170
170
|
),
|
|
171
171
|
!v.includes("split") && /* @__PURE__ */ r(
|
|
172
|
-
|
|
172
|
+
M,
|
|
173
173
|
{
|
|
174
174
|
heading: t,
|
|
175
175
|
callToAction: c,
|