@snokam/page-content 0.0.0-stage → 6.9.5

package/dist/editor/TableBlockEditor.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePageContent } from "../providers/PageContentProvider";
+import { textOrFallback } from "../admin-form-labels";
+import { randomBlockKey } from "./insertOptions";
+import { BlockObjectShell, BlockObjectKindRow, BlockObjectKind, } from "./BlockObject.styled";
+import { TableScroll, TableEl, TableCellInput, TableActions, TableActionButton, TableColumnRemove, TableRowRemove, } from "./TableBlockEditor.styled";
+function normaliseRow(input) {
+    if (Array.isArray(input)) {
+        return { _key: randomBlockKey(), cells: input.map(String) };
+    }
+    if (input && typeof input === "object") {
+        const obj = input;
+        const cells = Array.isArray(obj.cells) ? obj.cells.map(String) : [];
+        return { _key: obj._key ?? randomBlockKey(), cells };
+    }
+    return { _key: randomBlockKey(), cells: [] };
+}
+export function TableBlockEditor({ value, disabled, onChange, }) {
+    const { getText } = usePageContent();
+    const headers = Array.isArray(value.headers)
+        ? value.headers
+        : [];
+    const rows = Array.isArray(value.rows)
+        ? value.rows.map((r) => normaliseRow(r))
+        : [];
+    const colCount = Math.max(headers.length, ...rows.map((r) => r.cells.length), 1);
+    const setHeader = (col, text) => {
+        const next = [...headers];
+        while (next.length <= col)
+            next.push("");
+        next[col] = text;
+        onChange({ headers: next, rows });
+    };
+    const setCell = (rowIdx, col, text) => {
+        const next = rows.map((r) => ({ _key: r._key, cells: [...r.cells] }));
+        while (next.length <= rowIdx)
+            next.push({ _key: randomBlockKey(), cells: [] });
+        while (next[rowIdx].cells.length <= col)
+            next[rowIdx].cells.push("");
+        next[rowIdx].cells[col] = text;
+        onChange({ headers, rows: next });
+    };
+    const addRow = () => {
+        const cells = Array(colCount).fill("");
+        onChange({
+            headers,
+            rows: [...rows, { _key: randomBlockKey(), cells }],
+        });
+    };
+    const addColumn = () => {
+        onChange({
+            headers: [...headers, ""],
+            rows: rows.map((r) => ({ _key: r._key, cells: [...r.cells, ""] })),
+        });
+    };
+    const removeRow = (rowIdx) => {
+        onChange({ headers, rows: rows.filter((_, i) => i !== rowIdx) });
+    };
+    const removeColumn = (col) => {
+        onChange({
+            headers: headers.filter((_, i) => i !== col),
+            rows: rows.map((r) => ({
+                _key: r._key,
+                cells: r.cells.filter((_, i) => i !== col),
+            })),
+        });
+    };
+    return (_jsxs(BlockObjectShell, { contentEditable: false, children: [_jsx(BlockObjectKindRow, { children: _jsx(BlockObjectKind, { children: "Tabell" }) }), _jsx(TableScroll, { children: _jsxs(TableEl, { children: [_jsx("thead", { children: _jsx("tr", { children: Array.from({ length: colCount }).map((_, col) => (_jsxs("th", { children: [_jsx(TableCellInput, { value: headers[col] ?? "", placeholder: textOrFallback(getText, "editorTableColumnPlaceholder", "Kolonne {count}").replace("{count}", String(col + 1)), disabled: disabled, onChange: (e) => setHeader(col, e.target.value) }), !disabled && colCount > 1 && (_jsx(TableColumnRemove, { type: "button", title: textOrFallback(getText, "editorTableRemoveColumn", "Fjern kolonne"), onClick: () => removeColumn(col), children: "\u00D7" }))] }, col))) }) }), _jsx("tbody", { children: rows.map((row, rowIdx) => (_jsxs("tr", { children: [Array.from({ length: colCount }).map((_, col) => (_jsx("td", { children: _jsx(TableCellInput, { value: row.cells[col] ?? "", disabled: disabled, onChange: (e) => setCell(rowIdx, col, e.target.value) }) }, col))), !disabled && rows.length > 1 && (_jsx("td", { children: _jsx(TableRowRemove, { type: "button", title: textOrFallback(getText, "editorTableRemoveRow", "Fjern rad"), onClick: () => removeRow(rowIdx), children: "\u00D7" }) }))] }, row._key))) })] }) }), !disabled && (_jsxs(TableActions, { children: [_jsx(TableActionButton, { type: "button", onClick: addRow, children: textOrFallback(getText, "editorTableAddRow", "+ Rad") }), _jsx(TableActionButton, { type: "button", onClick: addColumn, children: textOrFallback(getText, "editorTableAddColumn", "+ Kolonne") })] }))] }));
+}
+//# sourceMappingURL=TableBlockEditor.js.map

package/dist/editor/TableBlockEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlockEditor.js","sourceRoot":"","sources":["../../src/editor/TableBlockEditor.tsx"],"names":[],"mappings":"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"}

package/dist/editor/TableBlockEditor.styled.d.ts

@@ -0,0 +1,29 @@
+export declare const TableScroll: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableEl: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const TableCellInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const TableActions: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableActionButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const TableColumnRemove: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const TableRowRemove: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+//# sourceMappingURL=TableBlockEditor.styled.d.ts.map

package/dist/editor/TableBlockEditor.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlockEditor.styled.d.ts","sourceRoot":"","sources":["../../src/editor/TableBlockEditor.styled.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;yGAKvB,CAAC;AAEF,eAAO,MAAM,OAAO;;;kHAgBnB,CAAC;AAEF,eAAO,MAAM,cAAc;;;kHAgB1B,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;qHAiB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;qHAkB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;qHAa1B,CAAC"}

package/dist/editor/TableBlockEditor.styled.js

@@ -0,0 +1,98 @@
+"use client";
+import styled from "@emotion/styled";
+export const TableScroll = styled.div `
+  overflow-x: auto;
+  border-radius: 8px;
+  border: 1px solid rgba(15, 23, 42, 0.08);
+  background: #fff;
+`;
+export const TableEl = styled.table `
+  width: 100%;
+  border-collapse: collapse;
+
+  th,
+  td {
+    padding: 0;
+    border: 1px solid rgba(15, 23, 42, 0.08);
+    vertical-align: top;
+    position: relative;
+  }
+
+  thead th {
+    background: rgba(15, 23, 42, 0.025);
+    font-weight: 600;
+  }
+`;
+export const TableCellInput = styled.input `
+  width: 100%;
+  padding: 8px 10px;
+  border: none;
+  background: transparent;
+  font-size: 0.875rem;
+  color: #0f172a;
+  outline: none;
+
+  &:focus {
+    background: rgba(17, 207, 127, 0.06);
+  }
+
+  &::placeholder {
+    color: #94a3b8;
+  }
+`;
+export const TableActions = styled.div `
+  display: flex;
+  gap: 8px;
+`;
+export const TableActionButton = styled.button `
+  padding: 6px 12px;
+  border-radius: 8px;
+  border: 1px solid rgba(15, 23, 42, 0.12);
+  background: #fff;
+  color: #0f172a;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition:
+    background 120ms ease,
+    border-color 120ms ease;
+
+  &:hover {
+    background: rgba(15, 23, 42, 0.04);
+    border-color: rgba(15, 23, 42, 0.22);
+  }
+`;
+export const TableColumnRemove = styled.button `
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  width: 18px;
+  height: 18px;
+  border-radius: 4px;
+  border: none;
+  background: transparent;
+  color: #94a3b8;
+  font-size: 14px;
+  line-height: 1;
+  cursor: pointer;
+
+  &:hover {
+    color: #dc2626;
+    background: rgba(254, 226, 226, 0.6);
+  }
+`;
+export const TableRowRemove = styled.button `
+  width: 24px;
+  height: 100%;
+  border: none;
+  background: transparent;
+  color: #94a3b8;
+  font-size: 16px;
+  cursor: pointer;
+
+  &:hover {
+    color: #dc2626;
+    background: rgba(254, 226, 226, 0.4);
+  }
+`;
+//# sourceMappingURL=TableBlockEditor.styled.js.map

package/dist/editor/TableBlockEditor.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlockEditor.styled.js","sourceRoot":"","sources":["../../src/editor/TableBlockEditor.styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKpC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;CAiB7C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;CAkB7C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;CAa1C,CAAC"}

package/dist/editor/Toolbar.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export declare function EditorToolbar({ disabled, actions, }: {
+    disabled?: boolean;
+    actions?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/editor/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/editor/Toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBlC,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,+BAwJA"}

package/dist/editor/Toolbar.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditor, useEditorSelector } from "@portabletext/editor";
+import { getActiveAnnotations } from "@portabletext/editor/selectors";
+import { FormatBold as FormatBoldIcon } from "@mui/icons-material";
+import { FormatItalic as FormatItalicIcon } from "@mui/icons-material";
+import { FormatUnderlined as FormatUnderlinedIcon } from "@mui/icons-material";
+import { FormatListBulleted as FormatListBulletedIcon } from "@mui/icons-material";
+import { FormatListNumbered as FormatListNumberedIcon } from "@mui/icons-material";
+import { FormatQuote as FormatQuoteIcon } from "@mui/icons-material";
+import { Link as LinkIcon } from "@mui/icons-material";
+import { usePageContent } from "../providers/PageContentProvider";
+import { textOrFallback } from "../admin-form-labels";
+import { DockPortal } from "./DockPortal";
+import { ToolbarStack, ActionsDock, ToolbarRow, ToolbarButton, ToolbarText, Divider, } from "./Toolbar.styled";
+export function EditorToolbar({ disabled, actions, }) {
+    const editor = useEditor();
+    const { getText } = usePageContent();
+    const activeAnnotations = useEditorSelector(editor, getActiveAnnotations);
+    if (disabled)
+        return actions ? (_jsx(DockPortal, { children: _jsx(ActionsDock, { children: _jsx(ToolbarRow, { children: actions }) }) })) : null;
+    const styleBtn = (label, style, title) => (_jsx(ToolbarButton, { type: "button", title: title, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+            editor.send({ type: "style.toggle", style });
+            editor.send({ type: "focus" });
+        }, children: label }, style));
+    const decoratorBtn = (label, decorator, title) => (_jsx(ToolbarButton, { type: "button", title: title, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+            editor.send({ type: "decorator.toggle", decorator });
+            editor.send({ type: "focus" });
+        }, children: label }, decorator));
+    const listBtn = (label, list, title) => (_jsx(ToolbarButton, { type: "button", title: title, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+            editor.send({ type: "list item.toggle", listItem: list });
+            editor.send({ type: "focus" });
+        }, children: label }, list));
+    const handleLink = () => {
+        const existing = activeAnnotations.find((a) => a._type === "link");
+        const href = window.prompt(textOrFallback(getText, "editorLinkPromptLabel", "Lenke (URL):"), existing?.href ?? "https://");
+        if (href === null)
+            return;
+        const trimmed = href.trim();
+        if (!trimmed || trimmed === "https://") {
+            editor.send({
+                type: "annotation.remove",
+                annotation: { name: "link" },
+            });
+        }
+        else {
+            editor.send({
+                type: "annotation.toggle",
+                annotation: { name: "link", value: { href: trimmed } },
+            });
+        }
+        editor.send({ type: "focus" });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(ToolbarStack, { children: _jsxs(ToolbarRow, { children: [styleBtn(_jsx(ToolbarText, { children: textOrFallback(getText, "editorToolbarParagraph", "Avsnitt") }), "normal", textOrFallback(getText, "editorToolbarParagraph", "Avsnitt")), styleBtn(_jsx(ToolbarText, { children: "H2" }), "h2", textOrFallback(getText, "editorToolbarHeading", "Overskrift")), styleBtn(_jsx(FormatQuoteIcon, { fontSize: "small" }), "blockquote", textOrFallback(getText, "editorToolbarQuote", "Sitat")), _jsx(Divider, {}), decoratorBtn(_jsx(FormatBoldIcon, { fontSize: "small" }), "strong", textOrFallback(getText, "editorToolbarBold", "Fet")), decoratorBtn(_jsx(FormatItalicIcon, { fontSize: "small" }), "em", textOrFallback(getText, "editorToolbarItalic", "Kursiv")), decoratorBtn(_jsx(FormatUnderlinedIcon, { fontSize: "small" }), "underline", textOrFallback(getText, "editorToolbarUnderline", "Understreket")), _jsx(ToolbarButton, { type: "button", title: textOrFallback(getText, "editorToolbarLink", "Lenke (legg til / fjern)"), onMouseDown: (e) => e.preventDefault(), onClick: handleLink, children: _jsx(LinkIcon, { fontSize: "small" }) }), _jsx(Divider, {}), listBtn(_jsx(FormatListBulletedIcon, { fontSize: "small" }), "bullet", textOrFallback(getText, "editorToolbarBullet", "Punktliste")), listBtn(_jsx(FormatListNumberedIcon, { fontSize: "small" }), "number", textOrFallback(getText, "editorToolbarNumbered", "Nummerert liste"))] }) }), actions && (_jsx(DockPortal, { children: _jsx(ActionsDock, { children: _jsx(ToolbarRow, { children: actions }) }) }))] }));
+}
+//# sourceMappingURL=Toolbar.js.map

package/dist/editor/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../src/editor/Toolbar.tsx"],"names":[],"mappings":"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"}

package/dist/editor/Toolbar.styled.d.ts

@@ -0,0 +1,27 @@
+export declare const ToolbarStack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ActionsDock: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $active?: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const ToolbarText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Divider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=Toolbar.styled.d.ts.map

package/dist/editor/Toolbar.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.styled.d.ts","sourceRoot":"","sources":["../../src/editor/Toolbar.styled.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAevB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGA2BtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cAA6B,OAAO;qHAyB7D,CAAC;AAEF,eAAO,MAAM,WAAW;;;2GAIvB,CAAC;AAEF,eAAO,MAAM,OAAO;;;2GAMnB,CAAC"}

package/dist/editor/Toolbar.styled.js

@@ -0,0 +1,114 @@
+"use client";
+import styled from "@emotion/styled";
+const dockPositioning = `
+  position: fixed;
+  left: calc(
+    var(--admin-sidebar-width, 0px) +
+      (100vw - var(--admin-sidebar-width, 0px) - var(--olaf-panel-width, 0px)) /
+      2
+  );
+  transform: translateX(-50%);
+  z-index: 1200;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  max-width: calc(
+    100vw - var(--admin-sidebar-width, 0px) - var(--olaf-panel-width, 0px) -
+      32px
+  );
+
+  @media (max-width: 600px) {
+    max-width: calc(100vw - 2rem);
+  }
+`;
+export const ToolbarStack = styled.div `
+  ${dockPositioning}
+  top: calc(var(--admin-topbar-height, 64px) + 12px);
+  align-items: center;
+
+  @media (max-width: 900px) {
+    width: 100%;
+  }
+`;
+export const ActionsDock = styled.div `
+  ${dockPositioning}
+  bottom: 16px;
+
+  & > div {
+    flex-wrap: wrap;
+    white-space: normal;
+    overflow-x: visible;
+  }
+
+  @media (max-width: 600px) {
+    left: 1rem;
+    transform: none;
+    max-width: calc(100vw - 1rem - 92px);
+  }
+`;
+export const ToolbarRow = styled.div `
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  padding: 8px 6px;
+  background: rgba(255, 255, 255, 0.72);
+  backdrop-filter: blur(18px) saturate(160%);
+  -webkit-backdrop-filter: blur(18px) saturate(160%);
+  border: 1px solid rgba(15, 23, 42, 0.08);
+  border-radius: 14px;
+  box-shadow:
+    0 1px 0 rgba(255, 255, 255, 0.6) inset,
+    0 12px 32px -12px rgba(15, 23, 42, 0.22);
+  flex-wrap: nowrap;
+  white-space: nowrap;
+  max-width: 100%;
+  overflow-x: auto;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  @media (max-width: 900px) {
+    flex-wrap: wrap;
+    white-space: normal;
+  }
+`;
+export const ToolbarButton = styled.button `
+  min-width: 30px;
+  height: 30px;
+  padding: 0 10px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  background: ${({ $active }) => ($active ? "#0f172a" : "transparent")};
+  color: ${({ $active }) => ($active ? "#fff" : "#334155")};
+  font-size: 0.8125rem;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  cursor: pointer;
+  transition:
+    background 140ms ease,
+    color 140ms ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+
+  &:hover {
+    background: ${({ $active }) => $active ? "#1e293b" : "rgba(15, 23, 42, 0.06)"};
+    color: ${({ $active }) => ($active ? "#fff" : "#0f172a")};
+  }
+`;
+export const ToolbarText = styled.span `
+  font-size: 0.8125rem;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+`;
+export const Divider = styled.span `
+  width: 1px;
+  height: 20px;
+  background: rgba(15, 23, 42, 0.08);
+  margin: 0 6px;
+  flex-shrink: 0;
+`;
+//# sourceMappingURL=Toolbar.styled.js.map

package/dist/editor/Toolbar.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.styled.js","sourceRoot":"","sources":["../../src/editor/Toolbar.styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;IAClC,eAAe;;;;;;;CAOlB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;IACjC,eAAe;;;;;;;;;;;;;;CAclB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BnC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAuB;;;;;;gBAMjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;WAC3D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;;;;;;;;kBAcxC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAC5B,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB;aACvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;;CAE3D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAIrC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;CAMjC,CAAC"}

package/dist/editor/blocks.d.ts

@@ -0,0 +1,34 @@
+export type Block = Record<string, unknown>;
+export interface Span {
+    sanityKey: string;
+    sanityType: "span";
+    text: string;
+    marks: string[];
+}
+export declare const BLOCK_STYLES: {
+    readonly normal: "Avsnitt";
+    readonly h1: "Overskrift 1";
+    readonly h2: "Overskrift 2";
+    readonly h3: "Overskrift 3";
+    readonly h4: "Overskrift 4";
+    readonly h5: "Overskrift 5";
+    readonly h6: "Overskrift 6";
+    readonly blockquote: "Sitat";
+};
+export type BlockStyle = keyof typeof BLOCK_STYLES;
+export declare function isTextBlock(block: Block): boolean;
+export declare function getStyle(block: Block): BlockStyle;
+export declare function getListItem(block: Block): string | null;
+export declare function getLevel(block: Block): number;
+export declare function childrenOf(block: Block): Span[];
+export declare function plainTextOf(block: Block): string;
+export declare function hasMarks(block: Block): boolean;
+export declare function hasMarkDefs(block: Block): boolean;
+export declare function setPlainText(block: Block, text: string): Block;
+export declare function makeParagraph(text?: string): Block;
+export declare function makeHeading(level?: 2 | 3, text?: string): Block;
+export declare function makeListItem(listItem?: "bullet" | "number", text?: string): Block;
+export declare function randomKey(): string;
+export type BlockLabelResolver = (_key: string, _fallback: string) => string;
+export declare function describeBlock(block: Block, resolve?: BlockLabelResolver): string;
+//# sourceMappingURL=blocks.d.ts.map

package/dist/editor/blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../src/editor/blocks.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE5C,MAAM,WAAW,IAAI;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC;AAEnD,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAEjD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,UAAU,CAIjD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAGvD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAG7C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,CAO/C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAIhD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAI9C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAGjD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,CAa9D;AAED,wBAAgB,aAAa,CAAC,IAAI,SAAK,GAAG,KAAK,CAe9C;AAED,wBAAgB,WAAW,CAAC,KAAK,GAAE,CAAC,GAAG,CAAK,EAAE,IAAI,SAAK,GAAG,KAAK,CAe9D;AAED,wBAAgB,YAAY,CAC1B,QAAQ,GAAE,QAAQ,GAAG,QAAmB,EACxC,IAAI,SAAK,GACR,KAAK,CAiBP;AAED,wBAAgB,SAAS,IAAI,MAAM,CAKlC;AAQD,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;AAI7E,wBAAgB,aAAa,CAC3B,KAAK,EAAE,KAAK,EACZ,OAAO,GAAE,kBAAqC,GAC7C,MAAM,CAqCR"}

package/dist/editor/blocks.js

@@ -0,0 +1,163 @@
+export const BLOCK_STYLES = {
+    normal: "Avsnitt",
+    h1: "Overskrift 1",
+    h2: "Overskrift 2",
+    h3: "Overskrift 3",
+    h4: "Overskrift 4",
+    h5: "Overskrift 5",
+    h6: "Overskrift 6",
+    blockquote: "Sitat",
+};
+export function isTextBlock(block) {
+    return block.sanityType === "block";
+}
+export function getStyle(block) {
+    const s = block.style;
+    if (typeof s === "string" && s in BLOCK_STYLES)
+        return s;
+    return "normal";
+}
+export function getListItem(block) {
+    const v = block.listItem;
+    return typeof v === "string" ? v : null;
+}
+export function getLevel(block) {
+    const v = block.level;
+    return typeof v === "number" ? v : 1;
+}
+export function childrenOf(block) {
+    const c = block.children;
+    if (!Array.isArray(c))
+        return [];
+    return c.filter((s) => {
+        const span = s;
+        return span && span.sanityType === "span";
+    });
+}
+export function plainTextOf(block) {
+    return childrenOf(block)
+        .map((s) => s.text ?? "")
+        .join("");
+}
+export function hasMarks(block) {
+    return childrenOf(block).some((s) => Array.isArray(s.marks) && s.marks.length > 0);
+}
+export function hasMarkDefs(block) {
+    const md = block.markDefs;
+    return Array.isArray(md) && md.length > 0;
+}
+export function setPlainText(block, text) {
+    const firstChild = childrenOf(block)[0];
+    const span = {
+        sanityKey: firstChild?.sanityKey ?? randomKey(),
+        sanityType: "span",
+        text,
+        marks: [],
+    };
+    return {
+        ...block,
+        markDefs: [],
+        children: [span],
+    };
+}
+export function makeParagraph(text = "") {
+    return {
+        sanityKey: randomKey(),
+        sanityType: "block",
+        style: "normal",
+        markDefs: [],
+        children: [
+            {
+                sanityKey: randomKey(),
+                sanityType: "span",
+                text,
+                marks: [],
+            },
+        ],
+    };
+}
+export function makeHeading(level = 2, text = "") {
+    return {
+        sanityKey: randomKey(),
+        sanityType: "block",
+        style: `h${level}`,
+        markDefs: [],
+        children: [
+            {
+                sanityKey: randomKey(),
+                sanityType: "span",
+                text,
+                marks: [],
+            },
+        ],
+    };
+}
+export function makeListItem(listItem = "bullet", text = "") {
+    return {
+        sanityKey: randomKey(),
+        sanityType: "block",
+        style: "normal",
+        listItem,
+        level: 1,
+        markDefs: [],
+        children: [
+            {
+                sanityKey: randomKey(),
+                sanityType: "span",
+                text,
+                marks: [],
+            },
+        ],
+    };
+}
+export function randomKey() {
+    if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
+        return crypto.randomUUID().replace(/-/g, "").slice(0, 12);
+    }
+    return Math.random().toString(36).slice(2, 14);
+}
+function stripComponentPrefix(sanityType) {
+    return sanityType.startsWith("component.")
+        ? sanityType.slice("component.".length)
+        : sanityType;
+}
+const identityResolver = (_key, fallback) => fallback;
+export function describeBlock(block, resolve = identityResolver) {
+    const t = block.sanityType;
+    if (typeof t !== "string")
+        return resolve("editorBlockKindUnknown", "Ukjent blokk");
+    const kind = stripComponentPrefix(t);
+    switch (kind) {
+        case "block": {
+            const li = getListItem(block);
+            if (li === "bullet")
+                return resolve("editorBlockKindListItem", "Listepunkt");
+            if (li === "number")
+                return resolve("editorBlockKindNumberItem", "Nummerert punkt");
+            const s = getStyle(block);
+            return BLOCK_STYLES[s] ?? "Avsnitt";
+        }
+        case "image":
+            return resolve("editorBlockKindImage", "Bilde");
+        case "gallery":
+            return resolve("editorBlockKindGallery", "Galleri");
+        case "video":
+            return resolve("editorBlockKindVideo", "Video");
+        case "muxVideo":
+        case "mux.video":
+            return resolve("editorBlockKindMuxVideo", "MUX-video");
+        case "youtube":
+            return resolve("editorBlockKindYoutube", "YouTube");
+        case "link":
+            return resolve("editorBlockKindLinkCard", "Lenke-kort");
+        case "media":
+            return resolve("editorBlockKindMedia", "Media");
+        case "iframe":
+            return resolve("editorBlockKindIframe", "Iframe");
+        case "code":
+            return resolve("editorBlockKindCode", "Kodeblokk");
+        default:
+            return `Blokk (${t})`;
+    }
+}
+//# sourceMappingURL=blocks.js.map