quirk-ui 0.0.336 → 0.0.337

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 (2) hide show
  1. package/dist/next/blocks/HeroBlock/index.js +263 -265
  2. package/package.json +1 -1
package/dist/next/blocks/HeroBlock/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as e, jsxs as c, Fragment as v } from "react/jsx-runtime";
2
- import { useState as R, useRef as U, useEffect as H } from "react";
3
- import { useHeroContext as z, HeroProvider as S } from "./HeroContext.js";
2
+ import { useState as U, useRef as z, useEffect as R } from "react";
3
+ import { useHeroContext as S } from "./HeroContext.js";
4
4
  import { RichText as n } from "../../ui/PortableTextRenderer/index.js";
5
5
  import { CallToActions as _ } from "../../ui/CallToActions/index.js";
6
6
  import N from "next/image";
@@ -13,303 +13,301 @@ 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 L = [
16
+ const H = [
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
- ], 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,
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", se = "_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,
30
30
  default: "_default_c7i2h_113",
31
- blog: O,
32
- overlay: A,
33
- fullBleed: D,
34
- split: g,
35
- image: ee,
36
- videoControl: re,
31
+ blog: Z,
32
+ overlay: O,
33
+ fullBleed: A,
34
+ split: D,
35
+ image: g,
36
+ videoControl: ee,
37
37
  videoWrapper: le,
38
- videoBackground: te,
38
+ videoBackground: re,
39
39
  iframe: se
40
40
  };
41
- function _e({
42
- heading: s,
43
- image: l,
44
- video: t,
41
+ function ye({
42
+ heading: t,
43
+ image: r,
44
+ video: s,
45
45
  callToAction: u,
46
46
  pageData: o,
47
47
  styleOptions: b
48
48
  }) {
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",
49
+ var I, F;
50
+ const d = T(), [k, x] = U(!d), { setIsFullbleedHeroAtTop: C } = S(), a = z(null), y = (b == null ? void 0 : b.layout) ?? "default", f = {
51
+ default: l.default,
52
+ split: l.split,
53
+ "full-bleed": l.fullBleed,
54
+ blog: l.blog
55
+ }[y], $ = (I = o == null ? void 0 : o.categories) != null && I.length ? o == null ? void 0 : o.categories[0] : null, p = (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 (y === "full-bleed" && typeof window < "u")
61
+ return C(!0), window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i);
62
+ }, [y]), R(() => {
63
+ const i = a.current;
64
+ i && (d ? i.pause() : i.play());
65
+ }, [d]);
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 = a.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 (!s) return null;
80
+ const i = s.includes("vimeo.com"), m = s.includes("youtube.com") || s.includes("youtu.be");
81
+ return i || m ? /* @__PURE__ */ e("div", { className: l.videoWrapper, children: /* @__PURE__ */ e(
82
+ "iframe",
69
83
  {
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 })
84
+ src: i ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
85
+ s
86
+ )}`,
87
+ allow: "autoplay; fullscreen",
88
+ allowFullScreen: !0
78
89
  }
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(
83
- "iframe",
90
+ ) }) : /* @__PURE__ */ c("div", { className: l.videoWrapper, children: [
91
+ /* @__PURE__ */ e(h, {}),
92
+ /* @__PURE__ */ e(
93
+ "video",
84
94
  {
85
- src: i ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
86
- t
87
- )}`,
88
- allow: "autoplay; fullscreen",
89
- allowFullScreen: !0
95
+ ref: a,
96
+ src: s,
97
+ autoPlay: !d,
98
+ loop: !0,
99
+ muted: !0,
100
+ playsInline: !0,
101
+ poster: (r == null ? void 0 : r.imageUrl) || void 0
90
102
  }
91
- ) }) : /* @__PURE__ */ c("div", { className: r.videoWrapper, children: [
92
- /* @__PURE__ */ e(h, {}),
93
- /* @__PURE__ */ e(
94
- "video",
95
- {
96
- ref: a,
97
- src: t,
98
- autoPlay: !d,
99
- loop: !0,
100
- muted: !0,
101
- playsInline: !0,
102
- poster: (l == null ? void 0 : l.imageUrl) || void 0
103
- }
104
- )
105
- ] });
106
- };
107
- function w(i) {
108
- const m = i.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
109
- return (m == null ? void 0 : m[1]) || "";
103
+ )
104
+ ] });
105
+ };
106
+ function w(i) {
107
+ const m = i.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
108
+ return (m == null ? void 0 : m[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
110
118
  }
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
- _,
119
+ ) }) : null;
120
+ switch (y) {
121
+ case "split":
122
+ return /* @__PURE__ */ e("section", { className: `${l.hero} ${l.split}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
123
+ /* @__PURE__ */ c("div", { className: l.text, children: [
124
+ /* @__PURE__ */ c("div", { children: [
125
+ t.eyebrow && /* @__PURE__ */ e(
126
+ n,
138
127
  {
139
- items: u.items,
140
- alignment: u.alignment
128
+ className: l.eyebrow,
129
+ blocks: t.eyebrow
141
130
  }
142
131
  ),
143
- s.disclaimer && /* @__PURE__ */ e(
132
+ /* @__PURE__ */ e(n, { blocks: t.title })
133
+ ] }),
134
+ t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
135
+ u && /* @__PURE__ */ e(
136
+ _,
137
+ {
138
+ items: u.items,
139
+ alignment: u.alignment
140
+ }
141
+ ),
142
+ t.disclaimer && /* @__PURE__ */ e(
143
+ n,
144
+ {
145
+ className: l.disclaimer,
146
+ blocks: t.disclaimer
147
+ }
148
+ )
149
+ ] }),
150
+ s ? /* @__PURE__ */ e(B, {}) : /* @__PURE__ */ e(P, {})
151
+ ] }) });
152
+ case "default":
153
+ return /* @__PURE__ */ e("section", { className: `${l.hero} ${f}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
154
+ s ? /* @__PURE__ */ e(B, {}) : /* @__PURE__ */ e(P, {}),
155
+ /* @__PURE__ */ c("div", { className: l.text, children: [
156
+ /* @__PURE__ */ c("div", { children: [
157
+ t.eyebrow && /* @__PURE__ */ e(
144
158
  n,
145
159
  {
146
- className: r.disclaimer,
147
- blocks: s.disclaimer
160
+ className: l.eyebrow,
161
+ blocks: t.eyebrow
148
162
  }
149
- )
163
+ ),
164
+ /* @__PURE__ */ e(n, { blocks: t.title })
150
165
  ] }),
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",
166
+ t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
167
+ u && /* @__PURE__ */ e(
168
+ _,
181
169
  {
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
170
+ items: u.items,
171
+ alignment: u.alignment
188
172
  }
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,
173
+ )
174
+ ] })
175
+ ] }) });
176
+ case "full-bleed":
177
+ return /* @__PURE__ */ e("section", { className: `${l.hero} ${f}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
178
+ s ? s.includes("vimeo.com") || s.includes("youtube.com") || s.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
179
+ "iframe",
180
+ {
181
+ src: s.includes("vimeo.com") ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
182
+ s
183
+ )}`,
184
+ className: l.iframe,
185
+ allow: "autoplay; fullscreen",
186
+ allowFullScreen: !0
187
+ }
188
+ ) }) : /* @__PURE__ */ c(v, { children: [
189
+ /* @__PURE__ */ e(h, {}),
190
+ /* @__PURE__ */ e(
191
+ "video",
206
192
  {
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"
193
+ ref: a,
194
+ className: l.videoBackground,
195
+ src: s,
196
+ autoPlay: !d,
197
+ loop: !0,
198
+ muted: !0,
199
+ playsInline: !0,
200
+ poster: (r == null ? void 0 : r.imageUrl) || void 0
214
201
  }
215
- ),
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
- _,
202
+ )
203
+ ] }) : /* @__PURE__ */ e(
204
+ N,
205
+ {
206
+ src: (r == null ? void 0 : r.imageUrl) ?? "",
207
+ alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
208
+ fill: !0,
209
+ priority: !0,
210
+ style: { objectFit: "cover" },
211
+ draggable: !1,
212
+ sizes: "(min-width: 500px) 500px, 100vw"
213
+ }
214
+ ),
215
+ /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
216
+ /* @__PURE__ */ c("div", { children: [
217
+ t.eyebrow && /* @__PURE__ */ e(
218
+ n,
230
219
  {
231
- items: u.items,
232
- alignment: u.alignment
220
+ className: l.eyebrow,
221
+ blocks: t.eyebrow
233
222
  }
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",
223
+ ),
224
+ /* @__PURE__ */ e(n, { blocks: t.title })
225
+ ] }),
226
+ t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
227
+ u && /* @__PURE__ */ e(
228
+ _,
241
229
  {
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
230
+ items: u.items,
231
+ alignment: u.alignment
248
232
  }
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,
233
+ )
234
+ ] }) })
235
+ ] }) });
236
+ case "blog":
237
+ return /* @__PURE__ */ e("section", { className: `${l.hero} ${f}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
238
+ s ? s.includes("vimeo.com") || s.includes("youtube.com") || s.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
239
+ "iframe",
240
+ {
241
+ src: s.includes("vimeo.com") ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
242
+ s
243
+ )}`,
244
+ className: l.iframe,
245
+ allow: "autoplay; fullscreen",
246
+ allowFullScreen: !0
247
+ }
248
+ ) }) : /* @__PURE__ */ c(v, { children: [
249
+ /* @__PURE__ */ e(h, {}),
250
+ /* @__PURE__ */ e(
251
+ "video",
266
252
  {
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"
253
+ ref: a,
254
+ className: l.videoBackground,
255
+ src: s,
256
+ autoPlay: !d,
257
+ loop: !0,
258
+ muted: !0,
259
+ playsInline: !0,
260
+ poster: (r == null ? void 0 : r.imageUrl) || void 0
274
261
  }
275
- ),
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 })
299
- ] }),
300
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
301
- u && /* @__PURE__ */ e(
302
- _,
262
+ )
263
+ ] }) : /* @__PURE__ */ e(
264
+ N,
265
+ {
266
+ src: (r == null ? void 0 : r.imageUrl) ?? "",
267
+ alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
268
+ fill: !0,
269
+ priority: !0,
270
+ style: { objectFit: "cover" },
271
+ draggable: !1,
272
+ sizes: "(min-width: 500px) 500px, 100vw"
273
+ }
274
+ ),
275
+ /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
276
+ /* @__PURE__ */ c("div", { children: [
277
+ t.eyebrow && /* @__PURE__ */ e(
278
+ n,
303
279
  {
304
- items: u.items,
305
- alignment: u.alignment
280
+ className: l.eyebrow,
281
+ blocks: t.eyebrow
306
282
  }
307
- )
308
- ] }) })
309
- ] }) });
310
- }
311
- }, {}) });
283
+ ),
284
+ o && /* @__PURE__ */ c("div", { className: l.articleDetails, children: [
285
+ o.articleType && /* @__PURE__ */ e("div", { className: l.articleType, children: o.articleType }),
286
+ /* @__PURE__ */ c("div", { className: l.articleCategories, children: [
287
+ $ && /* @__PURE__ */ e("span", { className: l.category, children: $.title }),
288
+ p && p.title.toLowerCase() !== "library" && !p.slug.current.includes(
289
+ "keywords"
290
+ ) && /* @__PURE__ */ e("span", { className: l.category, children: p.title })
291
+ ] }),
292
+ o.timeToRead && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c("span", { children: [
293
+ /* @__PURE__ */ e("span", { className: l.number, children: o.timeToRead }),
294
+ "min read"
295
+ ] }) })
296
+ ] }),
297
+ /* @__PURE__ */ e(n, { blocks: t.title })
298
+ ] }),
299
+ t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
300
+ u && /* @__PURE__ */ e(
301
+ _,
302
+ {
303
+ items: u.items,
304
+ alignment: u.alignment
305
+ }
306
+ )
307
+ ] }) })
308
+ ] }) });
309
+ }
312
310
  }
313
311
  export {
314
- _e as HeroBlock
312
+ ye as HeroBlock
315
313
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.336",
4
+ "version": "0.0.337",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {