quirk-ui 0.0.334 → 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.
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: {
@@ -2,7 +2,7 @@ import { jsx as e, jsxs as c, Fragment as v } from "react/jsx-runtime";
2
2
  import { useState as U, useRef as z, useEffect as R } from "react";
3
3
  import { useHeroContext 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";
@@ -16,7 +16,7 @@ import '../../../assets/index46.css';/**
16
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
- ], 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 = {
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
20
  hero: V,
21
21
  container: E,
22
22
  eyebrow: Y,
@@ -36,53 +36,53 @@ const H = [
36
36
  videoControl: ee,
37
37
  videoWrapper: le,
38
38
  videoBackground: re,
39
- iframe: te
39
+ iframe: se
40
40
  };
41
41
  function ye({
42
- heading: s,
42
+ heading: t,
43
43
  image: r,
44
- video: t,
44
+ video: s,
45
45
  callToAction: u,
46
46
  pageData: o,
47
- styleOptions: _
47
+ styleOptions: b
48
48
  }) {
49
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 = {
50
+ const d = T(), [k, x] = U(!d), { setIsFullbleedHeroAtTop: C } = S(), a = z(null), y = (b == null ? void 0 : b.layout) ?? "default", f = {
51
51
  default: l.default,
52
52
  split: l.split,
53
53
  "full-bleed": l.fullBleed,
54
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;
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
56
  R(() => {
57
57
  const i = () => {
58
58
  C(window.scrollY === 0);
59
59
  };
60
- if (d === "full-bleed" && typeof window < "u")
60
+ if (y === "full-bleed" && typeof window < "u")
61
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]);
62
+ }, [y]), R(() => {
63
+ const i = a.current;
64
+ i && (d ? i.pause() : i.play());
65
+ }, [d]);
66
66
  const h = () => /* @__PURE__ */ e(
67
67
  "button",
68
68
  {
69
69
  title: `${k ? "Pause the video" : "Play the video"}`,
70
70
  className: l.videoControl,
71
71
  onClick: () => {
72
- const i = m.current;
72
+ const i = a.current;
73
73
  i && (i.paused ? (i.play().catch(() => {
74
74
  }), x(!0)) : (i.pause(), x(!1)));
75
75
  },
76
76
  children: k ? /* @__PURE__ */ e(L, { size: 18 }) : /* @__PURE__ */ e(j, { size: 18 })
77
77
  }
78
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(
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
82
  "iframe",
83
83
  {
84
- src: i ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
85
- t
84
+ src: i ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
85
+ s
86
86
  )}`,
87
87
  allow: "autoplay; fullscreen",
88
88
  allowFullScreen: !0
@@ -92,9 +92,9 @@ function ye({
92
92
  /* @__PURE__ */ e(
93
93
  "video",
94
94
  {
95
- ref: m,
96
- src: t,
97
- autoPlay: !a,
95
+ ref: a,
96
+ src: s,
97
+ autoPlay: !d,
98
98
  loop: !0,
99
99
  muted: !0,
100
100
  playsInline: !0,
@@ -104,8 +104,8 @@ function ye({
104
104
  ] });
105
105
  };
106
106
  function w(i) {
107
- const y = i.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
108
- return (y == null ? void 0 : y[1]) || "";
107
+ const m = i.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
108
+ return (m == null ? void 0 : m[1]) || "";
109
109
  }
110
110
  const P = () => r && r.imageUrl ? /* @__PURE__ */ e("div", { className: l.image, children: /* @__PURE__ */ e(
111
111
  N,
@@ -117,182 +117,196 @@ function ye({
117
117
  priority: !0
118
118
  }
119
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 })
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,
127
+ {
128
+ className: l.eyebrow,
129
+ blocks: t.eyebrow
130
+ }
131
+ ),
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
+ )
152
149
  ] }),
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(
166
- "iframe",
167
- {
168
- src: t.includes("vimeo.com") ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
169
- t
170
- )}`,
171
- className: l.iframe,
172
- allow: "autoplay; fullscreen",
173
- allowFullScreen: !0
174
- }
175
- ) }) : /* @__PURE__ */ c(v, { children: [
176
- /* @__PURE__ */ e(h, {}),
177
- /* @__PURE__ */ e(
178
- "video",
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(
158
+ n,
159
+ {
160
+ className: l.eyebrow,
161
+ blocks: t.eyebrow
162
+ }
163
+ ),
164
+ /* @__PURE__ */ e(n, { blocks: t.title })
165
+ ] }),
166
+ t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
167
+ u && /* @__PURE__ */ e(
168
+ _,
169
+ {
170
+ items: u.items,
171
+ alignment: u.alignment
172
+ }
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",
179
180
  {
180
- ref: m,
181
- className: l.videoBackground,
182
- src: t,
183
- autoPlay: !a,
184
- loop: !0,
185
- muted: !0,
186
- playsInline: !0,
187
- poster: (r == null ? void 0 : r.imageUrl) || void 0
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
188
187
  }
189
- )
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,
188
+ ) }) : /* @__PURE__ */ c(v, { children: [
189
+ /* @__PURE__ */ e(h, {}),
190
+ /* @__PURE__ */ e(
191
+ "video",
206
192
  {
207
- className: l.eyebrow,
208
- blocks: s.eyebrow
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
209
201
  }
210
- ),
211
- /* @__PURE__ */ e(n, { blocks: s.title })
212
- ] }),
213
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
214
- u && /* @__PURE__ */ e(
215
- p,
202
+ )
203
+ ] }) : /* @__PURE__ */ e(
204
+ N,
216
205
  {
217
- items: u.items,
218
- alignment: u.alignment
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"
219
213
  }
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",
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,
219
+ {
220
+ className: l.eyebrow,
221
+ blocks: t.eyebrow
222
+ }
223
+ ),
224
+ /* @__PURE__ */ e(n, { blocks: t.title })
225
+ ] }),
226
+ t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
227
+ u && /* @__PURE__ */ e(
228
+ _,
229
+ {
230
+ items: u.items,
231
+ alignment: u.alignment
232
+ }
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",
239
240
  {
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
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
248
247
  }
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,
248
+ ) }) : /* @__PURE__ */ c(v, { children: [
249
+ /* @__PURE__ */ e(h, {}),
250
+ /* @__PURE__ */ e(
251
+ "video",
266
252
  {
267
- className: l.eyebrow,
268
- blocks: s.eyebrow
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
269
261
  }
270
- ),
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 })
278
- ] }),
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,
262
+ )
263
+ ] }) : /* @__PURE__ */ e(
264
+ N,
289
265
  {
290
- items: u.items,
291
- alignment: u.alignment
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"
292
273
  }
293
- )
294
- ] }) })
295
- ] }) });
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,
279
+ {
280
+ className: l.eyebrow,
281
+ blocks: t.eyebrow
282
+ }
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
+ }
296
310
  }
297
311
  export {
298
312
  ye as HeroBlock
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.337",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {