@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/primitives/time-input.mjs

@@ -2,7 +2,6 @@
 
 import { useResolveText } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -22,123 +21,50 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * />
 * ```
 */
-function TimeInput(t0) {
-	const $ = c(29);
-	const { value, onChange, precision: t1, placeholder: t2, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
-	const precision = t1 === void 0 ? "minute" : t1;
-	const placeholder = t2 === void 0 ? "Select time" : t2;
+function TimeInput({ value, onChange, precision = "minute", placeholder = "Select time", disabled, className, id, "aria-invalid": ariaInvalid }) {
 	const resolveText = useResolveText();
-	let t3;
-	if ($[0] !== onChange) {
-		t3 = (e) => {
-			const timeValue = e.target.value;
-			onChange(timeValue || null);
-		};
-		$[0] = onChange;
-		$[1] = t3;
-	} else t3 = $[1];
-	const handleChange = t3;
-	let t4;
-	if ($[2] !== onChange) {
-		t4 = (e_0) => {
-			e_0.preventDefault();
-			e_0.stopPropagation();
-			onChange(null);
-		};
-		$[2] = onChange;
-		$[3] = t4;
-	} else t4 = $[3];
-	const handleClear = t4;
-	const t5 = disabled && "cursor-not-allowed opacity-50";
-	const t6 = ariaInvalid && "border-border-strong";
-	let t7;
-	if ($[4] !== className || $[5] !== t5 || $[6] !== t6) {
-		t7 = cn("control-surface font-chrome flex w-full items-center gap-2 px-3 py-2 text-sm", "focus-within:border-border-strong focus-within:ring-ring/20 focus-within:ring-3", t5, t6, className);
-		$[4] = className;
-		$[5] = t5;
-		$[6] = t6;
-		$[7] = t7;
-	} else t7 = $[7];
-	let t8;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:clock",
-			className: "text-muted-foreground size-4"
-		});
-		$[8] = t8;
-	} else t8 = $[8];
-	const t9 = value ?? "";
-	const t10 = precision === "second" ? 1 : 60;
-	let t11;
-	if ($[9] !== placeholder || $[10] !== resolveText) {
-		t11 = resolveText(placeholder);
-		$[9] = placeholder;
-		$[10] = resolveText;
-		$[11] = t11;
-	} else t11 = $[11];
-	let t12;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = cn("flex-1 bg-transparent outline-none", "placeholder:text-muted-foreground", "disabled:cursor-not-allowed", "[&::-webkit-calendar-picker-indicator]:hidden");
-		$[12] = t12;
-	} else t12 = $[12];
-	let t13;
-	if ($[13] !== ariaInvalid || $[14] !== disabled || $[15] !== handleChange || $[16] !== id || $[17] !== t10 || $[18] !== t11 || $[19] !== t9) {
-		t13 = /* @__PURE__ */ jsx("input", {
-			type: "time",
-			id,
-			value: t9,
-			onChange: handleChange,
-			step: t10,
-			disabled,
-			"aria-invalid": ariaInvalid,
-			placeholder: t11,
-			className: t12
-		});
-		$[13] = ariaInvalid;
-		$[14] = disabled;
-		$[15] = handleChange;
-		$[16] = id;
-		$[17] = t10;
-		$[18] = t11;
-		$[19] = t9;
-		$[20] = t13;
-	} else t13 = $[20];
-	let t14;
-	if ($[21] !== disabled || $[22] !== handleClear || $[23] !== value) {
-		t14 = value && !disabled && /* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: handleClear,
-			className: "text-muted-foreground hover:text-foreground",
-			tabIndex: -1,
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:x",
-				className: "size-4"
-			})
-		});
-		$[21] = disabled;
-		$[22] = handleClear;
-		$[23] = value;
-		$[24] = t14;
-	} else t14 = $[24];
-	let t15;
-	if ($[25] !== t13 || $[26] !== t14 || $[27] !== t7) {
-		t15 = /* @__PURE__ */ jsx("div", {
-			className: "qa-time-input relative",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: t7,
-				children: [
-					t8,
-					t13,
-					t14
-				]
-			})
-		});
-		$[25] = t13;
-		$[26] = t14;
-		$[27] = t7;
-		$[28] = t15;
-	} else t15 = $[28];
-	return t15;
+	const handleChange = (e) => {
+		const timeValue = e.target.value;
+		onChange(timeValue || null);
+	};
+	const handleClear = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		onChange(null);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "qa-time-input relative",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("control-surface font-chrome flex w-full items-center gap-2 px-3 py-2 text-sm", "focus-within:border-border-strong focus-within:ring-ring/20 focus-within:ring-3", disabled && "cursor-not-allowed opacity-50", ariaInvalid && "border-border-strong", className),
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:clock",
+					className: "text-muted-foreground size-4"
+				}),
+				/* @__PURE__ */ jsx("input", {
+					type: "time",
+					id,
+					value: value ?? "",
+					onChange: handleChange,
+					step: precision === "second" ? 1 : 60,
+					disabled,
+					"aria-invalid": ariaInvalid,
+					placeholder: resolveText(placeholder),
+					className: cn("flex-1 bg-transparent outline-none", "placeholder:text-muted-foreground", "disabled:cursor-not-allowed", "[&::-webkit-calendar-picker-indicator]:hidden")
+				}),
+				value && !disabled && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: handleClear,
+					className: "text-muted-foreground hover:text-foreground",
+					tabIndex: -1,
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:x",
+						className: "size-4"
+					})
+				})
+			]
+		})
+	});
 }
 
 //#endregion

package/dist/client/components/primitives/toggle-input.mjs

@@ -1,6 +1,5 @@
 import { cn } from "../../lib/utils.mjs";
 import { Switch } from "../ui/switch.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/primitives/toggle-input.tsx
@@ -17,34 +16,15 @@ import { jsx } from "react/jsx-runtime";
 * />
 * ```
 */
-function ToggleInput(t0) {
-	const $ = c(9);
-	const { value, onChange, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = cn("qa-toggle-input", className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== ariaInvalid || $[3] !== disabled || $[4] !== id || $[5] !== onChange || $[6] !== t1 || $[7] !== value) {
-		t2 = /* @__PURE__ */ jsx(Switch, {
-			id,
-			checked: value,
-			onCheckedChange: onChange,
-			disabled,
-			"aria-invalid": ariaInvalid,
-			className: t1
-		});
-		$[2] = ariaInvalid;
-		$[3] = disabled;
-		$[4] = id;
-		$[5] = onChange;
-		$[6] = t1;
-		$[7] = value;
-		$[8] = t2;
-	} else t2 = $[8];
-	return t2;
+function ToggleInput({ value, onChange, disabled, className, id, "aria-invalid": ariaInvalid }) {
+	return /* @__PURE__ */ jsx(Switch, {
+		id,
+		checked: value,
+		onCheckedChange: onChange,
+		disabled,
+		"aria-invalid": ariaInvalid,
+		className: cn("qa-toggle-input", className)
+	});
 }
 
 //#endregion

package/dist/client/components/sheets/resource-sheet.mjs

@@ -3,85 +3,76 @@ import { LocaleScopeProvider } from "../../runtime/locale-scope.mjs";
 import { Sheet, SheetContent } from "../ui/sheet.mjs";
 import FormView from "../../views/collection/form-view.mjs";
 import GlobalFormView from "../../views/globals/global-form-view.mjs";
-import { c } from "react/compiler-runtime";
-import "react";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/sheets/resource-sheet.tsx
+/**
+* ResourceSheet Component
+*
+* Universal sheet component for viewing/editing collections and globals.
+* Uses FormView/GlobalFormView internally for consistent UI and behavior.
+* Container queries provide automatic responsive layout.
+*
+* @example
+* ```tsx
+* // Collection usage
+* <ResourceSheet
+*   type="collection"
+*   collection="posts"
+*   itemId="123"
+*   open={isOpen}
+*   onOpenChange={setIsOpen}
+*   onSave={(data) => console.log('Saved:', data)}
+* />
+*
+* // Global usage
+* <ResourceSheet
+*   type="global"
+*   global="siteSettings"
+*   open={isOpen}
+*   onOpenChange={setIsOpen}
+*   onSave={(data) => console.log('Saved:', data)}
+* />
+* ```
+*/
 function ResourceSheet(props) {
-	const $ = c(19);
-	const { open, onOpenChange, onSave, side: t0 } = props;
-	const side = t0 === void 0 ? "right" : t0;
+	const { open, onOpenChange, onSave, side = "right" } = props;
 	const navigate = useAdminStore(selectNavigate);
 	const basePath = useAdminStore(selectBasePath);
-	let t1;
-	if ($[0] !== onOpenChange || $[1] !== onSave) {
-		t1 = (data) => {
-			onSave?.(data);
-			onOpenChange(false);
-		};
-		$[0] = onOpenChange;
-		$[1] = onSave;
-		$[2] = t1;
-	} else t1 = $[2];
-	const handleSuccess = t1;
-	let t2;
-	if ($[3] !== basePath || $[4] !== handleSuccess || $[5] !== navigate || $[6] !== props.collection || $[7] !== props.defaultValues || $[8] !== props.global || $[9] !== props.itemId || $[10] !== props.type) {
-		t2 = /* @__PURE__ */ jsx(LocaleScopeProvider, { children: props.type === "collection" ? /* @__PURE__ */ jsx(FormView, {
-			collection: props.collection,
-			id: props.itemId,
-			defaultValues: props.defaultValues,
-			config: void 0,
-			allCollectionsConfig: void 0,
-			navigate,
-			basePath,
-			onSuccess: handleSuccess,
-			showMeta: false
-		}) : /* @__PURE__ */ jsx(GlobalFormView, {
-			global: props.global,
-			config: void 0,
-			allGlobalsConfig: void 0,
-			navigate,
-			basePath,
-			onSuccess: handleSuccess,
-			showMeta: false
-		}) });
-		$[3] = basePath;
-		$[4] = handleSuccess;
-		$[5] = navigate;
-		$[6] = props.collection;
-		$[7] = props.defaultValues;
-		$[8] = props.global;
-		$[9] = props.itemId;
-		$[10] = props.type;
-		$[11] = t2;
-	} else t2 = $[11];
-	let t3;
-	if ($[12] !== side || $[13] !== t2) {
-		t3 = /* @__PURE__ */ jsx(SheetContent, {
+	const handleSuccess = React.useCallback((data) => {
+		onSave?.(data);
+		onOpenChange(false);
+	}, [onSave, onOpenChange]);
+	return /* @__PURE__ */ jsx(Sheet, {
+		open,
+		onOpenChange,
+		modal: false,
+		children: /* @__PURE__ */ jsx(SheetContent, {
 			side,
 			showOverlay: false,
 			className: "qa-resource-sheet overflow-y-auto p-6 pt-12",
-			children: t2
-		});
-		$[12] = side;
-		$[13] = t2;
-		$[14] = t3;
-	} else t3 = $[14];
-	let t4;
-	if ($[15] !== onOpenChange || $[16] !== open || $[17] !== t3) {
-		t4 = /* @__PURE__ */ jsx(Sheet, {
-			open,
-			onOpenChange,
-			modal: false,
-			children: t3
-		});
-		$[15] = onOpenChange;
-		$[16] = open;
-		$[17] = t3;
-		$[18] = t4;
-	} else t4 = $[18];
-	return t4;
+			children: /* @__PURE__ */ jsx(LocaleScopeProvider, { children: props.type === "collection" ? /* @__PURE__ */ jsx(FormView, {
+				collection: props.collection,
+				id: props.itemId,
+				defaultValues: props.defaultValues,
+				config: void 0,
+				allCollectionsConfig: void 0,
+				navigate,
+				basePath,
+				onSuccess: handleSuccess,
+				showMeta: false
+			}) : /* @__PURE__ */ jsx(GlobalFormView, {
+				global: props.global,
+				config: void 0,
+				allGlobalsConfig: void 0,
+				navigate,
+				basePath,
+				onSuccess: handleSuccess,
+				showMeta: false
+			}) })
+		})
+	});
 }
 
 //#endregion

package/dist/client/components/ui/accordion.mjs

@@ -1,168 +1,48 @@
 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 { Accordion } from "@base-ui/react/accordion";
 
 //#region src/client/components/ui/accordion.tsx
-function Accordion$1(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-accordion border-border bg-card flex w-full flex-col overflow-hidden border", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Accordion.Root, {
-			"data-slot": "accordion",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function Accordion$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		"data-slot": "accordion",
+		className: cn("qa-accordion border-border bg-card flex w-full flex-col overflow-hidden border", className),
+		...props
+	});
 }
-function AccordionItem(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-accordion__item data-open:bg-muted border-border transition-colors not-last:border-b", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Accordion.Item, {
-			"data-slot": "accordion-item",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		"data-slot": "accordion-item",
+		className: cn("qa-accordion__item data-open:bg-muted border-border transition-colors not-last:border-b", className),
+		...props
+	});
 }
-function AccordionTrigger(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-accordion__trigger **:data-[slot=accordion-trigger-icon]:text-muted-foreground hover:bg-muted group/accordion-trigger relative flex min-h-10 flex-1 items-center justify-between gap-4 px-4 py-3 text-left text-sm font-medium transition-[background-color,color,transform] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] outline-none active:scale-[0.96] disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 motion-reduce:transition-none motion-reduce:active:scale-100", className);
-		$[4] = className;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:caret-down",
-			"data-slot": "accordion-trigger-icon",
-			className: "pointer-events-none shrink-0 transition-transform duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] group-aria-expanded/accordion-trigger:rotate-180 motion-reduce:transition-none"
-		});
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== children || $[8] !== props || $[9] !== t1) {
-		t3 = /* @__PURE__ */ jsx(Accordion.Header, {
-			className: "flex",
-			children: /* @__PURE__ */ jsxs(Accordion.Trigger, {
-				"data-slot": "accordion-trigger",
-				className: t1,
-				...props,
-				children: [children, t2]
-			})
-		});
-		$[7] = children;
-		$[8] = props;
-		$[9] = t1;
-		$[10] = t3;
-	} else t3 = $[10];
-	return t3;
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(Accordion.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("qa-accordion__trigger **:data-[slot=accordion-trigger-icon]:text-muted-foreground hover:bg-muted group/accordion-trigger relative flex min-h-10 flex-1 items-center justify-between gap-4 px-4 py-3 text-left text-sm font-medium transition-[background-color,color,transform] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] outline-none active:scale-[0.96] disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 motion-reduce:transition-none motion-reduce:active:scale-100", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:caret-down",
+				"data-slot": "accordion-trigger-icon",
+				className: "pointer-events-none shrink-0 transition-transform duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] group-aria-expanded/accordion-trigger:rotate-180 motion-reduce:transition-none"
+			})]
+		})
+	});
 }
-function AccordionContent(t0) {
-	const $ = c(12);
-	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("[&_a]:hover:text-foreground h-(--accordion-panel-height) px-4 pt-0 pb-4 text-sm opacity-100 transition-[height,opacity] duration-[var(--motion-duration-slow)] ease-[var(--motion-ease-enter)] data-ending-style:h-0 data-ending-style:opacity-0 data-starting-style:h-0 data-starting-style:opacity-0 motion-reduce:transition-none [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className);
-		$[4] = className;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] !== children || $[7] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			className: t1,
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Panel, {
+		"data-slot": "accordion-content",
+		className: "qa-accordion__content overflow-hidden",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("[&_a]:hover:text-foreground h-(--accordion-panel-height) px-4 pt-0 pb-4 text-sm opacity-100 transition-[height,opacity] duration-[var(--motion-duration-slow)] ease-[var(--motion-ease-enter)] data-ending-style:h-0 data-ending-style:opacity-0 data-starting-style:h-0 data-starting-style:opacity-0 motion-reduce:transition-none [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className),
 			children
-		});
-		$[6] = children;
-		$[7] = t1;
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[9] !== props || $[10] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Accordion.Panel, {
-			"data-slot": "accordion-content",
-			className: "qa-accordion__content overflow-hidden",
-			...props,
-			children: t2
-		});
-		$[9] = props;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
-	return t3;
+		})
+	});
 }
 
 //#endregion

package/dist/client/components/ui/alert.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
@@ -11,74 +10,20 @@ const alertVariants = cva("qa-alert group/alert border-border-subtle bg-card tex
 	} },
 	defaultVariants: { variant: "default" }
 });
-function Alert(t0) {
-	const $ = c(10);
-	let className;
-	let props;
-	let variant;
-	if ($[0] !== t0) {
-		({className, variant, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = variant;
-	} else {
-		className = $[1];
-		props = $[2];
-		variant = $[3];
-	}
-	let t1;
-	if ($[4] !== className || $[5] !== variant) {
-		t1 = cn(alertVariants({ variant }), className);
-		$[4] = className;
-		$[5] = variant;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== props || $[8] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "alert",
-			role: "alert",
-			className: t1,
-			...props
-		});
-		$[7] = props;
-		$[8] = t1;
-		$[9] = t2;
-	} else t2 = $[9];
-	return t2;
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
 }
-function AlertDescription(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-alert__description text-muted-foreground [&_a]:hover:text-foreground text-xs/relaxed text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "alert-description",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("qa-alert__description text-muted-foreground [&_a]:hover:text-foreground text-xs/relaxed text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className),
+		...props
+	});
 }
 
 //#endregion