strata-ui-react 0.1.12 → 0.1.13

package/dist/toast.js

@@ -1,40 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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 };