beez-ui 0.8.2 → 0.9.0

package/dist/components/error-state.js

@@ -1,145 +0,0 @@
-"use client";
-import { c as _c } from "react/compiler-runtime";
-import { cn } from "../lib/utils.js";
-import { Button } from "./button.js";
-import { Link } from "./link.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** Copy and actions settle in one after another; reduced motion drops it through the shared fallback. */
-const ENTER_CLASS_NAME = "animate-in fade-in slide-in-from-bottom-1.5 fill-mode-both duration-300";
-/**
-* Renders a full-height section with the error copy, a retry button and an optional way home.
-* The home link uses the router adapter configured in `BeezUIProvider`.
-* @param props - Copy, retry callback and optional home destination.
-* @returns The error view.
-*/
-export function ErrorState(t0) {
-	const $ = _c(26);
-	const { eyebrow, title, description, retryLabel, onRetry, homeHref, homeLabel, className } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = cn("relative isolate grid h-full min-h-svh w-full content-center justify-items-start gap-5 overflow-hidden bg-background p-[clamp(2rem,5vw,5rem)] text-foreground", className);
-		$[0] = className;
-		$[1] = t1;
-	} else {
-		t1 = $[1];
-	}
-	let t2;
-	if ($[2] !== eyebrow) {
-		t2 = eyebrow ? /* @__PURE__ */ _jsx("p", {
-			className: cn("m-0 font-mono text-[0.8rem] tracking-[0.2em] text-foreground/60 uppercase", ENTER_CLASS_NAME),
-			children: eyebrow
-		}) : null;
-		$[2] = eyebrow;
-		$[3] = t2;
-	} else {
-		t2 = $[3];
-	}
-	let t3;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = cn("m-0 max-w-[14ch] font-display text-[clamp(2.8rem,8vw,5.5rem)] leading-[0.96] font-semibold text-balance sm:max-w-[12ch]", ENTER_CLASS_NAME, "delay-40");
-		$[4] = t3;
-	} else {
-		t3 = $[4];
-	}
-	let t4;
-	if ($[5] !== title) {
-		t4 = /* @__PURE__ */ _jsx("h1", {
-			className: t3,
-			children: title
-		});
-		$[5] = title;
-		$[6] = t4;
-	} else {
-		t4 = $[6];
-	}
-	let t5;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = cn("m-0 max-w-[40rem] text-[clamp(1rem,2vw,1.15rem)] leading-[1.75] text-pretty text-muted-foreground", ENTER_CLASS_NAME, "delay-80");
-		$[7] = t5;
-	} else {
-		t5 = $[7];
-	}
-	let t6;
-	if ($[8] !== description) {
-		t6 = /* @__PURE__ */ _jsx("p", {
-			className: t5,
-			children: description
-		});
-		$[8] = description;
-		$[9] = t6;
-	} else {
-		t6 = $[9];
-	}
-	let t7;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = cn("flex w-full flex-wrap gap-3.5 pt-2 sm:w-auto", ENTER_CLASS_NAME, "delay-120");
-		$[10] = t7;
-	} else {
-		t7 = $[10];
-	}
-	let t8;
-	if ($[11] !== onRetry || $[12] !== retryLabel) {
-		t8 = /* @__PURE__ */ _jsx(Button, {
-			size: "lg",
-			type: "button",
-			onClick: onRetry,
-			children: retryLabel
-		});
-		$[11] = onRetry;
-		$[12] = retryLabel;
-		$[13] = t8;
-	} else {
-		t8 = $[13];
-	}
-	let t9;
-	if ($[14] !== homeHref || $[15] !== homeLabel) {
-		t9 = homeHref && homeLabel ? /* @__PURE__ */ _jsx(Button, {
-			asChild: true,
-			size: "lg",
-			variant: "outline",
-			children: /* @__PURE__ */ _jsx(Link, {
-				href: homeHref,
-				children: homeLabel
-			})
-		}) : null;
-		$[14] = homeHref;
-		$[15] = homeLabel;
-		$[16] = t9;
-	} else {
-		t9 = $[16];
-	}
-	let t10;
-	if ($[17] !== t8 || $[18] !== t9) {
-		t10 = /* @__PURE__ */ _jsxs("div", {
-			className: t7,
-			children: [t8, t9]
-		});
-		$[17] = t8;
-		$[18] = t9;
-		$[19] = t10;
-	} else {
-		t10 = $[19];
-	}
-	let t11;
-	if ($[20] !== t1 || $[21] !== t10 || $[22] !== t2 || $[23] !== t4 || $[24] !== t6) {
-		t11 = /* @__PURE__ */ _jsxs("section", {
-			"data-slot": "error-state",
-			className: t1,
-			children: [
-				t2,
-				t4,
-				t6,
-				t10
-			]
-		});
-		$[20] = t1;
-		$[21] = t10;
-		$[22] = t2;
-		$[23] = t4;
-		$[24] = t6;
-		$[25] = t11;
-	} else {
-		t11 = $[25];
-	}
-	return t11;
-}

package/dist/components/external-browser-handoff.d.ts

@@ -1,27 +0,0 @@
-export interface ExternalBrowserHandoffCopy {
-    eyebrow?: string;
-    title: string;
-    description: string;
-    countdownDescription: string;
-    primaryAction: string;
-    fallbackLink: string;
-}
-export interface ExternalBrowserHandoffProps {
-    /** Deep link that opens the page in the default browser (see `buildExternalBrowserUrl`). */
-    externalBrowserUrl: string;
-    /** In-app destination used when the deep link does not open another app. */
-    fallbackUrl: string;
-    countdownSeconds?: number;
-    copy?: Partial<ExternalBrowserHandoffCopy>;
-    /** Navigates to the fallback. Defaults to a full browser navigation. */
-    onFallback?: (fallbackUrl: string) => void;
-    className?: string;
-}
-/**
- * Counts down and then follows `fallbackUrl`, unless the page was hidden because the external
- * browser opened. Repeated taps on the primary action restart one fallback window instead of
- * stacking redirects.
- * @param props - Deep link, fallback, countdown and copy.
- * @returns The handoff section.
- */
-export declare function ExternalBrowserHandoff({ externalBrowserUrl, fallbackUrl, countdownSeconds, copy, onFallback, className, }: ExternalBrowserHandoffProps): import("react").JSX.Element;

package/dist/components/external-browser-handoff.js

@@ -1,306 +0,0 @@
-"use client";
-import { c as _c } from "react/compiler-runtime";
-/**
-* Full-page handoff for in-app browsers: a primary action opens the page in the default browser
-* through a deep link, and a countdown falls back to an in-app URL when the deep link does not take.
-*/
-import { useEffect, useRef, useState } from "react";
-import { cn } from "../lib/utils.js";
-import { navigateToUrl } from "../lib/browser-navigation.js";
-import { AnimatedCount } from "./animated-count.js";
-import { Button } from "./button.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_COUNTDOWN_SECONDS = 5;
-const COUNTDOWN_INTERVAL_MS = 1e3;
-/** After tapping the deep link, the page must still be visible this long to count as a failure. */
-const DEEP_LINK_FALLBACK_DELAY_MS = 2e3;
-const VISIBLE_DOCUMENT_STATE = "visible";
-/** Staggered entrance; `backwards` releases the properties so press and disabled styles keep working. */
-const ENTER_CLASS_NAME = "animate-in fade-in slide-in-from-bottom-1.5 fill-mode-backwards duration-300";
-const EXTERNAL_BROWSER_HANDOFF_DEFAULT_COPY = {
-	title: "Abrí este sitio en tu navegador",
-	description: "Para continuar, abrí este sitio en tu navegador habitual.",
-	countdownDescription: "Cuando el contador llegue a 0, vas a continuar acá mismo.",
-	primaryAction: "Continuar en tu navegador",
-	fallbackLink: "O continuá acá"
-};
-/**
-* Counts down and then follows `fallbackUrl`, unless the page was hidden because the external
-* browser opened. Repeated taps on the primary action restart one fallback window instead of
-* stacking redirects.
-* @param props - Deep link, fallback, countdown and copy.
-* @returns The handoff section.
-*/
-export function ExternalBrowserHandoff(t0) {
-	const $ = _c(48);
-	const { externalBrowserUrl, fallbackUrl, countdownSeconds: t1, copy, onFallback: t2, className } = t0;
-	const countdownSeconds = t1 === undefined ? DEFAULT_COUNTDOWN_SECONDS : t1;
-	const onFallback = t2 === undefined ? navigateToUrl : t2;
-	let t3;
-	if ($[0] !== copy) {
-		t3 = {
-			...EXTERNAL_BROWSER_HANDOFF_DEFAULT_COPY,
-			...copy
-		};
-		$[0] = copy;
-		$[1] = t3;
-	} else {
-		t3 = $[1];
-	}
-	const resolvedCopy = t3;
-	const automaticFallbackTimeoutIdRef = useRef(null);
-	const primaryActionFallbackTimeoutIdRef = useRef(null);
-	const onFallbackRef = useRef(onFallback);
-	const [remainingSeconds, setRemainingSeconds] = useState(countdownSeconds);
-	let t4;
-	let t5;
-	if ($[2] !== onFallback) {
-		t4 = () => {
-			onFallbackRef.current = onFallback;
-		};
-		t5 = [onFallback];
-		$[2] = onFallback;
-		$[3] = t4;
-		$[4] = t5;
-	} else {
-		t4 = $[3];
-		t5 = $[4];
-	}
-	useEffect(t4, t5);
-	let t6;
-	let t7;
-	if ($[5] !== countdownSeconds || $[6] !== fallbackUrl) {
-		t6 = () => {
-			const followFallbackIfVisible = () => {
-				if (document.visibilityState === VISIBLE_DOCUMENT_STATE) {
-					onFallbackRef.current(fallbackUrl);
-				}
-			};
-			const countdownIntervalId = window.setInterval(() => {
-				setRemainingSeconds(_temp);
-			}, COUNTDOWN_INTERVAL_MS);
-			automaticFallbackTimeoutIdRef.current = window.setTimeout(() => {
-				setRemainingSeconds(0);
-				followFallbackIfVisible();
-			}, countdownSeconds * COUNTDOWN_INTERVAL_MS);
-			return () => {
-				window.clearInterval(countdownIntervalId);
-				window.clearTimeout(automaticFallbackTimeoutIdRef.current ?? undefined);
-				automaticFallbackTimeoutIdRef.current = null;
-				window.clearTimeout(primaryActionFallbackTimeoutIdRef.current ?? undefined);
-				primaryActionFallbackTimeoutIdRef.current = null;
-			};
-		};
-		t7 = [countdownSeconds, fallbackUrl];
-		$[5] = countdownSeconds;
-		$[6] = fallbackUrl;
-		$[7] = t6;
-		$[8] = t7;
-	} else {
-		t6 = $[7];
-		t7 = $[8];
-	}
-	useEffect(t6, t7);
-	let t8;
-	if ($[9] !== fallbackUrl) {
-		t8 = () => {
-			window.clearTimeout(automaticFallbackTimeoutIdRef.current ?? undefined);
-			automaticFallbackTimeoutIdRef.current = null;
-			window.clearTimeout(primaryActionFallbackTimeoutIdRef.current ?? undefined);
-			primaryActionFallbackTimeoutIdRef.current = window.setTimeout(() => {
-				primaryActionFallbackTimeoutIdRef.current = null;
-				if (document.visibilityState === VISIBLE_DOCUMENT_STATE) {
-					onFallbackRef.current(fallbackUrl);
-				}
-			}, DEEP_LINK_FALLBACK_DELAY_MS);
-		};
-		$[9] = fallbackUrl;
-		$[10] = t8;
-	} else {
-		t8 = $[10];
-	}
-	const handlePrimaryAction = t8;
-	let t9;
-	if ($[11] !== className) {
-		t9 = cn("grid w-full place-items-center px-5 py-6", className);
-		$[11] = className;
-		$[12] = t9;
-	} else {
-		t9 = $[12];
-	}
-	let t10;
-	if ($[13] !== resolvedCopy.eyebrow) {
-		t10 = resolvedCopy.eyebrow ? /* @__PURE__ */ _jsx("p", {
-			className: cn("m-0 text-[0.78rem] font-bold tracking-[0.05em] text-muted-foreground uppercase", ENTER_CLASS_NAME),
-			children: resolvedCopy.eyebrow
-		}) : null;
-		$[13] = resolvedCopy.eyebrow;
-		$[14] = t10;
-	} else {
-		t10 = $[14];
-	}
-	let t11;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = cn("m-0 text-[clamp(1.75rem,5vw,2.5rem)] leading-[1.15] font-bold text-balance text-foreground", ENTER_CLASS_NAME, "delay-35");
-		$[15] = t11;
-	} else {
-		t11 = $[15];
-	}
-	let t12;
-	if ($[16] !== resolvedCopy.title) {
-		t12 = /* @__PURE__ */ _jsx("h1", {
-			className: t11,
-			children: resolvedCopy.title
-		});
-		$[16] = resolvedCopy.title;
-		$[17] = t12;
-	} else {
-		t12 = $[17];
-	}
-	let t13;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = cn("mx-auto my-0 max-w-md text-base leading-relaxed text-pretty text-muted-foreground", ENTER_CLASS_NAME, "delay-70");
-		$[18] = t13;
-	} else {
-		t13 = $[18];
-	}
-	let t14;
-	if ($[19] !== resolvedCopy.description) {
-		t14 = /* @__PURE__ */ _jsx("p", {
-			className: t13,
-			children: resolvedCopy.description
-		});
-		$[19] = resolvedCopy.description;
-		$[20] = t14;
-	} else {
-		t14 = $[20];
-	}
-	let t15;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = cn("mt-3 mb-2 grid max-w-md justify-items-center gap-2.5", ENTER_CLASS_NAME, "delay-105");
-		$[21] = t15;
-	} else {
-		t15 = $[21];
-	}
-	let t16;
-	if ($[22] !== remainingSeconds) {
-		t16 = /* @__PURE__ */ _jsx("span", {
-			className: "inline-flex size-18 items-center justify-center rounded-full bg-foreground text-4xl leading-none font-bold text-background tabular-nums shadow-[0_0_0_0.375rem_color-mix(in_srgb,var(--foreground)_8%,transparent)]",
-			children: /* @__PURE__ */ _jsx(AnimatedCount, { value: remainingSeconds })
-		});
-		$[22] = remainingSeconds;
-		$[23] = t16;
-	} else {
-		t16 = $[23];
-	}
-	let t17;
-	if ($[24] !== resolvedCopy.countdownDescription) {
-		t17 = /* @__PURE__ */ _jsx("p", {
-			className: "mx-auto my-0 text-[0.95rem] leading-normal text-pretty text-foreground",
-			children: resolvedCopy.countdownDescription
-		});
-		$[24] = resolvedCopy.countdownDescription;
-		$[25] = t17;
-	} else {
-		t17 = $[25];
-	}
-	let t18;
-	if ($[26] !== t16 || $[27] !== t17) {
-		t18 = /* @__PURE__ */ _jsxs("div", {
-			role: "timer",
-			className: t15,
-			children: [t16, t17]
-		});
-		$[26] = t16;
-		$[27] = t17;
-		$[28] = t18;
-	} else {
-		t18 = $[28];
-	}
-	let t19;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = cn("mt-2 w-full", ENTER_CLASS_NAME, "delay-140");
-		$[29] = t19;
-	} else {
-		t19 = $[29];
-	}
-	let t20;
-	if ($[30] !== externalBrowserUrl || $[31] !== handlePrimaryAction || $[32] !== resolvedCopy.primaryAction) {
-		t20 = /* @__PURE__ */ _jsx(Button, {
-			asChild: true,
-			size: "lg",
-			className: t19,
-			children: /* @__PURE__ */ _jsx("a", {
-				href: externalBrowserUrl,
-				onClick: handlePrimaryAction,
-				children: resolvedCopy.primaryAction
-			})
-		});
-		$[30] = externalBrowserUrl;
-		$[31] = handlePrimaryAction;
-		$[32] = resolvedCopy.primaryAction;
-		$[33] = t20;
-	} else {
-		t20 = $[33];
-	}
-	let t21;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = cn("inline-flex min-h-11 items-center rounded-[calc(var(--radius)-2px)] px-3 py-2 text-[0.9rem] text-muted-foreground underline decoration-current/40 underline-offset-[0.2rem] transition-[color,text-decoration-color] hover:text-foreground hover:decoration-current focus-visible:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", ENTER_CLASS_NAME, "delay-175");
-		$[34] = t21;
-	} else {
-		t21 = $[34];
-	}
-	let t22;
-	if ($[35] !== fallbackUrl || $[36] !== resolvedCopy.fallbackLink) {
-		t22 = /* @__PURE__ */ _jsx("a", {
-			className: t21,
-			href: fallbackUrl,
-			children: resolvedCopy.fallbackLink
-		});
-		$[35] = fallbackUrl;
-		$[36] = resolvedCopy.fallbackLink;
-		$[37] = t22;
-	} else {
-		t22 = $[37];
-	}
-	let t23;
-	if ($[38] !== t10 || $[39] !== t12 || $[40] !== t14 || $[41] !== t18 || $[42] !== t20 || $[43] !== t22) {
-		t23 = /* @__PURE__ */ _jsxs("div", {
-			className: "grid w-full max-w-lg justify-items-center gap-3.5 text-center",
-			children: [
-				t10,
-				t12,
-				t14,
-				t18,
-				t20,
-				t22
-			]
-		});
-		$[38] = t10;
-		$[39] = t12;
-		$[40] = t14;
-		$[41] = t18;
-		$[42] = t20;
-		$[43] = t22;
-		$[44] = t23;
-	} else {
-		t23 = $[44];
-	}
-	let t24;
-	if ($[45] !== t23 || $[46] !== t9) {
-		t24 = /* @__PURE__ */ _jsx("section", {
-			"data-slot": "external-browser-handoff",
-			className: t9,
-			children: t23
-		});
-		$[45] = t23;
-		$[46] = t9;
-		$[47] = t24;
-	} else {
-		t24 = $[47];
-	}
-	return t24;
-}
-function _temp(currentRemainingSeconds) {
-	return Math.max(currentRemainingSeconds - 1, 0);
-}

package/dist/components/info-popover.d.ts

@@ -1,23 +0,0 @@
-/** Icon button that toggles a short explanatory message, for inline help next to labels. */
-import { type ReactNode } from "react";
-export interface InfoPopoverLabels {
-    /** Accessible name of the close button inside the message. */
-    close?: string;
-    /** Accessible name of the icon-only trigger. */
-    trigger?: string;
-}
-export interface InfoPopoverProps {
-    /** Explanation shown inside the popover. */
-    message: ReactNode;
-    labels?: InfoPopoverLabels;
-    side?: "top" | "right" | "bottom" | "left";
-    className?: string;
-    contentClassName?: string;
-}
-/**
- * Renders an info icon that opens the message on click or tap, unlike a hover tooltip, so it
- * works on touch devices. Escape, an outside click or the close button dismiss it.
- * @param props - Message, optional labels, side and class names.
- * @returns The trigger with its popover.
- */
-export declare function InfoPopover({ message, labels, side, className, contentClassName }: InfoPopoverProps): import("react").JSX.Element;

package/dist/components/info-popover.js

@@ -1,158 +0,0 @@
-"use client";
-import { c as _c } from "react/compiler-runtime";
-/** Icon button that toggles a short explanatory message, for inline help next to labels. */
-import { useState } from "react";
-import { Info, X } from "lucide-react";
-import { cn } from "../lib/utils.js";
-import { Button } from "./button.js";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const INFO_POPOVER_DEFAULT_LABELS = {
-	close: "Cerrar ayuda",
-	trigger: "Más información"
-};
-/**
-* Renders an info icon that opens the message on click or tap, unlike a hover tooltip, so it
-* works on touch devices. Escape, an outside click or the close button dismiss it.
-* @param props - Message, optional labels, side and class names.
-* @returns The trigger with its popover.
-*/
-export function InfoPopover(t0) {
-	const $ = _c(25);
-	const { message, labels, side: t1, className, contentClassName } = t0;
-	const side = t1 === undefined ? "top" : t1;
-	let t2;
-	if ($[0] !== labels) {
-		t2 = {
-			...INFO_POPOVER_DEFAULT_LABELS,
-			...labels
-		};
-		$[0] = labels;
-		$[1] = t2;
-	} else {
-		t2 = $[1];
-	}
-	const resolvedLabels = t2;
-	const [isOpen, setIsOpen] = useState(false);
-	const t3 = resolvedLabels.trigger;
-	let t4;
-	if ($[2] !== className) {
-		t4 = cn("text-muted-foreground hover:text-foreground aria-expanded:text-foreground", className);
-		$[2] = className;
-		$[3] = t4;
-	} else {
-		t4 = $[3];
-	}
-	let t5;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ _jsx(Info, {
-			"aria-hidden": "true",
-			className: "size-[0.95rem]"
-		});
-		$[4] = t5;
-	} else {
-		t5 = $[4];
-	}
-	let t6;
-	if ($[5] !== resolvedLabels.trigger || $[6] !== t4) {
-		t6 = /* @__PURE__ */ _jsx(PopoverTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ _jsx(Button, {
-				"data-slot": "info-popover-trigger",
-				"aria-label": t3,
-				className: t4,
-				size: "icon-xs",
-				type: "button",
-				variant: "ghost",
-				children: t5
-			})
-		});
-		$[5] = resolvedLabels.trigger;
-		$[6] = t4;
-		$[7] = t6;
-	} else {
-		t6 = $[7];
-	}
-	let t7;
-	if ($[8] !== contentClassName) {
-		t7 = cn("relative w-[min(20rem,calc(100vw-2rem))] py-3.5 pr-10 pl-3.5", contentClassName);
-		$[8] = contentClassName;
-		$[9] = t7;
-	} else {
-		t7 = $[9];
-	}
-	let t8;
-	let t9;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = () => setIsOpen(false);
-		t9 = /* @__PURE__ */ _jsx(X, {
-			"aria-hidden": "true",
-			className: "size-[0.95rem]"
-		});
-		$[10] = t8;
-		$[11] = t9;
-	} else {
-		t8 = $[10];
-		t9 = $[11];
-	}
-	let t10;
-	if ($[12] !== resolvedLabels.close) {
-		t10 = /* @__PURE__ */ _jsx(Button, {
-			"aria-label": resolvedLabels.close,
-			className: "absolute top-2 right-2",
-			size: "icon-xs",
-			type: "button",
-			variant: "ghost",
-			onClick: t8,
-			children: t9
-		});
-		$[12] = resolvedLabels.close;
-		$[13] = t10;
-	} else {
-		t10 = $[13];
-	}
-	let t11;
-	if ($[14] !== message) {
-		t11 = /* @__PURE__ */ _jsx("div", {
-			className: "m-0 text-sm leading-normal text-foreground",
-			children: message
-		});
-		$[14] = message;
-		$[15] = t11;
-	} else {
-		t11 = $[15];
-	}
-	let t12;
-	if ($[16] !== side || $[17] !== t10 || $[18] !== t11 || $[19] !== t7) {
-		t12 = /* @__PURE__ */ _jsxs(PopoverContent, {
-			"data-slot": "info-popover-content",
-			side,
-			sideOffset: 10,
-			collisionPadding: 16,
-			className: t7,
-			children: [t10, t11]
-		});
-		$[16] = side;
-		$[17] = t10;
-		$[18] = t11;
-		$[19] = t7;
-		$[20] = t12;
-	} else {
-		t12 = $[20];
-	}
-	let t13;
-	if ($[21] !== isOpen || $[22] !== t12 || $[23] !== t6) {
-		t13 = /* @__PURE__ */ _jsxs(Popover, {
-			open: isOpen,
-			onOpenChange: setIsOpen,
-			children: [t6, t12]
-		});
-		$[21] = isOpen;
-		$[22] = t12;
-		$[23] = t6;
-		$[24] = t13;
-	} else {
-		t13 = $[24];
-	}
-	return t13;
-}