highsoft-ui 1.0.144 → 1.0.146

package/dist/{RoadmapDetails-DsLtsnqg.js → RoadmapDetails-CfayA5CZ.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { E as t, I as n, S as r, i } from "./esm-VMwHsplm.js";
-import { t as a } from "./Button-awCDIEXQ.js";
+import { D as t, V as n, j as r, s as i } from "./esm-B0YmMAXt.js";
+import { t as a } from "./Button-DIGyNR41.js";
 import { t as o } from "./Typography-AvvBRu-u.js";
 import { useEffect as s, useRef as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
@@ -68,7 +68,7 @@ function f({ title: f, items: p, primaryAction: m, meta: h, open: g, defaultOpen
 			(m || h) && /* @__PURE__ */ u("div", {
 				className: d.actions,
 				children: [m && ((e) => {
-					let n = e.variant ?? "neutral", i = l(n === "soft" ? t : r, {}), o = e.icon === null ? void 0 : e.icon === void 0 ? i : e.icon;
+					let n = e.variant ?? "neutral", i = l(n === "soft" ? r : t, {}), o = e.icon === null ? void 0 : e.icon === void 0 ? i : e.icon;
 					return /* @__PURE__ */ l(a, {
 						variant: n,
 						size: 200,

package/dist/{Search-CDOpNByw.js → Search-Cw_e1PyF.js}

@@ -1,6 +1,6 @@
 import { a as e, i as t, n, o as r, r as i, t as a } from "./chunk-jwUa06l-.js";
-import { A as o, B as s, D as c, G as l, H as u, N as d, U as f, _ as p, h as m, l as h, m as g, u as _ } from "./esm-VMwHsplm.js";
-import { t as v } from "./Button-awCDIEXQ.js";
+import { F as o, G as s, J as c, M as l, R as u, X as d, _ as f, b as p, f as m, p as h, q as g, v as _ } from "./esm-B0YmMAXt.js";
+import { t as v } from "./Button-DIGyNR41.js";
 import { d as y, h as b, l as x, m as S, p as C, u as w } from "./es2015-DWa0ZZ7A.js";
 import { t as ee } from "./dist-J9cXmrDi.js";
 import { i as T, n as E, r as D, t as O } from "./dist-CE9LFbij.js";
@@ -4501,12 +4501,12 @@ function Wt() {
 	}, le = (e) => {
 		n(e.target.value);
 	}, ue = {
-		products: /* @__PURE__ */ F(_, {}),
+		products: /* @__PURE__ */ F(h, {}),
 		demo: /* @__PURE__ */ F(p, {}),
 		docs: /* @__PURE__ */ F(s, {}),
-		blog: /* @__PURE__ */ F(l, {}),
-		misc: /* @__PURE__ */ F(c, {}),
-		shop: /* @__PURE__ */ F(h, {}),
+		blog: /* @__PURE__ */ F(d, {}),
+		misc: /* @__PURE__ */ F(l, {}),
+		shop: /* @__PURE__ */ F(m, {}),
 		file: /* @__PURE__ */ F(o, {})
 	};
 	return /* @__PURE__ */ I(ie, {
@@ -4517,7 +4517,7 @@ function Wt() {
 			children: /* @__PURE__ */ F(v, {
 				variant: "transparent",
 				"aria-label": "Search",
-				children: /* @__PURE__ */ F(g, {})
+				children: /* @__PURE__ */ F(f, {})
 			})
 		}), /* @__PURE__ */ I(k, { children: [/* @__PURE__ */ F(A, { className: Z.overlay }), /* @__PURE__ */ I(ne, {
 			className: Z.search,
@@ -4526,7 +4526,7 @@ function Wt() {
 				/* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F(te, { children: "Search" }) }),
 				/* @__PURE__ */ I("label", {
 					className: Z.label,
-					children: [/* @__PURE__ */ F(m, {}), /* @__PURE__ */ F("input", {
+					children: [/* @__PURE__ */ F(_, {}), /* @__PURE__ */ F("input", {
 						className: Z.input,
 						placeholder: "Search charts, tutorials, blog posts, or keywords...",
 						ref: S,
@@ -4601,14 +4601,14 @@ function Wt() {
 									className: Z.bottomGroup,
 									children: [/* @__PURE__ */ I("div", {
 										className: Z.bottomIcons,
-										children: [/* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(f, {}) }), /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(u, {}) })]
+										children: [/* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(c, {}) }), /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(g, {}) })]
 									}), "Navigate"]
 								}),
 								/* @__PURE__ */ I("div", {
 									className: Z.bottomGroup,
 									children: [/* @__PURE__ */ F("div", {
 										className: Z.bottomIcons,
-										children: /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(d, {}) })
+										children: /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(u, {}) })
 									}), "Select"]
 								}),
 								/* @__PURE__ */ I("div", {

package/dist/{SearchDropdown-D65lySm_.js → SearchDropdown-ECOTZ1Uf.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { p as t } from "./esm-VMwHsplm.js";
+import { g as t } from "./esm-B0YmMAXt.js";
 import { t as n } from "./Icon-VeXJMj8Q.js";
 import { t as r } from "./InputSolo-DUdKtZjX.js";
 import { useCallback as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";

package/dist/VideoCover-BN8wnHpf.js

@@ -0,0 +1,92 @@
+import { t as e } from "./clsx-BWCAbrjV.js";
+import { forwardRef as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = {
+	content: "a1m2bq_content",
+	cover: "a1m2bq_cover",
+	hoverZoom: "a1m2bq_hoverZoom",
+	poster: "a1m2bq_poster",
+	reduced: "a1m2bq_reduced",
+	video: "a1m2bq_video"
+}, l = t(({ src: t, sources: l, poster: u, fit: d = "cover", autoPlay: f = !0, loop: p = !0, muted: m = !0, playsInline: h = !0, preload: g = "auto", lazy: _ = !0, hoverZoom: v = !1, reducedMotion: y, aspectRatio: b, radius: x = 0, children: S, "aria-label": C, className: w, style: T }, E) => {
+	let D = i(null), O = i(null), [k, A] = a(!_), [j, M] = a(!1), N = !C, P = n((e) => {
+		O.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
+	}, [E]), [F, I] = a(() => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+	r(() => {
+		if (typeof window > "u" || !window.matchMedia) return;
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => I(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []);
+	let L = y === void 0 ? F ? "no-animation" : !1 : y === !0 ? "no-animation" : y, R = L !== !1, z = f && !R, B = n(() => {
+		let e = O.current;
+		e && (e.pause(), L === "skip-to-end" && Number.isFinite(e.duration) ? e.currentTime = Math.max(0, e.duration - .05) : L === "no-animation" && (e.currentTime = 0));
+	}, [L]);
+	return r(() => {
+		let e = O.current;
+		!e || !k || (R ? B() : f && e.play().catch(() => {}));
+	}, [
+		R,
+		k,
+		f,
+		B
+	]), r(() => {
+		if (k) return;
+		let e = D.current;
+		if (!e || typeof IntersectionObserver > "u") {
+			A(!0);
+			return;
+		}
+		let t = new IntersectionObserver(([e]) => {
+			e?.isIntersecting && (A(!0), t.disconnect());
+		}, { rootMargin: "200px" });
+		return t.observe(e), () => t.disconnect();
+	}, [k]), /* @__PURE__ */ s("div", {
+		ref: D,
+		className: e("hsui-video-cover", c.cover, {
+			[c.hoverZoom]: v,
+			[c.reduced]: R
+		}, w),
+		style: {
+			"--vc-radius": `${x}px`,
+			aspectRatio: b,
+			...T
+		},
+		role: N ? "presentation" : "img",
+		"aria-label": C,
+		children: [
+			u && /* @__PURE__ */ o("img", {
+				className: c.poster,
+				style: { objectFit: d },
+				src: u,
+				alt: "",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ o("video", {
+				ref: P,
+				className: c.video,
+				style: { objectFit: d },
+				src: k && !l ? t : void 0,
+				autoPlay: z,
+				loop: p,
+				muted: m,
+				playsInline: h,
+				preload: k ? g : "none",
+				"data-ready": j || void 0,
+				onCanPlay: () => M(!0),
+				onLoadedMetadata: R ? B : void 0,
+				"aria-hidden": N || void 0,
+				children: k && l?.map((e) => /* @__PURE__ */ o("source", {
+					src: e.src,
+					type: e.type
+				}, e.src))
+			}),
+			S != null && /* @__PURE__ */ o("div", {
+				className: c.content,
+				children: S
+			})
+		]
+	});
+});
+l.displayName = "VideoCover";
+//#endregion
+export { l as t };

package/dist/VideoPlayer-CKjq7IRq.js

@@ -0,0 +1,324 @@
+import { t as e } from "./clsx-BWCAbrjV.js";
+import { C as t, E as n, a as r, i, r as a } from "./esm-B0YmMAXt.js";
+import { t as o } from "./Icon-VeXJMj8Q.js";
+import { detectProvider as s, providerPosterUrl as c, useMediaEngine as l } from "./components/VideoPlayer/useMediaEngine.js";
+import { forwardRef as u, useCallback as d, useEffect as f, useId as p, useImperativeHandle as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+var y = {
+	button: "_1OFWhq_button",
+	centerPlay: "_1OFWhq_centerPlay",
+	controlBar: "_1OFWhq_controlBar",
+	dragging: "_1OFWhq_dragging",
+	embed: "_1OFWhq_embed",
+	idle: "_1OFWhq_idle",
+	player: "_1OFWhq_player",
+	progress: "_1OFWhq_progress",
+	scrim: "_1OFWhq_scrim",
+	slider: "_1OFWhq_slider",
+	sliderBuffered: "_1OFWhq_sliderBuffered",
+	sliderFill: "_1OFWhq_sliderFill",
+	sliderThumb: "_1OFWhq_sliderThumb",
+	sliderTrack: "_1OFWhq_sliderTrack",
+	startCover: "_1OFWhq_startCover",
+	tapLayer: "_1OFWhq_tapLayer",
+	time: "_1OFWhq_time",
+	timeDuration: "_1OFWhq_timeDuration",
+	video: "_1OFWhq_video",
+	volumePopover: "_1OFWhq_volumePopover",
+	volumeSlider: "_1OFWhq_volumeSlider",
+	volumeWrap: "_1OFWhq_volumeWrap"
+}, b = "var(--HS-text-brand-default-alt)", x = 2600;
+function S(e) {
+	if (!Number.isFinite(e) || e < 0) return "0:00";
+	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = n > 0 ? String(r).padStart(2, "0") : String(r), o = String(i).padStart(2, "0");
+	return n > 0 ? `${n}:${a}:${o}` : `${a}:${o}`;
+}
+var C = (e) => Math.max(0, Math.min(1, e));
+function w({ value: t, buffered: n, ariaLabel: r, ariaValueText: i, className: a, step: o = .05, onChange: s, onScrubStart: c, onScrubEnd: l }) {
+	let u = h(null), [f, p] = g(!1), m = (e) => `${C(e) * 100}%`, b = d((e) => {
+		let t = u.current;
+		if (!t) return 0;
+		let n = t.getBoundingClientRect();
+		return C((e - n.left) / n.width);
+	}, []), x = (e) => {
+		e.preventDefault(), u.current?.setPointerCapture(e.pointerId), p(!0), c?.(), s(b(e.clientX));
+	}, S = (e) => {
+		f && s(b(e.clientX));
+	}, w = (e) => {
+		f && (p(!1), l?.(), u.current?.releasePointerCapture?.(e.pointerId));
+	}, T = (e) => {
+		let n = null;
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowUp":
+				n = t + o;
+				break;
+			case "ArrowLeft":
+			case "ArrowDown":
+				n = t - o;
+				break;
+			case "Home":
+				n = 0;
+				break;
+			case "End":
+				n = 1;
+				break;
+			default: return;
+		}
+		e.preventDefault(), e.stopPropagation(), s(C(n));
+	};
+	return /* @__PURE__ */ v("div", {
+		ref: u,
+		role: "slider",
+		tabIndex: 0,
+		"aria-label": r,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": Math.round(C(t) * 100),
+		"aria-valuetext": i,
+		className: e(y.slider, a, { [y.dragging]: f }),
+		onPointerDown: x,
+		onPointerMove: S,
+		onPointerUp: w,
+		onPointerCancel: w,
+		onKeyDown: T,
+		children: [/* @__PURE__ */ v("div", {
+			className: y.sliderTrack,
+			children: [n != null && /* @__PURE__ */ _("div", {
+				className: y.sliderBuffered,
+				style: { width: m(n) }
+			}), /* @__PURE__ */ _("div", {
+				className: y.sliderFill,
+				style: { width: m(t) }
+			})]
+		}), /* @__PURE__ */ _("span", {
+			className: y.sliderThumb,
+			style: { left: m(t) }
+		})]
+	});
+}
+var T = () => /* @__PURE__ */ _("svg", {
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	focusable: "false",
+	children: /* @__PURE__ */ _("path", { d: "M8 5.14v13.72c0 .86.94 1.39 1.68.95l11.02-6.86a1.12 1.12 0 0 0 0-1.9L9.68 4.19A1.12 1.12 0 0 0 8 5.14Z" })
+}), ee = () => /* @__PURE__ */ v("svg", {
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	focusable: "false",
+	children: [/* @__PURE__ */ _("rect", {
+		x: "6",
+		y: "5",
+		width: "4",
+		height: "14",
+		rx: "1.6"
+	}), /* @__PURE__ */ _("rect", {
+		x: "14",
+		y: "5",
+		width: "4",
+		height: "14",
+		rx: "1.6"
+	})]
+}), E = u(({ src: u, sources: E, poster: D, muted: O = !1, autoPlay: k = !1, loop: A = !1, playsInline: j = !0, preload: te = "metadata", aspectRatio: ne = "16 / 9", radius: re = 16, accentGradient: ie = b, "aria-label": M = "Video player", className: N, style: P }, F) => {
+	let I = s(u, !!E?.length), L = I !== "file", R = l({
+		provider: I,
+		src: u,
+		muted: O,
+		autoPlay: k,
+		loop: A
+	}), { state: z } = R, B = h(null), V = h(null), H = h(void 0), U = p(), W = d((e) => {
+		V.current = e, R.videoRef(e);
+	}, [R]);
+	m(F, () => V.current, []);
+	let [G, K] = g(!1), [q, J] = g(!1), [ae, Y] = g(!1), [oe, se] = g(!1), [ce, X] = g(void 0);
+	f(() => {
+		z.playing && se(!0);
+	}, [z.playing]), f(() => {
+		if (X(void 0), I !== "vimeo" || D || !u) return;
+		let e = !1;
+		return fetch(`https://vimeo.com/api/oembed.json?url=${encodeURIComponent(u)}&width=1280`).then((e) => e.ok ? e.json() : null).then((t) => {
+			!e && t?.thumbnail_url && X(t.thumbnail_url);
+		}).catch(() => {}), () => {
+			e = !0;
+		};
+	}, [
+		I,
+		D,
+		u
+	]), f(() => {
+		let e = () => K(document.fullscreenElement === B.current);
+		return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
+	}, []);
+	let Z = d(() => {
+		J(!1), window.clearTimeout(H.current), H.current = window.setTimeout(() => J(!0), x);
+	}, []);
+	f(() => () => window.clearTimeout(H.current), []);
+	let Q = d(() => {
+		let e = B.current;
+		e && (document.fullscreenElement === e ? document.exitFullscreen().catch(() => {}) : e.requestFullscreen?.().catch(() => {}));
+	}, []), le = (e) => {
+		if (e.target.getAttribute("role") !== "slider") switch (e.key) {
+			case " ":
+			case "k":
+				e.preventDefault(), R.toggle();
+				break;
+			case "f":
+				e.preventDefault(), Q();
+				break;
+			case "m":
+				e.preventDefault(), R.toggleMute();
+				break;
+			case "ArrowRight":
+				e.preventDefault(), R.seekBy(5);
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), R.seekBy(-5);
+				break;
+			default:
+		}
+	}, $ = D ?? c(I, u) ?? ce, ue = z.duration ? C(z.currentTime / z.duration) : 0, de = z.muted || z.volume === 0 ? a : z.volume < .5 ? i : r, fe = {
+		"--vp-radius": `${re}px`,
+		"--vp-gradient": ie,
+		aspectRatio: G ? void 0 : ne
+	}, pe = I === "file" ? /* @__PURE__ */ _("video", {
+		ref: W,
+		className: y.video,
+		src: E ? void 0 : u,
+		poster: D,
+		muted: O,
+		autoPlay: k,
+		loop: A,
+		playsInline: j,
+		preload: te,
+		onClick: R.toggle,
+		children: E?.map((e) => /* @__PURE__ */ _("source", {
+			src: e.src,
+			type: e.type
+		}, e.src))
+	}) : /* @__PURE__ */ _("div", {
+		ref: R.mountRef,
+		className: y.embed
+	});
+	return /* @__PURE__ */ v("div", {
+		ref: B,
+		role: "region",
+		"aria-label": M,
+		"aria-labelledby": U,
+		tabIndex: 0,
+		className: e("hsui-video-player", y.player, {
+			[y.playing]: z.playing,
+			[y.ended]: z.ended,
+			[y.idle]: q && z.playing && !ae
+		}, N),
+		style: {
+			...fe,
+			...P
+		},
+		onPointerMove: Z,
+		onPointerLeave: () => z.playing && J(!0),
+		onKeyDown: le,
+		onDoubleClick: Q,
+		children: [
+			/* @__PURE__ */ _("span", {
+				id: U,
+				className: "sr-only",
+				children: M
+			}),
+			pe,
+			L && !oe && /* @__PURE__ */ _("div", {
+				className: y.startCover,
+				"aria-hidden": "true",
+				style: $ ? { backgroundImage: `url("${$}")` } : void 0
+			}),
+			L && /* @__PURE__ */ _("button", {
+				type: "button",
+				className: y.tapLayer,
+				onClick: R.toggle,
+				"aria-label": z.playing ? "Pause" : "Play",
+				tabIndex: -1
+			}),
+			/* @__PURE__ */ _("div", {
+				className: y.scrim,
+				"aria-hidden": "true"
+			}),
+			!z.playing && /* @__PURE__ */ _("button", {
+				type: "button",
+				className: y.centerPlay,
+				onClick: R.toggle,
+				"aria-label": z.ended ? "Replay" : "Play",
+				tabIndex: -1,
+				children: /* @__PURE__ */ _(T, {})
+			}),
+			/* @__PURE__ */ v("div", {
+				className: y.controlBar,
+				children: [
+					/* @__PURE__ */ _("button", {
+						type: "button",
+						className: y.button,
+						onClick: R.toggle,
+						"aria-label": z.playing ? "Pause" : "Play",
+						children: z.playing ? /* @__PURE__ */ _(ee, {}) : /* @__PURE__ */ _(T, {})
+					}),
+					/* @__PURE__ */ v("div", {
+						className: y.volumeWrap,
+						children: [/* @__PURE__ */ _("button", {
+							type: "button",
+							className: y.button,
+							onClick: R.toggleMute,
+							"aria-label": z.muted ? "Unmute" : "Mute",
+							"aria-pressed": z.muted,
+							children: /* @__PURE__ */ _(o, {
+								name: de,
+								size: 20
+							})
+						}), /* @__PURE__ */ _("div", {
+							className: y.volumePopover,
+							children: /* @__PURE__ */ _(w, {
+								className: y.volumeSlider,
+								value: z.volume,
+								ariaLabel: "Volume",
+								ariaValueText: `${Math.round(z.volume * 100)}%`,
+								onChange: R.setVolume
+							})
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: y.time,
+						children: S(z.currentTime)
+					}),
+					/* @__PURE__ */ _(w, {
+						className: y.progress,
+						value: ue,
+						buffered: z.buffered,
+						ariaLabel: "Seek",
+						ariaValueText: `${S(z.currentTime)} of ${S(z.duration)}`,
+						onChange: R.seekFraction,
+						onScrubStart: () => {
+							Y(!0), R.beginSeek();
+						},
+						onScrubEnd: () => {
+							Y(!1), R.endSeek();
+						}
+					}),
+					/* @__PURE__ */ _("span", {
+						className: e(y.time, y.timeDuration),
+						children: S(z.duration)
+					}),
+					/* @__PURE__ */ _("button", {
+						type: "button",
+						className: y.button,
+						onClick: Q,
+						"aria-label": G ? "Exit fullscreen" : "Enter fullscreen",
+						children: /* @__PURE__ */ _(o, {
+							name: G ? t : n,
+							size: 20
+						})
+					})
+				]
+			})
+		]
+	});
+});
+E.displayName = "VideoPlayer";
+//#endregion
+export { E as t };

package/dist/VideoPlayerModal-DbP3OjSF.js

@@ -0,0 +1,55 @@
+import { n as e } from "./esm-B0YmMAXt.js";
+import { t } from "./dist-J9cXmrDi.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-f0z6DapB.js";
+import { t as l } from "./VideoPlayer-CKjq7IRq.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = {
+	close: "ig0T5q_close",
+	content: "ig0T5q_content",
+	frame: "ig0T5q_frame",
+	overlay: "ig0T5q_overlay",
+	"vpm-content-in": "ig0T5q_vpm-content-in",
+	"vpm-overlay-in": "ig0T5q_vpm-overlay-in"
+};
+//#endregion
+//#region lib/components/VideoPlayer/VideoPlayerModal.tsx
+function p({ trigger: p, open: m, defaultOpen: h, onOpenChange: g, title: _ = "Video", maxWidth: v = 900, closeLabel: y = "Close", autoPlay: b = !0, ...x }) {
+	return /* @__PURE__ */ d(c, {
+		open: m,
+		defaultOpen: h,
+		onOpenChange: g,
+		children: [p && /* @__PURE__ */ u(s, {
+			asChild: !0,
+			children: p
+		}), /* @__PURE__ */ d(n, { children: [/* @__PURE__ */ u(r, { className: f.overlay }), /* @__PURE__ */ d(o, {
+			className: f.content,
+			"aria-describedby": void 0,
+			children: [
+				/* @__PURE__ */ u(t, {
+					asChild: !0,
+					children: /* @__PURE__ */ u(a, { children: _ })
+				}),
+				/* @__PURE__ */ u(i, {
+					className: f.close,
+					"aria-label": y,
+					children: /* @__PURE__ */ u(e, {
+						width: 20,
+						height: 20
+					})
+				}),
+				/* @__PURE__ */ u("div", {
+					className: f.frame,
+					style: { maxWidth: v },
+					children: /* @__PURE__ */ u(l, {
+						autoPlay: b,
+						"aria-label": _,
+						...x
+					})
+				})
+			]
+		})] })]
+	});
+}
+p.displayName = "VideoPlayerModal";
+//#endregion
+export { p as t };

package/dist/YoutubeModal-D_ZHayEn.js

@@ -0,0 +1,35 @@
+import { s as e } from "./fa-B95RwBpz.js";
+import { t } from "./VideoCover-BN8wnHpf.js";
+import { t as n } from "./VideoPlayerModal-DbP3OjSF.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+var a = {
+	youtube: "elwCNG_youtube",
+	youtubeCopy: "elwCNG_youtubeCopy",
+	youtubeMedia: "elwCNG_youtubeMedia"
+}, o = "Meet the team behind the charts", s = "Video: Meet the team behind the charts", c = "https://vimeo.com/955924808", l = "https://shop.highcharts.com/footer.webm";
+function u() {
+	return /* @__PURE__ */ r(n, {
+		title: s,
+		src: c,
+		trigger: /* @__PURE__ */ r("button", {
+			type: "button",
+			className: a.youtube,
+			"aria-label": o,
+			children: /* @__PURE__ */ r(t, {
+				className: a.youtubeMedia,
+				sources: [{
+					src: l,
+					type: "video/webm"
+				}],
+				preload: "metadata",
+				hoverZoom: !0,
+				children: /* @__PURE__ */ i("span", {
+					className: a.youtubeCopy,
+					children: [/* @__PURE__ */ r(e, {}), /* @__PURE__ */ r("p", { children: o })]
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { u as t };

package/dist/components/Button/index.js

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

package/dist/components/ButtonGroup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ButtonGroup-Cwn0djAz.js";
+import { t as e } from "../../ButtonGroup-BSQzx-sZ.js";
 export { e as ButtonGroup };

package/dist/components/Checkbox/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Checkbox-CrF45NBl.js";
+import { n as e, t } from "../../Checkbox-wlH6EGWW.js";
 export { t as Checkbox, e as CheckboxGroup };

package/dist/components/CodeBlock/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CodeBlock-BIdeK3gz.js";
+import { t as e } from "../../CodeBlock-DtTAC5ru.js";
 export { e as CodeBlock };

package/dist/components/CopyCode/index.js

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

package/dist/components/Dropdown/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../Dropdown-0Vn7yro7.js";
+import { n as e, r as t, t as n } from "../../Dropdown-CVyrHJiC.js";
 export { n as Dropdown, e as DropdownItem, t as DropdownSeparator };

package/dist/components/Footer/CookiePolicyModal.js

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

package/dist/components/Footer/FooterBottom.js

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

package/dist/components/Footer/FooterHelp.js

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

package/dist/components/Footer/FooterLinks.js

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

package/dist/components/Footer/YoutubeModal.js

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

package/dist/components/Footer/index.js

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

package/dist/components/Header/index.js

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

package/dist/components/InputGrouped/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../InputGrouped-DyxraUpb.js";
+import { i as e, n as t, r as n, t as r } from "../../InputGrouped-BE3zLov9.js";
 export { r as FormGroup, t as FormRow, n as InputGrouped, e as SelectGrouped };

package/dist/components/Label/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Label-DdXaM1Bo.js";
+import { n as e, t } from "../../Label-C_KZM-FN.js";
 export { t as Label, e as NewTag };