@photoroom/ui 0.1.751 → 0.1.753

package/index.mjs

@@ -7027,7 +7027,7 @@ var Gd = {
 	"on-dark": "bg-background-white hover:bg-background-white-hover focus-visible:bg-background-white-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white text-black",
 	"secondary-on-dark": "bg-background-white-subdued text-content-white-primary hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white-subdued-down",
 	"borderless-on-dark": "hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover active:bg-background-white-subdued-down focus-visible:ring-misc-white-focus-indicator text-white"
-}, Kd = W("focus-visible:misc-border-size-focus-ring relative inline-flex w-fit max-w-full appearance-none items-center justify-center truncate overflow-hidden text-center outline-hidden transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed", {
+}, Kd = W("focus-visible:misc-border-size-focus-ring relative inline-flex w-fit max-w-full appearance-none items-center justify-center truncate overflow-hidden text-center outline-hidden transition-all duration-200 disabled:pointer-events-none", {
 	variants: {
 		variant: Gd,
 		density: {
@@ -7285,7 +7285,7 @@ var gre = ({ as: e }) => e ? /* @__PURE__ */ I(e, {
 	"inline-flex items-center justify-center",
 	"box-border shrink-0 truncate overflow-hidden",
 	"rounded-full outline-hidden",
-	"cursor-pointer disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30",
+	"disabled:pointer-events-none disabled:opacity-30",
 	"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
 	"interaction-transition transition-colors"
 ], {
@@ -7421,7 +7421,7 @@ var af = ({ className: e, ...t }) => /* @__PURE__ */ I("button", {
 	return /* @__PURE__ */ L("button", {
 		ref: a,
 		type: "button",
-		className: U("cursor-pointer outline-hidden", "flex shrink-0 items-center", s ? H("rounded-400 h-8 gap-1.25 pe-2", t > 0 ? "ps-2" : "ps-2.75") : "rounded-500 h-10 gap-2 px-3", "bg-background-subdued", "hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "component-500 text-content-primary", "disabled:bg-background-subdued-down disabled:pointer-events-none disabled:opacity-30", "transition duration-200", i),
+		className: U("outline-hidden", "flex shrink-0 items-center", s ? H("rounded-400 h-8 gap-1.25 pe-2", t > 0 ? "ps-2" : "ps-2.75") : "rounded-500 h-10 gap-2 px-3", "bg-background-subdued", "hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "component-500 text-content-primary", "disabled:bg-background-subdued-down disabled:pointer-events-none disabled:opacity-30", "transition duration-200", i),
 		...o,
 		children: [
 			t > 0 ? /* @__PURE__ */ I("div", {
@@ -7455,7 +7455,7 @@ var sf = ({ label: e, onRemove: t, removeAriaLabel: n, removeTestId: r, classNam
 		onClick: t,
 		"aria-label": n ?? `Remove ${e}`,
 		"data-testid": r,
-		className: H("rounded-150 text-content-secondary flex size-5 shrink-0 cursor-pointer items-center justify-center outline-hidden transition-colors", "hover:bg-background-borderless-subdued-hover hover:text-content-primary", "active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"),
+		className: H("rounded-150 text-content-secondary flex size-5 shrink-0 items-center justify-center outline-hidden transition-colors", "hover:bg-background-borderless-subdued-hover hover:text-content-primary", "active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"),
 		children: /* @__PURE__ */ I(g, {
 			className: "icon-size-300",
 			"aria-hidden": "true"
@@ -7473,7 +7473,7 @@ var bre = Object.assign(({ onClearAll: e, clearAllLabel: t = "Clear all", clearA
 		type: "button",
 		onClick: e,
 		"data-testid": n,
-		className: H("component-500 rounded-200 text-content-secondary shrink-0 cursor-pointer outline-hidden transition-colors", "hover:text-content-primary", "focus-visible:text-content-primary focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"),
+		className: H("component-500 rounded-200 text-content-secondary shrink-0 outline-hidden transition-colors", "hover:text-content-primary", "focus-visible:text-content-primary focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"),
 		children: t
 	})]
 }), { Group: ({ label: e, children: t }) => {
@@ -11420,7 +11420,7 @@ var Hae = W([
 		...r,
 		ref: n,
 		type: "button",
-		className: H("relative overflow-hidden", "size-h-400 w-8 cursor-pointer rounded-full outline-hidden", "ring-misc-border ring-1", "bg-surface-primary-elevated text-content-primary shadow-500", "flex items-center justify-center", "before:absolute before:inset-0 before:rounded-full before:transition-colors", "hover:before:bg-background-borderless-subdued-hover", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:before:bg-background-borderless-subdued-hover", "active:before:bg-background-borderless-subdued-down", "interaction-transition transition-all", r.className),
+		className: H("relative overflow-hidden", "size-h-400 w-8 rounded-full outline-hidden", "ring-misc-border ring-1", "bg-surface-primary-elevated text-content-primary shadow-500", "flex items-center justify-center", "before:absolute before:inset-0 before:rounded-full before:transition-colors", "hover:before:bg-background-borderless-subdued-hover", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:before:bg-background-borderless-subdued-hover", "active:before:bg-background-borderless-subdued-down", "interaction-transition transition-all", r.className),
 		children: /* @__PURE__ */ I(re, { className: "icon-size-500 relative" })
 	})
 });
@@ -11450,8 +11450,7 @@ var uh = (({ as: t = "button", type: n = "button", className: r, variant: a = "a
 			"flash"
 		].includes(a),
 		"focus-visible:ring-misc-white-focus-indicator": a === "on-dark",
-		"cursor-pointer": !d.disabled,
-		"cursor-not-allowed opacity-30": d.disabled && !s
+		"opacity-30": d.disabled && !s
 	}, r),
 	children: [
 		s && /* @__PURE__ */ I(e, { className: H("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", "icon-size-500", "[&~*]:pointer-events-none! [&~*]:opacity-0!") }),
@@ -11476,7 +11475,7 @@ var qae = W([
 	"flex items-center justify-center",
 	"rounded-250 h-5 w-5 outline-hidden",
 	"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
-	"disabled:cursor-not-allowed disabled:opacity-30"
+	"disabled:opacity-30"
 ], {
 	variants: { variant: {
 		accent: "text-content-accent hover:text-content-accent-hover focus-visible:text-content-accent-hover active:text-content-accent-down",
@@ -11497,7 +11496,7 @@ var fh = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ L("but
 	type: "button",
 	...r,
 	ref: n,
-	className: U("component-400 rounded-200 inline-flex cursor-pointer items-center gap-0.5", "text-content-tertiary hover:text-content-primary active:text-content-primary", "radix-state-open:text-content-primary", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:text-content-primary outline-hidden", "transition-colors duration-150 ease-out", e),
+	className: U("component-400 rounded-200 inline-flex items-center gap-0.5", "text-content-tertiary hover:text-content-primary active:text-content-primary", "radix-state-open:text-content-primary", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:text-content-primary outline-hidden", "transition-colors duration-150 ease-out", e),
 	children: [t, /* @__PURE__ */ I(d, { className: "size-3.5 shrink-0" })]
 });
 fh.displayName = "InlineButton";
@@ -12078,7 +12077,7 @@ var Th = /* @__PURE__ */ new Set(), soe = ({ variant: t = "default", label: n, p
 	return /* @__PURE__ */ L("button", {
 		...a,
 		ref: i,
-		className: H("inline-flex h-8 w-fit max-w-full items-center gap-1.5 py-1 pe-2.5", o ? "ps-1" : "ps-2.5", "appearance-none rounded-full", "bg-background-subdued text-center outline-hidden", "interaction-transition transition-colors", "hover:bg-background-subdued-hover", "focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "active:bg-background-subdued-down", "aria-expanded:bg-background-subdued-hover", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30", r),
+		className: H("inline-flex h-8 w-fit max-w-full items-center gap-1.5 py-1 pe-2.5", o ? "ps-1" : "ps-2.5", "appearance-none rounded-full", "bg-background-subdued text-center outline-hidden", "interaction-transition transition-colors", "hover:bg-background-subdued-hover", "focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "active:bg-background-subdued-down", "aria-expanded:bg-background-subdued-hover", "disabled:pointer-events-none disabled:opacity-30", r),
 		children: [/* @__PURE__ */ I(coe, {
 			leadingIcon: t,
 			leadingImage: n
@@ -12128,7 +12127,7 @@ var Dh = 16, Oh = 2, kh = 7, Ah = 2 * Math.PI * kh, jh = ({ value: e = 0, max: t
 	let o = ke();
 	return /* @__PURE__ */ L("button", {
 		ref: i,
-		className: U("h-10 px-3", "flex items-center gap-2", "rounded-500", "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", "disabled:cursor-not-allowed disabled:opacity-30", r),
+		className: U("h-10 px-3", "flex items-center gap-2", "rounded-500", "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", "disabled:opacity-30", r),
 		...a,
 		children: [/* @__PURE__ */ I(jh, {
 			value: e,
@@ -12148,7 +12147,7 @@ var Nh = /* @__PURE__ */ function(e) {
 	return e.Apple = "apple", e.Facebook = "facebook", e.Google = "google", e.GoogleOneTap = "google one tap", e.Email = "email", e;
 }({}), loe = W([
 	"interaction-transition outline-hidden transition",
-	"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+	"disabled:pointer-events-none disabled:opacity-50",
 	"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
 	"component-500 rounded-500"
 ], {
@@ -12213,10 +12212,7 @@ Fh.displayName = "MobileNavigationButton";
 //#endregion
 //#region src/components/action/NavigationToggleButton/NavigationToggleButton.tsx
 var doe = W("group flex w-full flex-col items-center justify-center gap-0.5 outline-hidden", {
-	variants: { disabled: {
-		true: "cursor-not-allowed opacity-30",
-		false: "cursor-pointer"
-	} },
+	variants: { disabled: { true: "opacity-30" } },
 	defaultVariants: { disabled: !1 }
 }), foe = W("rounded-500 relative p-2", {
 	variants: {
@@ -12387,7 +12383,7 @@ Vh.displayName = "PullDownButton";
 //#region src/components/action/RetryButton/RetryButton.tsx
 var Hh = ({ className: e, ref: t, ...n }) => /* @__PURE__ */ I("button", {
 	ref: t,
-	className: U("inline-flex items-center justify-center", "h-12 w-12", "shadow-500 rounded-full", "bg-black-alpha-400 hover:bg-black-alpha-500 active:bg-black-alpha-600", "text-white", "appearance-none outline-hidden transition-colors", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30", e),
+	className: U("inline-flex items-center justify-center", "h-12 w-12", "shadow-500 rounded-full", "bg-black-alpha-400 hover:bg-black-alpha-500 active:bg-black-alpha-600", "text-white", "appearance-none outline-hidden transition-colors", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:opacity-30", e),
 	...n,
 	children: /* @__PURE__ */ I(ae, {
 		className: "h-5 w-5",
@@ -12407,7 +12403,7 @@ var Uh = W("inline-flex flex-col items-center", {
 	"shrink-0 appearance-none overflow-hidden",
 	"inline-flex items-center justify-center",
 	"rounded-full",
-	"cursor-pointer disabled:cursor-not-allowed disabled:opacity-30",
+	"disabled:opacity-30",
 	"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden",
 	"interaction-transition transition-colors"
 ], {
@@ -12481,7 +12477,7 @@ var Jh = ({ direction: e = "end", className: t, ref: n, ...r }) => {
 		...r,
 		type: "button",
 		ref: n,
-		className: U("group relative appearance-none", "inline-flex items-center justify-center overflow-hidden", "size-10 shrink-0", "bg-surface-primary-elevated rounded-full outline-hidden", "shadow-500 ring-misc-border ring-1", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30", "interaction-transition transition-colors", t),
+		className: U("group relative appearance-none", "inline-flex items-center justify-center overflow-hidden", "size-10 shrink-0", "bg-surface-primary-elevated rounded-full outline-hidden", "shadow-500 ring-misc-border ring-1", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:opacity-30", "interaction-transition transition-colors", t),
 		children: [/* @__PURE__ */ I("div", { className: H("pointer-events-none absolute inset-0 rounded-full", "group-hover:bg-background-borderless-subdued-hover group-active:bg-background-borderless-subdued-down", "group-focus-visible:bg-background-borderless-subdued-hover", "interaction-transition transition-colors") }), /* @__PURE__ */ I(i, { className: "text-content-primary icon-size-500 relative z-10" })]
 	});
 };
@@ -12553,7 +12549,7 @@ var voe = ({ href: e, title: t, size: n = "default", icon: r, iconElement: i, cl
 		"icon-size-800": n === "default",
 		"icon-size-600": n === "small"
 	}) }) : i
-}), yoe = W(H("inline-flex max-w-full min-w-24 flex-col items-center justify-center gap-0.5 px-1 py-2.5", "rounded-500 appearance-none outline-hidden", "focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30", "interaction-transition transition-all"), {
+}), yoe = W(H("inline-flex max-w-full min-w-24 flex-col items-center justify-center gap-0.5 px-1 py-2.5", "rounded-500 appearance-none outline-hidden", "focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:opacity-30", "interaction-transition transition-all"), {
 	variants: { variant: Gd },
 	defaultVariants: { variant: "accent" }
 }), Zh = ({ icon: e, variant: t, type: n = "button", className: r, children: i, ref: a, ...o }) => /* @__PURE__ */ L("button", {
@@ -12719,7 +12715,7 @@ Qh(fg, "getState");
 var pg = ({ icons: e, className: t, children: n, ref: r, ...i }) => /* @__PURE__ */ L(og, {
 	...i,
 	ref: r,
-	className: U("group inline-flex max-w-full min-w-24 flex-col items-center justify-center gap-0.5 px-1 py-2.5", "rounded-500 cursor-pointer outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:cursor-not-allowed disabled:opacity-30", "interaction-transition transition-all", "radix-state-unchecked:bg-background-subdued radix-state-unchecked:text-content-primary", "hover:radix-state-unchecked:bg-background-subdued-hover focus-visible:radix-state-unchecked:bg-background-subdued-hover active:radix-state-unchecked:bg-background-subdued-down", "radix-state-checked:bg-background-accent radix-state-checked:text-content-white-primary", "hover:radix-state-checked:bg-background-accent-hover focus-visible:radix-state-checked:bg-background-accent-hover active:radix-state-checked:bg-background-accent-down", t),
+	className: U("group inline-flex max-w-full min-w-24 flex-col items-center justify-center gap-0.5 px-1 py-2.5", "rounded-500 outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:opacity-30", "interaction-transition transition-all", "radix-state-unchecked:bg-background-subdued radix-state-unchecked:text-content-primary", "hover:radix-state-unchecked:bg-background-subdued-hover focus-visible:radix-state-unchecked:bg-background-subdued-hover active:radix-state-unchecked:bg-background-subdued-down", "radix-state-checked:bg-background-accent radix-state-checked:text-content-white-primary", "hover:radix-state-checked:bg-background-accent-hover focus-visible:radix-state-checked:bg-background-accent-hover active:radix-state-checked:bg-background-accent-down", t),
 	children: [/* @__PURE__ */ L("div", {
 		role: "presentation",
 		className: "icon-size-500",
@@ -12736,7 +12732,7 @@ var pg = ({ icons: e, className: t, children: n, ref: r, ...i }) => /* @__PURE__
 	})]
 });
 pg.displayName = "StackToggleButton";
-var mg = ({ children: e }) => Vd(e) ? /* @__PURE__ */ I(e, {}) : e, Coe = W("rounded-200 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring cursor-pointer outline-hidden transition-colors duration-150 ease-out", {
+var mg = ({ children: e }) => Vd(e) ? /* @__PURE__ */ I(e, {}) : e, Coe = W("rounded-200 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring cursor-default outline-hidden transition-colors duration-150 ease-out [&[href]]:cursor-pointer", {
 	variants: { variant: {
 		accent: "text-content-accent hover:text-content-accent-hover focus-visible:text-content-accent-hover active:text-content-accent-down",
 		primary: "text-content-primary underline",
@@ -28707,7 +28703,7 @@ var _F = "en", vF = {
 	});
 }, xF = ({ icons: e, className: t, ref: n, ...r }) => /* @__PURE__ */ I(og, {
 	...r,
-	className: H("group shrink-0 cursor-pointer outline-hidden", "inline-flex aspect-square items-center justify-center p-2.5", "rounded-500", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "radix-state-unchecked:text-content-primary", "disabled:cursor-not-allowed disabled:opacity-30", "interaction-transition transition-all", "focus-visible:radix-state-unchecked:bg-background-borderless-subdued-hover active:radix-state-unchecked:bg-background-borderless-subdued-down", "focus-visible:radix-state-checked:bg-background-subdued-hover active:radix-state-checked:bg-background-subdued-down", t),
+	className: H("group shrink-0 outline-hidden", "inline-flex aspect-square items-center justify-center p-2.5", "rounded-500", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "radix-state-unchecked:text-content-primary", "disabled:opacity-30", "interaction-transition transition-all", "focus-visible:radix-state-unchecked:bg-background-borderless-subdued-hover active:radix-state-unchecked:bg-background-borderless-subdued-down", "focus-visible:radix-state-checked:bg-background-subdued-hover active:radix-state-checked:bg-background-subdued-down", t),
 	ref: n,
 	children: /* @__PURE__ */ L("div", {
 		role: "presentation",
@@ -28916,7 +28912,7 @@ qF.displayName = "TextAreaAutosize";
 //#endregion
 //#region src/components/input/TextArea/TextArea.tsx
 var JF = ({ label: e, helper: t, className: n, invalid: r, trailingElement: i, autosized: a, style: o, ref: s, ...c }) => {
-	let l = ke(), u = r || c["aria-invalid"], d = [c["aria-describedby"], t ? l : null].filter(Boolean).join(" ") || void 0, f = U("rounded-500 w-full bg-transparent", "outline-hidden transition duration-200", "component-500 text-content-primary", "placeholder:text-content-tertiary", "disabled:cursor-not-allowed disabled:opacity-30", {
+	let l = ke(), u = r || c["aria-invalid"], d = [c["aria-describedby"], t ? l : null].filter(Boolean).join(" ") || void 0, f = U("rounded-500 w-full bg-transparent", "outline-hidden transition duration-200", "component-500 text-content-primary", "placeholder:text-content-tertiary", "disabled:opacity-30", {
 		"border-content-negative focus-visible:border-content-negative focus-visible:ring-0": r,
 		"border-misc-border hover:border-misc-border-hover focus-visible:border-content-accent focus-visible:ring-misc-focus-indicator-subdued focus-visible:misc-border-size-focus-ring": !r
 	}, n);
@@ -29012,7 +29008,7 @@ YF.displayName = "ValidationBanner";
 //#endregion
 //#region src/components/collections/CommonMenu/MenuItemButton.tsx
 var XF = W([
-	"component-500 misc-dropdown-inner-rounding flex w-full cursor-pointer pe-3 outline-hidden",
+	"component-500 misc-dropdown-inner-rounding flex w-full pe-3 outline-hidden",
 	"hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down",
 	"disabled:pointer-events-none disabled:opacity-30 disabled:select-none",
 	"aria-disabled:pointer-events-none aria-disabled:opacity-30 aria-disabled:select-none"
@@ -33021,7 +33017,7 @@ var iU = Object.defineProperty, aU = (e, t) => iU(e, "name", {
 		e.key !== "ArrowDown" && e.key !== "ArrowUp" && e.key !== "Escape" && e.stopPropagation();
 	}, [d, n]);
 	return /* @__PURE__ */ L("label", {
-		className: U("relative cursor-pointer", "h-[calc(3.5rem-2px)] w-full p-3", "flex items-center gap-2", "bg-surface-primary-elevated", "has-disabled:cursor-not-allowed has-disabled:opacity-30", e),
+		className: U("relative cursor-text", "h-[calc(3.5rem-2px)] w-full p-3", "flex items-center gap-2", "bg-surface-primary-elevated", "has-disabled:opacity-30", e),
 		children: [
 			/* @__PURE__ */ I(le, { className: "text-content-secondary pointer-events-none h-4 w-4 shrink-0" }),
 			/* @__PURE__ */ I("input", {
@@ -33051,7 +33047,7 @@ var OU = ({ children: e, className: t, description: n, noWrap: r, onSelect: i, r
 		s.current?.getAttribute("data-state") === "checked" && s.current.scrollIntoView({ block: "center" });
 	}, []), /* @__PURE__ */ I(yU, {
 		ref: c,
-		className: U("component-500 misc-dropdown-inner-rounding w-full cursor-pointer outline-hidden", "disabled:pointer-events-none disabled:opacity-30 disabled:select-none", "aria-disabled:pointer-events-none aria-disabled:opacity-30 aria-disabled:select-none", "text-content-primary hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "min-h-[40px] py-2.5", "px-2", t),
+		className: U("component-500 misc-dropdown-inner-rounding w-full cursor-default outline-hidden", "disabled:pointer-events-none disabled:opacity-30 disabled:select-none", "aria-disabled:pointer-events-none aria-disabled:opacity-30 aria-disabled:select-none", "text-content-primary hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "min-h-[40px] py-2.5", "px-2", t),
 		onSelect: (e) => {
 			e.preventDefault(), i?.(e);
 		},
@@ -33114,7 +33110,7 @@ var MU = ({ children: e, className: t, description: n, noWrap: r, ref: i, ...a }
 		o.current?.getAttribute("data-state") === "checked" && o.current.scrollIntoView({ block: "center" });
 	}, []), /* @__PURE__ */ I(xU, {
 		ref: s,
-		className: U("component-500 misc-dropdown-inner-rounding w-full cursor-pointer outline-hidden", "disabled:pointer-events-none disabled:opacity-30 disabled:select-none", "aria-disabled:pointer-events-none aria-disabled:opacity-30 aria-disabled:select-none", "text-content-primary hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "min-h-[40px] py-2.5", "pe-2", "radix-state-checked:ps-2", "radix-state-unchecked:ps-8", t),
+		className: U("component-500 misc-dropdown-inner-rounding w-full cursor-default outline-hidden", "disabled:pointer-events-none disabled:opacity-30 disabled:select-none", "aria-disabled:pointer-events-none aria-disabled:opacity-30 aria-disabled:select-none", "text-content-primary hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "min-h-[40px] py-2.5", "pe-2", "radix-state-checked:ps-2", "radix-state-unchecked:ps-8", t),
 		...a,
 		children: /* @__PURE__ */ L("div", {
 			className: "flex items-center gap-1",
@@ -33289,27 +33285,27 @@ var zU = (({ as: e, icon: t, title: n, description: r, href: i, className: a, di
 			className: "body-500 text-content-secondary line-clamp-2",
 			children: r
 		})]
-	})] }), d = H("rounded-500 flex items-start gap-4 px-4 py-4", "border-misc-border bg-surface-primary-elevated border transition-colors duration-150 ease-in-out", "overflow-hidden text-start", "cursor-pointer", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "hover:border-misc-border-hover", "active:border-misc-border-down", "focus-visible:border-misc-border-hover", "h-auto w-full grow", { "pointer-events-none cursor-not-allowed opacity-50": o }, a), f = e || (i ? "a" : "button"), p = {
-		className: d,
+	})] }), d = e || (i ? "a" : "button"), f = {
+		className: H("rounded-500 flex items-start gap-4 px-4 py-4", "border-misc-border bg-surface-primary-elevated border transition-colors duration-150 ease-in-out", "overflow-hidden text-start", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "hover:border-misc-border-hover", "active:border-misc-border-down", "focus-visible:border-misc-border-hover", "h-auto w-full grow", { "pointer-events-none opacity-50": o }, a),
 		onClick: s
 	};
-	if (f === "a") {
+	if (d === "a") {
 		let e = l;
 		return /* @__PURE__ */ I("a", {
 			ref: c,
 			href: i,
-			...p,
+			...f,
 			...e,
 			children: u
 		});
 	}
-	let m = l;
+	let p = l;
 	return /* @__PURE__ */ I("button", {
 		ref: c,
-		type: m.type ?? "button",
+		type: p.type ?? "button",
 		disabled: o,
+		...f,
 		...p,
-		...m,
 		children: u
 	});
 });
@@ -33620,7 +33616,7 @@ var uW = 175, dW = typeof window < "u" ? Me : De, fW = ({ label: e, isSelected:
 			onDoubleClick: y,
 			"data-testid": "board-section-label",
 			"aria-pressed": t,
-			className: U("component-semi-strong-500 rounded-300 cursor-pointer px-2 py-1", t ? "bg-background-accent text-white" : "text-content-secondary not-in-data-[batch-tile-hover-suppressed]:hover:bg-background-borderless-subdued-hover not-in-data-[batch-tile-hover-suppressed]:group-hover:bg-background-borderless-subdued-hover", l?.className),
+			className: U("component-semi-strong-500 rounded-300 px-2 py-1", t ? "bg-background-accent text-white" : "text-content-secondary not-in-data-[batch-tile-hover-suppressed]:hover:bg-background-borderless-subdued-hover not-in-data-[batch-tile-hover-suppressed]:group-hover:bg-background-borderless-subdued-hover", l?.className),
 			children: e
 		}), /* @__PURE__ */ I("hr", { className: H("h-px flex-1 border-none", t ? "bg-background-accent" : "bg-misc-border not-in-data-[batch-tile-hover-suppressed]:group-hover:bg-misc-border-emphasized") })]
 	});
@@ -33867,7 +33863,7 @@ var MW = W("group/checkbox-indicator rounded-200 relative flex h-5 w-5 shrink-0
 		}), /* @__PURE__ */ I("span", { className: PW({ variant: e }) })]
 	})
 }), IW = [
-	"cursor-pointer outline-hidden",
+	"outline-hidden",
 	"hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down",
 	"focus-visible:bg-background-borderless-subdued-hover",
 	"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
@@ -34330,7 +34326,7 @@ var JW = /* @__PURE__ */ gt((() => {
 			}),
 			/* @__PURE__ */ L("div", {
 				slot: "handle",
-				className: H("inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-full", a === "on-dark" ? "bg-background-white text-content-black-primary" : "bg-background-accent text-content-white-primary"),
+				className: H("inline-flex h-8 w-8 cursor-default items-center justify-center rounded-full", a === "on-dark" ? "bg-background-white text-content-black-primary" : "bg-background-accent text-content-white-primary"),
 				children: [/* @__PURE__ */ I(f, { className: "-me-1.5 size-4" }), /* @__PURE__ */ I(m, { className: "size-4" })]
 			})
 		]
@@ -34542,7 +34538,7 @@ var JW = /* @__PURE__ */ gt((() => {
 	ref: i,
 	type: e === "button" ? "button" : void 0,
 	...a,
-	className: U("rounded-400 bg-background-subdued flex h-12 items-center gap-3 p-3.5", "appearance-none outline-hidden", "component-500 text-content-primary", "hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30", t),
+	className: U("rounded-400 bg-background-subdued flex h-12 items-center gap-3 p-3.5", "appearance-none outline-hidden", "component-500 text-content-primary", "hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", "disabled:pointer-events-none disabled:opacity-30", t),
 	children: [/* @__PURE__ */ I(r, { className: "icon-size-500 text-content-primary shrink-0" }), /* @__PURE__ */ I("span", {
 		className: "min-w-0 truncate text-start",
 		children: n
@@ -34612,7 +34608,7 @@ var mG = ({ className: e, title: t, description: n, image: r, badge: i, ...a })
 		role: a.role ?? (o ? "button" : void 0),
 		tabIndex: a.tabIndex ?? (o ? 0 : void 0),
 		onKeyDown: o ? s : a.onKeyDown,
-		className: U("rounded-500 flex w-full cursor-pointer items-center gap-3 p-3", "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued active:bg-background-subdued-down", "focus:ring-misc-focus-indicator focus:misc-border-size-focus-ring transition-all", e),
+		className: U("rounded-500 flex w-full items-center gap-3 p-3", o ? "cursor-default" : "cursor-pointer", "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued active:bg-background-subdued-down", "focus:ring-misc-focus-indicator focus:misc-border-size-focus-ring transition-all", e),
 		children: [
 			/* @__PURE__ */ I("figure", {
 				className: "bg-background-accent-subdued rounded-200 relative h-12 w-12 shrink-0 overflow-hidden",
@@ -34694,7 +34690,7 @@ var _G = ({ checkerboard: t, cover: n, imageUrl: r, loading: i, bottomRightIcon:
 	let i = Ne(() => e ? 5 : vG, [e]);
 	return /* @__PURE__ */ L("div", {
 		onClick: r,
-		className: "rounded-500 border-misc-hairline bg-background-subdued hover:bg-background-subdued-hover active:bg-background-subdued-down flex w-full cursor-pointer items-center justify-between gap-2 p-3",
+		className: "rounded-500 border-misc-hairline bg-background-subdued hover:bg-background-subdued-hover active:bg-background-subdued-down flex w-full cursor-default items-center justify-between gap-2 p-3",
 		"data-testid": "brandkit-palette-tile",
 		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center gap-2",
@@ -34786,7 +34782,7 @@ var EG = ({ indeterminate: e, defaultIndeterminate: t, onIndeterminateChange: n,
 		onCheckedChange: l,
 		role: "checkbox",
 		...s ? { "aria-checked": "mixed" } : {},
-		className: H("group/switch peer relative inline-flex shrink-0 items-center justify-center rounded-full", d ? "h-4 w-[26px]" : "h-5 w-8", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "cursor-pointer disabled:cursor-not-allowed disabled:opacity-30"),
+		className: H("group/switch peer relative inline-flex shrink-0 items-center justify-center rounded-full", d ? "h-4 w-[26px]" : "h-5 w-8", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "disabled:opacity-30"),
 		children: [/* @__PURE__ */ I("span", {
 			"aria-hidden": "true",
 			className: H("pointer-events-none absolute mx-auto rounded-full transition-colors duration-200 ease-in-out", d ? "h-4 w-[26px]" : "h-5 w-8", s ? "bg-content-accent" : "bg-neutral-400", "group-focus-visible/switch:bg-neutral-500", u ? "group-focus-visible/switch:bg-background-down group-radix-state-checked/switch:bg-background-default" : "group-focus-visible/switch:bg-content-accent-down group-radix-state-checked/switch:bg-content-accent")
@@ -34879,7 +34875,7 @@ OG.displayName = "ProductActionBar";
 //#region src/components/input/Checkbox/Checkbox.tsx
 var kG = ({ className: e, variant: t, ...n }) => /* @__PURE__ */ I(wW, {
 	...n,
-	className: H("group/checkbox relative inline-flex focus-visible:outline-hidden", "cursor-pointer disabled:pointer-events-none disabled:opacity-30", e),
+	className: H("group/checkbox relative inline-flex focus-visible:outline-hidden", "disabled:pointer-events-none disabled:opacity-30", e),
 	children: /* @__PURE__ */ I(FW, {
 		variant: t,
 		className: "group-focus-visible/checkbox:ring-misc-focus-indicator group-focus-visible/checkbox:misc-border-size-focus-ring"
@@ -35107,7 +35103,7 @@ var RG = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 	};
 	return /* @__PURE__ */ L("div", {
 		className: U("bg-surface-primary-elevated flex flex-col gap-3", f && [
-			"hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down cursor-pointer",
+			"hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down cursor-default",
 			"outline-hidden transition-colors",
 			"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"
 		], d),
@@ -35172,7 +35168,7 @@ var RG = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 	onClick: r,
 	...o,
 	ref: a,
-	className: U("group bg-surface-primary-elevated flex w-full items-center py-3 ps-4 text-start", "border-b border-transparent", "cursor-pointer outline-hidden transition-colors", "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover", "active:bg-background-borderless-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:opacity-30", i),
+	className: U("group bg-surface-primary-elevated flex w-full items-center py-3 ps-4 text-start", "border-b border-transparent", "outline-hidden transition-colors", "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover", "active:bg-background-borderless-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:opacity-30", i),
 	children: /* @__PURE__ */ L("span", {
 		className: H("flex items-center gap-4", n ? "ps-11" : "ps-3"),
 		children: [/* @__PURE__ */ I("span", {
@@ -35189,7 +35185,7 @@ qG.displayName = "ProductListNewItem";
 //#region src/components/content/ProductTile/ProductTile.tsx
 var JG = ({ title: e, imageUrl: t, sellScore: n, mediaCount: r, onClick: i, hasUnpublishedChanges: a = !1, unpublishedChangesLabel: o, className: s }) => /* @__PURE__ */ L("div", {
 	onClick: i,
-	className: U("rounded-500 bg-surface-primary-elevated relative flex cursor-pointer items-center justify-start gap-3 p-1 pe-9", "border-misc-hairline misc-border-size-hairline hover:border-misc-border-emphasized", "active:bg-background-subdued-down", s),
+	className: U("rounded-500 bg-surface-primary-elevated relative flex items-center justify-start gap-3 p-1 pe-9", "border-misc-hairline misc-border-size-hairline hover:border-misc-border-emphasized", "active:bg-background-subdued-down", s),
 	children: [/* @__PURE__ */ I(UG, {
 		imageUrl: t,
 		alt: e,
@@ -35772,7 +35768,7 @@ RK.displayName = "SelectionBadge";
 var zK = ({ title: e, items: t, imageSrc: n, videoSrc: r, altLabel: i = "", badgeLabel: a, className: o, ref: s, ...c }) => /* @__PURE__ */ L(PK, {
 	...c,
 	ref: s,
-	className: U("rounded-500 relative flex min-h-[140px] w-full min-w-[360px] cursor-pointer overflow-hidden text-start outline-hidden", "after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:content-['']", "radix-state-unchecked:after:border-misc-border after:border", "hover:radix-state-unchecked:after:border-misc-border-hover focus-visible:radix-state-unchecked:after:border-misc-border-hover", "active:radix-state-unchecked:after:border-misc-border-down", "radix-state-checked:after:border-content-accent radix-state-checked:after:misc-border-size-selection", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", o),
+	className: U("rounded-500 relative flex min-h-[140px] w-full min-w-[360px] overflow-hidden text-start outline-hidden", "after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:content-['']", "radix-state-unchecked:after:border-misc-border after:border", "hover:radix-state-unchecked:after:border-misc-border-hover focus-visible:radix-state-unchecked:after:border-misc-border-hover", "active:radix-state-unchecked:after:border-misc-border-down", "radix-state-checked:after:border-content-accent radix-state-checked:after:misc-border-size-selection", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", o),
 	children: [/* @__PURE__ */ I("div", {
 		className: "relative w-[100px] shrink-0 self-stretch overflow-hidden",
 		children: r ? /* @__PURE__ */ I("video", {
@@ -36388,7 +36384,7 @@ var Sq = W("rounded-400 interaction-transition focus-visible:ring-misc-focus-ind
 			controls: s && !l,
 			children: m.map((e) => c ? /* @__PURE__ */ I("source", { "data-src": e }, e) : /* @__PURE__ */ I("source", { src: e }, e))
 		}), l && /* @__PURE__ */ I("div", {
-			className: "bg-black-alpha-800 absolute inset-0 flex cursor-pointer items-center justify-center",
+			className: "bg-black-alpha-800 absolute inset-0 flex cursor-default items-center justify-center",
 			onClick: p,
 			children: /* @__PURE__ */ I(wq, {
 				label: e,
@@ -37219,7 +37215,7 @@ var RJ = ({ icon: e, label: t, className: n, chevron: r = !1, tooltip: i, ref: a
 		...o,
 		ref: a,
 		"aria-label": o["aria-label"] ?? (s ? i : void 0),
-		className: H("group shrink-0 cursor-pointer outline-hidden", "inline-flex items-center justify-center", "rounded-300", "hover:bg-background-borderless-subdued-hover", "active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "text-content-primary", "disabled:cursor-not-allowed disabled:opacity-30", "interaction-transition transition-all", s && !r && "size-400", s && r && "size-h-400 gap-1 ps-1.5 pe-1", c && !r && "size-h-400 px-2.5", c && r && "size-h-400 gap-1 ps-2.5 pe-1.5", l && !r && "size-h-400 gap-2 ps-2 pe-2.5", l && r && "size-h-400 gap-1 ps-2 pe-1.5", n),
+		className: H("group shrink-0 outline-hidden", "inline-flex items-center justify-center", "rounded-300", "hover:bg-background-borderless-subdued-hover", "active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "text-content-primary", "disabled:opacity-30", "interaction-transition transition-all", s && !r && "size-400", s && r && "size-h-400 gap-1 ps-1.5 pe-1", c && !r && "size-h-400 px-2.5", c && r && "size-h-400 gap-1 ps-2.5 pe-1.5", l && !r && "size-h-400 gap-2 ps-2 pe-2.5", l && r && "size-h-400 gap-1 ps-2 pe-1.5", n),
 		children: r ? /* @__PURE__ */ L(ge, { children: [/* @__PURE__ */ I("span", {
 			className: "flex items-center gap-2",
 			children: u
@@ -37249,11 +37245,11 @@ zJ.displayName = "PillDivider";
 //#endregion
 //#region src/components/editor/Pill/PillToggle.tsx
 var BJ = W([
-	"group shrink-0 cursor-pointer outline-hidden",
+	"group shrink-0 outline-hidden",
 	"inline-flex items-center justify-center",
 	"rounded-300",
 	"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
-	"disabled:cursor-not-allowed disabled:opacity-30",
+	"disabled:opacity-30",
 	"interaction-transition transition-all"
 ], {
 	variants: {
@@ -37813,7 +37809,7 @@ var rY = ({ label: e, selected: t, badge: n, thumbnail: r, icon: i, multiline: a
 		ref: s,
 		tabIndex: 0,
 		...c,
-		className: U("misc-dropdown-inner-rounding flex w-full cursor-pointer gap-1 pe-3 outline-hidden", a ? "min-h-12 items-start py-2" : "h-12 items-center", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:border-size-ring-3 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", {
+		className: U("misc-dropdown-inner-rounding flex w-full cursor-default gap-1 pe-3 outline-hidden", a ? "min-h-12 items-start py-2" : "h-12 items-center", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:border-size-ring-3 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", {
 			"ps-2": t,
 			"ps-8": !t
 		}, o),
@@ -37852,7 +37848,7 @@ var iY = (e) => /* @__PURE__ */ I(CU, {
 }), aY = ({ selected: e, className: t, children: n, ...r }) => /* @__PURE__ */ L("button", {
 	...r,
 	type: "button",
-	className: U("group component-500 misc-dropdown-inner-rounding relative flex h-10 w-16 cursor-pointer items-center justify-center px-3 outline-none select-none", "text-content-primary", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover", "disabled:pointer-events-none disabled:opacity-30", e && "bg-background-borderless-subdued-hover", t),
+	className: U("group component-500 misc-dropdown-inner-rounding relative flex h-10 w-16 items-center justify-center px-3 outline-none select-none", "text-content-primary", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover", "disabled:pointer-events-none disabled:opacity-30", e && "bg-background-borderless-subdued-hover", t),
 	"aria-current": e || void 0,
 	children: [n, /* @__PURE__ */ I("div", { className: "border-misc-focus-indicator misc-dropdown-inner-rounding pointer-events-none absolute inset-0 hidden border-[3px] group-focus-visible:block" })]
 });
@@ -37865,7 +37861,7 @@ var oY = ({ children: e }) => /* @__PURE__ */ I(_U, {
 }), sY = ({ label: e, icon: t, compact: n = !1, className: r, ref: i, ...a }) => /* @__PURE__ */ L("button", {
 	ref: i,
 	...a,
-	className: H("shrink-0 cursor-pointer outline-hidden", "rounded-300 flex w-full items-center", n ? "gap-3 p-2" : "gap-4 p-3", "active:bg-background-borderless-subdued-down", "data-radix-collection-item:focus:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:hover:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", r),
+	className: H("shrink-0 outline-hidden", "rounded-300 flex w-full items-center", n ? "gap-3 p-2" : "gap-4 p-3", "active:bg-background-borderless-subdued-down", "data-radix-collection-item:focus:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:hover:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", r),
 	children: [/* @__PURE__ */ I("div", {
 		className: "bg-background-accent-subdued relative flex size-500 shrink-0 items-center justify-center rounded-full",
 		children: /* @__PURE__ */ I("span", {
@@ -37883,7 +37879,7 @@ sY.displayName = "DropdownMenuSpaceActionItem";
 var cY = ({ title: e, subtitle: t, avatar: n, badgeLabel: r, icon: i, compact: a = !1, className: o, ref: s, ...c }) => /* @__PURE__ */ L("button", {
 	ref: s,
 	...c,
-	className: H("shrink-0 outline-hidden", "rounded-300 flex w-full items-center", a ? "gap-3 p-2" : "gap-4 p-3", "disabled:cursor-not-allowed disabled:opacity-50", "enabled:cursor-pointer", "enabled:active:bg-background-borderless-subdued-down", "data-radix-collection-item:focus:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:enabled:hover:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", o),
+	className: H("shrink-0 outline-hidden", "rounded-300 flex w-full items-center", a ? "gap-3 p-2" : "gap-4 p-3", "disabled:opacity-50", "enabled:active:bg-background-borderless-subdued-down", "data-radix-collection-item:focus:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:enabled:hover:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", o),
 	children: [
 		/* @__PURE__ */ I(ch, {
 			...n,
@@ -37917,7 +37913,7 @@ cY.displayName = "DropdownMenuSpaceItem";
 var lY = ({ title: e, avatar: t, badgeLabel: n, className: r, ref: i, ...a }) => /* @__PURE__ */ L("button", {
 	ref: i,
 	...a,
-	className: H("shrink-0 cursor-pointer outline-hidden", "rounded-500 flex h-14 w-full items-center gap-3 p-2", "data-radix-collection-item:focus:bg-background-borderless-subdued-hover", "data-radix-collection-item:active:bg-background-borderless-subdued-down", "[&:not([data-radix-collection-item])]:hover:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:active:bg-background-borderless-subdued-down", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", "aria-expanded:bg-background-borderless-subdued-hover", r),
+	className: H("shrink-0 outline-hidden", "rounded-500 flex h-14 w-full items-center gap-3 p-2", "data-radix-collection-item:focus:bg-background-borderless-subdued-hover", "data-radix-collection-item:active:bg-background-borderless-subdued-down", "[&:not([data-radix-collection-item])]:hover:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:active:bg-background-borderless-subdued-down", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", "aria-expanded:bg-background-borderless-subdued-hover", r),
 	children: [/* @__PURE__ */ I(ch, {
 		...t,
 		size: 40
@@ -38673,7 +38669,7 @@ var Fme = typeof window < "u" ? Me : De, Ime = function() {
 	equal: Nme
 }, Bme = function(e) {
 	return z.createElement(Rme, KY({}, e, { colorModel: zme }));
-}, Vme = W("rounded-500 text-500 text-content-primary placeholder-content-tertiary focus-visible:misc-border-size-focus-ring h-10 w-full appearance-none font-medium outline-hidden transition transition-colors duration-200 disabled:cursor-not-allowed disabled:opacity-50", {
+}, Vme = W("rounded-500 text-500 text-content-primary placeholder-content-tertiary focus-visible:misc-border-size-focus-ring h-10 w-full appearance-none font-medium outline-hidden transition transition-colors duration-200 disabled:opacity-50", {
 	variants: {
 		variant: {
 			editor: "bg-background-subdued",
@@ -38797,7 +38793,7 @@ var Ume = {
 				...u,
 				"aria-invalid": e || u["aria-invalid"],
 				className: zd([
-					"w-full appearance-none rounded-500 bg-transparent component-500 text-content-primary placeholder-neutral-600 outline-hidden transition duration-200 disabled:cursor-not-allowed disabled:opacity-50",
+					"w-full appearance-none rounded-500 bg-transparent component-500 text-content-primary placeholder-neutral-600 outline-hidden transition duration-200 disabled:opacity-50",
 					"focus-visible:misc-border-size-focus-ring",
 					e ? ["border border-content-negative caret-content-primary", "focus-visible:border-content-negative focus-visible:ring-background-negative-subdued-down"] : [
 						"border caret-content-accent",
@@ -38813,7 +38809,7 @@ var Ume = {
 				className: H("absolute inset-y-0 inset-e-0 flex items-center", e ? "pe-10" : "pe-3"),
 				children: /* @__PURE__ */ I("button", {
 					type: "button",
-					className: H("rounded-full p-0.5", "disabled:cursor-not-allowed disabled:opacity-50"),
+					className: H("rounded-full p-0.5", "disabled:opacity-50"),
 					onClick: p,
 					disabled: u.disabled,
 					"aria-label": s,
@@ -38877,7 +38873,7 @@ var Wme = (e) => !e || e.length !== 7 ? !1 : GY(e).isValid(), dX = (e) => `#${e}
 			default: "outline-misc-border hover:outline-misc-border-hover"
 		},
 		disabled: {
-			true: "cursor-not-allowed opacity-50",
+			true: "cursor-default opacity-50",
 			false: ""
 		},
 		keyboardFocus: {
@@ -38904,7 +38900,7 @@ var Wme = (e) => !e || e.length !== 7 ? !1 : GY(e).isValid(), dX = (e) => `#${e}
 	"rounded-e-300 border-misc-border border-0 border-s bg-transparent",
 	"hover:rounded-300 hover:bg-background-borderless-subdued-hover hover:border-transparent",
 	"active:rounded-300 active:bg-background-borderless-subdued-down active:border-transparent",
-	"cursor-pointer transition duration-200"
+	"transition duration-200"
 ], {
 	variants: {
 		density: {
@@ -38912,10 +38908,6 @@ var Wme = (e) => !e || e.length !== 7 ? !1 : GY(e).isValid(), dX = (e) => `#${e}
 			compact: "h-6 ps-2 pe-5",
 			large: "h-10 ps-2.5 pe-5.5"
 		},
-		disabled: {
-			true: "cursor-not-allowed",
-			false: ""
-		},
 		keyboardFocus: {
 			true: "focus:rounded-300 focus:border-content-accent focus:bg-background-borderless-subdued-hover focus:border",
 			false: ""
@@ -38923,7 +38915,6 @@ var Wme = (e) => !e || e.length !== 7 ? !1 : GY(e).isValid(), dX = (e) => `#${e}
 	},
 	defaultVariants: {
 		density: "default",
-		disabled: !1,
 		keyboardFocus: !1
 	}
 }), hX = ({ label: e, density: t = "default", value: n, defaultValue: r = 0, onValueChange: i, unit: a, defaultUnit: o, onUnitChange: s, unitOptions: c = [], min: l, max: u, step: f, shiftStepFactor: p = 10, className: m, leadingIcon: h, variant: g = "default", isMixed: _, mixedLabel: v, ref: y, ...b }) => {
@@ -39041,7 +39032,6 @@ var Wme = (e) => !e || e.length !== 7 ? !1 : GY(e).isValid(), dX = (e) => `#${e}
 					disabled: b.disabled,
 					className: Qme({
 						density: t,
-						disabled: !!b.disabled,
 						keyboardFocus: T
 					}),
 					children: c.map((e) => /* @__PURE__ */ I("option", {
@@ -39495,7 +39485,7 @@ var DX = "outline-content-accent outline-1 outline-solid", uhe = ({ className: e
 }), OX = ({ className: e, label: t, icon: n, trailing: r, ref: i, ...a }) => /* @__PURE__ */ I("button", {
 	...a,
 	ref: i,
-	className: U("group w-full appearance-none", "focus-visible:outline-hidden", "disabled:cursor-not-allowed disabled:opacity-30", e),
+	className: U("group w-full appearance-none", "focus-visible:outline-hidden", "disabled:opacity-30", e),
 	children: /* @__PURE__ */ L("div", {
 		className: H("flex justify-between gap-1", "rounded-500", "hover:bg-background-borderless-subdued-hover group-focus-visible:bg-background-borderless-subdued-hover group-active:bg-background-borderless-subdued-down", "group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring", "interaction-transition transition-colors"),
 		children: [/* @__PURE__ */ L("div", {
@@ -49625,7 +49615,7 @@ var uye = ({ title: e, images: t, objectFit: n, imageContainerClassName: r, onCl
 	className: H("resize-none appearance-none", "flex w-full items-center justify-between gap-2", {
 		"p-1.5 pe-4": t,
 		"px-4 py-3": !t
-	}, "rounded-400 border-misc-border border outline-hidden", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:cursor-not-allowed disabled:opacity-50", "component-500 text-start [word-break:break-word] placeholder-neutral-600", "transition duration-200", e),
+	}, "rounded-400 border-misc-border border outline-hidden", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:opacity-50", "component-500 text-start [word-break:break-word] placeholder-neutral-600", "transition duration-200", e),
 	children: [
 		!!t && /* @__PURE__ */ I("img", {
 			src: t,
@@ -49680,7 +49670,7 @@ var dye = ({ type: e = "prompt", image: t, icon: n = te, label: r, ...i }) => {
 }, l4 = ({ label: e, variant: t = "filled", icon: n, className: r, ref: i, ...a }) => /* @__PURE__ */ L("button", {
 	ref: i,
 	type: "button",
-	className: H("flex items-center justify-center", "rounded-400 outline-hidden", "size-h-400", "component-500", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:cursor-not-allowed disabled:opacity-30", t === "filled" && [
+	className: H("flex items-center justify-center", "rounded-400 outline-hidden", "size-h-400", "component-500", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:opacity-30", t === "filled" && [
 		"bg-background-accent-subdued text-content-accent",
 		"hover:bg-background-accent-subdued-hover",
 		"active:bg-background-accent-subdued-down",
@@ -49824,7 +49814,7 @@ var pye = W(["component-500 text-content-primary flex flex-row items-center"], {
 }) : /* @__PURE__ */ I("button", {
 	type: "button",
 	...r,
-	className: U("misc-dropdown-inner-rounding flex h-10 w-full shrink-0 cursor-pointer items-center ps-3 text-start", "component-500 text-content-primary", "interaction-transition outline-hidden transition-colors", "hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:opacity-30", n),
+	className: U("misc-dropdown-inner-rounding flex h-10 w-full shrink-0 items-center ps-3 text-start", "component-500 text-content-primary", "interaction-transition outline-hidden transition-colors", "hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:pointer-events-none disabled:opacity-30", n),
 	children: /* @__PURE__ */ I("span", {
 		className: "min-w-0 flex-1 truncate",
 		children: e
@@ -49844,7 +49834,7 @@ var pye = W(["component-500 text-content-primary flex flex-row items-center"], {
 			onChange: (e) => r(e.target.value),
 			onFocus: () => u(!0),
 			onBlur: () => u(!1),
-			className: H("h-10 min-w-0 flex-1 border-none bg-transparent px-3 outline-hidden focus:ring-0", "component-500 text-content-primary placeholder:text-content-primary focus:placeholder:text-content-secondary", "cursor-pointer focus:cursor-text")
+			className: H("h-10 min-w-0 flex-1 border-none bg-transparent px-3 outline-hidden focus:ring-0", "component-500 text-content-primary placeholder:text-content-primary focus:placeholder:text-content-secondary", "cursor-default focus:cursor-text")
 		}), /* @__PURE__ */ I(Zd, {
 			type: "submit",
 			variant: "primary",
@@ -49920,7 +49910,7 @@ var vye = ({ status: e }) => {
 			h.current?.focus();
 		}, 0);
 	}), /* @__PURE__ */ L("div", {
-		className: H("rounded-area-500 bg-surface-primary-elevated box-border flex w-[440px] items-center gap-2 py-2 ps-3 pe-2", "border-misc-border border transition duration-200", "hover:border-misc-border-hover", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", n && "cursor-not-allowed opacity-30"),
+		className: H("rounded-area-500 bg-surface-primary-elevated box-border flex w-[440px] items-center gap-2 py-2 ps-3 pe-2", "border-misc-border border transition duration-200", "hover:border-misc-border-hover", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", n && "cursor-default opacity-30"),
 		onClick: () => {
 			n || h.current?.focus();
 		},
@@ -49969,7 +49959,7 @@ var Sye = ({ label: e, className: t, description: n, tooltip: r, isTooltipDisabl
 	return /* @__PURE__ */ L("div", {
 		className: H("flex items-start gap-3 py-1.5", {
 			"pointer-events-none opacity-30": o.disabled,
-			"cursor-pointer": !o.disabled
+			"cursor-default": !o.disabled
 		}, t),
 		children: [/* @__PURE__ */ I(kG, {
 			...o,
@@ -50032,7 +50022,7 @@ var Sye = ({ label: e, className: t, description: n, tooltip: r, isTooltipDisabl
 		...i,
 		onFocus: o,
 		onKeyDown: s,
-		className: U("appearance-none", "h-14 w-10", "rounded-500 bg-transparent outline-hidden", "transition duration-200", "component-strong-900 text-content-primary", "disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:misc-border-size-focus-ring", "px-0 text-center", e ? [
+		className: U("appearance-none", "h-14 w-10", "rounded-500 bg-transparent outline-hidden", "transition duration-200", "component-strong-900 text-content-primary", "disabled:opacity-50", "focus-visible:misc-border-size-focus-ring", "px-0 text-center", e ? [
 			"border-content-negative caret-content-primary border",
 			"focus-visible:border-content-negative focus-visible:ring-background-negative-subdued-down",
 			"text-content-negative"
@@ -50644,7 +50634,7 @@ var G4 = (e, t) => (n) => 100 * (n - e) / (t - e), K4 = [
 				}), /* @__PURE__ */ I("label", {
 					id: _,
 					htmlFor: v,
-					className: "component-500 text-content-primary min-w-0 grow cursor-pointer truncate",
+					className: "component-500 text-content-primary min-w-0 grow cursor-default truncate",
 					children: e
 				})]
 			}), /* @__PURE__ */ I("div", {
@@ -51100,7 +51090,7 @@ var $4 = (e) => e.isFile === !0, e3 = (e) => e.isDirectory === !0, Qye = new Int
 	ref: a,
 	type: "button",
 	disabled: i,
-	className: U("cursor-pointer outline-hidden", "flex h-10 w-full items-center gap-2 px-3", "rounded-500 border-misc-border bg-surface-primary-elevated border", "focus-visible:border-content-accent hover:border-neutral-400", "invalid:border-content-negative invalid:hover:border-content-negative invalid:focus-visible:border-content-negative", "component-500 text-content-primary font-medium placeholder-neutral-600", "focus-visible:ring-misc-focus-indicator-subdued", "focus-visible:misc-border-size-focus-ring disabled:cursor-not-allowed disabled:opacity-50", "transition duration-200", r),
+	className: U("outline-hidden", "flex h-10 w-full items-center gap-2 px-3", "rounded-500 border-misc-border bg-surface-primary-elevated border", "focus-visible:border-content-accent hover:border-neutral-400", "invalid:border-content-negative invalid:hover:border-content-negative invalid:focus-visible:border-content-negative", "component-500 text-content-primary font-medium placeholder-neutral-600", "focus-visible:ring-misc-focus-indicator-subdued", "focus-visible:misc-border-size-focus-ring disabled:opacity-50", "transition duration-200", r),
 	...o,
 	children: [
 		t,
@@ -51238,7 +51228,7 @@ var abe = ({ referenceImages: e, disabled: t }) => {
 					disabled: t,
 					"aria-pressed": n,
 					onClick: () => a(e.id),
-					className: H("rounded-400 shrink-0 cursor-pointer", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "disabled:cursor-not-allowed disabled:opacity-50"),
+					className: H("rounded-400 shrink-0", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "disabled:opacity-50"),
 					children: /* @__PURE__ */ I(d3, {
 						src: e.url,
 						alt: e.alt,
@@ -51276,7 +51266,7 @@ var abe = ({ referenceImages: e, disabled: t }) => {
 		disabled: o,
 		minRows: 1,
 		maxRows: 3,
-		className: H("w-full border-none bg-transparent p-0", p ? "py-0" : "py-[11px]", "component-500 text-content-primary placeholder:text-content-tertiary leading-[19px]", "outline-hidden focus:ring-0", "disabled:cursor-not-allowed")
+		className: H("w-full border-none bg-transparent p-0", p ? "py-0" : "py-[11px]", "component-500 text-content-primary placeholder:text-content-tertiary leading-[19px]", "outline-hidden focus:ring-0")
 	});
 	return /* @__PURE__ */ L("div", {
 		className: U("rounded-450 border-misc-border bg-surface-primary shadow-500 flex w-[320px] flex-col overflow-hidden border", "focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", u),
@@ -51304,7 +51294,7 @@ f3.displayName = "FloatingInput";
 var p3 = ({ icon: e, children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ L("button", {
 	...i,
 	ref: r,
-	className: H("flex items-center gap-2 px-3 py-2", "rounded-300", "hover:bg-background-accent-subdued-hover focus-visible:bg-background-accent-subdued-hover active:bg-background-accent-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", "component-semi-strong-500 text-content-accent", "cursor-pointer disabled:pointer-events-none disabled:opacity-30", n),
+	className: H("flex items-center gap-2 px-3 py-2", "rounded-300", "hover:bg-background-accent-subdued-hover focus-visible:bg-background-accent-subdued-hover active:bg-background-accent-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", "component-semi-strong-500 text-content-accent", "disabled:pointer-events-none disabled:opacity-30", n),
 	children: [!!e && /* @__PURE__ */ I("span", {
 		className: "size-5 shrink-0",
 		children: e
@@ -51318,10 +51308,7 @@ p3.displayName = "FolderListButton";
 //#region src/components/input/FolderList/FolderListItem.tsx
 var obe = ({ children: e, className: t, ...n }) => /* @__PURE__ */ L(PK, {
 	...n,
-	className: H("flex items-center gap-2 px-3 py-2", "rounded-300", "hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", {
-		"pointer-events-none opacity-30": n.disabled,
-		"cursor-pointer": !n.disabled
-	}, t),
+	className: H("flex items-center gap-2 px-3 py-2", "rounded-300", "hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", n.disabled && "pointer-events-none opacity-30", t),
 	children: [
 		/* @__PURE__ */ I(A, {
 			"aria-hidden": "true",
@@ -51348,7 +51335,7 @@ m3.Button = p3, m3.Item = obe;
 var h3 = ({ label: e, weight: t, italic: n = !1, selected: r, ref: i, ...a }) => /* @__PURE__ */ L("div", {
 	ref: i,
 	...a,
-	className: H("flex items-center justify-between", "rounded-500 gap-2 px-4 py-2", "cursor-pointer outline-hidden", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visble:border-size-ring-3 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"),
+	className: H("flex items-center justify-between", "rounded-500 gap-2 px-4 py-2", "cursor-default outline-hidden", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visble:border-size-ring-3 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"),
 	children: [/* @__PURE__ */ I("span", {
 		style: {
 			fontWeight: t ?? "normal",
@@ -51364,7 +51351,7 @@ h3.displayName = "FontWeightSelectorItem";
 var g3 = "relative z-10 flex h-8 w-10 items-center justify-center text-white-alpha-700 transition-colors", _3 = "transition-all icon-size-400", v3 = ({ icons: e, label: t, tooltips: n, isTooltipDisabled: r, className: i, ref: a, ...o }) => /* @__PURE__ */ L(og, {
 	ref: a,
 	"aria-label": t,
-	className: U("group/icon-switch rounded-500 bg-black-alpha-700 relative inline-flex h-8 w-fit items-center", "active:bg-black-alpha-800 disabled:cursor-not-allowed disabled:opacity-30", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", i),
+	className: U("group/icon-switch rounded-500 bg-black-alpha-700 relative inline-flex h-8 w-fit items-center", "active:bg-black-alpha-800 disabled:opacity-30", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", i),
 	...o,
 	children: [
 		/* @__PURE__ */ I(cg, {
@@ -51404,7 +51391,7 @@ var sbe = W([
 	"group rounded-500 relative w-full overflow-hidden",
 	"misc-border-size-default border border-solid",
 	"bg-surface-primary",
-	"outline-hidden transition-all",
+	"cursor-default outline-hidden transition-all",
 	"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
 	"focus-visible:border-content-accent focus-visible:bg-background-accent-subdued",
 	"aspect-4/3"
@@ -51414,10 +51401,6 @@ var sbe = W([
 			true: "border-content-accent bg-background-accent-subdued",
 			false: "border-misc-border"
 		},
-		interactive: {
-			true: "cursor-pointer",
-			false: "cursor-default"
-		},
 		disabled: {
 			true: "opacity-30",
 			false: ""
@@ -51425,7 +51408,6 @@ var sbe = W([
 	},
 	defaultVariants: {
 		dragging: !1,
-		interactive: !0,
 		disabled: !1
 	}
 }), cbe = W(["pointer-events-none absolute -inset-px transition-[opacity,background-color]", "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 group-active:opacity-100"], {
@@ -51462,7 +51444,7 @@ var sbe = W([
 		w
 	]), E = B((e) => {
 		e.stopPropagation(), a?.();
-	}, [a]), D = !f && !n, O = t, k = !n && !r, A = r && a, j = g, M = t ? c : s;
+	}, [a]), D = t, O = !n && !r, k = r && a, A = g, j = t ? c : s;
 	return /* @__PURE__ */ L("div", {
 		className: "relative",
 		children: [/* @__PURE__ */ I(Y4, {
@@ -51479,14 +51461,13 @@ var sbe = W([
 				"aria-disabled": f || n,
 				className: U(sbe({
 					dragging: g,
-					interactive: D,
 					disabled: f
 				}), u),
 				onClick: w,
 				onKeyDown: T,
 				"data-testid": d,
 				children: [
-					O && /* @__PURE__ */ I("div", {
+					D && /* @__PURE__ */ I("div", {
 						className: H("rounded-500 pointer-events-none absolute -inset-px overflow-hidden", {
 							"blur-md": r,
 							"bg-background-subdued animate-pulse": p === "loading"
@@ -51500,21 +51481,21 @@ var sbe = W([
 							className: H("bg-damier-checker bg-damier-large h-full w-full bg-top-left! object-cover transition-opacity", p === "loaded" ? "opacity-100" : "opacity-0")
 						})
 					}),
-					!O && /* @__PURE__ */ L("div", {
+					!D && /* @__PURE__ */ L("div", {
 						className: "rounded-500 pointer-events-none absolute inset-0",
 						"aria-hidden": "true",
 						children: [/* @__PURE__ */ I("div", { className: "rounded-500 bg-surface-primary absolute inset-0" }), /* @__PURE__ */ I("div", { className: "rounded-500 bg-damier-checker bg-damier-large absolute inset-0 bg-top-left opacity-6" })]
 					}),
 					/* @__PURE__ */ I("div", { className: cbe({ error: r }) }),
-					k && /* @__PURE__ */ I(Zd, {
+					O && /* @__PURE__ */ I(Zd, {
 						variant: "primary",
 						icon: P,
 						loading: n,
-						className: H("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", O && "opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 group-active:opacity-100"),
+						className: H("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", D && "opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 group-active:opacity-100"),
 						disabled: f,
-						children: M
+						children: j
 					}),
-					j && /* @__PURE__ */ I("p", {
+					A && /* @__PURE__ */ I("p", {
 						className: "component-500 text-content-accent absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center whitespace-pre-wrap",
 						children: l
 					}),
@@ -51522,7 +51503,7 @@ var sbe = W([
 						className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
 						children: /* @__PURE__ */ I(e, { className: "icon-size-800 text-white" })
 					}),
-					A && /* @__PURE__ */ I(Zd, {
+					k && /* @__PURE__ */ I(Zd, {
 						variant: "primary",
 						icon: ae,
 						onClick: E,
@@ -51591,10 +51572,7 @@ var ube = ({ label: e, icon: t, className: n, ...r }) => /* @__PURE__ */ I(PK, {
 	...r,
 	className: H("group/radiogroupitem relative focus-visible:outline-hidden", n),
 	children: /* @__PURE__ */ L("div", {
-		className: H("flex min-h-[32px] flex-nowrap items-center gap-2", {
-			"pointer-events-none opacity-30": r.disabled,
-			"cursor-pointer": !r.disabled
-		}),
+		className: H("flex min-h-[32px] flex-nowrap items-center gap-2", { "pointer-events-none opacity-30": r.disabled }),
 		children: [
 			/* @__PURE__ */ I("span", {
 				className: H("group-radix-state-checked/radiogroupitem:border-content-accent border-neutral-400 hover:border-neutral-500", "group-focus-visible/radiogroupitem:ring-misc-focus-indicator group-focus-visible/radiogroupitem:misc-border-size-focus-ring", "misc-border-size-selection flex h-5 w-5 shrink-0 items-center justify-center rounded-full"),
@@ -51635,7 +51613,7 @@ x3.Item = ube;
 var S3 = ({ className: e, children: t, disabled: n, ref: r, ...i }) => /* @__PURE__ */ L("button", {
 	ref: r,
 	"aria-disabled": n,
-	className: U("rounded-400 flex h-8 items-center gap-1 ps-2 pe-1.5", n && "cursor-not-allowed opacity-30", !n && "hover:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring active:bg-background-borderless-subdued-down cursor-pointer focus-visible:outline-hidden", e),
+	className: U("rounded-400 flex h-8 items-center gap-1 ps-2 pe-1.5", n && "opacity-30", !n && "hover:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring active:bg-background-borderless-subdued-down focus-visible:outline-hidden", e),
 	...i,
 	children: [/* @__PURE__ */ I("span", {
 		className: "component-400",
@@ -51653,7 +51631,7 @@ var C3 = {
 	type: "button",
 	...s,
 	ref: o,
-	className: U("w-[160px]", "bg-background-subdued hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "rounded-400", "flex flex-col items-center gap-2 p-3", "cursor-pointer", "interaction-transition transition-colors", "disabled:pointer-events-none disabled:opacity-30", a),
+	className: U("w-[160px]", "bg-background-subdued hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "rounded-400", "flex flex-col items-center gap-2 p-3", "interaction-transition transition-colors", "disabled:pointer-events-none disabled:opacity-30", a),
 	children: [n === "color" && i ? /* @__PURE__ */ I("span", {
 		className: H("rounded-200 shrink-0 shadow-[inset_0_0_0_1px_var(--color-misc-border)]", C3[n]),
 		style: { backgroundColor: i }
@@ -51769,7 +51747,7 @@ E3.displayName = "OptionGroup", E3.Item = T3;
 var D3 = ({ title: e, description: t, imageSrc: n, altLabel: r = "", showCheckerboard: i = !1, className: a, ref: o, ...s }) => /* @__PURE__ */ L(PK, {
 	...s,
 	ref: o,
-	className: U("bg-surface-primary rounded-500 relative flex w-full cursor-pointer items-center gap-3 py-1 ps-1 pe-8 text-start outline-hidden", "radix-state-unchecked:shadow-[inset_0_0_0_1px_var(--color-misc-border)]", "hover:radix-state-unchecked:shadow-[inset_0_0_0_1px_var(--color-misc-border-hover)]", "focus-visible:radix-state-unchecked:shadow-[inset_0_0_0_1px_var(--color-misc-border-hover)]", "active:radix-state-unchecked:shadow-[inset_0_0_0_1px_var(--color-misc-border-down)]", "radix-state-checked:shadow-[inset_0_0_0_2px_var(--color-content-accent)]", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", a),
+	className: U("bg-surface-primary rounded-500 relative flex w-full items-center gap-3 py-1 ps-1 pe-8 text-start outline-hidden", "radix-state-unchecked:shadow-[inset_0_0_0_1px_var(--color-misc-border)]", "hover:radix-state-unchecked:shadow-[inset_0_0_0_1px_var(--color-misc-border-hover)]", "focus-visible:radix-state-unchecked:shadow-[inset_0_0_0_1px_var(--color-misc-border-hover)]", "active:radix-state-unchecked:shadow-[inset_0_0_0_1px_var(--color-misc-border-down)]", "radix-state-checked:shadow-[inset_0_0_0_2px_var(--color-content-accent)]", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", a),
 	children: [
 		/* @__PURE__ */ L("div", {
 			className: "rounded-concentric-500-4px bg-surface-primary relative h-24 w-24 shrink-0 self-center overflow-hidden",
@@ -51809,7 +51787,7 @@ D3.displayName = "OptionSelectionListItem";
 var fbe = W([
 	"bg-background-subdued hover:bg-background-subdued-hover active:bg-background-subdued-down",
 	"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden",
-	"component-500 rounded-400 flex cursor-pointer items-center gap-3 ps-3",
+	"component-500 rounded-400 flex items-center gap-3 ps-3",
 	"interaction-transition transition-colors",
 	"disabled:pointer-events-none disabled:opacity-30"
 ], {
@@ -51892,7 +51870,7 @@ var k3 = ({ value: e, onChange: t, placeholder: n, options: r = [], leadingSlot:
 				disabled: c,
 				minRows: 1,
 				maxRows: 6,
-				className: H("min-h-[54px] w-full bg-transparent p-0", "border-none outline-hidden", "component-500 text-content-primary", "placeholder:text-content-tertiary", "disabled:cursor-not-allowed", "focus:ring-0"),
+				className: H("min-h-[54px] w-full bg-transparent p-0", "border-none outline-hidden", "component-500 text-content-primary", "placeholder:text-content-tertiary", "focus:ring-0"),
 				...d
 			})
 		}), /* @__PURE__ */ L("div", {
@@ -51948,7 +51926,7 @@ var pbe = ({ title: e, overline: t, isSkeleton: n, visual: r, className: i, chil
 	"aria-label": r ?? t,
 	...o,
 	ref: a,
-	className: U("size-[200px]", "bg-background-transparent rounded-400 border-misc-border border border-dashed", "flex flex-col items-center justify-center gap-2", "cursor-pointer", "hover:border-content-accent-hover active:border-content-accent-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "disabled:pointer-events-none disabled:opacity-30", i),
+	className: U("size-[200px]", "bg-background-transparent rounded-400 border-misc-border border border-dashed", "flex flex-col items-center justify-center gap-2", "hover:border-content-accent-hover active:border-content-accent-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "disabled:pointer-events-none disabled:opacity-30", i),
 	children: [/* @__PURE__ */ I(e, { className: "text-content-tertiary icon-size-600" }), /* @__PURE__ */ I("span", {
 		className: "text-200 text-content-tertiary",
 		children: t
@@ -52009,10 +51987,7 @@ var j3 = {
 	...a,
 	checked: n,
 	value: t,
-	className: H("group/PresetGroupItem w-full focus-visible:outline-hidden", "flex flex-col items-center justify-center gap-1.5 transition-opacity", {
-		"pointer-events-none opacity-30": a.disabled,
-		"cursor-pointer": !a.disabled
-	}),
+	className: H("group/PresetGroupItem w-full focus-visible:outline-hidden", "flex flex-col items-center justify-center gap-1.5 transition-opacity", { "pointer-events-none opacity-30": a.disabled }),
 	children: [/* @__PURE__ */ L("div", {
 		"aria-hidden": !0,
 		className: H("aspect-square", "relative flex items-center justify-center overflow-hidden", "w-full", "rounded-500 border-misc-border bg-surface-primary-elevated border", "group-radix-state-unchecked/PresetGroupItem:hover:border-misc-border-hover", "group-radix-state-unchecked/PresetGroupItem:group-focus-visible/PresetGroupItem:border-misc-border-hover", "group-radix-state-unchecked/PresetGroupItem:active:border-misc-border-down", "group-radix-state-checked/PresetGroupItem:border-content-accent group-radix-state-checked/PresetGroupItem:misc-border-size-selection", "group-focus-visible/PresetGroupItem:ring-misc-focus-indicator group-focus-visible/PresetGroupItem:misc-border-size-focus-ring"),
@@ -52128,10 +52103,7 @@ var vbe = ({ label: e, description: t, className: n, ...r }) => /* @__PURE__ */
 	...r,
 	className: H("group/radiogroupitem relative py-1.5 focus-visible:outline-hidden", n),
 	children: /* @__PURE__ */ L("div", {
-		className: H("flex gap-4 text-start", {
-			"pointer-events-none opacity-30": r.disabled,
-			"cursor-pointer": !r.disabled
-		}),
+		className: H("flex gap-4 text-start", { "pointer-events-none opacity-30": r.disabled }),
 		children: [/* @__PURE__ */ I("span", {
 			className: H("group-radix-state-checked/radiogroupitem:border-content-accent border-neutral-400 hover:border-neutral-500", "group-focus-visible/radiogroupitem:ring-misc-focus-indicator group-focus-visible/radiogroupitem:misc-border-size-focus-ring", "misc-border-size-selection flex h-5 w-5 shrink-0 items-center justify-center rounded-full"),
 			"aria-hidden": "true",
@@ -52168,7 +52140,7 @@ var ybe = ({ reaction: e, selected: t = !1, onClick: n }) => /* @__PURE__ */ I("
 	onClick: () => n(e),
 	tabIndex: 0,
 	type: "button",
-	className: H("misc-dropdown-inner-rounding flex h-10 w-10 cursor-pointer flex-col items-center justify-center transition duration-200", "focus-visible:ring-misc-focus-indicator focus-visible:border-0 focus-visible:ring-4 focus-visible:outline-hidden", t ? "bg-background-borderless-subdued-hover" : "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down"),
+	className: H("misc-dropdown-inner-rounding flex h-10 w-10 flex-col items-center justify-center transition duration-200", "focus-visible:ring-misc-focus-indicator focus-visible:border-0 focus-visible:ring-4 focus-visible:outline-hidden", t ? "bg-background-borderless-subdued-hover" : "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down"),
 	children: /* @__PURE__ */ I("span", {
 		role: "img",
 		className: "text-800 leading-6",
@@ -52181,7 +52153,7 @@ var ybe = ({ reaction: e, selected: t = !1, onClick: n }) => /* @__PURE__ */ I("
 		reaction: t,
 		onClick: e
 	}, t))
-}), F3 = W(["flex w-fit cursor-pointer items-center justify-center rounded-full border px-2 py-1", "focus-visible:ring-misc-focus-indicator focus-visible:ring-4 focus-visible:outline-hidden"], {
+}), F3 = W(["flex w-fit items-center justify-center rounded-full border px-2 py-1", "focus-visible:ring-misc-focus-indicator focus-visible:ring-4 focus-visible:outline-hidden"], {
 	variants: { selected: {
 		true: "border-content-accent bg-background-accent-subdued hover:bg-background-accent-subdued-hover focus-visible:bg-background-accent-subdued-hover active:bg-background-accent-subdued-down",
 		false: "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down border-transparent"
@@ -53340,7 +53312,7 @@ var bxe = W([
 	"invalid:border-content-negative invalid:hover:border-content-negative invalid:focus-visible:border-content-negative",
 	"component-500 text-content-primary font-medium placeholder-neutral-600",
 	"focus-visible:ring-misc-focus-indicator-subdued",
-	"focus-visible:misc-border-size-focus-ring disabled:cursor-not-allowed disabled:opacity-50",
+	"focus-visible:misc-border-size-focus-ring disabled:opacity-50",
 	"transition duration-200"
 ], {
 	variants: {
@@ -53626,7 +53598,7 @@ var xxe = ({ value: e, defaultValue: t = 0, onValueChange: n, onNumberFieldValue
 		}), /* @__PURE__ */ L("label", {
 			id: `${c.id}-label`,
 			htmlFor: c.id,
-			className: "flex cursor-pointer flex-col gap-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-30",
+			className: "flex cursor-default flex-col gap-1 peer-disabled:opacity-30",
 			children: [/* @__PURE__ */ I("span", {
 				className: "component-500 text-content-primary",
 				children: e
@@ -53650,7 +53622,7 @@ var xxe = ({ value: e, defaultValue: t = 0, onValueChange: n, onNumberFieldValue
 O6.Item = Sxe;
 //#endregion
 //#region src/components/input/TagField/TagField.tsx
-var Cxe = W(["group rounded-500 border-misc-border text-500 text-content-primary placeholder-content-tertiary w-full appearance-none border font-medium", "focus-within:misc-border-size-focus-ring outline-hidden transition duration-200 disabled:cursor-not-allowed disabled:opacity-50"], {
+var Cxe = W(["group rounded-500 border-misc-border text-500 text-content-primary placeholder-content-tertiary w-full appearance-none border font-medium", "focus-within:misc-border-size-focus-ring outline-hidden transition duration-200 disabled:opacity-50"], {
 	variants: { invalid: {
 		true: ["border-content-negative border caret-black", "focus-within:border-content-negative focus-within:ring-background-negative-subdued-down"],
 		false: [
@@ -53666,7 +53638,7 @@ var Cxe = W(["group rounded-500 border-misc-border text-500 text-content-primary
 		className: "relative flex flex-col gap-2",
 		children: [
 			e && /* @__PURE__ */ I(wF, {
-				className: "text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+				className: "text-sm leading-none font-medium peer-disabled:opacity-70",
 				children: e
 			}),
 			/* @__PURE__ */ I("div", {
@@ -53681,7 +53653,7 @@ var Cxe = W(["group rounded-500 border-misc-border text-500 text-content-primary
 							...s,
 							className: U([
 								"peer rounded-500 caret-content-accent w-full appearance-none border-transparent bg-transparent p-0 px-0.5",
-								"outline-hidden transition duration-200 focus-visible:border-transparent focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50",
+								"outline-hidden transition duration-200 focus-visible:border-transparent focus-visible:ring-0 disabled:opacity-50",
 								"component-500 text-content-primary placeholder-content-tertiary leading-none",
 								r
 							])
@@ -53691,7 +53663,7 @@ var Cxe = W(["group rounded-500 border-misc-border text-500 text-content-primary
 							children: /* @__PURE__ */ I("button", {
 								type: "button",
 								"aria-label": "Clear all tags",
-								className: H("rounded-full bg-neutral-600 p-0.5", "disabled:cursor-not-allowed disabled:opacity-50"),
+								className: H("rounded-full bg-neutral-600 p-0.5", "disabled:opacity-50"),
 								onClick: i,
 								disabled: s.disabled,
 								children: /* @__PURE__ */ I(Hee, {
@@ -53741,13 +53713,13 @@ var j6 = ({ label: e, helper: t, className: n, ref: r, ...i }) => {
 j6.displayName = "TextField";
 //#endregion
 //#region src/components/input/TextFieldLabel/TextFieldLabel.tsx
-var wxe = W(["min-h-full min-w-full p-1.5 py-2", "duration-200 active:bg-neutral-400 disabled:cursor-not-allowed disabled:opacity-50"], {
+var wxe = W(["min-h-full min-w-full p-1.5 py-2", "duration-200 active:bg-neutral-400 disabled:opacity-50"], {
 	variants: { invalid: {
 		true: ["hover:bg-background-negative-subdued-hover active:bg-background-negative-subdued-down"],
 		false: ["hover:bg-background-subdued-hover active:bg-background-subdued-down"]
 	} },
 	defaultVariants: { invalid: !1 }
-}), Txe = W("rounded-250 text-500 font-500 inline-flex h-full cursor-pointer items-center overflow-hidden transition-all disabled:opacity-50", {
+}), Txe = W("rounded-250 text-500 font-500 inline-flex h-full cursor-default items-center overflow-hidden transition-all disabled:opacity-50", {
 	variants: {
 		hasRemoveButton: {
 			true: "ps-1.5",
@@ -53756,16 +53728,11 @@ var wxe = W(["min-h-full min-w-full p-1.5 py-2", "duration-200 active:bg-neutral
 		invalid: {
 			true: "bg-background-negative-subdued text-content-negative",
 			false: "bg-background/subdued bg-background-subdued text-content-primary focus-visible:bg-background-subdued-hover"
-		},
-		disabled: {
-			true: "disabled:cursor-not-allowed",
-			false: ""
 		}
 	},
 	defaultVariants: {
 		hasRemoveButton: !1,
-		invalid: !1,
-		disabled: !1
+		invalid: !1
 	}
 }), Exe = ({ avatar: e, children: t, invalid: n, disabled: r, className: i, onRemove: a, ...o }) => {
 	let s = Ne(() => e ? be(e, {
@@ -53775,8 +53742,7 @@ var wxe = W(["min-h-full min-w-full p-1.5 py-2", "duration-200 active:bg-neutral
 	return /* @__PURE__ */ L("span", {
 		className: U(Txe({
 			hasRemoveButton: !!a,
-			invalid: n,
-			disabled: r
+			invalid: n
 		}), i),
 		...o,
 		children: [
@@ -53803,7 +53769,7 @@ var wxe = W(["min-h-full min-w-full p-1.5 py-2", "duration-200 active:bg-neutral
 }, M6 = ({ children: e, className: t, ref: n, ...r }) => /* @__PURE__ */ L("div", {
 	ref: n,
 	...r,
-	className: H("relative flex items-center justify-between", "rounded-500 p-2.5 pe-3", "cursor-pointer outline-hidden", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:border-size-ring-3 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "[&>img]:size-h-250 [&>img]:object-cover [&>img]:py-[3.5px] [&>img]:filter-(--font-thumbnail-filter)", t),
+	className: H("relative flex items-center justify-between", "rounded-500 p-2.5 pe-3", "cursor-default outline-hidden", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:border-size-ring-3 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "[&>img]:size-h-250 [&>img]:object-cover [&>img]:py-[3.5px] [&>img]:filter-(--font-thumbnail-filter)", t),
 	children: [e, /* @__PURE__ */ I(m, { className: "text-content-tertiary icon-size-500 shrink-0" })]
 });
 M6.displayName = "FontFamilyRow";
@@ -53906,7 +53872,7 @@ var Dxe = ({ label: e, description: t, avatar: n, trailingElement: r, className:
 		ref: o,
 		type: "button",
 		disabled: i,
-		className: U("group rounded-500 flex w-full items-center justify-between gap-3 overflow-hidden p-2", "bg-surface-primary-elevated hover:bg-background-borderless-subdued-hover focus-visible:bg-background-subdued active:bg-background-borderless-subdued-down", "transition-colors duration-150 ease-out", "focus-visible:ring-misc-focus-indicator focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-30", "cursor-pointer", a),
+		className: U("group rounded-500 flex w-full items-center justify-between gap-3 overflow-hidden p-2", "bg-surface-primary-elevated hover:bg-background-borderless-subdued-hover focus-visible:bg-background-subdued active:bg-background-borderless-subdued-down", "transition-colors duration-150 ease-out", "focus-visible:ring-misc-focus-indicator focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-30", a),
 		...s,
 		children: [
 			/* @__PURE__ */ I("div", {
@@ -54219,7 +54185,7 @@ var rSe = ({ children: e, className: t }) => /* @__PURE__ */ I(q6, {
 	children: /* @__PURE__ */ L("button", {
 		ref: n,
 		type: "button",
-		className: "group relative block h-10 w-10 shrink-0 cursor-pointer transition-all",
+		className: "group relative block h-10 w-10 shrink-0 transition-all",
 		...r,
 		children: [/* @__PURE__ */ I("img", {
 			src: e,
@@ -54235,7 +54201,7 @@ var rSe = ({ children: e, className: t }) => /* @__PURE__ */ I(q6, {
 	children: /* @__PURE__ */ I("button", {
 		ref: n,
 		type: "button",
-		className: H("rounded-200 border-misc-border bg-background-subdued flex h-10 w-10 cursor-pointer items-center justify-center border border-dashed", "border-misc-border hover:border-content-accent-hover active:border-content-accent-down"),
+		className: H("rounded-200 border-misc-border bg-background-subdued flex h-10 w-10 items-center justify-center border border-dashed", "border-misc-border hover:border-content-accent-hover active:border-content-accent-down"),
 		...r,
 		children: /* @__PURE__ */ I(ee, { className: "text-content-primary icon-size-500" })
 	})
@@ -54285,7 +54251,7 @@ l8.HeaderItem = iSe, l8.ValueItem = aSe, l8.Trailing = c8, l8.Leading = s8;
 var oSe = ({ variant: e, accountType: t, title: n, description: r, thumbnail: i, time: a, avatar: o, unread: s = !1, stacked: c = !1, selectable: l = !0, showUnread: u = !0 }) => {
 	let [d, f] = Pe(!1), p = ke();
 	return /* @__PURE__ */ L("div", {
-		className: H("group bg-surface-primary-elevated flex cursor-pointer gap-3 p-2 pe-4", { "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down": l && e === "event" }),
+		className: H("group bg-surface-primary-elevated flex gap-3 p-2 pe-4", { "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down": l && e === "event" }),
 		children: [/* @__PURE__ */ L("div", {
 			className: "w-full pb-2",
 			children: [/* @__PURE__ */ L("div", {
@@ -54498,7 +54464,7 @@ var oSe = ({ variant: e, accountType: t, title: n, description: r, thumbnail: i,
 		t
 	]);
 	return /* @__PURE__ */ L("div", {
-		className: H("flex w-fit flex-row-reverse items-center justify-end -space-x-1 space-x-reverse", { "bg-background-subdued hover:bg-background-subdued-hover active:bg-background-subdued-down cursor-pointer rounded-full p-2": i }, r),
+		className: H("flex w-fit flex-row-reverse items-center justify-end -space-x-1 space-x-reverse", { "bg-background-subdued hover:bg-background-subdued-hover active:bg-background-subdued-down cursor-default rounded-full p-2": i }, r),
 		onClick: a,
 		children: [
 			s.type === "count" && /* @__PURE__ */ I(hSe, {
@@ -54699,7 +54665,7 @@ var vSe = Object.defineProperty, ySe = (e, t) => vSe(e, "name", {
 		activePillColor: "#141414"
 	}
 }, S8 = ({ className: e, ...t }) => /* @__PURE__ */ I(b8, {
-	className: U("group relative flex-1", "min-h-10 min-w-0 px-1", "flex items-center justify-center", "rounded-500 outline-hidden", "misc-border-size-default radix-state-off:border-transparent radix-state-on:border-misc-border", "radix-state-off:bg-transparent radix-state-on:bg-surface-primary-elevated", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "component-500 radix-state-off:text-content-secondary radix-state-on:text-content-primary", "radix-state-off:enabled:hover:text-content-primary radix-state-off:enabled:focus-visible:text-content-primary radix-state-off:enabled:active:text-content-primary", "interaction-transition transition-colors", "disabled:cursor-not-allowed disabled:opacity-30", e),
+	className: U("group relative flex-1", "min-h-10 min-w-0 px-1", "flex items-center justify-center", "rounded-500 outline-hidden", "misc-border-size-default radix-state-off:border-transparent radix-state-on:border-misc-border", "radix-state-off:bg-transparent radix-state-on:bg-surface-primary-elevated", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "component-500 radix-state-off:text-content-secondary radix-state-on:text-content-primary", "radix-state-off:enabled:hover:text-content-primary radix-state-off:enabled:focus-visible:text-content-primary radix-state-off:enabled:active:text-content-primary", "interaction-transition transition-colors", "disabled:opacity-30", e),
 	...t
 }), ASe = ({ icon: e, label: t, tooltip: n, side: r = "top", withPortal: i = !0, disabled: a, className: o, ...s }) => {
 	let c = Vd(e) ? /* @__PURE__ */ I(e, { className: "icon-size-500" }) : e;
@@ -54744,7 +54710,7 @@ var vSe = Object.defineProperty, ySe = (e, t) => vSe(e, "name", {
 		})]
 	});
 }, C8 = ({ className: e, testId: t, disabled: n, ...r }) => /* @__PURE__ */ I(h8, {
-	className: H("rounded-500 bg-background-subdued flex", { "cursor-not-allowed opacity-30": n }, e),
+	className: H("rounded-500 bg-background-subdued flex", { "opacity-30": n }, e),
 	type: "single",
 	"data-testid": t,
 	disabled: n,
@@ -54764,7 +54730,7 @@ var w8 = ({ children: e, label: t, badgeLabel: n, hasPaddingTop: r = !1, noAccor
 		children: [
 			/* @__PURE__ */ L("button", {
 				type: "button",
-				className: H("flex w-full flex-row items-center gap-2 px-3 py-[11px]", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring disabled:opacity-30", "rounded-500 outline-hidden transition duration-200", i ? "cursor-default" : "cursor-pointer"),
+				className: H("flex w-full flex-row items-center gap-2 px-3 py-[11px]", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring disabled:opacity-30", "rounded-500 outline-hidden transition duration-200"),
 				onClick: () => !!e && u((e) => !e),
 				disabled: a,
 				children: [
@@ -54821,7 +54787,7 @@ var T8 = (({ isSelected: e = !1, label: t, variant: n = "default", disabled: r,
 		})
 	}) : /* @__PURE__ */ I(s, {
 		ref: l,
-		className: U("group flex w-full outline-hidden", r && "opacity-30", c),
+		className: U("group flex w-full cursor-pointer outline-hidden", r && "opacity-30", c),
 		...u,
 		children: ({ isActive: t }) => /* @__PURE__ */ I(E8, {
 			...d,
@@ -54833,7 +54799,7 @@ T8.displayName = "SideNavigationItem";
 var E8 = ({ variant: e = "default", label: t, isActive: n, activeIcon: r, icon: i, trailingElement: a }) => {
 	let o = n ? r : i;
 	return /* @__PURE__ */ L("span", {
-		className: H("flex w-full flex-row items-center gap-3 py-[10px] pe-3", "group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring group-disabled:opacity-30", "rounded-500 cursor-pointer outline-hidden transition duration-200", {
+		className: H("flex w-full flex-row items-center gap-3 py-[10px] pe-3", "group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring group-disabled:opacity-30", "rounded-500 outline-hidden transition duration-200", {
 			"text-content-primary": !n && e === "default",
 			"text-content-positive": !n && e === "positive",
 			"hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down group-focus-visible:bg-background-borderless-subdued-hover bg-transparent": !n,
@@ -55285,7 +55251,7 @@ Q8.displayName = "ChoiceGroup";
 //#region src/components/onboarding/ChoiceGroup/ChoiceTile.tsx
 var $8 = ({ label: e, imageSrc: t, className: n, children: r, ...i }) => /* @__PURE__ */ L("label", {
 	...i,
-	className: U("relative cursor-pointer select-none", "flex w-max flex-col", "rounded-500 misc-border-size-selection outline-hidden", "has-data-[state=unchecked]:border-transparent", "has-data-[state=checked]:border-accent-500", "has-data-[state=checked]:misc-shadow-selection", "bg-background-subdued", "has-active:bg-background-subdued-down hover:bg-background-subdued-hover has-focus-visible:bg-background-subdued-hover", "has-focus-visible:ring-misc-focus-indicator has-focus-visible:misc-border-size-focus-ring", "transition-all", n),
+	className: U("relative cursor-default select-none", "flex w-max flex-col", "rounded-500 misc-border-size-selection outline-hidden", "has-data-[state=unchecked]:border-transparent", "has-data-[state=checked]:border-accent-500", "has-data-[state=checked]:misc-shadow-selection", "bg-background-subdued", "has-active:bg-background-subdued-down hover:bg-background-subdued-hover has-focus-visible:bg-background-subdued-hover", "has-focus-visible:ring-misc-focus-indicator has-focus-visible:misc-border-size-focus-ring", "transition-all", n),
 	children: [r, /* @__PURE__ */ L("span", {
 		className: "flex grow flex-col text-start",
 		children: [/* @__PURE__ */ I("figure", {
@@ -55353,7 +55319,7 @@ var USe = {
 		label: "component-500"
 	}
 }, WSe = W([
-	"relative cursor-pointer select-none",
+	"relative cursor-default select-none",
 	"inline-flex w-full flex-col items-start justify-center px-4 py-3",
 	"rounded-500 outline-hidden",
 	"has-focus-visible:ring-misc-focus-indicator has-focus-visible:misc-border-size-focus-ring",
@@ -55402,7 +55368,7 @@ r5.displayName = "GridMultipleTile";
 //#endregion
 //#region src/components/onboarding/ChoiceGroup/ListChoiceTile.tsx
 var GSe = W([
-	"relative cursor-pointer select-none",
+	"relative cursor-default select-none",
 	"inline-flex flex-row items-center gap-2",
 	"w-full px-4 py-3",
 	"rounded-500 outline-hidden",
@@ -60717,6 +60683,7 @@ var eEe = ({ lang: e, monthlyProcessedImages: t = 1e3, items: n, partnerCard: r,
 	}) : /* @__PURE__ */ I(D6, {
 		isSearchable: !1,
 		multiline: !0,
+		rawOption: !0,
 		className: "w-full",
 		placeholder: r,
 		value: t,
@@ -60725,6 +60692,12 @@ var eEe = ({ lang: e, monthlyProcessedImages: t = 1e3, items: n, partnerCard: r,
 			value: e.value,
 			label: e.label
 		})),
+		renderOption: (e) => /* @__PURE__ */ I(rY, {
+			multiline: !0,
+			className: "min-h-10 py-2.5",
+			selected: e.value === t,
+			label: e.label
+		}),
 		renderValue: (t) => e.find((e) => e.value === t)?.label ?? null
 	});
 }, gEe = ({ planType: e, description: t, cta: n, propLists: r, billingPeriod: i, specialOfferLabel: a, clientLogos: o, planPriceLabelOverride: s, planPriceSubLabel: c, planName: l, showYearlyPriceAsMonthly: u, tagLabel: d, tagVariant: f = "neutral", variant: p = "default", perMonthLabel: m, perYearLabel: h, billedAnnuallyLabel: g, subscriptionOptions: _, isUnavailable: v, unavailableLabel: y, subscriptionType: b, onSubscriptionTypeChange: x, resolvedPrice: S, pendingPrice: C, isError: w, isSelectorLoading: T, ...E }) => {