vccs 0.1.0 → 0.3.0

package/dist/es/cartesian/z-axis/ZAxis.mjs

@@ -1,9 +1,9 @@
-import { implicitZAxis as e } from "../../state/selectors/axisSelectors.mjs";
-import { useAppDispatch as t } from "../../state/hooks.mjs";
-import { addZAxis as n, removeZAxis as r } from "../../state/cartesianAxisSlice.mjs";
-import { defineComponent as i, watchEffect as a } from "vue";
+import { implicitZAxis } from "../../state/selectors/axisSelectors.mjs";
+import { useAppDispatch } from "../../state/hooks.mjs";
+import { addZAxis, removeZAxis } from "../../state/cartesianAxisSlice.mjs";
+import { defineComponent, watchEffect } from "vue";
 //#region src/cartesian/z-axis/ZAxis.tsx
-var o = /* @__PURE__ */ i({
+var ZAxis = /* @__PURE__ */ defineComponent({
 	name: "ZAxis",
 	props: {
 		zAxisId: {
@@ -20,11 +20,11 @@ var o = /* @__PURE__ */ i({
 		},
 		type: {
 			type: String,
-			default: e.type
+			default: implicitZAxis.type
 		},
 		range: {
 			type: Array,
-			default: () => e.range
+			default: () => implicitZAxis.range
 		},
 		domain: {
 			type: [Array, String],
@@ -32,7 +32,7 @@ var o = /* @__PURE__ */ i({
 		},
 		scale: {
 			type: [String, Function],
-			default: e.scale
+			default: implicitZAxis.scale
 		},
 		name: {
 			type: String,
@@ -43,28 +43,30 @@ var o = /* @__PURE__ */ i({
 			default: void 0
 		}
 	},
-	setup(i) {
-		let o = t();
-		return a((t) => {
-			let a = {
-				id: i.zAxisId,
-				dataKey: i.dataKey,
-				type: i.type,
-				range: i.range,
-				domain: i.domain,
-				scale: i.scale,
-				name: i.name,
-				unit: i.unit,
-				allowDuplicatedCategory: e.allowDuplicatedCategory,
-				allowDataOverflow: e.allowDataOverflow,
-				reversed: e.reversed,
-				includeHidden: e.includeHidden
+	setup(props) {
+		const dispatch = useAppDispatch();
+		watchEffect((onCleanup) => {
+			const settings = {
+				id: props.zAxisId,
+				dataKey: props.dataKey,
+				type: props.type,
+				range: props.range,
+				domain: props.domain,
+				scale: props.scale,
+				name: props.name,
+				unit: props.unit,
+				allowDuplicatedCategory: implicitZAxis.allowDuplicatedCategory,
+				allowDataOverflow: implicitZAxis.allowDataOverflow,
+				reversed: implicitZAxis.reversed,
+				includeHidden: implicitZAxis.includeHidden
 			};
-			o(n(a)), t(() => {
-				o(r(a));
+			dispatch(addZAxis(settings));
+			onCleanup(() => {
+				dispatch(removeZAxis(settings));
 			});
-		}), () => null;
+		});
+		return () => null;
 	}
 });
 //#endregion
-export { o as ZAxis };
+export { ZAxis };

package/dist/es/chart/AreaChart.mjs

@@ -1,9 +1,9 @@
-import { arrayTooltipSearcher as e } from "../state/optionsSlice.mjs";
-import { generateCategoricalChart as t } from "./generateCategoricalChart.mjs";
+import { arrayTooltipSearcher } from "../state/optionsSlice.mjs";
+import { generateCategoricalChart } from "./generateCategoricalChart.mjs";
 //#region src/chart/AreaChart.ts
-var n = t({
+var AreaChart = generateCategoricalChart({
 	chartName: "AreaChart",
-	tooltipPayloadSearcher: e
+	tooltipPayloadSearcher: arrayTooltipSearcher
 });
 //#endregion
-export { n as AreaChart };
+export { AreaChart };

package/dist/es/chart/BarChart.mjs

@@ -1,10 +1,10 @@
-import { arrayTooltipSearcher as e } from "../state/optionsSlice.mjs";
-import { generateCategoricalChart as t } from "./generateCategoricalChart.mjs";
-var n = t({
+import { arrayTooltipSearcher } from "../state/optionsSlice.mjs";
+import { generateCategoricalChart } from "./generateCategoricalChart.mjs";
+var BarChart = generateCategoricalChart({
 	chartName: "BarChart",
 	defaultTooltipEventType: "axis",
-	tooltipPayloadSearcher: e,
+	tooltipPayloadSearcher: arrayTooltipSearcher,
 	validateTooltipEventTypes: ["axis", "item"]
 });
 //#endregion
-export { n as BarChart };
+export { BarChart };

package/dist/es/chart/ComposedChart.mjs

@@ -1,10 +1,10 @@
-import { arrayTooltipSearcher as e } from "../state/optionsSlice.mjs";
-import { generateCategoricalChart as t } from "./generateCategoricalChart.mjs";
-var n = t({
+import { arrayTooltipSearcher } from "../state/optionsSlice.mjs";
+import { generateCategoricalChart } from "./generateCategoricalChart.mjs";
+var ComposedChart = generateCategoricalChart({
 	chartName: "ComposedChart",
 	defaultTooltipEventType: "axis",
-	tooltipPayloadSearcher: e,
+	tooltipPayloadSearcher: arrayTooltipSearcher,
 	validateTooltipEventTypes: ["axis"]
 });
 //#endregion
-export { n as ComposedChart };
+export { ComposedChart };

package/dist/es/chart/FunnelChart.mjs

@@ -0,0 +1,11 @@
+import { arrayTooltipSearcher } from "../state/optionsSlice.mjs";
+import { generateCategoricalChart } from "./generateCategoricalChart.mjs";
+//#region src/chart/FunnelChart.ts
+var FunnelChart = generateCategoricalChart({
+	chartName: "FunnelChart",
+	defaultTooltipEventType: "item",
+	validateTooltipEventTypes: ["item"],
+	tooltipPayloadSearcher: arrayTooltipSearcher
+});
+//#endregion
+export { FunnelChart };

package/dist/es/chart/LegendPortalContext.mjs

@@ -1,5 +1,5 @@
-import { createContext as e } from "../utils/createContext.mjs";
+import { createContext } from "../utils/createContext.mjs";
 //#region src/chart/LegendPortalContext.ts
-var [t, n] = e("LegendPortalContext");
+var [useLegendPortal, provideLegendPortalRaw] = createContext("LegendPortalContext");
 //#endregion
-export { n as provideLegendPortalRaw, t as useLegendPortal };
+export { provideLegendPortalRaw, useLegendPortal };

package/dist/es/chart/LineChart.mjs

@@ -1,10 +1,10 @@
-import { arrayTooltipSearcher as e } from "../state/optionsSlice.mjs";
-import { generateCategoricalChart as t } from "./generateCategoricalChart.mjs";
-var n = t({
+import { arrayTooltipSearcher } from "../state/optionsSlice.mjs";
+import { generateCategoricalChart } from "./generateCategoricalChart.mjs";
+var LineChart = generateCategoricalChart({
 	chartName: "LineChart",
 	defaultTooltipEventType: "axis",
-	tooltipPayloadSearcher: e,
+	tooltipPayloadSearcher: arrayTooltipSearcher,
 	validateTooltipEventTypes: ["axis", "item"]
 });
 //#endregion
-export { n as LineChart };
+export { LineChart };

package/dist/es/chart/PieChart.mjs

@@ -1,7 +1,7 @@
-import { arrayTooltipSearcher as e } from "../state/optionsSlice.mjs";
-import { generateCategoricalChart as t } from "./generateCategoricalChart.mjs";
+import { arrayTooltipSearcher } from "../state/optionsSlice.mjs";
+import { generateCategoricalChart } from "./generateCategoricalChart.mjs";
 //#region src/chart/PieChart.ts
-var n = t({
+var PieChart = generateCategoricalChart({
 	chartName: "PieChart",
 	defaultProps: {
 		layout: "centric",
@@ -10,7 +10,7 @@ var n = t({
 	},
 	defaultTooltipEventType: "item",
 	validateTooltipEventTypes: ["item"],
-	tooltipPayloadSearcher: e
+	tooltipPayloadSearcher: arrayTooltipSearcher
 });
 //#endregion
-export { n as PieChart };
+export { PieChart };

package/dist/es/chart/RadarChart.mjs

@@ -1,7 +1,7 @@
-import { arrayTooltipSearcher as e } from "../state/optionsSlice.mjs";
-import { generateCategoricalChart as t } from "./generateCategoricalChart.mjs";
+import { arrayTooltipSearcher } from "../state/optionsSlice.mjs";
+import { generateCategoricalChart } from "./generateCategoricalChart.mjs";
 //#region src/chart/RadarChart.ts
-var n = t({
+var RadarChart = generateCategoricalChart({
 	chartName: "RadarChart",
 	defaultProps: {
 		layout: "centric",
@@ -10,7 +10,7 @@ var n = t({
 	},
 	defaultTooltipEventType: "axis",
 	validateTooltipEventTypes: ["axis"],
-	tooltipPayloadSearcher: e
+	tooltipPayloadSearcher: arrayTooltipSearcher
 });
 //#endregion
-export { n as RadarChart };
+export { RadarChart };

package/dist/es/chart/RadialBarChart.mjs

@@ -1,7 +1,7 @@
-import { arrayTooltipSearcher as e } from "../state/optionsSlice.mjs";
-import { generateCategoricalChart as t } from "./generateCategoricalChart.mjs";
+import { arrayTooltipSearcher } from "../state/optionsSlice.mjs";
+import { generateCategoricalChart } from "./generateCategoricalChart.mjs";
 //#region src/chart/RadialBarChart.ts
-var n = t({
+var RadialBarChart = generateCategoricalChart({
 	chartName: "RadialBarChart",
 	defaultProps: {
 		layout: "radial",
@@ -10,7 +10,7 @@ var n = t({
 	},
 	defaultTooltipEventType: "axis",
 	validateTooltipEventTypes: ["axis", "item"],
-	tooltipPayloadSearcher: e
+	tooltipPayloadSearcher: arrayTooltipSearcher
 });
 //#endregion
-export { n as RadialBarChart };
+export { RadialBarChart };

package/dist/es/chart/RechartsWrapper.mjs

@@ -1,23 +1,24 @@
-import { getChartPointer as e } from "../utils/chart.mjs";
-import { mouseLeaveChart as t } from "../state/tooltipSlice.mjs";
-import { useAppDispatch as n } from "../state/hooks.mjs";
-import { mouseClickAction as r, mouseMoveAction as i } from "../state/mouseEventsMiddleware.mjs";
-import { focusAction as a, keyDownAction as o } from "../state/keyboardEventsMiddleware.mjs";
-import { externalEventAction as s } from "../state/externalEventsMiddleware.mjs";
-import { touchEventAction as c } from "../state/touchEventsMiddleware.mjs";
-import { useSynchronisedEventsFromOtherCharts as l } from "../events/useChartSynchronisation.mjs";
-import { useReportScale as u } from "../state/utils/useReportScale.mjs";
-import { providePortalRaw as d } from "./TooltipPortalContext.mjs";
-import { provideLegendPortalRaw as f } from "./LegendPortalContext.mjs";
-import { createVNode as p, defineComponent as m, ref as h } from "vue";
+import { classProp } from "../types/common.mjs";
+import { getChartPointer } from "../utils/chart.mjs";
+import { mouseLeaveChart } from "../state/tooltipSlice.mjs";
+import { useAppDispatch } from "../state/hooks.mjs";
+import { mouseClickAction, mouseMoveAction } from "../state/mouseEventsMiddleware.mjs";
+import { focusAction, keyDownAction } from "../state/keyboardEventsMiddleware.mjs";
+import { externalEventAction } from "../state/externalEventsMiddleware.mjs";
+import { touchEventAction } from "../state/touchEventsMiddleware.mjs";
+import { useSynchronisedEventsFromOtherCharts } from "../events/useChartSynchronisation.mjs";
+import { useReportScale } from "../state/utils/useReportScale.mjs";
+import { providePortalRaw } from "./TooltipPortalContext.mjs";
+import { provideLegendPortalRaw } from "./LegendPortalContext.mjs";
+import { createVNode, defineComponent, ref } from "vue";
 //#region src/chart/RechartsWrapper.tsx
-var g = /* @__PURE__ */ m({
+var RechartsWrapper = /* @__PURE__ */ defineComponent({
 	name: "RechartsWrapper",
 	props: {
-		class: { type: String },
+		class: classProp,
 		height: {
 			type: Number,
-			required: !0
+			required: true
 		},
 		onClick: { type: Function },
 		onContextMenu: { type: Function },
@@ -33,105 +34,128 @@ var g = /* @__PURE__ */ m({
 		style: { type: Object },
 		width: {
 			type: Number,
-			required: !0
+			required: true
 		}
 	},
-	setup(m, { slots: g }) {
-		let _ = n();
-		l();
-		let v = u(), y = h(null), b = h(null);
-		d(y), f(b);
-		let x = (e) => {
-			v.value = e, y.value = e, b.value = e;
-		}, S = (t) => {
-			let n = e(t);
-			n && _(r(n)), _(s({
-				handler: m.onClick,
-				event: t
+	setup(props, { slots }) {
+		const dispatch = useAppDispatch();
+		useSynchronisedEventsFromOtherCharts();
+		const scaleRef = useReportScale();
+		const tooltipPortal = ref(null);
+		const legendPortal = ref(null);
+		providePortalRaw(tooltipPortal);
+		provideLegendPortalRaw(legendPortal);
+		const innerRef = (node) => {
+			scaleRef.value = node;
+			tooltipPortal.value = node;
+			legendPortal.value = node;
+		};
+		const myOnClick = (e) => {
+			const chartPointer = getChartPointer(e);
+			if (chartPointer) dispatch(mouseClickAction(chartPointer));
+			dispatch(externalEventAction({
+				handler: props.onClick,
+				event: e
 			}));
-		}, C = (t) => {
-			let n = e(t);
-			n && _(i(n)), _(s({
-				handler: m.onMouseEnter,
-				event: t
+		};
+		const myOnMouseEnter = (e) => {
+			const chartPointer = getChartPointer(e);
+			if (chartPointer) dispatch(mouseMoveAction(chartPointer));
+			dispatch(externalEventAction({
+				handler: props.onMouseEnter,
+				event: e
 			}));
-		}, w = (e) => {
-			_(t()), _(s({
-				handler: m.onMouseLeave,
+		};
+		const myOnMouseLeave = (e) => {
+			dispatch(mouseLeaveChart());
+			dispatch(externalEventAction({
+				handler: props.onMouseLeave,
 				event: e
 			}));
-		}, T = (t) => {
-			let n = e(t);
-			n && _(i(n)), _(s({
-				handler: m.onMouseMove,
-				event: t
+		};
+		const myOnMouseMove = (e) => {
+			const chartPointer = getChartPointer(e);
+			if (chartPointer) dispatch(mouseMoveAction(chartPointer));
+			dispatch(externalEventAction({
+				handler: props.onMouseMove,
+				event: e
 			}));
-		}, E = () => {
-			_(a());
-		}, D = (e) => {
-			_(o(e.key));
-		}, O = (e) => {
-			_(s({
-				handler: m.onContextMenu,
+		};
+		const onFocus = () => {
+			dispatch(focusAction());
+		};
+		const onKeyDown = (e) => {
+			dispatch(keyDownAction(e.key));
+		};
+		const myOnContextMenu = (e) => {
+			dispatch(externalEventAction({
+				handler: props.onContextMenu,
 				event: e
 			}));
-		}, k = (e) => {
-			_(s({
-				handler: m.onDoubleClick,
+		};
+		const myOnDoubleClick = (e) => {
+			dispatch(externalEventAction({
+				handler: props.onDoubleClick,
 				event: e
 			}));
-		}, A = (e) => {
-			_(s({
-				handler: m.onMouseDown,
+		};
+		const myOnMouseDown = (e) => {
+			dispatch(externalEventAction({
+				handler: props.onMouseDown,
 				event: e
 			}));
-		}, j = (e) => {
-			_(s({
-				handler: m.onMouseUp,
+		};
+		const myOnMouseUp = (e) => {
+			dispatch(externalEventAction({
+				handler: props.onMouseUp,
 				event: e
 			}));
-		}, M = (e) => {
-			_(s({
-				handler: m.onTouchStart,
+		};
+		const myOnTouchStart = (e) => {
+			dispatch(externalEventAction({
+				handler: props.onTouchStart,
 				event: e
 			}));
-		}, N = (e) => {
-			_(c(e)), _(s({
-				handler: m.onTouchMove,
+		};
+		const myOnTouchMove = (e) => {
+			dispatch(touchEventAction(e));
+			dispatch(externalEventAction({
+				handler: props.onTouchMove,
 				event: e
 			}));
-		}, P = (e) => {
-			_(s({
-				handler: m.onTouchEnd,
+		};
+		const myOnTouchEnd = (e) => {
+			dispatch(externalEventAction({
+				handler: props.onTouchEnd,
 				event: e
 			}));
 		};
-		return () => p("div", {
-			class: ["v-charts-wrapper", m.class],
-			style: {
+		return () => createVNode("div", {
+			"class": ["v-charts-wrapper", props.class],
+			"style": {
 				position: "relative",
 				cursor: "default",
-				width: `${m.width}px`,
-				height: `${m.height}px`,
-				...m.style
+				width: `${props.width}px`,
+				height: `${props.height}px`,
+				...props.style
 			},
-			role: "application",
-			onClick: S,
-			onContextmenu: O,
-			onDblclick: k,
-			onFocus: E,
-			onKeydown: D,
-			onMousedown: A,
-			onMouseenter: C,
-			onMouseleave: w,
-			onMousemove: T,
-			onMouseup: j,
-			onTouchend: P,
-			onTouchmove: N,
-			onTouchstart: M,
-			ref: x
-		}, [g.default?.()]);
+			"role": "application",
+			"onClick": myOnClick,
+			"onContextmenu": myOnContextMenu,
+			"onDblclick": myOnDoubleClick,
+			"onFocus": onFocus,
+			"onKeydown": onKeyDown,
+			"onMousedown": myOnMouseDown,
+			"onMouseenter": myOnMouseEnter,
+			"onMouseleave": myOnMouseLeave,
+			"onMousemove": myOnMouseMove,
+			"onMouseup": myOnMouseUp,
+			"onTouchend": myOnTouchEnd,
+			"onTouchmove": myOnTouchMove,
+			"onTouchstart": myOnTouchStart,
+			"ref": innerRef
+		}, [slots.default?.()]);
 	}
 });
 //#endregion
-export { g as RechartsWrapper };
+export { RechartsWrapper };

package/dist/es/chart/ScatterChart.mjs

@@ -1,10 +1,10 @@
-import { arrayTooltipSearcher as e } from "../state/optionsSlice.mjs";
-import { generateCategoricalChart as t } from "./generateCategoricalChart.mjs";
-var n = t({
+import { arrayTooltipSearcher } from "../state/optionsSlice.mjs";
+import { generateCategoricalChart } from "./generateCategoricalChart.mjs";
+var ScatterChart = generateCategoricalChart({
 	chartName: "ScatterChart",
 	defaultTooltipEventType: "item",
-	tooltipPayloadSearcher: e,
+	tooltipPayloadSearcher: arrayTooltipSearcher,
 	validateTooltipEventTypes: ["axis", "item"]
 });
 //#endregion
-export { n as ScatterChart };
+export { ScatterChart };

package/dist/es/chart/Surface.mjs

@@ -1,5 +1,5 @@
-import e from "./Surface.vue_vue_type_script_setup_true_lang.mjs";
+import Surface_vue_vue_type_script_setup_true_lang_default from "./Surface.vue_vue_type_script_setup_true_lang.mjs";
 //#region src/chart/Surface.vue
-var t = e;
+var Surface_default = Surface_vue_vue_type_script_setup_true_lang_default;
 //#endregion
-export { t as default };
+export { Surface_default as default };

package/dist/es/chart/Surface.vue_vue_type_script_setup_true_lang.mjs

@@ -1,15 +1,16 @@
-import { provideLabelLayerRef as e } from "../context/labelLayerContext.mjs";
-import { provideGraphicalLayerRef as t } from "../context/graphicalLayerContext.mjs";
-import { provideCursorLayerRef as n } from "../context/cursorLayerContext.mjs";
-import { computed as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d } from "vue";
+import { provideLabelLayerRef } from "../context/labelLayerContext.mjs";
+import { provideGraphicalLayerRef } from "../context/graphicalLayerContext.mjs";
+import { provideCursorLayerRef } from "../context/cursorLayerContext.mjs";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString } from "vue";
 //#region src/chart/Surface.vue?vue&type=script&setup=true&lang.ts
-var f = [
+var _hoisted_1 = [
 	"width",
 	"height",
 	"viewBox"
-], p = /* @__PURE__ */ o({
+];
+var Surface_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "ChartsSurface",
-	inheritAttrs: !1,
+	inheritAttrs: false,
 	__name: "Surface",
 	props: {
 		width: {},
@@ -20,47 +21,52 @@ var f = [
 		title: {},
 		desc: {}
 	},
-	setup(o) {
-		let p = o, m = r(() => {
-			let e = p.viewBox || {
-				width: p.width,
-				height: p.height,
+	setup(__props) {
+		const props = __props;
+		const svgViewBox = computed(() => {
+			const svgView = props.viewBox || {
+				width: props.width,
+				height: props.height,
 				x: 0,
 				y: 0
 			};
-			return `${e.x} ${e.y} ${e.width} ${e.height}`;
-		}), h = l(null);
-		n(h);
-		let g = l(null);
-		t(g);
-		let _ = l(null);
-		return e(_), (e, t) => (c(), i("svg", s(e.$attrs, {
-			class: ["vcharts-surface", [p.class]],
-			width: e.width,
-			height: e.height,
-			style: e.style,
-			viewBox: m.value
-		}), [
-			a("title", null, d(e.title), 1),
-			a("desc", null, d(e.desc), 1),
-			u(e.$slots, "default"),
-			a("g", {
-				ref_key: "cursorLayerRef",
-				ref: h,
-				class: "v-charts-cursor-layer"
-			}, null, 512),
-			a("g", {
-				ref_key: "graphicalLayerRef",
-				ref: g,
-				class: "v-charts-graphical-layer"
-			}, null, 512),
-			a("g", {
-				ref_key: "labelLayerRef",
-				ref: _,
-				class: "v-charts-label-layer"
-			}, null, 512)
-		], 16, f));
+			return `${svgView.x} ${svgView.y} ${svgView.width} ${svgView.height}`;
+		});
+		const cursorLayerRef = ref(null);
+		provideCursorLayerRef(cursorLayerRef);
+		const graphicalLayerRef = ref(null);
+		provideGraphicalLayerRef(graphicalLayerRef);
+		const labelLayerRef = ref(null);
+		provideLabelLayerRef(labelLayerRef);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", mergeProps(_ctx.$attrs, {
+				class: ["vcharts-surface", [props.class]],
+				width: _ctx.width,
+				height: _ctx.height,
+				style: _ctx.style,
+				viewBox: svgViewBox.value
+			}), [
+				createElementVNode("title", null, toDisplayString(_ctx.title), 1),
+				createElementVNode("desc", null, toDisplayString(_ctx.desc), 1),
+				renderSlot(_ctx.$slots, "default"),
+				createElementVNode("g", {
+					ref_key: "cursorLayerRef",
+					ref: cursorLayerRef,
+					class: "v-charts-cursor-layer"
+				}, null, 512),
+				createElementVNode("g", {
+					ref_key: "graphicalLayerRef",
+					ref: graphicalLayerRef,
+					class: "v-charts-graphical-layer"
+				}, null, 512),
+				createElementVNode("g", {
+					ref_key: "labelLayerRef",
+					ref: labelLayerRef,
+					class: "v-charts-label-layer"
+				}, null, 512)
+			], 16, _hoisted_1);
+		};
 	}
 });
 //#endregion
-export { p as default };
+export { Surface_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/chart/TooltipPortalContext.mjs

@@ -1,5 +1,5 @@
-import { createContext as e } from "../utils/createContext.mjs";
+import { createContext } from "../utils/createContext.mjs";
 //#region src/chart/TooltipPortalContext.ts
-var [t, n] = e("PortalContext");
+var [usePortal, providePortalRaw] = createContext("PortalContext");
 //#endregion
-export { n as providePortalRaw, t as usePortal };
+export { providePortalRaw, usePortal };