quirk-ui 0.0.325 → 0.0.327

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 +47 -46
  2. package/package.json +1 -1
package/dist/next/blocks/HeroBlock/index.js CHANGED
@@ -1,22 +1,22 @@
1
1
  import { jsx as e, jsxs as o, Fragment as p } from "react/jsx-runtime";
2
- import { useState as R, useRef as z, useEffect as P } from "react";
2
+ import { useState as I, useRef as z, useEffect as P } from "react";
3
3
  import { useHeroContext as F } from "./HeroContext.js";
4
- import { R as n, I } from "../../../index-Dc6Lwt_I.js";
4
+ import { R as u, I as R } from "../../../index-Dc6Lwt_I.js";
5
5
  import { CallToActions as b } from "../../ui/CallToActions/index.js";
6
6
  import { usePrefersReducedMotion as j } from "../../hooks/usePrefersReducedMotion.js";
7
- import { c as L } from "../../../createLucideIcon-C8GTh_Qx.js";
8
- import { P as S } from "../../../index-ClN4LY9C.js";
7
+ import { c as E } from "../../../createLucideIcon-C8GTh_Qx.js";
8
+ import { P as H } from "../../../index-ClN4LY9C.js";
9
9
  import '../../../assets/index45.css';/**
10
10
  * @license lucide-react v0.488.0 - ISC
11
11
  *
12
12
  * This source code is licensed under the ISC license.
13
13
  * See the LICENSE file in the root directory of this source tree.
14
14
  */
15
- const U = [
15
+ const L = [
16
16
  ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
17
17
  ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
18
- ], E = L("pause", U), H = "_hero_c7i2h_1", T = "_container_c7i2h_7", M = "_eyebrow_c7i2h_27", V = "_disclaimer_c7i2h_31", Y = "_text_c7i2h_36", q = "_articleDetails_c7i2h_43", G = "_articleType_c7i2h_56", J = "_articleCategories_c7i2h_69", K = "_category_c7i2h_75", Q = "_number_c7i2h_90", W = "_blog_c7i2h_117", X = "_overlay_c7i2h_141", Z = "_fullBleed_c7i2h_211", O = "_split_c7i2h_305", A = "_videoControl_c7i2h_333", D = "_videoBackground_c7i2h_374", g = "_iframe_c7i2h_375", l = {
19
- hero: H,
18
+ ], S = E("pause", L), U = "_hero_c7i2h_1", T = "_container_c7i2h_7", M = "_eyebrow_c7i2h_27", V = "_disclaimer_c7i2h_31", Y = "_text_c7i2h_36", q = "_articleDetails_c7i2h_43", G = "_articleType_c7i2h_56", J = "_articleCategories_c7i2h_69", K = "_category_c7i2h_75", Q = "_number_c7i2h_90", W = "_blog_c7i2h_117", X = "_overlay_c7i2h_141", Z = "_fullBleed_c7i2h_211", O = "_split_c7i2h_305", A = "_videoControl_c7i2h_333", D = "_videoBackground_c7i2h_374", g = "_iframe_c7i2h_375", l = {
19
+ hero: U,
20
20
  container: T,
21
21
  eyebrow: M,
22
22
  disclaimer: V,
@@ -39,26 +39,27 @@ function ne({
39
39
  heading: s,
40
40
  image: r,
41
41
  video: t,
42
- callToAction: u,
42
+ callToAction: i,
43
43
  pageData: c,
44
44
  styleOptions: f
45
45
  }) {
46
46
  var $, B;
47
- const a = j(), [v, w] = R(!a), { setIsFullbleedHeroAtTop: N } = F(), m = z(null), d = (f == null ? void 0 : f.layout) ?? "default", _ = {
47
+ console.log("HERO", r), console.log("CTA", i);
48
+ const a = j(), [v, w] = I(!a), { setIsFullbleedHeroAtTop: N } = F(), m = z(null), d = (f == null ? void 0 : f.layout) ?? "default", _ = {
48
49
  default: l.default,
49
50
  split: l.split,
50
51
  "full-bleed": l.fullBleed,
51
52
  blog: l.blog
52
53
  }[d], k = ($ = c == null ? void 0 : c.categories) != null && $.length ? c == null ? void 0 : c.categories[0] : null, y = (B = c == null ? void 0 : c.categories) != null && B.length ? c == null ? void 0 : c.categories[1] : null;
53
54
  P(() => {
54
- const i = () => {
55
+ const n = () => {
55
56
  N(window.scrollY === 0);
56
57
  };
57
58
  if (d === "full-bleed" && typeof window < "u")
58
- return N(!0), window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i);
59
+ return N(!0), window.addEventListener("scroll", n), () => window.removeEventListener("scroll", n);
59
60
  }, [d]), P(() => {
60
- const i = m.current;
61
- i && (a ? i.pause() : i.play());
61
+ const n = m.current;
62
+ n && (a ? n.pause() : n.play());
62
63
  }, [a]);
63
64
  const x = () => /* @__PURE__ */ e(
64
65
  "button",
@@ -66,33 +67,33 @@ function ne({
66
67
  title: `${v ? "Pause the video" : "Play the video"}`,
67
68
  className: l.videoControl,
68
69
  onClick: () => {
69
- const i = m.current;
70
- i && (i.paused ? (i.play().catch(() => {
71
- }), w(!0)) : (i.pause(), w(!1)));
70
+ const n = m.current;
71
+ n && (n.paused ? (n.play().catch(() => {
72
+ }), w(!0)) : (n.pause(), w(!1)));
72
73
  },
73
- children: v ? /* @__PURE__ */ e(E, { size: 18 }) : /* @__PURE__ */ e(S, { size: 18 })
74
+ children: v ? /* @__PURE__ */ e(S, { size: 18 }) : /* @__PURE__ */ e(H, { size: 18 })
74
75
  }
75
76
  );
76
- function C(i) {
77
- const h = i.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
77
+ function C(n) {
78
+ const h = n.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
78
79
  return (h == null ? void 0 : h[1]) || "";
79
80
  }
80
81
  if (d === "split")
81
82
  return /* @__PURE__ */ e("section", { className: `${l.hero} ${l.split}`, children: /* @__PURE__ */ e("article", { className: l.container, children: /* @__PURE__ */ o("div", { className: l.text, children: [
82
83
  /* @__PURE__ */ o("div", { children: [
83
- s.eyebrow && /* @__PURE__ */ e(n, { className: l.eyebrow, blocks: s.eyebrow }),
84
- /* @__PURE__ */ e(n, { blocks: s.title })
84
+ s.eyebrow && /* @__PURE__ */ e(u, { className: l.eyebrow, blocks: s.eyebrow }),
85
+ /* @__PURE__ */ e(u, { blocks: s.title })
85
86
  ] }),
86
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
87
- u && /* @__PURE__ */ e(
87
+ s.description && /* @__PURE__ */ e(u, { blocks: s.description }),
88
+ i && /* @__PURE__ */ e(
88
89
  b,
89
90
  {
90
- items: u.items,
91
- alignment: u.alignment
91
+ items: i.items,
92
+ alignment: i.alignment
92
93
  }
93
94
  ),
94
95
  s.disclaimer && /* @__PURE__ */ e(
95
- n,
96
+ u,
96
97
  {
97
98
  className: l.disclaimer,
98
99
  blocks: s.disclaimer
@@ -102,15 +103,15 @@ function ne({
102
103
  if (d === "default")
103
104
  return /* @__PURE__ */ e("section", { className: `${l.hero} ${_}`, children: /* @__PURE__ */ e("article", { className: l.container, children: /* @__PURE__ */ o("div", { className: l.text, children: [
104
105
  /* @__PURE__ */ o("div", { children: [
105
- s.eyebrow && /* @__PURE__ */ e(n, { className: l.eyebrow, blocks: s.eyebrow }),
106
- /* @__PURE__ */ e(n, { blocks: s.title })
106
+ s.eyebrow && /* @__PURE__ */ e(u, { className: l.eyebrow, blocks: s.eyebrow }),
107
+ /* @__PURE__ */ e(u, { blocks: s.title })
107
108
  ] }),
108
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
109
- u && /* @__PURE__ */ e(
109
+ s.description && /* @__PURE__ */ e(u, { blocks: s.description }),
110
+ i && /* @__PURE__ */ e(
110
111
  b,
111
112
  {
112
- items: u.items,
113
- alignment: u.alignment
113
+ items: i.items,
114
+ alignment: i.alignment
114
115
  }
115
116
  )
116
117
  ] }) }) });
@@ -142,7 +143,7 @@ function ne({
142
143
  }
143
144
  )
144
145
  ] }) : /* @__PURE__ */ e(
145
- I,
146
+ R,
146
147
  {
147
148
  src: (r == null ? void 0 : r.imageUrl) ?? "",
148
149
  alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
@@ -156,20 +157,20 @@ function ne({
156
157
  /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ o("div", { className: l.text, children: [
157
158
  /* @__PURE__ */ o("div", { children: [
158
159
  s.eyebrow && /* @__PURE__ */ e(
159
- n,
160
+ u,
160
161
  {
161
162
  className: l.eyebrow,
162
163
  blocks: s.eyebrow
163
164
  }
164
165
  ),
165
- /* @__PURE__ */ e(n, { blocks: s.title })
166
+ /* @__PURE__ */ e(u, { blocks: s.title })
166
167
  ] }),
167
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
168
- u && /* @__PURE__ */ e(
168
+ s.description && /* @__PURE__ */ e(u, { blocks: s.description }),
169
+ i && /* @__PURE__ */ e(
169
170
  b,
170
171
  {
171
- items: u.items,
172
- alignment: u.alignment
172
+ items: i.items,
173
+ alignment: i.alignment
173
174
  }
174
175
  )
175
176
  ] }) })
@@ -202,7 +203,7 @@ function ne({
202
203
  }
203
204
  )
204
205
  ] }) : /* @__PURE__ */ e(
205
- I,
206
+ R,
206
207
  {
207
208
  src: (r == null ? void 0 : r.imageUrl) ?? "",
208
209
  alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
@@ -216,7 +217,7 @@ function ne({
216
217
  /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ o("div", { className: l.text, children: [
217
218
  /* @__PURE__ */ o("div", { children: [
218
219
  s.eyebrow && /* @__PURE__ */ e(
219
- n,
220
+ u,
220
221
  {
221
222
  className: l.eyebrow,
222
223
  blocks: s.eyebrow
@@ -235,14 +236,14 @@ function ne({
235
236
  "min read"
236
237
  ] }) })
237
238
  ] }),
238
- /* @__PURE__ */ e(n, { blocks: s.title })
239
+ /* @__PURE__ */ e(u, { blocks: s.title })
239
240
  ] }),
240
- s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
241
- u && /* @__PURE__ */ e(
241
+ s.description && /* @__PURE__ */ e(u, { blocks: s.description }),
242
+ i && /* @__PURE__ */ e(
242
243
  b,
243
244
  {
244
- items: u.items,
245
- alignment: u.alignment
245
+ items: i.items,
246
+ alignment: i.alignment
246
247
  }
247
248
  )
248
249
  ] }) })
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.325",
4
+ "version": "0.0.327",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {