@ai-matrx/sharing 0.1.0 → 0.1.2

package/dist/access-react.js

@@ -370,7 +370,7 @@ function LevelChoice({
       "aria-pressed": active,
       onClick,
       className: [
-        "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
+        "whitespace-nowrap rounded-full border px-3 py-1 text-xs font-medium transition-colors",
         active ? "border-primary bg-primary/10 text-primary-ink" : "border-border bg-background text-muted-foreground hover:bg-accent"
       ].join(" "),
       children: label
@@ -2366,8 +2366,8 @@ import {
   Send as Send5,
   Undo2 as Undo22
 } from "lucide-react";
-import { Badge, Skeleton, cn as cn3 } from "@ai-matrx/design-system";
-import { Button as Button14 } from "@ai-matrx/design-system/controls";
+import { Skeleton, cn as cn3 } from "@ai-matrx/design-system";
+import { Button as Button14, SegmentedControl } from "@ai-matrx/design-system/controls";
 import { RefreshCwTapButton } from "@ai-matrx/design-system/tap-target/buttons";
 import { formatRelativeTime } from "@ai-matrx/kit/format";
 import {
@@ -2468,8 +2468,6 @@ function EmptyState({ box }) {
 function AccessRequestsSurface() {
   const ui = useAccessUi();
   const { toast, confirm } = ui;
-  const NAV_ITEM_SELECTED = ui.navItemClasses.selected;
-  const NAV_ITEM_UNSELECTED = ui.navItemClasses.unselected;
   const [box, setBox] = useState16(() => boxFromParam(ui.searchParam("box")));
   const currentUserId = ui.useCurrentUser().id;
   const [rows, setRows] = useState16({
@@ -2577,24 +2575,10 @@ function AccessRequestsSurface() {
       "Request withdrawn."
     );
   }
-  const tab = (target, label, count) => /* @__PURE__ */ jsxs15(
-    "button",
-    {
-      type: "button",
-      onClick: () => setBox(target),
-      "aria-current": box === target ? "page" : void 0,
-      className: cn3(
-        "inline-flex items-center gap-1.5 whitespace-nowrap rounded-full px-3 py-1 text-xs transition-colors",
-        box === target ? NAV_ITEM_SELECTED : NAV_ITEM_UNSELECTED
-      ),
-      children: [
-        target === "inbox" ? /* @__PURE__ */ jsx17(Inbox, { className: "h-3.5 w-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx17(Send5, { className: "h-3.5 w-3.5", "aria-hidden": true }),
-        label,
-        count > 0 && /* @__PURE__ */ jsx17(Badge, { className: "pointer-events-none h-4 min-w-[16px] border-0 bg-primary px-1 text-[9px] font-semibold text-primary-foreground hover:bg-primary", children: count > 99 ? "99+" : count })
-      ]
-    },
-    target
-  );
+  const tabLabel = (target, label) => /* @__PURE__ */ jsxs15("span", { className: "inline-flex items-center gap-1.5", children: [
+    target === "inbox" ? /* @__PURE__ */ jsx17(Inbox, { className: "h-3.5 w-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx17(Send5, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+    label
+  ] });
   return /* @__PURE__ */ jsxs15("div", { className: "mx-auto w-full max-w-3xl", children: [
     /* @__PURE__ */ jsxs15("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs15("span", { className: "hidden items-center gap-1.5 text-sm font-medium sm:inline-flex", children: [
@@ -2602,10 +2586,18 @@ function AccessRequestsSurface() {
         "Access requests"
       ] }),
       /* @__PURE__ */ jsxs15("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsxs15("div", { className: "matrx-glass-thin-border inline-flex items-center gap-1 rounded-full p-1", children: [
-          tab("inbox", "To me", inboxCount),
-          tab("sent", "I sent", sentPending)
-        ] }),
+        /* @__PURE__ */ jsx17(
+          SegmentedControl,
+          {
+            "aria-label": "Request box",
+            value: box,
+            onValueChange: setBox,
+            data: [
+              { value: "inbox", label: tabLabel("inbox", "To me"), count: inboxCount > 0 ? inboxCount : null },
+              { value: "sent", label: tabLabel("sent", "I sent"), count: sentPending > 0 ? sentPending : null }
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx17(
           RefreshCwTapButton,
           {