@octane-xplat/ui 0.3.0 → 0.4.0

package/dist/native/ui34.js

@@ -1,10 +1,53 @@
-import { isAndroid, isIOS } from "@nativescript/core";
-//#region src/platformProps.native.ts
-/** Apply the matching native escape-hatch bag after the primitive's props. */
-function applyNativeProps(el, props) {
-	if (!el) return;
-	const bag = isIOS ? props.ios : isAndroid ? props.android : void 0;
-	if (bag) Object.assign(el, bag);
+import { RootLayout, getRootLayout } from "@nativescript/core";
+//#region src/root-layout.native.ts
+var registry = [];
+/** Called by the Screen leaf's <rootlayout> onLoaded/onUnloaded. */
+function registerRootLayout(rl) {
+	if (rl && !registry.includes(rl)) registry.push(rl);
+}
+function unregisterRootLayout(rl) {
+	const i = rl ? registry.indexOf(rl) : -1;
+	if (i >= 0) registry.splice(i, 1);
+}
+/** The most recently mounted rootlayout — the top of the push stack. For
+*  imperative services (toast, sheet) there is no invoking component to
+*  walk from; last-mounted is the pushed page when one exists. Caveat: tabs
+*  keep visited panes mounted — last is the newest, not the visible tab. */
+function topRootLayout() {
+	return registry[registry.length - 1] ?? getRootLayout();
+}
+/** Resolve the RootLayout enclosing `view` by walking the native parent
+*  chain — the screen shell is a RootLayout (Screen.native), so the first
+*  RootLayout ancestor IS the current page's overlay host. Falls back to
+*  the top registry entry when the component renders outside any Screen. */
+function rootLayoutFor(view) {
+	for (let v = view?.parent; v; v = v.parent) if (v instanceof RootLayout) return v;
+	return topRootLayout();
+}
+/** Search every registered rootlayout for a view by id — overlays/sheets/
+*  toasts land on different rootlayouts depending on which screen's shell
+*  mounted last. */
+function findInRootLayouts(id) {
+	const walk = (view) => {
+		if (!view) return null;
+		if (view.id === id) return view;
+		let hit = null;
+		view.eachChildView?.((c) => {
+			const found = walk(c);
+			if (found) {
+				hit = found;
+				return false;
+			}
+			return true;
+		});
+		return hit;
+	};
+	for (let i = registry.length - 1; i >= 0; i--) {
+		const hit = walk(registry[i]);
+		if (hit) return hit;
+	}
+	const rl = getRootLayout();
+	return rl ? walk(rl) : null;
 }
 //#endregion
-export { applyNativeProps };
+export { findInRootLayouts, registerRootLayout, rootLayoutFor, topRootLayout, unregisterRootLayout };

package/dist/native/ui35.js

@@ -1,27 +1,105 @@
 import { cx } from "./ui2.js";
-import { applyNativeProps } from "./ui34.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/ActivityIndicator.native.tsrx
+import { applyThemeClasses } from "./ui31.js";
+import { rootLayoutFor } from "./ui34.js";
+import { createNativeScriptRoot, defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
+import { GridLayout, isAndroid, isIOS } from "@nativescript/core";
+//#region src/Overlay.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(4);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "activityindicator",
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["busy", 3],
-		["ref", 4]
-	]
+	"type": "stacklayout",
+	"bindings": [["ref", 0], ["style", 1]]
 });
-var ActivityIndicator = defineUniversalComponent("nativescript", function ActivityIndicator(props) {
-	if (props.busy === false) return null;
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		cx(props.className),
+var OverlayBody = defineUniversalComponent("nativescript", function OverlayBody(props) {
+	return universalValue(__octaneUniversalPlan0, [props.children]);
+}, { "module": "@nativescript-community/octane" });
+var Overlay = defineUniversalComponent("nativescript", function Overlay(props) {
+	const shown = useRef(null, _h$0);
+	const hostView = useRef(null, _h$1);
+	const dismiss = useRef(props.onDismiss, _h$2);
+	dismiss.current = props.onDismiss;
+	const rootLayout = () => rootLayoutFor(hostView.current);
+	useEffect(() => {
+		const current = shown.current;
+		if (!props.open) {
+			if (!current) return;
+			current.dismissOnClose = false;
+			shown.current = null;
+			const rl = rootLayout();
+			if (rl && rl?.hasChild?.(current.host)) rl.close(current.host).then(() => current.root.unmount?.(), (error) => {
+				console.error("[Overlay] close failed", error);
+				current.root.unmount?.();
+			});
+			else current.root.unmount?.();
+			return;
+		}
+		if (current) {
+			current.root.render(OverlayBody, { children: props.children });
+			current.unbindTheme = applyThemeClasses(current.host, cx("vx-overlay-host", props.className));
+			if (props.style) Object.assign(current.host.style, props.style);
+			Object.assign(current.host, isIOS ? props.ios : isAndroid ? props.android : void 0);
+			return;
+		}
+		const rl = rootLayout();
+		if (!rl) return;
+		const host = new GridLayout();
+		const unbindTheme = applyThemeClasses(host, cx("vx-overlay-host", props.className));
+		host.horizontalAlignment = "stretch";
+		host.verticalAlignment = "stretch";
+		if (props.style) Object.assign(host.style, props.style);
+		Object.assign(host, isIOS ? props.ios : isAndroid ? props.android : void 0);
+		const root = createNativeScriptRoot(host);
+		const opened = {
+			host,
+			root,
+			dismissOnClose: true,
+			unbindTheme
+		};
+		shown.current = opened;
+		root.render(OverlayBody, { children: props.children });
+		host.on("closed", () => {
+			if (shown.current === opened) shown.current = null;
+			opened.unbindTheme?.();
+			root.unmount?.();
+			if (opened.dismissOnClose) dismiss.current?.();
+		});
+		const open = () => rl.open(host, props.shadeCover ? { shadeCover: {
+			opacity: .45,
+			color: "#000000",
+			tapToClose: true
+		} } : {}).catch((error) => {
+			if (shown.current === opened) shown.current = null;
+			console.error("[Overlay] open failed", error);
+			root.unmount?.();
+		});
+		if (rl.hasChild?.(host)) rl.close(host).then(open, (error) => console.error("[Overlay] stale host close failed", error));
+		else open();
+	}, [
+		props.open,
+		props.children,
+		props.shadeCover,
+		props.className,
 		props.style,
-		props.busy ?? true,
-		(el) => applyNativeProps(el, props)
-	]);
+		props.ios,
+		props.android
+	], _h$3);
+	return universalValue(__octaneUniversalPlan1, [(v) => {
+		hostView.current = v;
+	}, {
+		width: 0,
+		height: 0
+	}]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { ActivityIndicator };
+export { Overlay };

package/dist/native/ui36.js

@@ -1,34 +1,10 @@
-import { cx } from "./ui2.js";
-import { applyNativeProps } from "./ui34.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Slider.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "slider",
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["value", 3],
-		["minValue", 4],
-		["maxValue", 5],
-		["isEnabled", 6],
-		["onValueChange", 7],
-		["ref", 8]
-	]
-});
-var Slider = defineUniversalComponent("nativescript", function Slider(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		cx(props.className),
-		props.style,
-		props.value,
-		props.minValue ?? 0,
-		props.maxValue ?? 100,
-		props.disabled ? false : true,
-		(e) => props.onValueChange?.(e.value),
-		(el) => applyNativeProps(el, props)
-	]);
-}, { "module": "@nativescript-community/octane" });
+import { isAndroid, isIOS } from "@nativescript/core";
+//#region src/platformProps.native.ts
+/** Apply the matching native escape-hatch bag after the primitive's props. */
+function applyNativeProps(el, props) {
+	if (!el) return;
+	const bag = isIOS ? props.ios : isAndroid ? props.android : void 0;
+	if (bag) Object.assign(el, bag);
+}
 //#endregion
-export { Slider };
+export { applyNativeProps };

package/dist/native/ui37.js

@@ -1,17 +1,44 @@
-//#region src/icons.ts
-/**
-* App-owned icon registry. `svg` is SVG path `d` data (not a full SVG
-* markup string). Native `font` glyphs render only when the app ships that font.
-*/
-var icons = /* @__PURE__ */ new Map();
-function registerIcon(name, glyph) {
-	icons.set(name, glyph);
-}
-function registerIcons(record) {
-	for (const [name, glyph] of Object.entries(record)) icons.set(name, glyph);
-}
-function getIcon(name) {
-	return icons.get(name);
+//#region src/popover-position.ts
+var opposite = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+/** Place beside the anchor, flip once when the requested side overflows, then clamp. */
+function positionPopover(anchor, panel, viewport, requested = "bottom", gap = 8) {
+	const at = (placement) => {
+		switch (placement) {
+			case "top": return {
+				left: anchor.left,
+				top: anchor.top - panel.height - gap
+			};
+			case "bottom": return {
+				left: anchor.left,
+				top: anchor.top + anchor.height + gap
+			};
+			case "left": return {
+				left: anchor.left - panel.width - gap,
+				top: anchor.top
+			};
+			case "right": return {
+				left: anchor.left + anchor.width + gap,
+				top: anchor.top
+			};
+		}
+		throw new Error(`Unknown popover placement: ${placement}`);
+	};
+	const fits = (position) => position.left >= viewport.left && position.top >= viewport.top && position.left + panel.width <= viewport.left + viewport.width && position.top + panel.height <= viewport.top + viewport.height;
+	const preferred = at(requested);
+	const placement = fits(preferred) ? requested : opposite[requested];
+	const raw = placement === requested ? preferred : at(placement);
+	const maxLeft = Math.max(viewport.left, viewport.left + viewport.width - panel.width);
+	const maxTop = Math.max(viewport.top, viewport.top + viewport.height - panel.height);
+	return {
+		left: Math.min(maxLeft, Math.max(viewport.left, raw.left)),
+		top: Math.min(maxTop, Math.max(viewport.top, raw.top)),
+		placement
+	};
 }
 //#endregion
-export { getIcon, registerIcon, registerIcons };
+export { positionPopover };

package/dist/native/ui38.js

@@ -1,68 +1,197 @@
 import { cx } from "./ui2.js";
-import { applyNativeProps } from "./ui34.js";
-import { getIcon } from "./ui37.js";
-import { defineUniversalComponent, universalIf, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Icon.native.tsrx
+import { applyThemeClasses, useThemeScheme } from "./ui31.js";
+import { rootLayoutFor } from "./ui34.js";
+import { applyNativeProps } from "./ui36.js";
+import { positionPopover } from "./ui37.js";
+import { createNativeScriptRoot, defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useRef, useState, withSlot } from "@nativescript-community/octane";
+import { GridLayout } from "@nativescript/core";
+//#region src/Popover.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(8);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
+var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
+var _h$5 = /* @__PURE__ */ Symbol(_hs$ + 5);
+var _h$6 = /* @__PURE__ */ Symbol(_hs$ + 6);
+var _h$7 = /* @__PURE__ */ Symbol(_hs$ + 7);
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "label",
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["text", 2],
-		["style", 3],
-		["ref", 4]
-	]
+	"type": "gridlayout",
+	"props": {
+		"width": "100%",
+		"height": "100%",
+		"className": "vx-popover-backdrop"
+	},
+	"bindings": [["backgroundColor", 0], ["onTap", 1]]
 });
 var __octaneUniversalPlan1 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "image",
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["src", 2],
-		["style", 3],
-		["ref", 4]
-	]
+	"type": "absolutelayout",
+	"props": {
+		"width": "100%",
+		"height": "100%"
+	},
+	"bindings": [["className", 0]],
+	"children": [{
+		"kind": "slot",
+		"slot": 1
+	}, {
+		"kind": "host",
+		"type": "gridlayout",
+		"bindings": [
+			["ref", 2],
+			["left", 3],
+			["top", 4],
+			["opacity", 5],
+			["className", 6],
+			["style", 7],
+			["onLoaded", 8],
+			["onLayoutChanged", 9]
+		],
+		"children": [{
+			"kind": "slot",
+			"slot": 10
+		}]
+	}]
 });
 var __octaneUniversalPlan2 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
+	"kind": "range",
+	"children": []
 });
-var __octaneUniversalPlan3 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var Icon = defineUniversalComponent("nativescript", function Icon(props) {
-	const glyph = getIcon(props.name);
-	if (!glyph) return null;
-	const size = props.size ?? 24;
-	return universalValue(__octaneUniversalPlan3, [universalIf(glyph.font, () => {
-		return universalValue(__octaneUniversalPlan0, [
-			props.id,
-			cx(props.className),
-			glyph.font.glyph,
-			{
-				fontFamily: glyph.font.family,
-				fontSize: size,
-				color: props.color
-			},
-			(el) => applyNativeProps(el, props)
-		]);
-	}, () => {
-		return universalValue(__octaneUniversalPlan2, [universalIf(glyph.src, () => {
-			return universalValue(__octaneUniversalPlan1, [
-				props.id,
-				cx(props.className),
-				glyph.src,
-				{
-					width: size,
-					height: size
-				},
-				(el) => applyNativeProps(el, props)
-			]);
-		})]);
-	})]);
+var PopoverLayer = defineUniversalComponent("nativescript", function PopoverLayer(props) {
+	const panelRef = useRef(null, _h$0);
+	const [position, setPosition] = useState(null, _h$1);
+	const [settled, setSettled] = useState(false, _h$2);
+	const update = () => {
+		const anchor = props.anchorView;
+		const coordinateRoot = anchor?.page?.content;
+		if (!anchor?.getLocationRelativeTo || !coordinateRoot?.getActualSize) return;
+		const point = anchor.getLocationRelativeTo(coordinateRoot);
+		const anchorSize = anchor.getActualSize();
+		const panelSize = panelRef.current?.getActualSize?.();
+		if (!point || !anchorSize) return;
+		const next = positionPopover({
+			left: point.x,
+			top: point.y,
+			width: anchorSize.width,
+			height: anchorSize.height
+		}, {
+			width: panelSize?.width ?? 0,
+			height: panelSize?.height ?? 0
+		}, {
+			left: 0,
+			top: 0,
+			width: coordinateRoot.getActualSize().width,
+			height: coordinateRoot.getActualSize().height
+		}, props.placement ?? "bottom");
+		setPosition((current) => current?.left === next.left && current?.top === next.top && current?.placement === next.placement ? current : next);
+		if (panelSize?.width > 0 && panelSize?.height > 0) setSettled(true);
+	};
+	useEffect(() => {
+		const anchor = props.anchorView;
+		if (!props.open || !anchor) return;
+		const listeners = [];
+		let view = anchor;
+		while (view) {
+			for (const event of ["layoutChanged", "scroll"]) {
+				const handler = () => update();
+				view.on?.(event, handler);
+				listeners.push({
+					view,
+					event,
+					handler
+				});
+			}
+			view = view.parent;
+		}
+		update();
+		return () => {
+			for (const listener of listeners) listener.view.off?.(listener.event, listener.handler);
+		};
+	}, [
+		props.open,
+		props.anchorView,
+		props.placement,
+		props.children,
+		props.style
+	], _h$3);
+	useEffect(() => {
+		applyNativeProps(panelRef.current, props);
+	}, [
+		props.ios,
+		props.android,
+		settled
+	], _h$4);
+	const dismiss = () => props.onDismiss?.();
+	return universalValue(__octaneUniversalPlan1, [
+		cx("vx-popover-layer", withSlot(_h$5, useThemeScheme) === "dark" && "ns-dark"),
+		(props.dismissOnOutsideTap ?? true) && universalValue(__octaneUniversalPlan0, ["transparent", dismiss]),
+		panelRef,
+		position?.left ?? 0,
+		position?.top ?? 0,
+		settled ? 1 : 0,
+		cx("vx-popover", props.className),
+		props.style,
+		update,
+		update,
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+var Popover = defineUniversalComponent("nativescript", function Popover(props) {
+	const shown = useRef(null, _h$6);
+	useEffect(() => {
+		const cur = shown.current;
+		if (!props.open) {
+			if (!cur) return;
+			shown.current = null;
+			cur.unbindTheme?.();
+			const owner = cur.host.parent;
+			if (owner?.hasChild?.(cur.host)) owner.close(cur.host).then(() => cur.root.unmount?.(), (error) => {
+				console.error("[Popover] close failed", error);
+				cur.root.unmount?.();
+			});
+			else cur.root.unmount?.();
+			return;
+		}
+		const anchor = props.anchor?.current;
+		const rl = rootLayoutFor(anchor);
+		if (!anchor || !rl) return;
+		if (cur) {
+			cur.root.render(PopoverLayer, {
+				...props,
+				anchorView: anchor
+			});
+			return;
+		}
+		const host = new GridLayout();
+		const unbindTheme = applyThemeClasses(host, cx("vx-popover-host", props.className));
+		host.horizontalAlignment = "stretch";
+		host.verticalAlignment = "stretch";
+		const root = createNativeScriptRoot(host);
+		shown.current = {
+			host,
+			root,
+			unbindTheme
+		};
+		root.render(PopoverLayer, {
+			...props,
+			anchorView: anchor
+		});
+		rl.open(host).catch((error) => {
+			if (shown.current?.host === host) shown.current = null;
+			console.error("[Popover] open failed", error);
+			root.unmount?.();
+		});
+	}, [
+		props.open,
+		props.children,
+		props.placement,
+		props.className,
+		props.style,
+		props.dismissOnOutsideTap
+	], _h$7);
+	return universalValue(__octaneUniversalPlan2, []);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Icon };
+export { Popover };

package/dist/native/ui39.js

@@ -1,33 +1,105 @@
-import { cx } from "./ui2.js";
-import { applyNativeProps } from "./ui34.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-import { AccessibilityRole } from "@nativescript/core";
-//#region src/Heading.native.tsrx
+import { applyThemeClasses } from "./ui31.js";
+import { topRootLayout } from "./ui34.js";
+import { createNativeScriptRoot, defineUniversalComponent, universalComponent, universalIf, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+import { GridLayout, isAndroid, isIOS } from "@nativescript/core";
+//#region src/toast.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "label",
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["accessibilityRole", 3],
-		["ref", 4]
-	],
+	"props": { "className": "vx-toast" },
 	"children": [{
 		"kind": "slot",
-		"slot": 5
+		"slot": 0
 	}]
 });
-var Heading = defineUniversalComponent("nativescript", function Heading(props) {
-	const level = props.level ?? 2;
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		cx(`vx-h${level}`, props.className),
-		props.style,
-		AccessibilityRole.Header,
-		(el) => applyNativeProps(el, props),
-		props.children
-	]);
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "gridlayout",
+	"props": { "className": "vx-toast" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var queue = [];
+var active = null;
+var ToastBody = defineUniversalComponent("nativescript", function ToastBody(props) {
+	return universalValue(__octaneUniversalPlan2, [universalIf(typeof props.content === "string", () => {
+		return universalValue(__octaneUniversalPlan0, [props.content]);
+	}, () => {
+		const Component = props.content;
+		return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", Component, universalProps([]))]);
+	})]);
 }, { "module": "@nativescript-community/octane" });
+function finishToast(entry) {
+	if (active !== entry) return;
+	if (entry.timer !== null) clearTimeout(entry.timer);
+	entry.timer = null;
+	const rootLayout = topRootLayout();
+	const finish = () => {
+		entry.unbindTheme?.();
+		entry.root.unmount?.();
+		if (active === entry) active = null;
+		showNext();
+	};
+	if (rootLayout && rootLayout?.hasChild?.(entry.host)) rootLayout.close(entry.host).then(finish, (error) => {
+		console.error("[Toast] close failed", error);
+		finish();
+	});
+	else finish();
+}
+function showNext() {
+	if (active || queue.length === 0) return;
+	const entry = queue.shift();
+	const rootLayout = topRootLayout();
+	if (!rootLayout) {
+		console.warn("[Toast] RootLayout is not mounted; toast was skipped");
+		return;
+	}
+	const host = new GridLayout();
+	const unbindTheme = applyThemeClasses(host, "vx-toast-host");
+	host.horizontalAlignment = "stretch";
+	host.verticalAlignment = entry.options.position === "top" ? "top" : "bottom";
+	host.marginTop = entry.options.position === "top" ? 24 : 0;
+	host.marginBottom = entry.options.position === "top" ? 0 : 24;
+	Object.assign(host, isIOS ? entry.options.ios : isAndroid ? entry.options.android : void 0);
+	const root = createNativeScriptRoot(host);
+	const current = {
+		...entry,
+		host,
+		root,
+		timer: null,
+		unbindTheme
+	};
+	active = current;
+	root.render(ToastBody, { content: entry.content });
+	const open = () => {
+		rootLayout.open(host).then(() => {
+			if (active === current) current.timer = setTimeout(() => finishToast(current), Math.max(0, entry.options.duration ?? 3e3));
+		}, (error) => {
+			console.error("[Toast] open failed", error);
+			root.unmount?.();
+			if (active === current) active = null;
+			showNext();
+		});
+	};
+	if (rootLayout.hasChild?.(host)) rootLayout.close(host).then(open, (error) => {
+		console.error("[Toast] stale host close failed", error);
+		if (active === current) active = null;
+		showNext();
+	});
+	else open();
+}
+function showToast(content, options = {}) {
+	queue.push({
+		content,
+		options
+	});
+	showNext();
+}
 //#endregion
-export { Heading };
+export { showToast };