highsoft-ui 1.0.116 → 1.0.118

package/dist/Box-Bi-n_ZxQ.js

@@ -0,0 +1,69 @@
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+var n = {
+	"bg-0": "__OayG_bg-0",
+	"bg-100": "__OayG_bg-100",
+	"bg-50": "__OayG_bg-50",
+	"border-200": "__OayG_border-200",
+	"border-300": "__OayG_border-300",
+	bordered: "__OayG_bordered",
+	box: "__OayG_box",
+	"gap-0": "__OayG_gap-0",
+	"gap-1000": "__OayG_gap-1000",
+	"gap-200": "__OayG_gap-200",
+	"gap-400": "__OayG_gap-400",
+	"gap-600": "__OayG_gap-600",
+	"gap-700": "__OayG_gap-700",
+	"gap-800": "__OayG_gap-800",
+	"gap-900": "__OayG_gap-900",
+	hoverable: "__OayG_hoverable",
+	"padding-0": "__OayG_padding-0",
+	"padding-100": "__OayG_padding-100",
+	"padding-1000": "__OayG_padding-1000",
+	"padding-200": "__OayG_padding-200",
+	"padding-300": "__OayG_padding-300",
+	"padding-400": "__OayG_padding-400",
+	"padding-500": "__OayG_padding-500",
+	"padding-600": "__OayG_padding-600",
+	"padding-700": "__OayG_padding-700",
+	"padding-800": "__OayG_padding-800",
+	"padding-900": "__OayG_padding-900",
+	"radius-0": "__OayG_radius-0",
+	"radius-16": "__OayG_radius-16",
+	"radius-32": "__OayG_radius-32",
+	"radius-4": "__OayG_radius-4",
+	"radius-8": "__OayG_radius-8",
+	"shadow-100": "__OayG_shadow-100",
+	"shadow-200": "__OayG_shadow-200",
+	"shadow-300": "__OayG_shadow-300",
+	"shadow-50": "__OayG_shadow-50"
+}, r = e(function({ as: e, background: r = 0, border: i = !0, radius: a = 8, padding: o = 600, gap: s, shadow: c, hoverable: l, className: u, style: d, children: f, ...p }, m) {
+	return /* @__PURE__ */ t(e || "div", {
+		ref: m,
+		className: [
+			n.box,
+			r !== void 0 && n[`bg-${r}`],
+			i === !0 && n.bordered,
+			i === 200 && `${n.bordered} ${n["border-200"]}`,
+			i === 300 && `${n.bordered} ${n["border-300"]}`,
+			i === 100 && n.bordered,
+			a !== void 0 && n[`radius-${a}`],
+			o !== void 0 && n[`padding-${o}`],
+			s !== void 0 && n[`gap-${s}`],
+			c !== void 0 && n[`shadow-${c}`],
+			l && n.hoverable,
+			u
+		].filter(Boolean).join(" "),
+		style: {
+			...s === void 0 ? {} : {
+				display: "flex",
+				flexDirection: "column"
+			},
+			...d
+		},
+		...p,
+		children: f
+	});
+});
+//#endregion
+export { r as t };

package/dist/Button-CJp__tle.js

@@ -0,0 +1,63 @@
+import { t as e } from "./clsx-D7D_XZ_-.js";
+import { b as t } from "./esm-T3Xn_ZHF.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+var a = {
+	attention: "QF-Hta_attention",
+	brand: "QF-Hta_brand",
+	button: "QF-Hta_button",
+	content: "QF-Hta_content",
+	danger: "QF-Hta_danger",
+	disabled: "QF-Hta_disabled",
+	full: "QF-Hta_full",
+	hidden: "QF-Hta_hidden",
+	loader: "QF-Hta_loader",
+	loading: "QF-Hta_loading",
+	neutral: "QF-Hta_neutral",
+	plain: "QF-Hta_plain",
+	"size-100": "QF-Hta_size-100",
+	"size-200": "QF-Hta_size-200",
+	"size-300": "QF-Hta_size-300",
+	"size-400": "QF-Hta_size-400",
+	"size-50": "QF-Hta_size-50",
+	"size-500": "QF-Hta_size-500",
+	soft: "QF-Hta_soft",
+	spin: "QF-Hta_spin",
+	spinner: "QF-Hta_spinner",
+	success: "QF-Hta_success",
+	transparent: "QF-Hta_transparent"
+}, o = n(({ children: n, variant: o = "neutral", size: s = 200, fullWidth: c = !1, loading: l, iconLeft: u, iconRight: d, as: f, disabled: p, className: m, href: h, type: g, onClick: _, ...v }, y) => {
+	let b = o === "white" ? "soft" : o, x = f || (h ? "a" : "button"), S = x === "button", C = p || l;
+	return /* @__PURE__ */ i(x, {
+		className: e("hsui-button", m, a.button, a[b], a[`size-${s}`], {
+			[a.full]: c,
+			[a.loading]: l,
+			[a.disabled]: !S && C
+		}),
+		ref: y,
+		onClick: !S && C ? (e) => e.preventDefault() : _,
+		...S ? {
+			type: g || "button",
+			disabled: C
+		} : {
+			href: C ? void 0 : h,
+			role: "button",
+			"aria-disabled": C || void 0,
+			tabIndex: C ? -1 : 0
+		},
+		...v,
+		children: [l && /* @__PURE__ */ r("span", {
+			className: a.loader,
+			children: /* @__PURE__ */ r(t, { className: a.spinner })
+		}), /* @__PURE__ */ i("span", {
+			className: e(a.content, { [a.hidden]: l }),
+			children: [
+				u,
+				n,
+				d
+			]
+		})]
+	});
+});
+//#endregion
+export { o as t };

package/dist/ButtonGroup-M9-A5Xva.js

@@ -0,0 +1,53 @@
+import { t as e } from "./clsx-D7D_XZ_-.js";
+import { t } from "./Button-CJp__tle.js";
+import { useEffect as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+var a = {
+	buttonGroup: "qkD_Ga_buttonGroup",
+	full: "qkD_Ga_full",
+	item: "qkD_Ga_item",
+	itemSelected: "qkD_Ga_itemSelected",
+	"size-100": "qkD_Ga_size-100",
+	"size-200": "qkD_Ga_size-200",
+	"size-300": "qkD_Ga_size-300",
+	"size-400": "qkD_Ga_size-400",
+	"size-50": "qkD_Ga_size-50",
+	"size-500": "qkD_Ga_size-500"
+};
+//#endregion
+//#region lib/components/ButtonGroup/index.tsx
+function o({ items: o, value: s, defaultValue: c, onChange: l, size: u = 200, fullWidth: d = !1, className: f, ...p }) {
+	let m = o.find((e) => !e.disabled)?.value, [h, g] = r(c ?? m);
+	n(() => {
+		s === void 0 && (o.some((e) => e.value === h && !e.disabled) || g(m));
+	}, [
+		m,
+		h,
+		o,
+		s
+	]);
+	let _ = s ?? h, v = (e, t) => {
+		t.buttonProps?.onClick?.(e), !(e.defaultPrevented || t.disabled) && (s === void 0 && g(t.value), t.value !== _ && l?.(t.value, t));
+	};
+	return /* @__PURE__ */ i("div", {
+		className: e("hsui-button-group", a.buttonGroup, a[`size-${u}`], { [a.full]: d }, f),
+		role: "group",
+		...p,
+		children: o.map((n) => {
+			let r = n.value === _;
+			return /* @__PURE__ */ i(t, {
+				...n.buttonProps,
+				className: e(a.item, n.buttonProps?.className, { [a.itemSelected]: r }),
+				variant: r ? "soft" : "plain",
+				size: u,
+				iconLeft: n.iconLeft,
+				disabled: n.disabled,
+				"aria-pressed": r,
+				onClick: (e) => v(e, n),
+				children: n.label
+			}, n.value);
+		})
+	});
+}
+//#endregion
+export { o as t };

package/dist/{Container-LAkF4ShX.js → Container-DI2smQRq.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-ROFf4vs9.js";
+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 = { container: "mkfCBG_container" }, i = t(({ children: t, className: i, as: a = "div", ...o }, s) => /* @__PURE__ */ n(a, {

package/dist/{CookiePolicyModal-B2mvebvV.js → CookiePolicyModal-BZkVbILl.js}

@@ -1,47 +1,13 @@
-import { t as e } from "./esm-C1TDRARf.js";
-import { t } from "./Button-9RIB8ZR0.js";
-import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-0f0-S8_q.js";
+import { t as e } from "./esm-T3Xn_ZHF.js";
+import { t } from "./Button-CJp__tle.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-fJmWSp8_.js";
 import { useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 var m = {
-	bottom: "wUsx_G_bottom",
-	bottomLinks: "wUsx_G_bottomLinks",
-	cookiePolicy: "wUsx_G_cookiePolicy",
-	cookiePolicyClose: "wUsx_G_cookiePolicyClose",
-	copyright: "wUsx_G_copyright",
-	discord: "wUsx_G_discord",
-	discordAvatars: "wUsx_G_discordAvatars",
-	discordAvatarStatus: "wUsx_G_discordAvatarStatus",
-	discordContent: "wUsx_G_discordContent",
-	discordJoin: "wUsx_G_discordJoin",
-	discordMembers: "wUsx_G_discordMembers",
-	discordPlus: "wUsx_G_discordPlus",
-	error: "wUsx_G_error",
-	footer: "wUsx_G_footer",
-	help: "wUsx_G_help",
-	helpBall: "wUsx_G_helpBall",
-	helpContent: "wUsx_G_helpContent",
-	helpItem: "wUsx_G_helpItem",
-	helpWays: "wUsx_G_helpWays",
-	highcharts: "wUsx_G_highcharts",
-	links: "wUsx_G_links",
-	logo: "wUsx_G_logo",
-	newsletter: "wUsx_G_newsletter",
-	newsletterContent: "wUsx_G_newsletterContent",
-	newsletterError: "wUsx_G_newsletterError",
-	norway: "wUsx_G_norway",
-	notCharts: "wUsx_G_notCharts",
-	online: "wUsx_G_online",
-	outer: "wUsx_G_outer",
-	show: "wUsx_G_show",
-	socials: "wUsx_G_socials",
-	success: "wUsx_G_success",
-	tabletBottomLeft: "wUsx_G_tabletBottomLeft",
-	tagged: "wUsx_G_tagged",
-	top: "wUsx_G_top",
-	youtube: "wUsx_G_youtube",
-	youtubeContent: "wUsx_G_youtubeContent",
-	youtubeOverlay: "wUsx_G_youtubeOverlay"
+	cookiePolicy: "icxbVG_cookiePolicy",
+	cookiePolicyClose: "icxbVG_cookiePolicyClose",
+	dialogOverlay: "icxbVG_dialogOverlay",
+	show: "icxbVG_show"
 };
 //#endregion
 //#region lib/components/Footer/CookiePolicyModal.tsx
@@ -66,7 +32,7 @@ function h() {
 				id: "cookiePolicyModal",
 				children: "Cookie Policy"
 			})
-		}), /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f(o, { className: m.youtubeOverlay }), /* @__PURE__ */ p(i, {
+		}), /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f(o, { className: m.dialogOverlay }), /* @__PURE__ */ p(i, {
 			className: m.cookiePolicy,
 			"aria-describedby": void 0,
 			children: [
@@ -87,4 +53,4 @@ function h() {
 	});
 }
 //#endregion
-export { m as n, h as t };
+export { h as t };

package/dist/CopyCode-BLXf0o74.js

@@ -0,0 +1,40 @@
+import { r as e, s as t } from "./utils-BCI5dixg.js";
+import { t as n } from "./clsx-D7D_XZ_-.js";
+import { N as r, k as i } from "./esm-T3Xn_ZHF.js";
+import { t as a } from "./Button-CJp__tle.js";
+import { forwardRef as o, useCallback as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+var u = {
+	button: "eKa8EW_button",
+	code: "eKa8EW_code",
+	wrapper: "eKa8EW_wrapper"
+}, d = o(({ children: o, label: d = "Copy", copiedLabel: f = "Copied", duration: p = 2e3, className: m, ...h }, g) => {
+	let [_, v] = e(), [y, b] = t(p), x = v || b, S = s(async () => {
+		y(), await _(o);
+	}, [
+		o,
+		_,
+		y
+	]);
+	return /* @__PURE__ */ l("div", {
+		ref: g,
+		className: n(u.wrapper, m),
+		...h,
+		children: [/* @__PURE__ */ c("code", {
+			className: u.code,
+			children: o
+		}), /* @__PURE__ */ c(a, {
+			variant: x ? "success" : "soft",
+			size: 200,
+			iconLeft: c(x ? r : i, {}),
+			onClick: (e) => {
+				e.stopPropagation(), S();
+			},
+			"aria-label": x ? f : `${d}: ${o}`,
+			className: u.button,
+			children: x ? f : d
+		})]
+	});
+});
+//#endregion
+export { d as t };

package/dist/DiscordInvite-Mkr81Pib.js

@@ -0,0 +1,92 @@
+import { t as e } from "./clsx-D7D_XZ_-.js";
+import { t } from "./fa-ByhY-7YY.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+var s = {
+	avatars: "E2qh9a_avatars",
+	card: "E2qh9a_card",
+	content: "E2qh9a_content",
+	heading: "E2qh9a_heading",
+	join: "E2qh9a_join",
+	members: "E2qh9a_members",
+	online: "E2qh9a_online",
+	plus: "E2qh9a_plus",
+	status: "E2qh9a_status"
+};
+//#endregion
+//#region lib/components/DiscordInvite/index.tsx
+function c({ href: c, inviteCode: l = "xHxxcyyy6K", guildId: u = "1318933807059042305", memberLimit: d = 5, className: f, "aria-label": p, ...m }) {
+	let h = r(null), [g, _] = i(0), [v, y] = i({ members: [] });
+	return n(() => {
+		let e = !1, t = async () => {
+			try {
+				return (await (await fetch(`https://discord.com/api/v9/invites/${l}?with_counts=true`)).json())?.approximate_member_count || 0;
+			} catch {
+				return 0;
+			}
+		}, n = async () => {
+			try {
+				let e = await (await fetch(`https://discord.com/api/guilds/${u}/widget.json`)).json() || {};
+				return { members: Array.isArray(e.members) ? e.members : [] };
+			} catch {
+				return { members: [] };
+			}
+		}, r = async () => {
+			let [r, i] = await Promise.all([t(), n()]);
+			e || (_(r), y(i));
+		}, i = h.current;
+		if (!i) return;
+		if (typeof IntersectionObserver > "u") return r(), () => {
+			e = !0;
+		};
+		let a = new IntersectionObserver((e) => {
+			e[0]?.isIntersecting && (a.disconnect(), r());
+		}, { rootMargin: "100px" });
+		return a.observe(i), () => {
+			e = !0, a.disconnect();
+		};
+	}, [u, l]), /* @__PURE__ */ o("a", {
+		ref: h,
+		className: e(s.card, f),
+		href: c ?? `https://discord.com/invite/${l}`,
+		"aria-label": p ?? "Join the Highcharts Discord community",
+		...m,
+		children: [
+			/* @__PURE__ */ o("h2", {
+				className: s.heading,
+				children: [
+					/* @__PURE__ */ a(t, {}),
+					"Discord ",
+					/* @__PURE__ */ a("span", { children: "/ Total" })
+				]
+			}),
+			/* @__PURE__ */ o("p", {
+				className: s.content,
+				children: [
+					/* @__PURE__ */ a("span", {
+						className: s.join,
+						children: "Join us"
+					}),
+					" ",
+					!!g && /* @__PURE__ */ o("span", {
+						className: s.members,
+						children: [g, " members"]
+					})
+				]
+			}),
+			/* @__PURE__ */ o("ul", {
+				className: s.avatars,
+				children: [v.members.slice(0, d).map(({ status: t, avatar_url: n }, r) => /* @__PURE__ */ o("li", { children: [/* @__PURE__ */ a("img", {
+					src: n,
+					alt: ""
+				}), /* @__PURE__ */ a("span", { className: e(s.status, { [s.online]: t === "online" }) })] }, `${n}-${r}`)), /* @__PURE__ */ a("li", {
+					className: s.plus,
+					"aria-hidden": "true",
+					children: "+"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { c as t };

package/dist/Footer-bUIou6Hl.js

@@ -0,0 +1,83 @@
+import { r as e } from "./utils-BCI5dixg.js";
+import { A as t, N as n } from "./esm-T3Xn_ZHF.js";
+import { t as r } from "./Button-CJp__tle.js";
+import { t as i } from "./Container-DI2smQRq.js";
+import { t as a } from "./DiscordInvite-Mkr81Pib.js";
+import { t as o } from "./Logo-h9bQL-cT.js";
+import { t as s } from "./NewsletterSignup-eGx4jwiM.js";
+import { t as c } from "./FooterBottom-_AezmdZB.js";
+import { t as l } from "./FooterHelp-CdeMRh1G.js";
+import { t as u } from "./FooterLinks-BUKcScC4.js";
+import { t as d } from "./YoutubeModal-DNaiM6RL.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+var m = {
+	discordCard: "_4W4F3q_discordCard",
+	footer: "_4W4F3q_footer",
+	highcharts: "_4W4F3q_highcharts",
+	logo: "_4W4F3q_logo",
+	outer: "_4W4F3q_outer",
+	top: "_4W4F3q_top",
+	wrap: "_4W4F3q_wrap"
+};
+//#endregion
+//#region lib/components/Footer/index.tsx
+function h(e, t) {
+	return t ? e.replace(t, "") : e;
+}
+function g() {
+	let [i, a] = e(), o = "npm install highcharts";
+	return /* @__PURE__ */ p(r, {
+		variant: "neutral",
+		onClick: () => i(o),
+		children: [o, f(a ? n : t, {})]
+	});
+}
+function _({ link: e = "a", host: t = "https://www.highcharts.com" }) {
+	return /* @__PURE__ */ f("footer", {
+		className: m.outer,
+		children: /* @__PURE__ */ p(i, {
+			className: m.footer,
+			children: [
+				/* @__PURE__ */ p("div", {
+					className: m.top,
+					children: [
+						/* @__PURE__ */ p("div", {
+							className: m.highcharts,
+							children: [
+								/* @__PURE__ */ f(e, {
+									className: m.logo,
+									href: h("https://www.highcharts.com/", t),
+									children: /* @__PURE__ */ f(o, {})
+								}),
+								/* @__PURE__ */ f("p", { children: "We make it easy for developers to create charts and dashboards for web and mobile platforms." }),
+								/* @__PURE__ */ f(g, {})
+							]
+						}),
+						/* @__PURE__ */ f(d, {}),
+						/* @__PURE__ */ p("div", {
+							className: m.wrap,
+							children: [/* @__PURE__ */ f(s, {
+								link: e,
+								privacyUrl: h("https://www.highcharts.com/privacy/", t)
+							}), /* @__PURE__ */ f(a, { className: m.discordCard })]
+						})
+					]
+				}),
+				/* @__PURE__ */ f(l, {
+					link: e,
+					host: t
+				}),
+				/* @__PURE__ */ f(u, {
+					link: e,
+					host: t
+				}),
+				/* @__PURE__ */ f(c, {
+					link: e,
+					host: t
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { _ as t };

package/dist/FooterBottom-_AezmdZB.js

@@ -0,0 +1,133 @@
+import { a as e, t } from "./utils-BCI5dixg.js";
+import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "./fa-ByhY-7YY.js";
+import { t as u } from "./Typography-nzBx3Yxn.js";
+import { t as d } from "./CookiePolicyModal-BZkVbILl.js";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region node_modules/react-icons/fa6/index.mjs
+function h(e) {
+	return r({
+		tag: "svg",
+		attr: { viewBox: "0 0 512 512" },
+		child: [{
+			tag: "path",
+			attr: { d: "M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" },
+			child: []
+		}]
+	})(e);
+}
+var g = {
+	bottom: "ff0DzW_bottom",
+	bottomLinks: "ff0DzW_bottomLinks",
+	copyright: "ff0DzW_copyright",
+	socials: "ff0DzW_socials",
+	tabletBottomLeft: "ff0DzW_tabletBottomLeft"
+};
+//#endregion
+//#region lib/components/Footer/FooterBottom.tsx
+function _(e, t) {
+	return t ? e.replace(t, "") : e;
+}
+var v = [
+	{
+		icon: /* @__PURE__ */ p(o, {}),
+		url: "https://stackoverflow.com/questions/tagged/highcharts",
+		label: "StackOverlow"
+	},
+	{
+		icon: /* @__PURE__ */ p(s, {}),
+		url: "https://github.com/highcharts/highcharts",
+		label: "GitHub"
+	},
+	{
+		icon: /* @__PURE__ */ p(h, {}),
+		url: "https://twitter.com/Highcharts",
+		label: "X"
+	},
+	{
+		icon: /* @__PURE__ */ p(a, {}),
+		url: "https://www.facebook.com/Highcharts",
+		label: "Facebook"
+	},
+	{
+		icon: /* @__PURE__ */ p(i, {}),
+		url: "https://www.instagram.com/highsoftcompany/",
+		label: "Instagram"
+	},
+	{
+		icon: /* @__PURE__ */ p(n, {}),
+		url: "https://www.linkedin.com/company/highsoft",
+		label: "LinkedIn"
+	},
+	{
+		icon: /* @__PURE__ */ p(l, {}),
+		url: "https://www.highcharts.com/highcharts-discord/",
+		label: "Discord"
+	},
+	{
+		icon: /* @__PURE__ */ p(c, {}),
+		url: "https://www.youtube.com/channel/UCzxXofPTQ0DoT7uIy3Fxw7A",
+		label: "Youtube"
+	}
+];
+function y({ link: n = "a", host: r = "https://www.highcharts.com" }) {
+	let i = e(`(min-width: ${t.tablet}px) and (max-width: ${t.laptop - 1}px)`), a = /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m(u, {
+		as: "span",
+		size: 100,
+		color: "secondary",
+		className: g.copyright,
+		children: [
+			"© ",
+			(/* @__PURE__ */ new Date()).getFullYear(),
+			" Highsoft. All rights reserved."
+		]
+	}), /* @__PURE__ */ m("div", {
+		className: g.bottomLinks,
+		children: [
+			/* @__PURE__ */ p(n, {
+				href: _("https://www.highcharts.com/blog/article/accessibility-statement/", r),
+				children: /* @__PURE__ */ p(u, {
+					as: "span",
+					size: 100,
+					color: "secondary",
+					children: "Accessibility Statement"
+				})
+			}),
+			/* @__PURE__ */ p(n, {
+				href: _("https://www.highcharts.com/sitemap.xml", r),
+				children: /* @__PURE__ */ p(u, {
+					as: "span",
+					size: 100,
+					color: "secondary",
+					children: "Sitemap"
+				})
+			}),
+			/* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: () => window.CookieConsent?.renew(),
+				children: /* @__PURE__ */ p(u, {
+					as: "span",
+					size: 100,
+					color: "secondary",
+					children: "Cookie Preferences"
+				})
+			}),
+			/* @__PURE__ */ p(d, {})
+		]
+	})] }), o = /* @__PURE__ */ p("ul", {
+		className: g.socials,
+		children: v.map(({ icon: e, url: t, label: n }, r) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p("a", {
+			href: t,
+			"aria-label": n,
+			children: e
+		}) }, r))
+	});
+	return /* @__PURE__ */ p("div", {
+		className: g.bottom,
+		children: i ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+			className: g.tabletBottomLeft,
+			children: a
+		}), o] }) : /* @__PURE__ */ m(f, { children: [a, o] })
+	});
+}
+//#endregion
+export { y as t };