@novie/ui 0.1.37 → 1.0.1

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-none 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-none 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
 	});
 }
@@ -3878,10 +3878,12 @@ function kn({ className: e, ...t }) {
 //#endregion
 //#region src/components/ui/checkbox.tsx
 var An = n([
-	"peer shrink-0 rounded border-[1.5px] border-border bg-background transition-colors",
-	"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-	"disabled:pointer-events-none disabled:opacity-50",
+	"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: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: {
@@ -3916,10 +3918,12 @@ function Mn({ className: e, size: t = "sm", ...n }) {
 var Nn = n([
 	"peer inline-flex shrink-0 cursor-pointer items-center rounded-full",
 	"transition-colors",
-	"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+	"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",
-	"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-	"disabled:pointer-events-none disabled:opacity-50",
+	"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: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-none 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" })
 		})]
 	});
@@ -4786,7 +4792,7 @@ var ii = n("relative inline-flex shrink-0 items-center justify-center overflow-h
 		size: "md",
 		shape: "circle"
 	}
-}), ai = n("absolute bottom-0 right-0 block rounded-full border border-background shadow-sm", {
+}), ai = n("absolute bottom-0 right-0 block rounded-full border border-background shadow-xs", {
 	variants: {
 		size: {
 			xs: "h-[4.5px] w-[4.5px]",
@@ -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-none 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-sm 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-sm 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",
@@ -4987,14 +4993,14 @@ function hi({ className: e, label: t, required: n = !1, helpText: r, errorMessag
 				"aria-invalid": v || void 0,
 				"aria-describedby": x,
 				"data-slot": "input-field-input",
-				className: "h-full border-0 bg-transparent px-0 shadow-none ring-0 ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0",
+				className: "h-full border-0 bg-transparent px-0 shadow-none ring-0 ring-offset-0 focus-visible:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0",
 				...h
 			})
 		})]
 	}) : /* @__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",
@@ -5009,14 +5015,14 @@ function hi({ className: e, label: t, required: n = !1, helpText: r, errorMessag
 				"aria-invalid": v || void 0,
 				"aria-describedby": x,
 				"data-slot": "input-field-input",
-				className: "h-full border-0 bg-transparent px-0 shadow-none ring-0 ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0",
+				className: "h-full border-0 bg-transparent px-0 shadow-none ring-0 ring-offset-0 focus-visible:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0",
 				...h
 			}),
 			l && p && !f && /* @__PURE__ */ i("button", {
 				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, {})
 			}),
@@ -5076,7 +5082,7 @@ function gi({ className: e, inputSize: t = "sm", clearable: n = !0, onClear: r,
 				type: "button",
 				onClick: y,
 				disabled: c,
-				className: w("inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full", "bg-foreground/5 text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"),
+				className: w("inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full", "bg-foreground/5 text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"),
 				"aria-label": "Clear search",
 				children: /* @__PURE__ */ i(re, { className: "h-3.5 w-3.5" })
 			})
@@ -5326,16 +5332,18 @@ function Ri({ className: e, ...t }) {
 	});
 }
 function zi({ className: e, ...t }) {
+	let n = ji();
 	return /* @__PURE__ */ i("th", {
 		"data-slot": "table-head",
-		className: w(Mi[ji()], "bg-interactive-active px-2 text-left align-middle text-sm font-medium leading-5 text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", e),
+		className: w(Mi[n], "bg-interactive-active px-2 text-left align-middle text-sm font-medium leading-5 text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", e),
 		...t
 	});
 }
 function Bi({ className: e, ...t }) {
+	let n = ji();
 	return /* @__PURE__ */ i("td", {
 		"data-slot": "table-cell",
-		className: w(Ni[ji()], "px-2 align-middle text-base text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", e),
+		className: w(Ni[n], "px-2 align-middle text-base text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", e),
 		...t
 	});
 }
@@ -5378,7 +5386,7 @@ function Gi({ className: e, children: t, ...n }) {
 		...n,
 		children: [t, /* @__PURE__ */ a(x.Close, {
 			"data-slot": "dialog-close-button",
-			className: "absolute top-6 right-6 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+			className: "absolute top-6 right-6 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
 			children: [/* @__PURE__ */ i(re, { className: "h-6 w-6" }), /* @__PURE__ */ i("span", {
 				className: "sr-only",
 				children: "Close"
@@ -7131,7 +7139,7 @@ function Dc(e, t) {
 }
 function Oc(e) {
 	let t = e.slice();
-	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : +(e.y > t.y)), kc(t);
+	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : e.y > t.y ? 1 : 0), kc(t);
 }
 function kc(e) {
 	if (e.length <= 1) return e.slice();
@@ -8667,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-none", "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" })]
 	});
@@ -8689,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-none", "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-none", "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", {
@@ -8708,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-none", "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",
@@ -9435,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-none 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,
@@ -9485,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-sm py-1.5 pl-8 pr-2 text-sm outline-none", "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",
@@ -9722,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
 	});
 }
@@ -9741,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-none 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" })]
 	});
@@ -9764,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-none 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-none 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", {
@@ -9783,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-none 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",
@@ -10473,21 +10481,21 @@ function Tv({ className: e, size: t = "default", ...n }) {
 	});
 }
 function Ev({ className: e, ...t }) {
-	let { variant: n, bordered: r } = Sv();
+	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=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({
-			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-sm"),
-			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-sm") : 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")
-		}[n], "focus-visible:outline-none 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
 	});
 }
 function Dv({ className: e, ...t }) {
 	return /* @__PURE__ */ i(bv, {
 		"data-slot": "tabs-content",
-		className: w("mt-2 focus-visible:outline-none", e),
+		className: w("mt-2 focus-visible:outline-hidden", e),
 		...t
 	});
 }
@@ -10829,7 +10837,7 @@ function Kv({ className: e, selected: t, onSelect: n, month: r, onMonthChange: s
 					"data-slot": "calendar-nav-prev",
 					type: "button",
 					onClick: () => y(-1),
-					className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+					className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:text-foreground focus:outline-hidden focus:ring-2 focus:ring-ring",
 					"aria-label": "Previous month",
 					children: /* @__PURE__ */ i(bt, { className: "h-5 w-5" })
 				}),
@@ -10842,7 +10850,7 @@ function Kv({ className: e, selected: t, onSelect: n, month: r, onMonthChange: s
 					"data-slot": "calendar-nav-next",
 					type: "button",
 					onClick: () => y(1),
-					className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+					className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:text-foreground focus:outline-hidden focus:ring-2 focus:ring-ring",
 					"aria-label": "Next month",
 					children: /* @__PURE__ */ i(xt, { className: "h-5 w-5" })
 				})
@@ -10863,7 +10871,7 @@ function Kv({ className: e, selected: t, onSelect: n, month: r, onMonthChange: s
 					type: "button",
 					disabled: !r,
 					onClick: () => r && b(e.day),
-					className: w("flex h-10 w-10 items-center justify-center rounded-full text-sm transition-colors focus:outline-none focus:ring-2 focus:ring-ring", !r && "pointer-events-none text-muted-foreground/40", r && !o && !s && "text-foreground hover:bg-accent", s && !o && "font-semibold text-foreground", o && "bg-primary text-primary-foreground font-medium"),
+					className: w("flex h-10 w-10 items-center justify-center rounded-full text-sm transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring", !r && "pointer-events-none text-muted-foreground/40", r && !o && !s && "text-foreground hover:bg-accent", s && !o && "font-semibold text-foreground", o && "bg-primary text-primary-foreground font-medium"),
 					"aria-selected": o || void 0,
 					"aria-current": s ? "date" : void 0,
 					children: e.day
@@ -10878,7 +10886,7 @@ function qv({ className: e, active: t = !1, ...n }) {
 	return /* @__PURE__ */ i("div", {
 		"data-slot": "skeleton",
 		"data-active": t || void 0,
-		className: w("rounded-md bg-muted", t ? "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:animate-skeleton-shimmer before:content-['']" : "animate-pulse", e),
+		className: w("rounded-md bg-muted", t ? "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:bg-linear-to-r before:from-transparent before:via-white/20 before:to-transparent before:animate-skeleton-shimmer before:content-['']" : "animate-pulse", e),
 		...n
 	});
 }
@@ -10964,7 +10972,7 @@ function Yv({ className: e, variant: t = "default", filled: n = !1, onDismiss: r
 			"data-slot": "alert-dismiss",
 			type: "button",
 			onClick: r,
-			className: "shrink-0 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+			className: "shrink-0 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
 			"aria-label": "Dismiss",
 			children: /* @__PURE__ */ i(re, { className: "h-6 w-6" })
 		}) : null]
@@ -11024,7 +11032,7 @@ function ty({ className: e, variant: t = "default", onClose: n, children: r, ...
 			"data-slot": "toast-close",
 			type: "button",
 			onClick: n,
-			className: w("absolute right-3 top-5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", t === "destructive" && "text-destructive"),
+			className: w("absolute right-3 top-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", t === "destructive" && "text-destructive"),
 			"aria-label": "Close",
 			children: /* @__PURE__ */ i(re, { className: "h-6 w-6" })
 		})]
@@ -11095,7 +11103,7 @@ function cy({ className: e, ...t }) {
 		"data-slot": "notification-close",
 		type: "button",
 		"aria-label": "Close notification",
-		className: w("absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", e),
+		className: w("absolute right-4 top-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", e),
 		...t,
 		children: [/* @__PURE__ */ i(re, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", {
 			className: "sr-only",
@@ -11299,7 +11307,7 @@ function Ay({ className: e, active: t = !1, children: n, ...r }) {
 	return /* @__PURE__ */ i("button", {
 		"data-slot": "sidebar-menu-button",
 		"data-active": t || void 0,
-		className: w("flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium text-foreground transition-colors", "hover:bg-background/50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", t && "bg-background text-foreground shadow-sm", !a && "justify-center px-0", e),
+		className: w("flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium text-foreground transition-colors", "hover:bg-background/50", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring", t && "bg-background text-foreground shadow-xs", !a && "justify-center px-0", e),
 		...r,
 		children: n
 	});