beez-ui 0.10.0 → 2.0.0

package/dist/components/account-menu.js

@@ -6,6 +6,7 @@ import { getNameInitials } from "../lib/name-initials.js";
 import { Avatar, AvatarBadge, AvatarFallback, AvatarImage } from "./avatar.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "./dropdown-menu.js";
 import { Link } from "./link.js";
+import { useOptionalSidebarPanel } from "./sidebar-panel-context.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ACCOUNT_MENU_DEFAULT_LABELS = {
@@ -105,7 +106,7 @@ function AccountAvatar(t0) {
 * @returns The trigger and its menu.
 */
 export function AccountMenu(t0) {
-	const $ = _c(79);
+	const $ = _c(80);
 	const { name, email, status, image: t1, avatarFallback, onSignOut, signOutDisabled: t2, onSignIn, signInHref, triggerVariant: t3, showStatusBadge: t4, tooltipLabel, labels, classNames, align: t5, side: t6, sideOffset: t7, children } = t0;
 	const image = t1 === undefined ? null : t1;
 	const signOutDisabled = t2 === undefined ? false : t2;
@@ -158,37 +159,41 @@ export function AccountMenu(t0) {
 		t10 = $[11];
 	}
 	const avatarProps = t10;
+	const sidebarPanel = useOptionalSidebarPanel();
+	const showsSidebarIdentity = triggerVariant === "sidebar" && !sidebarPanel?.collapsed;
 	const t11 = resolvedLabels.trigger;
 	const t12 = triggerVariant === "sidebar" && "w-full min-w-0 gap-2.5 rounded-lg p-1.5 text-left";
-	const t13 = classNames?.trigger;
-	let t14;
-	if ($[12] !== t12 || $[13] !== t13) {
-		t14 = cn("inline-flex items-center rounded-full outline-none [-webkit-tap-highlight-color:transparent] transition-[box-shadow,opacity,transform] hover:opacity-90 active:scale-[0.96] focus-visible:shadow-[0_0_0_2px_var(--background),0_0_0_4px_var(--ring)] data-[state=open]:shadow-[0_0_0_2px_var(--background),0_0_0_4px_var(--ring)]", t12, t13);
+	const t13 = triggerVariant === "sidebar" && !showsSidebarIdentity && "justify-center gap-0";
+	const t14 = classNames?.trigger;
+	let t15;
+	if ($[12] !== t12 || $[13] !== t13 || $[14] !== t14) {
+		t15 = cn("inline-flex items-center rounded-full outline-none [-webkit-tap-highlight-color:transparent] transition-[box-shadow,opacity,transform] hover:opacity-90 active:scale-[0.96] focus-visible:shadow-[0_0_0_2px_var(--background),0_0_0_4px_var(--ring)] data-[state=open]:shadow-[0_0_0_2px_var(--background),0_0_0_4px_var(--ring)]", t12, t13, t14);
 		$[12] = t12;
 		$[13] = t13;
 		$[14] = t14;
+		$[15] = t15;
 	} else {
-		t14 = $[14];
+		t15 = $[15];
 	}
-	const t15 = classNames?.triggerAvatar;
-	let t16;
-	if ($[15] !== avatarProps || $[16] !== t15) {
-		t16 = /* @__PURE__ */ _jsx(AccountAvatar, {
+	const t16 = classNames?.triggerAvatar;
+	let t17;
+	if ($[16] !== avatarProps || $[17] !== t16) {
+		t17 = /* @__PURE__ */ _jsx(AccountAvatar, {
 			...avatarProps,
-			className: t15
+			className: t16
 		});
-		$[15] = avatarProps;
-		$[16] = t15;
+		$[16] = avatarProps;
 		$[17] = t16;
+		$[18] = t17;
 	} else {
-		t16 = $[17];
+		t17 = $[18];
 	}
-	let t17;
-	if ($[18] !== classNames?.triggerChevron || $[19] !== classNames?.triggerEmail || $[20] !== classNames?.triggerName || $[21] !== classNames?.triggerText || $[22] !== email || $[23] !== name || $[24] !== triggerVariant) {
-		t17 = triggerVariant === "sidebar" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("span", {
+	let t18;
+	if ($[19] !== classNames?.triggerChevron || $[20] !== classNames?.triggerEmail || $[21] !== classNames?.triggerName || $[22] !== classNames?.triggerText || $[23] !== email || $[24] !== name || $[25] !== showsSidebarIdentity) {
+		t18 = showsSidebarIdentity ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("span", {
 			className: cn("grid min-w-0 flex-1", classNames?.triggerText),
 			children: [/* @__PURE__ */ _jsx("span", {
-				className: cn("truncate text-sm font-semibold", classNames?.triggerName),
+				className: cn("truncate text-sm font-medium", classNames?.triggerName),
 				children: name
 			}), /* @__PURE__ */ _jsx("span", {
 				className: cn("truncate text-xs text-muted-foreground", classNames?.triggerEmail),
@@ -198,142 +203,142 @@ export function AccountMenu(t0) {
 			"aria-hidden": "true",
 			className: cn("size-4 shrink-0 text-muted-foreground", classNames?.triggerChevron)
 		})] }) : null;
-		$[18] = classNames?.triggerChevron;
-		$[19] = classNames?.triggerEmail;
-		$[20] = classNames?.triggerName;
-		$[21] = classNames?.triggerText;
-		$[22] = email;
-		$[23] = name;
-		$[24] = triggerVariant;
-		$[25] = t17;
+		$[19] = classNames?.triggerChevron;
+		$[20] = classNames?.triggerEmail;
+		$[21] = classNames?.triggerName;
+		$[22] = classNames?.triggerText;
+		$[23] = email;
+		$[24] = name;
+		$[25] = showsSidebarIdentity;
+		$[26] = t18;
 	} else {
-		t17 = $[25];
+		t18 = $[26];
 	}
-	let t18;
-	if ($[26] !== resolvedLabels.trigger || $[27] !== t14 || $[28] !== t16 || $[29] !== t17 || $[30] !== triggerVariant) {
+	let t19;
+	if ($[27] !== resolvedLabels.trigger || $[28] !== t15 || $[29] !== t17 || $[30] !== t18 || $[31] !== triggerVariant) {
 		const triggerButton = /* @__PURE__ */ _jsxs("button", {
 			"data-slot": "account-menu-trigger",
 			"data-variant": triggerVariant,
 			"aria-label": t11,
 			type: "button",
-			className: t14,
-			children: [t16, t17]
+			className: t15,
+			children: [t17, t18]
 		});
-		t18 = /* @__PURE__ */ _jsx(DropdownMenuTrigger, {
+		t19 = /* @__PURE__ */ _jsx(DropdownMenuTrigger, {
 			asChild: true,
 			children: triggerButton
 		});
-		$[26] = resolvedLabels.trigger;
-		$[27] = t14;
-		$[28] = t16;
+		$[27] = resolvedLabels.trigger;
+		$[28] = t15;
 		$[29] = t17;
-		$[30] = triggerVariant;
-		$[31] = t18;
+		$[30] = t18;
+		$[31] = triggerVariant;
+		$[32] = t19;
 	} else {
-		t18 = $[31];
+		t19 = $[32];
 	}
-	const trigger = t18;
-	let t19;
-	if ($[32] !== tooltipLabel || $[33] !== trigger) {
-		t19 = tooltipLabel ? /* @__PURE__ */ _jsx(TooltipTrigger, {
+	const trigger = t19;
+	let t20;
+	if ($[33] !== tooltipLabel || $[34] !== trigger) {
+		t20 = tooltipLabel ? /* @__PURE__ */ _jsx(TooltipTrigger, {
 			asChild: true,
 			children: trigger
 		}) : trigger;
-		$[32] = tooltipLabel;
-		$[33] = trigger;
-		$[34] = t19;
+		$[33] = tooltipLabel;
+		$[34] = trigger;
+		$[35] = t20;
 	} else {
-		t19 = $[34];
+		t20 = $[35];
 	}
-	const t20 = classNames?.content;
-	let t21;
-	if ($[35] !== t20) {
-		t21 = cn("min-w-56", t20);
-		$[35] = t20;
+	const t21 = classNames?.content;
+	let t22;
+	if ($[36] !== t21) {
+		t22 = cn("min-w-56", t21);
 		$[36] = t21;
+		$[37] = t22;
 	} else {
-		t21 = $[36];
+		t22 = $[37];
 	}
-	const t22 = classNames?.header;
-	let t23;
-	if ($[37] !== t22) {
-		t23 = cn("grid grid-cols-[auto_minmax(0,1fr)] items-center gap-2.5 px-2 py-1.5", t22);
-		$[37] = t22;
+	const t23 = classNames?.header;
+	let t24;
+	if ($[38] !== t23) {
+		t24 = cn("grid grid-cols-[auto_minmax(0,1fr)] items-center gap-2.5 px-2 py-1.5", t23);
 		$[38] = t23;
+		$[39] = t24;
 	} else {
-		t23 = $[38];
+		t24 = $[39];
 	}
-	const t24 = classNames?.headerAvatar;
-	let t25;
-	if ($[39] !== avatarProps || $[40] !== t24) {
-		t25 = /* @__PURE__ */ _jsx(AccountAvatar, {
+	const t25 = classNames?.headerAvatar;
+	let t26;
+	if ($[40] !== avatarProps || $[41] !== t25) {
+		t26 = /* @__PURE__ */ _jsx(AccountAvatar, {
 			...avatarProps,
 			isDecorative: true,
-			className: t24
+			className: t25
 		});
-		$[39] = avatarProps;
-		$[40] = t24;
+		$[40] = avatarProps;
 		$[41] = t25;
+		$[42] = t26;
 	} else {
-		t25 = $[41];
+		t26 = $[42];
 	}
-	let t26;
-	if ($[42] !== name) {
-		t26 = /* @__PURE__ */ _jsx("span", {
-			className: "truncate text-sm leading-tight font-semibold",
+	let t27;
+	if ($[43] !== name) {
+		t27 = /* @__PURE__ */ _jsx("span", {
+			className: "truncate text-sm leading-tight font-medium",
 			children: name
 		});
-		$[42] = name;
-		$[43] = t26;
+		$[43] = name;
+		$[44] = t27;
 	} else {
-		t26 = $[43];
+		t27 = $[44];
 	}
-	let t27;
-	if ($[44] !== email) {
-		t27 = /* @__PURE__ */ _jsx("span", {
+	let t28;
+	if ($[45] !== email) {
+		t28 = /* @__PURE__ */ _jsx("span", {
 			className: "truncate text-xs leading-tight text-muted-foreground",
 			children: email
 		});
-		$[44] = email;
-		$[45] = t27;
+		$[45] = email;
+		$[46] = t28;
 	} else {
-		t27 = $[45];
+		t28 = $[46];
 	}
-	let t28;
-	if ($[46] !== t26 || $[47] !== t27) {
-		t28 = /* @__PURE__ */ _jsxs("span", {
+	let t29;
+	if ($[47] !== t27 || $[48] !== t28) {
+		t29 = /* @__PURE__ */ _jsxs("span", {
 			className: "grid min-w-0 gap-px",
-			children: [t26, t27]
+			children: [t27, t28]
 		});
-		$[46] = t26;
 		$[47] = t27;
 		$[48] = t28;
+		$[49] = t29;
 	} else {
-		t28 = $[48];
+		t29 = $[49];
 	}
-	let t29;
-	if ($[49] !== t23 || $[50] !== t25 || $[51] !== t28) {
-		t29 = /* @__PURE__ */ _jsxs("div", {
-			className: t23,
-			children: [t25, t28]
+	let t30;
+	if ($[50] !== t24 || $[51] !== t26 || $[52] !== t29) {
+		t30 = /* @__PURE__ */ _jsxs("div", {
+			className: t24,
+			children: [t26, t29]
 		});
-		$[49] = t23;
-		$[50] = t25;
-		$[51] = t28;
+		$[50] = t24;
+		$[51] = t26;
 		$[52] = t29;
-	} else {
-		t29 = $[52];
-	}
-	let t30;
-	if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
-		t30 = /* @__PURE__ */ _jsx(DropdownMenuSeparator, {});
 		$[53] = t30;
 	} else {
 		t30 = $[53];
 	}
 	let t31;
-	if ($[54] !== classNames?.item || $[55] !== isAuthenticated || $[56] !== onSignIn || $[57] !== onSignOut || $[58] !== resolvedLabels.signIn || $[59] !== resolvedLabels.signOut || $[60] !== signInHref || $[61] !== signOutDisabled) {
-		t31 = isAuthenticated ? /* @__PURE__ */ _jsxs(DropdownMenuItem, {
+	if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+		t31 = /* @__PURE__ */ _jsx(DropdownMenuSeparator, {});
+		$[54] = t31;
+	} else {
+		t31 = $[54];
+	}
+	let t32;
+	if ($[55] !== classNames?.item || $[56] !== isAuthenticated || $[57] !== onSignIn || $[58] !== onSignOut || $[59] !== resolvedLabels.signIn || $[60] !== resolvedLabels.signOut || $[61] !== signInHref || $[62] !== signOutDisabled) {
+		t32 = isAuthenticated ? /* @__PURE__ */ _jsxs(DropdownMenuItem, {
 			className: classNames?.item,
 			disabled: signOutDisabled,
 			onSelect: () => void onSignOut(),
@@ -350,77 +355,77 @@ export function AccountMenu(t0) {
 			onSelect: () => onSignIn?.(),
 			children: [/* @__PURE__ */ _jsx(LogInIcon, { "aria-hidden": "true" }), resolvedLabels.signIn]
 		});
-		$[54] = classNames?.item;
-		$[55] = isAuthenticated;
-		$[56] = onSignIn;
-		$[57] = onSignOut;
-		$[58] = resolvedLabels.signIn;
-		$[59] = resolvedLabels.signOut;
-		$[60] = signInHref;
-		$[61] = signOutDisabled;
-		$[62] = t31;
+		$[55] = classNames?.item;
+		$[56] = isAuthenticated;
+		$[57] = onSignIn;
+		$[58] = onSignOut;
+		$[59] = resolvedLabels.signIn;
+		$[60] = resolvedLabels.signOut;
+		$[61] = signInHref;
+		$[62] = signOutDisabled;
+		$[63] = t32;
 	} else {
-		t31 = $[62];
+		t32 = $[63];
 	}
-	let t32;
-	if ($[63] !== align || $[64] !== children || $[65] !== side || $[66] !== sideOffset || $[67] !== t21 || $[68] !== t29 || $[69] !== t31) {
-		t32 = /* @__PURE__ */ _jsxs(DropdownMenuContent, {
+	let t33;
+	if ($[64] !== align || $[65] !== children || $[66] !== side || $[67] !== sideOffset || $[68] !== t22 || $[69] !== t30 || $[70] !== t32) {
+		t33 = /* @__PURE__ */ _jsxs(DropdownMenuContent, {
 			"data-slot": "account-menu-content",
 			align,
 			side,
 			sideOffset,
-			className: t21,
+			className: t22,
 			children: [
-				t29,
 				t30,
+				t31,
 				children,
-				t31
+				t32
 			]
 		});
-		$[63] = align;
-		$[64] = children;
-		$[65] = side;
-		$[66] = sideOffset;
-		$[67] = t21;
-		$[68] = t29;
-		$[69] = t31;
+		$[64] = align;
+		$[65] = children;
+		$[66] = side;
+		$[67] = sideOffset;
+		$[68] = t22;
+		$[69] = t30;
 		$[70] = t32;
+		$[71] = t33;
 	} else {
-		t32 = $[70];
+		t33 = $[71];
 	}
-	let t33;
-	if ($[71] !== t19 || $[72] !== t32) {
-		t33 = /* @__PURE__ */ _jsxs(DropdownMenu, { children: [t19, t32] });
-		$[71] = t19;
-		$[72] = t32;
+	let t34;
+	if ($[72] !== t20 || $[73] !== t33) {
+		t34 = /* @__PURE__ */ _jsxs(DropdownMenu, { children: [t20, t33] });
+		$[72] = t20;
 		$[73] = t33;
+		$[74] = t34;
 	} else {
-		t33 = $[73];
+		t34 = $[74];
 	}
-	const menu = t33;
+	const menu = t34;
 	if (!tooltipLabel) {
 		return menu;
 	}
-	let t34;
-	if ($[74] !== tooltipLabel) {
-		t34 = /* @__PURE__ */ _jsx(TooltipContent, {
+	let t35;
+	if ($[75] !== tooltipLabel) {
+		t35 = /* @__PURE__ */ _jsx(TooltipContent, {
 			side: "bottom",
 			sideOffset: 8,
 			children: tooltipLabel
 		});
-		$[74] = tooltipLabel;
-		$[75] = t34;
+		$[75] = tooltipLabel;
+		$[76] = t35;
 	} else {
-		t34 = $[75];
+		t35 = $[76];
 	}
-	let t35;
-	if ($[76] !== menu || $[77] !== t34) {
-		t35 = /* @__PURE__ */ _jsxs(Tooltip, { children: [menu, t34] });
-		$[76] = menu;
-		$[77] = t34;
+	let t36;
+	if ($[77] !== menu || $[78] !== t35) {
+		t36 = /* @__PURE__ */ _jsxs(Tooltip, { children: [menu, t35] });
+		$[77] = menu;
 		$[78] = t35;
+		$[79] = t36;
 	} else {
-		t35 = $[78];
+		t36 = $[79];
 	}
-	return t35;
+	return t36;
 }

package/dist/components/alert-dialog.d.ts

@@ -38,6 +38,8 @@ declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<
  */
 declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
 declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
-declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+/** Confirms the dialog with an Arc `Button`; Radix merges its behavior onto the button through `asChild`. */
+declare function AlertDialogAction({ className, variant, size, children, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+/** Dismisses the dialog with an Arc secondary `Button` by default. */
+declare function AlertDialogCancel({ className, variant, size, children, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/alert-dialog.js

@@ -408,121 +408,133 @@ function AlertDialogDescription(t0) {
 	}
 	return t2;
 }
+/** Confirms the dialog with an Arc `Button`; Radix merges its behavior onto the button through `asChild`. */
 function AlertDialogAction(t0) {
-	const $ = _c(14);
+	const $ = _c(16);
+	let children;
 	let className;
 	let props;
 	let t1;
 	let t2;
 	if ($[0] !== t0) {
-		({className, variant: t1, size: t2, ...props} = t0);
+		({className, variant: t1, size: t2, children, ...props} = t0);
 		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = t1;
-		$[4] = t2;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
 	} else {
-		className = $[1];
-		props = $[2];
-		t1 = $[3];
-		t2 = $[4];
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		t2 = $[5];
 	}
-	const variant = t1 === undefined ? "default" : t1;
-	const size = t2 === undefined ? "default" : t2;
+	const variant = t1 === undefined ? "primary" : t1;
+	const size = t2 === undefined ? "md" : t2;
 	let t3;
-	if ($[5] !== className) {
+	if ($[6] !== className) {
 		t3 = cn(className);
-		$[5] = className;
-		$[6] = t3;
+		$[6] = className;
+		$[7] = t3;
 	} else {
-		t3 = $[6];
+		t3 = $[7];
 	}
 	let t4;
-	if ($[7] !== props || $[8] !== t3) {
-		t4 = /* @__PURE__ */ _jsx(AlertDialogPrimitive.Action, {
-			"data-slot": "alert-dialog-action",
+	if ($[8] !== children || $[9] !== size || $[10] !== t3 || $[11] !== variant) {
+		t4 = /* @__PURE__ */ _jsx(Button, {
+			variant,
+			size,
 			className: t3,
-			...props
+			children
 		});
-		$[7] = props;
-		$[8] = t3;
-		$[9] = t4;
+		$[8] = children;
+		$[9] = size;
+		$[10] = t3;
+		$[11] = variant;
+		$[12] = t4;
 	} else {
-		t4 = $[9];
+		t4 = $[12];
 	}
 	let t5;
-	if ($[10] !== size || $[11] !== t4 || $[12] !== variant) {
-		t5 = /* @__PURE__ */ _jsx(Button, {
-			variant,
-			size,
+	if ($[13] !== props || $[14] !== t4) {
+		t5 = /* @__PURE__ */ _jsx(AlertDialogPrimitive.Action, {
+			"data-slot": "alert-dialog-action",
 			asChild: true,
+			...props,
 			children: t4
 		});
-		$[10] = size;
-		$[11] = t4;
-		$[12] = variant;
-		$[13] = t5;
+		$[13] = props;
+		$[14] = t4;
+		$[15] = t5;
 	} else {
-		t5 = $[13];
+		t5 = $[15];
 	}
 	return t5;
 }
+/** Dismisses the dialog with an Arc secondary `Button` by default. */
 function AlertDialogCancel(t0) {
-	const $ = _c(14);
+	const $ = _c(16);
+	let children;
 	let className;
 	let props;
 	let t1;
 	let t2;
 	if ($[0] !== t0) {
-		({className, variant: t1, size: t2, ...props} = t0);
+		({className, variant: t1, size: t2, children, ...props} = t0);
 		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = t1;
-		$[4] = t2;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
 	} else {
-		className = $[1];
-		props = $[2];
-		t1 = $[3];
-		t2 = $[4];
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		t2 = $[5];
 	}
-	const variant = t1 === undefined ? "outline" : t1;
-	const size = t2 === undefined ? "default" : t2;
+	const variant = t1 === undefined ? "secondary" : t1;
+	const size = t2 === undefined ? "md" : t2;
 	let t3;
-	if ($[5] !== className) {
+	if ($[6] !== className) {
 		t3 = cn(className);
-		$[5] = className;
-		$[6] = t3;
+		$[6] = className;
+		$[7] = t3;
 	} else {
-		t3 = $[6];
+		t3 = $[7];
 	}
 	let t4;
-	if ($[7] !== props || $[8] !== t3) {
-		t4 = /* @__PURE__ */ _jsx(AlertDialogPrimitive.Cancel, {
-			"data-slot": "alert-dialog-cancel",
+	if ($[8] !== children || $[9] !== size || $[10] !== t3 || $[11] !== variant) {
+		t4 = /* @__PURE__ */ _jsx(Button, {
+			variant,
+			size,
 			className: t3,
-			...props
+			children
 		});
-		$[7] = props;
-		$[8] = t3;
-		$[9] = t4;
+		$[8] = children;
+		$[9] = size;
+		$[10] = t3;
+		$[11] = variant;
+		$[12] = t4;
 	} else {
-		t4 = $[9];
+		t4 = $[12];
 	}
 	let t5;
-	if ($[10] !== size || $[11] !== t4 || $[12] !== variant) {
-		t5 = /* @__PURE__ */ _jsx(Button, {
-			variant,
-			size,
+	if ($[13] !== props || $[14] !== t4) {
+		t5 = /* @__PURE__ */ _jsx(AlertDialogPrimitive.Cancel, {
+			"data-slot": "alert-dialog-cancel",
 			asChild: true,
+			...props,
 			children: t4
 		});
-		$[10] = size;
-		$[11] = t4;
-		$[12] = variant;
-		$[13] = t5;
+		$[13] = props;
+		$[14] = t4;
+		$[15] = t5;
 	} else {
-		t5 = $[13];
+		t5 = $[15];
 	}
 	return t5;
 }