@photoroom/ui 0.1.554 → 0.1.556

package/index.mjs

@@ -26809,35 +26809,28 @@ function TP(e) {
 dP(TP, "getState");
 //#endregion
 //#region src/components/action/ToggleButton/ToggleButton.tsx
-var EP = ({ variant: e = "secondary", icons: t, labels: n, className: r, ref: i, ...a }) => /* @__PURE__ */ L(yP, {
-	...a,
-	className: H("group shrink-0 cursor-pointer outline-hidden", "inline-flex flex-col items-center justify-center gap-0.5 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", {
-		"aspect-square": !n,
-		"radix-state-unchecked:bg-background-subdued 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": e === "secondary",
-		"focus-visible:radix-state-unchecked:bg-background-borderless-subdued-hover active:radix-state-unchecked:bg-background-borderless-subdued-down": ["borderless", "borderless-subtle"].includes(e),
-		"hover:radix-state-unchecked:bg-background-borderless-subdued-hover": e === "borderless",
-		"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": ["secondary", "borderless"].includes(e),
-		"focus-visible:radix-state-checked:bg-background-subdued-hover active:radix-state-checked:bg-background-subdued-down": e === "borderless-subtle"
-	}, r),
-	ref: i,
+var EP = ({ icons: e, labels: t, className: n, ref: r, ...i }) => /* @__PURE__ */ L(yP, {
+	...i,
+	className: H("group shrink-0 cursor-pointer outline-hidden", "inline-flex flex-col items-center justify-center gap-0.5 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", { "aspect-square": !t }, n),
+	ref: r,
 	children: [/* @__PURE__ */ L("div", {
 		role: "presentation",
 		className: "icon-size-500",
 		children: [/* @__PURE__ */ I("span", {
 			className: "group-radix-state-checked:hidden",
-			children: /* @__PURE__ */ I(DP, { children: t.inactive })
+			children: /* @__PURE__ */ I(DP, { children: e.inactive })
 		}), /* @__PURE__ */ I("span", {
 			className: "group-radix-state-unchecked:hidden",
-			children: /* @__PURE__ */ I(DP, { children: t.active })
+			children: /* @__PURE__ */ I(DP, { children: e.active })
 		})]
-	}), !!n && /* @__PURE__ */ L("div", {
+	}), !!t && /* @__PURE__ */ L("div", {
 		className: "component-400 min-w-19",
 		children: [/* @__PURE__ */ I("span", {
 			className: "group-radix-state-checked:hidden",
-			children: n.inactive
+			children: t.inactive
 		}), /* @__PURE__ */ I("span", {
 			className: "group-radix-state-unchecked:hidden",
-			children: n.active
+			children: t.active
 		})]
 	})]
 });
@@ -35041,9 +35034,11 @@ Gq.displayName = "DropdownMenuSingleSelectionItem";
 var Kq = (e) => /* @__PURE__ */ I(zH, {
 	className: "border-misc-divider mx-3 my-1 border-t",
 	...e
-}), qq = ({ selected: e, className: t, children: n, ...r }) => /* @__PURE__ */ L(PH, {
-	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 aria-disabled:pointer-events-none aria-disabled:opacity-30", e && "bg-background-borderless-subdued-hover", t),
+}), qq = ({ 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),
+	"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" })]
 });
 qq.displayName = "DropdownMenuNumberItem";
@@ -36670,7 +36665,6 @@ var ZY = ({ label: e, labelTestId: t, subtitle: n, isHidden: r, defaultIsHidden:
 				})]
 			}),
 			v && /* @__PURE__ */ I(EP, {
-				variant: "borderless-subtle",
 				checked: g,
 				onCheckedChange: _,
 				disabled: d?.disabled,
@@ -54762,14 +54756,12 @@ var h7 = {
 	}, [t]), /* @__PURE__ */ I("ul", {
 		ref: r,
 		className: "max-h-80 w-[var(--radix-popover-trigger-width)] min-w-[80px] overflow-auto p-1",
-		children: e.map((e, r) => /* @__PURE__ */ I("li", {
-			className: H("component-500 misc-dropdown-inner-rounding flex h-10 w-full items-center justify-center outline-hidden", "cursor-pointer outline-hidden select-none", "text-content-primary truncate px-2", "hover:bg-background-borderless-subdued-hover", "active:bg-background-borderless-subdued-down", t === r && "bg-background-borderless-subdued-hover"),
-			children: /* @__PURE__ */ I("button", {
-				className: "h-full flex-1",
-				onClick: () => n(e),
-				children: e
-			})
-		}, e))
+		children: e.map((e, r) => /* @__PURE__ */ I("li", { children: /* @__PURE__ */ I(qq, {
+			selected: t === r,
+			onClick: () => n(e),
+			className: "w-full",
+			children: e
+		}) }, e))
 	});
 }, Abe = 120, jbe = 200, Mbe = ({ value: e, onChange: n, min: r = -Infinity, max: i = Infinity, step: a = 1, disabled: o, options: s, className: c, size: l = "default", ...u }) => {
 	let d = l === "compact", f = V(!1), p = V(null), m = V(null), [h, g] = Pe(e.toString()), _ = V(h), v = V(!1), y = V(null), [b, x] = Pe(null), S = V(null), C = B((e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.554",
+  "version": "0.1.556",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [