@jfrader/ui 0.3.0 → 0.4.0

package/dist/combobox-DrmjBbo7.js

@@ -1,327 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n, t as r } from "./use-controlled-state-CVXDa-qM.js";
-import { t as i } from "./renderable-DzcIj1Lo.js";
-import { a, c as o, d as s, f as c, l, o as u, r as d, s as f, t as p, u as m } from "./collection-registry-BTYi6zGh.js";
-import { t as h } from "./use-overlay-floating-efeqppiw.js";
-import { t as g } from "./text-field-D60ok14S.js";
-import { createContext as _, useCallback as v, useContext as y, useId as b, useLayoutEffect as x, useMemo as S, useRef as C, useState as w } from "react";
-import { vars as T } from "@jfrader/tokens/vars";
-import { jsx as E, jsxs as ee } from "@emotion/react/jsx-runtime";
-import { FloatingList as D, FloatingPortal as O, useDismiss as te, useInteractions as k, useListNavigation as A, useMergeRefs as j } from "@floating-ui/react";
-//#region src/components/combobox/combobox.tsx
-var M = "bottom-start", N = "✓", P = "No results", ne = (e, t) => e.toLocaleLowerCase().includes(t.toLocaleLowerCase()), F = _(null), I = _(!1);
-function L(e) {
-	let t = y(F);
-	if (!t) throw Error(`Combobox.${e} must be rendered inside <Combobox>.`);
-	return t;
-}
-function R(e) {
-	let t = L(e);
-	if (!y(I)) throw Error(`Combobox.${e} must be rendered inside <Combobox.List>.`);
-	return t;
-}
-var z = e({ "&[hidden]": { display: "none" } }), B = e({
-	paddingBlock: T.space[1],
-	paddingInline: T.space[2],
-	fontSize: T.textSize.sm,
-	color: T.color.textMuted
-});
-function V({ value: e, defaultValue: t, onValueChange: i, open: o, defaultOpen: s = !1, onOpenChange: c, name: l, filter: u = ne, onInputChange: d, children: f }) {
-	let p = b(), [m, g] = w(`${p}-listbox`), [_, y] = w(!1), [x = null, T] = r(e, t ?? null, i), [D = !1, O] = r(o, s, c), [j, N] = w(null), [P, I] = w(""), [L, R] = a(), [z, B] = w(null), V = C([]), H = C(null), U = n(d), W = v((e, t) => t === "" || u(e, t), [u]), { valuesByIndex: G, skippedIndices: K, matchCount: re } = S(() => {
-		let e = [], t = /* @__PURE__ */ new Set(), n = 0;
-		return L.forEach((r, i) => {
-			if (r.index === -1) return;
-			e[r.index] = i;
-			let a = W(r.label, P);
-			a && (n += 1), (r.disabled || !a) && t.add(r.index);
-		}), {
-			valuesByIndex: e,
-			skippedIndices: t,
-			matchCount: n
-		};
-	}, [
-		L,
-		P,
-		W
-	]), { refs: q, floatingStyles: J, context: Y } = h({
-		open: D,
-		placement: M,
-		onOpenChange: (e) => O(e)
-	}), X = te(Y, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), ie = A(Y, {
-		listRef: V,
-		activeIndex: j,
-		onNavigate: N,
-		virtual: !0,
-		loop: !0,
-		disabledIndices: (e) => K.has(e)
-	}), { getReferenceProps: Z, getFloatingProps: Q, getItemProps: $ } = k([X, ie]), ae = S(() => {
-		let e = (e) => {
-			T(e), O(!1), H.current?.commitLabel(L.get(e)?.label ?? "");
-		};
-		return {
-			baseId: p,
-			listId: m,
-			setListId: g,
-			setInputDisabled: y,
-			open: D,
-			selectedValue: x,
-			activeIndex: j,
-			options: L,
-			matchCount: re,
-			inputLabelling: z,
-			inputHandleRef: H,
-			refs: q,
-			floatingStyles: J,
-			elementsRef: V,
-			getReferenceProps: Z,
-			getFloatingProps: Q,
-			getItemProps: $,
-			onInputChange: U,
-			isVisible: (e) => W(e, P),
-			findMatches: (e) => {
-				let t = 0, n = null, r = null;
-				return L.forEach((i) => {
-					i.index !== -1 && W(i.label, e) && (t += 1, !i.disabled && ((n === null || i.index < n) && (n = i.index), (r === null || i.index > r) && (r = i.index)));
-				}), {
-					count: t,
-					first: n,
-					last: r
-				};
-			},
-			setQuery: I,
-			setActiveIndex: N,
-			selectValue: e,
-			selectIndex: (t) => {
-				let n = G[t];
-				n === void 0 || K.has(t) || e(n);
-			},
-			clearValue: () => T(null),
-			requestOpenChange: O,
-			registration: R,
-			setInputLabelling: B
-		};
-	}, [
-		p,
-		m,
-		D,
-		x,
-		j,
-		L,
-		P,
-		re,
-		z,
-		q,
-		J,
-		Z,
-		Q,
-		$,
-		U,
-		W,
-		G,
-		K,
-		T,
-		O,
-		R
-	]);
-	return /* @__PURE__ */ ee(F.Provider, {
-		value: ae,
-		children: [f, l !== void 0 && /* @__PURE__ */ E("input", {
-			type: "hidden",
-			name: l,
-			value: x ?? "",
-			disabled: _
-		})]
-	});
-}
-V.displayName = "Combobox";
-function H({ ref: e, inputValue: t, defaultInputValue: n, label: a, description: o, error: s, size: c, slotProps: l, className: u, sx: d, id: f, onChange: p, onKeyDown: m, onBlur: h, disabled: _ = !1, ...v }) {
-	let { listId: y, open: S, selectedValue: C, activeIndex: T, options: ee, inputHandleRef: D, refs: O, getReferenceProps: te, onInputChange: k, findMatches: A, setQuery: M, setActiveIndex: N, selectIndex: P, clearValue: ne, requestOpenChange: F, setInputLabelling: I, setInputDisabled: R } = L("Input"), z = j([O.setReference, e]), B = b(), V = f ?? B, H = `${V}-label`, U = i(a), W = v["aria-labelledby"], G = v["aria-label"], [K, re] = w(n), [q, J] = w(() => (t ?? n) !== void 0), Y = C === null ? void 0 : ee.get(C)?.label, X = t ?? (q ? K ?? "" : Y ?? K ?? ""), [, ie] = r(X, void 0, k), Z = (e) => {
-		ie(e), t === void 0 && re(e);
-	}, Q = t !== void 0 || q ? X : "", $ = (e) => {
-		J(!1), Z(e);
-	};
-	x(() => {
-		M(Q);
-	}, [Q, M]), x(() => (R(_), () => R(!1)), [_, R]), x(() => (D.current = { commitLabel: $ }, () => {
-		D.current = null;
-	})), x(() => (I(W !== void 0 || !U ? {
-		labelledBy: W,
-		label: G
-	} : { labelledBy: H }), () => I(null)), [
-		W,
-		G,
-		U,
-		H,
-		I
-	]);
-	let ae = (e) => {
-		p?.(e);
-		let n = e.currentTarget.value;
-		J(!0), Z(n), n === "" && ne();
-		let r = t ?? n;
-		if (r === "") {
-			N(null), F(!1);
-			return;
-		}
-		let i = A(r);
-		N(i.first), i.count > 0 && F(!0);
-	}, oe = (e) => {
-		if (m?.(e), !e.defaultPrevented) {
-			if (e.key === "Escape") q && Y !== void 0 && $(Y);
-			else if (S) {
-				if (e.key === "Enter" && T !== null) e.preventDefault(), P(T);
-				else if (e.key === "Home" || e.key === "End") {
-					let t = A(Q), n = e.key === "Home" ? t.first : t.last;
-					if (n === null) return;
-					e.preventDefault(), N(n);
-				}
-			}
-		}
-	}, se = (e) => {
-		h?.(e), S && F(!1);
-	};
-	return /* @__PURE__ */ E(g, {
-		...te({
-			...v,
-			onKeyDown: oe,
-			onBlur: se
-		}),
-		ref: z,
-		id: V,
-		label: U ? /* @__PURE__ */ E("span", {
-			id: H,
-			children: a
-		}) : a,
-		description: o,
-		error: s,
-		size: c,
-		slotProps: l,
-		className: u,
-		sx: d,
-		value: X,
-		disabled: _,
-		onChange: ae,
-		role: "combobox",
-		autoComplete: "off",
-		"aria-autocomplete": "list",
-		"aria-expanded": S,
-		"aria-controls": S ? y : void 0,
-		"data-state": S ? "open" : "closed",
-		"data-ui": "combobox-input"
-	});
-}
-H.displayName = "Combobox.Input";
-function U({ ref: e, id: n, style: r, onMouseDown: i, children: a, className: o, sx: l, ...u }) {
-	let { baseId: d, setListId: f, open: p, inputLabelling: m, refs: h, floatingStyles: g, elementsRef: _, getFloatingProps: v } = L("List"), y = n ?? `${d}-listbox`;
-	x(() => (f(y), () => f(`${d}-listbox`)), [
-		d,
-		y,
-		f
-	]);
-	let b = j([p ? h.setFloating : null, e]), S = u["aria-labelledby"] !== void 0 || u["aria-label"] !== void 0 ? {} : m?.labelledBy === void 0 ? { "aria-label": m?.label } : { "aria-labelledby": m.labelledBy }, C = (e) => {
-		i?.(e), e.preventDefault();
-	};
-	return /* @__PURE__ */ E(O, { children: /* @__PURE__ */ E(t, {
-		className: o,
-		styles: [c, s],
-		sx: l,
-		children: (e) => /* @__PURE__ */ E("div", {
-			...v({
-				id: y,
-				...S,
-				...u,
-				onMouseDown: C
-			}),
-			ref: b,
-			role: "listbox",
-			hidden: !p,
-			"data-state": p ? "open" : "closed",
-			"data-ui": "combobox-list",
-			style: {
-				...r,
-				...g
-			},
-			className: e,
-			children: /* @__PURE__ */ E(D, {
-				elementsRef: _,
-				children: /* @__PURE__ */ E(I.Provider, {
-					value: !0,
-					children: a
-				})
-			})
-		})
-	}) });
-}
-U.displayName = "Combobox.List";
-function W({ ref: e, value: n, disabled: r = !1, onClick: i, children: a, className: s, sx: c, ...h }) {
-	let { baseId: g, selectedValue: _, activeIndex: v, options: y, isVisible: b, getItemProps: x, selectValue: S, registration: w } = R("Item"), T = C(null), { ref: D, index: O } = d(n, w, T, (e, t) => ({
-		index: e,
-		label: t,
-		disabled: r
-	})), te = j([D, e]), k = y.get(n)?.label, A = k !== void 0 && !b(k), M = O !== -1 && v === O, P = _ === n, ne = (e) => {
-		i?.(e), !(r || e.defaultPrevented) && S(n);
-	};
-	return /* @__PURE__ */ E(t, {
-		className: s,
-		styles: [
-			f,
-			u,
-			l,
-			z
-		],
-		sx: c,
-		children: (e) => /* @__PURE__ */ ee("div", {
-			...x({
-				id: p(g, n),
-				...h,
-				onClick: ne
-			}),
-			ref: te,
-			role: "option",
-			hidden: A,
-			"aria-selected": P,
-			"aria-disabled": r || void 0,
-			"data-active": M || void 0,
-			"data-ui": "combobox-item",
-			className: e,
-			children: [/* @__PURE__ */ E("span", {
-				ref: T,
-				css: m,
-				children: a
-			}), P && /* @__PURE__ */ E("span", {
-				"aria-hidden": "true",
-				css: o,
-				children: N
-			})]
-		})
-	});
-}
-W.displayName = "Combobox.Item";
-function G({ ref: e, children: n, className: r, sx: a, ...o }) {
-	let { matchCount: s } = R("Empty");
-	return s > 0 ? null : /* @__PURE__ */ E(t, {
-		className: r,
-		styles: B,
-		sx: a,
-		children: (t) => /* @__PURE__ */ E("div", {
-			...o,
-			ref: e,
-			"data-ui": "combobox-empty",
-			className: t,
-			children: i(n) ? n : P
-		})
-	});
-}
-G.displayName = "Combobox.Empty";
-var K = Object.assign(V, {
-	Input: H,
-	List: U,
-	Item: W,
-	Empty: G
-});
-//#endregion
-export { K as t };

package/dist/theme-root-BiXXvQvr.js

@@ -1,42 +0,0 @@
-'use client';
-import { a as e, n as t, r as n, t as r } from "./sx-Dx9JUKp5.js";
-import { vars as i } from "@jfrader/tokens/vars";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-//#region src/styling/theme.ts
-var o = i;
-//#endregion
-//#region src/components/theme-provider/theme-provider.tsx
-function s({ theme: e = o, children: n }) {
-	return /* @__PURE__ */ a(t, {
-		theme: e,
-		children: n
-	});
-}
-s.displayName = "ThemeProvider";
-function c() {
-	return e();
-}
-//#endregion
-//#region src/components/theme-root/theme-root.tsx
-var l = n({
-	color: i.color.text,
-	colorScheme: "dark",
-	"&[data-theme=\"light\"]": { colorScheme: "light" }
-});
-function u({ ref: e, theme: t, className: n, sx: i, ...o }) {
-	return /* @__PURE__ */ a(s, { children: /* @__PURE__ */ a(r, {
-		className: n,
-		styles: l,
-		sx: i,
-		children: (n) => /* @__PURE__ */ a("div", {
-			"data-ui": "theme-root",
-			"data-theme": t ?? "dark",
-			...o,
-			ref: e,
-			className: n
-		})
-	}) });
-}
-u.displayName = "ThemeRoot";
-//#endregion
-export { o as i, s as n, c as r, u as t };

package/dist/toast-iqelR-r0.js

@@ -1,282 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./media-D_eA_I-e.js";
-import { t as r } from "./renderable-DzcIj1Lo.js";
-import { t as i } from "./button-P2e7_44z.js";
-import { createContext as a, useCallback as o, useContext as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
-import { vars as p } from "@jfrader/tokens/vars";
-import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
-import { createPortal as _ } from "react-dom";
-//#region src/components/toast/toast.tsx
-var v = 4, y = 5e3, b = "Dismiss", x = 100, S = "min(380px, calc(100vw - 32px))", C = "3px", w = a(null), T = a(null), E = e({
-	position: "fixed",
-	insetBlockEnd: 0,
-	insetInlineEnd: 0,
-	display: "flex",
-	flexDirection: "column",
-	gap: p.space[2],
-	inlineSize: S,
-	margin: 0,
-	paddingInlineEnd: p.space[4],
-	paddingBlockEnd: p.space[4],
-	pointerEvents: "none",
-	fontFamily: p.font.sans
-}), D = e({
-	boxSizing: "border-box",
-	display: "grid",
-	gridTemplateColumns: "minmax(0, 1fr) auto",
-	alignItems: "start",
-	gap: p.space[2],
-	backgroundColor: p.color.surfaceRaised,
-	border: `1px solid ${p.color.border}`,
-	borderRadius: p.radius.lg,
-	boxShadow: p.shadow.floating,
-	padding: p.space[3],
-	color: p.color.text,
-	lineHeight: p.lineHeight.base,
-	pointerEvents: "auto",
-	transitionProperty: "opacity, transform",
-	transitionDuration: p.motion.duration.base,
-	transitionTimingFunction: p.motion.easeStandard,
-	"&[data-populated=\"false\"]": { opacity: 0 },
-	"&[data-state=\"closing\"]": {
-		opacity: 0,
-		transform: `translateY(${p.space[2]})`,
-		pointerEvents: "none"
-	},
-	[n]: { transitionDuration: "0s" }
-}), O = {
-	neutral: e({ borderInlineStart: `${C} solid ${p.color.borderStrong}` }),
-	success: e({ borderInlineStart: `${C} solid ${p.color.success}` }),
-	danger: e({ borderInlineStart: `${C} solid ${p.color.danger}` })
-}, k = e({
-	display: "grid",
-	gap: p.space[1],
-	alignSelf: "center",
-	minInlineSize: 0
-}), A = e({
-	margin: 0,
-	fontSize: p.textSize.sm,
-	fontWeight: p.fontWeight.semibold
-}), j = e({
-	margin: 0,
-	fontSize: p.textSize.sm,
-	color: p.color.textMuted
-}), M = e({
-	gridColumn: 2,
-	gridRow: 1,
-	inlineSize: "32px",
-	paddingInline: 0
-}), N = e({ display: "contents" }), P = e({
-	gridColumn: "1 / -1",
-	display: "flex",
-	gap: p.space[2]
-});
-function F(e) {
-	let t = s(T);
-	if (!t) throw Error(`Toast.${e} must be rendered inside <Toast.Provider>.`);
-	return t;
-}
-function I() {
-	let e = s(w);
-	if (!e) throw Error("useToast() must be called inside <Toast.Provider>.");
-	return e;
-}
-function L({ children: e, max: t = v, duration: n = y, dismissLabel: r = b }) {
-	let i = l(), a = d(0), [s, c] = f([]), p = d([]), m = d(/* @__PURE__ */ new Map()), g = Math.max(1, Math.floor(Number.isFinite(t) ? t : v)), _ = o((e, t) => {
-		t ? m.current.set(e, t) : m.current.delete(e);
-	}, []), x = o((e, t) => {
-		let n = new Set(t.filter((e) => e.state === "open").map((e) => m.current.get(e.id)));
-		for (let t of e) {
-			let e = m.current.get(t.id);
-			if (e?.contains(e.ownerDocument.activeElement)) {
-				Array.from(e.parentElement?.querySelectorAll("[data-ui=\"toast\"]") ?? []).find((e) => n.has(e))?.querySelector("[data-toast-dismiss]")?.focus();
-				break;
-			}
-		}
-	}, []), S = o((e) => {
-		a.current += 1;
-		let t = `${i}toast-${a.current}`, r = {
-			id: t,
-			options: {
-				...e,
-				duration: e.duration === void 0 ? n : e.duration
-			},
-			state: "open"
-		}, o = p.current, s = [...o, r].slice(-g);
-		return x(o.filter((e) => !s.includes(e)), s), p.current = s, c(s), t;
-	}, [
-		i,
-		g,
-		n,
-		x
-	]), C = o((e) => {
-		let t = p.current;
-		x(t.filter((t) => t.id === e), t.filter((t) => t.id !== e));
-		let n = t.map((t) => t.id === e && t.state === "open" ? {
-			...t,
-			state: "closing"
-		} : t);
-		p.current = n, c(n);
-	}, [x]), E = o((e) => {
-		let t = p.current, n = t.filter((t) => t.id !== e);
-		x(t.filter((t) => t.id === e), n), p.current = n, c(n);
-	}, [x]), D = u(() => ({
-		toast: S,
-		dismiss: C
-	}), [S, C]), O = u(() => ({
-		toasts: s,
-		dismiss: C,
-		remove: E,
-		registerRoot: _,
-		dismissLabel: r
-	}), [
-		s,
-		C,
-		E,
-		_,
-		r
-	]);
-	return /* @__PURE__ */ h(w.Provider, {
-		value: D,
-		children: /* @__PURE__ */ h(T.Provider, {
-			value: O,
-			children: e
-		})
-	});
-}
-L.displayName = "Toast.Provider";
-function R({ ref: e, className: n, sx: r, ...i }) {
-	let { toasts: a } = F("Viewport"), o = d(null), [s, l] = f(null);
-	return c(() => {
-		l(o.current?.ownerDocument.body ?? null);
-	}, []), /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
-		hidden: !0,
-		ref: o
-	}), s && _(/* @__PURE__ */ h(t, {
-		className: n,
-		styles: E,
-		sx: r,
-		children: (t) => /* @__PURE__ */ h("div", {
-			...i,
-			ref: e,
-			"data-ui": "toast-viewport",
-			className: t,
-			children: a.map((e) => /* @__PURE__ */ h(z, { record: e }, e.id))
-		})
-	}), s)] });
-}
-R.displayName = "Toast.Viewport";
-function z({ record: e }) {
-	let { dismiss: t, remove: n, registerRoot: a, dismissLabel: s } = F("Viewport"), { id: l, options: u, state: p } = e, { title: _, description: v, tone: y = "neutral", action: b } = u, S = u.duration, C = d(null), w = o((e) => {
-		C.current = e, a(l, e);
-	}, [l, a]), [T, E] = f(!1), [I, L] = f(!1), [R, z] = f(!1), V = d(S ?? 0);
-	c(() => {
-		let e = setTimeout(() => E(!0), x);
-		return () => clearTimeout(e);
-	}, []);
-	let H = T && p === "open" && S !== null && !I && !R;
-	return c(() => {
-		if (!H) return;
-		let e = performance.now(), n = setTimeout(() => t(l), V.current);
-		return () => {
-			clearTimeout(n), V.current -= performance.now() - e;
-		};
-	}, [
-		H,
-		t,
-		l
-	]), c(() => {
-		if (p !== "closing") return;
-		let e = C.current, t = e && typeof e.getAnimations == "function" ? e.getAnimations() : [], r = !1;
-		return Promise.allSettled(t.map((e) => e.finished)).then(() => {
-			r || n(l);
-		}), () => {
-			r = !0;
-		};
-	}, [
-		p,
-		n,
-		l
-	]), /* @__PURE__ */ g("div", {
-		ref: w,
-		inert: p === "closing",
-		"data-ui": "toast",
-		"data-tone": y,
-		"data-state": p,
-		"data-populated": T,
-		onPointerEnter: () => L(!0),
-		onPointerLeave: () => L(!1),
-		onFocus: () => z(!0),
-		onBlur: (e) => {
-			e.currentTarget.contains(e.relatedTarget) || z(!1);
-		},
-		css: [D, O[y]],
-		children: [/* @__PURE__ */ h("div", {
-			role: y === "danger" ? "alert" : "status",
-			"aria-atomic": "true",
-			css: k,
-			children: T && /* @__PURE__ */ g(m, { children: [r(_) && /* @__PURE__ */ h("div", {
-				css: A,
-				children: _
-			}), r(v) && /* @__PURE__ */ h("div", {
-				css: j,
-				children: v
-			})] })
-		}), T && /* @__PURE__ */ g("div", {
-			css: N,
-			children: [/* @__PURE__ */ h(i, {
-				variant: "ghost",
-				size: "sm",
-				"aria-label": s,
-				"data-toast-dismiss": "",
-				onClick: () => t(l),
-				css: M,
-				children: /* @__PURE__ */ h(B, {})
-			}), b && /* @__PURE__ */ h("div", {
-				css: P,
-				children: /* @__PURE__ */ h(i, {
-					variant: "outline",
-					size: "sm",
-					onClick: (e) => {
-						b?.onClick(e), e.defaultPrevented || t(l);
-					},
-					children: b.label
-				})
-			})]
-		})]
-	});
-}
-function B() {
-	return /* @__PURE__ */ g("svg", {
-		"aria-hidden": "true",
-		viewBox: "0 0 16 16",
-		width: "16",
-		height: "16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		children: [/* @__PURE__ */ h("line", {
-			x1: "4",
-			y1: "4",
-			x2: "12",
-			y2: "12"
-		}), /* @__PURE__ */ h("line", {
-			x1: "12",
-			y1: "4",
-			x2: "4",
-			y2: "12"
-		})]
-	});
-}
-function V(e) {
-	return /* @__PURE__ */ h(L, { ...e });
-}
-V.displayName = "Toast";
-var H = Object.assign(V, {
-	Provider: L,
-	Viewport: R
-});
-//#endregion
-export { I as n, H as t };

package/dist/use-overlay-floating-efeqppiw.js

@@ -1,19 +0,0 @@
-'use client';
-import { autoUpdate as e, flip as t, offset as n, shift as r, useFloating as i } from "@floating-ui/react";
-//#region src/overlay/use-overlay-floating.ts
-var a = 8, o = 8;
-function s({ open: s, onOpenChange: c, placement: l }) {
-	return i({
-		open: s,
-		onOpenChange: c,
-		placement: l,
-		middleware: [
-			n(a),
-			t({ padding: o }),
-			r({ padding: o })
-		],
-		whileElementsMounted: e
-	});
-}
-//#endregion
-export { s as t };