strata-ui-react 0.1.4 → 0.1.5

package/dist/strata-ui-react.es.js

@@ -11726,8 +11726,8 @@ const TooltipContent = (t) => {
 			children: [u, i]
 		})
 	}) }), n[7] = i, n[8] = c, n[9] = l, n[10] = d) : d = n[10], d;
-}, SliderHandle = ({ sliderInstance: t, isActive: i, onKeyDownHandler: s, onMouseDownHandler: c, onTouchStart: l, value: u, className: d, children: f, ref: m, ...h }) => {
-	let [g, _] = React.useState(!1);
+}, SliderHandle = ({ sliderInstance: n, isActive: i, onKeyDownHandler: s, onMouseDownHandler: c, onTouchStart: l, value: u, className: d, children: f, ref: m, ...h }) => {
+	let [g, _] = React$1.useState(!1);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip, {
 		open: i || g,
 		trackCursorAxis: "x",
@@ -11738,11 +11738,11 @@ const TooltipContent = (t) => {
 			onMouseEnter: () => _(!0),
 			onMouseLeave: () => _(!1),
 			role: "slider",
-			"aria-valuemin": t.options.min,
-			"aria-valuemax": t.options.max,
+			"aria-valuemin": n.options.min,
+			"aria-valuemax": n.options.max,
 			"aria-valuenow": u,
 			style: {
-				left: `${t.getPercentageForValue(u)}%`,
+				left: `${n.getPercentageForValue(u)}%`,
 				zIndex: i ? "1" : "0"
 			},
 			className: cn("absolute top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full outline-none border-2 border-primary bg-surface-container hover:cursor-pointer active:border-secondary hover:border-secondary transition-[width,height,border] aspect-square", i ? "size-md shadow-4-shadow" : "size-sm shadow-1-shadow", d),
@@ -12871,9 +12871,9 @@ function useActivationDirectionDetector(n, i, s, c) {
 	]);
 }
 var import_compiler_runtime$5 = require_compiler_runtime();
-const TabsIndicator = (t) => {
+const TabsIndicator = (n) => {
 	let i = (0, import_compiler_runtime$5.c)(13), s, c;
-	if (i[0] === t ? (s = i[1], c = i[2]) : ({className: s, ...c} = t, i[0] = t, i[1] = s, i[2] = c), React.useContext(TabsOrientationContext) === "horizontal") {
+	if (i[0] === n ? (s = i[1], c = i[2]) : ({className: s, ...c} = n, i[0] = n, i[1] = s, i[2] = c), React$1.useContext(TabsOrientationContext) === "horizontal") {
 		let t;
 		i[3] === s ? t = i[4] : (t = 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)]", s), i[3] = s, i[4] = t);
 		let n;
@@ -12891,9 +12891,9 @@ const TabsIndicator = (t) => {
 	}), i[10] = c, i[11] = l, i[12] = u) : u = i[12], u;
 };
 var import_compiler_runtime$4 = require_compiler_runtime();
-const TabsList = (t) => {
+const TabsList = (n) => {
 	let i = (0, import_compiler_runtime$4.c)(13), s, c;
-	if (i[0] === t ? (s = i[1], c = i[2]) : ({className: s, ...c} = t, i[0] = t, i[1] = s, i[2] = c), React.useContext(TabsOrientationContext) === "horizontal") {
+	if (i[0] === n ? (s = i[1], c = i[2]) : ({className: s, ...c} = n, i[0] = n, i[1] = s, i[2] = c), React$1.useContext(TabsOrientationContext) === "horizontal") {
 		let t;
 		i[3] === s ? t = i[4] : (t = cn("relative z-0 flex flex-col h-fit grow gap-2 p-2 bg-surface-neutral-primary-default rounded-3xl", s), i[3] = s, i[4] = t);
 		let n;
@@ -12911,10 +12911,10 @@ const TabsList = (t) => {
 	}), i[10] = c, i[11] = l, i[12] = u) : u = i[12], u;
 };
 var import_compiler_runtime$3 = require_compiler_runtime();
-const TabsPanel = (t) => {
+const TabsPanel = (n) => {
 	let i = (0, import_compiler_runtime$3.c)(9), s, c;
-	i[0] === t ? (s = i[1], c = i[2]) : ({className: s, ...c} = t, i[0] = t, i[1] = s, i[2] = c);
-	let l = React.useContext(TabsOrientationContext) === "horizontal" ? "flex-1 min-h-0 h-full" : "grow", u;
+	i[0] === n ? (s = i[1], c = i[2]) : ({className: s, ...c} = n, i[0] = n, i[1] = s, i[2] = c);
+	let l = React$1.useContext(TabsOrientationContext) === "horizontal" ? "flex-1 min-h-0 h-full" : "grow", u;
 	i[3] !== s || i[4] !== l ? (u = cn("relative rounded-xl bg-surface-neutral-primary-default", l, "flex items-center justify-center p-4 overflow-auto", s), i[3] = s, i[4] = l, i[5] = u) : u = i[5];
 	let d;
 	return i[6] !== c || i[7] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPanel$1, {
@@ -12935,9 +12935,9 @@ const TabsTab = (t) => {
 	}), n[5] = s, n[6] = c, n[7] = l) : l = n[7], l;
 };
 var import_compiler_runtime$1 = require_compiler_runtime();
-const Tabs = (t) => {
-	let i = (0, import_compiler_runtime$1.c)(15), { className: s, ref: c, ...l } = t, [u, d] = React.useState(l.orientation ?? "vertical");
-	if (React.useEffect(() => {
+const Tabs = (n) => {
+	let i = (0, import_compiler_runtime$1.c)(15), { className: s, ref: c, ...l } = n, [u, d] = React$1.useState(l.orientation ?? "vertical");
+	if (React$1.useEffect(() => {
 		let t = () => {
 			window.innerWidth < 768 ? d("horizontal") : d(l.orientation ?? "vertical");
 		};