@questpie/admin 3.0.3 → 3.0.4

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

@@ -50,10 +50,10 @@ function TimeInput(t0) {
 	} else t4 = $[3];
 	const handleClear = t4;
 	const t5 = disabled && "cursor-not-allowed opacity-50";
-	const t6 = ariaInvalid && "border-destructive";
+	const t6 = ariaInvalid && "border-border-strong";
 	let t7;
 	if ($[4] !== className || $[5] !== t5 || $[6] !== t6) {
-		t7 = cn("border-input bg-transparent font-mono flex h-9 w-full items-center gap-2 border px-3 py-2 text-sm", "focus-within:ring-ring focus-within:ring-2 focus-within:ring-offset-2", t5, t6, className);
+		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;

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

@@ -60,6 +60,7 @@ function ResourceSheet(props) {
 	if ($[12] !== side || $[13] !== t2) {
 		t3 = /* @__PURE__ */ jsx(SheetContent, {
 			side,
+			showOverlay: false,
 			className: "qa-resource-sheet overflow-y-auto p-6 pt-12",
 			children: t2
 		});
@@ -72,6 +73,7 @@ function ResourceSheet(props) {
 		t4 = /* @__PURE__ */ jsx(Sheet, {
 			open,
 			onOpenChange,
+			modal: false,
 			children: t3
 		});
 		$[15] = onOpenChange;

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

@@ -87,7 +87,7 @@ function AccordionTrigger(t0) {
 	}
 	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 flex-1 items-center justify-between gap-4 px-4 py-3 text-left text-sm font-medium transition-all outline-none disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-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];
@@ -96,7 +96,7 @@ function AccordionTrigger(t0) {
 		t2 = /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:caret-down",
 			"data-slot": "accordion-trigger-icon",
-			className: "pointer-events-none shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-180"
+			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];
@@ -136,7 +136,7 @@ function AccordionContent(t0) {
 	}
 	let t1;
 	if ($[4] !== className) {
-		t1 = cn("[&_a]:hover:text-foreground h-(--accordion-panel-height) px-4 pt-0 pb-4 text-sm data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-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];
@@ -154,7 +154,7 @@ function AccordionContent(t0) {
 	if ($[9] !== props || $[10] !== t2) {
 		t3 = /* @__PURE__ */ jsx(Accordion.Panel, {
 			"data-slot": "accordion-content",
-			className: "qa-accordion__content data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden",
+			className: "qa-accordion__content overflow-hidden",
 			...props,
 			children: t2
 		});

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

@@ -4,10 +4,10 @@ import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region src/client/components/ui/alert.tsx
-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", {
+const alertVariants = cva("qa-alert group/alert border-border-subtle bg-card text-card-foreground *:[svg]:text-muted-foreground 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: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"
+		default: "",
+		destructive: "border-destructive/30 bg-destructive/10 text-destructive *:data-[slot=alert-description]:text-destructive/85 *:[svg]:text-destructive"
 	} },
 	defaultVariants: { variant: "default" }
 });

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

@@ -5,14 +5,14 @@ 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("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!", {
+const badgeVariants = cva("qa-badge font-chrome focus-visible:border-ring focus-visible:ring-ring/20 aria-invalid:border-border-strong group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-xs border border-transparent px-2 py-0.5 text-[0.625rem] font-medium whitespace-nowrap tabular-nums transition-[background-color,border-color,color,box-shadow] duration-150 ease-out 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 [a]:hover:bg-primary/80 border",
+		default: "border-border bg-secondary text-secondary-foreground [a]:hover:bg-accent",
 		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",
+		destructive: "bg-destructive text-destructive-foreground [a]:hover:bg-destructive/90 border-transparent",
 		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"
+		link: "text-foreground underline-offset-4 hover:underline"
 	} },
 	defaultVariants: { variant: "default" }
 });

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

@@ -7,24 +7,24 @@ import { Button } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 
 //#region src/client/components/ui/button.tsx
-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", {
+const buttonVariants = cva("qa-button font-chrome group/button text-foreground focus-visible:border-border-strong focus-visible:ring-ring/20 aria-invalid:border-border-strong aria-invalid:ring-ring/20 inline-flex shrink-0 cursor-pointer items-center justify-center rounded-[var(--control-radius)] border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[background-color,color,border-color,box-shadow,transform,opacity] duration-150 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.96] disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_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",
-			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"
+			default: "bg-primary text-primary-foreground shadow-[var(--control-shadow)] hover:opacity-95",
+			outline: "border-input bg-card text-foreground hover:bg-muted aria-expanded:bg-muted aria-expanded:text-foreground shadow-[var(--control-shadow)]",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-accent aria-expanded:bg-accent aria-expanded:text-secondary-foreground",
+			ghost: "text-muted-foreground hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/25 border-transparent shadow-[var(--control-shadow)]",
+			link: "text-foreground h-auto px-0 underline-offset-4 hover:underline"
 		},
 		size: {
-			default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-4",
-			xs: "h-6 gap-1 px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-			sm: "h-7 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3.5",
-			lg: "h-10 gap-2 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 [&_svg:not([class*='size-'])]:size-4",
+			default: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 [&_svg:not([class*='size-'])]:size-4",
+			xs: "h-7 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3.5",
+			sm: "h-8 gap-1.5 px-3 text-xs has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-11 gap-2 px-4 text-base has-data-[icon=inline-end]:pr-3.5 has-data-[icon=inline-start]:pl-3.5 [&_svg:not([class*='size-'])]:size-4",
 			icon: "size-9 [&_svg:not([class*='size-'])]:size-4",
-			"icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
-			"icon-sm": "size-7 [&_svg:not([class*='size-'])]:size-3.5",
+			"icon-xs": "size-7 [&_svg:not([class*='size-'])]:size-3.5",
+			"icon-sm": "size-8 [&_svg:not([class*='size-'])]:size-3.5",
 			"icon-lg": "size-10 [&_svg:not([class*='size-'])]:size-5"
 		}
 	},
@@ -34,50 +34,60 @@ const buttonVariants = cva("qa-button focus-visible:border-ring focus-visible:ri
 	}
 });
 function Button$1(t0) {
-	const $ = c(12);
+	const $ = c(16);
 	let className;
 	let props;
 	let t1;
 	let t2;
+	let t3;
+	let t4;
 	if ($[0] !== t0) {
-		({className, variant: t1, size: t2, ...props} = t0);
+		({className, type: t1, variant: t2, size: t3, static: t4, ...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 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({
+	const type = t1 === void 0 ? "button" : t1;
+	const variant = t2 === void 0 ? "default" : t2;
+	const size = t3 === void 0 ? "default" : t3;
+	const staticPress = t4 === void 0 ? false : t4;
+	let t5;
+	if ($[7] !== className || $[8] !== size || $[9] !== staticPress || $[10] !== variant) {
+		t5 = cn(buttonVariants({
 			variant,
-			size,
-			className
-		}));
-		$[5] = className;
-		$[6] = size;
-		$[7] = variant;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== props || $[10] !== t3) {
-		t4 = /* @__PURE__ */ jsx(Button, {
+			size
+		}), staticPress && "active:scale-100", className);
+		$[7] = className;
+		$[8] = size;
+		$[9] = staticPress;
+		$[10] = variant;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== props || $[13] !== t5 || $[14] !== type) {
+		t6 = /* @__PURE__ */ jsx(Button, {
 			"data-slot": "button",
-			className: t3,
+			type,
+			className: t5,
 			...props
 		});
-		$[9] = props;
-		$[10] = t3;
-		$[11] = t4;
-	} else t4 = $[11];
-	return t4;
+		$[12] = props;
+		$[13] = t5;
+		$[14] = type;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
 }
 
 //#endregion

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

@@ -22,7 +22,7 @@ function Card(t0) {
 	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);
+		t2 = cn("qa-card bg-card text-card-foreground border-border-subtle group/card flex flex-col gap-4 overflow-hidden rounded-[var(--surface-radius)] border py-4 text-xs/relaxed shadow-[var(--surface-shadow)] data-[size=sm]:gap-3 data-[size=sm]:py-3", className);
 		$[4] = className;
 		$[5] = t2;
 	} else t2 = $[5];
@@ -88,7 +88,7 @@ function CardTitle(t0) {
 	}
 	let t1;
 	if ($[3] !== className) {
-		t1 = cn("qa-card__title font-mono text-sm font-medium", className);
+		t1 = cn("qa-card__title font-chrome text-sm font-semibold tracking-tight", className);
 		$[3] = className;
 		$[4] = t1;
 	} else t1 = $[4];

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

@@ -24,7 +24,7 @@ function Checkbox$1(t0) {
 	const showIndeterminate = indeterminate && !props.checked;
 	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);
+		t1 = cn("qa-checkbox border-input bg-card data-checked:border-border-strong data-checked:bg-surface-high data-checked:text-foreground data-indeterminate:border-border-strong data-indeterminate:bg-surface-high data-indeterminate:text-foreground aria-invalid:border-border-strong focus-visible:border-ring focus-visible:ring-ring/20 aria-invalid:ring-ring/20 peer relative flex size-4 shrink-0 items-center justify-center rounded-xs border transition-[background-color,border-color,box-shadow,color] duration-150 ease-out outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px]", className);
 		$[4] = className;
 		$[5] = t1;
 	} else t1 = $[5];

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

@@ -55,7 +55,7 @@ function CommandInput(t0) {
 	}
 	let t1;
 	if ($[3] !== className) {
-		t1 = cn("qa-command__input w-full text-xs/relaxed outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className);
+		t1 = cn("qa-command__input w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className);
 		$[3] = className;
 		$[4] = t1;
 	} else t1 = $[4];
@@ -84,7 +84,7 @@ function CommandInput(t0) {
 			"data-slot": "command-input-wrapper",
 			className: "p-1 pb-0",
 			children: /* @__PURE__ */ jsxs(InputGroup, {
-				className: "h-8!",
+				className: "h-9!",
 				children: [t2, t3]
 			})
 		});
@@ -140,7 +140,7 @@ function CommandEmpty(t0) {
 	}
 	let t1;
 	if ($[3] !== className) {
-		t1 = cn("qa-command__empty py-6 text-center text-xs/relaxed", className);
+		t1 = cn("qa-command__empty text-muted-foreground py-6 text-center text-sm", className);
 		$[3] = className;
 		$[4] = t1;
 	} else t1 = $[4];
@@ -172,7 +172,7 @@ function CommandGroup(t0) {
 	}
 	let t1;
 	if ($[3] !== className) {
-		t1 = cn("qa-command__group text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className);
+		t1 = cn("qa-command__group text-foreground [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:font-chrome [&_[cmdk-group-heading]]:chrome-meta overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className);
 		$[3] = className;
 		$[4] = t1;
 	} else t1 = $[4];
@@ -207,7 +207,7 @@ function CommandItem(t0) {
 	}
 	let t1;
 	if ($[4] !== className) {
-		t1 = cn("qa-command__item data-selected:text-foreground data-selected:*:[svg]:text-foreground group/command-item relative flex min-h-7 cursor-pointer items-center gap-2 px-2.5 py-1.5 text-xs/relaxed outline-hidden select-none data-selected:bg-current/5 data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className);
+		t1 = cn("qa-command__item item-surface data-selected:border-border data-selected:bg-accent data-selected:text-accent-foreground data-selected:*:[svg]:text-accent-foreground group/command-item relative flex min-h-9 cursor-pointer items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className);
 		$[4] = className;
 		$[5] = t1;
 	} else t1 = $[5];

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

@@ -61,7 +61,7 @@ function DialogOverlay(t0) {
 	}
 	let t1;
 	if ($[3] !== className) {
-		t1 = cn("qa-dialog__overlay data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/80 duration-100", className);
+		t1 = cn("qa-dialog__overlay motion-overlay fixed inset-0 isolate z-50 bg-black/70 backdrop-blur-[2px] data-ending-style:opacity-0 data-starting-style:opacity-0", className);
 		$[3] = className;
 		$[4] = t1;
 	} else t1 = $[4];
@@ -105,7 +105,7 @@ function DialogContent(t0) {
 	} else t2 = $[5];
 	let t3;
 	if ($[6] !== className) {
-		t3 = cn("qa-dialog__content bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 border-border fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 border p-4 text-sm duration-100 outline-none sm:max-w-md", className);
+		t3 = cn("qa-dialog__content floating-surface motion-floating text-popover-foreground fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] origin-center -translate-x-1/2 -translate-y-1/2 gap-4 p-5 text-sm outline-none 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 sm:max-w-md", className);
 		$[6] = className;
 		$[7] = t3;
 	} else t3 = $[7];
@@ -242,7 +242,7 @@ function DialogTitle(t0) {
 	}
 	let t1;
 	if ($[3] !== className) {
-		t1 = cn("qa-dialog__title font-mono text-sm font-medium", className);
+		t1 = cn("qa-dialog__title font-chrome text-sm font-medium", className);
 		$[3] = className;
 		$[4] = t1;
 	} else t1 = $[4];

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

@@ -78,7 +78,7 @@ function DrawerOverlay(t0) {
 	}
 	let t1;
 	if ($[3] !== className) {
-		t1 = cn("qa-drawer__overlay data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/80", className);
+		t1 = cn("qa-drawer__overlay motion-overlay fixed inset-0 z-50 bg-black/80 data-ending-style:opacity-0 data-starting-style:opacity-0", className);
 		$[3] = className;
 		$[4] = t1;
 	} else t1 = $[4];

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

@@ -27,23 +27,31 @@ function DropdownMenu(t0) {
 	return t1;
 }
 function DropdownMenuTrigger(t0) {
-	const $ = c(4);
+	const $ = c(6);
 	let props;
+	let t1;
 	if ($[0] !== t0) {
-		({...props} = t0);
+		({type: t1, ...props} = t0);
 		$[0] = t0;
 		$[1] = props;
-	} else props = $[1];
-	let t1;
-	if ($[2] !== props) {
-		t1 = /* @__PURE__ */ jsx(Menu.Trigger, {
+		$[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
 		});
-		$[2] = props;
-		$[3] = t1;
-	} else t1 = $[3];
-	return t1;
+		$[3] = props;
+		$[4] = type;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
 }
 function DropdownMenuContent(t0) {
 	const $ = c(18);
@@ -76,7 +84,7 @@ function DropdownMenuContent(t0) {
 	const sideOffset = t4 === void 0 ? 4 : t4;
 	let t5;
 	if ($[7] !== className) {
-		t5 = cn("qa-dropdown-menu__content data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-border bg-popover text-popover-foreground z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto border p-1.5 duration-100 outline-none data-closed:overflow-hidden", 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];
@@ -110,6 +118,43 @@ function DropdownMenuContent(t0) {
 	} 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 DropdownMenuItem(t0) {
 	const $ = c(12);
 	let className;
@@ -132,7 +177,7 @@ function DropdownMenuItem(t0) {
 	const variant = t1 === void 0 ? "default" : t1;
 	let t2;
 	if ($[5] !== className) {
-		t2 = cn("qa-dropdown-menu__item focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]: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);
+		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];
@@ -193,7 +238,7 @@ function DropdownMenuSubTrigger(t0) {
 	}
 	let t1;
 	if ($[5] !== className) {
-		t1 = cn("qa-dropdown-menu__sub-trigger focus:bg-accent focus:text-accent-foreground 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);
+		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];
@@ -253,7 +298,7 @@ function DropdownMenuSubContent(t0) {
 	const sideOffset = t4 === void 0 ? 0 : t4;
 	let t5;
 	if ($[7] !== className) {
-		t5 = cn("qa-dropdown-menu__sub-content data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-border bg-popover text-popover-foreground w-auto min-w-32 border p-1 duration-100", className);
+		t5 = cn("qa-dropdown-menu__sub-content w-auto min-w-32 p-1", className);
 		$[7] = className;
 		$[8] = t5;
 	} else t5 = $[8];
@@ -278,6 +323,71 @@ function DropdownMenuSubContent(t0) {
 	} else t6 = $[15];
 	return t6;
 }
+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 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", {
+			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;
+}
 function DropdownMenuSeparator(t0) {
 	const $ = c(8);
 	let className;
@@ -310,6 +420,38 @@ function DropdownMenuSeparator(t0) {
 	} else t2 = $[7];
 	return t2;
 }
+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;
+}
 
 //#endregion
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };