@frequencyads/components 0.1.7 → 0.1.8

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