quirk-ui 0.0.334 → 0.0.336

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.
Files changed (4) hide show
  1. package/dist/main.d.ts +1 -1
  2. package/dist/next/blocks/HeroBlock/index.js +264 -248
  3. package/dist/next.d.ts +1 -1
  4. package/package.json +1 -1
package/dist/main.d.ts CHANGED
@@ -736,7 +736,7 @@ declare type HeadingProps = {
736
736
  className?: string;
737
737
  } & default_2.HTMLAttributes<HTMLHeadingElement>;
738
738
 
739
- export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element | undefined;
739
+ export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element;
740
740
 
741
741
  declare interface HeroBlockProps {
742
742
  heading: {
package/dist/next/blocks/HeroBlock/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { jsx as e, jsxs as c, Fragment as v } from "react/jsx-runtime";
2
- import { useState as U, useRef as z, useEffect as R } from "react";
3
- import { useHeroContext as S } from "./HeroContext.js";
2
+ import { useState as R, useRef as U, useEffect as H } from "react";
3
+ import { useHeroContext as z, HeroProvider as S } from "./HeroContext.js";
4
4
  import { RichText as n } from "../../ui/PortableTextRenderer/index.js";
5
- import { CallToActions as p } from "../../ui/CallToActions/index.js";
5
+ import { CallToActions as _ } from "../../ui/CallToActions/index.js";
6
6
  import N from "next/image";
7
7
  import { usePrefersReducedMotion as T } from "../../hooks/usePrefersReducedMotion.js";
8
8
  import { c as W } from "../../../createLucideIcon-C8GTh_Qx.js";
@@ -13,287 +13,303 @@ import '../../../assets/index46.css';/**
13
13
  * This source code is licensed under the ISC license.
14
14
  * See the LICENSE file in the root directory of this source tree.
15
15
  */
16
- const H = [
16
+ const L = [
17
17
  ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
18
18
  ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
19
- ], L = W("pause", H), V = "_hero_c7i2h_1", E = "_container_c7i2h_7", Y = "_eyebrow_c7i2h_27", M = "_disclaimer_c7i2h_31", q = "_text_c7i2h_36", G = "_articleDetails_c7i2h_43", J = "_articleType_c7i2h_56", K = "_articleCategories_c7i2h_69", Q = "_category_c7i2h_75", X = "_number_c7i2h_90", Z = "_blog_c7i2h_117", O = "_overlay_c7i2h_141", A = "_fullBleed_c7i2h_211", D = "_split_c7i2h_305", g = "_image_c7i2h_310", ee = "_videoControl_c7i2h_333", le = "_videoWrapper_c7i2h_354", re = "_videoBackground_c7i2h_374", te = "_iframe_c7i2h_375", l = {
20
- hero: V,
21
- container: E,
22
- eyebrow: Y,
23
- disclaimer: M,
24
- text: q,
25
- articleDetails: G,
26
- articleType: J,
27
- articleCategories: K,
28
- category: Q,
29
- number: X,
19
+ ], V = W("pause", L), E = "_hero_c7i2h_1", Y = "_container_c7i2h_7", M = "_eyebrow_c7i2h_27", q = "_disclaimer_c7i2h_31", G = "_text_c7i2h_36", J = "_articleDetails_c7i2h_43", K = "_articleType_c7i2h_56", Q = "_articleCategories_c7i2h_69", X = "_category_c7i2h_75", Z = "_number_c7i2h_90", O = "_blog_c7i2h_117", A = "_overlay_c7i2h_141", D = "_fullBleed_c7i2h_211", g = "_split_c7i2h_305", ee = "_image_c7i2h_310", re = "_videoControl_c7i2h_333", le = "_videoWrapper_c7i2h_354", te = "_videoBackground_c7i2h_374", se = "_iframe_c7i2h_375", r = {
20
+ hero: E,
21
+ container: Y,
22
+ eyebrow: M,
23
+ disclaimer: q,
24
+ text: G,
25
+ articleDetails: J,
26
+ articleType: K,
27
+ articleCategories: Q,
28
+ category: X,
29
+ number: Z,
30
30
  default: "_default_c7i2h_113",
31
- blog: Z,
32
- overlay: O,
33
- fullBleed: A,
34
- split: D,
35
- image: g,
36
- videoControl: ee,
31
+ blog: O,
32
+ overlay: A,
33
+ fullBleed: D,
34
+ split: g,
35
+ image: ee,
36
+ videoControl: re,
37
37
  videoWrapper: le,
38
- videoBackground: re,
39
- iframe: te
38
+ videoBackground: te,
39
+ iframe: se
40
40
  };
41
- function ye({
41
+ function _e({
42
42
  heading: s,
43
- image: r,
43
+ image: l,
44
44
  video: t,
45
45
  callToAction: u,
46
46
  pageData: o,
47
- styleOptions: _
47
+ styleOptions: b
48
48
  }) {
49
- var I, F;
50
- const a = T(), [k, x] = U(!a), { setIsFullbleedHeroAtTop: C } = S(), m = z(null), d = (_ == null ? void 0 : _.layout) ?? "default", b = {
51
- default: l.default,
52
- split: l.split,
53
- "full-bleed": l.fullBleed,
54
- blog: l.blog
55
- }[d], $ = (I = o == null ? void 0 : o.categories) != null && I.length ? o == null ? void 0 : o.categories[0] : null, f = (F = o == null ? void 0 : o.categories) != null && F.length ? o == null ? void 0 : o.categories[1] : null;
56
- R(() => {
57
- const i = () => {
58
- C(window.scrollY === 0);
59
- };
60
- if (d === "full-bleed" && typeof window < "u")
61
- return C(!0), window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i);
62
- }, [d]), R(() => {
63
- const i = m.current;
64
- i && (a ? i.pause() : i.play());
65
- }, [a]);
66
- const h = () => /* @__PURE__ */ e(
67
- "button",
68
- {
69
- title: `${k ? "Pause the video" : "Play the video"}`,
70
- className: l.videoControl,
71
- onClick: () => {
72
- const i = m.current;
73
- i && (i.paused ? (i.play().catch(() => {
74
- }), x(!0)) : (i.pause(), x(!1)));
75
- },
76
- children: k ? /* @__PURE__ */ e(L, { size: 18 }) : /* @__PURE__ */ e(j, { size: 18 })
77
- }
78
- ), B = () => {
79
- if (!t) return null;
80
- const i = t.includes("vimeo.com"), y = t.includes("youtube.com") || t.includes("youtu.be");
81
- return i || y ? /* @__PURE__ */ e("div", { className: l.videoWrapper, children: /* @__PURE__ */ e(
82
- "iframe",
49
+ var B, P;
50
+ const d = T(), [k, x] = R(!d), { setIsFullbleedHeroAtTop: C } = z(), a = U(null), y = (b == null ? void 0 : b.layout) ?? "default", f = {
51
+ default: r.default,
52
+ split: r.split,
53
+ "full-bleed": r.fullBleed,
54
+ blog: r.blog
55
+ }[y], $ = (B = o == null ? void 0 : o.categories) != null && B.length ? o == null ? void 0 : o.categories[0] : null, p = (P = o == null ? void 0 : o.categories) != null && P.length ? o == null ? void 0 : o.categories[1] : null;
56
+ return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(() => {
57
+ H(() => {
58
+ const i = () => {
59
+ C(window.scrollY === 0);
60
+ };
61
+ if (y === "full-bleed" && typeof window < "u")
62
+ return C(!0), window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i);
63
+ }, [y]), H(() => {
64
+ const i = a.current;
65
+ i && (d ? i.pause() : i.play());
66
+ }, [d]);
67
+ const h = () => /* @__PURE__ */ e(
68
+ "button",
83
69
  {
84
- src: i ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
85
- t
86
- )}`,
87
- allow: "autoplay; fullscreen",
88
- allowFullScreen: !0
70
+ title: `${k ? "Pause the video" : "Play the video"}`,
71
+ className: r.videoControl,
72
+ onClick: () => {
73
+ const i = a.current;
74
+ i && (i.paused ? (i.play().catch(() => {
75
+ }), x(!0)) : (i.pause(), x(!1)));
76
+ },
77
+ children: k ? /* @__PURE__ */ e(V, { size: 18 }) : /* @__PURE__ */ e(j, { size: 18 })
89
78
  }
90
- ) }) : /* @__PURE__ */ c("div", { className: l.videoWrapper, children: [
91
- /* @__PURE__ */ e(h, {}),
92
- /* @__PURE__ */ e(
93
- "video",
94
- {
95
- ref: m,
96
- src: t,
97
- autoPlay: !a,
98
- loop: !0,
99
- muted: !0,
100
- playsInline: !0,
101
- poster: (r == null ? void 0 : r.imageUrl) || void 0
102
- }
103
- )
104
- ] });
105
- };
106
- function w(i) {
107
- const y = i.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
108
- return (y == null ? void 0 : y[1]) || "";
109
- }
110
- const P = () => r && r.imageUrl ? /* @__PURE__ */ e("div", { className: l.image, children: /* @__PURE__ */ e(
111
- N,
112
- {
113
- src: r.imageUrl,
114
- alt: r.asset.altText || r.asset.description || "Hero image",
115
- width: 600,
116
- height: 658,
117
- priority: !0
118
- }
119
- ) }) : null;
120
- if (d === "split")
121
- return /* @__PURE__ */ e("section", { className: `${l.hero} ${l.split}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
122
- /* @__PURE__ */ c("div", { className: l.text, children: [
123
- /* @__PURE__ */ c("div", { children: [
124
- s.eyebrow && /* @__PURE__ */ e(n, { className: l.eyebrow, blocks: s.eyebrow }),
125
- /* @__PURE__ */ e(n, { blocks: s.title })
126
- ] }),
127
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
128
- u && /* @__PURE__ */ e(
129
- p,
130
- {
131
- items: u.items,
132
- alignment: u.alignment
133
- }
134
- ),
135
- s.disclaimer && /* @__PURE__ */ e(
136
- n,
137
- {
138
- className: l.disclaimer,
139
- blocks: s.disclaimer
140
- }
141
- )
142
- ] }),
143
- t ? /* @__PURE__ */ e(B, {}) : /* @__PURE__ */ e(P, {})
144
- ] }) });
145
- if (d === "default")
146
- return /* @__PURE__ */ e("section", { className: `${l.hero} ${b}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
147
- t ? /* @__PURE__ */ e(B, {}) : /* @__PURE__ */ e(P, {}),
148
- /* @__PURE__ */ c("div", { className: l.text, children: [
149
- /* @__PURE__ */ c("div", { children: [
150
- s.eyebrow && /* @__PURE__ */ e(n, { className: l.eyebrow, blocks: s.eyebrow }),
151
- /* @__PURE__ */ e(n, { blocks: s.title })
152
- ] }),
153
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
154
- u && /* @__PURE__ */ e(
155
- p,
156
- {
157
- items: u.items,
158
- alignment: u.alignment
159
- }
160
- )
161
- ] })
162
- ] }) });
163
- if (d === "full-bleed")
164
- return /* @__PURE__ */ e("section", { className: `${l.hero} ${b}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
165
- t ? t.includes("vimeo.com") || t.includes("youtube.com") || t.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
79
+ ), I = () => {
80
+ if (!t) return null;
81
+ const i = t.includes("vimeo.com"), m = t.includes("youtube.com") || t.includes("youtu.be");
82
+ return i || m ? /* @__PURE__ */ e("div", { className: r.videoWrapper, children: /* @__PURE__ */ e(
166
83
  "iframe",
167
84
  {
168
- src: t.includes("vimeo.com") ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
85
+ src: i ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
169
86
  t
170
87
  )}`,
171
- className: l.iframe,
172
88
  allow: "autoplay; fullscreen",
173
89
  allowFullScreen: !0
174
90
  }
175
- ) }) : /* @__PURE__ */ c(v, { children: [
91
+ ) }) : /* @__PURE__ */ c("div", { className: r.videoWrapper, children: [
176
92
  /* @__PURE__ */ e(h, {}),
177
93
  /* @__PURE__ */ e(
178
94
  "video",
179
95
  {
180
- ref: m,
181
- className: l.videoBackground,
96
+ ref: a,
182
97
  src: t,
183
- autoPlay: !a,
98
+ autoPlay: !d,
184
99
  loop: !0,
185
100
  muted: !0,
186
101
  playsInline: !0,
187
- poster: (r == null ? void 0 : r.imageUrl) || void 0
102
+ poster: (l == null ? void 0 : l.imageUrl) || void 0
188
103
  }
189
104
  )
190
- ] }) : /* @__PURE__ */ e(
191
- N,
192
- {
193
- src: (r == null ? void 0 : r.imageUrl) ?? "",
194
- alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
195
- fill: !0,
196
- priority: !0,
197
- style: { objectFit: "cover" },
198
- draggable: !1,
199
- sizes: "(min-width: 500px) 500px, 100vw"
200
- }
201
- ),
202
- /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
203
- /* @__PURE__ */ c("div", { children: [
204
- s.eyebrow && /* @__PURE__ */ e(
205
- n,
105
+ ] });
106
+ };
107
+ function w(i) {
108
+ const m = i.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
109
+ return (m == null ? void 0 : m[1]) || "";
110
+ }
111
+ const F = () => l && l.imageUrl ? /* @__PURE__ */ e("div", { className: r.image, children: /* @__PURE__ */ e(
112
+ N,
113
+ {
114
+ src: l.imageUrl,
115
+ alt: l.asset.altText || l.asset.description || "Hero image",
116
+ width: 600,
117
+ height: 658,
118
+ priority: !0
119
+ }
120
+ ) }) : null;
121
+ switch (y) {
122
+ case "split":
123
+ return /* @__PURE__ */ e("section", { className: `${r.hero} ${r.split}`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
124
+ /* @__PURE__ */ c("div", { className: r.text, children: [
125
+ /* @__PURE__ */ c("div", { children: [
126
+ s.eyebrow && /* @__PURE__ */ e(
127
+ n,
128
+ {
129
+ className: r.eyebrow,
130
+ blocks: s.eyebrow
131
+ }
132
+ ),
133
+ /* @__PURE__ */ e(n, { blocks: s.title })
134
+ ] }),
135
+ s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
136
+ u && /* @__PURE__ */ e(
137
+ _,
138
+ {
139
+ items: u.items,
140
+ alignment: u.alignment
141
+ }
142
+ ),
143
+ s.disclaimer && /* @__PURE__ */ e(
144
+ n,
145
+ {
146
+ className: r.disclaimer,
147
+ blocks: s.disclaimer
148
+ }
149
+ )
150
+ ] }),
151
+ t ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(F, {})
152
+ ] }) });
153
+ case "default":
154
+ return /* @__PURE__ */ e("section", { className: `${r.hero} ${f}`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
155
+ t ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(F, {}),
156
+ /* @__PURE__ */ c("div", { className: r.text, children: [
157
+ /* @__PURE__ */ c("div", { children: [
158
+ s.eyebrow && /* @__PURE__ */ e(
159
+ n,
160
+ {
161
+ className: r.eyebrow,
162
+ blocks: s.eyebrow
163
+ }
164
+ ),
165
+ /* @__PURE__ */ e(n, { blocks: s.title })
166
+ ] }),
167
+ s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
168
+ u && /* @__PURE__ */ e(
169
+ _,
170
+ {
171
+ items: u.items,
172
+ alignment: u.alignment
173
+ }
174
+ )
175
+ ] })
176
+ ] }) });
177
+ case "full-bleed":
178
+ return /* @__PURE__ */ e("section", { className: `${r.hero} ${f}`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
179
+ t ? t.includes("vimeo.com") || t.includes("youtube.com") || t.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: r.videoBackground, children: /* @__PURE__ */ e(
180
+ "iframe",
181
+ {
182
+ src: t.includes("vimeo.com") ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
183
+ t
184
+ )}`,
185
+ className: r.iframe,
186
+ allow: "autoplay; fullscreen",
187
+ allowFullScreen: !0
188
+ }
189
+ ) }) : /* @__PURE__ */ c(v, { children: [
190
+ /* @__PURE__ */ e(h, {}),
191
+ /* @__PURE__ */ e(
192
+ "video",
193
+ {
194
+ ref: a,
195
+ className: r.videoBackground,
196
+ src: t,
197
+ autoPlay: !d,
198
+ loop: !0,
199
+ muted: !0,
200
+ playsInline: !0,
201
+ poster: (l == null ? void 0 : l.imageUrl) || void 0
202
+ }
203
+ )
204
+ ] }) : /* @__PURE__ */ e(
205
+ N,
206
206
  {
207
- className: l.eyebrow,
208
- blocks: s.eyebrow
207
+ src: (l == null ? void 0 : l.imageUrl) ?? "",
208
+ alt: (l == null ? void 0 : l.asset.altText) || (l == null ? void 0 : l.asset.description) || "Card image",
209
+ fill: !0,
210
+ priority: !0,
211
+ style: { objectFit: "cover" },
212
+ draggable: !1,
213
+ sizes: "(min-width: 500px) 500px, 100vw"
209
214
  }
210
215
  ),
211
- /* @__PURE__ */ e(n, { blocks: s.title })
212
- ] }),
213
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
214
- u && /* @__PURE__ */ e(
215
- p,
216
- {
217
- items: u.items,
218
- alignment: u.alignment
219
- }
220
- )
221
- ] }) })
222
- ] }) });
223
- if (d === "blog")
224
- return /* @__PURE__ */ e("section", { className: `${l.hero} ${b}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
225
- t ? t.includes("vimeo.com") || t.includes("youtube.com") || t.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
226
- "iframe",
227
- {
228
- src: t.includes("vimeo.com") ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
229
- t
230
- )}`,
231
- className: l.iframe,
232
- allow: "autoplay; fullscreen",
233
- allowFullScreen: !0
234
- }
235
- ) }) : /* @__PURE__ */ c(v, { children: [
236
- /* @__PURE__ */ e(h, {}),
237
- /* @__PURE__ */ e(
238
- "video",
239
- {
240
- ref: m,
241
- className: l.videoBackground,
242
- src: t,
243
- autoPlay: !a,
244
- loop: !0,
245
- muted: !0,
246
- playsInline: !0,
247
- poster: (r == null ? void 0 : r.imageUrl) || void 0
248
- }
249
- )
250
- ] }) : /* @__PURE__ */ e(
251
- N,
252
- {
253
- src: (r == null ? void 0 : r.imageUrl) ?? "",
254
- alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
255
- fill: !0,
256
- priority: !0,
257
- style: { objectFit: "cover" },
258
- draggable: !1,
259
- sizes: "(min-width: 500px) 500px, 100vw"
260
- }
261
- ),
262
- /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
263
- /* @__PURE__ */ c("div", { children: [
264
- s.eyebrow && /* @__PURE__ */ e(
265
- n,
216
+ /* @__PURE__ */ e("div", { className: r.overlay, children: /* @__PURE__ */ c("div", { className: r.text, children: [
217
+ /* @__PURE__ */ c("div", { children: [
218
+ s.eyebrow && /* @__PURE__ */ e(
219
+ n,
220
+ {
221
+ className: r.eyebrow,
222
+ blocks: s.eyebrow
223
+ }
224
+ ),
225
+ /* @__PURE__ */ e(n, { blocks: s.title })
226
+ ] }),
227
+ s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
228
+ u && /* @__PURE__ */ e(
229
+ _,
230
+ {
231
+ items: u.items,
232
+ alignment: u.alignment
233
+ }
234
+ )
235
+ ] }) })
236
+ ] }) });
237
+ case "blog":
238
+ return /* @__PURE__ */ e("section", { className: `${r.hero} ${f}`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
239
+ t ? t.includes("vimeo.com") || t.includes("youtube.com") || t.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: r.videoBackground, children: /* @__PURE__ */ e(
240
+ "iframe",
266
241
  {
267
- className: l.eyebrow,
268
- blocks: s.eyebrow
242
+ src: t.includes("vimeo.com") ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
243
+ t
244
+ )}`,
245
+ className: r.iframe,
246
+ allow: "autoplay; fullscreen",
247
+ allowFullScreen: !0
248
+ }
249
+ ) }) : /* @__PURE__ */ c(v, { children: [
250
+ /* @__PURE__ */ e(h, {}),
251
+ /* @__PURE__ */ e(
252
+ "video",
253
+ {
254
+ ref: a,
255
+ className: r.videoBackground,
256
+ src: t,
257
+ autoPlay: !d,
258
+ loop: !0,
259
+ muted: !0,
260
+ playsInline: !0,
261
+ poster: (l == null ? void 0 : l.imageUrl) || void 0
262
+ }
263
+ )
264
+ ] }) : /* @__PURE__ */ e(
265
+ N,
266
+ {
267
+ src: (l == null ? void 0 : l.imageUrl) ?? "",
268
+ alt: (l == null ? void 0 : l.asset.altText) || (l == null ? void 0 : l.asset.description) || "Card image",
269
+ fill: !0,
270
+ priority: !0,
271
+ style: { objectFit: "cover" },
272
+ draggable: !1,
273
+ sizes: "(min-width: 500px) 500px, 100vw"
269
274
  }
270
275
  ),
271
- o && /* @__PURE__ */ c("div", { className: l.articleDetails, children: [
272
- o.articleType && /* @__PURE__ */ e("div", { className: l.articleType, children: o.articleType }),
273
- /* @__PURE__ */ c("div", { className: l.articleCategories, children: [
274
- $ && /* @__PURE__ */ e("span", { className: l.category, children: $.title }),
275
- f && f.title.toLowerCase() !== "library" && !f.slug.current.includes(
276
- "keywords"
277
- ) && /* @__PURE__ */ e("span", { className: l.category, children: f.title })
276
+ /* @__PURE__ */ e("div", { className: r.overlay, children: /* @__PURE__ */ c("div", { className: r.text, children: [
277
+ /* @__PURE__ */ c("div", { children: [
278
+ s.eyebrow && /* @__PURE__ */ e(
279
+ n,
280
+ {
281
+ className: r.eyebrow,
282
+ blocks: s.eyebrow
283
+ }
284
+ ),
285
+ o && /* @__PURE__ */ c("div", { className: r.articleDetails, children: [
286
+ o.articleType && /* @__PURE__ */ e("div", { className: r.articleType, children: o.articleType }),
287
+ /* @__PURE__ */ c("div", { className: r.articleCategories, children: [
288
+ $ && /* @__PURE__ */ e("span", { className: r.category, children: $.title }),
289
+ p && p.title.toLowerCase() !== "library" && !p.slug.current.includes(
290
+ "keywords"
291
+ ) && /* @__PURE__ */ e("span", { className: r.category, children: p.title })
292
+ ] }),
293
+ o.timeToRead && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c("span", { children: [
294
+ /* @__PURE__ */ e("span", { className: r.number, children: o.timeToRead }),
295
+ "min read"
296
+ ] }) })
297
+ ] }),
298
+ /* @__PURE__ */ e(n, { blocks: s.title })
278
299
  ] }),
279
- o.timeToRead && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c("span", { children: [
280
- /* @__PURE__ */ e("span", { className: l.number, children: o.timeToRead }),
281
- "min read"
282
- ] }) })
283
- ] }),
284
- /* @__PURE__ */ e(n, { blocks: s.title })
285
- ] }),
286
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
287
- u && /* @__PURE__ */ e(
288
- p,
289
- {
290
- items: u.items,
291
- alignment: u.alignment
292
- }
293
- )
294
- ] }) })
295
- ] }) });
300
+ s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
301
+ u && /* @__PURE__ */ e(
302
+ _,
303
+ {
304
+ items: u.items,
305
+ alignment: u.alignment
306
+ }
307
+ )
308
+ ] }) })
309
+ ] }) });
310
+ }
311
+ }, {}) });
296
312
  }
297
313
  export {
298
- ye as HeroBlock
314
+ _e as HeroBlock
299
315
  };
package/dist/next.d.ts CHANGED
@@ -6,7 +6,7 @@ declare type externalUrlOptions = {
6
6
  externalUrl: string;
7
7
  };
8
8
 
9
- export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element | undefined;
9
+ export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element;
10
10
 
11
11
  declare interface HeroBlockProps {
12
12
  heading: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.334",
4
+ "version": "0.0.336",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {