@frequencyads/components 0.1.7 → 0.1.9

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 (23) hide show
  1. package/dist/components.css +1 -1
  2. package/dist/content/BrandLogos/BrandLogos.d.ts.map +1 -0
  3. package/dist/content/BrandLogos/index.d.ts.map +1 -0
  4. package/dist/content/BrandedAppName/BrandedAppName.d.ts +11 -0
  5. package/dist/content/BrandedAppName/BrandedAppName.d.ts.map +1 -0
  6. package/dist/content/BrandedAppName/index.d.ts.map +1 -0
  7. package/dist/content/DownloadCard/DownloadCard.d.ts +20 -0
  8. package/dist/content/DownloadCard/DownloadCard.d.ts.map +1 -0
  9. package/dist/content/DownloadCard/index.d.ts +2 -0
  10. package/dist/content/DownloadCard/index.d.ts.map +1 -0
  11. package/dist/index.d.ts +4 -3
  12. package/dist/index.d.ts.map +1 -1
  13. package/dist/index.js +1 -1
  14. package/dist/index.mjs +604 -600
  15. package/package.json +1 -1
  16. package/dist/brand/BrandLogos/BrandLogos.d.ts.map +0 -1
  17. package/dist/brand/BrandLogos/index.d.ts.map +0 -1
  18. package/dist/brand/BrandedAppName/BrandedAppName.d.ts +0 -15
  19. package/dist/brand/BrandedAppName/BrandedAppName.d.ts.map +0 -1
  20. package/dist/brand/BrandedAppName/index.d.ts.map +0 -1
  21. /package/dist/{brand → content}/BrandLogos/BrandLogos.d.ts +0 -0
  22. /package/dist/{brand → content}/BrandLogos/index.d.ts +0 -0
  23. /package/dist/{brand → content}/BrandedAppName/index.d.ts +0 -0
package/dist/index.mjs CHANGED
@@ -1,128 +1,94 @@
1
1
  'use client';
2
- import { useMantineColorScheme as De, Anchor as Pe, Group as I, Image as Z, Box as x, Text as v, Container as He, Title as se, SimpleGrid as re, Card as be, Stack as X, Paper as Y, ThemeIcon as Ue, Badge as We, Avatar as Ke, Button as ae, Portal as Xe, Notification as Ye, useComputedColorScheme as Je, ActionIcon as ee, Slider as Qe, Transition as Ze, Tooltip as et } from "@mantine/core";
3
- import { Anchor as Xo, Badge as Yo, Box as Jo, Button as Qo, Card as Zo, Container as er, Divider as tr, Flex as nr, Grid as or, Group as rr, Image as ar, SimpleGrid as sr, Stack as ir, Text as lr, Title as cr } from "@mantine/core";
2
+ import { useMantineColorScheme as Le, Anchor as Se, Text as v, Box as x, Container as Ge, Title as te, SimpleGrid as se, Card as _e, Stack as A, Group as I, Image as oe, Paper as X, ThemeIcon as Pe, Button as J, Badge as Ee, Avatar as Re, Portal as Oe, Notification as Ve, useComputedColorScheme as He, ActionIcon as ee, Slider as Ue, Transition as Xe, Tooltip as Ye } from "@mantine/core";
3
+ import { Anchor as So, AspectRatio as Po, Badge as Eo, Box as Fo, Button as Wo, Card as qo, Center as Ao, Container as jo, Divider as Go, Flex as Ro, Grid as Oo, Group as Vo, Image as Ho, Paper as Uo, SimpleGrid as Xo, Stack as Yo, Text as Ko, ThemeIcon as Jo, Title as Qo } from "@mantine/core";
4
4
  import { jsx as e, jsxs as l, Fragment as Fe } from "react/jsx-runtime";
5
- import { textmarkWhite as Ee, textmark as Ae, markWhite as je, mark as qe } from "@frequencyads/brand/logos";
6
- import { fonts as ve } from "@frequencyads/brand/typography";
7
- import tt from "@frequencyads/brand/assets/frequency-mark.svg?url";
8
- import nt from "@frequencyads/brand/assets/frequency-mark-white.svg?url";
9
- import ot from "@frequencyads/brand/assets/frequency-textmark.png";
10
- import rt from "@frequencyads/brand/assets/frequency-textmark-white.png";
11
- import { useRef as A, useState as T, useEffect as D, forwardRef as Ge, useImperativeHandle as at, useCallback as L } from "react";
12
- import { IconX as st, IconCheck as it, IconQuote as lt, IconPlayerPauseFilled as Re, IconPlayerPlayFilled as Oe, IconVolumeOff as ct, IconVolume as dt, IconDownload as mt, IconPlus as ye } from "@tabler/icons-react";
13
- import { motion as S } from "framer-motion";
14
- import ht from "@frequencyads/brand/assets/frequency-mark-white.svg";
15
- import { gradients as ut } from "@frequencyads/brand/colors";
16
- const gt = "_container_pj3iu_1", pt = "_logo_pj3iu_7", ft = "_divider_pj3iu_11", _t = "_appName_pj3iu_16", ce = {
17
- container: gt,
18
- logo: pt,
19
- divider: ft,
20
- appName: _t
21
- }, ke = {
22
- [qe.svg]: tt,
23
- [je.svg]: nt,
24
- [Ae.png]: ot,
25
- [Ee.png]: rt
5
+ import { fonts as be } from "@frequencyads/brand/typography";
6
+ import { useRef as q, useState as T, useEffect as S, forwardRef as We, useImperativeHandle as Ke, useCallback as L } from "react";
7
+ import { IconX as Je, IconCheck as Qe, IconQuote as Ze, IconPlayerPauseFilled as qe, IconPlayerPlayFilled as Ae, IconVolumeOff as et, IconVolume as tt, IconDownload as nt, IconPlus as ve } from "@tabler/icons-react";
8
+ import { motion as D } from "framer-motion";
9
+ import ot from "@frequencyads/brand/assets/frequency-mark-white.svg";
10
+ import { gradients as rt } from "@frequencyads/brand/colors";
11
+ const at = "_container_4mojd_1", st = "_appName_4mojd_7", ye = {
12
+ container: at,
13
+ appName: st
26
14
  };
27
- function zo({
15
+ function uo({
28
16
  appName: t,
29
- variant: o = "circle",
30
- logoHeight: r = 28,
31
- textColor: a,
32
- href: s = "/",
33
- ...u
17
+ textColor: n,
18
+ href: r = "/",
19
+ ...a
34
20
  }) {
35
- const { colorScheme: y } = De(), g = y === "dark", m = (() => {
36
- if (o === "circle") {
37
- const _ = g ? je.svg : qe.svg;
38
- return ke[_];
39
- }
40
- const i = g ? Ee.png : Ae.png;
41
- return ke[i];
42
- })(), h = g ? "dark.0" : "gray.9", k = g ? "dark.3" : "gray.3";
21
+ const { colorScheme: s } = Le(), _ = s === "dark" ? "dark.0" : "gray.9";
43
22
  return /* @__PURE__ */ e(
44
- Pe,
23
+ Se,
45
24
  {
46
- href: s,
47
- className: ce.container,
25
+ href: r,
26
+ className: ye.container,
48
27
  underline: "never",
49
28
  style: {
50
29
  // @ts-ignore - CSS custom properties
51
- "--heading-font-family": ve.heading.family,
52
- "--heading-font-weight-semibold": ve.heading.weights.semibold
30
+ "--heading-font-family": be.heading.family,
31
+ "--heading-font-weight-semibold": be.heading.weights.semibold
53
32
  },
54
- ...u,
55
- children: /* @__PURE__ */ l(I, { gap: "md", wrap: "nowrap", children: [
56
- /* @__PURE__ */ e(Z, { src: m, alt: "Frequency", h: r, w: "auto", className: ce.logo }),
57
- /* @__PURE__ */ e(
58
- x,
59
- {
60
- className: ce.divider,
61
- bg: k,
62
- style: {
63
- height: r
64
- }
65
- }
66
- ),
67
- /* @__PURE__ */ e(v, { className: ce.appName, c: a ?? h, children: t })
68
- ] })
33
+ ...a,
34
+ children: /* @__PURE__ */ e(v, { className: ye.appName, c: n ?? _, children: t })
69
35
  }
70
36
  );
71
37
  }
72
- const bt = "_root_6irix_1", vt = "_visible_6irix_9", we = {
73
- root: bt,
74
- visible: vt
38
+ const it = "_root_6irix_1", lt = "_visible_6irix_9", ke = {
39
+ root: it,
40
+ visible: lt
75
41
  };
76
- function de({
42
+ function ce({
77
43
  children: t,
78
- delay: o = 0,
44
+ delay: n = 0,
79
45
  threshold: r = 0.1,
80
46
  className: a,
81
47
  ...s
82
48
  }) {
83
- const u = A(null), [y, g] = T(!1);
84
- return D(() => {
85
- const p = u.current;
49
+ const h = q(null), [_, g] = T(!1);
50
+ return S(() => {
51
+ const p = h.current;
86
52
  if (!p) return;
87
53
  const m = new IntersectionObserver(
88
- ([h]) => {
89
- h.isIntersecting && (o > 0 ? setTimeout(() => g(!0), o) : g(!0));
54
+ ([u]) => {
55
+ u.isIntersecting && (n > 0 ? setTimeout(() => g(!0), n) : g(!0));
90
56
  },
91
57
  { threshold: r }
92
58
  );
93
59
  return m.observe(p), () => m.disconnect();
94
- }, [o, r]), /* @__PURE__ */ e(
60
+ }, [n, r]), /* @__PURE__ */ e(
95
61
  x,
96
62
  {
97
- ref: u,
98
- className: `${we.root} ${y ? we.visible : ""} ${a ?? ""}`,
63
+ ref: h,
64
+ className: `${ke.root} ${_ ? ke.visible : ""} ${a ?? ""}`,
99
65
  ...s,
100
66
  children: t
101
67
  }
102
68
  );
103
69
  }
104
- const yt = "_root_1bo86_1", kt = "_label_1bo86_6", wt = "_title_1bo86_11", xt = "_description_1bo86_17", Nt = "_logoCard_1bo86_22", Q = {
105
- root: yt,
106
- label: kt,
107
- title: wt,
108
- description: xt,
109
- logoCard: Nt
70
+ const ct = "_root_1bo86_1", dt = "_label_1bo86_6", mt = "_title_1bo86_11", ht = "_description_1bo86_17", ut = "_logoCard_1bo86_22", Z = {
71
+ root: ct,
72
+ label: dt,
73
+ title: mt,
74
+ description: ht,
75
+ logoCard: ut
110
76
  };
111
- function Mo({
77
+ function go({
112
78
  title: t = "Our Logos",
113
- label: o = "Identity",
79
+ label: n = "Identity",
114
80
  description: r = "The Frequency identity comes in two forms — the horizontal textmark for standard use and the circular brand mark for compact spaces and hero moments."
115
81
  }) {
116
- return /* @__PURE__ */ e("section", { className: Q.root, children: /* @__PURE__ */ l(He, { size: "xl", children: [
117
- /* @__PURE__ */ l(de, { children: [
118
- /* @__PURE__ */ e(v, { className: Q.label, size: "xs", tt: "uppercase", c: "blue.5", mb: "xs", children: o }),
119
- /* @__PURE__ */ e(se, { order: 2, className: Q.title, mb: "lg", children: t }),
120
- /* @__PURE__ */ e(v, { className: Q.description, size: "lg", c: "gray.6", mb: 60, maw: 600, children: r })
82
+ return /* @__PURE__ */ e("section", { className: Z.root, children: /* @__PURE__ */ l(Ge, { size: "xl", children: [
83
+ /* @__PURE__ */ l(ce, { children: [
84
+ /* @__PURE__ */ e(v, { className: Z.label, size: "xs", tt: "uppercase", c: "blue.5", mb: "xs", children: n }),
85
+ /* @__PURE__ */ e(te, { order: 2, className: Z.title, mb: "lg", children: t }),
86
+ /* @__PURE__ */ e(v, { className: Z.description, size: "lg", c: "gray.6", mb: 60, maw: 600, children: r })
121
87
  ] }),
122
- /* @__PURE__ */ l(re, { cols: { base: 1, lg: 2 }, spacing: 32, mb: 48, children: [
123
- /* @__PURE__ */ e(de, { delay: 100, children: /* @__PURE__ */ e(be, { padding: 0, radius: "lg", className: Q.logoCard, children: /* @__PURE__ */ l(X, { gap: 0, children: [
88
+ /* @__PURE__ */ l(se, { cols: { base: 1, lg: 2 }, spacing: 32, mb: 48, children: [
89
+ /* @__PURE__ */ e(ce, { delay: 100, children: /* @__PURE__ */ e(_e, { padding: 0, radius: "lg", className: Z.logoCard, children: /* @__PURE__ */ l(A, { gap: 0, children: [
124
90
  /* @__PURE__ */ e(I, { justify: "center", align: "center", bg: "white", h: 240, children: /* @__PURE__ */ e(
125
- Z,
91
+ oe,
126
92
  {
127
93
  src: "/images/Frequency_logo-light.png",
128
94
  alt: "Frequency textmark on light",
@@ -131,7 +97,7 @@ function Mo({
131
97
  }
132
98
  ) }),
133
99
  /* @__PURE__ */ e(I, { justify: "center", align: "center", bg: "gray.9", h: 240, children: /* @__PURE__ */ e(
134
- Z,
100
+ oe,
135
101
  {
136
102
  src: "/images/Frequency_logo-dark.png",
137
103
  alt: "Frequency textmark on dark",
@@ -141,10 +107,10 @@ function Mo({
141
107
  ) }),
142
108
  /* @__PURE__ */ e(x, { p: "md", bg: "gray.1", children: /* @__PURE__ */ e(v, { size: "sm", c: "gray.6", fw: 600, ff: "Montserrat, sans-serif", children: "Primary Textmark" }) })
143
109
  ] }) }) }),
144
- /* @__PURE__ */ e(de, { delay: 200, children: /* @__PURE__ */ e(be, { padding: 0, radius: "lg", className: Q.logoCard, children: /* @__PURE__ */ l(X, { gap: 0, children: [
145
- /* @__PURE__ */ l(re, { cols: 3, children: [
110
+ /* @__PURE__ */ e(ce, { delay: 200, children: /* @__PURE__ */ e(_e, { padding: 0, radius: "lg", className: Z.logoCard, children: /* @__PURE__ */ l(A, { gap: 0, children: [
111
+ /* @__PURE__ */ l(se, { cols: 3, children: [
146
112
  /* @__PURE__ */ e(I, { justify: "center", align: "center", bg: "white", style: { aspectRatio: "1/1" }, children: /* @__PURE__ */ e(
147
- Z,
113
+ oe,
148
114
  {
149
115
  src: "/images/new-frequency-logo.png",
150
116
  alt: "Brand mark on light",
@@ -154,7 +120,7 @@ function Mo({
154
120
  }
155
121
  ) }),
156
122
  /* @__PURE__ */ e(I, { justify: "center", align: "center", bg: "gray.9", style: { aspectRatio: "1/1" }, children: /* @__PURE__ */ e(
157
- Z,
123
+ oe,
158
124
  {
159
125
  src: "/images/frequency-mark-white.svg",
160
126
  alt: "Brand mark on dark",
@@ -173,7 +139,7 @@ function Mo({
173
139
  background: "linear-gradient(135deg, #169BDE 0%, #7E57C2 100%)"
174
140
  },
175
141
  children: /* @__PURE__ */ e(
176
- Z,
142
+ oe,
177
143
  {
178
144
  src: "/images/frequency-mark-white.svg",
179
145
  alt: "Brand mark on gradient",
@@ -188,8 +154,8 @@ function Mo({
188
154
  /* @__PURE__ */ e(x, { p: "md", bg: "gray.1", children: /* @__PURE__ */ e(v, { size: "sm", c: "gray.6", fw: 600, ff: "Montserrat, sans-serif", children: "Circular Brand Mark" }) })
189
155
  ] }) }) })
190
156
  ] }),
191
- /* @__PURE__ */ e(de, { delay: 300, children: /* @__PURE__ */ l(
192
- Pe,
157
+ /* @__PURE__ */ e(ce, { delay: 300, children: /* @__PURE__ */ l(
158
+ Se,
193
159
  {
194
160
  href: "/logos",
195
161
  fw: 600,
@@ -214,79 +180,112 @@ function Mo({
214
180
  ) })
215
181
  ] }) });
216
182
  }
217
- const Tt = "_root_dzed6_1", $t = "_dont_dzed6_7", Ct = "_dontIcon_dzed6_12", It = "_dontLabel_dzed6_13", zt = "_doIcon_dzed6_22", Mt = "_doLabel_dzed6_23", U = {
218
- root: Tt,
219
- dont: $t,
220
- dontIcon: Ct,
221
- dontLabel: It,
183
+ function po({
184
+ title: t,
185
+ description: n,
186
+ items: r,
187
+ buttonText: a,
188
+ href: s,
189
+ buttons: h
190
+ }) {
191
+ return /* @__PURE__ */ e(X, { p: "xl", radius: "md", withBorder: !0, shadow: "sm", h: "100%", children: /* @__PURE__ */ l(A, { gap: "md", justify: "space-between", h: "100%", children: [
192
+ /* @__PURE__ */ l(A, { gap: "md", children: [
193
+ /* @__PURE__ */ e(te, { order: 3, size: "h4", children: t }),
194
+ n && /* @__PURE__ */ e(v, { c: "dimmed", size: "sm", children: n }),
195
+ r && r.length > 0 && /* @__PURE__ */ e(A, { gap: "xs", children: r.map((_, g) => /* @__PURE__ */ l(I, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
196
+ /* @__PURE__ */ e(Pe, { color: "gray", size: 6, radius: "xl", mt: 8, style: { flexShrink: 0 }, children: /* @__PURE__ */ e("div", {}) }),
197
+ /* @__PURE__ */ e(v, { size: "sm", children: _ })
198
+ ] }, g)) })
199
+ ] }),
200
+ /* @__PURE__ */ e(I, { gap: "sm", mt: "md", children: h ? h.map((_, g) => /* @__PURE__ */ e(
201
+ J,
202
+ {
203
+ component: "a",
204
+ href: _.href,
205
+ download: !0,
206
+ size: "md",
207
+ radius: "md",
208
+ flex: 1,
209
+ style: { whiteSpace: "nowrap" },
210
+ children: _.label
211
+ },
212
+ g
213
+ )) : /* @__PURE__ */ e(J, { component: "a", href: s, download: !0, fullWidth: !0, size: "md", radius: "md", children: a }) })
214
+ ] }) });
215
+ }
216
+ const gt = "_root_dzed6_1", pt = "_dont_dzed6_7", ft = "_dontIcon_dzed6_12", _t = "_dontLabel_dzed6_13", bt = "_doIcon_dzed6_22", vt = "_doLabel_dzed6_23", Y = {
217
+ root: gt,
218
+ dont: pt,
219
+ dontIcon: ft,
220
+ dontLabel: _t,
222
221
  do: "_do_dzed6_7",
223
- doIcon: zt,
224
- doLabel: Mt
222
+ doIcon: bt,
223
+ doLabel: vt
225
224
  };
226
- function Bo({ items: t }) {
227
- return /* @__PURE__ */ e("div", { className: U.root, children: t.map((o, r) => /* @__PURE__ */ l(re, { cols: { base: 1, sm: 2 }, spacing: "md", children: [
228
- /* @__PURE__ */ l(Y, { className: U.dont, p: "md", radius: "md", children: [
225
+ function fo({ items: t }) {
226
+ return /* @__PURE__ */ e("div", { className: Y.root, children: t.map((n, r) => /* @__PURE__ */ l(se, { cols: { base: 1, sm: 2 }, spacing: "md", children: [
227
+ /* @__PURE__ */ l(X, { className: Y.dont, p: "md", radius: "md", children: [
229
228
  /* @__PURE__ */ l(I, { gap: 6, mb: 6, children: [
230
- /* @__PURE__ */ e(st, { size: 16, className: U.dontIcon }),
231
- /* @__PURE__ */ e(v, { size: "sm", fw: 600, className: U.dontLabel, children: "Don't" })
229
+ /* @__PURE__ */ e(Je, { size: 16, className: Y.dontIcon }),
230
+ /* @__PURE__ */ e(v, { size: "sm", fw: 600, className: Y.dontLabel, children: "Don't" })
232
231
  ] }),
233
- /* @__PURE__ */ e(v, { size: "sm", children: o.dont })
232
+ /* @__PURE__ */ e(v, { size: "sm", children: n.dont })
234
233
  ] }),
235
- /* @__PURE__ */ l(Y, { className: U.do, p: "md", radius: "md", children: [
234
+ /* @__PURE__ */ l(X, { className: Y.do, p: "md", radius: "md", children: [
236
235
  /* @__PURE__ */ l(I, { gap: 6, mb: 6, children: [
237
- /* @__PURE__ */ e(it, { size: 16, className: U.doIcon }),
238
- /* @__PURE__ */ e(v, { size: "sm", fw: 600, className: U.doLabel, children: "Do" })
236
+ /* @__PURE__ */ e(Qe, { size: 16, className: Y.doIcon }),
237
+ /* @__PURE__ */ e(v, { size: "sm", fw: 600, className: Y.doLabel, children: "Do" })
239
238
  ] }),
240
- /* @__PURE__ */ e(v, { size: "sm", children: o.do })
239
+ /* @__PURE__ */ e(v, { size: "sm", children: n.do })
241
240
  ] })
242
241
  ] }, r)) });
243
242
  }
244
- const Bt = "_root_xi08i_1", St = "_inner_xi08i_6", xe = {
245
- root: Bt,
246
- inner: St
243
+ const yt = "_root_xi08i_1", kt = "_inner_xi08i_6", we = {
244
+ root: yt,
245
+ inner: kt
247
246
  };
248
- function So({
247
+ function _o({
249
248
  title: t,
250
- description: o,
249
+ description: n,
251
250
  expandedContent: r,
252
251
  icon: a,
253
252
  color: s = "blue",
254
- iconSize: u = "lg",
255
- collapsedHeight: y = 120,
253
+ iconSize: h = "lg",
254
+ collapsedHeight: _ = 120,
256
255
  threshold: g = 0.5,
257
256
  delay: p = 300,
258
257
  expanded: m,
259
- onExpandedChange: h
258
+ onExpandedChange: u
260
259
  }) {
261
- const k = A(null), [i, _] = T(!1), c = m !== void 0, d = c ? m : i;
262
- return D(() => {
260
+ const k = q(null), [i, y] = T(!1), c = m !== void 0, d = c ? m : i;
261
+ return S(() => {
263
262
  if (c) return;
264
263
  const w = k.current;
265
264
  if (!w) return;
266
- const n = new IntersectionObserver(
265
+ const o = new IntersectionObserver(
267
266
  ([b]) => {
268
267
  b.isIntersecting && setTimeout(() => {
269
- _(!0), h == null || h(!0);
268
+ y(!0), u == null || u(!0);
270
269
  }, p);
271
270
  },
272
271
  { threshold: g }
273
272
  );
274
- return n.observe(w), () => n.disconnect();
275
- }, [c, g, p, h]), /* @__PURE__ */ e(
276
- Y,
273
+ return o.observe(w), () => o.disconnect();
274
+ }, [c, g, p, u]), /* @__PURE__ */ e(
275
+ X,
277
276
  {
278
277
  ref: k,
279
278
  radius: 4,
280
- className: xe.root,
281
- component: S.div,
282
- animate: { height: d ? "auto" : y },
279
+ className: we.root,
280
+ component: D.div,
281
+ animate: { height: d ? "auto" : _ },
283
282
  transition: { duration: 0.5, ease: "easeOut" },
284
- children: /* @__PURE__ */ e("div", { className: xe.inner, children: /* @__PURE__ */ l(I, { align: "flex-start", justify: "space-between", gap: "lg", wrap: "nowrap", children: [
285
- /* @__PURE__ */ l(X, { gap: "xs", style: { flex: 1 }, children: [
283
+ children: /* @__PURE__ */ e("div", { className: we.inner, children: /* @__PURE__ */ l(I, { align: "flex-start", justify: "space-between", gap: "lg", wrap: "nowrap", children: [
284
+ /* @__PURE__ */ l(A, { gap: "xs", style: { flex: 1 }, children: [
286
285
  /* @__PURE__ */ e(v, { fw: 700, size: "xl", lh: 1.3, children: t }),
287
- /* @__PURE__ */ e(v, { size: "md", c: "dimmed", children: o }),
286
+ /* @__PURE__ */ e(v, { size: "md", c: "dimmed", children: n }),
288
287
  /* @__PURE__ */ e(
289
- S.div,
288
+ D.div,
290
289
  {
291
290
  initial: { opacity: 0, height: 0 },
292
291
  animate: {
@@ -299,15 +298,15 @@ function So({
299
298
  }
300
299
  )
301
300
  ] }),
302
- /* @__PURE__ */ e(S.div, { animate: { scale: d ? 1.1 : 1 }, transition: { duration: 0.3 }, children: /* @__PURE__ */ e(Ue, { size: u, radius: 4, color: s, variant: "filled", children: /* @__PURE__ */ e(a, { size: 20, stroke: 1.5 }) }) })
301
+ /* @__PURE__ */ e(D.div, { animate: { scale: d ? 1.1 : 1 }, transition: { duration: 0.3 }, children: /* @__PURE__ */ e(Pe, { size: h, radius: 4, color: s, variant: "filled", children: /* @__PURE__ */ e(a, { size: 20, stroke: 1.5 }) }) })
303
302
  ] }) })
304
303
  }
305
304
  );
306
305
  }
307
- function Ne({ variant: t, children: o }) {
306
+ function xe({ variant: t, children: n }) {
308
307
  const r = t === "do";
309
308
  return /* @__PURE__ */ l(
310
- We,
309
+ Ee,
311
310
  {
312
311
  variant: "light",
313
312
  color: r ? "green" : "red",
@@ -323,95 +322,95 @@ function Ne({ variant: t, children: o }) {
323
322
  ":"
324
323
  ] }),
325
324
  " ",
326
- o
325
+ n
327
326
  ]
328
327
  }
329
328
  );
330
329
  }
331
- const Lt = "_root_1bah1_1", Dt = {
332
- root: Lt
330
+ const wt = "_root_1bah1_1", xt = {
331
+ root: wt
333
332
  };
334
- function Lo({
333
+ function bo({
335
334
  accentColor: t,
336
- title: o,
335
+ title: n,
337
336
  description: r,
338
337
  doHint: a,
339
338
  dontHint: s
340
339
  }) {
341
- return /* @__PURE__ */ l(Y, { className: Dt.root, p: "lg", radius: "md", style: { borderLeftColor: t }, children: [
342
- /* @__PURE__ */ e(se, { order: 3, size: "h4", mb: "xs", children: o }),
340
+ return /* @__PURE__ */ l(X, { className: xt.root, p: "lg", radius: "md", style: { borderLeftColor: t }, children: [
341
+ /* @__PURE__ */ e(te, { order: 3, size: "h4", mb: "xs", children: n }),
343
342
  /* @__PURE__ */ e(v, { c: "dimmed", children: r }),
344
343
  (a || s) && /* @__PURE__ */ l(I, { gap: "sm", mt: "md", wrap: "wrap", children: [
345
- a && /* @__PURE__ */ e(Ne, { variant: "do", children: a }),
346
- s && /* @__PURE__ */ e(Ne, { variant: "dont", children: s })
344
+ a && /* @__PURE__ */ e(xe, { variant: "do", children: a }),
345
+ s && /* @__PURE__ */ e(xe, { variant: "dont", children: s })
347
346
  ] })
348
347
  ] });
349
348
  }
350
- const Pt = "_root_ioshc_1", Wt = "_quoteIcon_ioshc_6", Te = {
351
- root: Pt,
352
- quoteIcon: Wt
349
+ const Nt = "_root_ioshc_1", Tt = "_quoteIcon_ioshc_6", Ne = {
350
+ root: Nt,
351
+ quoteIcon: Tt
353
352
  };
354
- function Ft(t) {
355
- return t.split(" ").map((o) => o[0]).join("").toUpperCase().slice(0, 2);
353
+ function $t(t) {
354
+ return t.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
356
355
  }
357
- function Do({
356
+ function vo({
358
357
  quote: t,
359
- name: o,
358
+ name: n,
360
359
  role: r,
361
360
  company: a,
362
361
  avatarSrc: s,
363
- accentColor: u = "blue"
362
+ accentColor: h = "blue"
364
363
  }) {
365
- const y = `var(--mantine-color-${u}-filled)`;
366
- return /* @__PURE__ */ l(Y, { className: Te.root, p: "lg", radius: "md", style: { borderLeftColor: y }, children: [
367
- /* @__PURE__ */ e(lt, { size: 32, className: Te.quoteIcon, color: y }),
364
+ const _ = `var(--mantine-color-${h}-filled)`;
365
+ return /* @__PURE__ */ l(X, { className: Ne.root, p: "lg", radius: "md", style: { borderLeftColor: _ }, children: [
366
+ /* @__PURE__ */ e(Ze, { size: 32, className: Ne.quoteIcon, color: _ }),
368
367
  /* @__PURE__ */ e(v, { fs: "italic", mt: "xs", mb: "md", children: t }),
369
368
  /* @__PURE__ */ l(I, { gap: "sm", children: [
370
- /* @__PURE__ */ e(Ke, { src: s, alt: o, color: u, radius: "xl", size: "md", children: Ft(o) }),
371
- /* @__PURE__ */ l(X, { gap: 0, children: [
372
- /* @__PURE__ */ e(v, { fw: 600, size: "sm", children: o }),
369
+ /* @__PURE__ */ e(Re, { src: s, alt: n, color: h, radius: "xl", size: "md", children: $t(n) }),
370
+ /* @__PURE__ */ l(A, { gap: 0, children: [
371
+ /* @__PURE__ */ e(v, { fw: 600, size: "sm", children: n }),
373
372
  (r || a) && /* @__PURE__ */ e(v, { size: "xs", c: "dimmed", children: [r, a].filter(Boolean).join(", ") })
374
373
  ] })
375
374
  ] })
376
375
  ] });
377
376
  }
378
- const Et = "_root_1r7u3_1", At = "_chartWrapper_1r7u3_5", jt = "_circle_1r7u3_9", qt = "_centerText_1r7u3_13", Gt = "_toggle_1r7u3_20", Rt = "_toggleTrack_1r7u3_26", Ot = "_toggleTrackDark_1r7u3_35", Vt = "_toggleThumb_1r7u3_39", Ht = "_toggleThumbDark_1r7u3_51", Ut = "_swatch_1r7u3_55", E = {
379
- root: Et,
380
- chartWrapper: At,
381
- circle: jt,
382
- centerText: qt,
383
- toggle: Gt,
384
- toggleTrack: Rt,
385
- toggleTrackDark: Ot,
386
- toggleThumb: Vt,
387
- toggleThumbDark: Ht,
388
- swatch: Ut
377
+ const Ct = "_root_1r7u3_1", It = "_chartWrapper_1r7u3_5", zt = "_circle_1r7u3_9", Mt = "_centerText_1r7u3_13", Bt = "_toggle_1r7u3_20", Dt = "_toggleTrack_1r7u3_26", Lt = "_toggleTrackDark_1r7u3_35", St = "_toggleThumb_1r7u3_39", Pt = "_toggleThumbDark_1r7u3_51", Et = "_swatch_1r7u3_55", W = {
378
+ root: Ct,
379
+ chartWrapper: It,
380
+ circle: zt,
381
+ centerText: Mt,
382
+ toggle: Bt,
383
+ toggleTrack: Dt,
384
+ toggleTrackDark: Lt,
385
+ toggleThumb: St,
386
+ toggleThumbDark: Pt,
387
+ swatch: Et
389
388
  };
390
- function Po() {
391
- const [t, o] = T(!1), [r, a] = T(0), s = [
389
+ function yo() {
390
+ const [t, n] = T(!1), [r, a] = T(0), s = [
392
391
  { color: "#5AB267", label: "Success" },
393
392
  { color: "#E63459", label: "Error" },
394
393
  { color: "#E79E26", label: "Warning" }
395
394
  ];
396
- D(() => {
395
+ S(() => {
397
396
  const c = setInterval(() => a((d) => (d + 1) % 3), 2e3);
398
397
  return () => clearInterval(c);
399
398
  }, []);
400
- const u = s[r], y = [
399
+ const h = s[r], _ = [
401
400
  t ? { label: "Dark Backgrounds", pct: 50, color: "#1A1A1A", border: "1px solid #424242" } : { label: "White Backgrounds", pct: 50, color: "#ffffff", border: "1px solid #e3e3e3" },
402
401
  { label: "Primary Blue", pct: 20, color: "#169BDE" },
403
402
  t ? { label: "Light Text & UI", pct: 15, color: "#f0f0f0", border: "1px solid #bdbdbd" } : { label: "Dark Text & UI", pct: 15, color: "#212121" },
404
403
  { label: "Secondary Violet", pct: 10, color: "#7E57C2" },
405
- { label: `Semantic (${u.label})`, pct: 5, color: u.color }
406
- ], g = 80, p = 120, m = 120, h = 36, k = 2 * Math.PI * g;
404
+ { label: `Semantic (${h.label})`, pct: 5, color: h.color }
405
+ ], g = 80, p = 120, m = 120, u = 36, k = 2 * Math.PI * g;
407
406
  let i = 0;
408
- const _ = y.map((c) => {
407
+ const y = _.map((c) => {
409
408
  const d = c.pct / 100 * k, w = { ...c, dasharray: `${d} ${k - d}`, dashoffset: -i };
410
409
  return i += d, w;
411
410
  });
412
- return /* @__PURE__ */ l(I, { gap: 40, align: "center", my: "xl", className: E.root, children: [
413
- /* @__PURE__ */ e(x, { className: E.chartWrapper, children: /* @__PURE__ */ l("svg", { width: 240, height: 240, viewBox: "0 0 240 240", children: [
414
- _.map((c, d) => /* @__PURE__ */ e(
411
+ return /* @__PURE__ */ l(I, { gap: 40, align: "center", my: "xl", className: W.root, children: [
412
+ /* @__PURE__ */ e(x, { className: W.chartWrapper, children: /* @__PURE__ */ l("svg", { width: 240, height: 240, viewBox: "0 0 240 240", children: [
413
+ y.map((c, d) => /* @__PURE__ */ e(
415
414
  "circle",
416
415
  {
417
416
  cx: p,
@@ -419,37 +418,37 @@ function Po() {
419
418
  r: g,
420
419
  fill: "none",
421
420
  stroke: c.color,
422
- strokeWidth: h,
421
+ strokeWidth: u,
423
422
  strokeDasharray: c.dasharray,
424
423
  strokeDashoffset: c.dashoffset,
425
424
  transform: `rotate(-90 ${p} ${m})`,
426
- className: E.circle
425
+ className: W.circle
427
426
  },
428
427
  d
429
428
  )),
430
- /* @__PURE__ */ l("text", { x: p, y: m + 6, textAnchor: "middle", className: E.centerText, children: [
429
+ /* @__PURE__ */ l("text", { x: p, y: m + 6, textAnchor: "middle", className: W.centerText, children: [
431
430
  t ? "Dark" : "Light",
432
431
  " Mode"
433
432
  ] })
434
433
  ] }) }),
435
- /* @__PURE__ */ l(X, { gap: "lg", children: [
434
+ /* @__PURE__ */ l(A, { gap: "lg", children: [
436
435
  /* @__PURE__ */ e(
437
- ae,
436
+ J,
438
437
  {
439
- onClick: () => o(!t),
438
+ onClick: () => n(!t),
440
439
  variant: "default",
441
440
  radius: "xl",
442
441
  size: "sm",
443
- className: E.toggle,
444
- leftSection: /* @__PURE__ */ e(x, { className: `${E.toggleTrack} ${t ? E.toggleTrackDark : ""}`, children: /* @__PURE__ */ e(x, { className: `${E.toggleThumb} ${t ? E.toggleThumbDark : ""}` }) }),
442
+ className: W.toggle,
443
+ leftSection: /* @__PURE__ */ e(x, { className: `${W.toggleTrack} ${t ? W.toggleTrackDark : ""}`, children: /* @__PURE__ */ e(x, { className: `${W.toggleThumb} ${t ? W.toggleThumbDark : ""}` }) }),
445
444
  children: t ? "Dark Mode" : "Light Mode"
446
445
  }
447
446
  ),
448
- /* @__PURE__ */ e(X, { gap: 8, children: y.map((c, d) => /* @__PURE__ */ l(I, { gap: 8, wrap: "nowrap", children: [
447
+ /* @__PURE__ */ e(A, { gap: 8, children: _.map((c, d) => /* @__PURE__ */ l(I, { gap: 8, wrap: "nowrap", children: [
449
448
  /* @__PURE__ */ e(
450
449
  x,
451
450
  {
452
- className: E.swatch,
451
+ className: W.swatch,
453
452
  style: { backgroundColor: c.color, border: c.border || "none" }
454
453
  }
455
454
  ),
@@ -462,25 +461,25 @@ function Po() {
462
461
  ] })
463
462
  ] });
464
463
  }
465
- const Kt = "_root_1bq7s_1", Xt = "_svg_1bq7s_12", $e = {
466
- root: Kt,
467
- svg: Xt
468
- }, Yt = 140, Ce = 3, Ie = 10, Ve = 150, K = Ve / 2;
469
- function ze({
470
- barCount: t = Yt,
471
- duration: o = 3,
464
+ const Ft = "_root_1bq7s_1", Wt = "_svg_1bq7s_12", Te = {
465
+ root: Ft,
466
+ svg: Wt
467
+ }, qt = 140, $e = 3, Ce = 10, je = 150, K = je / 2;
468
+ function Ie({
469
+ barCount: t = qt,
470
+ duration: n = 3,
472
471
  repeatDelay: r = 3
473
472
  }) {
474
473
  const [a, s] = T(!1);
475
- if (D(() => {
474
+ if (S(() => {
476
475
  s(!0);
477
476
  }, []), !a) return null;
478
- const u = t * Ie;
479
- return /* @__PURE__ */ e("div", { className: $e.root, children: /* @__PURE__ */ l(
477
+ const h = t * Ce;
478
+ return /* @__PURE__ */ e("div", { className: Te.root, children: /* @__PURE__ */ l(
480
479
  "svg",
481
480
  {
482
- className: $e.svg,
483
- viewBox: `0 0 ${u} ${Ve}`,
481
+ className: Te.svg,
482
+ viewBox: `0 0 ${h} ${je}`,
484
483
  preserveAspectRatio: "none",
485
484
  children: [
486
485
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: "waveformBarGradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
@@ -490,14 +489,14 @@ function ze({
490
489
  /* @__PURE__ */ e("stop", { offset: "85%", stopColor: "white", stopOpacity: "0.15" }),
491
490
  /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "white", stopOpacity: "0" })
492
491
  ] }) }),
493
- [...Array(t)].map((y, g) => {
494
- const p = g * Ie, m = 18 + Math.sin(g * 0.4) * 6 + Math.cos(g * 0.7) * 4, h = Math.min(g, t - 1 - g) * 0.04;
492
+ [...Array(t)].map((_, g) => {
493
+ const p = g * Ce, m = 18 + Math.sin(g * 0.4) * 6 + Math.cos(g * 0.7) * 4, u = Math.min(g, t - 1 - g) * 0.04;
495
494
  return /* @__PURE__ */ l("g", { children: [
496
495
  /* @__PURE__ */ e(
497
- S.rect,
496
+ D.rect,
498
497
  {
499
498
  x: p,
500
- width: Ce,
499
+ width: $e,
501
500
  rx: "1.5",
502
501
  fill: "url(#waveformBarGradient)",
503
502
  initial: { height: m / 2, y: K - m / 4 },
@@ -518,20 +517,20 @@ function ze({
518
517
  ]
519
518
  },
520
519
  transition: {
521
- duration: o,
520
+ duration: n,
522
521
  repeat: 1 / 0,
523
522
  ease: "easeInOut",
524
- delay: h,
523
+ delay: u,
525
524
  repeatDelay: r
526
525
  }
527
526
  }
528
527
  ),
529
528
  /* @__PURE__ */ e(
530
- S.rect,
529
+ D.rect,
531
530
  {
532
531
  x: p,
533
532
  y: K,
534
- width: Ce,
533
+ width: $e,
535
534
  rx: "1.5",
536
535
  fill: "url(#waveformBarGradient)",
537
536
  initial: { height: m / 2 },
@@ -545,10 +544,10 @@ function ze({
545
544
  ]
546
545
  },
547
546
  transition: {
548
- duration: o,
547
+ duration: n,
549
548
  repeat: 1 / 0,
550
549
  ease: "easeInOut",
551
- delay: h,
550
+ delay: u,
552
551
  repeatDelay: r
553
552
  }
554
553
  }
@@ -559,173 +558,173 @@ function ze({
559
558
  }
560
559
  ) });
561
560
  }
562
- const Jt = "_root_1pkxe_1", Qt = "_progressOverlay_1pkxe_9", Zt = "_bars_1pkxe_19", en = "_bar_1pkxe_19", tn = "_loading_1pkxe_34", ne = {
563
- root: Jt,
564
- progressOverlay: Qt,
565
- bars: Zt,
566
- bar: en,
567
- loading: tn
561
+ const At = "_root_1pkxe_1", jt = "_progressOverlay_1pkxe_9", Gt = "_bars_1pkxe_19", Rt = "_bar_1pkxe_19", Ot = "_loading_1pkxe_34", re = {
562
+ root: At,
563
+ progressOverlay: jt,
564
+ bars: Gt,
565
+ bar: Rt,
566
+ loading: Ot
568
567
  };
569
- function nn(t = 100) {
570
- const o = [];
568
+ function Vt(t = 100) {
569
+ const n = [];
571
570
  for (let r = 0; r < t; r++) {
572
- const a = r / (t - 1), s = 20 + Math.sin(r * 0.1) * 15, u = (Math.random() - 0.5) * 20, y = Math.sin(a * Math.PI) * 30, g = a > 0.2 && a < 0.8 ? Math.random() * 10 : 0, p = a < 0.05 || a > 0.95 ? Math.min(a / 0.05, (1 - a) / 0.05) : 1;
573
- o.push(Math.max(5, Math.min(90, (s + u + y + g) * p)));
571
+ const a = r / (t - 1), s = 20 + Math.sin(r * 0.1) * 15, h = (Math.random() - 0.5) * 20, _ = Math.sin(a * Math.PI) * 30, g = a > 0.2 && a < 0.8 ? Math.random() * 10 : 0, p = a < 0.05 || a > 0.95 ? Math.min(a / 0.05, (1 - a) / 0.05) : 1;
572
+ n.push(Math.max(5, Math.min(90, (s + h + _ + g) * p)));
574
573
  }
575
- return o;
574
+ return n;
576
575
  }
577
- const _e = Ge(
576
+ const fe = We(
578
577
  ({
579
578
  audioRef: t,
580
- currentTime: o = 0,
579
+ currentTime: n = 0,
581
580
  onSeek: r,
582
581
  loading: a = !1,
583
582
  waveColor: s = "#CCCCCC",
584
- progressColor: u = "#169bde",
585
- height: y = 60,
583
+ progressColor: h = "#169bde",
584
+ height: _ = 60,
586
585
  barWidth: g = 2,
587
586
  barGap: p = 1
588
587
  }, m) => {
589
- const h = A(null), [k] = T(() => nn()), [i, _] = T(0), [c, d] = T(0);
590
- at(m, () => ({
591
- seekTo: (n) => {
592
- i > 0 && d(Math.max(0, Math.min(100, n / i * 100)));
588
+ const u = q(null), [k] = T(() => Vt()), [i, y] = T(0), [c, d] = T(0);
589
+ Ke(m, () => ({
590
+ seekTo: (o) => {
591
+ i > 0 && d(Math.max(0, Math.min(100, o / i * 100)));
593
592
  },
594
593
  getCurrentTime: () => c / 100 * i,
595
594
  getDuration: () => i
596
- })), D(() => {
597
- const n = t.current;
598
- if (!n) return;
595
+ })), S(() => {
596
+ const o = t.current;
597
+ if (!o) return;
599
598
  const b = () => {
600
- n.duration && !isNaN(n.duration) && _(n.duration);
599
+ o.duration && !isNaN(o.duration) && y(o.duration);
601
600
  }, N = () => {
602
- n.duration > 0 && d(n.currentTime / n.duration * 100);
601
+ o.duration > 0 && d(o.currentTime / o.duration * 100);
603
602
  };
604
- return n.duration && !isNaN(n.duration) && _(n.duration), n.addEventListener("loadedmetadata", b), n.addEventListener("timeupdate", N), () => {
605
- n.removeEventListener("loadedmetadata", b), n.removeEventListener("timeupdate", N);
603
+ return o.duration && !isNaN(o.duration) && y(o.duration), o.addEventListener("loadedmetadata", b), o.addEventListener("timeupdate", N), () => {
604
+ o.removeEventListener("loadedmetadata", b), o.removeEventListener("timeupdate", N);
606
605
  };
607
- }, [t]), D(() => {
608
- i > 0 && typeof o == "number" && d(o / i * 100);
609
- }, [o, i]);
606
+ }, [t]), S(() => {
607
+ i > 0 && typeof n == "number" && d(n / i * 100);
608
+ }, [n, i]);
610
609
  const w = L(
611
- (n) => {
612
- if (!h.current || !r || i === 0) return;
613
- const b = h.current.getBoundingClientRect(), N = (n.clientX - b.left) / b.width * i;
610
+ (o) => {
611
+ if (!u.current || !r || i === 0) return;
612
+ const b = u.current.getBoundingClientRect(), N = (o.clientX - b.left) / b.width * i;
614
613
  r(N);
615
614
  },
616
615
  [r, i]
617
616
  );
618
- return /* @__PURE__ */ l(x, { ref: h, className: ne.root, style: { height: y }, onClick: w, children: [
617
+ return /* @__PURE__ */ l(x, { ref: u, className: re.root, style: { height: _ }, onClick: w, children: [
619
618
  /* @__PURE__ */ e(
620
619
  "div",
621
620
  {
622
- className: ne.progressOverlay,
623
- style: { width: `${c}%`, backgroundColor: `${u}15` }
621
+ className: re.progressOverlay,
622
+ style: { width: `${c}%`, backgroundColor: `${h}15` }
624
623
  }
625
624
  ),
626
- /* @__PURE__ */ e("div", { className: ne.bars, style: { gap: p }, children: k.map((n, b) => {
625
+ /* @__PURE__ */ e("div", { className: re.bars, style: { gap: p }, children: k.map((o, b) => {
627
626
  const N = b / k.length * 100 <= c;
628
627
  return /* @__PURE__ */ e(
629
628
  "div",
630
629
  {
631
- className: ne.bar,
630
+ className: re.bar,
632
631
  style: {
633
632
  width: g,
634
- height: `${n}%`,
635
- backgroundColor: N ? u : s
633
+ height: `${o}%`,
634
+ backgroundColor: N ? h : s
636
635
  }
637
636
  },
638
637
  b
639
638
  );
640
639
  }) }),
641
- a && /* @__PURE__ */ e("div", { className: ne.loading, children: "Loading waveform..." })
640
+ a && /* @__PURE__ */ e("div", { className: re.loading, children: "Loading waveform..." })
642
641
  ] });
643
642
  }
644
643
  );
645
- _e.displayName = "AudioWaveform";
646
- function Wo({ isActive: t = !1, height: o = 60 }) {
647
- const r = A(null), a = A(void 0), [s, u] = T(!1), y = A(null), g = A(null), { colorScheme: p } = De(), m = p === "dark", h = {
644
+ fe.displayName = "AudioWaveform";
645
+ function ko({ isActive: t = !1, height: n = 60 }) {
646
+ const r = q(null), a = q(void 0), [s, h] = T(!1), _ = q(null), g = q(null), { colorScheme: p } = Le(), m = p === "dark", u = {
648
647
  start: m ? "#7950F2" : "#9775FA",
649
648
  mid: m ? "#BE4BDB" : "#DA77F2",
650
649
  end: m ? "#15AABF" : "#22B8CF"
651
650
  }, k = L(
652
- (i, _, c, d) => {
653
- i.clearRect(0, 0, _, c);
654
- const w = t || s, n = c * 0.65, b = t ? 5 : s ? 7 : 1.5;
651
+ (i, y, c, d) => {
652
+ i.clearRect(0, 0, y, c);
653
+ const w = t || s, o = c * 0.65, b = t ? 5 : s ? 7 : 1.5;
655
654
  w && (g.current === null && (g.current = Math.random()), Math.floor(d / 500) !== Math.floor((d - 16) / 500) && (g.current = Math.random()));
656
- const N = i.createLinearGradient(0, 0, _, 0);
657
- N.addColorStop(0, h.start), N.addColorStop(0.5, h.mid), N.addColorStop(1, h.end), i.strokeStyle = N, i.lineWidth = w ? 2.5 : 1.5, i.lineCap = "round", i.lineJoin = "round", w ? (i.shadowColor = h.mid, i.shadowBlur = s ? 12 : 8) : i.shadowBlur = 0, i.beginPath();
658
- const P = 300, R = _ / P, O = t ? 0.02 : s ? 0.025 : 3e-3;
655
+ const N = i.createLinearGradient(0, 0, y, 0);
656
+ N.addColorStop(0, u.start), N.addColorStop(0.5, u.mid), N.addColorStop(1, u.end), i.strokeStyle = N, i.lineWidth = w ? 2.5 : 1.5, i.lineCap = "round", i.lineJoin = "round", w ? (i.shadowColor = u.mid, i.shadowBlur = s ? 12 : 8) : i.shadowBlur = 0, i.beginPath();
657
+ const P = 300, O = y / P, V = t ? 0.02 : s ? 0.025 : 3e-3;
659
658
  for (let j = 0; j <= P; j++) {
660
- const M = j * R, C = M / _;
661
- let F = n;
659
+ const M = j * O, C = M / y;
660
+ let F = o;
662
661
  if (w) {
663
- const q = Math.sin(C * Math.PI * 6 + d * O) * b, V = Math.sin(C * Math.PI * 12 + d * O * 1.3) * (b * 0.4), H = Math.sin(C * Math.PI * 18 + d * O * 0.8) * (b * 0.2), te = g.current ?? 0.5, f = Math.abs(C - te), $ = f < 0.15 ? (1 - f / 0.15) * b * 1 : 0, B = Math.sin(C * Math.PI * 20 + d * O * 2) * $;
664
- let J = 0;
665
- s && (J = Math.sin(C * Math.PI * 30 + d * 0.03) * b * 0.4, J += Math.sin(C * Math.PI * 8 + d * 0.015) * b * 0.5);
666
- const ie = q + V + H + B + J, le = Math.sin(C * Math.PI);
667
- F = n + ie * le;
662
+ const G = Math.sin(C * Math.PI * 6 + d * V) * b, H = Math.sin(C * Math.PI * 12 + d * V * 1.3) * (b * 0.4), U = Math.sin(C * Math.PI * 18 + d * V * 0.8) * (b * 0.2), ne = g.current ?? 0.5, f = Math.abs(C - ne), $ = f < 0.15 ? (1 - f / 0.15) * b * 1 : 0, B = Math.sin(C * Math.PI * 20 + d * V * 2) * $;
663
+ let Q = 0;
664
+ s && (Q = Math.sin(C * Math.PI * 30 + d * 0.03) * b * 0.4, Q += Math.sin(C * Math.PI * 8 + d * 0.015) * b * 0.5);
665
+ const ie = G + H + U + B + Q, le = Math.sin(C * Math.PI);
666
+ F = o + ie * le;
668
667
  } else
669
- F += Math.sin(C * Math.PI * 2 + d * O) * b;
668
+ F += Math.sin(C * Math.PI * 2 + d * V) * b;
670
669
  j === 0 ? i.moveTo(M, F) : i.lineTo(M, F);
671
670
  }
672
671
  if (i.stroke(), t) {
673
- const C = _ / 80, F = 16;
672
+ const C = y / 80, F = 16;
674
673
  i.shadowBlur = 3;
675
- for (let q = 0; q < 80; q++) {
676
- const V = q * C + C / 2, H = V / _, te = Math.sin(H * Math.PI * 8 + d * 0.025) * 0.5 + Math.sin(H * Math.PI * 14 + d * 0.018) * 0.3 + Math.sin(H * Math.PI * 4 + d * 0.03) * 0.2, f = Math.sin(H * Math.PI), $ = Math.abs(te) * F * f, B = i.createLinearGradient(
677
- V,
678
- n - $ / 2,
679
- V,
680
- n + $ / 2
674
+ for (let G = 0; G < 80; G++) {
675
+ const H = G * C + C / 2, U = H / y, ne = Math.sin(U * Math.PI * 8 + d * 0.025) * 0.5 + Math.sin(U * Math.PI * 14 + d * 0.018) * 0.3 + Math.sin(U * Math.PI * 4 + d * 0.03) * 0.2, f = Math.sin(U * Math.PI), $ = Math.abs(ne) * F * f, B = i.createLinearGradient(
676
+ H,
677
+ o - $ / 2,
678
+ H,
679
+ o + $ / 2
681
680
  );
682
- B.addColorStop(0, h.start + "90"), B.addColorStop(0.5, h.mid + "70"), B.addColorStop(1, h.end + "50"), i.fillStyle = B, i.fillRect(V - 2 / 2, n - $ / 2, 2, $);
681
+ B.addColorStop(0, u.start + "90"), B.addColorStop(0.5, u.mid + "70"), B.addColorStop(1, u.end + "50"), i.fillStyle = B, i.fillRect(H - 2 / 2, o - $ / 2, 2, $);
683
682
  }
684
683
  }
685
684
  if (s)
686
685
  for (let M = 0; M < 15; M++) {
687
- const C = (Math.sin(d * 1e-3 + M * 1.5) * 0.5 + 0.5) * _, F = n + Math.sin(d * 2e-3 + M) * 8, q = 1.5 + Math.sin(d * 3e-3 + M * 2) * 0.5;
688
- i.beginPath(), i.arc(C, F, q, 0, Math.PI * 2), i.fillStyle = M % 2 === 0 ? h.start + "80" : h.end + "80", i.fill();
686
+ const C = (Math.sin(d * 1e-3 + M * 1.5) * 0.5 + 0.5) * y, F = o + Math.sin(d * 2e-3 + M) * 8, G = 1.5 + Math.sin(d * 3e-3 + M * 2) * 0.5;
687
+ i.beginPath(), i.arc(C, F, G, 0, Math.PI * 2), i.fillStyle = M % 2 === 0 ? u.start + "80" : u.end + "80", i.fill();
689
688
  }
690
689
  },
691
- [t, s, h.start, h.mid, h.end]
690
+ [t, s, u.start, u.mid, u.end]
692
691
  );
693
- return D(() => {
692
+ return S(() => {
694
693
  const i = r.current;
695
694
  if (!i) return;
696
- const _ = i.getContext("2d");
697
- if (!_) return;
695
+ const y = i.getContext("2d");
696
+ if (!y) return;
698
697
  const c = () => {
699
- const n = window.devicePixelRatio || 1, b = i.getBoundingClientRect();
700
- i.width = b.width * n, i.height = b.height * n, _.scale(n, n);
698
+ const o = window.devicePixelRatio || 1, b = i.getBoundingClientRect();
699
+ i.width = b.width * o, i.height = b.height * o, y.scale(o, o);
701
700
  };
702
701
  c(), window.addEventListener("resize", c);
703
- const d = performance.now(), w = (n) => {
704
- const b = n - d, N = i.getBoundingClientRect();
705
- k(_, N.width, N.height, b), a.current = requestAnimationFrame(w);
702
+ const d = performance.now(), w = (o) => {
703
+ const b = o - d, N = i.getBoundingClientRect();
704
+ k(y, N.width, N.height, b), a.current = requestAnimationFrame(w);
706
705
  };
707
706
  return a.current = requestAnimationFrame(w), () => {
708
707
  window.removeEventListener("resize", c), a.current && cancelAnimationFrame(a.current);
709
708
  };
710
- }, [k]), D(() => {
709
+ }, [k]), S(() => {
711
710
  if (t) {
712
- queueMicrotask(() => u(!1)), y.current = Date.now();
711
+ queueMicrotask(() => h(!1)), _.current = Date.now();
713
712
  return;
714
713
  }
715
- const _ = setInterval(() => {
714
+ const y = setInterval(() => {
716
715
  const c = Date.now();
717
- y.current === null && (y.current = c);
718
- const d = c - y.current, w = 12e4 + Math.random() * 6e4;
719
- d >= w && !s && (u(!0), y.current = c, setTimeout(() => u(!1), 4e3));
716
+ _.current === null && (_.current = c);
717
+ const d = c - _.current, w = 12e4 + Math.random() * 6e4;
718
+ d >= w && !s && (h(!0), _.current = c, setTimeout(() => h(!1), 4e3));
720
719
  }, 5e3);
721
- return () => clearInterval(_);
720
+ return () => clearInterval(y);
722
721
  }, [t, s]), /* @__PURE__ */ e(
723
722
  x,
724
723
  {
725
724
  style: {
726
725
  position: "relative",
727
726
  width: "100%",
728
- height: o,
727
+ height: n,
729
728
  overflow: "hidden",
730
729
  pointerEvents: "none",
731
730
  opacity: m ? 1 : 0.8
@@ -744,42 +743,42 @@ function Wo({ isActive: t = !1, height: o = 60 }) {
744
743
  }
745
744
  );
746
745
  }
747
- const on = "_root_1vlvy_1", rn = "_video_1vlvy_9", Me = {
748
- root: on,
749
- video: rn
746
+ const Ht = "_root_1vlvy_1", Ut = "_video_1vlvy_9", ze = {
747
+ root: Ht,
748
+ video: Ut
750
749
  };
751
- function an({ src: t, opacity: o = 0.3 }) {
752
- return /* @__PURE__ */ e("div", { className: Me.root, style: { opacity: o }, children: /* @__PURE__ */ e("video", { autoPlay: !0, muted: !0, loop: !0, playsInline: !0, className: Me.video, children: /* @__PURE__ */ e("source", { src: t, type: "video/mp4" }) }) });
750
+ function Xt({ src: t, opacity: n = 0.3 }) {
751
+ return /* @__PURE__ */ e("div", { className: ze.root, style: { opacity: n }, children: /* @__PURE__ */ e("video", { autoPlay: !0, muted: !0, loop: !0, playsInline: !0, className: ze.video, children: /* @__PURE__ */ e("source", { src: t, type: "video/mp4" }) }) });
753
752
  }
754
- const sn = "_root_ix1b2_1", ln = "_toast_ix1b2_5", Be = {
755
- root: sn,
756
- toast: ln
753
+ const Yt = "_root_ix1b2_1", Kt = "_toast_ix1b2_5", Me = {
754
+ root: Yt,
755
+ toast: Kt
757
756
  };
758
- function ue({ value: t, children: o }) {
757
+ function he({ value: t, children: n }) {
759
758
  const [r, a] = T(null), s = L(() => {
760
759
  navigator.clipboard.writeText(t).then(() => {
761
760
  a(`Copied ${t}`), setTimeout(() => a(null), 1800);
762
761
  });
763
762
  }, [t]);
764
763
  return /* @__PURE__ */ l(Fe, { children: [
765
- /* @__PURE__ */ e("span", { onClick: s, className: Be.root, title: `Click to copy ${t}`, children: o }),
766
- r && /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(Ye, { withCloseButton: !1, className: Be.toast, color: "blue", children: r }) })
764
+ /* @__PURE__ */ e("span", { onClick: s, className: Me.root, title: `Click to copy ${t}`, children: n }),
765
+ r && /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(Ve, { withCloseButton: !1, className: Me.toast, color: "blue", children: r }) })
767
766
  ] });
768
767
  }
769
- const cn = "_root_3ht5s_1", dn = "_shade_3ht5s_5", mn = "_color_3ht5s_10", hn = "_main_3ht5s_20", me = {
770
- root: cn,
771
- shade: dn,
772
- color: mn,
773
- main: hn
768
+ const Jt = "_root_3ht5s_1", Qt = "_shade_3ht5s_5", Zt = "_color_3ht5s_10", en = "_main_3ht5s_20", de = {
769
+ root: Jt,
770
+ shade: Qt,
771
+ color: Zt,
772
+ main: en
774
773
  };
775
- function Fo({ name: t, shades: o, mainIndex: r = 5 }) {
776
- return /* @__PURE__ */ l("div", { className: me.root, children: [
777
- /* @__PURE__ */ e(se, { order: 4, size: "lg", tt: "capitalize", mb: "xs", children: t }),
778
- /* @__PURE__ */ e(re, { cols: 10, spacing: 4, children: o.map((a, s) => /* @__PURE__ */ e(ue, { value: a, children: /* @__PURE__ */ l("div", { className: me.shade, children: [
774
+ function wo({ name: t, shades: n, mainIndex: r = 5 }) {
775
+ return /* @__PURE__ */ l("div", { className: de.root, children: [
776
+ /* @__PURE__ */ e(te, { order: 4, size: "lg", tt: "capitalize", mb: "xs", children: t }),
777
+ /* @__PURE__ */ e(se, { cols: 10, spacing: 4, children: n.map((a, s) => /* @__PURE__ */ e(he, { value: a, children: /* @__PURE__ */ l("div", { className: de.shade, children: [
779
778
  /* @__PURE__ */ e(
780
779
  "div",
781
780
  {
782
- className: `${me.color} ${s === r ? me.main : ""}`,
781
+ className: `${de.color} ${s === r ? de.main : ""}`,
783
782
  style: { backgroundColor: a }
784
783
  }
785
784
  ),
@@ -788,55 +787,55 @@ function Fo({ name: t, shades: o, mainIndex: r = 5 }) {
788
787
  ] }) }, s)) })
789
788
  ] });
790
789
  }
791
- const un = "_root_1vxkx_1", gn = "_preview_1vxkx_11", pn = "_info_1vxkx_15", ge = {
792
- root: un,
793
- preview: gn,
794
- info: pn
790
+ const tn = "_root_1vxkx_1", nn = "_preview_1vxkx_11", on = "_info_1vxkx_15", ue = {
791
+ root: tn,
792
+ preview: nn,
793
+ info: on
795
794
  };
796
- function Eo({ name: t, hex: o, label: r }) {
797
- return /* @__PURE__ */ e(ue, { value: o, children: /* @__PURE__ */ l(Y, { className: ge.root, shadow: "lg", radius: "md", withBorder: !1, children: [
798
- /* @__PURE__ */ e("div", { className: ge.preview, style: { backgroundColor: o } }),
799
- /* @__PURE__ */ l("div", { className: ge.info, children: [
795
+ function xo({ name: t, hex: n, label: r }) {
796
+ return /* @__PURE__ */ e(he, { value: n, children: /* @__PURE__ */ l(X, { className: ue.root, shadow: "lg", radius: "md", withBorder: !1, children: [
797
+ /* @__PURE__ */ e("div", { className: ue.preview, style: { backgroundColor: n } }),
798
+ /* @__PURE__ */ l("div", { className: ue.info, children: [
800
799
  /* @__PURE__ */ e(v, { fw: 600, size: "sm", children: t }),
801
- /* @__PURE__ */ e(v, { size: "xs", c: "dimmed", ff: "monospace", children: o }),
800
+ /* @__PURE__ */ e(v, { size: "xs", c: "dimmed", ff: "monospace", children: n }),
802
801
  r && /* @__PURE__ */ e(v, { size: "xs", c: "dimmed", children: r })
803
802
  ] })
804
803
  ] }) });
805
804
  }
806
- const fn = "_root_9li00_1", _n = "_preview_9li00_11", bn = "_info_9li00_15", pe = {
807
- root: fn,
808
- preview: _n,
809
- info: bn
805
+ const rn = "_root_9li00_1", an = "_preview_9li00_11", sn = "_info_9li00_15", ge = {
806
+ root: rn,
807
+ preview: an,
808
+ info: sn
810
809
  };
811
- function Ao({ name: t, colors: o, description: r }) {
812
- const a = `linear-gradient(135deg, ${o[0]} 0%, ${o[1]} 100%)`;
813
- return /* @__PURE__ */ e(ue, { value: a, children: /* @__PURE__ */ l(Y, { className: pe.root, shadow: "lg", radius: "md", children: [
814
- /* @__PURE__ */ e("div", { className: pe.preview, style: { background: a } }),
815
- /* @__PURE__ */ l("div", { className: pe.info, children: [
810
+ function No({ name: t, colors: n, description: r }) {
811
+ const a = `linear-gradient(135deg, ${n[0]} 0%, ${n[1]} 100%)`;
812
+ return /* @__PURE__ */ e(he, { value: a, children: /* @__PURE__ */ l(X, { className: ge.root, shadow: "lg", radius: "md", children: [
813
+ /* @__PURE__ */ e("div", { className: ge.preview, style: { background: a } }),
814
+ /* @__PURE__ */ l("div", { className: ge.info, children: [
816
815
  /* @__PURE__ */ e(v, { fw: 600, size: "sm", children: t }),
817
816
  r && /* @__PURE__ */ e(v, { size: "xs", c: "dimmed", children: r }),
818
817
  /* @__PURE__ */ l(v, { size: "xs", c: "dimmed", ff: "monospace", children: [
819
- o[0],
818
+ n[0],
820
819
  " → ",
821
- o[1]
820
+ n[1]
822
821
  ] })
823
822
  ] })
824
823
  ] }) });
825
824
  }
826
- const vn = "_toggle_1nlbe_1", yn = "_toggleTrack_1nlbe_7", kn = "_toggleTrackDark_1nlbe_16", wn = "_toggleThumb_1nlbe_20", xn = "_toggleThumbDark_1nlbe_32", Nn = "_card_1nlbe_36", Tn = "_preview_1nlbe_49", $n = "_sampleText_1nlbe_58", Cn = "_details_1nlbe_65", G = {
827
- toggle: vn,
828
- toggleTrack: yn,
829
- toggleTrackDark: kn,
830
- toggleThumb: wn,
831
- toggleThumbDark: xn,
832
- card: Nn,
833
- preview: Tn,
834
- sampleText: $n,
835
- details: Cn
825
+ const ln = "_toggle_1nlbe_1", cn = "_toggleTrack_1nlbe_7", dn = "_toggleTrackDark_1nlbe_16", mn = "_toggleThumb_1nlbe_20", hn = "_toggleThumbDark_1nlbe_32", un = "_card_1nlbe_36", gn = "_preview_1nlbe_49", pn = "_sampleText_1nlbe_58", fn = "_details_1nlbe_65", R = {
826
+ toggle: ln,
827
+ toggleTrack: cn,
828
+ toggleTrackDark: dn,
829
+ toggleThumb: mn,
830
+ toggleThumbDark: hn,
831
+ card: un,
832
+ preview: gn,
833
+ sampleText: pn,
834
+ details: fn
836
835
  };
837
- function jo() {
838
- const [t, o] = T(!1);
839
- Je("light");
836
+ function To() {
837
+ const [t, n] = T(!1);
838
+ He("light");
840
839
  const r = {
841
840
  light: {
842
841
  bg: "#FFFFFF",
@@ -859,27 +858,27 @@ function jo() {
859
858
  }, a = t ? r.dark : r.light;
860
859
  return /* @__PURE__ */ l(x, { my: "xl", children: [
861
860
  /* @__PURE__ */ e(x, { mb: "lg", style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(
862
- ae,
861
+ J,
863
862
  {
864
- onClick: () => o(!t),
863
+ onClick: () => n(!t),
865
864
  variant: "default",
866
865
  radius: "xl",
867
866
  size: "sm",
868
- className: G.toggle,
869
- leftSection: /* @__PURE__ */ e(x, { className: `${G.toggleTrack} ${t ? G.toggleTrackDark : ""}`, children: /* @__PURE__ */ e(x, { className: `${G.toggleThumb} ${t ? G.toggleThumbDark : ""}` }) }),
867
+ className: R.toggle,
868
+ leftSection: /* @__PURE__ */ e(x, { className: `${R.toggleTrack} ${t ? R.toggleTrackDark : ""}`, children: /* @__PURE__ */ e(x, { className: `${R.toggleThumb} ${t ? R.toggleThumbDark : ""}` }) }),
870
869
  children: t ? "Dark Mode" : "Light Mode"
871
870
  }
872
871
  ) }),
873
- /* @__PURE__ */ e(re, { cols: { base: 1, md: 3 }, spacing: "lg", children: a.colors.map((s) => /* @__PURE__ */ e(ue, { value: s.hex, children: /* @__PURE__ */ l(x, { className: G.card, children: [
872
+ /* @__PURE__ */ e(se, { cols: { base: 1, md: 3 }, spacing: "lg", children: a.colors.map((s) => /* @__PURE__ */ e(he, { value: s.hex, children: /* @__PURE__ */ l(x, { className: R.card, children: [
874
873
  /* @__PURE__ */ e(
875
874
  x,
876
875
  {
877
- className: G.preview,
876
+ className: R.preview,
878
877
  style: { backgroundColor: a.bg, border: a.border },
879
- children: /* @__PURE__ */ e(v, { style: { color: s.hex }, className: G.sampleText, children: "Aa" })
878
+ children: /* @__PURE__ */ e(v, { style: { color: s.hex }, className: R.sampleText, children: "Aa" })
880
879
  }
881
880
  ),
882
- /* @__PURE__ */ l(x, { p: "md", className: G.details, children: [
881
+ /* @__PURE__ */ l(x, { p: "md", className: R.details, children: [
883
882
  /* @__PURE__ */ e(v, { fw: 600, children: s.name }),
884
883
  /* @__PURE__ */ e(v, { size: "sm", c: "dimmed", ff: "monospace", children: s.hex }),
885
884
  s.label && /* @__PURE__ */ e(v, { size: "xs", c: "dimmed", children: s.label })
@@ -887,70 +886,70 @@ function jo() {
887
886
  ] }) }, s.name + s.hex)) })
888
887
  ] });
889
888
  }
890
- const In = "_root_n9zxy_1", zn = "_playButton_n9zxy_8", Mn = "_time_n9zxy_22", Bn = "_volumeGroup_n9zxy_28", oe = {
891
- root: In,
892
- playButton: zn,
893
- time: Mn,
894
- volumeGroup: Bn
889
+ const _n = "_root_n9zxy_1", bn = "_playButton_n9zxy_8", vn = "_time_n9zxy_22", yn = "_volumeGroup_n9zxy_28", ae = {
890
+ root: _n,
891
+ playButton: bn,
892
+ time: vn,
893
+ volumeGroup: yn
895
894
  };
896
- function fe(t) {
897
- const o = Math.floor(t / 60), r = Math.floor(t % 60);
898
- return `${o.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
895
+ function pe(t) {
896
+ const n = Math.floor(t / 60), r = Math.floor(t % 60);
897
+ return `${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
899
898
  }
900
- function qo({
899
+ function $o({
901
900
  src: t,
902
- filename: o = "audio",
901
+ filename: n = "audio",
903
902
  playButtonColor: r,
904
903
  playButtonSize: a = 32,
905
904
  waveColor: s = "#D0D0D0",
906
- progressColor: u = "#a8a8a8",
907
- waveHeight: y = 64,
905
+ progressColor: h = "#a8a8a8",
906
+ waveHeight: _ = 64,
908
907
  barWidth: g = 3,
909
908
  barGap: p = 2,
910
909
  showVolume: m = !0,
911
- showDownload: h = !0
910
+ showDownload: u = !0
912
911
  }) {
913
- const k = A(null), [i, _] = T(!1), [c, d] = T(0), [w, n] = T("00:00"), [b, N] = T("00:00"), [P, R] = T(50), [O, j] = T(50), [M, C] = T(!1);
914
- D(() => {
912
+ const k = q(null), [i, y] = T(!1), [c, d] = T(0), [w, o] = T("00:00"), [b, N] = T("00:00"), [P, O] = T(50), [V, j] = T(50), [M, C] = T(!1);
913
+ S(() => {
915
914
  const f = k.current;
916
915
  if (!f) return;
917
916
  f.volume = P / 100;
918
917
  const $ = () => {
919
- d(f.currentTime), n(fe(f.currentTime));
920
- }, B = () => N(fe(f.duration)), J = () => {
918
+ d(f.currentTime), o(pe(f.currentTime));
919
+ }, B = () => N(pe(f.duration)), Q = () => {
921
920
  setTimeout(() => {
922
- d(0), n("00:00"), _(!1);
921
+ d(0), o("00:00"), y(!1);
923
922
  }, 500);
924
- }, ie = () => _(!0), le = () => _(!1);
925
- return f.addEventListener("timeupdate", $), f.addEventListener("loadedmetadata", B), f.addEventListener("ended", J), f.addEventListener("play", ie), f.addEventListener("pause", le), () => {
926
- f.removeEventListener("timeupdate", $), f.removeEventListener("loadedmetadata", B), f.removeEventListener("ended", J), f.removeEventListener("play", ie), f.removeEventListener("pause", le);
923
+ }, ie = () => y(!0), le = () => y(!1);
924
+ return f.addEventListener("timeupdate", $), f.addEventListener("loadedmetadata", B), f.addEventListener("ended", Q), f.addEventListener("play", ie), f.addEventListener("pause", le), () => {
925
+ f.removeEventListener("timeupdate", $), f.removeEventListener("loadedmetadata", B), f.removeEventListener("ended", Q), f.removeEventListener("play", ie), f.removeEventListener("pause", le);
927
926
  };
928
927
  }, [t]);
929
928
  const F = L(() => {
930
929
  const f = k.current;
931
930
  f && (i ? f.pause() : f.play().catch(() => {
932
931
  }));
933
- }, [i]), q = L((f) => {
932
+ }, [i]), G = L((f) => {
934
933
  const $ = k.current;
935
- $ && !isNaN(f) && isFinite(f) && ($.currentTime = f, d(f), n(fe(f)));
936
- }, []), V = L((f) => {
934
+ $ && !isNaN(f) && isFinite(f) && ($.currentTime = f, d(f), o(pe(f)));
935
+ }, []), H = L((f) => {
937
936
  const $ = k.current;
938
- $ && ($.volume = f / 100, R(f), f > 0 ? (j(f), C(!1)) : C(!0));
939
- }, []), H = L(() => {
937
+ $ && ($.volume = f / 100, O(f), f > 0 ? (j(f), C(!1)) : C(!0));
938
+ }, []), U = L(() => {
940
939
  const f = k.current;
941
940
  if (f)
942
941
  if (M) {
943
- const $ = O || 50;
944
- f.volume = $ / 100, R($), C(!1);
942
+ const $ = V || 50;
943
+ f.volume = $ / 100, O($), C(!1);
945
944
  } else
946
- j(P), f.volume = 0, R(0), C(!0);
947
- }, [M, P, O]), te = L(() => {
945
+ j(P), f.volume = 0, O(0), C(!0);
946
+ }, [M, P, V]), ne = L(() => {
948
947
  fetch(t).then((f) => f.blob()).then((f) => {
949
948
  const $ = URL.createObjectURL(f), B = document.createElement("a");
950
- B.href = $, B.download = o, document.body.appendChild(B), B.click(), document.body.removeChild(B), URL.revokeObjectURL($);
949
+ B.href = $, B.download = n, document.body.appendChild(B), B.click(), document.body.removeChild(B), URL.revokeObjectURL($);
951
950
  }).catch(() => window.open(t, "_blank"));
952
- }, [t, o]);
953
- return /* @__PURE__ */ l(I, { gap: "sm", wrap: "nowrap", className: oe.root, children: [
951
+ }, [t, n]);
952
+ return /* @__PURE__ */ l(I, { gap: "sm", wrap: "nowrap", className: ae.root, children: [
954
953
  /* @__PURE__ */ e("audio", { ref: k, src: t, preload: "metadata" }),
955
954
  /* @__PURE__ */ e(
956
955
  ee,
@@ -961,94 +960,94 @@ function qo({
961
960
  color: r,
962
961
  onClick: F,
963
962
  "aria-label": i ? "Pause" : "Play",
964
- className: oe.playButton,
965
- children: i ? /* @__PURE__ */ e(Re, { size: a * 0.5 }) : /* @__PURE__ */ e(Oe, { size: a * 0.5 })
963
+ className: ae.playButton,
964
+ children: i ? /* @__PURE__ */ e(qe, { size: a * 0.5 }) : /* @__PURE__ */ e(Ae, { size: a * 0.5 })
966
965
  }
967
966
  ),
968
- /* @__PURE__ */ e(v, { size: "xs", ff: "monospace", c: "dimmed", className: oe.time, children: w }),
967
+ /* @__PURE__ */ e(v, { size: "xs", ff: "monospace", c: "dimmed", className: ae.time, children: w }),
969
968
  /* @__PURE__ */ e(x, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ e(
970
- _e,
969
+ fe,
971
970
  {
972
971
  audioRef: k,
973
972
  currentTime: c,
974
- onSeek: q,
973
+ onSeek: G,
975
974
  waveColor: s,
976
- progressColor: u,
977
- height: y,
975
+ progressColor: h,
976
+ height: _,
978
977
  barWidth: g,
979
978
  barGap: p
980
979
  }
981
980
  ) }),
982
- /* @__PURE__ */ e(v, { size: "xs", ff: "monospace", c: "dimmed", className: oe.time, children: b }),
983
- m && /* @__PURE__ */ l(I, { gap: 4, wrap: "nowrap", className: oe.volumeGroup, children: [
981
+ /* @__PURE__ */ e(v, { size: "xs", ff: "monospace", c: "dimmed", className: ae.time, children: b }),
982
+ m && /* @__PURE__ */ l(I, { gap: 4, wrap: "nowrap", className: ae.volumeGroup, children: [
984
983
  /* @__PURE__ */ e(
985
984
  ee,
986
985
  {
987
986
  variant: "subtle",
988
987
  size: "sm",
989
- onClick: H,
988
+ onClick: U,
990
989
  "aria-label": M ? "Unmute" : "Mute",
991
- children: M ? /* @__PURE__ */ e(ct, { size: 16 }) : /* @__PURE__ */ e(dt, { size: 16 })
990
+ children: M ? /* @__PURE__ */ e(et, { size: 16 }) : /* @__PURE__ */ e(tt, { size: 16 })
992
991
  }
993
992
  ),
994
993
  /* @__PURE__ */ e(
995
- Qe,
994
+ Ue,
996
995
  {
997
996
  value: P,
998
- onChange: V,
997
+ onChange: H,
999
998
  size: "xs",
1000
999
  w: 80,
1001
1000
  "aria-label": "Volume"
1002
1001
  }
1003
1002
  )
1004
1003
  ] }),
1005
- h && /* @__PURE__ */ e(ee, { variant: "subtle", size: "sm", onClick: te, "aria-label": "Download", children: /* @__PURE__ */ e(mt, { size: 16 }) })
1004
+ u && /* @__PURE__ */ e(ee, { variant: "subtle", size: "sm", onClick: ne, "aria-label": "Download", children: /* @__PURE__ */ e(nt, { size: 16 }) })
1006
1005
  ] });
1007
1006
  }
1008
- const Sn = "_root_13w21_1", Ln = "_playButton_13w21_11", Se = {
1009
- root: Sn,
1010
- playButton: Ln
1011
- }, Dn = {
1007
+ const kn = "_root_13w21_1", wn = "_playButton_13w21_11", Be = {
1008
+ root: kn,
1009
+ playButton: wn
1010
+ }, xn = {
1012
1011
  mini: { height: 24, buttonSize: 20, iconSize: 14, waveHeight: 16, barWidth: 1, barGap: 0 },
1013
1012
  small: { height: 32, buttonSize: 28, iconSize: 16, waveHeight: 20, barWidth: 1, barGap: 0 },
1014
1013
  compact: { height: 40, buttonSize: 32, iconSize: 18, waveHeight: 24, barWidth: 2, barGap: 1 }
1015
- }, Pn = Ge(
1014
+ }, Nn = We(
1016
1015
  ({
1017
1016
  audioUrl: t,
1018
- size: o = "mini",
1017
+ size: n = "mini",
1019
1018
  waveColor: r = "#CCCCCC",
1020
1019
  progressColor: a = "#169bde",
1021
1020
  onPlay: s,
1022
- onPause: u,
1023
- className: y,
1021
+ onPause: h,
1022
+ className: _,
1024
1023
  style: g
1025
1024
  }, p) => {
1026
- const m = A(null), [h, k] = T(!1), [i, _] = T(0), c = Dn[o];
1027
- D(() => {
1028
- const n = m.current;
1029
- if (!n) return;
1030
- const b = () => _(n.currentTime), N = () => {
1031
- k(!1), _(0);
1032
- }, P = () => k(!1), R = () => k(!0);
1033
- return n.addEventListener("timeupdate", b), n.addEventListener("ended", N), n.addEventListener("pause", P), n.addEventListener("play", R), () => {
1034
- n.removeEventListener("timeupdate", b), n.removeEventListener("ended", N), n.removeEventListener("pause", P), n.removeEventListener("play", R);
1025
+ const m = q(null), [u, k] = T(!1), [i, y] = T(0), c = xn[n];
1026
+ S(() => {
1027
+ const o = m.current;
1028
+ if (!o) return;
1029
+ const b = () => y(o.currentTime), N = () => {
1030
+ k(!1), y(0);
1031
+ }, P = () => k(!1), O = () => k(!0);
1032
+ return o.addEventListener("timeupdate", b), o.addEventListener("ended", N), o.addEventListener("pause", P), o.addEventListener("play", O), () => {
1033
+ o.removeEventListener("timeupdate", b), o.removeEventListener("ended", N), o.removeEventListener("pause", P), o.removeEventListener("play", O);
1035
1034
  };
1036
1035
  }, [t]);
1037
1036
  const d = L(() => {
1038
- const n = m.current;
1039
- n && (h ? (n.pause(), u == null || u()) : (n.play().catch(() => {
1037
+ const o = m.current;
1038
+ o && (u ? (o.pause(), h == null || h()) : (o.play().catch(() => {
1040
1039
  }), s == null || s()));
1041
- }, [h, s, u]), w = L((n) => {
1040
+ }, [u, s, h]), w = L((o) => {
1042
1041
  const b = m.current;
1043
- b && !isNaN(n) && isFinite(n) && (b.currentTime = n, _(n));
1042
+ b && !isNaN(o) && isFinite(o) && (b.currentTime = o, y(o));
1044
1043
  }, []);
1045
1044
  return /* @__PURE__ */ l(
1046
1045
  I,
1047
1046
  {
1048
1047
  ref: p,
1049
- gap: o === "mini" ? 6 : o === "small" ? 8 : 10,
1048
+ gap: n === "mini" ? 6 : n === "small" ? 8 : 10,
1050
1049
  wrap: "nowrap",
1051
- className: `${Se.root} ${y ?? ""}`,
1050
+ className: `${Be.root} ${_ ?? ""}`,
1052
1051
  style: { height: c.height, ...g },
1053
1052
  children: [
1054
1053
  /* @__PURE__ */ e("audio", { ref: m, src: t, preload: "metadata" }),
@@ -1060,13 +1059,13 @@ const Sn = "_root_13w21_1", Ln = "_playButton_13w21_11", Se = {
1060
1059
  radius: "xl",
1061
1060
  size: c.buttonSize,
1062
1061
  onClick: d,
1063
- "aria-label": h ? "Pause" : "Play",
1064
- className: Se.playButton,
1065
- children: h ? /* @__PURE__ */ e(Re, { size: c.iconSize }) : /* @__PURE__ */ e(Oe, { size: c.iconSize })
1062
+ "aria-label": u ? "Pause" : "Play",
1063
+ className: Be.playButton,
1064
+ children: u ? /* @__PURE__ */ e(qe, { size: c.iconSize }) : /* @__PURE__ */ e(Ae, { size: c.iconSize })
1066
1065
  }
1067
1066
  ),
1068
1067
  /* @__PURE__ */ e(x, { style: { flex: 1, minWidth: 80 }, children: /* @__PURE__ */ e(
1069
- _e,
1068
+ fe,
1070
1069
  {
1071
1070
  audioRef: m,
1072
1071
  currentTime: i,
@@ -1083,61 +1082,61 @@ const Sn = "_root_13w21_1", Ln = "_playButton_13w21_11", Se = {
1083
1082
  );
1084
1083
  }
1085
1084
  );
1086
- Pn.displayName = "MiniAudioPlayer";
1087
- const Wn = "_root_4fblk_1", Fn = "_actions_4fblk_22", En = "_fab_4fblk_43", An = "_actionButton_4fblk_63", he = {
1088
- root: Wn,
1089
- actions: Fn,
1090
- fab: En,
1091
- actionButton: An
1085
+ Nn.displayName = "MiniAudioPlayer";
1086
+ const Tn = "_root_4fblk_1", $n = "_actions_4fblk_22", Cn = "_fab_4fblk_43", In = "_actionButton_4fblk_63", me = {
1087
+ root: Tn,
1088
+ actions: $n,
1089
+ fab: Cn,
1090
+ actionButton: In
1092
1091
  };
1093
- function Go({
1092
+ function Co({
1094
1093
  actions: t,
1095
- icon: o,
1094
+ icon: n,
1096
1095
  openIcon: r,
1097
1096
  direction: a = "up",
1098
1097
  color: s = "blue",
1099
- size: u = 56,
1100
- defaultOpen: y = !1,
1098
+ size: h = 56,
1099
+ defaultOpen: _ = !1,
1101
1100
  open: g,
1102
1101
  onOpenChange: p,
1103
1102
  style: m,
1104
- className: h
1103
+ className: u
1105
1104
  }) {
1106
- const [k, i] = T(y), _ = g ?? k, c = L(() => {
1107
- const n = !_;
1108
- i(n), p == null || p(n);
1109
- }, [_, p]), d = L(() => {
1105
+ const [k, i] = T(_), y = g ?? k, c = L(() => {
1106
+ const o = !y;
1107
+ i(o), p == null || p(o);
1108
+ }, [y, p]), d = L(() => {
1110
1109
  i(!1), p == null || p(!1);
1111
1110
  }, [p]), w = a === "up" || a === "down";
1112
- return /* @__PURE__ */ l(x, { className: `${he.root} ${h ?? ""}`, style: m, "data-direction": a, children: [
1113
- /* @__PURE__ */ e("div", { className: he.actions, "data-direction": a, children: t.map((n, b) => {
1111
+ return /* @__PURE__ */ l(x, { className: `${me.root} ${u ?? ""}`, style: m, "data-direction": a, children: [
1112
+ /* @__PURE__ */ e("div", { className: me.actions, "data-direction": a, children: t.map((o, b) => {
1114
1113
  const N = a === "up" || a === "left" ? t.length - 1 - b : b;
1115
1114
  return /* @__PURE__ */ e(
1116
- Ze,
1115
+ Xe,
1117
1116
  {
1118
- mounted: _,
1117
+ mounted: y,
1119
1118
  transition: w ? "slide-up" : "slide-right",
1120
1119
  duration: 200,
1121
1120
  timingFunction: "ease",
1122
1121
  enterDelay: N * 40,
1123
- children: (P) => /* @__PURE__ */ e(et, { label: n.label, position: w ? "left" : "top", children: /* @__PURE__ */ e(
1122
+ children: (P) => /* @__PURE__ */ e(Ye, { label: o.label, position: w ? "left" : "top", children: /* @__PURE__ */ e(
1124
1123
  ee,
1125
1124
  {
1126
1125
  variant: "filled",
1127
1126
  color: "gray",
1128
1127
  radius: "xl",
1129
- size: u * 0.7,
1128
+ size: h * 0.7,
1130
1129
  style: P,
1131
- className: he.actionButton,
1130
+ className: me.actionButton,
1132
1131
  onClick: () => {
1133
- n.onClick(), d();
1132
+ o.onClick(), d();
1134
1133
  },
1135
- "aria-label": n.label,
1136
- children: n.icon
1134
+ "aria-label": o.label,
1135
+ children: o.icon
1137
1136
  }
1138
1137
  ) })
1139
1138
  },
1140
- n.label
1139
+ o.label
1141
1140
  );
1142
1141
  }) }),
1143
1142
  /* @__PURE__ */ e(
@@ -1146,57 +1145,57 @@ function Go({
1146
1145
  variant: "filled",
1147
1146
  color: s,
1148
1147
  radius: "xl",
1149
- size: u,
1148
+ size: h,
1150
1149
  onClick: c,
1151
- className: he.fab,
1152
- "data-open": _ || void 0,
1153
- "aria-label": _ ? "Close actions" : "Open actions",
1154
- children: _ ? r ?? o ?? /* @__PURE__ */ e(ye, { size: u * 0.45 }) : o ?? /* @__PURE__ */ e(ye, { size: u * 0.45 })
1150
+ className: me.fab,
1151
+ "data-open": y || void 0,
1152
+ "aria-label": y ? "Close actions" : "Open actions",
1153
+ children: y ? r ?? n ?? /* @__PURE__ */ e(ve, { size: h * 0.45 }) : n ?? /* @__PURE__ */ e(ve, { size: h * 0.45 })
1155
1154
  }
1156
1155
  )
1157
1156
  ] });
1158
1157
  }
1159
- const jn = "_root_h15rs_1", qn = "_content_h15rs_8", Gn = "_label_h15rs_21", Rn = "_vignette_h15rs_38", On = "_logoWrapper_h15rs_51", Vn = "_logo_h15rs_51", Hn = "_glow_h15rs_74", Un = "_textWrapper_h15rs_86", Kn = "_heading_h15rs_92", Xn = "_shimmer_h15rs_126", Yn = "_tagline_h15rs_130", Jn = "_primaryButton_h15rs_146", Qn = "_secondaryButton_h15rs_157", Zn = "_scrollIndicator_h15rs_173", eo = "_scrollLabel_h15rs_184", to = "_scrollLine_h15rs_192", z = {
1160
- root: jn,
1161
- content: qn,
1162
- label: Gn,
1163
- vignette: Rn,
1164
- logoWrapper: On,
1165
- logo: Vn,
1166
- glow: Hn,
1167
- textWrapper: Un,
1168
- heading: Kn,
1169
- shimmer: Xn,
1170
- tagline: Yn,
1171
- primaryButton: Jn,
1172
- secondaryButton: Qn,
1173
- scrollIndicator: Zn,
1174
- scrollLabel: eo,
1175
- scrollLine: to
1158
+ const zn = "_root_18iq7_1", Mn = "_content_18iq7_8", Bn = "_label_18iq7_21", Dn = "_vignette_18iq7_38", Ln = "_logoWrapper_18iq7_51", Sn = "_logo_18iq7_51", Pn = "_glow_18iq7_74", En = "_textWrapper_18iq7_86", Fn = "_heading_18iq7_92", Wn = "_shimmer_18iq7_126", qn = "_tagline_18iq7_130", An = "_primaryButton_18iq7_146", jn = "_secondaryButton_18iq7_158", Gn = "_scrollIndicator_18iq7_175", Rn = "_scrollLabel_18iq7_186", On = "_scrollLine_18iq7_194", z = {
1159
+ root: zn,
1160
+ content: Mn,
1161
+ label: Bn,
1162
+ vignette: Dn,
1163
+ logoWrapper: Ln,
1164
+ logo: Sn,
1165
+ glow: Pn,
1166
+ textWrapper: En,
1167
+ heading: Fn,
1168
+ shimmer: Wn,
1169
+ tagline: qn,
1170
+ primaryButton: An,
1171
+ secondaryButton: jn,
1172
+ scrollIndicator: Gn,
1173
+ scrollLabel: Rn,
1174
+ scrollLine: On
1176
1175
  };
1177
- function Ro({
1176
+ function Io({
1178
1177
  variant: t = "logo",
1179
- heading: o,
1178
+ heading: n,
1180
1179
  label: r,
1181
1180
  tagline: a,
1182
- logoSrc: s = ht,
1183
- gradient: u = "frequencyAlive",
1184
- shimmer: y = !0,
1181
+ logoSrc: s = ot,
1182
+ gradient: h = "frequencyAlive",
1183
+ shimmer: _ = !0,
1185
1184
  primaryAction: g,
1186
1185
  secondaryAction: p,
1187
1186
  backgroundVideoSrc: m,
1188
- showWaveform: h,
1187
+ showWaveform: u,
1189
1188
  showScrollIndicator: k = !1
1190
1189
  }) {
1191
- const [i, _] = T(!1), c = typeof s == "string" ? s : s == null ? void 0 : s.src, d = o ?? (t === "text" ? "Your Message" : void 0), w = r || (t === "logo" ? "Welcome" : void 0), n = g || p, b = h ?? !0, N = ut[u];
1192
- return D(() => {
1193
- _(!0);
1190
+ const [i, y] = T(!1), c = typeof s == "string" ? s : s == null ? void 0 : s.src, d = n ?? (t === "text" ? "Your Message" : void 0), w = r || (t === "logo" ? "Welcome" : void 0), o = g || p, b = u ?? !0, N = rt[h];
1191
+ return S(() => {
1192
+ y(!0);
1194
1193
  }, []), /* @__PURE__ */ l(x, { component: "section", className: z.root, children: [
1195
- m && /* @__PURE__ */ e(an, { src: m }),
1194
+ m && /* @__PURE__ */ e(Xt, { src: m }),
1196
1195
  /* @__PURE__ */ l("div", { className: z.content, children: [
1197
1196
  i && /* @__PURE__ */ l(Fe, { children: [
1198
1197
  w && /* @__PURE__ */ e(
1199
- S.p,
1198
+ D.p,
1200
1199
  {
1201
1200
  initial: { opacity: 0 },
1202
1201
  animate: { opacity: 1 },
@@ -1206,17 +1205,17 @@ function Ro({
1206
1205
  }
1207
1206
  ),
1208
1207
  t === "logo" && /* @__PURE__ */ l(
1209
- S.div,
1208
+ D.div,
1210
1209
  {
1211
1210
  initial: { opacity: 0, scale: 0.8 },
1212
1211
  animate: { opacity: 1, scale: 1 },
1213
1212
  transition: { duration: 1.2, delay: 0.3, ease: "easeOut" },
1214
1213
  className: z.logoWrapper,
1215
1214
  children: [
1216
- b && /* @__PURE__ */ e(ze, {}),
1215
+ b && /* @__PURE__ */ e(Ie, {}),
1217
1216
  b && /* @__PURE__ */ e("div", { className: z.vignette }),
1218
1217
  /* @__PURE__ */ e(
1219
- S.img,
1218
+ D.img,
1220
1219
  {
1221
1220
  src: c,
1222
1221
  alt: d ?? "Frequency",
@@ -1230,23 +1229,23 @@ function Ro({
1230
1229
  }
1231
1230
  ),
1232
1231
  t === "text" && d && /* @__PURE__ */ l(
1233
- S.div,
1232
+ D.div,
1234
1233
  {
1235
1234
  initial: { opacity: 0, scale: 0.8 },
1236
1235
  animate: { opacity: 1, scale: 1 },
1237
1236
  transition: { duration: 1.2, delay: 0.3, ease: "easeOut" },
1238
1237
  className: z.textWrapper,
1239
1238
  children: [
1240
- b && /* @__PURE__ */ e(ze, {}),
1239
+ b && /* @__PURE__ */ e(Ie, {}),
1241
1240
  b && /* @__PURE__ */ e("div", { className: z.vignette }),
1242
1241
  /* @__PURE__ */ e(
1243
- se,
1242
+ te,
1244
1243
  {
1245
1244
  order: 1,
1246
- className: `${z.heading} ${y ? z.shimmer : ""}`,
1245
+ className: `${z.heading} ${_ ? z.shimmer : ""}`,
1247
1246
  style: {
1248
1247
  backgroundImage: `linear-gradient(135deg, ${N.from}, ${N.to}, ${N.from})`,
1249
- backgroundSize: y ? "200% 100%" : void 0
1248
+ backgroundSize: _ ? "200% 100%" : void 0
1250
1249
  },
1251
1250
  children: d
1252
1251
  }
@@ -1255,7 +1254,7 @@ function Ro({
1255
1254
  }
1256
1255
  ),
1257
1256
  a && /* @__PURE__ */ e(
1258
- S.div,
1257
+ D.div,
1259
1258
  {
1260
1259
  initial: { opacity: 0, y: 20 },
1261
1260
  animate: { opacity: 1, y: 0 },
@@ -1263,15 +1262,15 @@ function Ro({
1263
1262
  children: /* @__PURE__ */ e(v, { className: z.tagline, children: a })
1264
1263
  }
1265
1264
  ),
1266
- n && /* @__PURE__ */ e(
1267
- S.div,
1265
+ o && /* @__PURE__ */ e(
1266
+ D.div,
1268
1267
  {
1269
1268
  initial: { opacity: 0, y: 20 },
1270
1269
  animate: { opacity: 1, y: 0 },
1271
1270
  transition: { duration: 0.8, delay: 0.9 },
1272
1271
  children: /* @__PURE__ */ l(I, { gap: "xl", justify: "center", wrap: "wrap", children: [
1273
1272
  g && /* @__PURE__ */ e(
1274
- ae,
1273
+ J,
1275
1274
  {
1276
1275
  component: "a",
1277
1276
  href: g.href,
@@ -1282,7 +1281,7 @@ function Ro({
1282
1281
  }
1283
1282
  ),
1284
1283
  p && /* @__PURE__ */ e(
1285
- ae,
1284
+ J,
1286
1285
  {
1287
1286
  component: "a",
1288
1287
  href: p.href,
@@ -1298,7 +1297,7 @@ function Ro({
1298
1297
  )
1299
1298
  ] }),
1300
1299
  i && k && /* @__PURE__ */ l(
1301
- S.div,
1300
+ D.div,
1302
1301
  {
1303
1302
  className: z.scrollIndicator,
1304
1303
  initial: { opacity: 0 },
@@ -1307,7 +1306,7 @@ function Ro({
1307
1306
  children: [
1308
1307
  /* @__PURE__ */ e("span", { className: z.scrollLabel, children: "Scroll" }),
1309
1308
  /* @__PURE__ */ e(
1310
- S.div,
1309
+ D.div,
1311
1310
  {
1312
1311
  className: z.scrollLine,
1313
1312
  animate: { scaleY: [1, 1.5, 1] },
@@ -1320,48 +1319,48 @@ function Ro({
1320
1319
  ] })
1321
1320
  ] });
1322
1321
  }
1323
- const no = "_container_9xj91_1", oo = "_layout_9xj91_16", ro = "_reversed_9xj91_29", ao = "_headingSide_9xj91_39", so = "_sticky_9xj91_49", io = "_stickyInner_9xj91_54", lo = "_contentSide_9xj91_65", co = "_title_9xj91_76", mo = "_preTitle_9xj91_82", ho = "_titleHighlight_9xj91_88", uo = "_description_9xj91_95", W = {
1324
- container: no,
1325
- layout: oo,
1326
- reversed: ro,
1327
- headingSide: ao,
1328
- sticky: so,
1329
- stickyInner: io,
1330
- contentSide: lo,
1331
- title: co,
1332
- preTitle: mo,
1333
- titleHighlight: ho,
1334
- description: uo
1322
+ const Vn = "_container_9xj91_1", Hn = "_layout_9xj91_16", Un = "_reversed_9xj91_29", Xn = "_headingSide_9xj91_39", Yn = "_sticky_9xj91_49", Kn = "_stickyInner_9xj91_54", Jn = "_contentSide_9xj91_65", Qn = "_title_9xj91_76", Zn = "_preTitle_9xj91_82", eo = "_titleHighlight_9xj91_88", to = "_description_9xj91_95", E = {
1323
+ container: Vn,
1324
+ layout: Hn,
1325
+ reversed: Un,
1326
+ headingSide: Xn,
1327
+ sticky: Yn,
1328
+ stickyInner: Kn,
1329
+ contentSide: Jn,
1330
+ title: Qn,
1331
+ preTitle: Zn,
1332
+ titleHighlight: eo,
1333
+ description: to
1335
1334
  };
1336
- function Oo({
1335
+ function zo({
1337
1336
  badge: t,
1338
- badgeColor: o = "violet",
1337
+ badgeColor: n = "violet",
1339
1338
  subtitle: r,
1340
1339
  title: a,
1341
1340
  titleColor: s = "blue",
1342
- preTitle: u,
1343
- description: y,
1341
+ preTitle: h,
1342
+ description: _,
1344
1343
  actions: g,
1345
1344
  heading: p,
1346
1345
  children: m,
1347
- stickyHeading: h = !1,
1346
+ stickyHeading: u = !1,
1348
1347
  py: k,
1349
1348
  reversed: i = !1,
1350
- id: _,
1349
+ id: y,
1351
1350
  className: c
1352
1351
  }) {
1353
- const d = p ?? /* @__PURE__ */ l(X, { gap: "sm", children: [
1352
+ const d = p ?? /* @__PURE__ */ l(A, { gap: "sm", children: [
1354
1353
  t && /* @__PURE__ */ l(x, { children: [
1355
- /* @__PURE__ */ e(We, { color: o, variant: "filled", size: "sm", radius: 4, tt: "uppercase", fw: 700, children: t }),
1354
+ /* @__PURE__ */ e(Ee, { color: n, variant: "filled", size: "sm", radius: 4, tt: "uppercase", fw: 700, children: t }),
1356
1355
  r && /* @__PURE__ */ e(v, { size: "sm", c: "dimmed", mt: "xs", tt: "uppercase", style: { letterSpacing: "0.05em" }, children: r })
1357
1356
  ] }),
1358
1357
  !t && r && /* @__PURE__ */ e(v, { size: "sm", c: "dimmed", tt: "uppercase", style: { letterSpacing: "0.05em" }, children: r }),
1359
- (u || a) && /* @__PURE__ */ l(se, { order: 2, className: W.title, children: [
1360
- u && /* @__PURE__ */ e("span", { className: W.preTitle, children: u }),
1361
- u && /* @__PURE__ */ e("br", {}),
1362
- a && /* @__PURE__ */ e(v, { component: "span", inherit: !0, className: W.titleHighlight, c: s, children: a })
1358
+ (h || a) && /* @__PURE__ */ l(te, { order: 2, className: E.title, children: [
1359
+ h && /* @__PURE__ */ e("span", { className: E.preTitle, children: h }),
1360
+ h && /* @__PURE__ */ e("br", {}),
1361
+ a && /* @__PURE__ */ e(v, { component: "span", inherit: !0, className: E.titleHighlight, c: s, children: a })
1363
1362
  ] }),
1364
- y && /* @__PURE__ */ e(v, { size: "lg", c: "dimmed", lh: 1.7, className: W.description, children: y }),
1363
+ _ && /* @__PURE__ */ e(v, { size: "lg", c: "dimmed", lh: 1.7, className: E.description, children: _ }),
1365
1364
  g && /* @__PURE__ */ e(x, { mt: "md", children: g })
1366
1365
  ] });
1367
1366
  return /* @__PURE__ */ e(
@@ -1370,115 +1369,120 @@ function Oo({
1370
1369
  component: "section",
1371
1370
  py: k ?? "calc(var(--mantine-spacing-xl) * 3)",
1372
1371
  pos: "relative",
1373
- id: _,
1372
+ id: y,
1374
1373
  className: c,
1375
- children: /* @__PURE__ */ e(x, { className: W.container, children: /* @__PURE__ */ l(x, { className: `${W.layout} ${i ? W.reversed : ""}`, children: [
1376
- /* @__PURE__ */ e(x, { className: `${W.headingSide} ${h ? W.sticky : ""}`, children: /* @__PURE__ */ e(x, { className: h ? W.stickyInner : void 0, children: d }) }),
1377
- /* @__PURE__ */ e(x, { className: W.contentSide, children: m })
1374
+ children: /* @__PURE__ */ e(x, { className: E.container, children: /* @__PURE__ */ l(x, { className: `${E.layout} ${i ? E.reversed : ""}`, children: [
1375
+ /* @__PURE__ */ e(x, { className: `${E.headingSide} ${u ? E.sticky : ""}`, children: /* @__PURE__ */ e(x, { className: u ? E.stickyInner : void 0, children: d }) }),
1376
+ /* @__PURE__ */ e(x, { className: E.contentSide, children: m })
1378
1377
  ] }) })
1379
1378
  }
1380
1379
  );
1381
1380
  }
1382
- function Vo({
1381
+ function Mo({
1383
1382
  value: t,
1384
- suffix: o = "",
1383
+ suffix: n = "",
1385
1384
  prefix: r = "",
1386
1385
  duration: a = 2e3,
1387
1386
  threshold: s = 0.5,
1388
- abbreviate: u = !0,
1389
- decimals: y,
1387
+ abbreviate: h = !0,
1388
+ decimals: _,
1390
1389
  ...g
1391
1390
  }) {
1392
- const [p, m] = T(0), [h, k] = T(!1), i = A(null);
1393
- return D(() => {
1391
+ const [p, m] = T(0), [u, k] = T(!1), i = q(null);
1392
+ return S(() => {
1394
1393
  const c = i.current;
1395
1394
  if (!c) return;
1396
1395
  const d = new IntersectionObserver(
1397
1396
  ([w]) => {
1398
- w.isIntersecting && !h && k(!0);
1397
+ w.isIntersecting && !u && k(!0);
1399
1398
  },
1400
1399
  { threshold: s }
1401
1400
  );
1402
1401
  return d.observe(c), () => d.disconnect();
1403
- }, [h, s]), D(() => {
1404
- if (!h) return;
1402
+ }, [u, s]), S(() => {
1403
+ if (!u) return;
1405
1404
  let c, d;
1406
- const w = (n) => {
1407
- c || (c = n);
1408
- const b = Math.min((n - c) / a, 1), N = 1 - Math.pow(1 - b, 3);
1405
+ const w = (o) => {
1406
+ c || (c = o);
1407
+ const b = Math.min((o - c) / a, 1), N = 1 - Math.pow(1 - b, 3);
1409
1408
  m(N * t), b < 1 && (d = requestAnimationFrame(w));
1410
1409
  };
1411
1410
  return d = requestAnimationFrame(w), () => cancelAnimationFrame(d);
1412
- }, [h, t, a]), /* @__PURE__ */ l(v, { component: "span", ref: i, style: { fontVariantNumeric: "tabular-nums" }, ...g, children: [
1411
+ }, [u, t, a]), /* @__PURE__ */ l(v, { component: "span", ref: i, style: { fontVariantNumeric: "tabular-nums" }, ...g, children: [
1413
1412
  r,
1414
1413
  (() => {
1415
- if (u && t >= 1e3) {
1414
+ if (h && t >= 1e3) {
1416
1415
  const c = p / 1e3;
1417
1416
  return c % 1 === 0 ? `${Math.round(c)}K` : `${c.toFixed(1)}K`;
1418
1417
  }
1419
- return y !== void 0 ? p.toFixed(y) : t !== Math.floor(t) ? p.toFixed(1) : Math.round(p).toString();
1418
+ return _ !== void 0 ? p.toFixed(_) : t !== Math.floor(t) ? p.toFixed(1) : Math.round(p).toString();
1420
1419
  })(),
1421
- o
1420
+ n
1422
1421
  ] });
1423
1422
  }
1424
- const go = "_root_ujac8_1", po = "_textarea_ujac8_5", Le = {
1425
- root: go,
1426
- textarea: po
1423
+ const no = "_root_ujac8_1", oo = "_textarea_ujac8_5", De = {
1424
+ root: no,
1425
+ textarea: oo
1427
1426
  };
1428
- function Ho({ code: t, filename: o, height: r = 384 }) {
1429
- const [a, s] = T(!1), u = L(async () => {
1427
+ function Bo({ code: t, filename: n, height: r = 384 }) {
1428
+ const [a, s] = T(!1), h = L(async () => {
1430
1429
  try {
1431
1430
  await navigator.clipboard.writeText(t), s(!0), setTimeout(() => s(!1), 2e3);
1432
1431
  } catch {
1433
1432
  }
1434
1433
  }, [t]);
1435
- return /* @__PURE__ */ l(x, { className: Le.root, children: [
1434
+ return /* @__PURE__ */ l(x, { className: De.root, children: [
1436
1435
  /* @__PURE__ */ l(I, { justify: "space-between", mb: "xs", children: [
1437
- o && /* @__PURE__ */ e(v, { size: "sm", fw: 500, c: "dimmed", children: o }),
1438
- /* @__PURE__ */ e(ae, { size: "xs", radius: "md", color: a ? "green" : "blue", onClick: u, children: a ? "Copied!" : "Copy" })
1436
+ n && /* @__PURE__ */ e(v, { size: "sm", fw: 500, c: "dimmed", children: n }),
1437
+ /* @__PURE__ */ e(J, { size: "xs", radius: "md", color: a ? "green" : "blue", onClick: h, children: a ? "Copied!" : "Copy" })
1439
1438
  ] }),
1440
- /* @__PURE__ */ e("textarea", { readOnly: !0, value: t, className: Le.textarea, style: { height: r } })
1439
+ /* @__PURE__ */ e("textarea", { readOnly: !0, value: t, className: De.textarea, style: { height: r } })
1441
1440
  ] });
1442
1441
  }
1443
1442
  export {
1444
- Xo as Anchor,
1445
- Vo as AnimatedCounter,
1446
- ze as AnimatedWaveform,
1447
- qo as AudioPlayer,
1448
- _e as AudioWaveform,
1449
- Yo as Badge,
1450
- Jo as Box,
1451
- Mo as BrandLogos,
1452
- zo as BrandedAppName,
1453
- Qo as Button,
1454
- Zo as Card,
1455
- Ho as CodeBlock,
1456
- Fo as ColorPalette,
1457
- Eo as ColorSwatch,
1458
- er as Container,
1459
- ue as Copyable,
1460
- tr as Divider,
1461
- Po as DonutChart,
1462
- Bo as DosDonts,
1463
- So as ExpandableCard,
1464
- de as FadeInSection,
1465
- nr as Flex,
1466
- Wo as FrequencyWave,
1467
- Ao as GradientSwatch,
1468
- or as Grid,
1469
- rr as Group,
1470
- Ro as Hero,
1471
- Ne as HintBadge,
1472
- ar as Image,
1473
- Pn as MiniAudioPlayer,
1474
- Lo as PrincipleCard,
1475
- sr as SimpleGrid,
1476
- Go as SpeedDial,
1477
- Oo as SplitSection,
1478
- ir as Stack,
1479
- Do as TestimonialCard,
1480
- lr as Text,
1481
- cr as Title,
1482
- jo as TypographyColors,
1483
- an as VideoBackground
1443
+ So as Anchor,
1444
+ Mo as AnimatedCounter,
1445
+ Ie as AnimatedWaveform,
1446
+ Po as AspectRatio,
1447
+ $o as AudioPlayer,
1448
+ fe as AudioWaveform,
1449
+ Eo as Badge,
1450
+ Fo as Box,
1451
+ go as BrandLogos,
1452
+ uo as BrandedAppName,
1453
+ Wo as Button,
1454
+ qo as Card,
1455
+ Ao as Center,
1456
+ Bo as CodeBlock,
1457
+ wo as ColorPalette,
1458
+ xo as ColorSwatch,
1459
+ jo as Container,
1460
+ he as Copyable,
1461
+ Go as Divider,
1462
+ yo as DonutChart,
1463
+ fo as DosDonts,
1464
+ po as DownloadCard,
1465
+ _o as ExpandableCard,
1466
+ ce as FadeInSection,
1467
+ Ro as Flex,
1468
+ ko as FrequencyWave,
1469
+ No as GradientSwatch,
1470
+ Oo as Grid,
1471
+ Vo as Group,
1472
+ Io as Hero,
1473
+ xe as HintBadge,
1474
+ Ho as Image,
1475
+ Nn as MiniAudioPlayer,
1476
+ Uo as Paper,
1477
+ bo as PrincipleCard,
1478
+ Xo as SimpleGrid,
1479
+ Co as SpeedDial,
1480
+ zo as SplitSection,
1481
+ Yo as Stack,
1482
+ vo as TestimonialCard,
1483
+ Ko as Text,
1484
+ Jo as ThemeIcon,
1485
+ Qo as Title,
1486
+ To as TypographyColors,
1487
+ Xt as VideoBackground
1484
1488
  };