tguikit 0.1.0

package/dist/index.js

@@ -0,0 +1,918 @@
+"use client";
+import { clsx as e } from "clsx";
+import { cva as t } from "class-variance-authority";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Children as i, Fragment as a, createContext as o, isValidElement as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f, useState as p, useSyncExternalStore as m } from "react";
+//#region src/shared/lib/cn.ts
+function h(...t) {
+	return e(t);
+}
+var g = {
+	typography: "_typography_1uxpm_1",
+	"weight-1": "_weight-1_1uxpm_6",
+	"weight-2": "_weight-2_1uxpm_10",
+	"weight-3": "_weight-3_1uxpm_14",
+	caps: "_caps_1uxpm_18"
+}, _ = t(g.typography, {
+	variants: {
+		weight: {
+			1: g["weight-1"],
+			2: g["weight-2"],
+			3: g["weight-3"]
+		},
+		caps: { true: g.caps }
+	},
+	defaultVariants: { weight: "3" }
+});
+//#endregion
+//#region src/components/Typography/Typography.tsx
+function v({ ref: e, weight: t, caps: r, Component: i = "span", className: a, ...o }) {
+	return /* @__PURE__ */ n(i, {
+		ref: e,
+		className: h(_({
+			weight: t,
+			caps: r
+		}), a),
+		...o
+	});
+}
+v.displayName = "Typography";
+//#endregion
+//#region src/components/Subheadline/Subheadline.module.css
+var y = {
+	"level-1": "_level-1_1azf3_1",
+	"level-2": "_level-2_1azf3_6"
+}, b = t("", {
+	variants: { level: {
+		1: y["level-1"],
+		2: y["level-2"]
+	} },
+	defaultVariants: { level: "1" }
+});
+//#endregion
+//#region src/components/Subheadline/Subheadline.tsx
+function x({ ref: e, level: t, Component: r = "h6", className: i, ...a }) {
+	return /* @__PURE__ */ n(v, {
+		ref: e,
+		Component: r,
+		className: h(b({ level: t }), i),
+		...a
+	});
+}
+x.displayName = "Subheadline";
+//#endregion
+//#region src/components/TguiProvider/context.ts
+var S = o(null);
+S.displayName = "TguiContext";
+//#endregion
+//#region src/components/TguiProvider/useTgui.ts
+function C() {
+	let e = l(S);
+	if (e === null) throw Error("useTgui must be used within a <TguiProvider>.");
+	return e;
+}
+var ee = {
+	ripple: "_ripple_1cc3x_1",
+	wave: "_wave_1cc3x_9",
+	"wave-rise": "_wave-rise_1cc3x_1"
+};
+//#endregion
+//#region src/components/Tappable/Ripple.tsx
+function te({ waves: e, onWaveEnd: t }) {
+	return /* @__PURE__ */ n("span", {
+		"aria-hidden": !0,
+		className: ee.ripple,
+		children: e.map((e) => /* @__PURE__ */ n("span", {
+			className: ee.wave,
+			style: {
+				top: e.y,
+				left: e.x
+			},
+			onAnimationEnd: () => t(e.id)
+		}, e.id))
+	});
+}
+var w = {
+	tappable: "_tappable_10au7_1",
+	"tappable--ios": "_tappable--ios_10au7_17",
+	"tappable--opacity": "_tappable--opacity_10au7_18"
+}, ne = 70, re = 600;
+function ie() {
+	let [e, t] = p([]), n = f(0), r = f(/* @__PURE__ */ new Map()), i = f(/* @__PURE__ */ new Set());
+	u(() => {
+		let e = r.current, t = i.current;
+		return () => {
+			for (let t of e.values()) clearTimeout(t);
+			for (let e of t) clearTimeout(e);
+		};
+	}, []);
+	let a = c((e) => {
+		t((t) => t.filter((t) => t.id !== e));
+	}, []);
+	return {
+		waves: e,
+		onPointerDown: c((e) => {
+			let { top: o, left: s } = e.currentTarget.getBoundingClientRect(), c = e.clientX - s, l = e.clientY - o, { pointerId: u } = e, d = setTimeout(() => {
+				r.current.delete(u);
+				let e = n.current++;
+				t((t) => [...t, {
+					id: e,
+					x: c,
+					y: l
+				}]);
+				let o = setTimeout(() => {
+					i.current.delete(o), a(e);
+				}, re);
+				i.current.add(o);
+			}, ne);
+			r.current.set(u, d);
+		}, [a]),
+		onPointerCancel: c((e) => {
+			let t = r.current.get(e.pointerId);
+			t && (clearTimeout(t), r.current.delete(e.pointerId));
+		}, []),
+		removeWave: a
+	};
+}
+//#endregion
+//#region src/components/Tappable/Tappable.tsx
+function T({ ref: e, Component: t = "div", interactiveAnimation: i = "background", className: a, children: o, onPointerDown: s, onPointerCancel: c, ...l }) {
+	let { platform: u } = C(), d = ie(), f = !!l.disabled, p = !!l.readOnly, m = u === "base" && i === "background" && !p && !f && (t !== "div" && t !== "span" || l.onClick != null);
+	return /* @__PURE__ */ r(t, {
+		ref: e,
+		className: h(w.tappable, u === "ios" && w["tappable--ios"], i === "opacity" && w["tappable--opacity"], a),
+		"data-readonly": p || void 0,
+		"data-disabled": f || void 0,
+		"aria-disabled": f || void 0,
+		onPointerDown: (e) => {
+			m && d.onPointerDown(e), s?.(e);
+		},
+		onPointerCancel: (e) => {
+			m && d.onPointerCancel(e), c?.(e);
+		},
+		...l,
+		children: [m && /* @__PURE__ */ n(te, {
+			waves: d.waves,
+			onWaveEnd: d.removeWave
+		}), o]
+	});
+}
+T.displayName = "Tappable";
+var ae = { text: "_text_5v0x0_1" };
+//#endregion
+//#region src/components/Text/Text.tsx
+function E({ ref: e, className: t, Component: r = "span", ...i }) {
+	return /* @__PURE__ */ n(v, {
+		ref: e,
+		Component: r,
+		className: h(ae.text, t),
+		...i
+	});
+}
+E.displayName = "Text";
+//#endregion
+//#region src/shared/lib/telegram.ts
+function D() {
+	if (!(typeof window > "u")) return window.Telegram?.WebApp;
+}
+//#endregion
+//#region src/shared/lib/appearance.ts
+var O = "(prefers-color-scheme: dark)";
+function oe() {
+	return typeof window < "u" && typeof window.matchMedia == "function";
+}
+function se() {
+	let e = D();
+	return e ? e.colorScheme === "dark" ? "dark" : "light" : oe() && window.matchMedia(O).matches ? "dark" : "light";
+}
+function ce(e) {
+	let t = D();
+	if (t) return t.onEvent("themeChanged", e), () => t.offEvent("themeChanged", e);
+	if (!oe()) return () => {};
+	let n = window.matchMedia(O);
+	return n.addEventListener("change", e), () => n.removeEventListener("change", e);
+}
+//#endregion
+//#region src/shared/lib/platform.ts
+var le = /* @__PURE__ */ new Set(["ios", "macos"]);
+function ue() {
+	let e = D();
+	if (e) return le.has(e.platform) ? "ios" : "base";
+	if (typeof navigator > "u") return "base";
+	let t = navigator.userAgent, n = t.includes("Macintosh") && navigator.maxTouchPoints > 1;
+	return /iphone|ipad|ipod/i.test(t) || n ? "ios" : "base";
+}
+var k = {
+	wrapper: "_wrapper_1jphr_1",
+	"wrapper--ios": "_wrapper--ios_1jphr_89",
+	"wrapper--dark": "_wrapper--dark_1jphr_102"
+}, de = () => "light";
+function fe({ ref: e, platform: t, appearance: r, portalContainer: i, className: a, children: o, ...s }) {
+	let l = d(() => t ?? ue(), [t]), u = m(ce, se, de), f = r ?? u, [g, _] = p(null), v = c((t) => {
+		_(t), typeof e == "function" ? e(t) : e && (e.current = t);
+	}, [e]), y = d(() => ({
+		platform: l,
+		appearance: f,
+		portalContainer: i ?? g
+	}), [
+		l,
+		f,
+		i,
+		g
+	]);
+	return /* @__PURE__ */ n("div", {
+		ref: v,
+		className: h(k.wrapper, l === "ios" && k["wrapper--ios"], f === "dark" && k["wrapper--dark"], a),
+		...s,
+		children: /* @__PURE__ */ n(S.Provider, {
+			value: y,
+			children: o
+		})
+	});
+}
+fe.displayName = "TguiProvider";
+var A = {
+	button: "_button_17mwm_1",
+	stretched: "_stretched_17mwm_13",
+	before: "_before_17mwm_33",
+	after: "_after_17mwm_34",
+	content: "_content_17mwm_40",
+	label: "_label_17mwm_49",
+	loading: "_loading_17mwm_60",
+	spinner: "_spinner_17mwm_70",
+	"button-spinner": "_button-spinner_17mwm_1",
+	"size-s": "_size-s_17mwm_93",
+	"size-m": "_size-m_17mwm_101",
+	"size-l": "_size-l_17mwm_108",
+	ios: "_ios_17mwm_114",
+	"mode-filled": "_mode-filled_17mwm_122",
+	"mode-bezeled": "_mode-bezeled_17mwm_129",
+	"mode-plain": "_mode-plain_17mwm_136",
+	"mode-gray": "_mode-gray_17mwm_143",
+	"mode-outline": "_mode-outline_17mwm_150",
+	"mode-white": "_mode-white_17mwm_158"
+}, pe = t(A.button, {
+	variants: {
+		mode: {
+			filled: A["mode-filled"],
+			bezeled: A["mode-bezeled"],
+			plain: A["mode-plain"],
+			gray: A["mode-gray"],
+			outline: A["mode-outline"],
+			white: A["mode-white"]
+		},
+		size: {
+			s: A["size-s"],
+			m: A["size-m"],
+			l: A["size-l"]
+		},
+		stretched: { true: A.stretched },
+		platform: {
+			ios: A.ios,
+			base: null
+		}
+	},
+	defaultVariants: {
+		mode: "filled",
+		size: "m"
+	}
+});
+//#endregion
+//#region src/components/Button/Button.tsx
+function me({ size: e, children: t }) {
+	let r = {
+		weight: "2",
+		className: A.content
+	}, i = /* @__PURE__ */ n("span", {
+		className: A.label,
+		children: t
+	});
+	return e === "l" ? /* @__PURE__ */ n(E, {
+		...r,
+		children: i
+	}) : /* @__PURE__ */ n(x, {
+		level: "2",
+		...r,
+		children: i
+	});
+}
+function he({ ref: e, Component: t = "button", mode: i = "filled", size: a = "m", stretched: o = !1, loading: s = !1, type: c, before: l, after: u, children: d, className: f, ...p }) {
+	let { platform: m } = C();
+	return /* @__PURE__ */ r(T, {
+		ref: e,
+		Component: t,
+		type: t === "button" ? c ?? "button" : c,
+		"aria-busy": s || void 0,
+		className: h(pe({
+			mode: i,
+			size: a,
+			stretched: o,
+			platform: m
+		}), s && A.loading, f),
+		...p,
+		children: [
+			s ? /* @__PURE__ */ n("span", {
+				className: A.spinner,
+				"aria-hidden": !0
+			}) : null,
+			l ? /* @__PURE__ */ n("span", {
+				className: A.before,
+				children: l
+			}) : null,
+			/* @__PURE__ */ n(me, {
+				size: a,
+				children: d
+			}),
+			u ? /* @__PURE__ */ n("span", {
+				className: A.after,
+				children: u
+			}) : null
+		]
+	});
+}
+he.displayName = "Button";
+//#endregion
+//#region src/components/Caption/Caption.module.css
+var ge = {
+	"level-1": "_level-1_1fkm7_1",
+	"level-2": "_level-2_1fkm7_6"
+}, _e = t("", {
+	variants: { level: {
+		1: ge["level-1"],
+		2: ge["level-2"]
+	} },
+	defaultVariants: { level: "1" }
+});
+//#endregion
+//#region src/components/Caption/Caption.tsx
+function j({ ref: e, level: t, Component: r = "span", className: i, ...a }) {
+	return /* @__PURE__ */ n(v, {
+		ref: e,
+		Component: r,
+		className: h(_e({ level: t }), i),
+		...a
+	});
+}
+j.displayName = "Caption";
+//#endregion
+//#region src/components/Card/Card.context.ts
+var M = o({ type: "plain" }), N = {
+	card: "_card_tdyqh_1",
+	cardAmbient: "_cardAmbient_tdyqh_17",
+	cell: "_cell_tdyqh_21",
+	cellAmbient: "_cellAmbient_tdyqh_26",
+	cellHeader: "_cellHeader_tdyqh_43",
+	cellSubtitle: "_cellSubtitle_tdyqh_47"
+}, P = {
+	cell: "_cell_1w7p5_1",
+	before: "_before_1w7p5_10",
+	after: "_after_1w7p5_11",
+	middle: "_middle_1w7p5_17",
+	title: "_title_1w7p5_29",
+	multiline: "_multiline_1w7p5_35",
+	head: "_head_1w7p5_40",
+	subhead: "_subhead_1w7p5_46",
+	hint: "_hint_1w7p5_50",
+	subtitle: "_subtitle_1w7p5_51",
+	description: "_description_1w7p5_52",
+	hovered: "_hovered_1w7p5_56",
+	ios: "_ios_1w7p5_60",
+	interactive: "_interactive_1w7p5_67"
+}, ve = t(P.cell, { variants: {
+	platform: {
+		ios: P.ios,
+		base: null
+	},
+	hovered: { true: P.hovered },
+	interactive: { true: P.interactive },
+	multiline: { true: P.multiline }
+} });
+//#endregion
+//#region src/components/Cell/Cell.tsx
+function ye({ ios: e, children: t }) {
+	return e ? /* @__PURE__ */ n(E, {
+		className: P.head,
+		children: t
+	}) : /* @__PURE__ */ n(x, {
+		level: "1",
+		className: P.head,
+		children: t
+	});
+}
+function be({ ios: e, children: t }) {
+	return e ? /* @__PURE__ */ n(j, {
+		className: P.description,
+		children: t
+	}) : /* @__PURE__ */ n(x, {
+		level: "2",
+		className: P.description,
+		children: t
+	});
+}
+function F({ ref: e, Component: t = "div", subhead: i, children: a, hint: o, titleBadge: s, subtitle: c, description: l, before: u, after: d, hovered: f, multiline: p, className: m, ...g }) {
+	let { platform: _ } = C(), v = _ === "ios", y = a != null || o != null || s != null, b = g.onClick != null || g.href != null || t === "a" || t === "button" || t === "label";
+	return /* @__PURE__ */ r(T, {
+		ref: e,
+		Component: t,
+		className: h(ve({
+			platform: _,
+			hovered: f,
+			multiline: p,
+			interactive: b
+		}), m),
+		...g,
+		children: [
+			u == null ? null : /* @__PURE__ */ n("div", {
+				className: P.before,
+				children: u
+			}),
+			/* @__PURE__ */ r("div", {
+				className: P.middle,
+				children: [
+					i == null ? null : /* @__PURE__ */ n(x, {
+						level: "2",
+						className: P.subhead,
+						children: i
+					}),
+					y ? /* @__PURE__ */ r(ye, {
+						ios: v,
+						children: [
+							a == null ? null : /* @__PURE__ */ n("span", {
+								className: P.title,
+								children: a
+							}),
+							o == null ? null : /* @__PURE__ */ n("span", {
+								className: P.hint,
+								children: o
+							}),
+							s
+						]
+					}) : null,
+					c == null ? null : /* @__PURE__ */ n(x, {
+						level: "2",
+						className: P.subtitle,
+						children: c
+					}),
+					l == null ? null : /* @__PURE__ */ n(be, {
+						ios: v,
+						children: l
+					})
+				]
+			}),
+			d == null ? null : /* @__PURE__ */ n("div", {
+				className: P.after,
+				children: d
+			})
+		]
+	});
+}
+F.displayName = "Cell";
+//#endregion
+//#region src/components/Card/CardCell.tsx
+function I({ ref: e, children: t, subtitle: r, className: i, ...a }) {
+	let { type: o } = l(M), s = o === "ambient";
+	return /* @__PURE__ */ n(F, {
+		ref: e,
+		className: h(N.cell, s && N.cellAmbient, i),
+		subtitle: r == null ? void 0 : /* @__PURE__ */ n("span", {
+			className: N.cellSubtitle,
+			children: r
+		}),
+		...a,
+		children: t == null ? null : /* @__PURE__ */ n("span", {
+			className: N.cellHeader,
+			children: t
+		})
+	});
+}
+I.displayName = "CardCell";
+//#endregion
+//#region src/components/Card/Card.tsx
+function L({ ref: e, type: t = "plain", className: r, children: i, ...a }) {
+	let o = d(() => ({ type: t }), [t]);
+	return /* @__PURE__ */ n(M.Provider, {
+		value: o,
+		children: /* @__PURE__ */ n("article", {
+			ref: e,
+			className: h(N.card, t === "ambient" && N.cardAmbient, r),
+			...a,
+			children: i
+		})
+	});
+}
+L.displayName = "Card", L.Cell = I;
+var R = {
+	checkbox: "_checkbox_3wbt9_1",
+	input: "_input_3wbt9_12",
+	box: "_box_3wbt9_22"
+};
+//#endregion
+//#region src/components/Checkbox/Checkbox.tsx
+function xe({ ref: e, indeterminate: t = !1, disabled: i, className: a, style: o, ...s }) {
+	let c = f(null);
+	return u(() => {
+		c.current && (c.current.indeterminate = t);
+	}, [t]), /* @__PURE__ */ r("span", {
+		className: h(R.checkbox, a),
+		style: o,
+		"data-disabled": i || void 0,
+		children: [/* @__PURE__ */ n("input", {
+			ref: (t) => {
+				c.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+			},
+			type: "checkbox",
+			className: R.input,
+			disabled: i,
+			...s
+		}), /* @__PURE__ */ n("span", {
+			className: R.box,
+			"aria-hidden": !0
+		})]
+	});
+}
+xe.displayName = "Checkbox";
+var Se = { divider: "_divider_fq1ux_1" };
+//#endregion
+//#region src/components/Divider/Divider.tsx
+function z({ ref: e, className: t, ...r }) {
+	return /* @__PURE__ */ n("hr", {
+		ref: e,
+		className: h(Se.divider, t),
+		...r
+	});
+}
+z.displayName = "Divider";
+var Ce = { headline: "_headline_17ihj_1" };
+//#endregion
+//#region src/components/Headline/Headline.tsx
+function we({ ref: e, weight: t = "2", className: r, Component: i = "h5", ...a }) {
+	return /* @__PURE__ */ n(v, {
+		ref: e,
+		weight: t,
+		Component: i,
+		className: h(Ce.headline, r),
+		...a
+	});
+}
+we.displayName = "Headline";
+var B = {
+	base: "_base_ja3pv_1",
+	body: "_body_ja3pv_7",
+	ios: "_ios_ja3pv_23",
+	before: "_before_ja3pv_29",
+	after: "_after_ja3pv_30",
+	field: "_field_ja3pv_35",
+	header: "_header_ja3pv_56",
+	focused: "_focused_ja3pv_70",
+	error: "_error_ja3pv_78",
+	disabled: "_disabled_ja3pv_90"
+};
+//#endregion
+//#region src/components/Input/Input.tsx
+function Te({ ref: e, type: t = "text", header: i, before: a, after: o, status: s, disabled: c, className: l, onFocus: u, onBlur: d, ...f }) {
+	let { platform: m } = C(), g = m === "ios", [_, v] = p(!1), y = s ?? (_ ? "focused" : "default"), b = g ? E : x;
+	return /* @__PURE__ */ r("div", {
+		className: h(g ? B.ios : B.base, y === "error" && B.error, y === "focused" && B.focused, c && B.disabled, l),
+		"aria-disabled": c || void 0,
+		children: [/* @__PURE__ */ r("label", {
+			className: B.body,
+			children: [
+				a == null ? null : /* @__PURE__ */ n("span", {
+					className: B.before,
+					children: a
+				}),
+				/* @__PURE__ */ n(b, {
+					ref: e,
+					Component: "input",
+					className: B.field,
+					type: t,
+					disabled: c,
+					onFocus: (e) => {
+						c || v(!0), u?.(e);
+					},
+					onBlur: (e) => {
+						v(!1), d?.(e);
+					},
+					...f
+				}),
+				o == null ? null : /* @__PURE__ */ n("span", {
+					className: B.after,
+					children: o
+				})
+			]
+		}), i != null && !g ? /* @__PURE__ */ n("span", {
+			className: B.header,
+			children: i
+		}) : null]
+	});
+}
+Te.displayName = "Input";
+//#endregion
+//#region src/components/LargeTitle/LargeTitle.module.css
+var Ee = { "large-title": "_large-title_15hug_1" };
+//#endregion
+//#region src/components/LargeTitle/LargeTitle.tsx
+function De({ ref: e, weight: t = "1", className: r, Component: i = "h1", ...a }) {
+	return /* @__PURE__ */ n(v, {
+		ref: e,
+		weight: t,
+		Component: i,
+		className: h(Ee["large-title"], r),
+		...a
+	});
+}
+De.displayName = "LargeTitle";
+var Oe = {
+	list: "_list_1rhgw_1",
+	ios: "_ios_1rhgw_5"
+};
+//#endregion
+//#region src/components/List/List.tsx
+function ke({ ref: e, Component: t = "div", className: r, children: i, ...a }) {
+	let { platform: o } = C();
+	return /* @__PURE__ */ n(t, {
+		ref: e,
+		className: h(Oe.list, o === "ios" && Oe.ios, r),
+		...a,
+		children: i
+	});
+}
+ke.displayName = "List";
+//#endregion
+//#region src/components/Title/Title.module.css
+var V = {
+	"level-1": "_level-1_rosk9_1",
+	"level-2": "_level-2_rosk9_6",
+	"level-3": "_level-3_rosk9_11"
+}, Ae = {
+	1: {
+		tag: "h2",
+		className: V["level-1"]
+	},
+	2: {
+		tag: "h3",
+		className: V["level-2"]
+	},
+	3: {
+		tag: "h4",
+		className: V["level-3"]
+	}
+};
+//#endregion
+//#region src/components/Title/Title.tsx
+function H({ ref: e, level: t = "2", Component: r, className: i, ...a }) {
+	let { tag: o, className: s } = Ae[t];
+	return /* @__PURE__ */ n(v, {
+		ref: e,
+		Component: r ?? o,
+		className: h(s, i),
+		...a
+	});
+}
+H.displayName = "Title";
+var U = {
+	placeholder: "_placeholder_4t5fq_1",
+	fields: "_fields_4t5fq_13",
+	description: "_description_4t5fq_19"
+};
+//#endregion
+//#region src/components/Placeholder/Placeholder.tsx
+function je({ ref: e, children: t, header: i, description: a, action: o, className: s, ...c }) {
+	return /* @__PURE__ */ r("section", {
+		ref: e,
+		className: h(U.placeholder, s),
+		...c,
+		children: [
+			t,
+			i != null || a != null ? /* @__PURE__ */ r("dl", {
+				className: U.fields,
+				children: [i == null ? null : /* @__PURE__ */ n(H, {
+					Component: "dt",
+					level: "3",
+					weight: "2",
+					children: i
+				}), a == null ? null : /* @__PURE__ */ n(E, {
+					Component: "dd",
+					className: U.description,
+					children: a
+				})]
+			}) : null,
+			o
+		]
+	});
+}
+je.displayName = "Placeholder";
+var W = {
+	body: "_body_1o4ef_1",
+	sectionBase: "_sectionBase_1o4ef_6",
+	bodyWithHeader: "_bodyWithHeader_1o4ef_6",
+	sectionIos: "_sectionIos_1o4ef_11",
+	header: "_header_1o4ef_28",
+	headerLarge: "_headerLarge_1o4ef_33",
+	headerIos: "_headerIos_1o4ef_38",
+	footer: "_footer_1o4ef_48",
+	footerIos: "_footerIos_1o4ef_52",
+	footerCentered: "_footerCentered_1o4ef_56",
+	footerText: "_footerText_1o4ef_65"
+};
+//#endregion
+//#region src/components/Section/SectionFooter.tsx
+function Me({ ios: e, children: t }) {
+	return e ? /* @__PURE__ */ n(j, {
+		className: W.footerText,
+		children: t
+	}) : /* @__PURE__ */ n(x, {
+		level: "2",
+		className: W.footerText,
+		children: t
+	});
+}
+function G({ ref: e, centered: t = !1, className: r, children: i, ...a }) {
+	let { platform: o } = C(), s = o === "ios";
+	return /* @__PURE__ */ n("footer", {
+		ref: e,
+		className: h(W.footer, s && W.footerIos, t && W.footerCentered, r),
+		...a,
+		children: /* @__PURE__ */ n(Me, {
+			ios: s,
+			children: i
+		})
+	});
+}
+G.displayName = "SectionFooter";
+//#endregion
+//#region src/components/Section/SectionHeader.tsx
+function Ne({ ios: e, large: t, children: r }) {
+	return t ? e ? /* @__PURE__ */ n(x, {
+		Component: "h2",
+		level: "1",
+		weight: "2",
+		children: r
+	}) : /* @__PURE__ */ n(E, {
+		Component: "h2",
+		weight: "2",
+		children: r
+	}) : e ? /* @__PURE__ */ n(j, {
+		Component: "h2",
+		caps: !0,
+		children: r
+	}) : /* @__PURE__ */ n(x, {
+		Component: "h2",
+		level: "2",
+		weight: "2",
+		children: r
+	});
+}
+function K({ ref: e, large: t = !1, className: r, children: i, ...a }) {
+	let { platform: o } = C(), s = o === "ios";
+	return /* @__PURE__ */ n("header", {
+		ref: e,
+		className: h(W.header, s && W.headerIos, t && W.headerLarge, r),
+		...a,
+		children: /* @__PURE__ */ n(Ne, {
+			ios: s,
+			large: t,
+			children: i
+		})
+	});
+}
+K.displayName = "SectionHeader";
+//#endregion
+//#region src/components/Section/Section.tsx
+var q = (e) => typeof e == "string" || typeof e == "number";
+function J({ ref: e, header: t, footer: o, className: c, children: l, ...u }) {
+	let { platform: d } = C(), f = i.toArray(l);
+	return /* @__PURE__ */ r("section", {
+		ref: e,
+		className: h(d === "ios" ? W.sectionIos : W.sectionBase, c),
+		...u,
+		children: [/* @__PURE__ */ r("div", {
+			className: W.bodyWithHeader,
+			children: [q(t) ? /* @__PURE__ */ n(K, { children: t }) : t, /* @__PURE__ */ n("div", {
+				className: W.body,
+				children: f.map((e, t) => /* @__PURE__ */ r(a, { children: [e, t < f.length - 1 ? /* @__PURE__ */ n(z, {}) : null] }, s(e) ? e.key : t))
+			})]
+		}), q(o) ? /* @__PURE__ */ n(G, { children: o }) : o]
+	});
+}
+J.displayName = "Section", J.Header = K, J.Footer = G;
+var Y = {
+	base: "_base_9dgop_1",
+	row: "_row_9dgop_7",
+	ios: "_ios_9dgop_14",
+	select: "_select_9dgop_19",
+	chevron: "_chevron_9dgop_33",
+	header: "_header_9dgop_45",
+	focused: "_focused_9dgop_59",
+	error: "_error_9dgop_67",
+	disabled: "_disabled_9dgop_79"
+};
+//#endregion
+//#region src/components/Select/Select.tsx
+function Pe({ ref: e, header: t, status: i, disabled: a, className: o, onFocus: s, onBlur: c, children: l, ...u }) {
+	let { platform: d } = C(), f = d === "ios", [m, g] = p(!1), _ = i ?? (m ? "focused" : "default"), v = f ? E : x;
+	return /* @__PURE__ */ r("div", {
+		className: h(f ? Y.ios : Y.base, _ === "error" && Y.error, _ === "focused" && Y.focused, a && Y.disabled, o),
+		"aria-disabled": a || void 0,
+		children: [/* @__PURE__ */ r("div", {
+			className: Y.row,
+			children: [/* @__PURE__ */ n(v, {
+				ref: e,
+				Component: "select",
+				className: Y.select,
+				disabled: a,
+				onFocus: (e) => {
+					a || g(!0), s?.(e);
+				},
+				onBlur: (e) => {
+					g(!1), c?.(e);
+				},
+				...u,
+				children: l
+			}), /* @__PURE__ */ n("span", {
+				"aria-hidden": !0,
+				className: Y.chevron
+			})]
+		}), t != null && !f ? /* @__PURE__ */ n("span", {
+			className: Y.header,
+			children: t
+		}) : null]
+	});
+}
+Pe.displayName = "Select";
+var X = {
+	switch: "_switch_s4zd1_1",
+	input: "_input_s4zd1_18",
+	control: "_control_s4zd1_28",
+	base: "_base_s4zd1_35",
+	ios: "_ios_s4zd1_55"
+};
+//#endregion
+//#region src/components/Switch/Switch.tsx
+function Fe({ ref: e, disabled: t, className: i, style: a, ...o }) {
+	let { platform: s } = C();
+	return /* @__PURE__ */ r("label", {
+		className: h(X.switch, s === "ios" ? X.ios : X.base, i),
+		style: a,
+		"data-disabled": t || void 0,
+		children: [/* @__PURE__ */ n("input", {
+			ref: e,
+			type: "checkbox",
+			className: X.input,
+			disabled: t,
+			...o
+		}), /* @__PURE__ */ n("span", {
+			"aria-hidden": !0,
+			className: X.control
+		})]
+	});
+}
+Fe.displayName = "Switch";
+var Z = {
+	bar: "_bar_y3gvr_1",
+	barIos: "_barIos_y3gvr_10",
+	item: "_item_y3gvr_15",
+	itemIos: "_itemIos_y3gvr_34",
+	itemSelected: "_itemSelected_y3gvr_39",
+	icon: "_icon_y3gvr_43",
+	text: "_text_y3gvr_64"
+};
+//#endregion
+//#region src/components/TabBar/TabBarItem.tsx
+function Q({ ref: e, selected: t, text: i, children: a, className: o, ...s }) {
+	let { platform: c } = C(), l = c === "ios";
+	return /* @__PURE__ */ r(T, {
+		ref: e,
+		Component: "button",
+		interactiveAnimation: "opacity",
+		"aria-current": t ? "page" : void 0,
+		className: h(Z.item, l && Z.itemIos, t && Z.itemSelected, o),
+		...s,
+		children: [a == null ? null : /* @__PURE__ */ n("span", {
+			className: Z.icon,
+			children: a
+		}), i == null ? null : /* @__PURE__ */ n(j, {
+			className: Z.text,
+			weight: "2",
+			level: l ? "2" : "1",
+			children: i
+		})]
+	});
+}
+Q.displayName = "TabBarItem";
+//#endregion
+//#region src/components/TabBar/TabBar.tsx
+function $({ ref: e, className: t, children: r, ...i }) {
+	let { platform: a } = C();
+	return /* @__PURE__ */ n("nav", {
+		ref: e,
+		className: h(Z.bar, a === "ios" && Z.barIos, t),
+		...i,
+		children: r
+	});
+}
+$.displayName = "TabBar", $.Item = Q;
+//#endregion
+export { he as Button, j as Caption, L as Card, I as CardCell, F as Cell, xe as Checkbox, z as Divider, we as Headline, Te as Input, De as LargeTitle, ke as List, je as Placeholder, J as Section, G as SectionFooter, K as SectionHeader, Pe as Select, x as Subheadline, Fe as Switch, $ as TabBar, Q as TabBarItem, T as Tappable, E as Text, fe as TguiProvider, H as Title, v as Typography, C as useTgui };
+
+//# sourceMappingURL=index.js.map