highsoft-ui 1.0.117 → 1.0.119

package/dist/InputSolo-cLqKBh1c.js

@@ -0,0 +1,122 @@
+import { t as e } from "./clsx-D7D_XZ_-.js";
+import { forwardRef as t, useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+var l = {
+	autofilled: "YDdfMa_autofilled",
+	buttonSlot: "YDdfMa_buttonSlot",
+	default: "YDdfMa_default",
+	dirty: "YDdfMa_dirty",
+	disabled: "YDdfMa_disabled",
+	field: "YDdfMa_field",
+	focus: "YDdfMa_focus",
+	hasError: "YDdfMa_hasError",
+	helpText: "YDdfMa_helpText",
+	iconLeft: "YDdfMa_iconLeft",
+	inputElement: "YDdfMa_inputElement",
+	inputRow: "YDdfMa_inputRow",
+	inputSolo: "YDdfMa_inputSolo",
+	label: "YDdfMa_label",
+	labelRow: "YDdfMa_labelRow",
+	onAutoFillStart: "YDdfMa_onAutoFillStart",
+	required: "YDdfMa_required",
+	success: "YDdfMa_success",
+	white: "YDdfMa_white"
+}, u = t(({ label: t, iconLeft: u, button: d, helpText: f, showHelpText: p, variant: m = "default", hasError: h = !1, success: g = !1, disabled: _ = !1, required: v = !1, className: y, wrapperClassName: b, onFocus: x, onBlur: S, id: C, "aria-label": w, "aria-describedby": T, value: E, defaultValue: D, onChange: O, ...k }, A) => {
+	let j = a(null), M = A || j, N = i(), [P, F] = o(!1), [I, L] = o(!1), [R, z] = o(D === void 0 ? "" : String(D)), B = E !== void 0, V = p ?? !!f, H = V && f ? `${C ?? N}-help-text` : void 0, U = [T, H].filter(Boolean).join(" ") || void 0, W = B ? String(E ?? "").length > 0 : R.length > 0, G = n((e) => {
+		e.animationName.includes("onAutoFillStart") && L(!0);
+	}, []);
+	r(() => {
+		let e = M.current;
+		if (!e) return;
+		let t = () => {
+			try {
+				e.matches(":-webkit-autofill") && L(!0);
+			} catch {}
+		}, n = setTimeout(t, 100), r = setTimeout(t, 500);
+		return () => {
+			clearTimeout(n), clearTimeout(r);
+		};
+	}, [M]);
+	let K = n((e) => {
+		F(!0), x?.(e);
+	}, [x]), q = n((e) => {
+		F(!1), S?.(e);
+	}, [S]), J = n((e) => {
+		B || z(e.target.value), O?.(e);
+	}, [B, O]);
+	return /* @__PURE__ */ c("div", {
+		onClick: n(() => {
+			!_ && M.current && M.current.focus();
+		}, [_, M]),
+		className: e("hsui-input-solo", l.inputSolo, {
+			[l[m]]: m,
+			[l.focus]: P,
+			[l.hasError]: h,
+			[l.success]: g,
+			[l.disabled]: _,
+			[l.dirty]: W || I,
+			[l.autofilled]: I
+		}, b),
+		children: [
+			t && /* @__PURE__ */ s("div", {
+				className: l.labelRow,
+				children: C ? /* @__PURE__ */ c("label", {
+					className: l.label,
+					htmlFor: C,
+					children: [t, v && /* @__PURE__ */ s("span", {
+						className: l.required,
+						children: " *"
+					})]
+				}) : /* @__PURE__ */ c("span", {
+					className: l.label,
+					children: [t, v && /* @__PURE__ */ s("span", {
+						className: l.required,
+						children: " *"
+					})]
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: l.field,
+				children: /* @__PURE__ */ c("div", {
+					className: l.inputRow,
+					children: [
+						u && /* @__PURE__ */ s("span", {
+							className: l.iconLeft,
+							children: u
+						}),
+						/* @__PURE__ */ s("input", {
+							ref: M,
+							id: C,
+							className: e(l.inputElement, y),
+							disabled: _,
+							required: v,
+							"aria-invalid": h,
+							"aria-label": w ?? t,
+							"aria-describedby": U,
+							value: E,
+							defaultValue: D,
+							onFocus: K,
+							onBlur: q,
+							onChange: J,
+							onAnimationStart: G,
+							...k
+						}),
+						d && /* @__PURE__ */ s("span", {
+							className: l.buttonSlot,
+							onClick: (e) => e.stopPropagation(),
+							onMouseDown: (e) => e.stopPropagation(),
+							children: d
+						})
+					]
+				})
+			}),
+			V && f && /* @__PURE__ */ s("span", {
+				id: H,
+				className: l.helpText,
+				children: f
+			})
+		]
+	});
+});
+//#endregion
+export { u as t };

package/dist/Label-BH3YxfNt.js

@@ -0,0 +1,29 @@
+import { t as e } from "./clsx-D7D_XZ_-.js";
+import { a as t } from "./esm-T3Xn_ZHF.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+var i = {
+	attention: "UwHMOW_attention",
+	border: "UwHMOW_border",
+	brand: "UwHMOW_brand",
+	danger: "UwHMOW_danger",
+	icon: "UwHMOW_icon",
+	neutral: "UwHMOW_neutral",
+	success: "UwHMOW_success",
+	tag: "UwHMOW_tag"
+};
+//#endregion
+//#region lib/components/Label/index.tsx
+function a({ variant: a = "success", iconLeft: o, icon: s, border: c, className: l, children: u, ...d }) {
+	let f = o === void 0 ? s === void 0 ? !0 : s : o, p = f === !0 ? /* @__PURE__ */ n(t, {}) : f === !1 ? null : f;
+	return /* @__PURE__ */ r("span", {
+		className: e(l, i.tag, i[a], {
+			[i.icon]: !!f,
+			[i.border]: c
+		}),
+		...d,
+		children: [p, u ?? "New"]
+	});
+}
+var o = a;
+//#endregion
+export { o as n, a as t };

package/dist/Link-DGMiLJES.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+var t = {
+	fancy: "AY45VG_fancy",
+	link: "AY45VG_link",
+	native: "AY45VG_native"
+};
+//#endregion
+//#region lib/components/Link/index.tsx
+function n({ as: n, variant: r = "native", className: i, children: a, ...o }) {
+	return /* @__PURE__ */ e(n ?? "a", {
+		className: [
+			t.link,
+			t[r],
+			i
+		].filter(Boolean).join(" "),
+		...o,
+		children: a
+	});
+}
+//#endregion
+export { n as t };

package/dist/{Logo-CZ5LYqub.js → Logo-h9bQL-cT.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-ROFf4vs9.js";
+import { t as e } from "./clsx-D7D_XZ_-.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = { logo: "xkIiMq_logo" };
 //#endregion

package/dist/NewsletterSignup-eGx4jwiM.js

@@ -0,0 +1,137 @@
+import { l as e } from "./utils-BCI5dixg.js";
+import { t } from "./clsx-D7D_XZ_-.js";
+import { C as n, M as r, z as i } from "./esm-T3Xn_ZHF.js";
+import { t as a } from "./Button-CJp__tle.js";
+import { t as o } from "./Icon-Dwo9ZDNX.js";
+import { t as s } from "./Link-DGMiLJES.js";
+import { t as c } from "./InputSolo-cLqKBh1c.js";
+import { t as l } from "./Typography-nzBx3Yxn.js";
+import { useEffect as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+var h = {
+	alreadySubscribed: "HrUh7G_alreadySubscribed",
+	content: "HrUh7G_content",
+	errorTip: "HrUh7G_errorTip",
+	errorTipIn: "HrUh7G_errorTipIn",
+	formWrap: "HrUh7G_formWrap",
+	input: "HrUh7G_input",
+	newsletter: "HrUh7G_newsletter",
+	success: "HrUh7G_success"
+};
+//#endregion
+//#region lib/components/NewsletterSignup/index.tsx
+function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/", endpoint: v = "https://hc-dev.highcharts.com/wp-json/activecampaign/v1/newsletter-signup", onSuccess: y, onError: b, initialState: x = "default", initialError: S = "Check the email format and try again" }) {
+	let C = d(null), [w, T] = f(!1), [E, D] = f(x === "success"), [O, k] = f(x === "alreadySubscribedFlash" || x === "alreadySubscribed"), [A, j] = f(x === "alreadySubscribed"), [M, N] = f(x === "error" ? S : "");
+	u(() => {
+		if (!O || A || x === "alreadySubscribedFlash") return;
+		let e = setTimeout(() => j(!0), 1500);
+		return () => clearTimeout(e);
+	}, [
+		O,
+		A,
+		x
+	]);
+	let P = !!M && M !== "Something went wrong", F = (t) => {
+		P ? e(t.target.value) && N("") : M && N("");
+	}, I = async (t) => {
+		t.preventDefault();
+		let n = C.current;
+		if (n) {
+			if (!n.value.trim()) {
+				n.value = "", N("Please enter your email address"), n.focus();
+				return;
+			}
+			if (P) {
+				n.focus();
+				return;
+			}
+			if (!e(n.value)) {
+				N("Check the email format and try again"), n.focus();
+				return;
+			}
+			N(""), T(!0);
+			try {
+				let e = await fetch(v, {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({ email: n.value })
+				});
+				e.ok ? (D(!0), y?.()) : e.status === 409 ? (k(!0), y?.()) : (N("Something went wrong"), b?.("Something went wrong"));
+			} catch {
+				N("Something went wrong"), b?.("Something went wrong");
+			} finally {
+				T(!1);
+			}
+		}
+	}, L = E || A;
+	return /* @__PURE__ */ m("div", {
+		className: t(h.newsletter, {
+			[h.success]: E,
+			[h.alreadySubscribed]: A
+		}),
+		"data-theme": L ? "light" : void 0,
+		children: [
+			/* @__PURE__ */ m("h2", { children: [/* @__PURE__ */ p(o, {
+				name: i,
+				size: 12
+			}), "Stay in the Loop"] }),
+			L ? /* @__PURE__ */ m("div", {
+				className: h.content,
+				children: [/* @__PURE__ */ p(o, {
+					name: n,
+					size: 16
+				}), E ? "Check your inbox and confirm your email to finish signing up." : "You’re already subscribed to our newsletter."]
+			}) : /* @__PURE__ */ m("form", {
+				onSubmit: I,
+				className: h.formWrap,
+				noValidate: !0,
+				children: [M && /* @__PURE__ */ p("div", {
+					className: h.errorTip,
+					role: "alert",
+					children: M
+				}), /* @__PURE__ */ p(c, {
+					ref: C,
+					placeholder: "Email address",
+					type: "email",
+					hasError: !!M,
+					showHelpText: !1,
+					disabled: O,
+					success: O,
+					onChange: F,
+					wrapperClassName: h.input,
+					button: O ? /* @__PURE__ */ m(a, {
+						size: 200,
+						variant: "success",
+						disabled: !0,
+						children: [/* @__PURE__ */ p(o, {
+							name: r,
+							size: 16
+						}), "You’re in"]
+					}) : /* @__PURE__ */ p(a, {
+						type: "submit",
+						size: 200,
+						variant: M ? "danger" : "brand",
+						loading: w,
+						children: "Sign up"
+					})
+				})]
+			}),
+			/* @__PURE__ */ m(l, {
+				as: "p",
+				size: 75,
+				children: [
+					"By signing up, you agree to the",
+					" ",
+					/* @__PURE__ */ p(s, {
+						as: g,
+						href: _,
+						variant: "fancy",
+						children: "Privacy Policy"
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { g as t };

package/dist/{Notification-DHcQtd1k.js → Notification-CJ3iQv3Z.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./clsx-ROFf4vs9.js";
-import { t } from "./esm-C1TDRARf.js";
-import { t as n } from "./Button-9RIB8ZR0.js";
-import { t as r } from "./Container-LAkF4ShX.js";
-import { t as i } from "./NewTag-C-3mRyvV.js";
+import { t as e } from "./clsx-D7D_XZ_-.js";
+import { t } from "./esm-T3Xn_ZHF.js";
+import { t as n } from "./Button-CJp__tle.js";
+import { t as r } from "./Container-DI2smQRq.js";
+import { t as i } from "./Label-BH3YxfNt.js";
 import { useEffect as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 var u = {
@@ -39,7 +39,7 @@ function d({ id: d, content: f, variant: p = "brand", closable: m = !0, onClose:
 			className: u.title,
 			children: [e.tag === "new" && /* @__PURE__ */ c(i, {
 				variant: p,
-				icon: !1
+				iconLeft: !1
 			}), /* @__PURE__ */ c("span", {
 				className: u.titleText,
 				children: e.title

package/dist/{PrefPanel-BTX6RAo4.js → PrefPanel-25erkPRB.js}

@@ -1,8 +1,8 @@
-import { a as e, l as t } from "./utils-C4QGLbxr.js";
-import { t as n } from "./clsx-ROFf4vs9.js";
-import { E as r, g as i, h as a, l as o, r as s } from "./esm-C1TDRARf.js";
-import { t as c } from "./Button-9RIB8ZR0.js";
-import { _ as l, a as u, c as d, d as f, f as p, g as m, h, i as g, l as _, m as v, n as y, o as b, r as x, s as S, t as C, u as w } from "./es2015-CzBBLWyD.js";
+import { d as e, o as t } from "./utils-BCI5dixg.js";
+import { t as n } from "./clsx-D7D_XZ_-.js";
+import { N as r, _ as i, g as a, i as o, u as s } from "./esm-T3Xn_ZHF.js";
+import { t as c } from "./Button-CJp__tle.js";
+import { _ as l, a as u, c as d, d as f, f as p, g as m, h, i as g, l as _, m as v, n as y, o as b, r as x, s as S, t as C, u as w } from "./es2015-C6iv4436.js";
 import * as T from "react";
 import { useLayoutEffect as ee } from "react";
 import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
@@ -1501,13 +1501,13 @@ function Jn({ children: e, id: t, ...i }) {
 	})] });
 }
 function Yn() {
-	let { theme: n, systemTheme: r, setTheme: l } = t(), u = e();
+	let { theme: n, systemTheme: r, setTheme: l } = e(), u = t();
 	return /* @__PURE__ */ O(Hn, { children: [/* @__PURE__ */ D(Wn, {
 		asChild: !0,
 		children: /* @__PURE__ */ O(c, {
 			variant: "transparent",
 			"aria-label": "Preferences",
-			children: [/* @__PURE__ */ D(o, {}), /* @__PURE__ */ D(Un, { className: qn.anchor })]
+			children: [/* @__PURE__ */ D(s, {}), /* @__PURE__ */ D(Un, { className: qn.anchor })]
 		})
 	}), /* @__PURE__ */ D(Gn, { children: /* @__PURE__ */ D(Kn, {
 		sideOffset: 8,
@@ -1532,7 +1532,7 @@ function Yn() {
 				name: "theme",
 				checked: n === "light",
 				onChange: () => l("light"),
-				children: [/* @__PURE__ */ D(s, {}), "Light"]
+				children: [/* @__PURE__ */ D(o, {}), "Light"]
 			}),
 			/* @__PURE__ */ O(Jn, {
 				id: "dark",

package/dist/{Search-DAPCZo13.js → Search-CDHkDXCm.js}

@@ -1,8 +1,8 @@
-import { A as e, C as t, N as n, O as r, b as i, c as a, d as o, f as s, j as c, m as l, s as u, w as d } from "./esm-C1TDRARf.js";
-import { t as f } from "./Button-9RIB8ZR0.js";
-import { _ as p, c as m, f as h, g, h as _, l as v, m as y, s as b, u as x } from "./es2015-CzBBLWyD.js";
-import { t as S } from "./dist-CjrKJb_1.js";
-import { a as C, i as w, n as T, o as E, r as D, s as O } from "./dist-0f0-S8_q.js";
+import { B as e, F as t, L as n, O as r, R as i, S as a, T as o, c as s, f as c, h as l, l as u, p as d } from "./esm-T3Xn_ZHF.js";
+import { t as f } from "./Button-CJp__tle.js";
+import { _ as p, c as m, f as h, g, h as _, l as v, m as y, s as b, u as x } from "./es2015-C6iv4436.js";
+import { t as S } from "./dist-GNbC83fc.js";
+import { a as C, i as w, n as T, o as E, r as D, s as O } from "./dist-fJmWSp8_.js";
 import * as k from "react";
 import A, { useEffect as ee, useRef as te, useState as ne } from "react";
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
@@ -4567,13 +4567,13 @@ function Tt() {
 	}, V = (e) => {
 		h(e.target.value);
 	}, H = {
-		products: /* @__PURE__ */ j(a, {}),
+		products: /* @__PURE__ */ j(u, {}),
 		demo: /* @__PURE__ */ j(l, {}),
-		docs: /* @__PURE__ */ j(r, {}),
-		blog: /* @__PURE__ */ j(n, {}),
-		misc: /* @__PURE__ */ j(i, {}),
-		shop: /* @__PURE__ */ j(u, {}),
-		file: /* @__PURE__ */ j(t, {})
+		docs: /* @__PURE__ */ j(t, {}),
+		blog: /* @__PURE__ */ j(e, {}),
+		misc: /* @__PURE__ */ j(a, {}),
+		shop: /* @__PURE__ */ j(s, {}),
+		file: /* @__PURE__ */ j(o, {})
 	};
 	return /* @__PURE__ */ M(C, {
 		open: v,
@@ -4583,7 +4583,7 @@ function Tt() {
 			children: /* @__PURE__ */ j(f, {
 				variant: "transparent",
 				"aria-label": "Search",
-				children: /* @__PURE__ */ j(o, {})
+				children: /* @__PURE__ */ j(c, {})
 			})
 		}), /* @__PURE__ */ M(w, { children: [/* @__PURE__ */ j(D, { className: Z.overlay }), /* @__PURE__ */ M(T, {
 			className: Z.search,
@@ -4592,7 +4592,7 @@ function Tt() {
 				/* @__PURE__ */ j(S, { children: /* @__PURE__ */ j(E, { children: "Search" }) }),
 				/* @__PURE__ */ M("label", {
 					className: Z.label,
-					children: [/* @__PURE__ */ j(s, {}), /* @__PURE__ */ j("input", {
+					children: [/* @__PURE__ */ j(d, {}), /* @__PURE__ */ j("input", {
 						className: Z.input,
 						placeholder: "Search charts, tutorials, blog posts, or keywords...",
 						ref: k,
@@ -4667,14 +4667,14 @@ function Tt() {
 									className: Z.bottomGroup,
 									children: [/* @__PURE__ */ M("div", {
 										className: Z.bottomIcons,
-										children: [/* @__PURE__ */ j("span", { children: /* @__PURE__ */ j(c, {}) }), /* @__PURE__ */ j("span", { children: /* @__PURE__ */ j(e, {}) })]
+										children: [/* @__PURE__ */ j("span", { children: /* @__PURE__ */ j(i, {}) }), /* @__PURE__ */ j("span", { children: /* @__PURE__ */ j(n, {}) })]
 									}), "Navigate"]
 								}),
 								/* @__PURE__ */ M("div", {
 									className: Z.bottomGroup,
 									children: [/* @__PURE__ */ j("div", {
 										className: Z.bottomIcons,
-										children: /* @__PURE__ */ j("span", { children: /* @__PURE__ */ j(d, {}) })
+										children: /* @__PURE__ */ j("span", { children: /* @__PURE__ */ j(r, {}) })
 									}), "Select"]
 								}),
 								/* @__PURE__ */ M("div", {

package/dist/Typography-nzBx3Yxn.js

@@ -0,0 +1,49 @@
+import { t as e } from "./clsx-D7D_XZ_-.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	code: "va8HNW_code",
+	medium: "va8HNW_medium",
+	normal: "va8HNW_normal",
+	semi: "va8HNW_semi",
+	"size-100": "va8HNW_size-100",
+	"size-1000": "va8HNW_size-1000",
+	"size-200": "va8HNW_size-200",
+	"size-300": "va8HNW_size-300",
+	"size-400": "va8HNW_size-400",
+	"size-50": "va8HNW_size-50",
+	"size-500": "va8HNW_size-500",
+	"size-600": "va8HNW_size-600",
+	"size-700": "va8HNW_size-700",
+	"size-75": "va8HNW_size-75",
+	"size-800": "va8HNW_size-800",
+	"size-900": "va8HNW_size-900",
+	typography: "va8HNW_typography"
+}, i = {
+	primary: "var(--HS-text-primary-default)",
+	secondary: "var(--HS-text-secondary-default)",
+	tertiary: "var(--HS-text-tertiary-default)",
+	brand: "var(--HS-text-brand-default)",
+	brandAlt: "var(--HS-text-brand-default-alt)",
+	brandSelected: "var(--HS-text-brand-selected)",
+	successPrimary: "var(--HS-text-success-Primary)",
+	successSecondary: "var(--HS-text-success-Secondary)",
+	successAlt: "var(--HS-text-success-default-alt)",
+	attention: "var(--HS-text-attention-default)",
+	attentionAlt: "var(--HS-text-attention-default-alt)",
+	danger: "var(--HS-text-danger-default)"
+}, a = t(({ children: t, size: a = 200, weight: o = "normal", color: s = "primary", code: c = !1, as: l = c ? "code" : "span", className: u, style: d, ...f }, p) => {
+	let m = {
+		"--hsui-typography-color": i[s],
+		...d
+	};
+	return /* @__PURE__ */ n(l, {
+		className: e("hsui-typography", u, r.typography, r[`size-${a}`], r[o], { [r.code]: c }),
+		ref: p,
+		style: m,
+		...f,
+		children: t
+	});
+});
+//#endregion
+export { a as t };

package/dist/YoutubeModal-DNaiM6RL.js

@@ -0,0 +1,89 @@
+import { n as e } from "./esm-T3Xn_ZHF.js";
+import { s as t } from "./fa-ByhY-7YY.js";
+import { t as n } from "./dist-GNbC83fc.js";
+import { a as r, i, n as a, o, r as s, s as c, t as l } from "./dist-fJmWSp8_.js";
+import { useEffect as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+var h = {
+	dialogClose: "elwCNG_dialogClose",
+	dialogOverlay: "elwCNG_dialogOverlay",
+	show: "elwCNG_show",
+	youtube: "elwCNG_youtube",
+	youtubeContent: "elwCNG_youtubeContent",
+	youtubeCopy: "elwCNG_youtubeCopy",
+	youtubeMedia: "elwCNG_youtubeMedia",
+	youtubePreview: "elwCNG_youtubePreview",
+	youtubePreviewVisible: "elwCNG_youtubePreviewVisible"
+}, g = "Meet the team behind the charts", _ = "Video: Meet the team behind the charts", v = "https://player.vimeo.com/video/955924808?autoplay=1", y = "https://shop.highcharts.com/footer.webm", b = "200px";
+function x() {
+	let x = d(null), [S, C] = f(!1), [w, T] = f(!1);
+	return u(() => {
+		let e = x.current;
+		if (S || !e) return;
+		if (typeof IntersectionObserver > "u") {
+			C(!0);
+			return;
+		}
+		let t = new IntersectionObserver(([e]) => {
+			e?.isIntersecting && (C(!0), t.disconnect());
+		}, { rootMargin: b });
+		return t.observe(e), () => t.disconnect();
+	}, [S]), /* @__PURE__ */ m(r, {
+		onOpenChange: (e) => e && C(!0),
+		children: [/* @__PURE__ */ p(c, {
+			asChild: !0,
+			children: /* @__PURE__ */ m("button", {
+				ref: x,
+				type: "button",
+				className: h.youtube,
+				"aria-label": g,
+				onPointerEnter: () => C(!0),
+				onFocus: () => C(!0),
+				children: [/* @__PURE__ */ p("span", {
+					className: h.youtubeMedia,
+					"aria-hidden": "true",
+					children: S && /* @__PURE__ */ p("video", {
+						className: `${h.youtubePreview} ${w ? h.youtubePreviewVisible : ""}`,
+						src: y,
+						autoPlay: !0,
+						loop: !0,
+						muted: !0,
+						playsInline: !0,
+						preload: "metadata",
+						onCanPlay: () => T(!0)
+					})
+				}), /* @__PURE__ */ m("span", {
+					className: h.youtubeCopy,
+					children: [/* @__PURE__ */ p(t, {}), /* @__PURE__ */ p("p", { children: g })]
+				})]
+			})
+		}), /* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(s, { className: h.dialogOverlay }), /* @__PURE__ */ m(a, {
+			className: h.youtubeContent,
+			"aria-describedby": void 0,
+			children: [
+				/* @__PURE__ */ p(n, {
+					asChild: !0,
+					children: /* @__PURE__ */ p(o, { children: _ })
+				}),
+				/* @__PURE__ */ p(l, {
+					className: h.dialogClose,
+					"aria-label": "Close",
+					children: /* @__PURE__ */ p(e, {
+						width: 20,
+						height: 20
+					})
+				}),
+				/* @__PURE__ */ p("iframe", {
+					width: "100%",
+					height: "100%",
+					src: v,
+					title: _,
+					allow: "autoplay",
+					allowFullScreen: !0
+				})
+			]
+		})] })]
+	});
+}
+//#endregion
+export { x as t };

package/dist/components/Box/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../Box-Bi-n_ZxQ.js";
+export { e as Box };

package/dist/components/Button/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Button-9RIB8ZR0.js";
+import { t as e } from "../../Button-CJp__tle.js";
 export { e as Button };

package/dist/components/ButtonGroup/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../ButtonGroup-M9-A5Xva.js";
+export { e as ButtonGroup };

package/dist/components/Container/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Container-LAkF4ShX.js";
+import { t as e } from "../../Container-DI2smQRq.js";
 export { e as Container };

package/dist/components/CopyCode/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../CopyCode-BLXf0o74.js";
+export { e as CopyCode };

package/dist/components/DiscordInvite/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../DiscordInvite-Mkr81Pib.js";
+export { e as DiscordInvite };

package/dist/components/Footer/CookiePolicyModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CookiePolicyModal-B2mvebvV.js";
+import { t as e } from "../../CookiePolicyModal-BZkVbILl.js";
 export { e as default };

package/dist/components/Footer/FooterBottom.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../FooterBottom-_AezmdZB.js";
+export { e as default };

package/dist/components/Footer/FooterHelp.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../FooterHelp-CdeMRh1G.js";
+export { e as default };

package/dist/components/Footer/FooterLinks.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../FooterLinks-BUKcScC4.js";
+export { e as default };

package/dist/components/Footer/YoutubeModal.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../YoutubeModal-DNaiM6RL.js";
+export { e as default };

package/dist/components/Footer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Footer-5yMo5akY.js";
+import { t as e } from "../../Footer-bUIou6Hl.js";
 export { e as Footer };

package/dist/components/GPTInput/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../GPTInput-DRFGKJ2u.js";
+import { n as e, t } from "../../GPTInput-DKxJOGYt.js";
 export { e as GPTInput, t as default };

package/dist/components/Header/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Header-BW8ilZxt.js";
+import { n as e, t } from "../../Header-6RIZc0v3.js";
 export { t as Header, e as SubHeader };

package/dist/components/Heading/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../Heading-DuolDa27.js";
+export { e as Heading };

package/dist/components/Icon/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../Icon-Dwo9ZDNX.js";
+export { e as Icon };