@arbidocs/blocks 0.3.184 → 0.4.0

package/dist/workspaces/index.js

@@ -0,0 +1,661 @@
+"use client";
+import { CollapsibleSection, KeyValueRow } from '../chunk-LGBAZD37.js';
+import { MemberAvatarStack } from '../chunk-UWGIB3VQ.js';
+import { ActionLink } from '../chunk-S7PSMMRG.js';
+export { RoleBadge, WorkspaceTypeBadgeView } from '../chunk-NBV56SGU.js';
+import { ModalHeader } from '../chunk-TX2ZICS7.js';
+import { fromNow, fmtDate } from '../chunk-WW6EOVZA.js';
+import '../chunk-76JDDMSP.js';
+import { createContext, useContext, useMemo, useId, useState } from 'react';
+import { FileText, MessagesSquare, Users, ChevronRight, UserPlus, LogOut, AlertCircle, Plus, ArrowUpRight, AlignLeft, Globe, CreditCard } from 'lucide-react';
+import { cn, Button, Dialog, DialogContent, DialogTitle, DialogDescription, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectSeparator, Input } from '@arbidocs/react/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var DEFAULT_WORKSPACE_CARD_LABELS = {
+  openWorkspace: (name) => `Open workspace ${name}`,
+  currentWorkspace: "Current workspace",
+  documents: "Documents",
+  chats: "Chats",
+  members: "Members",
+  updated: (relative) => `Updated ${relative}`
+};
+var CardContext = createContext({
+  current: false,
+  labels: DEFAULT_WORKSPACE_CARD_LABELS
+});
+function WorkspaceCardRoot({
+  current = false,
+  onSelect,
+  href,
+  label,
+  testId,
+  labels,
+  className,
+  children,
+  ...rest
+}) {
+  const mergedLabels = useMemo(() => ({ ...DEFAULT_WORKSPACE_CARD_LABELS, ...labels }), [labels]);
+  const surfaceClass = cn(
+    "flex min-h-40 w-full cursor-pointer flex-col gap-3 rounded-lg p-4 text-left transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    current ? "bg-accent text-accent-foreground" : "bg-muted hover:bg-accent/60",
+    className
+  );
+  const handleKeyDown = (event) => {
+    if (event.target !== event.currentTarget) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      onSelect();
+    }
+  };
+  return /* @__PURE__ */ jsx(CardContext.Provider, { value: { current, testId, labels: mergedLabels }, children: href ? /* @__PURE__ */ jsx(
+    ActionLink,
+    {
+      ...rest,
+      href,
+      onSelect,
+      "aria-label": label,
+      "aria-current": current ? "page" : void 0,
+      "data-slot": "workspace-card",
+      "data-testid": testId,
+      "data-active": current || void 0,
+      className: surfaceClass,
+      children
+    }
+  ) : /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": label,
+      "aria-current": current ? "page" : void 0,
+      "data-slot": "workspace-card",
+      "data-testid": testId,
+      "data-active": current || void 0,
+      onClick: onSelect,
+      onKeyDown: handleKeyDown,
+      className: surfaceClass,
+      children
+    }
+  ) });
+}
+function WorkspaceCardHeader({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      className: cn("flex flex-wrap items-center gap-x-3 gap-y-2", className),
+      "data-slot": "workspace-card-header",
+      children
+    }
+  );
+}
+function WorkspaceCardTitle({ children, className }) {
+  const { testId } = useContext(CardContext);
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      className: cn(
+        "line-clamp-2 min-w-24 flex-1 break-words text-base font-semibold leading-tight text-foreground",
+        className
+      ),
+      "data-slot": "workspace-card-title",
+      "data-testid": testId && `${testId}-title`,
+      children
+    }
+  );
+}
+function WorkspaceCardOpenCue({
+  testId,
+  currentLabel
+}) {
+  const { current, labels } = useContext(CardContext);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "inline-flex shrink-0 items-center text-sm text-muted-foreground",
+      "data-slot": "workspace-card-open-cue",
+      "data-testid": testId,
+      children: current ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-background px-2 py-0.5 text-xs font-medium text-foreground", children: currentLabel ?? labels.currentWorkspace }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
+    }
+  );
+}
+function WorkspaceCardDescription({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn("line-clamp-2 text-sm text-muted-foreground", className),
+      title: typeof children === "string" ? children : void 0,
+      "data-slot": "workspace-card-description",
+      children
+    }
+  );
+}
+function WorkspaceCardSubtitle({
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      className: cn("truncate text-xs text-muted-foreground", className),
+      "data-slot": "workspace-card-subtitle",
+      children
+    }
+  );
+}
+function WorkspaceCardFooter({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { ...rest, className: cn("mt-auto flex flex-col gap-2", className), children });
+}
+function WorkspaceCardStats({
+  docCount,
+  chatCount,
+  memberCount,
+  members = [],
+  membersHidden = false,
+  maxAvatars = 3,
+  className
+}) {
+  const { current, testId, labels } = useContext(CardContext);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex w-full items-center gap-x-4 text-sm text-muted-foreground", className),
+      "data-slot": "workspace-card-stats",
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", title: labels.documents, children: [
+          /* @__PURE__ */ jsx(FileText, { className: "size-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: docCount.toLocaleString() })
+        ] }),
+        chatCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", title: labels.chats, children: [
+          /* @__PURE__ */ jsx(MessagesSquare, { className: "size-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: chatCount.toLocaleString() })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", title: labels.members, children: [
+          /* @__PURE__ */ jsx(Users, { className: "size-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", "data-testid": testId && `${testId}-member-count`, children: membersHidden ? "\u2014" : memberCount })
+        ] }),
+        /* @__PURE__ */ jsx(
+          MemberAvatarStack,
+          {
+            members,
+            total: memberCount,
+            max: maxAvatars,
+            hidden: membersHidden,
+            ringClassName: current ? "border-accent" : "border-muted",
+            className: "ml-auto",
+            testId: testId && `${testId}-member-avatars`
+          }
+        )
+      ]
+    }
+  );
+}
+function WorkspaceCardMeta({ updatedAt }) {
+  const { labels } = useContext(CardContext);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "min-w-0 max-w-full self-start truncate text-xs text-muted-foreground",
+      title: fmtDate(updatedAt),
+      "data-slot": "workspace-card-meta",
+      children: labels.updated(fromNow(updatedAt))
+    }
+  );
+}
+function WorkspaceCardBase({
+  workspace,
+  current = false,
+  onSelect,
+  href,
+  mark,
+  testId,
+  openCueTestId,
+  maxAvatars,
+  stats,
+  labels,
+  className
+}) {
+  const mergedLabels = { ...DEFAULT_WORKSPACE_CARD_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    WorkspaceCardRoot,
+    {
+      current,
+      onSelect,
+      href,
+      label: mergedLabels.openWorkspace(workspace.name),
+      labels,
+      testId,
+      className,
+      children: [
+        /* @__PURE__ */ jsxs(WorkspaceCardHeader, { children: [
+          mark,
+          /* @__PURE__ */ jsx(WorkspaceCardTitle, { children: workspace.name }),
+          /* @__PURE__ */ jsx(WorkspaceCardOpenCue, { testId: openCueTestId })
+        ] }),
+        workspace.subtitle && /* @__PURE__ */ jsx(WorkspaceCardSubtitle, { children: workspace.subtitle }),
+        workspace.description && /* @__PURE__ */ jsx(WorkspaceCardDescription, { children: workspace.description }),
+        /* @__PURE__ */ jsxs(WorkspaceCardFooter, { children: [
+          stats === void 0 ? /* @__PURE__ */ jsx(
+            WorkspaceCardStats,
+            {
+              docCount: workspace.docCount,
+              chatCount: workspace.chatCount,
+              memberCount: workspace.memberCount,
+              members: workspace.members,
+              membersHidden: workspace.membersHidden,
+              maxAvatars
+            }
+          ) : stats,
+          workspace.updatedAt && /* @__PURE__ */ jsx(WorkspaceCardMeta, { updatedAt: workspace.updatedAt })
+        ] })
+      ]
+    }
+  );
+}
+var WorkspaceCard = Object.assign(WorkspaceCardBase, {
+  Root: WorkspaceCardRoot,
+  Header: WorkspaceCardHeader,
+  Title: WorkspaceCardTitle,
+  OpenCue: WorkspaceCardOpenCue,
+  Subtitle: WorkspaceCardSubtitle,
+  Description: WorkspaceCardDescription,
+  Footer: WorkspaceCardFooter,
+  Stats: WorkspaceCardStats,
+  Meta: WorkspaceCardMeta
+});
+function WorkspaceList({ children, className, testId }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex w-full flex-col gap-2 px-4 py-4 sm:px-8", className),
+      "data-slot": "workspace-list",
+      "data-testid": testId,
+      children
+    }
+  );
+}
+function WorkspaceGroup({
+  title,
+  isExpanded,
+  onToggle,
+  onOpen,
+  openLabel,
+  collapsedHint,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsibleSection,
+    {
+      title,
+      isExpanded,
+      onToggle,
+      onHeaderClick: onOpen,
+      rightContent: onOpen && openLabel ? /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-sm font-medium text-muted-foreground", children: [
+        openLabel,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 shrink-0", "aria-hidden": "true" })
+      ] }) : collapsedHint && !isExpanded ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: collapsedHint }) : void 0,
+      className: cn("group", className),
+      headerClassName: "mb-3 flex-wrap gap-y-2 rounded-md px-1 py-1 pointer-coarse:min-h-11",
+      childrenClassName: "mb-8 grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+      children
+    }
+  );
+}
+function WorkspacePageFrame({ testId, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex h-full flex-col @container",
+      "data-slot": "workspace-page",
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx("div", { className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]", children: /* @__PURE__ */ jsx("div", { className: "space-y-6 px-4 pb-6 sm:px-6 pt-4", children }) })
+    }
+  );
+}
+function WorkspaceIdentityPanel({ children }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "workspace-identity-panel", className: "group rounded-lg bg-muted px-4 py-3", children });
+}
+function WorkspaceProjectSlot({ testId, caption, children }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-3", children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", "data-testid": testId, children: [
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: caption }),
+    children
+  ] }) });
+}
+function ItalicNone({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "text-sm italic text-muted-foreground", children });
+}
+function WorkspaceAudienceLine({ visibility, members, share }) {
+  return /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-x-4 gap-y-2", "data-slot": "workspace-audience", children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", "data-testid": visibility.testId, children: [
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: visibility.caption }),
+      visibility.toggle,
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: visibility.stateText })
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+      members,
+      share && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-8 gap-1.5 px-3 text-sm pointer-coarse:h-11",
+          onClick: share.onClick,
+          "data-testid": share.testId,
+          children: [
+            /* @__PURE__ */ jsx(UserPlus, { className: "size-4" }),
+            share.label
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function ExpandableSection({
+  expanded,
+  testId,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "grid transition-[grid-template-rows] duration-300 ease-in-out",
+        expanded ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+      ),
+      "data-slot": "expandable-section",
+      "data-expanded": expanded,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "mt-4 border-t border-border pt-4", children }) })
+    }
+  );
+}
+function PageLoading({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center", children });
+}
+function LeaveFooter({ testId, leave }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex justify-end", "data-slot": "leave-footer", "data-testid": testId, children: /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      onClick: leave.onClick,
+      disabled: leave.disabled,
+      className: "h-7 px-2 text-sm text-destructive hover:bg-destructive/10 hover:text-destructive pointer-coarse:h-11",
+      "data-testid": leave.testId,
+      children: [
+        /* @__PURE__ */ jsx(LogOut, { className: "mr-1 size-3.5" }),
+        leave.label
+      ]
+    }
+  ) });
+}
+function FormErrorBanner({
+  message,
+  testId,
+  className,
+  id
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id,
+      role: "alert",
+      "data-slot": "form-error",
+      "data-testid": testId,
+      className: cn(
+        "flex items-center gap-2 rounded-md border border-red-border bg-red-bg p-3 text-sm text-red-text",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+        message
+      ]
+    }
+  );
+}
+function FormActions({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "form-actions",
+      className: cn("sticky bottom-0 flex justify-end gap-2 bg-background pt-2", className),
+      children
+    }
+  );
+}
+function ModalActionRow({ children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "modal-action-row",
+      className: "sticky bottom-0 -mx-6 -mb-6 flex flex-col-reverse gap-2 border-t border-border bg-background px-6 pb-6 pt-3 sm:flex-row sm:items-center sm:justify-end",
+      children
+    }
+  );
+}
+function WorkspaceFormModal({
+  open,
+  onOpenChange,
+  title,
+  icon,
+  intro,
+  testId,
+  description = "Create a new workspace",
+  children
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      presentation: "sheet",
+      className: "flex max-h-panel w-modal max-w-modal-vw flex-col overflow-hidden p-0",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitleRow, { icon, title, description }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-auto px-6 pb-6", children: [
+          intro && /* @__PURE__ */ jsx("p", { className: "pb-4 text-sm text-muted-foreground", children: intro }),
+          children
+        ] })
+      ]
+    }
+  ) });
+}
+function ModalTitleRow({
+  icon,
+  title,
+  description
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      icon,
+      /* @__PURE__ */ jsx("span", { children: title })
+    ] }) }),
+    /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: description })
+  ] });
+}
+function ProjectOptionRow({ identity, meta }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
+    identity,
+    meta && /* @__PURE__ */ jsx("span", { className: "ml-auto truncate text-sm text-muted-foreground", children: meta })
+  ] });
+}
+var CREATE_VALUE = "__create__";
+function ProjectPicker({
+  value,
+  options,
+  onChange,
+  onCreate,
+  disabled,
+  readOnly,
+  className,
+  labels = { placeholder: "Select project", create: "Create new project..." }
+}) {
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      value: value ?? options[0]?.id,
+      onValueChange: (v) => v === CREATE_VALUE ? onCreate?.() : onChange(v),
+      disabled: disabled || readOnly,
+      children: [
+        /* @__PURE__ */ jsx(
+          SelectTrigger,
+          {
+            className: cn(className, readOnly && "cursor-not-allowed"),
+            "data-testid": "workspace-project-select",
+            children: /* @__PURE__ */ jsx(SelectValue, { placeholder: labels.placeholder })
+          }
+        ),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          options.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.id, children: o.content }, o.id)),
+          onCreate && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(SelectSeparator, {}),
+            /* @__PURE__ */ jsx(SelectItem, { value: CREATE_VALUE, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-primary", children: [
+              /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx("span", { children: labels.create })
+            ] }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ProjectActionButton({
+  label,
+  onClick,
+  className,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      onClick,
+      className: cn(
+        "h-7 gap-1.5 whitespace-nowrap px-2 py-0 text-sm font-medium pointer-coarse:h-11",
+        className
+      ),
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-3.5" }),
+        label
+      ]
+    }
+  );
+}
+var DEFAULT_LABELS = {
+  readOnlyNotice: "Read-only workspace",
+  name: "Name *",
+  description: "Description",
+  visibility: "Visibility",
+  project: "Project",
+  over: (n) => `${n} over`,
+  charsLeft: (n) => `${n} chars left`
+};
+function WorkspaceFieldsView({
+  variant = "modal",
+  name,
+  description,
+  onNameChange,
+  onDescriptionChange,
+  onNameBlur,
+  onNameFocus,
+  onDescriptionBlur,
+  disabled = false,
+  readOnly = false,
+  errorId,
+  maxNameLength = 50,
+  visibility,
+  project,
+  labels
+}) {
+  const workspaceDescriptionId = useId();
+  const workspaceNameId = useId();
+  const l = { ...DEFAULT_LABELS, ...labels };
+  const [nameFocused, setNameFocused] = useState(false);
+  const isModal = variant === "modal";
+  const charsLeft = maxNameLength - name.length;
+  const counterVisible = !readOnly && nameFocused && (!isModal || charsLeft <= 10);
+  const isDisabled = isModal ? disabled : disabled || readOnly;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", "data-slot": "workspace-fields", children: [
+    readOnly && /* @__PURE__ */ jsx("div", { "data-testid": "workspace-form-readonly-notice", className: "sr-only", children: l.readOnlyNotice }),
+    /* @__PURE__ */ jsx(KeyValueRow, { label: l.name, icon: /* @__PURE__ */ jsx(FileText, { size: 14 }), htmlFor: workspaceNameId, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: workspaceNameId,
+          type: "text",
+          value: name,
+          onChange: (e) => onNameChange(e.target.value),
+          onBlur: () => {
+            setNameFocused(false);
+            onNameBlur?.();
+          },
+          onFocus: () => {
+            setNameFocused(true);
+            onNameFocus?.();
+          },
+          maxLength: maxNameLength,
+          readOnly,
+          disabled: isDisabled,
+          className: cn(
+            isModal ? "bg-background" : "capitalize",
+            readOnly && "cursor-not-allowed",
+            "pr-20"
+          ),
+          required: true,
+          "aria-invalid": errorId ? true : void 0,
+          "aria-describedby": errorId,
+          "data-testid": "workspace-form-name-input"
+        }
+      ),
+      counterVisible && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "pointer-events-none absolute right-3 top-1/2 hidden -translate-y-1/2 text-sm lg:block",
+            charsLeft < 0 ? "text-red-text" : "text-muted-foreground"
+          ),
+          children: charsLeft < 0 ? l.over(-charsLeft) : l.charsLeft(charsLeft)
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      KeyValueRow,
+      {
+        label: l.description,
+        icon: /* @__PURE__ */ jsx(AlignLeft, { size: 14 }),
+        htmlFor: workspaceDescriptionId,
+        children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: workspaceDescriptionId,
+            type: "text",
+            dictate: true,
+            value: description,
+            onChange: (e) => onDescriptionChange(e.target.value),
+            onBlur: onDescriptionBlur,
+            readOnly,
+            disabled: isDisabled,
+            className: cn(isModal && "bg-background", readOnly && "cursor-not-allowed"),
+            "data-testid": "workspace-form-description-input"
+          }
+        )
+      }
+    ),
+    visibility && /* @__PURE__ */ jsx(KeyValueRow, { label: l.visibility, icon: /* @__PURE__ */ jsx(Globe, { size: 14 }), children: visibility }),
+    project && /* @__PURE__ */ jsx(KeyValueRow, { label: l.project, icon: /* @__PURE__ */ jsx(CreditCard, { size: 14 }), children: project })
+  ] });
+}
+
+export { DEFAULT_WORKSPACE_CARD_LABELS, ExpandableSection, FormActions, FormErrorBanner, ItalicNone, LeaveFooter, ModalActionRow, PageLoading, ProjectActionButton, ProjectOptionRow, ProjectPicker, WorkspaceAudienceLine, WorkspaceCard, WorkspaceFieldsView, WorkspaceFormModal, WorkspaceGroup, WorkspaceIdentityPanel, WorkspaceList, WorkspacePageFrame, WorkspaceProjectSlot };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map