strata-ui-react 0.1.10 → 0.1.12

package/dist/tabs-indicator.cjs

@@ -0,0 +1,57 @@
+const require_cn = require("./cn.cjs");
+const require_tabs_types = require("./tabs.types.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let __base_ui_react_tabs = require("@base-ui/react/tabs");
+const TabsIndicator = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(13);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	if ((0, react.useContext)(require_tabs_types.TabsOrientationContext) === "horizontal") {
+		let t1$1;
+		if ($[3] !== className) {
+			t1$1 = require_cn.cn("absolute left-1/2 h-11 md:h-12 top-0 z-[-1] w-(--active-tab-width) translate-y-(--active-tab-top) -translate-x-1/2 rounded-2xl md:rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", className);
+			$[3] = className;
+			$[4] = t1$1;
+		} else t1$1 = $[4];
+		let t2$1;
+		if ($[5] !== props || $[6] !== t1$1) {
+			t2$1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tabs.Tabs.Indicator, {
+				className: t1$1,
+				...props
+			});
+			$[5] = props;
+			$[6] = t1$1;
+			$[7] = t2$1;
+		} else t2$1 = $[7];
+		return t2$1;
+	}
+	let t1;
+	if ($[8] !== className) {
+		t1 = require_cn.cn("absolute top-1/2 h-11 md:h-12 left-0 z-[-1] w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-1/2 rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", className);
+		$[8] = className;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== props || $[11] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tabs.Tabs.Indicator, {
+			className: t1,
+			...props
+		});
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t2;
+	} else t2 = $[12];
+	return t2;
+};
+exports.TabsIndicator = TabsIndicator;

package/dist/tabs-indicator.js

@@ -0,0 +1,57 @@
+import { cn } from "./cn.js";
+import { TabsOrientationContext } from "./tabs.types.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Tabs } from "@base-ui/react/tabs";
+const TabsIndicator = (t0) => {
+	const $ = c(13);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	if (useContext(TabsOrientationContext) === "horizontal") {
+		let t1$1;
+		if ($[3] !== className) {
+			t1$1 = cn("absolute left-1/2 h-11 md:h-12 top-0 z-[-1] w-(--active-tab-width) translate-y-(--active-tab-top) -translate-x-1/2 rounded-2xl md:rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", className);
+			$[3] = className;
+			$[4] = t1$1;
+		} else t1$1 = $[4];
+		let t2$1;
+		if ($[5] !== props || $[6] !== t1$1) {
+			t2$1 = /* @__PURE__ */ jsx(Tabs.Indicator, {
+				className: t1$1,
+				...props
+			});
+			$[5] = props;
+			$[6] = t1$1;
+			$[7] = t2$1;
+		} else t2$1 = $[7];
+		return t2$1;
+	}
+	let t1;
+	if ($[8] !== className) {
+		t1 = cn("absolute top-1/2 h-11 md:h-12 left-0 z-[-1] w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-1/2 rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", className);
+		$[8] = className;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== props || $[11] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Indicator, {
+			className: t1,
+			...props
+		});
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t2;
+	} else t2 = $[12];
+	return t2;
+};
+export { TabsIndicator };

package/dist/tabs-list.cjs

@@ -0,0 +1,57 @@
+const require_cn = require("./cn.cjs");
+const require_tabs_types = require("./tabs.types.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let __base_ui_react_tabs = require("@base-ui/react/tabs");
+const TabsList = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(13);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	if ((0, react.useContext)(require_tabs_types.TabsOrientationContext) === "horizontal") {
+		let t1$1;
+		if ($[3] !== className) {
+			t1$1 = require_cn.cn("relative z-0 flex flex-col h-fit grow gap-2 p-2 bg-surface-neutral-primary-default rounded-3xl", className);
+			$[3] = className;
+			$[4] = t1$1;
+		} else t1$1 = $[4];
+		let t2$1;
+		if ($[5] !== props || $[6] !== t1$1) {
+			t2$1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tabs.Tabs.List, {
+				className: t1$1,
+				...props
+			});
+			$[5] = props;
+			$[6] = t1$1;
+			$[7] = t2$1;
+		} else t2$1 = $[7];
+		return t2$1;
+	}
+	let t1;
+	if ($[8] !== className) {
+		t1 = require_cn.cn("relative z-0 flex gap-1 p-2 bg-surface-neutral-primary-default rounded-full", className);
+		$[8] = className;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== props || $[11] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tabs.Tabs.List, {
+			className: t1,
+			...props
+		});
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t2;
+	} else t2 = $[12];
+	return t2;
+};
+exports.TabsList = TabsList;

package/dist/tabs-list.js

@@ -0,0 +1,57 @@
+import { cn } from "./cn.js";
+import { TabsOrientationContext } from "./tabs.types.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Tabs } from "@base-ui/react/tabs";
+const TabsList = (t0) => {
+	const $ = c(13);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	if (useContext(TabsOrientationContext) === "horizontal") {
+		let t1$1;
+		if ($[3] !== className) {
+			t1$1 = cn("relative z-0 flex flex-col h-fit grow gap-2 p-2 bg-surface-neutral-primary-default rounded-3xl", className);
+			$[3] = className;
+			$[4] = t1$1;
+		} else t1$1 = $[4];
+		let t2$1;
+		if ($[5] !== props || $[6] !== t1$1) {
+			t2$1 = /* @__PURE__ */ jsx(Tabs.List, {
+				className: t1$1,
+				...props
+			});
+			$[5] = props;
+			$[6] = t1$1;
+			$[7] = t2$1;
+		} else t2$1 = $[7];
+		return t2$1;
+	}
+	let t1;
+	if ($[8] !== className) {
+		t1 = cn("relative z-0 flex gap-1 p-2 bg-surface-neutral-primary-default rounded-full", className);
+		$[8] = className;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== props || $[11] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.List, {
+			className: t1,
+			...props
+		});
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t2;
+	} else t2 = $[12];
+	return t2;
+};
+export { TabsList };

package/dist/tabs-panel.cjs

@@ -0,0 +1,40 @@
+const require_cn = require("./cn.cjs");
+const require_tabs_types = require("./tabs.types.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let __base_ui_react_tabs = require("@base-ui/react/tabs");
+const TabsPanel = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(9);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	const t1 = (0, react.useContext)(require_tabs_types.TabsOrientationContext) === "horizontal" ? "flex-1 min-h-0 h-full" : "grow";
+	let t2;
+	if ($[3] !== className || $[4] !== t1) {
+		t2 = require_cn.cn("relative rounded-xl bg-surface-neutral-primary-default", t1, "flex items-center justify-center p-4 overflow-auto", className);
+		$[3] = className;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== t2) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tabs.Tabs.Panel, {
+			className: t2,
+			...props
+		});
+		$[6] = props;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+};
+exports.TabsPanel = TabsPanel;

package/dist/tabs-panel.js

@@ -0,0 +1,40 @@
+import { cn } from "./cn.js";
+import { TabsOrientationContext } from "./tabs.types.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Tabs } from "@base-ui/react/tabs";
+const TabsPanel = (t0) => {
+	const $ = c(9);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	const t1 = useContext(TabsOrientationContext) === "horizontal" ? "flex-1 min-h-0 h-full" : "grow";
+	let t2;
+	if ($[3] !== className || $[4] !== t1) {
+		t2 = cn("relative rounded-xl bg-surface-neutral-primary-default", t1, "flex items-center justify-center p-4 overflow-auto", className);
+		$[3] = className;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Tabs.Panel, {
+			className: t2,
+			...props
+		});
+		$[6] = props;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+};
+export { TabsPanel };

package/dist/tabs-tab.cjs

@@ -0,0 +1,36 @@
+const require_cn = require("./cn.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_tabs = require("@base-ui/react/tabs");
+const TabsTab = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = require_cn.cn("inline-flex rounded-2xl md:rounded-full h-11 md:h-12 px-6 body-base-semibold w-full text-text-brand-primary-default text-center items-center justify-center border-0 break-keep whitespace-nowrap outline-none select-none focus-visible:relative focus-visible:before:absolute focus-visible:before:outline data-selected:text-text-inverse-primary-default transition-colors duration-300 hover:cursor-pointer aria-[selected=false]:hover:bg-surface-neutral-primary-hover", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tabs.Tabs.Tab, {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+exports.TabsTab = TabsTab;

package/dist/tabs-tab.js

@@ -0,0 +1,36 @@
+import { cn } from "./cn.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+const TabsTab = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("inline-flex rounded-2xl md:rounded-full h-11 md:h-12 px-6 body-base-semibold w-full text-text-brand-primary-default text-center items-center justify-center border-0 break-keep whitespace-nowrap outline-none select-none focus-visible:relative focus-visible:before:absolute focus-visible:before:outline data-selected:text-text-inverse-primary-default transition-colors duration-300 hover:cursor-pointer aria-[selected=false]:hover:bg-surface-neutral-primary-hover", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Tab, {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+export { TabsTab };

package/dist/tabs.cjs

@@ -0,0 +1,73 @@
+const require_cn = require("./cn.cjs");
+const require_tabs_types = require("./tabs.types.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let __base_ui_react_tabs = require("@base-ui/react/tabs");
+const Tabs = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(15);
+	const { className, ref, ...props } = t0;
+	const [orientation, setOrientation] = (0, react.useState)(props.orientation ?? "vertical");
+	(0, react.useEffect)(() => {
+		const handleResize = () => {
+			if (window.innerWidth < 768) setOrientation("horizontal");
+			else setOrientation(props.orientation ?? "vertical");
+		};
+		handleResize();
+		window.addEventListener("resize", handleResize);
+		return () => window.removeEventListener("resize", handleResize);
+	}, [props.orientation]);
+	props.orientation = orientation;
+	if (props.orientation === "horizontal") {
+		const t1$1 = props.orientation;
+		let t2$1;
+		if ($[0] !== className) {
+			t2$1 = require_cn.cn("flex flex-wrap gap-4 overflow-auto", className);
+			$[0] = className;
+			$[1] = t2$1;
+		} else t2$1 = $[1];
+		let t3;
+		if ($[2] !== props || $[3] !== ref || $[4] !== t2$1) {
+			t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tabs.Tabs.Root, {
+				className: t2$1,
+				ref,
+				...props
+			});
+			$[2] = props;
+			$[3] = ref;
+			$[4] = t2$1;
+			$[5] = t3;
+		} else t3 = $[5];
+		let t4;
+		if ($[6] !== props.orientation || $[7] !== t3) {
+			t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tabs_types.TabsOrientationContext.Provider, {
+				value: t1$1,
+				children: t3
+			});
+			$[6] = props.orientation;
+			$[7] = t3;
+			$[8] = t4;
+		} else t4 = $[8];
+		return t4;
+	}
+	let t1;
+	if ($[9] !== className) {
+		t1 = require_cn.cn("flex flex-col gap-2 overflow-clip", className);
+		$[9] = className;
+		$[10] = t1;
+	} else t1 = $[10];
+	let t2;
+	if ($[11] !== props || $[12] !== ref || $[13] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tabs.Tabs.Root, {
+			className: t1,
+			ref,
+			...props
+		});
+		$[11] = props;
+		$[12] = ref;
+		$[13] = t1;
+		$[14] = t2;
+	} else t2 = $[14];
+	return t2;
+};
+exports.Tabs = Tabs;

package/dist/tabs.js

@@ -0,0 +1,73 @@
+import { cn } from "./cn.js";
+import { TabsOrientationContext } from "./tabs.types.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Tabs } from "@base-ui/react/tabs";
+const Tabs$1 = (t0) => {
+	const $ = c(15);
+	const { className, ref, ...props } = t0;
+	const [orientation, setOrientation] = useState(props.orientation ?? "vertical");
+	useEffect(() => {
+		const handleResize = () => {
+			if (window.innerWidth < 768) setOrientation("horizontal");
+			else setOrientation(props.orientation ?? "vertical");
+		};
+		handleResize();
+		window.addEventListener("resize", handleResize);
+		return () => window.removeEventListener("resize", handleResize);
+	}, [props.orientation]);
+	props.orientation = orientation;
+	if (props.orientation === "horizontal") {
+		const t1$1 = props.orientation;
+		let t2$1;
+		if ($[0] !== className) {
+			t2$1 = cn("flex flex-wrap gap-4 overflow-auto", className);
+			$[0] = className;
+			$[1] = t2$1;
+		} else t2$1 = $[1];
+		let t3;
+		if ($[2] !== props || $[3] !== ref || $[4] !== t2$1) {
+			t3 = /* @__PURE__ */ jsx(Tabs.Root, {
+				className: t2$1,
+				ref,
+				...props
+			});
+			$[2] = props;
+			$[3] = ref;
+			$[4] = t2$1;
+			$[5] = t3;
+		} else t3 = $[5];
+		let t4;
+		if ($[6] !== props.orientation || $[7] !== t3) {
+			t4 = /* @__PURE__ */ jsx(TabsOrientationContext.Provider, {
+				value: t1$1,
+				children: t3
+			});
+			$[6] = props.orientation;
+			$[7] = t3;
+			$[8] = t4;
+		} else t4 = $[8];
+		return t4;
+	}
+	let t1;
+	if ($[9] !== className) {
+		t1 = cn("flex flex-col gap-2 overflow-clip", className);
+		$[9] = className;
+		$[10] = t1;
+	} else t1 = $[10];
+	let t2;
+	if ($[11] !== props || $[12] !== ref || $[13] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Root, {
+			className: t1,
+			ref,
+			...props
+		});
+		$[11] = props;
+		$[12] = ref;
+		$[13] = t1;
+		$[14] = t2;
+	} else t2 = $[14];
+	return t2;
+};
+export { Tabs$1 as Tabs };

package/dist/tabs.types.cjs

@@ -0,0 +1,4 @@
+let react = require("react");
+let __base_ui_react_tabs = require("@base-ui/react/tabs");
+const TabsOrientationContext = (0, react.createContext)("vertical");
+exports.TabsOrientationContext = TabsOrientationContext;

package/dist/tabs.types.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+import { Tabs } from "@base-ui/react/tabs";
+const TabsOrientationContext = createContext("vertical");
+export { TabsOrientationContext };

package/dist/toast-provider.cjs

@@ -0,0 +1,86 @@
+const require_cn = require("./cn.cjs");
+const require_toast = require("./toast.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_toast = require("@base-ui/react/toast");
+const ToastProvider = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(24);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({position: t1, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+	}
+	const position = t1 === void 0 ? "bottom-center" : t1;
+	const t2 = position === "top-left";
+	const t3 = position === "top-center";
+	const t4 = position === "top-right";
+	const t5 = position === "bottom-left";
+	const t6 = position === "bottom-center";
+	const t7 = position === "bottom-right";
+	let t8;
+	if ($[6] !== className || $[7] !== t2 || $[8] !== t3 || $[9] !== t4 || $[10] !== t5 || $[11] !== t6 || $[12] !== t7) {
+		t8 = require_cn.cn({
+			"fixed z-10 top-[1rem] left-[1rem] right-auto bottom-auto mx-0 flex w-1/4": t2,
+			"fixed z-10 top-[1rem] left-1/2 right-auto bottom-auto mx-auto flex w-1/4 -translate-x-1/2": t3,
+			"fixed z-10 top-[1rem] right-[1rem] left-auto bottom-auto mx-0 flex w-1/4": t4,
+			"fixed z-10 bottom-[6rem] left-[1rem] right-auto top-auto mx-0 flex w-1/4": t5,
+			"fixed z-10 bottom-[6rem] left-1/2 right-auto top-auto mx-auto flex w-1/4 -translate-x-1/2": t6,
+			"fixed z-10 bottom-[6rem] right-[1rem] left-auto top-auto mx-0 flex w-1/4": t7
+		}, className);
+		$[6] = className;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== position) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_toast.Toast, { position });
+		$[14] = position;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== props || $[17] !== ref || $[18] !== t8 || $[19] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_toast.Toast.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_toast.Toast.Viewport, {
+			className: t8,
+			ref,
+			...props,
+			children: t9
+		}) });
+		$[16] = props;
+		$[17] = ref;
+		$[18] = t8;
+		$[19] = t9;
+		$[20] = t10;
+	} else t10 = $[20];
+	let t11;
+	if ($[21] !== children || $[22] !== t10) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__base_ui_react_toast.Toast.Provider, {
+			timeout: 5e3,
+			children: [children, t10]
+		});
+		$[21] = children;
+		$[22] = t10;
+		$[23] = t11;
+	} else t11 = $[23];
+	return t11;
+};
+exports.ToastProvider = ToastProvider;