alinea 1.7.0 → 2.0.0-preview.1

package/dist/dashboard/app/ExplorerTable.js

@@ -0,0 +1,512 @@
+import {
+  useAtom,
+  useAtomValue,
+  useSetAtom
+} from "../../chunks/chunk-U4VOHNR2.js";
+import "../../chunks/chunk-Y7XOMJOC.js";
+import {
+  $143fb904d86051ce$export$89be5a243e59c4b2,
+  $7705c033048f6da7$export$353f5b6fc5456de1,
+  $89d060d8eb451127$export$4b687e3f663d618c,
+  $89d060d8eb451127$export$53d36ab85dc89436,
+  $89d060d8eb451127$export$7fbedc92909ed28e
+} from "../../chunks/chunk-I7X64JTZ.js";
+import {
+  $42ceafc619f9c3ba$export$fb8073518f34e6ec
+} from "../../chunks/chunk-IWN3T3FL.js";
+import "../../chunks/chunk-RKDPDEF7.js";
+import {
+  $942f06a693c162e2$export$cacbb3924155d68e
+} from "../../chunks/chunk-JFROOUG6.js";
+import "../../chunks/chunk-SJBZFMQ2.js";
+import "../../chunks/chunk-IYAQC63Y.js";
+import "../../chunks/chunk-LUBOGJCG.js";
+import "../../chunks/chunk-YK3OSMDM.js";
+import "../../chunks/chunk-AC4U3IMS.js";
+import {
+  dist_default
+} from "../../chunks/chunk-I4OYYAX5.js";
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/app/ExplorerTable.tsx
+import { Checkbox, FoldIcon, Icon, Surface } from "alinea/components";
+import { startTransition, useMemo } from "react";
+import { dashboardEntryOverviewColumnCount } from "../atoms/explorer.js";
+import { LucideFile, LucideFolder } from "../icons.js";
+import { CompactField, compactFieldText } from "./CompactField.js";
+
+// src/dashboard/app/ExplorerTable.module.css
+var ExplorerTable_default = {
+  "ExplorerTable-field-label": "alinea-ExplorerTable-field-label",
+  "ExplorerTableFieldLabel": "alinea-ExplorerTable-field-label",
+  "ExplorerTable-breadcrumb": "alinea-ExplorerTable-breadcrumb",
+  "ExplorerTableBreadcrumb": "alinea-ExplorerTable-breadcrumb",
+  "ExplorerTable-surface": "alinea-ExplorerTable-surface",
+  "ExplorerTableSurface": "alinea-ExplorerTable-surface",
+  "ExplorerTable-row-grid": "alinea-ExplorerTable-row-grid",
+  "ExplorerTableRowGrid": "alinea-ExplorerTable-row-grid",
+  "ExplorerTable-breadcrumbs": "alinea-ExplorerTable-breadcrumbs",
+  "ExplorerTableBreadcrumbs": "alinea-ExplorerTable-breadcrumbs",
+  "is-linked": "alinea-is-linked",
+  "isLinked": "alinea-is-linked",
+  "ExplorerTable-checkbox": "alinea-ExplorerTable-checkbox",
+  "ExplorerTableCheckbox": "alinea-ExplorerTable-checkbox",
+  "ExplorerTable-chevron": "alinea-ExplorerTable-chevron",
+  "ExplorerTableChevron": "alinea-ExplorerTable-chevron",
+  "ExplorerTable-titleAction": "alinea-ExplorerTable-titleAction",
+  "ExplorerTableTitleAction": "alinea-ExplorerTable-titleAction",
+  "ExplorerTable-column-selection": "alinea-ExplorerTable-column-selection",
+  "ExplorerTableColumnSelection": "alinea-ExplorerTable-column-selection",
+  "ExplorerTable-breadcrumb-label": "alinea-ExplorerTable-breadcrumb-label",
+  "ExplorerTableBreadcrumbLabel": "alinea-ExplorerTable-breadcrumb-label",
+  "ExplorerTable-cell-filler": "alinea-ExplorerTable-cell-filler",
+  "ExplorerTableCellFiller": "alinea-ExplorerTable-cell-filler",
+  "ExplorerTable-cell-selection": "alinea-ExplorerTable-cell-selection",
+  "ExplorerTableCellSelection": "alinea-ExplorerTable-cell-selection",
+  "ExplorerTable-chevron-button": "alinea-ExplorerTable-chevron-button",
+  "ExplorerTableChevronButton": "alinea-ExplorerTable-chevron-button",
+  "ExplorerTable-icon": "alinea-ExplorerTable-icon",
+  "ExplorerTableIcon": "alinea-ExplorerTable-icon",
+  "ExplorerTable-cell": "alinea-ExplorerTable-cell",
+  "ExplorerTableCell": "alinea-ExplorerTable-cell",
+  "ExplorerTable-field": "alinea-ExplorerTable-field",
+  "ExplorerTableField": "alinea-ExplorerTable-field",
+  "ExplorerTable-body": "alinea-ExplorerTable-body",
+  "ExplorerTableBody": "alinea-ExplorerTable-body",
+  "ExplorerTable-cell-title": "alinea-ExplorerTable-cell-title",
+  "ExplorerTableCellTitle": "alinea-ExplorerTable-cell-title",
+  "ExplorerTable-breadcrumb-root": "alinea-ExplorerTable-breadcrumb-root",
+  "ExplorerTableBreadcrumbRoot": "alinea-ExplorerTable-breadcrumb-root",
+  "ExplorerTable-iconDrag": "alinea-ExplorerTable-iconDrag",
+  "ExplorerTableIconDrag": "alinea-ExplorerTable-iconDrag",
+  "ExplorerTable-column-filler": "alinea-ExplorerTable-column-filler",
+  "ExplorerTableColumnFiller": "alinea-ExplorerTable-column-filler",
+  "ExplorerTable-field-value": "alinea-ExplorerTable-field-value",
+  "ExplorerTableFieldValue": "alinea-ExplorerTable-field-value",
+  "is-unselectable": "alinea-is-unselectable",
+  "isUnselectable": "alinea-is-unselectable",
+  "ExplorerTable-column": "alinea-ExplorerTable-column",
+  "ExplorerTableColumn": "alinea-ExplorerTable-column",
+  "ExplorerTable-header": "alinea-ExplorerTable-header",
+  "ExplorerTableHeader": "alinea-ExplorerTable-header",
+  "ExplorerTable-title": "alinea-ExplorerTable-title",
+  "ExplorerTableTitle": "alinea-ExplorerTable-title",
+  "ExplorerTable": "alinea-ExplorerTable",
+  "is-compact": "alinea-is-compact",
+  "isCompact": "alinea-is-compact",
+  "ExplorerTable-row": "alinea-ExplorerTable-row",
+  "ExplorerTableRow": "alinea-ExplorerTable-row",
+  "ExplorerTable-empty": "alinea-ExplorerTable-empty",
+  "ExplorerTableEmpty": "alinea-ExplorerTable-empty",
+  "ExplorerTable-viewport": "alinea-ExplorerTable-viewport",
+  "ExplorerTableViewport": "alinea-ExplorerTable-viewport",
+  "is-noSelectionControls": "alinea-is-noSelectionControls",
+  "isNoSelectionControls": "alinea-is-noSelectionControls"
+};
+
+// src/dashboard/app/ExplorerTable.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
+var styles = dist_default(ExplorerTable_default);
+var explorerTableSelectionColumn = {
+  id: "selection",
+  kind: "selection",
+  width: 30
+};
+var explorerTableTitleColumn = {
+  id: "title",
+  kind: "title",
+  width: 300
+};
+var compactExplorerTableTitleColumn = {
+  id: "title",
+  kind: "title",
+  minWidth: 0,
+  width: "1fr"
+};
+var explorerTableOverviewColumns = Array.from(
+  { length: dashboardEntryOverviewColumnCount },
+  (_, index) => ({
+    id: `overview-${index}`,
+    index,
+    kind: "overview",
+    minWidth: 120,
+    width: "1fr"
+  })
+);
+var explorerTableLayoutOptions = {
+  rowHeight: 44,
+  padding: 0,
+  gap: 0
+};
+function createExplorerTableColumns({
+  compact,
+  showSelectionControls
+}) {
+  const columns = new Array();
+  if (showSelectionControls) columns.push(explorerTableSelectionColumn);
+  columns.push(
+    compact ? compactExplorerTableTitleColumn : explorerTableTitleColumn
+  );
+  if (!compact) columns.push(...explorerTableOverviewColumns);
+  return columns;
+}
+function explorerTableGridTemplate(columns) {
+  return columns.map((column) => {
+    if (column.width !== "1fr") return `${column.width}px`;
+    return `minmax(${column.minWidth ?? 0}px, 1fr)`;
+  }).join(" ");
+}
+function ExplorerTableBreadcrumbs({
+  entries,
+  rootLabel
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: styles.ExplorerTable.breadcrumbs(), children: [
+    entries.length === 0 && rootLabel && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: styles.ExplorerTable.breadcrumb.root(),
+        title: rootLabel,
+        children: rootLabel
+      }
+    ),
+    entries.map((entry, index) => /* @__PURE__ */ jsx("span", { className: styles.ExplorerTable.breadcrumb(), children: /* @__PURE__ */ jsx(ExplorerTableBreadcrumb, { entry, index }) }, entry.id))
+  ] });
+}
+function ExplorerTableBreadcrumb({ entry, index }) {
+  const { data } = useAtomValue(entry.data);
+  if (!data) return null;
+  return /* @__PURE__ */ jsx(ExplorerTableLoadedBreadcrumb, { data, index });
+}
+function ExplorerTableLoadedBreadcrumb({
+  data,
+  index
+}) {
+  const label = useAtomValue(data.label);
+  const root = useAtomValue(data.root);
+  const rootLabel = useAtomValue(root.label);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    index === 0 && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: styles.ExplorerTable.breadcrumb.root(),
+        title: rootLabel,
+        children: rootLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: styles.ExplorerTable.breadcrumb.label(),
+        title: label,
+        children: `/ ${label}`
+      }
+    )
+  ] });
+}
+function ExplorerTableCell({
+  breadcrumbs,
+  cells,
+  column,
+  expanded,
+  explorer,
+  hasChildren,
+  icon,
+  isSelectable,
+  label,
+  level,
+  parents,
+  rootLabel
+}) {
+  if (column.kind === "selection") {
+    return /* @__PURE__ */ jsx("div", { className: styles.ExplorerTable.cell.selection(), role: "gridcell", children: isSelectable && /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        slot: "selection",
+        className: styles.ExplorerTable.checkbox(),
+        "aria-label": `Select ${label}`
+      }
+    ) });
+  }
+  if (column.kind === "title") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: styles.ExplorerTable.cell.title(),
+        role: "gridcell",
+        style: { paddingLeft: 10 + Math.max(0, level - 1) * 20 },
+        children: [
+          explorer.supportsInlineExpansion && /* @__PURE__ */ jsx("span", { className: styles.ExplorerTable.chevron(), children: hasChildren && /* @__PURE__ */ jsx(
+            $7705c033048f6da7$export$353f5b6fc5456de1,
+            {
+              slot: "chevron",
+              className: styles.ExplorerTable.chevron.button(),
+              "aria-label": expanded ? `Collapse ${label}` : `Expand ${label}`,
+              children: /* @__PURE__ */ jsx(FoldIcon, { "aria-hidden": true, expanded })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            $7705c033048f6da7$export$353f5b6fc5456de1,
+            {
+              slot: "drag",
+              className: styles.ExplorerTable.iconDrag(),
+              "aria-label": `Drag ${label}`,
+              children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  "aria-hidden": true,
+                  icon,
+                  className: styles.ExplorerTable.icon()
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: styles.ExplorerTable.field(), children: [
+            breadcrumbs && /* @__PURE__ */ jsx("span", { className: styles.ExplorerTable.field.label(), children: /* @__PURE__ */ jsx(
+              ExplorerTableBreadcrumbs,
+              {
+                entries: parents,
+                rootLabel
+              }
+            ) }),
+            /* @__PURE__ */ jsx("span", { className: styles.ExplorerTable.field.value(), title: label, children: /* @__PURE__ */ jsx("span", { className: styles.ExplorerTable.title(), children: label }) })
+          ] })
+        ]
+      }
+    );
+  }
+  if (column.kind === "filler")
+    return /* @__PURE__ */ jsx("div", { className: styles.ExplorerTable.cell.filler(), role: "gridcell" });
+  const cell = typeof column.index === "number" ? cells[column.index] : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: styles.ExplorerTable.cell(),
+      role: "gridcell",
+      title: cell ? `${cell.label} ${compactFieldText(cell.field, cell.value)}` : void 0,
+      children: cell && /* @__PURE__ */ jsxs("span", { className: styles.ExplorerTable.field(), children: [
+        /* @__PURE__ */ jsx("span", { className: styles.ExplorerTable.field.label(), children: cell.label }),
+        /* @__PURE__ */ jsx("span", { className: styles.ExplorerTable.field.value(), children: /* @__PURE__ */ jsx(CompactField, { field: cell.field, value: cell.value }) })
+      ] })
+    }
+  );
+}
+function ExplorerTableDisplayRow(props) {
+  const {
+    cells,
+    columns,
+    entry,
+    explorer,
+    gridTemplateColumns,
+    hasChildren,
+    label
+  } = props;
+  const isExpanded = useAtomValue(
+    useMemo(() => explorer.isExpanded(entry), [explorer, entry])
+  );
+  const onAction = useSetAtom(explorer.onAction);
+  const openLocation = useSetAtom(explorer.openLocation);
+  const setExpandedKeys = useSetAtom(explorer.expandedKeys);
+  const canExpandOnAction = !props.isSelectable && hasChildren && explorer.supportsInlineExpansion;
+  const hasAction = explorer.hasRowAction || canExpandOnAction;
+  function performAction() {
+    if (canExpandOnAction) {
+      setExpandedKeys((current) => new Set(current).add(entry.id));
+      return;
+    }
+    onAction(entry, props.locale);
+  }
+  function enterParent() {
+    startTransition(() => openLocation(entry));
+  }
+  const textValue = useMemo(
+    () => [label, ...cells.map((cell) => compactFieldText(cell.field, cell.value))].filter(Boolean).join(" "),
+    [cells, label]
+  );
+  return /* @__PURE__ */ jsxs(
+    $89d060d8eb451127$export$53d36ab85dc89436,
+    {
+      id: entry.id,
+      textValue,
+      hasChildItems: hasChildren,
+      className: styles.ExplorerTable.row({
+        unselectable: !props.isSelectable,
+        linked: props.isLinked
+      }),
+      "data-unselectable": !props.isSelectable || void 0,
+      isDisabled: !props.isSelectable,
+      onAction: hasAction && explorer.mode !== "search" ? performAction : void 0,
+      onPress: hasAction && explorer.mode === "search" ? performAction : void 0,
+      onDoubleClick: hasChildren ? enterParent : void 0,
+      children: [
+        /* @__PURE__ */ jsx($89d060d8eb451127$export$4b687e3f663d618c, { children: ({ isExpanded: expanded, level }) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles.ExplorerTable.row.grid(),
+            role: "presentation",
+            style: { gridTemplateColumns },
+            children: columns.map((column) => /* @__PURE__ */ createElement(
+              ExplorerTableCell,
+              {
+                ...props,
+                column,
+                expanded,
+                key: column.id,
+                level
+              }
+            ))
+          }
+        ) }),
+        hasChildren && isExpanded && /* @__PURE__ */ jsx(ExplorerTableChildren, { ...props })
+      ]
+    }
+  );
+}
+function ExplorerTableChildren(props) {
+  const children = useAtomValue(
+    useMemo(
+      () => props.explorer.children(props.entry, props.locale),
+      [props.entry, props.explorer, props.locale]
+    )
+  );
+  if (children.length === 0) return null;
+  return /* @__PURE__ */ jsx($42ceafc619f9c3ba$export$fb8073518f34e6ec, { items: children, children: (child) => /* @__PURE__ */ jsx(
+    ExplorerTableRow,
+    {
+      breadcrumbs: props.breadcrumbs,
+      columns: props.columns,
+      entry: child,
+      explorer: props.explorer,
+      gridTemplateColumns: props.gridTemplateColumns,
+      isLinked: props.explorer.linkedKeys.has(child.id),
+      locale: props.locale,
+      page: props.page
+    }
+  ) });
+}
+function ExplorerTableLoadingRow(props) {
+  return /* @__PURE__ */ jsx(
+    ExplorerTableDisplayRow,
+    {
+      ...props,
+      cells: [],
+      hasChildren: false,
+      icon: LucideFile,
+      isSelectable: false,
+      label: "Loading entry",
+      parents: []
+    }
+  );
+}
+function ExplorerTableLoadedRow({
+  data,
+  explorer,
+  ...props
+}) {
+  const root = useAtomValue(data.root);
+  const rootLabel = useAtomValue(root.label);
+  const label = useAtomValue(data.label);
+  const configuredIcon = useAtomValue(data.icon);
+  const hasChildren = useAtomValue(data.hasChildren);
+  const cells = useAtomValue(data.overviewCells);
+  const parents = useAtomValue(data.parents);
+  const isSelectable = useAtomValue(
+    useMemo(() => explorer.isSelectable(props.entry), [explorer, props.entry])
+  );
+  return /* @__PURE__ */ jsx(
+    ExplorerTableDisplayRow,
+    {
+      ...props,
+      cells,
+      explorer,
+      hasChildren: props.page.resultMode === "browse" && explorer.supportsInlineExpansion && hasChildren,
+      icon: configuredIcon ?? (hasChildren ? LucideFolder : LucideFile),
+      isSelectable,
+      label,
+      parents,
+      rootLabel
+    }
+  );
+}
+function ExplorerTableRow(props) {
+  const { data, pending } = useAtomValue(props.entry.data);
+  if (pending || !data) return /* @__PURE__ */ jsx(ExplorerTableLoadingRow, { ...props });
+  return /* @__PURE__ */ jsx(ExplorerTableLoadedRow, { ...props, data });
+}
+function ExplorerTable({
+  compact = false,
+  dragAndDropHooks,
+  explorer,
+  items,
+  onSelectionChange,
+  page,
+  renderEmptyState,
+  locale
+}) {
+  const [selected, setSelected] = useAtom(explorer.selection);
+  const [expandedKeys, setExpandedKeys] = useAtom(explorer.expandedKeys);
+  const selectionMode = explorer.selectionMode;
+  const search = useAtomValue(explorer.search);
+  const isSearching = Boolean(search.trim());
+  const breadcrumbs = explorer.breadcrumbs || page.resultMode === "matches" || isSearching || page.searchesEverything;
+  const hasSelection = selectionMode !== "none";
+  const showSelectionControls = hasSelection && (compact || explorer.showSelectionControls);
+  const columns = useMemo(
+    () => createExplorerTableColumns({ compact, showSelectionControls }),
+    [compact, showSelectionControls]
+  );
+  const gridTemplateColumns = useMemo(
+    () => explorerTableGridTemplate(columns),
+    [columns]
+  );
+  function changeSelection(selection) {
+    setSelected(selection);
+    onSelectionChange?.(selection);
+  }
+  return /* @__PURE__ */ jsx("div", { className: styles.ExplorerTable.viewport({ compact }), children: /* @__PURE__ */ jsxs(Surface, { className: styles.ExplorerTable.surface(), children: [
+    /* @__PURE__ */ jsx(
+      $143fb904d86051ce$export$89be5a243e59c4b2,
+      {
+        layout: $942f06a693c162e2$export$cacbb3924155d68e,
+        layoutOptions: explorerTableLayoutOptions,
+        children: /* @__PURE__ */ jsx(
+          $89d060d8eb451127$export$7fbedc92909ed28e,
+          {
+            "aria-label": "Explorer entries",
+            className: styles.ExplorerTable({
+              noSelectionControls: !showSelectionControls
+            }),
+            dependencies: [breadcrumbs],
+            disabledBehavior: "selection",
+            dragAndDropHooks,
+            expandedKeys,
+            items,
+            selectedKeys: hasSelection ? selected : void 0,
+            selectionBehavior: explorer.selectionBehavior,
+            selectionMode: hasSelection ? selectionMode : void 0,
+            onExpandedChange: setExpandedKeys,
+            onSelectionChange: hasSelection ? changeSelection : void 0,
+            style: { display: "block", width: "100%", height: "100%" },
+            children: (item) => /* @__PURE__ */ jsx(
+              ExplorerTableRow,
+              {
+                breadcrumbs,
+                columns,
+                entry: item,
+                explorer,
+                gridTemplateColumns,
+                isLinked: explorer.linkedKeys.has(item.id),
+                locale,
+                page
+              }
+            )
+          }
+        )
+      }
+    ),
+    items.length === 0 && /* @__PURE__ */ jsx("div", { className: styles.ExplorerTable.empty(), children: renderEmptyState() })
+  ] }) });
+}
+export {
+  ExplorerTable
+};

package/dist/dashboard/app/ExternalLinkPicker.d.ts

@@ -0,0 +1,12 @@
+export interface ExternalLinkValue {
+    url: string;
+    title: string;
+    target: string;
+}
+export interface ExternalLinkPickerProps {
+    initialValue?: ExternalLinkValue;
+    selectionMode: 'single' | 'multiple';
+    submitLabel?: string;
+    onConfirm: (value: ExternalLinkValue) => void;
+}
+export declare function ExternalLinkPicker({ initialValue, selectionMode, submitLabel, onConfirm }: ExternalLinkPickerProps): import("react").JSX.Element;

package/dist/dashboard/app/ExternalLinkPicker.js

@@ -0,0 +1,97 @@
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/app/ExternalLinkPicker.tsx
+import { Button, Checkbox, Label, TextField } from "alinea/components";
+import { useState } from "react";
+import {
+  DashboardModal,
+  DashboardModalCloseButton,
+  DashboardModalDialog,
+  DashboardModalForm,
+  DashboardModalFormBody,
+  DashboardModalFormFooter,
+  DashboardModalFormHeader,
+  DashboardModalTitle,
+  useDashboardModal
+} from "./ui/DashboardModal.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ExternalLinkPicker({
+  initialValue,
+  selectionMode,
+  submitLabel,
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsx(DashboardModal, { children: /* @__PURE__ */ jsx(
+    ExternalLinkPickerDialog,
+    {
+      initialValue,
+      selectionMode,
+      submitLabel,
+      onConfirm
+    }
+  ) });
+}
+function ExternalLinkPickerDialog({
+  initialValue,
+  selectionMode,
+  submitLabel,
+  onConfirm
+}) {
+  const modal = useDashboardModal();
+  const initialUrl = initialValue?.url ?? "";
+  const initialTitle = initialValue?.title ?? "";
+  const [url, setUrl] = useState(initialUrl);
+  const [title, setTitle] = useState(initialTitle);
+  const [openInNewTab, setOpenInNewTab] = useState(
+    initialValue?.target !== "_self"
+  );
+  function onSubmit(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    const normalizedUrl = URL.parse(url) ? url : `https://${url}`;
+    if (!URL.parse(normalizedUrl)) return;
+    onConfirm({
+      url: normalizedUrl,
+      title,
+      target: openInNewTab ? "_blank" : "_self"
+    });
+    modal.close();
+  }
+  return /* @__PURE__ */ jsx(
+    DashboardModalDialog,
+    {
+      "aria-label": selectionMode === "multiple" ? "External links" : "External link",
+      variant: "explorer",
+      children: /* @__PURE__ */ jsxs(DashboardModalForm, { onSubmit, children: [
+        /* @__PURE__ */ jsxs(DashboardModalFormHeader, { children: [
+          /* @__PURE__ */ jsx(DashboardModalTitle, { children: selectionMode === "multiple" ? "External links" : "External link" }),
+          /* @__PURE__ */ jsx(DashboardModalCloseButton, {})
+        ] }),
+        /* @__PURE__ */ jsxs(DashboardModalFormBody, { children: [
+          /* @__PURE__ */ jsx(TextField, { label: "URL", value: url, onChange: setUrl, isRequired: true }),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Label",
+              value: title,
+              onChange: setTitle,
+              isRequired: true
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { label: "Target", children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              isSelected: openInNewTab,
+              onChange: setOpenInNewTab,
+              label: "Open link in new tab"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(DashboardModalFormFooter, { children: /* @__PURE__ */ jsx(Button, { type: "submit", intent: "primary", children: submitLabel ?? "Add link" }) })
+      ] })
+    }
+  );
+}
+export {
+  ExternalLinkPicker
+};

package/dist/dashboard/app/ImagePicker.d.ts

@@ -0,0 +1,6 @@
+import { type ExplorerOptions } from 'alinea/dashboard/atoms/explorer';
+import { type ReactNode } from 'react';
+export interface ImagePickerOptions extends ExplorerOptions {
+    label?: ReactNode;
+}
+export declare function ImagePicker(options: ImagePickerOptions): import("react").JSX.Element;