@novie/ui 1.0.2 → 1.0.4

package/dist/index.js

@@ -5059,10 +5059,10 @@ function gi({ className: e, inputSize: t = "sm", clearable: n = !0, onClear: r,
 	}, b = String(_).length > 0, x = n && b && !c && !s, S = s && !c;
 	return /* @__PURE__ */ a("div", {
 		"data-slot": "search-input",
-		className: w("flex items-center gap-2 rounded-full border border-input bg-background px-3", "transition-colors", t === "sm" && "h-8", t === "default" && "h-10", c && "cursor-not-allowed bg-secondary opacity-60", e),
+		className: w("flex w-80 max-w-full items-center gap-2 rounded-full border border-transparent bg-background px-2", "transition-colors focus-within:border-input", (b || S) && "border-input", t === "sm" && "h-8", t === "default" && "h-10", t === "default" && "pl-3", c && "cursor-not-allowed border-transparent bg-interactive-disabled", e),
 		children: [
 			/* @__PURE__ */ i("span", {
-				className: w("inline-flex shrink-0 [&_svg]:h-[18px] [&_svg]:w-[18px]", c ? "text-muted-foreground/50" : "text-muted-foreground"),
+				className: "inline-flex size-[22.8px] shrink-0 items-center justify-center text-foreground [&_svg]:h-[16.8px] [&_svg]:w-[16.8px]",
 				children: /* @__PURE__ */ i(ye, {})
 			}),
 			/* @__PURE__ */ i(On, {
@@ -5071,20 +5071,24 @@ function gi({ className: e, inputSize: t = "sm", clearable: n = !0, onClear: r,
 				value: _,
 				onChange: v,
 				placeholder: f,
-				className: w("h-full border-0 bg-transparent px-0 text-[18px] leading-7 shadow-none ring-0 ring-offset-0", "focus-visible:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0", "placeholder:text-muted-foreground", "text-foreground", "[&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"),
+				className: w("h-5 min-w-0 flex-1 border-0 bg-transparent px-0 py-0 text-input-text text-foreground shadow-none ring-0 ring-offset-0", "focus-visible:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0", "placeholder:text-[hsl(var(--text-primary-secondary))] focus:placeholder:text-foreground", "disabled:text-[hsl(var(--text-primary-tertiary))] disabled:placeholder:text-[hsl(var(--text-primary-tertiary))] disabled:opacity-100", "[&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"),
 				...p
 			}),
 			S && /* @__PURE__ */ i("span", {
-				className: "inline-flex shrink-0 animate-spin text-muted-foreground [&_svg]:h-4 [&_svg]:w-4",
+				className: "inline-flex size-6 shrink-0 animate-spin items-center justify-center text-foreground [&_svg]:h-6 [&_svg]:w-6",
 				children: /* @__PURE__ */ i(Qt, {})
 			}),
-			x && /* @__PURE__ */ i("button", {
+			x && /* @__PURE__ */ a("button", {
 				type: "button",
+				"data-slot": "search-input-clear",
 				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-hidden focus-visible:ring-2 focus-visible:ring-ring"),
+				className: w("relative inline-flex h-6 w-6 shrink-0 cursor-pointer appearance-none items-center justify-center overflow-hidden rounded-full disabled:pointer-events-none disabled:cursor-not-allowed", "text-foreground transition-colors 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" })
+				children: [/* @__PURE__ */ i("span", {
+					"data-slot": "search-input-clear-background",
+					className: "absolute inset-0 rounded-full bg-muted transition-opacity"
+				}), /* @__PURE__ */ i(re, { className: "relative h-4 w-4" })]
 			})
 		]
 	});
@@ -5365,14 +5369,14 @@ function Hi({ ...e }) {
 function Ui({ className: e, ...t }) {
 	return /* @__PURE__ */ i(x.Trigger, {
 		"data-slot": "dialog-trigger",
-		className: e,
+		className: w("cursor-pointer", e),
 		...t
 	});
 }
 function Wi({ className: e, ...t }) {
 	return /* @__PURE__ */ i(x.Close, {
 		"data-slot": "dialog-close",
-		className: e,
+		className: w("cursor-pointer disabled:cursor-not-allowed", e),
 		...t
 	});
 }
@@ -5386,7 +5390,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-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",
+			className: "absolute top-6 right-6 cursor-pointer 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 disabled:cursor-not-allowed 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"
@@ -9949,7 +9953,7 @@ function Kg({ ...e }) {
 function qg({ className: e, ...t }) {
 	return /* @__PURE__ */ i(Rg, {
 		"data-slot": "alert-dialog-trigger",
-		className: e,
+		className: w("cursor-pointer", e),
 		...t
 	});
 }
@@ -10302,7 +10306,7 @@ function ev({ className: e, children: t, ...n }) {
 		className: "flex",
 		children: /* @__PURE__ */ a(Y_, {
 			"data-slot": "accordion-trigger",
-			className: w("flex flex-1 items-center justify-between p-4 text-label font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", e),
+			className: w("flex flex-1 cursor-pointer items-center justify-between p-4 text-label font-medium transition-all hover:underline disabled:cursor-not-allowed data-[disabled]:cursor-not-allowed [&[data-state=open]>svg]:rotate-180", e),
 			...n,
 			children: [t, /* @__PURE__ */ i(yt, { className: "h-6 w-6 shrink-0 text-muted-foreground transition-transform duration-200" })]
 		})
@@ -10837,7 +10841,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-hidden focus:ring-2 focus:ring-ring",
+					className: "inline-flex h-8 w-8 cursor-pointer 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" })
 				}),
@@ -10850,7 +10854,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-hidden focus:ring-2 focus:ring-ring",
+					className: "inline-flex h-8 w-8 cursor-pointer 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" })
 				})
@@ -10871,7 +10875,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-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"),
+					className: w("flex h-10 w-10 cursor-pointer items-center justify-center rounded-full text-sm transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring disabled:pointer-events-none", !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
@@ -10972,7 +10976,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-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
+			className: "shrink-0 cursor-pointer 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]
@@ -11032,7 +11036,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-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"),
+			className: w("absolute right-3 top-5 cursor-pointer 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" })
 		})]
@@ -11103,7 +11107,7 @@ function cy({ className: e, ...t }) {
 		"data-slot": "notification-close",
 		type: "button",
 		"aria-label": "Close notification",
-		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),
+		className: w("absolute right-4 top-4 cursor-pointer 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 disabled:cursor-not-allowed", e),
 		...t,
 		children: [/* @__PURE__ */ i(re, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", {
 			className: "sr-only",
@@ -11307,7 +11311,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-hidden focus-visible:ring-2 focus-visible:ring-ring", t && "bg-background text-foreground shadow-xs", !a && "justify-center px-0", e),
+		className: w("flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium text-foreground transition-colors disabled:pointer-events-none disabled:cursor-not-allowed", "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
 	});