@photoroom/ui 0.1.772 → 0.1.773

package/index.mjs

@@ -54619,13 +54619,23 @@ function F8(e, t) {
 T8(F8, "makeContentId");
 //#endregion
 //#region src/components/navigation/TabNavigation/TabNavigationItem.tsx
-var I8 = ({ value: e, children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ L(M8, {
-	ref: r,
-	value: e,
-	className: W("relative flex shrink-0 items-center", "px-2 py-3", "outline-hidden", "component-semi-strong-500", "text-content-secondary hover:text-content-primary", "data-[state=active]:text-content-primary", "interaction-transition transition-colors", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "after:pointer-events-none after:absolute after:inset-x-2 after:bottom-0 after:h-0.5", "after:bg-content-primary after:opacity-0", "after:transition-opacity after:duration-200", "data-[state=active]:after:opacity-100", n),
-	...i,
-	children: t
-});
+var I8 = ({ value: e, children: t, badge: n, className: r, ref: i, ...a }) => {
+	let [o, s] = Pe(!1);
+	return /* @__PURE__ */ R(M8, {
+		ref: i,
+		value: e,
+		"data-pointer-focused": o || void 0,
+		onPointerDown: () => s(!0),
+		onBlur: () => s(!1),
+		className: W("relative -mx-2 flex h-10 shrink-0 items-center gap-1 px-2", "outline-hidden", "component-semi-strong-500", "text-content-secondary hover:text-content-primary", "data-[state=active]:text-content-primary", "interaction-transition transition-colors", "before:rounded-400 before:pointer-events-none before:absolute before:inset-x-0 before:inset-y-1 before:ring-inset", "focus-visible:not-data-pointer-focused:before:ring-misc-focus-indicator", "focus-visible:not-data-pointer-focused:before:misc-border-size-focus-ring", "after:pointer-events-none after:absolute after:inset-x-2 after:bottom-0 after:h-0.5", "after:bg-content-primary after:opacity-0", "after:transition-opacity after:duration-200", "data-[state=active]:after:opacity-100", r),
+		...a,
+		children: [t, n && /* @__PURE__ */ L(VF, {
+			size: "small",
+			variant: "moon-grape",
+			children: n
+		})]
+	});
+};
 I8.displayName = "TabNavigationItem";
 //#endregion
 //#region src/components/navigation/TabNavigation/TabNavigation.tsx
@@ -54637,7 +54647,7 @@ var L8 = ({ className: e, ref: t, ...n }) => /* @__PURE__ */ L(A8, {
 L8.displayName = "TabNavigation";
 var R8 = ({ className: e, ref: t, ...n }) => /* @__PURE__ */ L(j8, {
 	ref: t,
-	className: W("flex w-full items-stretch gap-2", e),
+	className: W("flex w-full items-stretch gap-6", e),
 	...n
 });
 R8.displayName = "TabNavigation.List";

package/package.json

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