strata-ui-react 0.1.10 → 0.1.12

package/dist/toast-provider.js

@@ -0,0 +1,86 @@
+import { cn } from "./cn.js";
+import { Toast as Toast$1 } from "./toast.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+const ToastProvider = (t0) => {
+	const $ = 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 = 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__ */ jsx(Toast$1, { position });
+		$[14] = position;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== props || $[17] !== ref || $[18] !== t8 || $[19] !== t9) {
+		t10 = /* @__PURE__ */ jsx(Toast.Portal, { children: /* @__PURE__ */ jsx(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__ */ jsxs(Toast.Provider, {
+			timeout: 5e3,
+			children: [children, t10]
+		});
+		$[21] = children;
+		$[22] = t10;
+		$[23] = t11;
+	} else t11 = $[23];
+	return t11;
+};
+export { ToastProvider };

package/dist/toast.cjs

@@ -0,0 +1,40 @@
+const require_cn = require("./cn.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __phosphor_icons_react = require("@phosphor-icons/react");
+let __base_ui_react_toast = require("@base-ui/react/toast");
+const Toast = ({ className, children, position = "top-right", ref, ...props }) => {
+	const { toasts } = __base_ui_react_toast.Toast.useToastManager();
+	const getSwipeDirection = (pos) => {
+		switch (pos) {
+			case "top-left": return "left";
+			case "bottom-left": return "left";
+			case "top-right": return "right";
+			case "bottom-right": return "right";
+			case "top-center": return "up";
+			case "bottom-center": return "down";
+			default: return "right";
+		}
+	};
+	return toasts.map((toast) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__base_ui_react_toast.Toast.Root, {
+		toast,
+		swipeDirection: getSwipeDirection(position),
+		className: require_cn.cn(position === "bottom-right" || position === "bottom-center" || position === "bottom-left" ? "absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 w-full transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-15px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))] rounded-lg border border-outline bg-surface-container bg-clip-padding p-sm shadow-lg transition-all [transition-property:opacity,transform] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] select-none after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[\"\"] data-ending-style:opacity-0 data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))] data-limited:opacity-0 data-starting-style:transform-[translateY(150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(150%)] data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] flex flex-col gap-3xs" : "absolute top-0 right-0 left-0 z-[calc(1000-var(--toast-index))] mx-auto w-full transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*15px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))] rounded-lg border border-gray-200 bg-gray-50 bg-clip-padding p-sm shadow-lg transition-all [transition-property:opacity,transform] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] select-none after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] data-ending-style:opacity-0 data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y)))] data-limited:opacity-0 data-starting-style:transform-[translateY(-150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(-150%)] data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]", className, toast.data.variant === "success" && "border-success bg-success-container", toast.data.variant === "error" && "border-error bg-error-container", toast.data.variant === "warning" && "border-warning bg-warning-container"),
+		style: {
+			["--gap"]: "1rem",
+			["--offset-y"]: "calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))"
+		},
+		ref,
+		...props,
+		children: [
+			children,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_toast.Toast.Title, { className: require_cn.cn("text-sm font-semibold text-on-surface", toast.data.variant === "success" && "text-on-success-container", toast.data.variant === "error" && "text-on-error-container", toast.data.variant === "warning" && "text-on-warning-container") }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_toast.Toast.Description, { className: require_cn.cn("text-sm text-on-surface", toast.data.variant === "success" && "text-on-success-container", toast.data.variant === "error" && "text-on-error-container", toast.data.variant === "warning" && "text-on-warning-container") }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_toast.Toast.Close, {
+				className: "absolute top-xs right-2xs flex size-xs items-center justify-center rounded border-none bg-transparent text-on-surface hover:cursor-pointer",
+				"aria-label": "Close",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__phosphor_icons_react.XIcon, { weight: "bold" })
+			})
+		]
+	}, toast.id));
+};
+exports.Toast = Toast;

package/dist/toast.js

@@ -0,0 +1,40 @@
+import { cn } from "./cn.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "@phosphor-icons/react";
+import { Toast } from "@base-ui/react/toast";
+const Toast$1 = ({ className, children, position = "top-right", ref, ...props }) => {
+	const { toasts } = Toast.useToastManager();
+	const getSwipeDirection = (pos) => {
+		switch (pos) {
+			case "top-left": return "left";
+			case "bottom-left": return "left";
+			case "top-right": return "right";
+			case "bottom-right": return "right";
+			case "top-center": return "up";
+			case "bottom-center": return "down";
+			default: return "right";
+		}
+	};
+	return toasts.map((toast) => /* @__PURE__ */ jsxs(Toast.Root, {
+		toast,
+		swipeDirection: getSwipeDirection(position),
+		className: cn(position === "bottom-right" || position === "bottom-center" || position === "bottom-left" ? "absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 w-full transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-15px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))] rounded-lg border border-outline bg-surface-container bg-clip-padding p-sm shadow-lg transition-all [transition-property:opacity,transform] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] select-none after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[\"\"] data-ending-style:opacity-0 data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))] data-limited:opacity-0 data-starting-style:transform-[translateY(150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(150%)] data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] flex flex-col gap-3xs" : "absolute top-0 right-0 left-0 z-[calc(1000-var(--toast-index))] mx-auto w-full transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*15px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))] rounded-lg border border-gray-200 bg-gray-50 bg-clip-padding p-sm shadow-lg transition-all [transition-property:opacity,transform] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] select-none after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] data-ending-style:opacity-0 data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y)))] data-limited:opacity-0 data-starting-style:transform-[translateY(-150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(-150%)] data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]", className, toast.data.variant === "success" && "border-success bg-success-container", toast.data.variant === "error" && "border-error bg-error-container", toast.data.variant === "warning" && "border-warning bg-warning-container"),
+		style: {
+			["--gap"]: "1rem",
+			["--offset-y"]: "calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))"
+		},
+		ref,
+		...props,
+		children: [
+			children,
+			/* @__PURE__ */ jsx(Toast.Title, { className: cn("text-sm font-semibold text-on-surface", toast.data.variant === "success" && "text-on-success-container", toast.data.variant === "error" && "text-on-error-container", toast.data.variant === "warning" && "text-on-warning-container") }),
+			/* @__PURE__ */ jsx(Toast.Description, { className: cn("text-sm text-on-surface", toast.data.variant === "success" && "text-on-success-container", toast.data.variant === "error" && "text-on-error-container", toast.data.variant === "warning" && "text-on-warning-container") }),
+			/* @__PURE__ */ jsx(Toast.Close, {
+				className: "absolute top-xs right-2xs flex size-xs items-center justify-center rounded border-none bg-transparent text-on-surface hover:cursor-pointer",
+				"aria-label": "Close",
+				children: /* @__PURE__ */ jsx(XIcon, { weight: "bold" })
+			})
+		]
+	}, toast.id));
+};
+export { Toast$1 as Toast };

package/dist/tooltip-context.cjs

@@ -0,0 +1,56 @@
+const require_cn = require("./cn.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __phosphor_icons_react = require("@phosphor-icons/react");
+let __base_ui_react_tooltip = require("@base-ui/react/tooltip");
+const TooltipContent = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(11);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = require_cn.cn("bg-surface-container-high origin-(--transform-origin) px-xs py-3xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md text-sm text-balance", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tooltip.Tooltip.Arrow, {
+			className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__phosphor_icons_react.CaretUpIcon, {
+				weight: "fill",
+				className: "fill-surface-container-high "
+			})
+		});
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== children || $[8] !== props || $[9] !== t1) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tooltip.Tooltip.Positioner, {
+			sideOffset: 10,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__base_ui_react_tooltip.Tooltip.Popup, {
+				className: t1,
+				...props,
+				children: [t2, children]
+			})
+		}) });
+		$[7] = children;
+		$[8] = props;
+		$[9] = t1;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+};
+exports.TooltipContent = TooltipContent;

package/dist/tooltip-context.js

@@ -0,0 +1,56 @@
+import { cn } from "./cn.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CaretUpIcon } from "@phosphor-icons/react";
+import { Tooltip } from "@base-ui/react/tooltip";
+const TooltipContent = (t0) => {
+	const $ = c(11);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("bg-surface-container-high origin-(--transform-origin) px-xs py-3xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md text-sm text-balance", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Tooltip.Arrow, {
+			className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
+			children: /* @__PURE__ */ jsx(CaretUpIcon, {
+				weight: "fill",
+				className: "fill-surface-container-high "
+			})
+		});
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== children || $[8] !== props || $[9] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+			sideOffset: 10,
+			children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
+				className: t1,
+				...props,
+				children: [t2, children]
+			})
+		}) });
+		$[7] = children;
+		$[8] = props;
+		$[9] = t1;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+};
+export { TooltipContent };

package/dist/tooltip-trigger.cjs

@@ -0,0 +1,29 @@
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_tooltip = require("@base-ui/react/tooltip");
+const TooltipTrigger = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(6);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== children || $[4] !== props) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tooltip.Tooltip.Trigger, {
+			...props,
+			children
+		});
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+};
+exports.TooltipTrigger = TooltipTrigger;

package/dist/tooltip-trigger.js

@@ -0,0 +1,29 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+const TooltipTrigger = (t0) => {
+	const $ = c(6);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== children || $[4] !== props) {
+		t1 = /* @__PURE__ */ jsx(Tooltip.Trigger, {
+			...props,
+			children
+		});
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+};
+export { TooltipTrigger };

package/dist/tooltip.cjs

@@ -0,0 +1,29 @@
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_tooltip = require("@base-ui/react/tooltip");
+const Tooltip = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(6);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== children || $[4] !== props) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tooltip.Tooltip.Provider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_tooltip.Tooltip.Root, {
+			...props,
+			children
+		}) });
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+};
+exports.Tooltip = Tooltip;

package/dist/tooltip.js

@@ -0,0 +1,29 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+const Tooltip$1 = (t0) => {
+	const $ = c(6);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== children || $[4] !== props) {
+		t1 = /* @__PURE__ */ jsx(Tooltip.Provider, { children: /* @__PURE__ */ jsx(Tooltip.Root, {
+			...props,
+			children
+		}) });
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+};
+export { Tooltip$1 as Tooltip };

package/package.json

@@ -1,20 +1,31 @@
 {
   "name": "strata-ui-react",
-  "version": "0.1.10",
+  "description": "A set of accessible, customizable, and production-ready React components built with Tailwind CSS.",
+  "private": false,
+  "version": "0.1.12",
   "type": "module",
-  "main": "./dist/strata-ui-react.umd.cjs",
-  "module": "./dist/strata-ui-react.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/strata-ui-react.js",
-      "require": "./dist/strata-ui-react.umd.cjs"
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      },
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
     },
-    "./dist/style.css": "./dist/style.css"
+    "./styles": "./dist/style.css"
   },
   "files": [
     "dist"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "sideEffects": false,
   "dependencies": {
     "@base-ui/react": "^1.0.0",
@@ -30,10 +41,6 @@
     "tailwindcss": "^4.1.18",
     "vite-plugin-dts": "^4.5.4"
   },
-  "peerDependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
-  },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
     "@tailwindcss/cli": "^4.1.18",
@@ -46,6 +53,7 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "rollup-plugin-node-externals": "^8.1.2",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "npm:rolldown-vite@7.2.5"