@photoroom/ui 0.1.796 → 0.1.797

package/index.mjs

@@ -11624,42 +11624,42 @@ var toe = /* @__PURE__ */ st(((e, t) => {
 	_(i), b(i), y(i), x(i), ne(r) || me(), ee(r);
 	var R = g(i) || me();
 	m(i), h(i) || me(), v(i), v(i), T(o), O(o), k(o) || me(), M(r), N(r), te(r), re(r), ie(r), A(o), j(o), se(r), ce(r), I(r), S(i), C(i), le(a), ue(a), L(s), P(r) || fe(s), F(r), w(i), pe(), me(), he(), ge(), de(), fe(s), P(r) && fe(s), E(o), D(o), ae(r), oe(r), e.isMobile = R;
-})))(), ph = ({ children: e, content: t, isTriggerDisabled: n, className: r, triggerClassName: i, withPortal: a = !0, side: o = "bottom", defaultOpen: s = !1, triggerTabIndex: c = 0, sideOffset: l, withArrow: u = !0, disableFocusOpen: d = !1, ...f }) => {
-	let p = ke(), [m, h] = Pe(s), g = H(!1), _ = a ? Xae : ye, v = d ? () => {
-		g.current = !0, queueMicrotask(() => {
-			g.current = !1;
+})))(), ph = ({ children: e, content: t, isTriggerDisabled: n, className: r, triggerClassName: i, withPortal: a = !0, side: o = "bottom", defaultOpen: s = !1, open: c, triggerTabIndex: l = 0, sideOffset: u, withArrow: d = !0, disableFocusOpen: f = !1, ...p }) => {
+	let m = ke(), [h, g] = Pe(s), _ = H(!1), v = a ? Xae : ye, y = f ? () => {
+		_.current = !0, queueMicrotask(() => {
+			_.current = !1;
 		});
 	} : void 0;
 	return /* @__PURE__ */ L(Wae, { children: /* @__PURE__ */ R(Kae, {
 		delayDuration: 0,
-		open: m,
+		open: c ?? h,
 		onOpenChange: (e) => {
-			e && g.current ? g.current = !1 : h(e);
+			c === void 0 && (e && _.current ? _.current = !1 : g(e));
 		},
 		defaultOpen: s,
 		children: [/* @__PURE__ */ L(qae, {
 			asChild: !0,
 			children: n ? /* @__PURE__ */ L("span", {
 				className: W("inline-block", i),
-				"aria-describedby": p,
-				tabIndex: c,
-				onFocusCapture: v,
+				"aria-describedby": m,
+				tabIndex: l,
+				onFocusCapture: y,
 				children: e
 			}) : /* @__PURE__ */ L("span", {
 				className: W("inline-block", i),
-				"aria-describedby": p,
-				onFocusCapture: v,
-				onClick: () => fh.isMobile && h(!0),
+				"aria-describedby": m,
+				onFocusCapture: y,
+				onClick: () => fh.isMobile && g(!0),
 				children: e
 			})
-		}), t && /* @__PURE__ */ L(_, { children: /* @__PURE__ */ R(Zae, {
+		}), t && /* @__PURE__ */ L(v, { children: /* @__PURE__ */ R(Zae, {
 			side: o,
-			sideOffset: l,
-			className: W("component-400 rounded-250 bg-background-tooltip z-50 px-1.5 pt-[5px] pb-1.5 [word-break:break-word] text-white", "max-w-[100vw]", "[&_strong]:component-400 [&_strong]:bg-white-alpha-300 [&_strong]:rounded-[2px] [&_strong]:px-[2px]", "[&_b]:component-400 [&_b]:bg-white-alpha-300 [&_b]:rounded-[2px] [&_b]:px-[2px]", "[&_a]:underline", o === "bottom" && "animate-tooltip-slide-down", o === "top" && "animate-tooltip-slide-up", o === "left" && "animate-tooltip-slide-left", o === "right" && "animate-tooltip-slide-right", r),
-			id: p,
-			...f,
-			children: [t, u && /* @__PURE__ */ L(eoe, {
-				className: "fill-background-tooltip",
+			sideOffset: u,
+			className: W("component-400 rounded-250 text-content-white-inverted-primary z-50 bg-neutral-800 px-[7px] pt-[3px] pb-[5px] [word-break:break-word]", "max-w-[100vw]", typeof t == "string" && "max-w-[264px]", "[&_strong]:component-400 [&_strong]:bg-white-alpha-300 [&_strong]:rounded-[2px] [&_strong]:px-[2px]", "[&_b]:component-400 [&_b]:bg-white-alpha-300 [&_b]:rounded-[2px] [&_b]:px-[2px]", "[&_a]:underline", o === "bottom" && "animate-tooltip-slide-down", o === "top" && "animate-tooltip-slide-up", o === "left" && "animate-tooltip-slide-left", o === "right" && "animate-tooltip-slide-right", r),
+			id: m,
+			...p,
+			children: [t, d && /* @__PURE__ */ L(eoe, {
+				className: "fill-neutral-800",
 				asChild: !0,
 				children: /* @__PURE__ */ L("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -11676,7 +11676,7 @@ var toe = /* @__PURE__ */ st(((e, t) => {
 }, noe = ({ title: e, className: t, children: n }) => /* @__PURE__ */ R("div", {
 	className: W("flex flex-col gap-0.5 px-1.5 pb-1.5", t),
 	children: [!!e && /* @__PURE__ */ L("div", {
-		className: "component-semi-strong-300 text-content-white-secondary py-[7.5px] uppercase",
+		className: "component-semi-strong-300 text-content-white-inverted-secondary py-[7.5px] uppercase",
 		children: e
 	}), n]
 }), roe = Object.defineProperty, mh = (e, t) => roe(e, "name", {
@@ -11896,11 +11896,11 @@ var moe = G([
 			})
 		}),
 		/* @__PURE__ */ L("div", {
-			className: "text-content-white-primary min-w-0 grow truncate overflow-hidden",
+			className: "text-content-white-inverted-primary min-w-0 grow truncate overflow-hidden",
 			children: n
 		}),
 		/* @__PURE__ */ L("div", {
-			className: "text-content-white-secondary shrink-0 whitespace-nowrap",
+			className: "text-content-white-inverted-secondary shrink-0 whitespace-nowrap",
 			children: t
 		})
 	]

package/package.json

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