alinea 1.7.0 → 2.0.0-preview.1

package/dist/dashboard/view/explorer/ExplorerItem.d.ts

@@ -1,11 +0,0 @@
-import type { SummaryProps } from 'alinea/core/media/Summary';
-import type { Schema } from 'alinea/core/Schema';
-import type { ComponentType } from 'react';
-import type { ExporerItemSelect } from './Explorer.js';
-export interface ExplorerItemProps {
-    schema: Schema;
-    entry: ExporerItemSelect;
-    summaryView: 'summaryRow' | 'summaryThumb';
-    defaultView: ComponentType<SummaryProps>;
-}
-export declare function ExplorerItem({ schema, entry, summaryView, defaultView }: ExplorerItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/view/explorer/ExplorerItem.js

@@ -1,128 +0,0 @@
-import {
-  dist_default
-} from "../../../chunks/chunk-A5O3N2GS.js";
-import "../../../chunks/chunk-NZLE2WMY.js";
-
-// src/dashboard/view/explorer/ExplorerItem.tsx
-import { getType } from "alinea/core/Internal";
-import { resolveView } from "alinea/core/View";
-import { link } from "alinea/dashboard/util/HashRouter";
-import { EntryReference } from "alinea/picker/entry/EntryReference";
-import { Icon } from "alinea/ui";
-import { IcOutlineInsertDriveFile } from "alinea/ui/icons/IcOutlineInsertDriveFile";
-import { IcRoundCheckBox } from "alinea/ui/icons/IcRoundCheckBox";
-import { IcRoundCheckBoxOutlineBlank } from "alinea/ui/icons/IcRoundCheckBoxOutlineBlank";
-import { IcRoundKeyboardArrowRight } from "alinea/ui/icons/IcRoundKeyboardArrowRight";
-import { useDashboard } from "../../hook/UseDashboard.js";
-import { useExplorer } from "../../hook/UseExplorer.js";
-import { useFocusListItem } from "../../hook/UseFocusList.js";
-import { useNav } from "../../hook/UseNav.js";
-
-// src/dashboard/view/explorer/ExplorerItem.module.scss
-var ExplorerItem_module_default = {
-  "root": "alinea-ExplorerItem",
-  "is-row": "alinea-ExplorerItem-is-row",
-  "isRow": "alinea-ExplorerItem-is-row",
-  "is-thumb": "alinea-ExplorerItem-is-thumb",
-  "isThumb": "alinea-ExplorerItem-is-thumb",
-  "root-inner": "alinea-ExplorerItem-inner",
-  "rootInner": "alinea-ExplorerItem-inner",
-  "is-border": "alinea-ExplorerItem-is-border",
-  "isBorder": "alinea-ExplorerItem-is-border",
-  "root-inner-hitBox": "alinea-ExplorerItem-inner-hitBox",
-  "rootInnerHitBox": "alinea-ExplorerItem-inner-hitBox",
-  "root-children": "alinea-ExplorerItem-children",
-  "rootChildren": "alinea-ExplorerItem-children",
-  "root-children-badge": "alinea-ExplorerItem-children-badge",
-  "rootChildrenBadge": "alinea-ExplorerItem-children-badge",
-  "root-checkbox": "alinea-ExplorerItem-checkbox",
-  "rootCheckbox": "alinea-ExplorerItem-checkbox",
-  "root-selection": "alinea-ExplorerItem-selection",
-  "rootSelection": "alinea-ExplorerItem-selection"
-};
-
-// src/dashboard/view/explorer/ExplorerItem.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var styles = dist_default(ExplorerItem_module_default);
-function ExplorerItem({
-  schema,
-  entry,
-  summaryView,
-  defaultView
-}) {
-  const nav = useNav();
-  const { views } = useDashboard();
-  const explorer = useExplorer();
-  const itemRef = useFocusListItem(
-    () => explorer?.onSelect(entry)
-  );
-  const type = schema[entry.type];
-  const typeView = type && getType(type)[summaryView];
-  const View = typeView ? resolveView(views, typeView) : defaultView;
-  const isSelectable = explorer.selectable === true || Array.isArray(explorer.selectable) && explorer.selectable.includes(entry.type);
-  const Tag = isSelectable ? "label" : "a";
-  const props = isSelectable ? {} : explorer.selectable ? { onClick: navigateTo } : link(nav.entry(entry));
-  const isSelected = Boolean(
-    isSelectable && explorer.selection.find(
-      (v) => EntryReference.isEntryReference(v) && v[EntryReference.entry] === entry.id
-    )
-  );
-  const childrenAmount = entry.childrenAmount ?? 0;
-  function navigateTo() {
-    explorer.onNavigate?.(entry.id);
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: itemRef,
-      className: styles.root(summaryView === "summaryRow" ? "row" : "thumb", {
-        selected: isSelected,
-        border: explorer.border
-      }),
-      children: /* @__PURE__ */ jsxs("div", { className: styles.root.inner(), children: [
-        /* @__PURE__ */ jsxs(
-          Tag,
-          {
-            className: styles.root.inner.hitBox(),
-            style: { flexGrow: 1 },
-            ...props,
-            children: [
-              isSelectable && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: isSelected,
-                    onChange: () => {
-                      explorer.onSelect(entry);
-                    },
-                    className: styles.root.checkbox()
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { className: styles.root.selection(), children: isSelected ? /* @__PURE__ */ jsx(IcRoundCheckBox, {}) : /* @__PURE__ */ jsx(IcRoundCheckBoxOutlineBlank, {}) })
-              ] }),
-              /* @__PURE__ */ jsx(View, { ...entry })
-            ]
-          }
-        ),
-        explorer.withNavigation && explorer.onNavigate && childrenAmount > 0 && /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: styles.root.children(),
-            onClick: navigateTo,
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: IcOutlineInsertDriveFile, size: 18 }),
-              /* @__PURE__ */ jsx("span", { className: styles.root.children.badge(), children: childrenAmount }),
-              /* @__PURE__ */ jsx(Icon, { icon: IcRoundKeyboardArrowRight, size: 18 })
-            ]
-          }
-        )
-      ] })
-    },
-    entry.id
-  );
-}
-export {
-  ExplorerItem
-};

package/dist/dashboard/view/explorer/ExplorerRow.d.ts

@@ -1,15 +0,0 @@
-import type { QueryWithResult } from 'alinea/core/Graph';
-import type { Schema } from 'alinea/core/Schema';
-import type { SummaryProps } from 'alinea/core/media/Summary';
-import { type ComponentType } from 'react';
-import type { ExporerItemSelect } from './Explorer.js';
-export type ExplorerRowProps = {
-    schema: Schema;
-    query: QueryWithResult<ExporerItemSelect>;
-    batchSize: number;
-    amount: number;
-    from: number;
-    summaryView: 'summaryRow' | 'summaryThumb';
-    defaultView: ComponentType<SummaryProps>;
-};
-export declare const ExplorerRow: import("react").MemoExoticComponent<({ schema, query, batchSize, amount, from, summaryView, defaultView }: ExplorerRowProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/dashboard/view/explorer/ExplorerRow.js

@@ -1,73 +0,0 @@
-import {
-  dist_default
-} from "../../../chunks/chunk-A5O3N2GS.js";
-import {
-  useQuery
-} from "../../../chunks/chunk-YWCPLD22.js";
-import "../../../chunks/chunk-NZLE2WMY.js";
-
-// src/dashboard/view/explorer/ExplorerRow.tsx
-import { memo } from "react";
-import { useGraph } from "../../hook/UseGraph.js";
-import { ExplorerItem } from "./ExplorerItem.js";
-
-// src/dashboard/view/explorer/ExplorerRow.module.scss
-var ExplorerRow_module_default = {
-  "root": "alinea-ExplorerRow"
-};
-
-// src/dashboard/view/explorer/ExplorerRow.tsx
-import { jsx } from "react/jsx-runtime";
-var styles = dist_default(ExplorerRow_module_default);
-var ExplorerRow = memo(function ExplorerRow2({
-  schema,
-  query,
-  batchSize,
-  amount,
-  from,
-  summaryView,
-  defaultView
-}) {
-  const graph = useGraph();
-  const start = Math.floor(from / batchSize);
-  const startAt = from % batchSize;
-  const { data } = useQuery(
-    ["explorer", "batch", query, batchSize, start],
-    async () => {
-      return graph.find({
-        ...query,
-        skip: start * batchSize,
-        take: batchSize,
-        status: "preferDraft"
-      });
-    },
-    { refetchOnWindowFocus: false, keepPreviousData: true, staleTime: 1e4 }
-  );
-  const entries = data?.slice(startAt, startAt + amount);
-  return /* @__PURE__ */ jsx("div", { className: styles.root(), children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        display: "grid",
-        gridTemplateColumns: `repeat(${amount}, 1fr)`,
-        height: "100%"
-      },
-      children: entries?.map((entry) => {
-        if (!entry) return null;
-        return /* @__PURE__ */ jsx(
-          ExplorerItem,
-          {
-            schema,
-            entry,
-            summaryView,
-            defaultView
-          },
-          entry.id
-        );
-      })
-    }
-  ) });
-});
-export {
-  ExplorerRow
-};

package/dist/dashboard/view/media/CardOverview.d.ts

@@ -1 +0,0 @@
-export declare function CardOverview(): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/view/media/CardOverview.js

@@ -1,10 +0,0 @@
-import "../../../chunks/chunk-NZLE2WMY.js";
-
-// src/dashboard/view/media/CardOverview.tsx
-import { jsx } from "react/jsx-runtime";
-function CardOverview() {
-  return /* @__PURE__ */ jsx("div", { children: "card" });
-}
-export {
-  CardOverview
-};

package/dist/dashboard/view/media/FileEntry.d.ts

@@ -1,6 +0,0 @@
-import type { MediaFile } from 'alinea/core/media/MediaTypes';
-import type { EntryEditProps } from '../EntryEdit.js';
-export declare function IcTwotonePinDrop(): import("react/jsx-runtime").JSX.Element;
-export declare function FileEntry(props: EntryEditProps & {
-    type: typeof MediaFile;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/view/media/FileEntry.js

@@ -1,223 +0,0 @@
-import {
-  dist_default
-} from "../../../chunks/chunk-A5O3N2GS.js";
-import {
-  useAtomValue
-} from "../../../chunks/chunk-TOJF2G3X.js";
-import "../../../chunks/chunk-WJ67RR7S.js";
-import {
-  v
-} from "../../../chunks/chunk-76QF5YTJ.js";
-import {
-  prettyBytes
-} from "../../../chunks/chunk-HRTN3UQ6.js";
-import "../../../chunks/chunk-NZLE2WMY.js";
-
-// src/dashboard/view/media/FileEntry.tsx
-import { Config } from "alinea/core/Config";
-import { isImage } from "alinea/core/media/IsImage";
-import { MEDIA_LOCATION } from "alinea/core/media/MediaLocation";
-import { outcome } from "alinea/core/Outcome";
-import { Typo } from "alinea/ui";
-import { Lift } from "alinea/ui/Lift";
-import { Main } from "alinea/ui/Main";
-import { Property } from "alinea/ui/Property";
-import { useState } from "react";
-import { FormProvider } from "../../atoms/FormAtoms.js";
-import { InputField } from "../../editor/InputForm.js";
-import { useField } from "../../editor/UseField.js";
-import { useConfig } from "../../hook/UseConfig.js";
-import { useNav } from "../../hook/UseNav.js";
-import { EntryHeader } from "../entry/EntryHeader.js";
-import { EntryTitle } from "../entry/EntryTitle.js";
-
-// src/dashboard/view/media/FileEntry.module.scss
-var FileEntry_module_default = {
-  "root": "alinea-FileEntry",
-  "image": "alinea-FileEntry-image",
-  "image-wrapper": "alinea-FileEntry-image-wrapper",
-  "imageWrapper": "alinea-FileEntry-image-wrapper",
-  "image-preview": "alinea-FileEntry-image-preview",
-  "imagePreview": "alinea-FileEntry-image-preview",
-  "image-preview-focus": "alinea-FileEntry-image-preview-focus",
-  "imagePreviewFocus": "alinea-FileEntry-image-preview-focus",
-  "image-preview-img": "alinea-FileEntry-image-preview-img",
-  "imagePreviewImg": "alinea-FileEntry-image-preview-img",
-  "image-content": "alinea-FileEntry-image-content",
-  "imageContent": "alinea-FileEntry-image-content",
-  "image-content-url": "alinea-FileEntry-image-content-url",
-  "imageContentUrl": "alinea-FileEntry-image-content-url"
-};
-
-// src/dashboard/view/media/FileEntry.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var styles = dist_default(FileEntry_module_default);
-function ImageView({ type, editor }) {
-  const config = useConfig();
-  const image = editor.activeVersion;
-  const { value: focus = { x: 0.5, y: 0.5 }, mutator: setFocus } = useField(
-    type.focus
-  );
-  const [hover, setHover] = useState({});
-  const { x: focusX = focus.x, y: focusY = focus.y } = hover;
-  const location = image.data.location;
-  const [liveUrl] = outcome(
-    () => new URL(location, Config.baseUrl(config) ?? window.location.href)
-  );
-  return /* @__PURE__ */ jsxs(Lift, { className: styles.image(), children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: styles.image.wrapper(),
-        style: {
-          backgroundImage: image.data.averageColor && `linear-gradient(45deg, ${v(
-            image.data.averageColor,
-            0.6
-          )} 0%, ${v(image.data.averageColor, 0.8)} 100%)`
-        },
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: styles.image.preview(),
-            onMouseMove: (event) => {
-              const rect = event.currentTarget.getBoundingClientRect();
-              const x = (event.clientX - rect.left) / rect.width;
-              const y = (event.clientY - rect.top) / rect.height;
-              setHover({ x, y });
-            },
-            onMouseOut: () => setHover({}),
-            onBlur: () => setHover({}),
-            onClick: (event) => {
-              event.preventDefault();
-              const rect = event.currentTarget.getBoundingClientRect();
-              const x = (event.clientX - rect.left) / rect.width;
-              const y = (event.clientY - rect.top) / rect.height;
-              setFocus({ x, y });
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                "img",
-                {
-                  className: styles.image.preview.img(),
-                  src: image.data.preview,
-                  alt: "Preview of media file"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: styles.image.preview.focus(),
-                  style: {
-                    left: `${focus.x * 100}%`,
-                    top: `${focus.y * 100}%`
-                  }
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: styles.image.content(), children: [
-      /* @__PURE__ */ jsx(InputField, { field: type.title }),
-      /* @__PURE__ */ jsx(Property, { label: "Extension", children: image.data.extension }),
-      /* @__PURE__ */ jsx(Property, { label: "File size", children: prettyBytes(image.data.size) }),
-      /* @__PURE__ */ jsxs(Property, { label: "Dimensions", children: [
-        image.data.width,
-        " x ",
-        image.data.height,
-        " pixels"
-      ] }),
-      /* @__PURE__ */ jsx(Property, { label: "URL", children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: liveUrl ? String(liveUrl) : location,
-          target: "_blank",
-          title: location,
-          className: styles.image.content.url(),
-          children: /* @__PURE__ */ jsx(Typo.Monospace, { children: location })
-        }
-      ) }),
-      /* @__PURE__ */ jsxs(
-        Property,
-        {
-          label: "Focus point",
-          help: "Click on the image to change the focus point",
-          children: [
-            "(",
-            focusX.toFixed(2),
-            ", ",
-            focusY.toFixed(2),
-            ")"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function IcTwotonePinDrop() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 24 16",
-      style: { display: "block" },
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "var(--alinea-background)",
-            d: "M12 3C9.19 3 6 5.11 6 9.13c0 2.68 2 5.49 6 8.44c4-2.95 6-5.77 6-8.44C18 5.11 14.81 3 12 3z"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "var(--alinea-foreground)",
-            d: "M12 4c1.93 0 5 1.4 5 5.15c0 2.16-1.72 4.67-5 7.32c-3.28-2.65-5-5.17-5-7.32C7 5.4 10.07 4 12 4m0-2C8.73 2 5 4.46 5 9.15c0 3.12 2.33 6.41 7 9.85c4.67-3.44 7-6.73 7-9.85C19 4.46 15.27 2 12 2z"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "var(--alinea-foreground)",
-            d: "M12 7c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z"
-          }
-        )
-      ]
-    }
-  );
-}
-function FileView({ type, editor }) {
-  const file = editor.activeVersion;
-  return /* @__PURE__ */ jsxs(Lift, { children: [
-    /* @__PURE__ */ jsx(InputField, { field: type.title }),
-    /* @__PURE__ */ jsx(Property, { label: "Extension", children: file.data.extension }),
-    /* @__PURE__ */ jsx(Property, { label: "File size", children: prettyBytes(file.data.size) }),
-    /* @__PURE__ */ jsx(Property, { label: "URL", children: /* @__PURE__ */ jsx(Typo.Monospace, { children: MEDIA_LOCATION in file.data ? file.data[MEDIA_LOCATION] : file.data.location }) })
-  ] });
-}
-function FileEntry(props) {
-  const nav = useNav();
-  const { editor } = props;
-  const form = useAtomValue(editor.form);
-  return /* @__PURE__ */ jsxs(Main, { className: styles.root(), children: [
-    /* @__PURE__ */ jsx(EntryHeader, { editor }),
-    /* @__PURE__ */ jsx(
-      EntryTitle,
-      {
-        editor,
-        backLink: editor.activeVersion.parentId ? nav.entry({
-          id: editor.activeVersion.parentId,
-          workspace: editor.activeVersion.workspace
-        }) : nav.entry({ id: void 0 })
-      }
-    ),
-    /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsx(Main.Container, { children: isImage(editor.activeVersion.data.extension) ? /* @__PURE__ */ jsx(ImageView, { ...props }) : /* @__PURE__ */ jsx(FileView, { ...props }) }) })
-  ] });
-}
-export {
-  FileEntry,
-  IcTwotonePinDrop
-};

package/dist/dashboard/view/media/FileSummary.d.ts

@@ -1,3 +0,0 @@
-import type { SummaryProps } from 'alinea/core/media/Summary';
-export declare function FileSummaryRow(file: SummaryProps): import("react/jsx-runtime").JSX.Element;
-export declare function FileSummaryThumb(file: SummaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/view/media/FileSummary.js

@@ -1,102 +0,0 @@
-import {
-  dist_default
-} from "../../../chunks/chunk-A5O3N2GS.js";
-import {
-  v
-} from "../../../chunks/chunk-76QF5YTJ.js";
-import {
-  prettyBytes
-} from "../../../chunks/chunk-HRTN3UQ6.js";
-import "../../../chunks/chunk-NZLE2WMY.js";
-
-// src/dashboard/view/media/FileSummary.tsx
-import { Chip, HStack, TextLabel, Typo, VStack, px } from "alinea/ui";
-import { Ellipsis } from "alinea/ui/Ellipsis";
-import { IcRoundInsertDriveFile } from "alinea/ui/icons/IcRoundInsertDriveFile";
-import { IcRoundKeyboardArrowRight } from "alinea/ui/icons/IcRoundKeyboardArrowRight";
-import { Fragment } from "react";
-
-// src/dashboard/view/media/FileSummary.module.scss
-var FileSummary_module_default = {
-  "row": "alinea-FileSummary-row",
-  "row-preview": "alinea-FileSummary-row-preview",
-  "rowPreview": "alinea-FileSummary-row-preview",
-  "row-preview-image": "alinea-FileSummary-row-preview-image",
-  "rowPreviewImage": "alinea-FileSummary-row-preview-image",
-  "row-preview-icon": "alinea-FileSummary-row-preview-icon",
-  "rowPreviewIcon": "alinea-FileSummary-row-preview-icon",
-  "thumb": "alinea-FileSummary-thumb",
-  "thumb-preview": "alinea-FileSummary-thumb-preview",
-  "thumbPreview": "alinea-FileSummary-thumb-preview",
-  "thumb-preview-image": "alinea-FileSummary-thumb-preview-image",
-  "thumbPreviewImage": "alinea-FileSummary-thumb-preview-image",
-  "is-cover": "alinea-FileSummary-is-cover",
-  "isCover": "alinea-FileSummary-is-cover",
-  "thumb-preview-icon": "alinea-FileSummary-thumb-preview-icon",
-  "thumbPreviewIcon": "alinea-FileSummary-thumb-preview-icon",
-  "thumb-preview-extension": "alinea-FileSummary-thumb-preview-extension",
-  "thumbPreviewExtension": "alinea-FileSummary-thumb-preview-extension",
-  "thumb-footer": "alinea-FileSummary-thumb-footer",
-  "thumbFooter": "alinea-FileSummary-thumb-footer",
-  "thumb-footer-title": "alinea-FileSummary-thumb-footer-title",
-  "thumbFooterTitle": "alinea-FileSummary-thumb-footer-title",
-  "thumb-footer-details": "alinea-FileSummary-thumb-footer-details",
-  "thumbFooterDetails": "alinea-FileSummary-thumb-footer-details",
-  "thumb-footer-details-divider": "alinea-FileSummary-thumb-footer-details-divider",
-  "thumbFooterDetailsDivider": "alinea-FileSummary-thumb-footer-details-divider"
-};
-
-// src/dashboard/view/media/FileSummary.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var styles = dist_default(FileSummary_module_default);
-function FileSummaryRow(file) {
-  return /* @__PURE__ */ jsxs(HStack, { center: true, full: true, gap: 10, className: styles.row(), children: [
-    /* @__PURE__ */ jsx("div", { className: styles.row.preview(), children: file.preview ? /* @__PURE__ */ jsx("img", { src: file.preview, className: styles.row.preview.image() }) : /* @__PURE__ */ jsx("div", { className: styles.row.preview.icon(), children: /* @__PURE__ */ jsx(IcRoundInsertDriveFile, {}) }) }),
-    /* @__PURE__ */ jsxs(VStack, { children: [
-      file.parents.length > 0 && /* @__PURE__ */ jsx(Ellipsis, { children: /* @__PURE__ */ jsx(Typo.Small, { children: /* @__PURE__ */ jsx(HStack, { center: true, gap: 3, children: file.parents.map(({ id, title }) => /* @__PURE__ */ jsx(Fragment, { children: title }, id)).reduce((prev, curr, i) => [
-        prev,
-        /* @__PURE__ */ jsx(IcRoundKeyboardArrowRight, {}, i),
-        curr
-      ]) }) }) }),
-      /* @__PURE__ */ jsx(Ellipsis, { children: /* @__PURE__ */ jsx(TextLabel, { label: file.title }) })
-    ] }),
-    file.extension && /* @__PURE__ */ jsx(Chip, { style: { marginLeft: "auto" }, children: file.extension.slice(1).toUpperCase() })
-  ] });
-}
-function FileSummaryThumb(file) {
-  return /* @__PURE__ */ jsxs("div", { className: styles.thumb(), title: file.title, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: styles.thumb.preview(),
-        style: {
-          backgroundImage: file.averageColor && `linear-gradient(45deg, ${v(
-            file.averageColor,
-            0.6
-          )} 0%, ${v(file.averageColor, 0.8)} 100%)`
-        },
-        children: file.preview ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: file.preview,
-            className: styles.thumb.preview.image(
-              /*{cover: imageCover}*/
-            )
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: styles.thumb.preview.icon(), children: /* @__PURE__ */ jsx(IcRoundInsertDriveFile, { style: { fontSize: px(36) } }) })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: styles.thumb.footer(), children: [
-      /* @__PURE__ */ jsx("p", { className: styles.thumb.footer.title(), children: file.title }),
-      /* @__PURE__ */ jsxs("p", { className: styles.thumb.footer.details(), children: [
-        file.extension?.slice(1).toUpperCase(),
-        file.width && file.height && ` - ${file.width}x${file.height}`,
-        file.size && /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto" }, children: prettyBytes(file.size) })
-      ] })
-    ] })
-  ] });
-}
-export {
-  FileSummaryRow,
-  FileSummaryThumb
-};

package/dist/dashboard/view/media/FileUploadRow.d.ts

@@ -1,2 +0,0 @@
-import { type Upload } from '../../hook/UseUploads.js';
-export declare function FileUploadRow(upload: Upload): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/view/media/FileUploadRow.js

@@ -1,53 +0,0 @@
-import {
-  dist_default
-} from "../../../chunks/chunk-A5O3N2GS.js";
-import "../../../chunks/chunk-NZLE2WMY.js";
-
-// src/dashboard/view/media/FileUploadRow.tsx
-import { Chip, HStack, Icon, Loader, TextLabel, VStack } from "alinea/ui";
-import { Ellipsis } from "alinea/ui/Ellipsis";
-import { IcBaselineErrorOutline } from "alinea/ui/icons/IcBaselineErrorOutline";
-import { IcRoundCheck } from "alinea/ui/icons/IcRoundCheck";
-import { IcRoundInsertDriveFile } from "alinea/ui/icons/IcRoundInsertDriveFile";
-import { UploadStatus } from "../../hook/UseUploads.js";
-
-// src/dashboard/view/media/FileUploadRow.module.scss
-var FileUploadRow_module_default = {
-  "root": "alinea-FileUploadRow",
-  "root-preview": "alinea-FileUploadRow-preview",
-  "rootPreview": "alinea-FileUploadRow-preview",
-  "root-preview-image": "alinea-FileUploadRow-preview-image",
-  "rootPreviewImage": "alinea-FileUploadRow-preview-image",
-  "root-preview-icon": "alinea-FileUploadRow-preview-icon",
-  "rootPreviewIcon": "alinea-FileUploadRow-preview-icon",
-  "root-status": "alinea-FileUploadRow-status",
-  "rootStatus": "alinea-FileUploadRow-status"
-};
-
-// src/dashboard/view/media/FileUploadRow.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var styles = dist_default(FileUploadRow_module_default);
-function FileUploadRow(upload) {
-  return /* @__PURE__ */ jsxs(HStack, { center: true, full: true, gap: 10, className: styles.root(), children: [
-    /* @__PURE__ */ jsx("div", { className: styles.root.preview(), children: upload.preview ? /* @__PURE__ */ jsx(
-      "img",
-      {
-        alt: "Uploaded file",
-        src: upload.preview,
-        className: styles.root.preview.image()
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: styles.root.preview.icon(), children: /* @__PURE__ */ jsx(IcRoundInsertDriveFile, {}) }) }),
-    /* @__PURE__ */ jsx(VStack, { children: /* @__PURE__ */ jsx(Ellipsis, { children: /* @__PURE__ */ jsx(TextLabel, { label: upload.file.name }) }) }),
-    /* @__PURE__ */ jsx(Chip, { style: { marginLeft: "auto" }, children: upload.file.name.toLowerCase().split(".").pop() }),
-    /* @__PURE__ */ jsx("div", { className: styles.root.status(), children: upload.status === UploadStatus.Done ? /* @__PURE__ */ jsx(
-      Icon,
-      {
-        icon: upload.error ? IcBaselineErrorOutline : IcRoundCheck,
-        title: upload.error ? upload.error.message : "Done"
-      }
-    ) : /* @__PURE__ */ jsx(Loader, {}) })
-  ] });
-}
-export {
-  FileUploadRow
-};

package/dist/dashboard/view/media/FileUploader.d.ts

@@ -1,10 +0,0 @@
-import type { Entry } from 'alinea/core/Entry';
-import { type UploadDestination } from '../../hook/UseUploads.js';
-export interface FileUploaderProps {
-    onlyImages?: boolean;
-    destination?: UploadDestination;
-    max?: number;
-    toggleSelect?: (id: Entry) => void;
-    position?: 'left' | 'right';
-}
-export declare function FileUploader({ onlyImages, destination, max, toggleSelect, position }: FileUploaderProps): import("react/jsx-runtime").JSX.Element;