@ai-matrx/sharing 0.1.4 → 0.1.6

package/dist/access-react.js

@@ -163,12 +163,13 @@ import {
   Trash2,
   TriangleAlert
 } from "lucide-react";
-import { Avatar as Avatar2, AvatarFallback as AvatarFallback2, AvatarImage as AvatarImage2, Button as Button3 } from "@ai-matrx/design-system";
+import { Avatar as Avatar2, AvatarFallback as AvatarFallback2, AvatarImage as AvatarImage2 } from "@ai-matrx/design-system";
+import { Button as Button3 } from "@ai-matrx/design-system/controls";
 
 // src/access/react/RequestAccessPanel.tsx
 import { useState } from "react";
 import { Check, Loader2, Send, Undo2 } from "lucide-react";
-import { Button } from "@ai-matrx/design-system";
+import { Button } from "@ai-matrx/design-system/controls";
 import { getAccessEnv } from "@ai-matrx/data/access";
 import {
   createAccessRequest,
@@ -264,18 +265,15 @@ function RequestAccessPanel({
         cmsToken ? "Your request is saved. Once an owner adds you to the organization, this site will open." : delivered === 0 ? "We couldn't reach them with a message, but your request is saved and they'll see it." : "They\u2019ve been messaged. You\u2019ll get a message back the moment they answer, and this page will open.",
         ui.renderErrorMenu({})
       ] }),
-      /* @__PURE__ */ jsxs2(
+      /* @__PURE__ */ jsx2(
         Button,
         {
-          className: "mt-3 h-8",
-          size: "sm",
+          className: "mt-3",
+          icon: busy ? /* @__PURE__ */ jsx2(Loader2, { className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx2(Undo2, { "aria-hidden": true }),
           variant: "outline",
           disabled: busy,
           onClick: () => void withdraw(),
-          children: [
-            busy ? /* @__PURE__ */ jsx2(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx2(Undo2, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
-            "Withdraw request"
-          ]
+          children: "Withdraw request"
         }
       )
     ] });
@@ -291,17 +289,14 @@ function RequestAccessPanel({
         request.decisionNote,
         "\u201D"
       ] }) : null,
-      /* @__PURE__ */ jsxs2(
+      /* @__PURE__ */ jsx2(
         Button,
         {
-          className: "mt-3 h-8",
-          size: "sm",
+          className: "mt-3",
+          icon: /* @__PURE__ */ jsx2(Send, { "aria-hidden": true }),
           variant: "outline",
           onClick: () => setReasking(true),
-          children: [
-            /* @__PURE__ */ jsx2(Send, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
-            "Ask again"
-          ]
+          children: "Ask again"
         }
       )
     ] });
@@ -343,17 +338,15 @@ function RequestAccessPanel({
         onChange: (event) => setNote(event.target.value)
       }
     ),
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsx2(
       Button,
       {
         className: "mt-3",
-        size: "sm",
+        icon: busy ? /* @__PURE__ */ jsx2(Loader2, { className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx2(Send, { "aria-hidden": true }),
+        variant: "primary",
         disabled: busy,
         onClick: () => void send(),
-        children: [
-          busy ? /* @__PURE__ */ jsx2(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx2(Send, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-          "Request access"
-        ]
+        children: "Request access"
       }
     )
   ] });
@@ -381,7 +374,7 @@ function LevelChoice({
 // src/access/react/BlindAccessAsk.tsx
 import { useState as useState2 } from "react";
 import { KeyRound } from "lucide-react";
-import { Button as Button2 } from "@ai-matrx/design-system";
+import { Button as Button2 } from "@ai-matrx/design-system/controls";
 import { askForAccessBlind, BLIND_ASK_ANSWER } from "@ai-matrx/data/access";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function BlindAccessAsk({
@@ -395,10 +388,11 @@ function BlindAccessAsk({
     return /* @__PURE__ */ jsx3("p", { className: "text-sm text-foreground", role: "status", "data-blind-ask": "asked", children: state.says || BLIND_ASK_ANSWER });
   }
   return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-start gap-2", "data-blind-ask": state.kind, children: [
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsx3(
       Button2,
       {
-        size: "sm",
+        icon: /* @__PURE__ */ jsx3(KeyRound, { "aria-hidden": true }),
+        variant: "primary",
         disabled: state.kind === "asking",
         "aria-busy": state.kind === "asking",
         onClick: () => {
@@ -416,10 +410,7 @@ function BlindAccessAsk({
           );
         },
         "data-tap-target": true,
-        children: [
-          /* @__PURE__ */ jsx3(KeyRound, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-          state.kind === "asking" ? "Asking\u2026" : "Ask for access"
-        ]
+        children: state.kind === "asking" ? "Asking\u2026" : "Ask for access"
       }
     ),
     state.kind === "failed" ? /* @__PURE__ */ jsxs3("p", { className: "text-xs text-destructive", role: "alert", children: [
@@ -488,10 +479,11 @@ function RestoreArchived({
   const [busy, setBusy] = useState4(false);
   const [failure, setFailure] = useState4(null);
   return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsx4(
       Button3,
       {
-        size: "sm",
+        icon: /* @__PURE__ */ jsx4(RotateCcw, { "aria-hidden": true }),
+        variant: "primary",
         disabled: busy,
         onClick: async () => {
           setBusy(true);
@@ -506,10 +498,7 @@ function RestoreArchived({
             setBusy(false);
           }
         },
-        children: [
-          /* @__PURE__ */ jsx4(RotateCcw, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-          busy ? "Restoring\u2026" : "Restore"
-        ]
+        children: busy ? "Restoring\u2026" : "Restore"
       }
     ),
     failure ? /* @__PURE__ */ jsx4(
@@ -627,7 +616,7 @@ function AccessDeniedView({
   const absolute = requestability === "absolute" && context.status === "denied";
   const title = headlineOverride?.trim() || (absolute ? "You can't open this here" : headline(context));
   const body = reason?.trim() || (absolute ? "" : explanation(context));
-  return /* @__PURE__ */ jsx4("div", { className: "matrx-touch-targets flex h-full min-h-64 w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs4("div", { className: "w-full max-w-xl", children: [
+  return /* @__PURE__ */ jsx4("div", { "data-matrx-access-refused": "", className: "matrx-touch-targets flex h-full min-h-64 w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs4("div", { className: "w-full max-w-xl", children: [
     /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-4", children: [
       /* @__PURE__ */ jsx4("div", { className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl border border-border bg-muted", children: /* @__PURE__ */ jsx4(StatusIcon, { status: context.status }) }),
       /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
@@ -720,10 +709,7 @@ function AccessDeniedView({
     }) }) : null,
     footer ? /* @__PURE__ */ jsx4("div", { className: "mt-4", children: footer }) : null,
     /* @__PURE__ */ jsxs4("div", { className: "mt-5 flex flex-wrap items-center gap-2", children: [
-      context.status === "anonymous" ? /* @__PURE__ */ jsx4(Button3, { asChild: true, size: "sm", children: /* @__PURE__ */ jsxs4(AccessLink, { href: signInHref, "data-tap-target": true, children: [
-        /* @__PURE__ */ jsx4(LogIn, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-        "Sign in"
-      ] }) }) : null,
+      context.status === "anonymous" ? /* @__PURE__ */ jsx4(Button3, { asChild: true, icon: /* @__PURE__ */ jsx4(LogIn, { "aria-hidden": true }), variant: "primary", children: /* @__PURE__ */ jsx4(AccessLink, { href: signInHref, "data-tap-target": true, children: "Sign in" }) }) : null,
       mayRestoreArchived(context) ? /* @__PURE__ */ jsx4(
         RestoreArchived,
         {
@@ -737,21 +723,11 @@ function AccessDeniedView({
           }
         }
       ) : null,
-      (context.status === "ok" || context.status === "error") && onRetry ? /* @__PURE__ */ jsxs4(Button3, { size: "sm", onClick: onRetry, children: [
-        /* @__PURE__ */ jsx4(RefreshCw, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-        "Try again"
-      ] }) : null,
-      ancestor && ancestorHref ? /* @__PURE__ */ jsx4(Button3, { asChild: true, size: "sm", variant: "outline", children: /* @__PURE__ */ jsxs4(AccessLink, { href: ancestorHref, "data-tap-target": true, children: [
-        /* @__PURE__ */ jsx4(ArrowLeft, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
+      (context.status === "ok" || context.status === "error") && onRetry ? /* @__PURE__ */ jsx4(Button3, { icon: /* @__PURE__ */ jsx4(RefreshCw, { "aria-hidden": true }), variant: "primary", onClick: onRetry, children: "Try again" }) : null,
+      ancestor && ancestorHref ? /* @__PURE__ */ jsx4(Button3, { asChild: true, icon: /* @__PURE__ */ jsx4(ArrowLeft, { "aria-hidden": true }), variant: "outline", children: /* @__PURE__ */ jsxs4(AccessLink, { href: ancestorHref, "data-tap-target": true, children: [
         "Open ",
         ancestor.title ?? ancestor.label.toLowerCase()
-      ] }) }) : fallbackHref ? /* @__PURE__ */ jsx4(Button3, { asChild: true, size: "sm", variant: "outline", children: /* @__PURE__ */ jsxs4(AccessLink, { href: fallbackHref, "data-tap-target": true, children: [
-        /* @__PURE__ */ jsx4(ArrowLeft, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-        fallbackLabel ?? "Back to what you can see"
-      ] }) }) : /* @__PURE__ */ jsxs4(Button3, { size: "sm", variant: "outline", onClick: () => router.back(), children: [
-        /* @__PURE__ */ jsx4(ArrowLeft, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-        "Go back"
-      ] })
+      ] }) }) : fallbackHref ? /* @__PURE__ */ jsx4(Button3, { asChild: true, icon: /* @__PURE__ */ jsx4(ArrowLeft, { "aria-hidden": true }), variant: "outline", children: /* @__PURE__ */ jsx4(AccessLink, { href: fallbackHref, "data-tap-target": true, children: fallbackLabel ?? "Back to what you can see" }) }) : /* @__PURE__ */ jsx4(Button3, { icon: /* @__PURE__ */ jsx4(ArrowLeft, { "aria-hidden": true }), variant: "outline", onClick: () => router.back(), children: "Go back" })
     ] })
   ] }) });
 }
@@ -1071,7 +1047,7 @@ function ForbiddenSurfaceView({
   homeHref = "/dashboard"
 }) {
   const unverified = state === "unverified";
-  return /* @__PURE__ */ jsx8("div", { className: "flex h-full min-h-64 w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-lg", children: [
+  return /* @__PURE__ */ jsx8("div", { "data-matrx-access-refused": "", className: "flex h-full min-h-64 w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-lg", children: [
     /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-4", children: [
       /* @__PURE__ */ jsx8("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx8(Lock3, { className: "h-6 w-6 text-muted-foreground", "aria-hidden": true }) }),
       /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [