@arbidocs/blocks 0.4.84 → 0.4.85

package/dist/chunk-3R6XBYL7.cjs

@@ -0,0 +1,576 @@
+"use client";
+'use strict';
+
+var chunkIXALYQT7_cjs = require('./chunk-IXALYQT7.cjs');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var DOMPurify = require('dompurify');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
+
+var DELIVERY_BADGE = {
+  bounced: {
+    label: "Bounced",
+    title: "Not delivered: the recipient's mail server sent this message back.",
+    tone: "bg-destructive/10 text-destructive"
+  },
+  partially_bounced: {
+    label: "Partly bounced",
+    title: "Some recipients did not get this message. Open it to see who.",
+    tone: "bg-destructive/10 text-destructive"
+  },
+  delayed: {
+    label: "Delayed",
+    title: "Delivery is delayed; the recipient's server will keep retrying.",
+    tone: "bg-muted text-muted-foreground"
+  }
+};
+function MailDeliveryBadge({
+  problem,
+  className
+}) {
+  const badge = DELIVERY_BADGE[problem];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: ui.cn("shrink-0 rounded-full px-2 py-0.5 text-xs font-medium", badge.tone, className),
+      title: badge.title,
+      "data-testid": "mail-delivery-badge",
+      children: badge.label
+    }
+  );
+}
+function MailMessagePreview({
+  participants,
+  subject,
+  preview,
+  date,
+  dateTime,
+  unread,
+  hasAttachments,
+  deliveryProblem: deliveryProblem2
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full w-full min-w-0 flex-col justify-center gap-0.5 text-sm leading-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("min-w-0 flex-1 truncate", unread && "font-semibold"), children: participants }),
+      hasAttachments && /* @__PURE__ */ jsxRuntime.jsx(
+        lucideReact.Paperclip,
+        {
+          className: "size-3.5 shrink-0 text-muted-foreground",
+          "aria-label": "Has attachments"
+        }
+      ),
+      deliveryProblem2 && /* @__PURE__ */ jsxRuntime.jsx(MailDeliveryBadge, { problem: deliveryProblem2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime, className: "shrink-0 text-xs font-normal text-muted-foreground", children: date })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("truncate", unread && "font-semibold"), children: subject || "(No subject)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-normal text-muted-foreground", children: preview || "\xA0" })
+  ] });
+}
+
+// src/collaboration/mail/mailCompose.ts
+var emptyMailCompose = () => ({
+  to: [],
+  cc: [],
+  bcc: [],
+  subject: "",
+  text: "",
+  attachments: []
+});
+var mailAddressLabel = (person) => person.name || person.email;
+function parseMailRecipients(value) {
+  const addresses = (value.match(/(?:[^,;"\n]|"[^"]*")+/g) ?? []).map((entry) => entry.trim()).filter(Boolean).map((entry) => {
+    const named = entry.match(/^(.*?)\s*<([^<>]+)>$/);
+    return named ? { email: named[2].trim(), name: named[1].trim().replace(/^"|"$/g, "") } : { email: entry };
+  });
+  return addresses.filter(
+    (address, index) => addresses.findIndex((item) => item.email.toLowerCase() === address.email.toLowerCase()) === index
+  );
+}
+function replyMailCompose(message, {
+  account,
+  folderRole,
+  forward = false,
+  all = false,
+  attachments = []
+}) {
+  return {
+    ...emptyMailCompose(),
+    to: forward ? [] : folderRole === "sent" ? message.to : message.sender,
+    cc: all ? [...message.to, ...message.cc].filter(
+      (r) => r.email.toLowerCase() !== account.email.toLowerCase() && !message.sender.some((s) => s.email.toLowerCase() === r.email.toLowerCase())
+    ).filter(
+      (r, i, values) => values.findIndex((v) => v.email.toLowerCase() === r.email.toLowerCase()) === i
+    ) : [],
+    subject: `${forward ? "Fwd" : "Re"}: ${message.subject.replace(/^(Re|Fwd):\s*/i, "")}`,
+    text: `
+
+${message.sender.map((s) => s.email).join(", ")} wrote:
+${message.text}`,
+    in_reply_to: forward ? void 0 : message.message_id,
+    references: [...message.references, ...message.message_id ? [message.message_id] : []],
+    attachments,
+    secure_delivery: message.secure_delivery
+  };
+}
+function draftMailCompose(message, attachments) {
+  return {
+    to: message.to,
+    cc: message.cc,
+    bcc: message.bcc,
+    subject: message.subject,
+    text: message.text,
+    html: message.html,
+    attachments,
+    draft_id: message.id,
+    secure_delivery: message.secure_delivery
+  };
+}
+var hasCalendarPart = (attachments) => attachments.some(
+  (a) => /^text\/calendar\b|^application\/ics\b/i.test(a.content_type) || /\.ics$/i.test(a.name)
+);
+function deliveryProblem(status) {
+  return status === "bounced" || status === "partially_bounced" || status === "delayed" ? status : void 0;
+}
+function MailGrid({
+  messages,
+  loading,
+  selected,
+  onSelect,
+  outgoing = false,
+  personLabel = mailAddressLabel,
+  gridState,
+  onGridStateChange
+}) {
+  const columns = react.useMemo(
+    () => [
+      {
+        colId: "unread",
+        cellStyle: { padding: 0, justifyContent: "center" },
+        headerName: "",
+        width: 34,
+        minWidth: 34,
+        maxWidth: 34,
+        sortable: false,
+        resizable: false,
+        cellRenderer: ({ data }) => data?.unread ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block size-2 rounded-full bg-primary", "aria-label": "Unread" }) : null
+      },
+      {
+        colId: "message",
+        cellClass: "[&_.ag-cell-value]:h-full [&_.ag-cell-value]:w-full [&_.ag-cell-wrapper]:h-full [&_.ag-cell-wrapper]:w-full",
+        headerName: "Message",
+        flex: 1,
+        minWidth: 240,
+        sortable: false,
+        valueGetter: (p) => p.data?.subject ?? "",
+        cellRenderer: ({ data }) => data ? /* @__PURE__ */ jsxRuntime.jsx(
+          MailMessagePreview,
+          {
+            participants: (outgoing ? data.to : data.sender).map(personLabel).join(", "),
+            subject: data.subject,
+            preview: data.preview,
+            unread: data.unread,
+            hasAttachments: Boolean(data.attachments.length),
+            deliveryProblem: deliveryProblem(data.delivery_status),
+            dateTime: data.received_at,
+            date: data.received_at ? new Date(data.received_at).toLocaleString(void 0, {
+              month: "short",
+              day: "numeric",
+              hour: "2-digit",
+              minute: "2-digit"
+            }) : ""
+          }
+        ) : null
+      }
+    ],
+    [outgoing, personLabel]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkIXALYQT7_cjs.GridView,
+    {
+      items: messages,
+      columnDefs: columns,
+      getItemId: (m) => m.id,
+      onRowClick: (m) => onSelect(m.id),
+      height: "100%",
+      rowHeight: 84,
+      persistState: Boolean(onGridStateChange),
+      gridId: "personal-mail-grid-v2",
+      gridState,
+      onGridStateChange,
+      testId: "mail-grid",
+      isLoading: loading,
+      getRowTestId: (m) => `mail-row-${m.id}`,
+      emptyState: {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "size-10 text-muted-foreground/50" }),
+        title: "No messages",
+        message: "Messages in this folder will appear here."
+      },
+      gridOptions: {
+        headerHeight: 0,
+        suppressCellFocus: false,
+        onCellKeyDown: (event) => {
+          if (event.event?.key === "Enter" && event.data) onSelect(event.data.id);
+        },
+        defaultColDef: {
+          sortable: true,
+          resizable: true,
+          filter: false
+        },
+        rowClassRules: { "bg-muted/60": (p) => p.data?.id === selected }
+      }
+    }
+  );
+}
+var ICONS = {
+  accepted: lucideReact.Send,
+  relayed: lucideReact.Send,
+  expanded: lucideReact.Send,
+  delivered: lucideReact.CheckCircle2,
+  delayed: lucideReact.Clock,
+  rejected: lucideReact.AlertCircle,
+  failed: lucideReact.AlertCircle
+};
+var LABELS = {
+  accepted: "Sent",
+  relayed: "Sent",
+  expanded: "Sent",
+  delivered: "Delivered",
+  delayed: "Delayed",
+  rejected: "Not delivered",
+  failed: "Not delivered"
+};
+function MailDeliveryList({
+  recipients
+}) {
+  if (recipients.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "aria-label": "Delivery",
+      className: "mb-5 rounded-md border border-border/60 px-3 py-2",
+      "data-testid": "mail-delivery-list",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 text-xs font-medium text-muted-foreground", children: "Delivery" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: recipients.map((recipient) => {
+          const Icon = ICONS[recipient.status];
+          const failed = recipient.status === "failed" || recipient.status === "rejected";
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "li",
+            {
+              className: "flex flex-wrap items-baseline gap-x-2 text-sm",
+              "data-testid": `mail-delivery-${recipient.email}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon,
+                  {
+                    "aria-hidden": "true",
+                    className: ui.cn(
+                      "size-3.5 shrink-0 self-center",
+                      failed ? "text-destructive" : "text-muted-foreground"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: recipient.email }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ui.cn(failed ? "text-destructive" : "text-muted-foreground"), children: [
+                  LABELS[recipient.status],
+                  ": ",
+                  recipient.description
+                ] })
+              ]
+            },
+            recipient.email
+          );
+        }) })
+      ]
+    }
+  );
+}
+var NEEDS_CONNECTION = "Available when you are back online";
+var SANITIZE = {
+  ALLOWED_TAGS: [
+    "p",
+    "br",
+    "strong",
+    "b",
+    "em",
+    "i",
+    "u",
+    "s",
+    "ul",
+    "ol",
+    "li",
+    "a",
+    "span",
+    "blockquote"
+  ],
+  ALLOWED_ATTR: ["href"],
+  ALLOW_DATA_ATTR: false
+};
+function MailMessageView({
+  account,
+  message,
+  folderRole,
+  folders,
+  isOnline,
+  loading,
+  uploadPending,
+  onBack,
+  onEditDraft,
+  onReply,
+  onUpdate,
+  onDownloadAttachment,
+  onDownloadOriginal,
+  onSaveToWorkspace,
+  personLabel = mailAddressLabel,
+  renderInvite
+}) {
+  const offlineTitle = isOnline ? void 0 : NEEDS_CONNECTION;
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "min-w-0 flex-1 overflow-auto p-4 sm:p-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { className: "mb-3", variant: "ghost", onClick: onBack, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "mr-2 size-4" }),
+      "Back"
+    ] }),
+    loading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Loading message\u2026" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "-mx-4 mb-5 flex flex-wrap items-center gap-1 border-b bg-muted/20 px-3 py-1.5 sm:-mx-5 [&_button]:h-8 [&_button]:px-2 [&_button]:text-xs", children: [
+      folderRole === "drafts" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onEditDraft, children: "Edit draft" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "ghost", onClick: () => onReply(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Reply, { className: "mr-2 size-4" }),
+          "Reply"
+        ] }),
+        message.to.length + message.cc.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", onClick: () => onReply(false, true), children: "Reply all" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "ghost", onClick: () => onReply(true), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Forward, { className: "mr-2 size-4" }),
+          "Forward"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "ghost",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: () => onUpdate({ unread: !message.unread }),
+          children: message.unread ? "Mark read" : "Mark unread"
+        }
+      ),
+      (folderRole === "archive" || folderRole === "trash") && /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "ghost",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: () => onUpdate({ folder_id: folders?.find((f) => f.role === "inbox")?.id ?? "inbox" }),
+          children: "Move to Inbox"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "ghost",
+          "aria-label": "Archive message",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: () => onUpdate({ folder_id: folders?.find((f) => f.role === "archive")?.id ?? "archive" }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Archive, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "ghost",
+          "aria-label": "Trash message",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: () => onUpdate({ action: "trash" }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold leading-snug tracking-tight", children: message.subject || "(No subject)" }),
+      (message.delivery_status === "bounced" || message.delivery_status === "partially_bounced" || message.delivery_status === "delayed") && /* @__PURE__ */ jsxRuntime.jsx(MailDeliveryBadge, { problem: message.delivery_status })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 flex gap-3 border-b border-border/60 pb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-semibold text-primary",
+          children: (message.sender[0]?.name || message.sender[0]?.email || "?").split(/\s+/).slice(0, 2).map((part) => part[0]).join("").toUpperCase()
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: message.sender.map((person) => person.name || person.email).join(", ") }),
+          /* @__PURE__ */ jsxRuntime.jsx("time", { className: "text-[11px] text-muted-foreground", children: message.received_at ? new Date(message.received_at).toLocaleString() : "" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "break-all text-xs text-muted-foreground", children: message.sender.map((person) => person.email).join(", ") }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-2 break-all text-xs text-muted-foreground", children: [
+          "To: ",
+          message.to.map(personLabel).join(", "),
+          message.cc.length > 0 && ` \xB7 Cc: ${message.cc.map(personLabel).join(", ")}`
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(MailDeliveryList, { recipients: message.delivery ?? [] }),
+    renderInvite && hasCalendarPart(message.attachments) && renderInvite(),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex flex-wrap gap-2", children: message.attachments.map((a) => /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        className: "h-auto min-h-12 justify-start rounded-md border-border/70 bg-muted/20 px-3 py-2 text-left shadow-none hover:bg-muted/60",
+        variant: "outline",
+        onClick: () => onDownloadAttachment(a),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-xs font-medium", children: a.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "block text-[11px] font-normal text-muted-foreground",
+                children: a.size < 1024 ? `${a.size} B` : `${Math.ceil(a.size / 1024)} KB`
+              }
+            )
+          ] })
+        ]
+      },
+      a.id
+    )) }),
+    message.html && message.text ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "text-sm leading-7 [&_p]:mb-3 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:list-decimal [&_ol]:pl-6 [&_a]:text-primary [&_a]:underline",
+        dangerouslySetInnerHTML: { __html: DOMPurify__default.default.sanitize(message.html, SANITIZE) }
+      }
+    ) : message.text ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre-wrap break-words font-sans text-sm leading-7 text-foreground/90", children: message.text.split(/(https?:\/\/[^\s]+)/g).map(
+      (part, index) => /^https?:\/\//.test(part) ? /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: part,
+          className: "text-primary underline underline-offset-2",
+          rel: "noreferrer",
+          children: part
+        },
+        index
+      ) : part
+    ) }) : message.html ? /* @__PURE__ */ jsxRuntime.jsx(
+      "iframe",
+      {
+        title: "Email body",
+        sandbox: "",
+        referrerPolicy: "no-referrer",
+        className: "min-h-96 w-full border-0 bg-white",
+        srcDoc: `<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src data:; style-src 'unsafe-inline'; base-uri 'none'; form-action 'none'">${message.html}`
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Empty message" }),
+    account.provider === "native" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          className: "mt-5",
+          variant: "outline",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: onDownloadOriginal,
+          children: "Download original email"
+        }
+      ),
+      onSaveToWorkspace && /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          className: "mt-5",
+          variant: "outline",
+          disabled: uploadPending || !isOnline,
+          title: offlineTitle,
+          onClick: onSaveToWorkspace,
+          children: "Save to workspace"
+        }
+      )
+    ] })
+  ] });
+}
+function MailDocumentPicker({
+  documents,
+  onAttach,
+  disabled = false
+}) {
+  const [open, setOpen] = react.useState(false);
+  const [query, setQuery] = react.useState("");
+  const filtered = react.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    return q ? documents.filter((d) => d.title.toLowerCase().includes(q)) : documents;
+  }, [documents, query]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        type: "button",
+        variant: "ghost",
+        disabled,
+        "data-testid": "mail-attach-workspace-document",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "mr-2 size-4" }),
+          "From workspace"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { className: "w-80 p-0", align: "start", sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Command, { shouldFilter: false, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.CommandInput, { placeholder: "Search documents...", value: query, onValueChange: setQuery }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.CommandList, { className: "max-h-72", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: "No documents in this workspace" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: filtered.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.CommandItem,
+          {
+            value: doc.id,
+            onSelect: () => {
+              setOpen(false);
+              setQuery("");
+              onAttach(doc);
+            },
+            "data-testid": `document-search-item-${doc.id}`,
+            children: [
+              doc.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: doc.icon }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5 flex-1 truncate text-sm", children: doc.title })
+            ]
+          },
+          doc.id
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+function PlainMailBodyEditor({ text, disabled, onChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      "aria-label": "Message",
+      className: "my-3 min-h-48 w-full resize-y bg-transparent text-sm outline-none",
+      value: text,
+      disabled,
+      onChange: (event) => onChange(event.target.value, "")
+    }
+  );
+}
+
+exports.MailDeliveryBadge = MailDeliveryBadge;
+exports.MailDeliveryList = MailDeliveryList;
+exports.MailDocumentPicker = MailDocumentPicker;
+exports.MailGrid = MailGrid;
+exports.MailMessagePreview = MailMessagePreview;
+exports.MailMessageView = MailMessageView;
+exports.NEEDS_CONNECTION = NEEDS_CONNECTION;
+exports.PlainMailBodyEditor = PlainMailBodyEditor;
+exports.draftMailCompose = draftMailCompose;
+exports.emptyMailCompose = emptyMailCompose;
+exports.hasCalendarPart = hasCalendarPart;
+exports.mailAddressLabel = mailAddressLabel;
+exports.parseMailRecipients = parseMailRecipients;
+exports.replyMailCompose = replyMailCompose;
+//# sourceMappingURL=chunk-3R6XBYL7.cjs.map
+//# sourceMappingURL=chunk-3R6XBYL7.cjs.map