@arbidocs/blocks 0.3.184 → 0.4.0

package/dist/workspaces/index.cjs

@@ -0,0 +1,690 @@
+"use client";
+'use strict';
+
+var chunkXZIYRKLW_cjs = require('../chunk-XZIYRKLW.cjs');
+var chunkUFHMLHIR_cjs = require('../chunk-UFHMLHIR.cjs');
+var chunkOB5F4577_cjs = require('../chunk-OB5F4577.cjs');
+var chunk7G2LJMUG_cjs = require('../chunk-7G2LJMUG.cjs');
+var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
+var chunkWJMEXTVD_cjs = require('../chunk-WJMEXTVD.cjs');
+require('../chunk-C54XEN5T.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('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 = react.createContext({
+  current: false,
+  labels: DEFAULT_WORKSPACE_CARD_LABELS
+});
+function WorkspaceCardRoot({
+  current = false,
+  onSelect,
+  href,
+  label,
+  testId,
+  labels,
+  className,
+  children,
+  ...rest
+}) {
+  const mergedLabels = react.useMemo(() => ({ ...DEFAULT_WORKSPACE_CARD_LABELS, ...labels }), [labels]);
+  const surfaceClass = ui.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__ */ jsxRuntime.jsx(CardContext.Provider, { value: { current, testId, labels: mergedLabels }, children: href ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkOB5F4577_cjs.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...rest,
+      className: ui.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 } = react.useContext(CardContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h3",
+    {
+      className: ui.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 } = react.useContext(CardContext);
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-background px-2 py-0.5 text-xs font-medium text-foreground", children: currentLabel ?? labels.currentWorkspace }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4", "aria-hidden": "true" })
+    }
+  );
+}
+function WorkspaceCardDescription({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      className: ui.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...rest,
+      className: ui.cn("truncate text-xs text-muted-foreground", className),
+      "data-slot": "workspace-card-subtitle",
+      children
+    }
+  );
+}
+function WorkspaceCardFooter({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: ui.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 } = react.useContext(CardContext);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn("flex w-full items-center gap-x-4 text-sm text-muted-foreground", className),
+      "data-slot": "workspace-card-stats",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", title: labels.documents, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: docCount.toLocaleString() })
+        ] }),
+        chatCount !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", title: labels.chats, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessagesSquare, { className: "size-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: chatCount.toLocaleString() })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", title: labels.members, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "size-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", "data-testid": testId && `${testId}-member-count`, children: membersHidden ? "\u2014" : memberCount })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkUFHMLHIR_cjs.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 } = react.useContext(CardContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "min-w-0 max-w-full self-start truncate text-xs text-muted-foreground",
+      title: chunkWJMEXTVD_cjs.fmtDate(updatedAt),
+      "data-slot": "workspace-card-meta",
+      children: labels.updated(chunkWJMEXTVD_cjs.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__ */ jsxRuntime.jsxs(
+    WorkspaceCardRoot,
+    {
+      current,
+      onSelect,
+      href,
+      label: mergedLabels.openWorkspace(workspace.name),
+      labels,
+      testId,
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(WorkspaceCardHeader, { children: [
+          mark,
+          /* @__PURE__ */ jsxRuntime.jsx(WorkspaceCardTitle, { children: workspace.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(WorkspaceCardOpenCue, { testId: openCueTestId })
+        ] }),
+        workspace.subtitle && /* @__PURE__ */ jsxRuntime.jsx(WorkspaceCardSubtitle, { children: workspace.subtitle }),
+        workspace.description && /* @__PURE__ */ jsxRuntime.jsx(WorkspaceCardDescription, { children: workspace.description }),
+        /* @__PURE__ */ jsxRuntime.jsxs(WorkspaceCardFooter, { children: [
+          stats === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            WorkspaceCardStats,
+            {
+              docCount: workspace.docCount,
+              chatCount: workspace.chatCount,
+              memberCount: workspace.memberCount,
+              members: workspace.members,
+              membersHidden: workspace.membersHidden,
+              maxAvatars
+            }
+          ) : stats,
+          workspace.updatedAt && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ui.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__ */ jsxRuntime.jsx(
+    chunkXZIYRKLW_cjs.CollapsibleSection,
+    {
+      title,
+      isExpanded,
+      onToggle,
+      onHeaderClick: onOpen,
+      rightContent: onOpen && openLabel ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center gap-1 text-sm font-medium text-muted-foreground", children: [
+        openLabel,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4 shrink-0", "aria-hidden": "true" })
+      ] }) : collapsedHint && !isExpanded ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: collapsedHint }) : void 0,
+      className: ui.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "flex h-full flex-col @container",
+      "data-slot": "workspace-page",
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6 px-4 pb-6 sm:px-6 pt-4", children }) })
+    }
+  );
+}
+function WorkspaceIdentityPanel({ children }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: caption }),
+    children
+  ] }) });
+}
+function ItalicNone({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm italic text-muted-foreground", children });
+}
+function WorkspaceAudienceLine({ visibility, members, share }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-wrap items-center gap-x-4 gap-y-2", "data-slot": "workspace-audience", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", "data-testid": visibility.testId, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: visibility.caption }),
+      visibility.toggle,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: visibility.stateText })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+      members,
+      share && /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.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__ */ jsxRuntime.jsx(lucideReact.UserPlus, { className: "size-4" }),
+            share.label
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function ExpandableSection({
+  expanded,
+  testId,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ui.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__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 border-t border-border pt-4", children }) })
+    }
+  );
+}
+function PageLoading({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-64 items-center justify-center", children });
+}
+function LeaveFooter({ testId, leave }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", "data-slot": "leave-footer", "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.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__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "mr-1 size-3.5" }),
+        leave.label
+      ]
+    }
+  ) });
+}
+function FormErrorBanner({
+  message,
+  testId,
+  className,
+  id
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id,
+      role: "alert",
+      "data-slot": "form-error",
+      "data-testid": testId,
+      className: ui.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__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+        message
+      ]
+    }
+  );
+}
+function FormActions({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "form-actions",
+      className: ui.cn("sticky bottom-0 flex justify-end gap-2 bg-background pt-2", className),
+      children
+    }
+  );
+}
+function ModalActionRow({ children }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.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__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(ModalTitleRow, { icon, title, description }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-0 flex-1 overflow-auto px-6 pb-6", children: [
+          intro && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pb-4 text-sm text-muted-foreground", children: intro }),
+          children
+        ] })
+      ]
+    }
+  ) });
+}
+function ModalTitleRow({
+  icon,
+  title,
+  description
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      icon,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: title })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "sr-only", children: description })
+  ] });
+}
+function ProjectOptionRow({ identity, meta }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
+    identity,
+    meta && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    ui.Select,
+    {
+      value: value ?? options[0]?.id,
+      onValueChange: (v) => v === CREATE_VALUE ? onCreate?.() : onChange(v),
+      disabled: disabled || readOnly,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.SelectTrigger,
+          {
+            className: ui.cn(className, readOnly && "cursor-not-allowed"),
+            "data-testid": "workspace-project-select",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, { placeholder: labels.placeholder })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.SelectContent, { children: [
+          options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: o.id, children: o.content }, o.id)),
+          onCreate && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.SelectSeparator, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: CREATE_VALUE, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-primary", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-3.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.create })
+            ] }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ProjectActionButton({
+  label,
+  onClick,
+  className,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      onClick,
+      className: ui.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__ */ jsxRuntime.jsx(lucideReact.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 = react.useId();
+  const workspaceNameId = react.useId();
+  const l = { ...DEFAULT_LABELS, ...labels };
+  const [nameFocused, setNameFocused] = react.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__ */ jsxRuntime.jsxs("div", { className: "space-y-1", "data-slot": "workspace-fields", children: [
+    readOnly && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "workspace-form-readonly-notice", className: "sr-only", children: l.readOnlyNotice }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkXZIYRKLW_cjs.KeyValueRow, { label: l.name, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { size: 14 }), htmlFor: workspaceNameId, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.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: ui.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__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: ui.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__ */ jsxRuntime.jsx(
+      chunkXZIYRKLW_cjs.KeyValueRow,
+      {
+        label: l.description,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeft, { size: 14 }),
+        htmlFor: workspaceDescriptionId,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            id: workspaceDescriptionId,
+            type: "text",
+            dictate: true,
+            value: description,
+            onChange: (e) => onDescriptionChange(e.target.value),
+            onBlur: onDescriptionBlur,
+            readOnly,
+            disabled: isDisabled,
+            className: ui.cn(isModal && "bg-background", readOnly && "cursor-not-allowed"),
+            "data-testid": "workspace-form-description-input"
+          }
+        )
+      }
+    ),
+    visibility && /* @__PURE__ */ jsxRuntime.jsx(chunkXZIYRKLW_cjs.KeyValueRow, { label: l.visibility, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 14 }), children: visibility }),
+    project && /* @__PURE__ */ jsxRuntime.jsx(chunkXZIYRKLW_cjs.KeyValueRow, { label: l.project, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { size: 14 }), children: project })
+  ] });
+}
+
+Object.defineProperty(exports, "RoleBadge", {
+  enumerable: true,
+  get: function () { return chunk7G2LJMUG_cjs.RoleBadge; }
+});
+Object.defineProperty(exports, "WorkspaceTypeBadgeView", {
+  enumerable: true,
+  get: function () { return chunk7G2LJMUG_cjs.WorkspaceTypeBadgeView; }
+});
+exports.DEFAULT_WORKSPACE_CARD_LABELS = DEFAULT_WORKSPACE_CARD_LABELS;
+exports.ExpandableSection = ExpandableSection;
+exports.FormActions = FormActions;
+exports.FormErrorBanner = FormErrorBanner;
+exports.ItalicNone = ItalicNone;
+exports.LeaveFooter = LeaveFooter;
+exports.ModalActionRow = ModalActionRow;
+exports.PageLoading = PageLoading;
+exports.ProjectActionButton = ProjectActionButton;
+exports.ProjectOptionRow = ProjectOptionRow;
+exports.ProjectPicker = ProjectPicker;
+exports.WorkspaceAudienceLine = WorkspaceAudienceLine;
+exports.WorkspaceCard = WorkspaceCard;
+exports.WorkspaceFieldsView = WorkspaceFieldsView;
+exports.WorkspaceFormModal = WorkspaceFormModal;
+exports.WorkspaceGroup = WorkspaceGroup;
+exports.WorkspaceIdentityPanel = WorkspaceIdentityPanel;
+exports.WorkspaceList = WorkspaceList;
+exports.WorkspacePageFrame = WorkspacePageFrame;
+exports.WorkspaceProjectSlot = WorkspaceProjectSlot;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map