@novie/ui 1.0.0 → 1.0.2

package/dist/index.js

@@ -3780,16 +3780,16 @@ function Tn({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/button.tsx
-var En = n("inline-flex shrink-0 items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:h-4 [&_svg]:w-4", {
+var En = n("inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:h-4 [&_svg]:w-4", {
 	variants: {
 		variant: {
 			default: "bg-[hsl(var(--button-brand-default))] text-white hover:bg-[hsl(var(--button-brand-hover))] active:bg-[hsl(var(--button-brand-pressed))] disabled:bg-[hsl(var(--button-primary-bg-disabled))] disabled:text-[hsl(var(--button-primary-text-disabled))]",
 			secondary: "bg-primary text-primary-foreground hover:bg-[hsl(var(--button-secondary-filled-hover))] disabled:bg-[hsl(var(--button-primary-bg-disabled))] disabled:text-[hsl(var(--button-text-disabled))]",
-			outline: "border-[1.5px] border-primary bg-transparent text-primary hover:bg-surface-inset disabled:border-[hsl(var(--button-primary-bg-disabled))] disabled:text-[hsl(var(--button-text-disabled))]",
-			danger: "bg-destructive text-destructive-foreground hover:bg-[hsl(var(--button-danger-hover))] disabled:bg-[hsl(var(--button-danger-bg-disabled))] disabled:text-[hsl(var(--button-danger-text-disabled))]",
-			ghost: "text-muted-foreground hover:bg-page-secondary disabled:text-[hsl(var(--button-ghost-text-disabled))]",
-			link: "text-foreground underline underline-offset-4 hover:text-muted-foreground disabled:text-[hsl(var(--button-text-disabled))] h-auto p-0",
-			"link-primary": "text-[hsl(var(--button-brand-default))] underline underline-offset-4 disabled:text-[hsl(var(--button-text-disabled))] h-auto p-0"
+			outline: "border-[1.5px] border-primary bg-transparent text-primary hover:bg-surface-inset active:bg-[hsl(var(--interactive-active))] disabled:border-[hsl(var(--button-primary-bg-disabled))] disabled:text-[hsl(var(--button-text-disabled))]",
+			danger: "bg-error text-destructive-foreground hover:bg-[hsl(var(--button-danger-hover))] disabled:bg-[hsl(var(--button-danger-bg-disabled))] disabled:text-[hsl(var(--button-danger-text-disabled))]",
+			ghost: "text-muted-foreground hover:bg-page-secondary hover:text-foreground active:bg-[hsl(var(--interactive-active))] disabled:text-[hsl(var(--button-ghost-text-disabled))]",
+			link: "h-auto p-0 text-foreground underline-offset-4 hover:text-muted-foreground hover:underline disabled:text-[hsl(var(--button-text-disabled))]",
+			"link-primary": "h-auto p-0 text-[hsl(var(--button-brand-default))] underline-offset-4 hover:text-[hsl(var(--button-brand-hover))] hover:underline active:text-[hsl(var(--button-brand-pressed))] disabled:text-[hsl(var(--button-text-disabled))]"
 		},
 		size: {
 			sm: "h-8 gap-1.5 rounded-[20px] px-4 text-xs",
@@ -3862,7 +3862,7 @@ function On({ className: e, type: t, ...n }) {
 	return /* @__PURE__ */ i("input", {
 		type: t,
 		"data-slot": "input",
-		className: w("flex h-8 w-full rounded-lg border border-input bg-background px-2.5 py-2 text-sm ring-offset-background transition-colors", "file:border-0 file:bg-transparent file:text-sm file:font-medium", "placeholder:text-primary-secondary", "focus-visible:outline-hidden focus-visible:shadow-[0_1px_2px_0_hsl(var(--shadow-sm))]", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid]:border-destructive aria-[invalid]:ring-destructive/20", e),
+		className: w("flex h-8 w-full rounded-lg border border-input bg-background px-2.5 py-2 text-sm ring-offset-background transition-colors", "file:border-0 file:bg-transparent file:text-sm file:font-medium", "placeholder:text-primary-secondary", "enabled:hover:border-border-strong", "focus-visible:outline-hidden focus-visible:shadow-[0_1px_2px_0_hsl(var(--shadow-sm))]", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid]:border-destructive aria-[invalid]:hover:border-destructive aria-[invalid]:ring-destructive/20", e),
 		...n
 	});
 }
@@ -3879,9 +3879,11 @@ function kn({ className: e, ...t }) {
 //#region src/components/ui/checkbox.tsx
 var An = n([
 	"peer shrink-0 rounded-sm border-[1.5px] border-border bg-background transition-colors",
+	"cursor-pointer data-[state=unchecked]:hover:border-border-strong data-[state=indeterminate]:hover:border-border-strong",
 	"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-	"disabled:pointer-events-none disabled:opacity-50",
+	"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
 	"data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground",
+	"data-[state=checked]:hover:border-[hsl(var(--button-secondary-filled-hover))] data-[state=checked]:hover:bg-[hsl(var(--button-secondary-filled-hover))]",
 	"data-[state=indeterminate]:border-border data-[state=indeterminate]:text-foreground"
 ].join(" "), {
 	variants: { size: {
@@ -3919,7 +3921,9 @@ var Nn = n([
 	"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
 	"disabled:cursor-not-allowed",
 	"data-[state=checked]:bg-[hsl(var(--button-brand-default))]",
+	"enabled:data-[state=checked]:hover:bg-[hsl(var(--button-brand-hover))]",
 	"data-[state=unchecked]:bg-[hsl(var(--icon-secondary))]",
+	"enabled:data-[state=unchecked]:hover:bg-[hsl(var(--button-secondary-filled-hover))]",
 	"disabled:data-[state=checked]:bg-[hsl(var(--button-brand-secondary))]",
 	"disabled:data-[state=unchecked]:bg-[hsl(var(--button-primary-bg-disabled))]"
 ].join(" "), {
@@ -4595,10 +4599,12 @@ var Wr = "RadioGroupIndicator", Gr = o.forwardRef((e, t) => {
 Gr.displayName = Wr;
 var Kr = Vr, qr = Ur, Jr = Gr, Yr = n([
 	"peer aspect-square shrink-0 rounded-full border-[1.5px] transition-colors",
+	"cursor-pointer data-[state=unchecked]:hover:border-border-strong",
 	"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-	"disabled:pointer-events-none disabled:opacity-50",
+	"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
 	"border-border bg-background",
-	"data-[state=checked]:border-primary data-[state=checked]:bg-primary"
+	"data-[state=checked]:border-primary data-[state=checked]:bg-primary",
+	"data-[state=checked]:hover:border-[hsl(var(--button-secondary-filled-hover))] data-[state=checked]:hover:bg-[hsl(var(--button-secondary-filled-hover))]"
 ].join(" "), {
 	variants: { size: {
 		sm: "h-5 w-5",
@@ -4762,7 +4768,7 @@ function ri({ className: e, variant: t, size: n, onDismiss: r, children: o, ...s
 			type: "button",
 			"aria-label": "Dismiss",
 			onClick: r,
-			className: w("inline-flex items-center justify-center rounded-full transition-colors", "hover:bg-foreground/10 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring", n === "sm" ? "h-3.5 w-3.5" : "h-4 w-4"),
+			className: w("inline-flex cursor-pointer items-center justify-center rounded-full transition-colors", "hover:bg-foreground/10 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring", n === "sm" ? "h-3.5 w-3.5" : "h-4 w-4"),
 			children: /* @__PURE__ */ i(re, { className: n === "sm" ? "h-2.5 w-2.5" : "h-3 w-3" })
 		})]
 	});
@@ -4840,7 +4846,7 @@ function ci({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/icon-button.tsx
-var li = n("inline-flex shrink-0 items-center justify-center transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+var li = n("inline-flex shrink-0 cursor-pointer items-center justify-center transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-[hsl(var(--icon-button-hover))] disabled:bg-[hsl(var(--icon-button-disabled))] active:bg-primary active:ring-2 active:ring-primary active:ring-offset-2",
@@ -4970,7 +4976,7 @@ function hi({ className: e, label: t, required: n = !1, helpText: r, errorMessag
 		children: [/* @__PURE__ */ i("div", {
 			"data-slot": "input-field-prefix",
 			"data-disabled": f || void 0,
-			className: w("flex h-8 shrink-0 items-center rounded-lg border border-input bg-background px-2.5 text-sm shadow-xs transition-colors", "focus-within:border-ring", v && "border-destructive", f && "cursor-not-allowed opacity-50"),
+			className: w("flex h-8 shrink-0 items-center rounded-lg border border-input bg-background px-2.5 text-sm shadow-xs transition-colors", "hover:border-border-strong", "focus-within:border-ring", v && "border-destructive hover:border-destructive", f && "cursor-not-allowed opacity-50 hover:border-input"),
 			children: /* @__PURE__ */ i("span", {
 				className: "text-muted-foreground",
 				children: d
@@ -4978,7 +4984,7 @@ function hi({ className: e, label: t, required: n = !1, helpText: r, errorMessag
 		}), /* @__PURE__ */ i("div", {
 			"data-slot": "input-wrapper",
 			"data-disabled": f || void 0,
-			className: w("flex h-8 w-full items-center gap-1.5 rounded-lg border border-input bg-background px-2.5 shadow-xs transition-colors", "focus-within:border-ring", v && "border-destructive", f && "cursor-not-allowed opacity-50", e),
+			className: w("flex h-8 w-full items-center gap-1.5 rounded-lg border border-input bg-background px-2.5 shadow-xs transition-colors", "hover:border-border-strong", "focus-within:border-ring", v && "border-destructive hover:border-destructive", f && "cursor-not-allowed opacity-50 hover:border-input", e),
 			children: /* @__PURE__ */ i(On, {
 				id: _,
 				type: "tel",
@@ -4994,7 +5000,7 @@ function hi({ className: e, label: t, required: n = !1, helpText: r, errorMessag
 	}) : /* @__PURE__ */ a("div", {
 		"data-slot": "input-wrapper",
 		"data-disabled": f || void 0,
-		className: w("flex h-8 w-full items-center gap-1.5 rounded-lg border border-input bg-background px-2.5 transition-colors", "focus-within:border-ring", v && "border-destructive", f && "cursor-not-allowed opacity-50", e),
+		className: w("flex h-8 w-full items-center gap-1.5 rounded-lg border border-input bg-background px-2.5 transition-colors", "hover:border-border-strong", "focus-within:border-ring", v && "border-destructive hover:border-destructive", f && "cursor-not-allowed opacity-50 hover:border-input", e),
 		children: [
 			E && /* @__PURE__ */ i("span", {
 				"data-slot": "input-field-icon",
@@ -5016,7 +5022,7 @@ function hi({ className: e, label: t, required: n = !1, helpText: r, errorMessag
 				type: "button",
 				onClick: u,
 				"data-slot": "input-field-clear",
-				className: "inline-flex shrink-0 text-muted-foreground hover:text-foreground [&_svg]:h-4 [&_svg]:w-4",
+				className: "inline-flex shrink-0 cursor-pointer text-muted-foreground transition-colors hover:text-foreground [&_svg]:h-4 [&_svg]:w-4",
 				"aria-label": "Clear input",
 				children: /* @__PURE__ */ i(re, {})
 			}),
@@ -5376,7 +5382,7 @@ function Gi({ className: e, children: t, ...n }) {
 		className: w("fixed inset-0 z-50 bg-black/80", "data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0")
 	}), /* @__PURE__ */ a(x.Content, {
 		"data-slot": "dialog-content",
-		className: w("fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-background p-6 shadow-lg duration-200", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]", e),
+		className: w("fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-background p-6 shadow-lg duration-200", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
 		...n,
 		children: [t, /* @__PURE__ */ a(x.Close, {
 			"data-slot": "dialog-close-button",
@@ -8669,7 +8675,7 @@ function sp({ ...e }) {
 function cp({ className: e, inset: t, children: n, ...r }) {
 	return /* @__PURE__ */ a(tp, {
 		"data-slot": "context-menu-sub-trigger",
-		className: w("flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden", "focus:bg-accent focus:text-accent-foreground", "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", t && "pl-8", e),
+		className: w("flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", t && "pl-8", e),
 		...r,
 		children: [n, /* @__PURE__ */ i(xt, { className: "ml-auto h-4 w-4" })]
 	});
@@ -8691,14 +8697,14 @@ function up({ className: e, ...t }) {
 function dp({ className: e, inset: t, ...n }) {
 	return /* @__PURE__ */ i(Jf, {
 		"data-slot": "context-menu-item",
-		className: w("relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t && "pl-8", e),
+		className: w("relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t && "pl-8", e),
 		...n
 	});
 }
 function fp({ className: e, children: t, checked: n, ...r }) {
 	return /* @__PURE__ */ a(Yf, {
 		"data-slot": "context-menu-checkbox-item",
-		className: w("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-hidden", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
+		className: w("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
 		checked: n,
 		...r,
 		children: [/* @__PURE__ */ i("span", {
@@ -8710,7 +8716,7 @@ function fp({ className: e, children: t, checked: n, ...r }) {
 function pp({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ a(Zf, {
 		"data-slot": "context-menu-radio-item",
-		className: w("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-hidden", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
+		className: w("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
 		...n,
 		children: [/* @__PURE__ */ i("span", {
 			className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
@@ -9437,7 +9443,7 @@ function qm({ ...e }) {
 function Jm({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ a(jm, {
 		"data-slot": "select-trigger",
-		className: w("flex h-10 w-full items-center justify-between rounded-lg border border-input bg-background px-3 py-2 text-sm text-foreground ring-offset-background", "placeholder:text-muted-foreground", "focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", "[&>span]:line-clamp-1", e),
+		className: w("flex h-10 w-full cursor-pointer items-center justify-between rounded-lg border border-input bg-background px-3 py-2 text-sm text-foreground ring-offset-background transition-colors", "placeholder:text-muted-foreground", "hover:border-border-strong hover:bg-interactive-secondary", "focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "[&>span]:line-clamp-1", e),
 		...n,
 		children: [t, /* @__PURE__ */ i(Nm, {
 			asChild: !0,
@@ -9487,7 +9493,7 @@ function Qm({ className: e, ...t }) {
 function $m({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ a(zm, {
 		"data-slot": "select-item",
-		className: w("relative flex w-full cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
+		className: w("relative flex w-full cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
 		...n,
 		children: [/* @__PURE__ */ i("span", {
 			className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
@@ -9724,7 +9730,7 @@ function Zh({ ...e }) {
 function Qh({ className: e, ...t }) {
 	return /* @__PURE__ */ i(Lh, {
 		"data-slot": "dropdown-menu-trigger",
-		className: e,
+		className: w("cursor-pointer", e),
 		...t
 	});
 }
@@ -9743,7 +9749,7 @@ function ng({ ...e }) {
 function rg({ className: e, inset: t, children: n, ...r }) {
 	return /* @__PURE__ */ a(Yh, {
 		"data-slot": "dropdown-menu-sub-trigger",
-		className: w("flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent", t && "pl-8", e),
+		className: w("flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", t && "pl-8", e),
 		...r,
 		children: [n, /* @__PURE__ */ i(xt, { className: "ml-auto h-4 w-4" })]
 	});
@@ -9766,14 +9772,14 @@ function ag({ className: e, sideOffset: t = 4, ...n }) {
 function og({ className: e, inset: t, ...n }) {
 	return /* @__PURE__ */ i(Hh, {
 		"data-slot": "dropdown-menu-item",
-		className: w("relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t && "pl-8", e),
+		className: w("relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t && "pl-8", e),
 		...n
 	});
 }
 function sg({ className: e, children: t, checked: n, ...r }) {
 	return /* @__PURE__ */ a(Uh, {
 		"data-slot": "dropdown-menu-checkbox-item",
-		className: w("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
+		className: w("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
 		checked: n,
 		...r,
 		children: [/* @__PURE__ */ i("span", {
@@ -9785,7 +9791,7 @@ function sg({ className: e, children: t, checked: n, ...r }) {
 function cg({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ a(Gh, {
 		"data-slot": "dropdown-menu-radio-item",
-		className: w("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
+		className: w("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
 		...n,
 		children: [/* @__PURE__ */ i("span", {
 			className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
@@ -9960,7 +9966,7 @@ function Yg({ className: e, ...t }) {
 function Xg({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ a(Jg, { children: [/* @__PURE__ */ i(Yg, {}), /* @__PURE__ */ i(Vg, {
 		"data-slot": "alert-dialog-content",
-		className: w("fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-lg border border-border bg-background shadow-lg duration-200", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]", e),
+		className: w("fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-lg border border-border bg-background shadow-lg duration-200", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
 		...n,
 		children: t
 	})] });
@@ -10476,13 +10482,13 @@ function Tv({ className: e, size: t = "default", ...n }) {
 }
 function Ev({ className: e, ...t }) {
 	let { variant: n, bordered: r } = Sv(), a = {
-		pill: w("inline-flex h-full items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 text-tab text-muted-foreground transition-all", "data-[state=active]:bg-page data-[state=active]:text-foreground data-[state=active]:shadow-xs"),
-		filled: w("inline-flex h-full items-center justify-center gap-2 whitespace-nowrap rounded-lg px-2.5 py-3 text-label text-[hsl(var(--text-disabled-on))] transition-all", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:rounded-lg"),
-		browser: r ? w("inline-flex flex-col items-center justify-center gap-1 whitespace-nowrap px-6 py-3 text-label text-[hsl(var(--text-disabled-on))] transition-all", "border border-transparent rounded-t-lg", "data-[state=active]:bg-page data-[state=active]:text-foreground data-[state=active]:border-border data-[state=active]:border-b-transparent data-[state=active]:shadow-xs") : w("inline-flex flex-col items-center justify-center gap-1 whitespace-nowrap px-6 py-3 text-label text-[hsl(var(--text-disabled-on))] transition-all", "data-[state=active]:bg-page data-[state=active]:text-foreground")
+		pill: w("inline-flex h-full items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 text-tab text-muted-foreground transition-all", "data-[state=inactive]:hover:bg-page data-[state=inactive]:hover:text-foreground", "data-[state=active]:bg-page data-[state=active]:text-foreground data-[state=active]:shadow-xs"),
+		filled: w("inline-flex h-full items-center justify-center gap-2 whitespace-nowrap rounded-lg px-2.5 py-3 text-label text-[hsl(var(--text-disabled-on))] transition-all", "data-[state=inactive]:hover:bg-background data-[state=inactive]:hover:text-foreground", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:rounded-lg"),
+		browser: r ? w("inline-flex flex-col items-center justify-center gap-1 whitespace-nowrap px-6 py-3 text-label text-[hsl(var(--text-disabled-on))] transition-all", "border border-transparent rounded-t-lg", "data-[state=inactive]:hover:bg-page data-[state=inactive]:hover:text-foreground", "data-[state=active]:bg-page data-[state=active]:text-foreground data-[state=active]:border-border data-[state=active]:border-b-transparent data-[state=active]:shadow-xs") : w("inline-flex flex-col items-center justify-center gap-1 whitespace-nowrap px-6 py-3 text-label text-[hsl(var(--text-disabled-on))] transition-all", "data-[state=inactive]:hover:bg-page data-[state=inactive]:hover:text-foreground", "data-[state=active]:bg-page data-[state=active]:text-foreground")
 	};
 	return /* @__PURE__ */ i(yv, {
 		"data-slot": "tabs-trigger",
-		className: w(a[n], "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:h-4 [&_svg]:w-4", e),
+		className: w(a[n], "cursor-pointer", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:h-4 [&_svg]:w-4", e),
 		...t
 	});
 }