@questpie/admin 2.0.0 → 3.0.0

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

@@ -1,32 +1,85 @@
 import { cn } from "../../lib/utils.mjs";
-import "react";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region src/client/components/ui/alert.tsx
-const alertVariants = cva("grid gap-0.5 border px-2 py-1.5 text-left text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-1.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-3.5 w-full relative group/alert", {
+const alertVariants = cva("qa-alert group/alert relative grid w-full gap-0.5 border px-2 py-1.5 text-left text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-1.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-3.5", {
 	variants: { variant: {
 		default: "bg-card text-card-foreground",
 		destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function Alert({ className, variant, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert",
-		role: "alert",
-		className: cn(alertVariants({ variant }), className),
-		...props
-	});
+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 AlertDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-description",
-		className: cn("text-muted-foreground text-xs/relaxed text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3", 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;
 }
 
 //#endregion
-export { Alert, AlertDescription };
-//# sourceMappingURL=alert.mjs.map
+export { Alert, AlertDescription };

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

@@ -1,35 +1,76 @@
 import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 
 //#region src/client/components/ui/badge.tsx
-const badgeVariants = cva("h-5 gap-1 rounded-none border border-transparent px-2 py-0.5 text-[0.625rem] font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-2.5! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge", {
+const badgeVariants = cva("qa-badge focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent px-2 py-0.5 font-mono text-[0.625rem] font-medium whitespace-nowrap transition-all transition-colors focus-visible:ring-[3px] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:pointer-events-none [&>svg]:size-2.5!", {
 	variants: { variant: {
-		default: "bg-primary/10 text-primary border-primary border backdrop-blur-sm [a]:hover:bg-primary/80",
-		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		default: "bg-primary/10 text-primary border-primary [a]:hover:bg-primary/80 border",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary",
 		destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
-		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-input/20 ",
-		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-transparent",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted",
 		link: "text-primary underline-offset-4 hover:underline"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function Badge({ className, variant = "default", render, ...props }) {
-	return useRender({
-		defaultTagName: "span",
-		props: mergeProps({ className: cn(badgeVariants({
+function Badge(t0) {
+	const $ = c(13);
+	let render;
+	let t1;
+	let t2;
+	let t3;
+	let variant;
+	if ($[0] !== t0) {
+		const { className, variant: t4$1, render: t5$1, ...props } = t0;
+		render = t5$1;
+		variant = t4$1 === void 0 ? "default" : t4$1;
+		t3 = useRender;
+		t1 = "span";
+		t2 = mergeProps({ className: cn(badgeVariants({
 			className,
 			variant
-		})) }, props),
-		render,
-		state: {
+		})) }, props);
+		$[0] = t0;
+		$[1] = render;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = variant;
+	} else {
+		render = $[1];
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+		variant = $[5];
+	}
+	let t4;
+	if ($[6] !== variant) {
+		t4 = {
 			slot: "badge",
 			variant
-		}
-	});
+		};
+		$[6] = variant;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== render || $[9] !== t1 || $[10] !== t2 || $[11] !== t4) {
+		t5 = {
+			defaultTagName: t1,
+			props: t2,
+			render,
+			state: t4
+		};
+		$[8] = render;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t3(t5);
 }
 
 //#endregion
-export { Badge };
-//# sourceMappingURL=badge.mjs.map
+export { Badge };

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

@@ -1,18 +1,19 @@
 "use client";
 
 import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 
 //#region src/client/components/ui/button.tsx
-const buttonVariants = cva("focus-visible:border-ring cursor-pointer focus-visible:ring-ring/30 focus-visible:shadow-[0_0_10px_oklch(0.55_0.3_300_/_0.15)] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none", {
+const buttonVariants = cva("qa-button focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 cursor-pointer items-center justify-center border border-transparent bg-clip-padding font-mono text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-[2px] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[2px] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {
 		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm hover:shadow-[0_0_15px_oklch(0.55_0.3_300_/_0.2)]",
-			outline: "border-input/80 bg-input/20 backdrop-blur-sm hover:bg-accent hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-			ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			outline: "border-border bg-transparent hover:bg-accent hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted aria-expanded:bg-muted aria-expanded:text-foreground",
 			destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
 			link: "text-primary underline-offset-4 hover:underline"
 		},
@@ -32,18 +33,52 @@ const buttonVariants = cva("focus-visible:border-ring cursor-pointer focus-visib
 		size: "default"
 	}
 });
-function Button$1({ className, variant = "default", size = "default", ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
-		"data-slot": "button",
-		className: cn(buttonVariants({
+function Button$1(t0) {
+	const $ = c(12);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({className, variant: t1, size: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+		t2 = $[4];
+	}
+	const variant = t1 === void 0 ? "default" : t1;
+	const size = t2 === void 0 ? "default" : t2;
+	let t3;
+	if ($[5] !== className || $[6] !== size || $[7] !== variant) {
+		t3 = cn(buttonVariants({
 			variant,
 			size,
 			className
-		})),
-		...props
-	});
+		}));
+		$[5] = className;
+		$[6] = size;
+		$[7] = variant;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== props || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Button, {
+			"data-slot": "button",
+			className: t3,
+			...props
+		});
+		$[9] = props;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
 }
 
 //#endregion
-export { Button$1 as Button };
-//# sourceMappingURL=button.mjs.map
+export { Button$1 as Button };

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

@@ -1,51 +1,206 @@
 import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/ui/card.tsx
-function Card({ className, size = "default", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card",
-		"data-size": size,
-		className: cn("bg-card/40 backdrop-blur-lg text-card-foreground border-border/60 gap-5 overflow-hidden border py-5 text-xs/relaxed data-[size=sm]:gap-4 data-[size=sm]:py-4 group/card flex flex-col", className),
-		...props
-	});
+function Card(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, size: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const size = t1 === void 0 ? "default" : t1;
+	let t2;
+	if ($[4] !== className) {
+		t2 = cn("qa-card bg-card text-card-foreground border-border group/card flex flex-col gap-4 overflow-hidden border py-4 text-xs/relaxed data-[size=sm]:gap-3 data-[size=sm]:py-3", className);
+		$[4] = className;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== size || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "card",
+			"data-size": size,
+			className: t2,
+			...props
+		});
+		$[6] = props;
+		$[7] = size;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 }
-function CardHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-header",
-		className: cn("gap-1.5 px-5 group-data-[size=sm]/card:px-4 [.border-b]:pb-5 group-data-[size=sm]/card:[.border-b]:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]", className),
-		...props
-	});
+function CardHeader(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-card__header group/card-header @container/card-header grid auto-rows-min items-start gap-1.5 px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "card-header",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function CardTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-title",
-		className: cn("text-sm font-medium", className),
-		...props
-	});
+function CardTitle(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-card__title font-mono text-sm font-medium", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "card-title",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function CardDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-description",
-		className: cn("text-muted-foreground text-xs/relaxed", className),
-		...props
-	});
+function CardDescription(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-card__description text-muted-foreground text-xs/relaxed", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "card-description",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function CardAction({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-action",
-		className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-		...props
-	});
+function CardAction(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-card__action col-start-2 row-span-2 row-start-1 self-start justify-self-end", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "card-action",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function CardContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-content",
-		className: cn("px-5 group-data-[size=sm]/card:px-4", className),
-		...props
-	});
+function CardContent(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-card__content px-4 group-data-[size=sm]/card:px-3", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "card-content",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
 
 //#endregion
-export { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle };
-//# sourceMappingURL=card.mjs.map
+export { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle };

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

@@ -1,27 +1,82 @@
 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 { Checkbox } from "@base-ui/react/checkbox";
 
 //#region src/client/components/ui/checkbox.tsx
-function Checkbox$1({ className, indeterminate, ...props }) {
+function Checkbox$1(t0) {
+	const $ = c(19);
+	let className;
+	let indeterminate;
+	let props;
+	if ($[0] !== t0) {
+		({className, indeterminate, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = indeterminate;
+		$[3] = props;
+	} else {
+		className = $[1];
+		indeterminate = $[2];
+		props = $[3];
+	}
 	const showIndeterminate = indeterminate && !props.checked;
-	return /* @__PURE__ */ jsxs(Checkbox.Root, {
-		"data-slot": "checkbox",
-		indeterminate,
-		className: cn("border-input data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:bg-primary data-indeterminate:text-primary-foreground dark:data-checked:bg-primary dark:data-indeterminate:bg-primary data-checked:border-primary data-indeterminate:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center border transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[2px] aria-invalid:ring-[2px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(Checkbox.Indicator, {
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("qa-checkbox border-input data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:bg-primary data-indeterminate:text-primary-foreground dark:data-checked:bg-primary dark:data-indeterminate:bg-primary data-checked:border-primary data-indeterminate:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 peer relative flex size-4 shrink-0 items-center justify-center border transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-[2px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[2px]", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	const t2 = showIndeterminate && "hidden";
+	let t3;
+	if ($[6] !== t2) {
+		t3 = cn("grid place-content-center text-current transition-none [&>svg]:size-3.5", t2);
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(Icon, { icon: "ph:check" });
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t3) {
+		t5 = /* @__PURE__ */ jsx(Checkbox.Indicator, {
 			"data-slot": "checkbox-indicator",
-			className: cn("[&>svg]:size-3.5 grid place-content-center text-current transition-none", showIndeterminate && "hidden"),
-			children: /* @__PURE__ */ jsx(Icon, { icon: "ph:check-bold" })
-		}), showIndeterminate && /* @__PURE__ */ jsx("span", {
-			className: "[&>svg]:size-3.5 grid place-content-center text-current",
-			children: /* @__PURE__ */ jsx(Icon, { icon: "ph:minus-bold" })
-		})]
-	});
+			className: t3,
+			children: t4
+		});
+		$[9] = t3;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== showIndeterminate) {
+		t6 = showIndeterminate && /* @__PURE__ */ jsx("span", {
+			className: "grid place-content-center text-current [&>svg]:size-3.5",
+			children: /* @__PURE__ */ jsx(Icon, { icon: "ph:minus" })
+		});
+		$[11] = showIndeterminate;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== indeterminate || $[14] !== props || $[15] !== t1 || $[16] !== t5 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Checkbox.Root, {
+			"data-slot": "checkbox",
+			indeterminate,
+			className: t1,
+			...props,
+			children: [t5, t6]
+		});
+		$[13] = indeterminate;
+		$[14] = props;
+		$[15] = t1;
+		$[16] = t5;
+		$[17] = t6;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
 }
 
 //#endregion
-export { Checkbox$1 as Checkbox };
-//# sourceMappingURL=checkbox.mjs.map
+export { Checkbox$1 as Checkbox };