@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/ui/dropdown-menu.mjs

@@ -1,456 +1,115 @@
 "use client";
 
 import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
 
 //#region src/client/components/ui/dropdown-menu.tsx
-function DropdownMenu(t0) {
-	const $ = c(4);
-	let props;
-	if ($[0] !== t0) {
-		({...props} = t0);
-		$[0] = t0;
-		$[1] = props;
-	} else props = $[1];
-	let t1;
-	if ($[2] !== props) {
-		t1 = /* @__PURE__ */ jsx(Menu.Root, {
-			"data-slot": "dropdown-menu",
-			...props
-		});
-		$[2] = props;
-		$[3] = t1;
-	} else t1 = $[3];
-	return t1;
+function DropdownMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
 }
-function DropdownMenuTrigger(t0) {
-	const $ = c(6);
-	let props;
-	let t1;
-	if ($[0] !== t0) {
-		({type: t1, ...props} = t0);
-		$[0] = t0;
-		$[1] = props;
-		$[2] = t1;
-	} else {
-		props = $[1];
-		t1 = $[2];
-	}
-	const type = t1 === void 0 ? "button" : t1;
-	let t2;
-	if ($[3] !== props || $[4] !== type) {
-		t2 = /* @__PURE__ */ jsx(Menu.Trigger, {
-			"data-slot": "dropdown-menu-trigger",
-			type,
-			...props
-		});
-		$[3] = props;
-		$[4] = type;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
+function DropdownMenuTrigger({ type = "button", ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		type,
+		...props
+	});
 }
-function DropdownMenuContent(t0) {
-	const $ = c(18);
-	let className;
-	let props;
-	let t1;
-	let t2;
-	let t3;
-	let t4;
-	if ($[0] !== t0) {
-		({align: t1, alignOffset: t2, side: t3, sideOffset: t4, className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = t1;
-		$[4] = t2;
-		$[5] = t3;
-		$[6] = t4;
-	} else {
-		className = $[1];
-		props = $[2];
-		t1 = $[3];
-		t2 = $[4];
-		t3 = $[5];
-		t4 = $[6];
-	}
-	const align = t1 === void 0 ? "start" : t1;
-	const alignOffset = t2 === void 0 ? 0 : t2;
-	const side = t3 === void 0 ? "bottom" : t3;
-	const sideOffset = t4 === void 0 ? 4 : t4;
-	let t5;
-	if ($[7] !== className) {
-		t5 = cn("qa-dropdown-menu__content floating-surface motion-floating text-popover-foreground z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto p-1.5 outline-none data-closed:overflow-hidden data-ending-style:scale-[var(--motion-scale-enter)] data-ending-style:opacity-0 data-starting-style:scale-[var(--motion-scale-enter)] data-starting-style:opacity-0", className);
-		$[7] = className;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== props || $[10] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Menu.Popup, {
+function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		className: "isolate z-50 outline-none",
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
 			"data-slot": "dropdown-menu-content",
-			className: t5,
+			className: cn("qa-dropdown-menu__content floating-surface motion-floating text-popover-foreground z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto p-1.5 outline-none data-closed:overflow-hidden data-ending-style:scale-[var(--motion-scale-enter)] data-ending-style:opacity-0 data-starting-style:scale-[var(--motion-scale-enter)] data-starting-style:opacity-0", className),
 			...props
-		});
-		$[9] = props;
-		$[10] = t5;
-		$[11] = t6;
-	} else t6 = $[11];
-	let t7;
-	if ($[12] !== align || $[13] !== alignOffset || $[14] !== side || $[15] !== sideOffset || $[16] !== t6) {
-		t7 = /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-			className: "isolate z-50 outline-none",
-			align,
-			alignOffset,
-			side,
-			sideOffset,
-			children: t6
-		}) });
-		$[12] = align;
-		$[13] = alignOffset;
-		$[14] = side;
-		$[15] = sideOffset;
-		$[16] = t6;
-		$[17] = t7;
-	} else t7 = $[17];
-	return t7;
+		})
+	}) });
 }
-function DropdownMenuLabel(t0) {
-	const $ = c(10);
-	let className;
-	let inset;
-	let props;
-	if ($[0] !== t0) {
-		({className, inset, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = inset;
-		$[3] = props;
-	} else {
-		className = $[1];
-		inset = $[2];
-		props = $[3];
-	}
-	let t1;
-	if ($[4] !== className) {
-		t1 = cn("qa-dropdown-menu__label text-muted-foreground font-chrome chrome-meta px-2.5 py-1.5 text-xs font-medium data-[inset]:pl-8", className);
-		$[4] = className;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] !== inset || $[7] !== props || $[8] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "dropdown-menu-label",
-			"data-inset": inset,
-			className: t1,
-			...props
-		});
-		$[6] = inset;
-		$[7] = props;
-		$[8] = t1;
-		$[9] = t2;
-	} else t2 = $[9];
-	return t2;
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: cn("qa-dropdown-menu__label text-muted-foreground font-chrome chrome-meta px-2.5 py-1.5 text-xs font-medium data-[inset]:pl-8", className),
+		...props
+	});
 }
-function DropdownMenuItem(t0) {
-	const $ = c(12);
-	let className;
-	let inset;
-	let props;
-	let t1;
-	if ($[0] !== t0) {
-		({className, inset, variant: t1, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = inset;
-		$[3] = props;
-		$[4] = t1;
-	} else {
-		className = $[1];
-		inset = $[2];
-		props = $[3];
-		t1 = $[4];
-	}
-	const variant = t1 === void 0 ? "default" : t1;
-	let t2;
-	if ($[5] !== className) {
-		t2 = cn("qa-dropdown-menu__item item-surface focus:border-border focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:border-destructive/30 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground group/dropdown-menu-item relative flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-9 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
-		$[5] = className;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== inset || $[8] !== props || $[9] !== t2 || $[10] !== variant) {
-		t3 = /* @__PURE__ */ jsx(Menu.Item, {
-			"data-slot": "dropdown-menu-item",
-			"data-inset": inset,
-			"data-variant": variant,
-			className: t2,
-			...props
-		});
-		$[7] = inset;
-		$[8] = props;
-		$[9] = t2;
-		$[10] = variant;
-		$[11] = t3;
-	} else t3 = $[11];
-	return t3;
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("qa-dropdown-menu__item item-surface focus:border-border focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:border-destructive/30 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground group/dropdown-menu-item relative flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-9 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
 }
-function DropdownMenuSub(t0) {
-	const $ = c(4);
-	let props;
-	if ($[0] !== t0) {
-		({...props} = t0);
-		$[0] = t0;
-		$[1] = props;
-	} else props = $[1];
-	let t1;
-	if ($[2] !== props) {
-		t1 = /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
-			"data-slot": "dropdown-menu-sub",
-			...props
-		});
-		$[2] = props;
-		$[3] = t1;
-	} else t1 = $[3];
-	return t1;
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...props
+	});
 }
-function DropdownMenuSubTrigger(t0) {
-	const $ = c(13);
-	let children;
-	let className;
-	let inset;
-	let props;
-	if ($[0] !== t0) {
-		({className, inset, children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = inset;
-		$[4] = props;
-	} else {
-		children = $[1];
-		className = $[2];
-		inset = $[3];
-		props = $[4];
-	}
-	let t1;
-	if ($[5] !== className) {
-		t1 = cn("qa-dropdown-menu__sub-trigger item-surface focus:border-border focus:bg-accent focus:text-accent-foreground data-open:border-border data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-[inset]:pl-9 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
-		$[5] = className;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(Icon, {
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": inset,
+		className: cn("qa-dropdown-menu__sub-trigger item-surface focus:border-border focus:bg-accent focus:text-accent-foreground data-open:border-border data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-[inset]:pl-9 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:caret-right",
 			className: "ml-auto size-4"
-		});
-		$[7] = t2;
-	} else t2 = $[7];
-	let t3;
-	if ($[8] !== children || $[9] !== inset || $[10] !== props || $[11] !== t1) {
-		t3 = /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
-			"data-slot": "dropdown-menu-sub-trigger",
-			"data-inset": inset,
-			className: t1,
-			...props,
-			children: [children, t2]
-		});
-		$[8] = children;
-		$[9] = inset;
-		$[10] = props;
-		$[11] = t1;
-		$[12] = t3;
-	} else t3 = $[12];
-	return t3;
+		})]
+	});
 }
-function DropdownMenuSubContent(t0) {
-	const $ = c(16);
-	let className;
-	let props;
-	let t1;
-	let t2;
-	let t3;
-	let t4;
-	if ($[0] !== t0) {
-		({align: t1, alignOffset: t2, side: t3, sideOffset: t4, className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = t1;
-		$[4] = t2;
-		$[5] = t3;
-		$[6] = t4;
-	} else {
-		className = $[1];
-		props = $[2];
-		t1 = $[3];
-		t2 = $[4];
-		t3 = $[5];
-		t4 = $[6];
-	}
-	const align = t1 === void 0 ? "start" : t1;
-	const alignOffset = t2 === void 0 ? -3 : t2;
-	const side = t3 === void 0 ? "right" : t3;
-	const sideOffset = t4 === void 0 ? 0 : t4;
-	let t5;
-	if ($[7] !== className) {
-		t5 = cn("qa-dropdown-menu__sub-content w-auto min-w-32 p-1", className);
-		$[7] = className;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== align || $[10] !== alignOffset || $[11] !== props || $[12] !== side || $[13] !== sideOffset || $[14] !== t5) {
-		t6 = /* @__PURE__ */ jsx(DropdownMenuContent, {
-			"data-slot": "dropdown-menu-sub-content",
-			className: t5,
-			align,
-			alignOffset,
-			side,
-			sideOffset,
-			...props
-		});
-		$[9] = align;
-		$[10] = alignOffset;
-		$[11] = props;
-		$[12] = side;
-		$[13] = sideOffset;
-		$[14] = t5;
-		$[15] = t6;
-	} else t6 = $[15];
-	return t6;
+function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: cn("qa-dropdown-menu__sub-content w-auto min-w-32 p-1", className),
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		...props
+	});
 }
-function DropdownMenuRadioGroup(t0) {
-	const $ = c(4);
-	let props;
-	if ($[0] !== t0) {
-		({...props} = t0);
-		$[0] = t0;
-		$[1] = props;
-	} else props = $[1];
-	let t1;
-	if ($[2] !== props) {
-		t1 = /* @__PURE__ */ jsx(Menu.RadioGroup, {
-			"data-slot": "dropdown-menu-radio-group",
-			...props
-		});
-		$[2] = props;
-		$[3] = t1;
-	} else t1 = $[3];
-	return t1;
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
 }
-function DropdownMenuRadioItem(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("qa-dropdown-menu__radio-item item-surface focus:border-border focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className);
-		$[4] = className;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx("span", {
+function DropdownMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: cn("qa-dropdown-menu__radio-item item-surface focus:border-border focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
 			className: "pointer-events-none absolute right-3 flex items-center justify-center",
 			"data-slot": "dropdown-menu-radio-item-indicator",
 			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(Icon, { icon: "ph:check" }) })
-		});
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== children || $[8] !== props || $[9] !== t1) {
-		t3 = /* @__PURE__ */ jsxs(Menu.RadioItem, {
-			"data-slot": "dropdown-menu-radio-item",
-			className: t1,
-			...props,
-			children: [t2, children]
-		});
-		$[7] = children;
-		$[8] = props;
-		$[9] = t1;
-		$[10] = t3;
-	} else t3 = $[10];
-	return t3;
+		}), children]
+	});
 }
-function DropdownMenuSeparator(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-dropdown-menu__separator bg-border -mx-1 my-1 h-px", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Menu.Separator, {
-			"data-slot": "dropdown-menu-separator",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("qa-dropdown-menu__separator bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
 }
-function DropdownMenuShortcut(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-dropdown-menu__shortcut text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground font-chrome chrome-meta ml-auto text-[0.625rem]", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx("span", {
-			"data-slot": "dropdown-menu-shortcut",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: cn("qa-dropdown-menu__shortcut text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground font-chrome chrome-meta ml-auto text-[0.625rem]", className),
+		...props
+	});
 }
 
 //#endregion

package/dist/client/components/ui/empty-state.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -21,107 +20,38 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * />
 * ```
 */
-function EmptyState(t0) {
-	const $ = c(27);
-	const { title, description, icon: Icon$1, iconName, variant: t1, action, height: t2, className } = t0;
-	const variant = t1 === void 0 ? "empty" : t1;
-	const height = t2 === void 0 ? "h-48" : t2;
+function EmptyState({ title, description, icon: Icon$1, iconName, variant = "empty", action, height = "h-48", className }) {
 	const resolvedIconName = iconName ?? (variant === "error" ? "ph:warning-circle" : variant === "search" ? "ph:magnifying-glass" : "ph:tray");
-	const t3 = variant === "error" ? "alert" : void 0;
-	let t4;
-	if ($[0] !== className || $[1] !== height) {
-		t4 = cn("qa-empty-state relative flex flex-col items-center justify-center px-6 py-8 text-center", height, className);
-		$[0] = className;
-		$[1] = height;
-		$[2] = t4;
-	} else t4 = $[2];
-	const t5 = variant === "error" ? "text-destructive" : "text-muted-foreground";
-	let t6;
-	if ($[3] !== t5) {
-		t6 = cn("mb-3 flex size-8 items-center justify-center", t5);
-		$[3] = t5;
-		$[4] = t6;
-	} else t6 = $[4];
-	let t7;
-	if ($[5] !== Icon$1 || $[6] !== resolvedIconName) {
-		t7 = Icon$1 ? /* @__PURE__ */ jsx(Icon$1, { className: "size-5" }) : /* @__PURE__ */ jsx(Icon, {
-			icon: resolvedIconName,
-			className: "size-5"
-		});
-		$[5] = Icon$1;
-		$[6] = resolvedIconName;
-		$[7] = t7;
-	} else t7 = $[7];
-	let t8;
-	if ($[8] !== t6 || $[9] !== t7) {
-		t8 = /* @__PURE__ */ jsx("div", {
-			className: t6,
-			children: t7
-		});
-		$[8] = t6;
-		$[9] = t7;
-		$[10] = t8;
-	} else t8 = $[10];
-	let t9;
-	if ($[11] !== title) {
-		t9 = /* @__PURE__ */ jsx("p", {
-			className: "qa-empty-state__title text-foreground max-w-sm text-sm font-medium text-balance",
-			children: title
-		});
-		$[11] = title;
-		$[12] = t9;
-	} else t9 = $[12];
-	let t10;
-	if ($[13] !== description) {
-		t10 = description && /* @__PURE__ */ jsx("p", {
-			className: "qa-empty-state__description text-muted-foreground mt-1 max-w-md text-sm/relaxed text-pretty",
-			children: description
-		});
-		$[13] = description;
-		$[14] = t10;
-	} else t10 = $[14];
-	let t11;
-	if ($[15] !== action) {
-		t11 = action && /* @__PURE__ */ jsx("div", {
-			className: "qa-empty-state__action mt-4 flex flex-wrap items-center justify-center gap-2",
-			children: action
-		});
-		$[15] = action;
-		$[16] = t11;
-	} else t11 = $[16];
-	let t12;
-	if ($[17] !== t10 || $[18] !== t11 || $[19] !== t8 || $[20] !== t9) {
-		t12 = /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-state",
+		"data-variant": variant,
+		role: variant === "error" ? "alert" : void 0,
+		className: cn("qa-empty-state relative flex flex-col items-center justify-center px-6 py-8 text-center", height, className),
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex max-w-lg flex-col items-center",
 			children: [
-				t8,
-				t9,
-				t10,
-				t11
+				/* @__PURE__ */ jsx("div", {
+					className: cn("mb-3 flex size-8 items-center justify-center", variant === "error" ? "text-destructive" : "text-muted-foreground"),
+					children: Icon$1 ? /* @__PURE__ */ jsx(Icon$1, { className: "size-5" }) : /* @__PURE__ */ jsx(Icon, {
+						icon: resolvedIconName,
+						className: "size-5"
+					})
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "qa-empty-state__title text-foreground max-w-sm text-sm font-medium text-balance",
+					children: title
+				}),
+				description && /* @__PURE__ */ jsx("p", {
+					className: "qa-empty-state__description text-muted-foreground mt-1 max-w-md text-sm/relaxed text-pretty",
+					children: description
+				}),
+				action && /* @__PURE__ */ jsx("div", {
+					className: "qa-empty-state__action mt-4 flex flex-wrap items-center justify-center gap-2",
+					children: action
+				})
 			]
-		});
-		$[17] = t10;
-		$[18] = t11;
-		$[19] = t8;
-		$[20] = t9;
-		$[21] = t12;
-	} else t12 = $[21];
-	let t13;
-	if ($[22] !== t12 || $[23] !== t3 || $[24] !== t4 || $[25] !== variant) {
-		t13 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "empty-state",
-			"data-variant": variant,
-			role: t3,
-			className: t4,
-			children: t12
-		});
-		$[22] = t12;
-		$[23] = t3;
-		$[24] = t4;
-		$[25] = variant;
-		$[26] = t13;
-	} else t13 = $[26];
-	return t13;
+		})
+	});
 }
 
 //#endregion