@ai-matrx/sharing 0.1.4 → 0.1.6

package/dist/react.js

@@ -2,7 +2,8 @@
 
 // src/react/sheet/host.tsx
 import { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from "react";
-import { Button, Input } from "@ai-matrx/design-system";
+import { Input } from "@ai-matrx/design-system";
+import { Button } from "@ai-matrx/design-system/controls";
 import { copyText } from "@ai-matrx/kit/clipboard";
 import { confirm as kitConfirm } from "@ai-matrx/kit/confirm-opener";
 import { readOrganizationMemberRows } from "@ai-matrx/sharing/core";
@@ -22,8 +23,7 @@ function DefaultCopyButtons(props) {
     Button,
     {
       type: "button",
-      variant: "ghost",
-      size: "sm",
+      variant: "quiet",
       className: props.className,
       onClick: () => {
         void copyText(text()).then(() => {
@@ -375,7 +375,7 @@ var ShareTabsTrigger = React.forwardRef(
 ShareTabsTrigger.displayName = "ShareTabsTrigger";
 
 // src/react/sheet/ShareModal.tsx
-import { Button as Button10 } from "@ai-matrx/design-system";
+import { Button as Button10 } from "@ai-matrx/design-system/controls";
 import {
   Users as Users5,
   Globe as Globe5,
@@ -879,7 +879,7 @@ import { AlertTriangle as AlertTriangle4, Lock as Lock3 } from "lucide-react";
 
 // src/react/sheet/PermissionsList.tsx
 import { useState as useState4 } from "react";
-import { Button as Button2 } from "@ai-matrx/design-system";
+import { Button as Button2 } from "@ai-matrx/design-system/controls";
 import { Card } from "@ai-matrx/design-system";
 import { cn } from "@ai-matrx/design-system/cn";
 import { Select, SelectContent, SelectItem, SelectValue } from "@ai-matrx/design-system";
@@ -1316,14 +1316,12 @@ function PermissionsList({
                   /* @__PURE__ */ jsx4(
                     Button2,
                     {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "h-7 w-7",
+                      icon: isRevoking ? /* @__PURE__ */ jsx4(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsx4(X, {}),
+                      variant: "quiet",
                       "aria-label": `Revoke access for ${getPermissionLabel(permission)}`,
                       title: `Revoke access for ${getPermissionLabel(permission)}`,
                       onClick: () => setConfirmRevoke({ open: true, permission }),
-                      disabled: isUpdating || isRevoking,
-                      children: isRevoking ? /* @__PURE__ */ jsx4(Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx4(X, { className: "w-3 h-3" })
+                      disabled: isUpdating || isRevoking
                     }
                   )
                 ] }) : /* @__PURE__ */ jsx4(Fragment, { children: permission.isPublic ? /* @__PURE__ */ jsx4(PublicBadge, { variant: "compact" }) : /* @__PURE__ */ jsx4(
@@ -1660,7 +1658,7 @@ function ReasonRow({
 
 // src/react/sheet/ShareWithUserTab.tsx
 import { useState as useState6, useMemo as useMemo2, useEffect as useEffect6 } from "react";
-import { Button as Button4 } from "@ai-matrx/design-system";
+import { Button as Button4 } from "@ai-matrx/design-system/controls";
 import { Label as Label2 } from "@ai-matrx/design-system";
 import { Select as Select3, SelectContent as SelectContent3, SelectItem as SelectItem3, SelectValue as SelectValue3 } from "@ai-matrx/design-system";
 import { SelectTrigger as SelectTrigger3 } from "@ai-matrx/design-system/controls";
@@ -1699,7 +1697,7 @@ import { readOrganizationMemberRows as readOrganizationMemberRows2 } from "@ai-m
 import { listTeamMembers, listTeams } from "@ai-matrx/sharing/core";
 import { useEffect as useEffect5, useState as useState5 } from "react";
 import { Building2 as Building22, CheckCircle, Loader2 as Loader23, Users as Users3, XCircle } from "lucide-react";
-import { Button as Button3 } from "@ai-matrx/design-system";
+import { Button as Button3 } from "@ai-matrx/design-system/controls";
 import { Checkbox } from "@ai-matrx/design-system";
 import { Label } from "@ai-matrx/design-system";
 import { Select as Select2, SelectContent as SelectContent2, SelectItem as SelectItem2, SelectValue as SelectValue2 } from "@ai-matrx/design-system";
@@ -1819,21 +1817,19 @@ function AddEveryoneInOrg({
   };
   if (orgs.length === 0) return null;
   if (!open) {
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsx6(
       Button3,
       {
+        icon: /* @__PURE__ */ jsx6(Users3, {}),
         type: "button",
         variant: "outline",
-        className: "w-full h-9",
+        className: "w-full",
         onClick: () => {
           if (!orgId && defaultOrgId && orgs.some((o) => o.id === defaultOrgId))
             setOrgId(defaultOrgId);
           setOpen(true);
         },
-        children: [
-          /* @__PURE__ */ jsx6(Users3, { className: "w-4 h-4 mr-2" }),
-          "Add everyone in an organization or team"
-        ]
+        children: "Add everyone in an organization or team"
       }
     );
   }
@@ -1971,10 +1967,11 @@ function AddEveryoneInOrg({
         members && members.length > 0 && (chosen.length > 0 || running) ? /* @__PURE__ */ jsx6(
           Button3,
           {
+            variant: "primary",
             type: "button",
             onClick: run,
             disabled: running || chosen.length === 0,
-            className: "w-full h-9",
+            className: "w-full",
             children: running ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
               /* @__PURE__ */ jsx6(Loader23, { className: "w-4 h-4 mr-2 animate-spin" }),
               "Sharing\u2026"
@@ -2418,9 +2415,10 @@ function ShareWithUserTab({
       /* @__PURE__ */ jsx7(
         Button4,
         {
+          variant: "primary",
           onClick: handleShare,
           disabled: isLoading || !email.trim() || chosenWhy !== null,
-          className: "w-full h-9",
+          className: "w-full",
           children: isLoading ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
             /* @__PURE__ */ jsx7(Loader24, { className: "w-4 h-4 mr-2 animate-spin" }),
             status.message || "Processing..."
@@ -2458,7 +2456,7 @@ import {
   Send,
   Trash2
 } from "lucide-react";
-import { Button as Button5 } from "@ai-matrx/design-system";
+import { Button as Button5 } from "@ai-matrx/design-system/controls";
 import { Input as Input2 } from "@ai-matrx/design-system/controls";
 import { Label as Label3 } from "@ai-matrx/design-system";
 import { Select as Select4, SelectContent as SelectContent4, SelectItem as SelectItem4, SelectValue as SelectValue4 } from "@ai-matrx/design-system";
@@ -2550,7 +2548,7 @@ function OutsideSharePanel({
           /* @__PURE__ */ jsx8("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: loadError })
         ] })
       ] }),
-      /* @__PURE__ */ jsx8(Button5, { size: "sm", variant: "outline", className: "mt-2", onClick: () => void refresh(), children: "Try again" })
+      /* @__PURE__ */ jsx8(Button5, { variant: "outline", className: "mt-2", onClick: () => void refresh(), children: "Try again" })
     ] });
   }
   if (!state2) {
@@ -2596,10 +2594,11 @@ function OutsideSharePanel({
           /* @__PURE__ */ jsx8(SelectContent4, { children: state2.levels.map((l) => /* @__PURE__ */ jsx8(SelectItem4, { value: l.level, children: l.means }, l.level)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsx8(
         Button5,
         {
-          size: "sm",
+          icon: busy === "invite" ? /* @__PURE__ */ jsx8(Loader25, { className: "animate-spin" }) : /* @__PURE__ */ jsx8(Send, {}),
+          variant: "primary",
           disabled: !email.trim() || busy === "invite",
           onClick: () => void run("invite", async () => {
             const answer = await shareWithOutsidePerson(organizationId, tableId, email.trim(), level);
@@ -2607,10 +2606,7 @@ function OutsideSharePanel({
             if (answer.granted) onGranted?.();
             return answer;
           }),
-          children: [
-            busy === "invite" ? /* @__PURE__ */ jsx8(Loader25, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx8(Send, { className: "mr-1.5 h-4 w-4" }),
-            "Share"
-          ]
+          children: "Share"
         }
       )
     ] }) : null,
@@ -2629,42 +2625,40 @@ function OutsideSharePanel({
         /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-xs text-muted-foreground", children: row.say })
       ] }),
       state2.may_invite ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-shrink-0 gap-1", children: [
-        row.accept_path ? /* @__PURE__ */ jsxs7(
+        row.accept_path ? /* @__PURE__ */ jsx8(
           Button5,
           {
-            size: "sm",
-            variant: "ghost",
+            icon: copied === row.invitation_id ? /* @__PURE__ */ jsx8(Check, {}) : /* @__PURE__ */ jsx8(Link2, {}),
+            variant: "quiet",
             title: "Copy invitation link",
             onClick: () => void copyLink(
               row.invitation_id,
               row.accept_path,
               row.email
             ),
-            children: [
-              copied === row.invitation_id ? /* @__PURE__ */ jsx8(Check, { className: "mr-1.5 h-4 w-4" }) : /* @__PURE__ */ jsx8(Link2, { className: "mr-1.5 h-4 w-4" }),
-              /* @__PURE__ */ jsx8("span", { className: "text-xs", children: copied === row.invitation_id ? "Copied" : "Copy link" })
-            ]
+            children: /* @__PURE__ */ jsx8("span", { className: "text-xs", children: copied === row.invitation_id ? "Copied" : "Copy link" })
           }
         ) : null,
         !row.joined ? /* @__PURE__ */ jsx8(
           Button5,
           {
-            size: "sm",
-            variant: "ghost",
+            icon: busy === `resend:${row.invitation_id}` ? /* @__PURE__ */ jsx8(Loader25, { className: "animate-spin" }) : /* @__PURE__ */ jsx8(RotateCw, {}),
+            "aria-label": "Send a fresh link",
+            variant: "quiet",
             title: "Send a fresh link",
             disabled: busy === `resend:${row.invitation_id}`,
             onClick: () => void run(
               `resend:${row.invitation_id}`,
               () => resendOutside(organizationId, row.invitation_id)
-            ),
-            children: busy === `resend:${row.invitation_id}` ? /* @__PURE__ */ jsx8(Loader25, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx8(RotateCw, { className: "h-4 w-4" })
+            )
           }
         ) : null,
         /* @__PURE__ */ jsx8(
           Button5,
           {
-            size: "sm",
-            variant: "ghost",
+            icon: busy === `revoke:${row.invitation_id}` ? /* @__PURE__ */ jsx8(Loader25, { className: "animate-spin" }) : /* @__PURE__ */ jsx8(Trash2, {}),
+            "aria-label": row.joined ? "Take their access away" : "Withdraw the invitation",
+            variant: "quiet",
             title: row.joined ? "Take their access away" : "Withdraw the invitation",
             disabled: busy === `revoke:${row.invitation_id}`,
             onClick: () => void (async () => {
@@ -2679,8 +2673,7 @@ function OutsideSharePanel({
                 `revoke:${row.invitation_id}`,
                 () => revokeOutside(organizationId, row.invitation_id)
               );
-            })(),
-            children: busy === `revoke:${row.invitation_id}` ? /* @__PURE__ */ jsx8(Loader25, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx8(Trash2, { className: "h-4 w-4" })
+            })()
           }
         )
       ] }) : null
@@ -2694,7 +2687,7 @@ import { shareWithOutsidePerson as shareWithOutsidePerson2 } from "@ai-matrx/sha
 // src/react/sheet/WhoCouldSeeOn.tsx
 import { useState as useState8 } from "react";
 import { History, Loader2 as Loader26 } from "lucide-react";
-import { Button as Button6 } from "@ai-matrx/design-system";
+import { Button as Button6 } from "@ai-matrx/design-system/controls";
 import { DateTimeField } from "@ai-matrx/design-system/controls";
 import { createClient as createClient3, PERMISSION_LEVEL_SHORT_LABELS as PERMISSION_LEVEL_SHORT_LABELS4 } from "@ai-matrx/sharing/core";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -2734,10 +2727,7 @@ function WhoCouldSeeOn({ recordId }) {
           className: "min-w-0 flex-1"
         }
       ),
-      /* @__PURE__ */ jsxs8(Button6, { size: "sm", variant: "outline", className: "h-7 px-2 text-xs", disabled: busy || at === "", onClick: () => void ask(), "data-who-could-see-ask": "", children: [
-        busy ? /* @__PURE__ */ jsx9(Loader26, { className: "mr-1 h-3.5 w-3.5 animate-spin" }) : null,
-        "Ask"
-      ] })
+      /* @__PURE__ */ jsx9(Button6, { icon: busy ? /* @__PURE__ */ jsx9(Loader26, { className: "animate-spin" }) : null, variant: "outline", disabled: busy || at === "", onClick: () => void ask(), "data-who-could-see-ask": "", children: "Ask" })
     ] }),
     people ? people.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: "Nobody could see it then." }) : /* @__PURE__ */ jsx9("ul", { className: "flex flex-col gap-0.5", "data-who-could-see-list": "", children: people.map((p) => /* @__PURE__ */ jsxs8("li", { className: "flex items-center justify-between gap-2 text-xs", "data-who-could-see-person": p.id ?? "", children: [
       /* @__PURE__ */ jsxs8("span", { className: "min-w-0 truncate", children: [
@@ -2834,7 +2824,7 @@ var SwitchLegacy = React6.forwardRef(({ size = "sm", ...props }, ref) => /* @__P
 SwitchLegacy.displayName = "SwitchLegacy";
 
 // src/react/sheet/RowControls.tsx
-import { Button as Button8 } from "@ai-matrx/design-system";
+import { Button as Button8 } from "@ai-matrx/design-system/controls";
 
 // src/react/sheet/ui/toggle-group.tsx
 import {
@@ -2867,8 +2857,7 @@ import { AlertTriangle as AlertTriangle3 } from "lucide-react";
 
 // src/react/sheet/ShareLinkPanel.tsx
 import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef2, useState as useState10 } from "react";
-import { Button as Button7 } from "@ai-matrx/design-system";
-import { DateTimeField as DateTimeField2, Input as Input3, Select as Select5 } from "@ai-matrx/design-system/controls";
+import { Button as Button7, DateTimeField as DateTimeField2, Input as Input3, Select as Select5 } from "@ai-matrx/design-system/controls";
 import { OutboundLink } from "@ai-matrx/kit/outbound-react";
 import { formatAbsoluteDate } from "@ai-matrx/kit/format";
 import {
@@ -3383,17 +3372,15 @@ function ShareLinkPanel({
           /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: hasLink ? `Link is on \xB7 ${activeLinks.length} active` : "Create a link that opens with no sign-in required" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsx14(
         Button7,
         {
-          size: "sm",
+          icon: creating ? /* @__PURE__ */ jsx14(Loader27, { className: "animate-spin" }) : /* @__PURE__ */ jsx14(Plus, {}),
+          variant: "primary",
           onClick: handleCreate,
           disabled: creating,
           className: "flex-shrink-0",
-          children: [
-            creating ? /* @__PURE__ */ jsx14(Loader27, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx14(Plus, { className: "w-4 h-4" }),
-            /* @__PURE__ */ jsx14("span", { className: "ml-1 hidden sm:inline", children: hasLink ? "New link" : "Create link" })
-          ]
+          children: /* @__PURE__ */ jsx14("span", { className: "ml-1 hidden sm:inline", children: hasLink ? "New link" : "Create link" })
         }
       )
     ] }),
@@ -3469,14 +3456,13 @@ function ShareLinkPanel({
               /* @__PURE__ */ jsx14(
                 Button7,
                 {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+                  icon: copiedId === `${link.id}:${extra.key}` ? /* @__PURE__ */ jsx14(Check2, { className: "text-green-500" }) : /* @__PURE__ */ jsx14(Copy, {}),
+                  variant: "quiet",
+                  className: "flex-shrink-0",
                   onClick: () => copyExtraUrl(`${link.id}:${extra.key}`, extra.url),
                   disabled: !!unavailableReason,
                   title: unavailableReason ?? "Copy",
-                  "aria-label": `Copy ${extra.label}`,
-                  children: copiedId === `${link.id}:${extra.key}` ? /* @__PURE__ */ jsx14(Check2, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx14(Copy, { className: "w-4 h-4" })
+                  "aria-label": `Copy ${extra.label}`
                 }
               )
             ]
@@ -3518,39 +3504,37 @@ function ShareLinkPanel({
           /* @__PURE__ */ jsx14(
             Button7,
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              icon: copiedId === link.id ? /* @__PURE__ */ jsx14(Check2, { className: "text-green-500" }) : /* @__PURE__ */ jsx14(Copy, {}),
+              variant: "quiet",
+              className: "flex-shrink-0",
               onClick: () => copyLink(link),
               disabled: !!unavailableReason,
               title: unavailableReason ?? "Copy link",
-              "aria-label": "Copy share link",
-              children: copiedId === link.id ? /* @__PURE__ */ jsx14(Check2, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx14(Copy, { className: "w-4 h-4" })
+              "aria-label": "Copy share link"
             }
           ),
           /* @__PURE__ */ jsx14(
             Button7,
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              icon: refreshing ? /* @__PURE__ */ jsx14(Loader27, { className: "animate-spin" }) : /* @__PURE__ */ jsx14(MessageSquareText, {}),
+              variant: "quiet",
+              className: "flex-shrink-0",
               onClick: () => prepareTextShare(link.id),
               disabled: !!unavailableReason || refreshing,
               title: unavailableReason ?? "Review before sharing by text",
-              "aria-label": "Share by text",
-              children: refreshing ? /* @__PURE__ */ jsx14(Loader27, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx14(MessageSquareText, { className: "w-4 h-4" })
+              "aria-label": "Share by text"
             }
           ),
           /* @__PURE__ */ jsx14(
             Button7,
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-11 w-11 flex-shrink-0 text-destructive sm:h-8 sm:w-8",
+              icon: /* @__PURE__ */ jsx14(Trash22, {}),
+              removes: true,
+              variant: "quiet",
+              className: "flex-shrink-0",
               onClick: () => setRevokeTarget(link),
               title: "Turn off link",
-              "aria-label": "Turn off share link",
-              children: /* @__PURE__ */ jsx14(Trash22, { className: "w-4 h-4" })
+              "aria-label": "Turn off share link"
             }
           )
         ] })
@@ -3563,18 +3547,15 @@ function ShareLinkPanel({
         className: "flex items-center justify-between gap-2 text-xs text-destructive",
         children: [
           /* @__PURE__ */ jsx14("span", { children: shareError }),
-          /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsx14(
             Button7,
             {
+              icon: /* @__PURE__ */ jsx14(RefreshCw, {}),
               type: "button",
               variant: "outline",
-              size: "sm",
               disabled: isLoading,
               onClick: () => refresh(),
-              children: [
-                /* @__PURE__ */ jsx14(RefreshCw, { className: "mr-1 h-3.5 w-3.5" }),
-                "Refresh"
-              ]
+              children: "Refresh"
             }
           ),
           /* @__PURE__ */ jsx14(ShareErrorAlchemyMenu, { className: "ml-auto" })
@@ -3608,18 +3589,16 @@ function ShareLinkPanel({
             /* @__PURE__ */ jsx14("p", { className: "text-xs font-medium", children: "Message preview" }),
             /* @__PURE__ */ jsx14("p", { className: "rounded-md border bg-muted/30 p-3 break-words", children: createSafeShareMessage(urlFor(shareTarget)) })
           ] }),
-          /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsx14(
             Button7,
             {
+              icon: /* @__PURE__ */ jsx14(Copy, {}),
               type: "button",
               variant: "outline",
-              className: "min-h-11 w-full sm:min-h-0",
+              className: "w-full",
               disabled: handoffBusy,
               onClick: handleCopyReviewedMessage,
-              children: [
-                /* @__PURE__ */ jsx14(Copy, { className: "mr-2 h-4 w-4" }),
-                "Copy message"
-              ]
+              children: "Copy message"
             }
           ),
           /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: "You can turn this link off from the share panel at any time." })
@@ -3996,12 +3975,12 @@ function RowControls({
             /* @__PURE__ */ jsx17(
               Button8,
               {
-                variant: "ghost",
-                size: "icon",
-                className: "h-7 w-7 flex-shrink-0",
+                icon: copied ? /* @__PURE__ */ jsx17(Check3, {}) : /* @__PURE__ */ jsx17(Copy2, {}),
+                "aria-label": "Copy web address",
+                variant: "quiet",
+                className: "flex-shrink-0",
                 onClick: () => void copyAddress(),
-                title: "Copy web address",
-                children: copied ? /* @__PURE__ */ jsx17(Check3, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx17(Copy2, { className: "h-3.5 w-3.5" })
+                title: "Copy web address"
               }
             )
           ] })
@@ -4162,7 +4141,7 @@ function WhoCanSeeThis({
 // src/react/sheet/SecureLinkPanel.tsx
 import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef3, useState as useState15 } from "react";
 import { Loader2 as Loader210, Mail as Mail3, MessageSquare as MessageSquare3, ShieldCheck } from "lucide-react";
-import { Button as Button9 } from "@ai-matrx/design-system";
+import { Button as Button9 } from "@ai-matrx/design-system/controls";
 import { Checkbox as Checkbox2 } from "@ai-matrx/design-system";
 import { Input as Input4 } from "@ai-matrx/design-system/controls";
 import { Label as Label4 } from "@ai-matrx/design-system";
@@ -4416,10 +4395,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs15(Button9, { className: "w-full", onClick: send, disabled: !canSend, children: [
-      sending ? /* @__PURE__ */ jsx19(Loader210, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
-      "Send secure link"
-    ] }),
+    /* @__PURE__ */ jsx19(Button9, { icon: sending ? /* @__PURE__ */ jsx19(Loader210, { className: "animate-spin" }) : null, variant: "primary", className: "w-full", onClick: send, disabled: !canSend, children: "Send secure link" }),
     result ? /* @__PURE__ */ jsxs15(
       "div",
       {
@@ -4442,7 +4418,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
             row.field_keys.length > 0 ? ` \xB7 with ${row.field_keys.join(", ")}` : ""
           ] })
         ] }),
-        row.status === "pending" ? /* @__PURE__ */ jsx19(Button9, { size: "sm", variant: "outline", onClick: () => void turnOff(row), children: "Turn off" }) : null
+        row.status === "pending" ? /* @__PURE__ */ jsx19(Button9, { variant: "outline", onClick: () => void turnOff(row), children: "Turn off" }) : null
       ] }, row.id)) })
     ] }) : null
   ] });
@@ -4638,18 +4614,15 @@ function ShareModal({
           }
         ) }) })
       ] }),
-      /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsx20(
         Button10,
         {
+          icon: emailingLink ? /* @__PURE__ */ jsx20(Loader211, { className: "animate-spin" }) : emailSent ? /* @__PURE__ */ jsx20(CheckCircle3, { className: "text-green-500" }) : /* @__PURE__ */ jsx20(Mail4, {}),
           variant: "outline",
-          size: "sm",
           onClick: handleEmailLink,
           disabled: emailingLink,
           className: "flex-shrink-0",
-          children: [
-            emailingLink ? /* @__PURE__ */ jsx20(Loader211, { className: "h-4 w-4 animate-spin" }) : emailSent ? /* @__PURE__ */ jsx20(CheckCircle3, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ jsx20(Mail4, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx20("span", { className: "ml-1.5 hidden sm:inline", children: emailSent ? "Sent!" : "Email link" })
-          ]
+          children: /* @__PURE__ */ jsx20("span", { className: "ml-1.5 hidden sm:inline", children: emailSent ? "Sent!" : "Email link" })
         }
       )
     ] }) }),