strapi-plugin-radiocult-uploader 1.0.0

package/dist/admin/src/api.d.ts

@@ -0,0 +1,107 @@
+import { ThemeSettings } from './theme/tokens';
+export type PlatformKey = 'mixcloud' | 'soundcloud';
+export declare const PLATFORMS: PlatformKey[];
+export declare const PLATFORM_LABEL: Record<PlatformKey, string>;
+export interface PlatformStatus {
+    state: 'not_published' | 'publishing' | 'linked' | 'stalled';
+    requestedAt: string | null;
+    link: string | null;
+}
+export interface RcStatus {
+    enabled: boolean;
+    trackId: string | null;
+    uploadedAt: string | null;
+    platforms: Record<PlatformKey, PlatformStatus>;
+    rateLimitMessage?: string | null;
+    details: {
+        title: string;
+        showName: string;
+        artist: string;
+        album: string;
+        description: string;
+        genres: string[];
+        image: {
+            name: string;
+            previewUrl: string;
+            usable: boolean;
+        } | null;
+    };
+}
+export interface ContentTypeInfo {
+    uid: string;
+    displayName: string;
+    attributes: {
+        name: string;
+        type: string;
+        target: string | null;
+        targetAttributes: string[] | null;
+    }[];
+}
+export interface SettingsPayload {
+    credentials: {
+        stationId: string;
+        enabled: boolean;
+        apiKeySet: boolean;
+    };
+    mapping: Record<string, string | null>;
+    defaults: {
+        artist: string;
+        description: string;
+    };
+    theme: ThemeSettings;
+    envLocks: {
+        apiKey: boolean;
+        stationId: boolean;
+        enabled: boolean;
+    };
+}
+export declare const apiError: (error: any) => string;
+export declare const fetchStatus: (documentId: string, refresh?: boolean) => Promise<RcStatus>;
+export declare const publishTrack: (documentId: string, platform: PlatformKey, body: {
+    title: string;
+    tags: string[];
+    description: string;
+}, force?: boolean) => Promise<unknown>;
+export declare const saveTrackDetails: (documentId: string, meta: {
+    title: string;
+    artist: string;
+    album: string;
+}) => Promise<unknown>;
+export declare const fetchUiConfig: () => Promise<{
+    theme: ThemeSettings;
+    contentType: string | null;
+}>;
+export declare const fetchSettings: () => Promise<SettingsPayload>;
+export declare const saveSettings: (patch: Record<string, unknown>) => Promise<SettingsPayload>;
+export declare const testConnection: () => Promise<{
+    ok: boolean;
+    message: string;
+}>;
+export declare const fetchContentTypes: () => Promise<ContentTypeInfo[]>;
+export declare const fetchDiagnostics: () => Promise<{
+    nodeVersion: string;
+    openAsBlob: boolean;
+    bodyMaxFileSize: number | null;
+    bodyLimitOk: boolean | null;
+    cronEnabled: boolean;
+}>;
+export interface UploadCallbacks {
+    onProgress: (pct: number | null) => void;
+    onDone: (body: {
+        trackId?: string;
+        warnings?: string[];
+    }) => void;
+    onConflict: (message: string) => void;
+    onError: (message: string, status?: number) => void;
+    onAbort: () => void;
+}
+/**
+ * Uploads the audio file with progress reporting. Returns the XHR so the
+ * caller can abort. `token` comes from useAuth — fetch() has no upload
+ * progress events, so this one call is a raw XHR.
+ */
+export declare const uploadTrack: (documentId: string, file: File, meta: {
+    title: string;
+    artist: string;
+    album: string;
+}, force: boolean, token: string, callbacks: UploadCallbacks) => XMLHttpRequest;

package/dist/admin/src/components/Initializer.d.ts

@@ -0,0 +1,5 @@
+type InitializerProps = {
+    setPlugin: (id: string) => void;
+};
+declare const Initializer: ({ setPlugin }: InitializerProps) => null;
+export { Initializer };

package/dist/admin/src/components/Panel.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Edit-view side panel: shows where the entry has got to (uploaded /
+ * publishing / linked) and opens the uploader page. Only rendered on the
+ * content type configured in the plugin settings.
+ */
+import * as React from 'react';
+/**
+ * PanelComponent for content-manager's addEditViewSidePanel. Called as a
+ * plain function during render — it must not use hooks itself; everything
+ * stateful lives in the components above.
+ */
+export declare const RadioCultPanel: (props: {
+    model: string;
+    documentId?: string;
+}) => {
+    title: string;
+    content: React.JSX.Element;
+} | null;

package/dist/admin/src/components/PluginIcon.d.ts

@@ -0,0 +1,2 @@
+declare const PluginIcon: () => import("react").JSX.Element;
+export { PluginIcon };

package/dist/admin/src/index.d.ts

@@ -0,0 +1,3 @@
+import { StrapiApp } from '@strapi/strapi/admin';
+declare const plugin: StrapiApp['appPlugins'][string];
+export default plugin;

package/dist/admin/src/pages/App.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => import("react").JSX.Element;
+export default App;

package/dist/admin/src/pages/HomePage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Landing page for the plugin's menu entry: explains how the uploader is
+ * opened (from an entry's edit view) and links to the settings.
+ */
+declare const HomePage: () => import("react").JSX.Element;
+export { HomePage };

package/dist/admin/src/pages/Settings.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Plugin settings page: Radio Cult credentials, content-type field mapping,
+ * publish defaults, uploader theme (preset + font + colour overrides + logo) and
+ * environment diagnostics.
+ */
+import * as React from 'react';
+declare const Settings: () => React.JSX.Element;
+export default Settings;

package/dist/admin/src/pages/Uploader.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The Episode Uploader page: step 1 edit track details, step 2 upload the
+ * audio to Radio Cult (with real progress), step 3 publish to Mixcloud /
+ * SoundCloud, plus a terminal-style activity log. Rendered inside the admin
+ * at /admin/plugins/radiocult-uploader/upload/:documentId, themed via the
+ * plugin settings (CSS custom properties on the wrapper).
+ */
+import * as React from 'react';
+declare const Uploader: () => React.JSX.Element;
+export default Uploader;

package/dist/admin/src/pluginId.d.ts

@@ -0,0 +1 @@
+export declare const PLUGIN_ID = "radiocult-uploader";

package/dist/admin/src/theme/tokens.d.ts

@@ -0,0 +1,96 @@
+/**
+ * Uploader page theme system. A theme is a flat map of colour tokens; presets
+ * provide complete maps and the settings page lets users override a small,
+ * curated subset of them (see EDITABLE_TOKENS) plus the font, logo and station
+ * name. Tokens are applied as CSS custom properties (--rcu-*) on the uploader
+ * page wrapper.
+ */
+export interface ThemeTokens {
+    /** Page background gradient, light end. */
+    pageBg: string;
+    /** Page background gradient, dark end. */
+    pageBgDeep: string;
+    /** Main text / primary UI colour. */
+    text: string;
+    /** Secondary text. */
+    textDim: string;
+    /** Gradient partner for text on headings and buttons. */
+    contrast: string;
+    /** Card background. */
+    card: string;
+    /** Card / input border. */
+    cardBorder: string;
+    /** Input background. */
+    inputBg: string;
+    /** Sunken areas (log background, progress track). */
+    sunk: string;
+    /** Success. */
+    green: string;
+    /** Warning / in-progress. */
+    amber: string;
+    /** Error / destructive. */
+    red: string;
+    /** Mixcloud accent. */
+    mixcloud: string;
+    /** SoundCloud accent. */
+    soundcloud: string;
+    /** Text on filled buttons and step badges. */
+    buttonText: string;
+    /** Strong shadow colour (with alpha). */
+    shadow: string;
+    /** Soft shadow / focus ring colour (with alpha). */
+    shadowSoft: string;
+    /** Vinyl record groove colours. */
+    vinylDark: string;
+    vinylMid: string;
+}
+/**
+ * The only tokens the settings page exposes. Deliberately short — everything
+ * else follows the preset — and deliberately all plain hex, so every one of
+ * them gets a real colour picker rather than a read-only swatch.
+ */
+export declare const EDITABLE_TOKENS: {
+    key: keyof ThemeTokens;
+    label: string;
+    hint: string;
+}[];
+export declare const EDITABLE_TOKEN_KEYS: (keyof ThemeTokens)[];
+/** Drops any stored override that is no longer user-editable. */
+export declare const pickEditableOverrides: (overrides: Partial<ThemeTokens> | null | undefined) => Partial<ThemeTokens>;
+export interface FontOption {
+    label: string;
+    /** CSS font-family stack. */
+    stack: string;
+    /** Google Fonts css2 `family=` value, or null for the system stack. */
+    google: string | null;
+}
+/** System default plus a handful of Google Fonts, loaded on demand. */
+export declare const FONTS: Record<string, FontOption>;
+export declare const DEFAULT_FONT = "system";
+export declare const resolveFont: (theme: Partial<ThemeSettings> | null | undefined) => FontOption;
+/** Google Fonts stylesheet URL for a font, or null when none is needed. */
+export declare const googleFontHref: (font: FontOption) => string | null;
+/**
+ * Loads a Google Fonts stylesheet on demand. Links are keyed by href and left
+ * in <head> once added, so switching back and forth in settings is instant and
+ * nothing is fetched twice.
+ */
+export declare const useGoogleFont: (href: string | null) => void;
+export declare const PRESETS: Record<string, {
+    label: string;
+    tokens: ThemeTokens;
+}>;
+export interface ThemeSettings {
+    preset: string;
+    overrides: Partial<ThemeTokens>;
+    /** Key into FONTS. */
+    fontFamily: string;
+    logoUrl: string | null;
+    stationName: string;
+}
+/** Effective tokens: preset (falling back to paper) + user overrides. */
+export declare const resolveTokens: (theme: Partial<ThemeSettings> | null | undefined) => ThemeTokens;
+/** CSS custom properties for the uploader wrapper. */
+export declare const tokensToCssVars: (tokens: ThemeTokens) => Record<string, string>;
+/** Colour vars plus the font var, ready to spread onto a wrapper's style. */
+export declare const themeToCssVars: (theme: Partial<ThemeSettings> | null | undefined) => Record<string, string>;

package/dist/admin/src/utils/getTranslation.d.ts

@@ -0,0 +1,2 @@
+declare const getTranslation: (id: string) => string;
+export { getTranslation };

package/dist/admin/tokens-ACCekCH6.mjs

@@ -0,0 +1,161 @@
+import * as React from "react";
+const EDITABLE_TOKENS = [
+  { key: "pageBg", label: "Background", hint: "Top of the page gradient" },
+  { key: "pageBgDeep", label: "Background (gradient end)", hint: "Bottom of the page gradient" },
+  { key: "text", label: "Text", hint: "Headings, body text and filled buttons" },
+  { key: "textDim", label: "Secondary text", hint: "Hints, labels and captions" },
+  { key: "contrast", label: "Accent", hint: "Second colour in heading and button gradients" },
+  { key: "buttonText", label: "Button text", hint: "Text on filled buttons and step badges" }
+];
+const EDITABLE_TOKEN_KEYS = EDITABLE_TOKENS.map((t) => t.key);
+const pickEditableOverrides = (overrides) => Object.fromEntries(
+  Object.entries(overrides ?? {}).filter(
+    ([key]) => EDITABLE_TOKEN_KEYS.includes(key)
+  )
+);
+const SYSTEM_STACK = `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`;
+const FONTS = {
+  system: { label: "System default", stack: SYSTEM_STACK, google: null },
+  inter: {
+    label: "Inter",
+    stack: `'Inter', ${SYSTEM_STACK}`,
+    google: "Inter:wght@400;600;700;800"
+  },
+  "dm-sans": {
+    label: "DM Sans",
+    stack: `'DM Sans', ${SYSTEM_STACK}`,
+    google: "DM+Sans:wght@400;500;700"
+  },
+  poppins: {
+    label: "Poppins",
+    stack: `'Poppins', ${SYSTEM_STACK}`,
+    google: "Poppins:wght@400;600;700;800"
+  },
+  "space-grotesk": {
+    label: "Space Grotesk",
+    stack: `'Space Grotesk', ${SYSTEM_STACK}`,
+    google: "Space+Grotesk:wght@400;500;700"
+  },
+  "work-sans": {
+    label: "Work Sans",
+    stack: `'Work Sans', ${SYSTEM_STACK}`,
+    google: "Work+Sans:wght@400;600;700;800"
+  },
+  "libre-franklin": {
+    label: "Libre Franklin",
+    stack: `'Libre Franklin', ${SYSTEM_STACK}`,
+    google: "Libre+Franklin:wght@400;600;700;800"
+  },
+  "playfair-display": {
+    label: "Playfair Display (serif)",
+    stack: `'Playfair Display', Georgia, serif`,
+    google: "Playfair+Display:wght@400;600;700;800"
+  },
+  "ibm-plex-mono": {
+    label: "IBM Plex Mono",
+    stack: `'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace`,
+    google: "IBM+Plex+Mono:wght@400;500;700"
+  }
+};
+const DEFAULT_FONT = "system";
+const resolveFont = (theme) => FONTS[theme?.fontFamily ?? DEFAULT_FONT] ?? FONTS[DEFAULT_FONT];
+const googleFontHref = (font) => font.google ? `https://fonts.googleapis.com/css2?family=${font.google}&display=swap` : null;
+const useGoogleFont = (href) => {
+  React.useEffect(() => {
+    if (!href || document.querySelector(`link[data-rcu-font][href="${href}"]`)) return;
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = href;
+    link.setAttribute("data-rcu-font", "");
+    document.head.appendChild(link);
+  }, [href]);
+};
+const paper = {
+  pageBg: "#C0B7AF",
+  pageBgDeep: "#ADA39B",
+  text: "#322824",
+  textDim: "#5c524d",
+  contrast: "#000000",
+  card: "rgba(255, 255, 255, 0.26)",
+  cardBorder: "rgba(50, 40, 36, 0.22)",
+  inputBg: "rgba(255, 255, 255, 0.42)",
+  sunk: "rgba(50, 40, 36, 0.09)",
+  green: "#3f6b52",
+  amber: "#8a6a24",
+  red: "#8f3a2f",
+  mixcloud: "#3f6266",
+  soundcloud: "#8f5a2f",
+  buttonText: "#C0B7AF",
+  shadow: "rgba(50, 40, 36, 0.3)",
+  shadowSoft: "rgba(50, 40, 36, 0.16)",
+  vinylDark: "#1b1512",
+  vinylMid: "#2f2521"
+};
+const midnight = {
+  pageBg: "#150b2a",
+  pageBgDeep: "#0d0620",
+  text: "#f0e9fb",
+  textDim: "#9d92b8",
+  contrast: "#ff2e88",
+  card: "rgba(255, 255, 255, 0.05)",
+  cardBorder: "rgba(240, 233, 251, 0.16)",
+  inputBg: "rgba(255, 255, 255, 0.07)",
+  sunk: "rgba(0, 0, 0, 0.3)",
+  green: "#4fd08a",
+  amber: "#e8bb54",
+  red: "#ff5c4d",
+  mixcloud: "#52aab4",
+  soundcloud: "#ff7733",
+  buttonText: "#150b2a",
+  shadow: "rgba(0, 0, 0, 0.5)",
+  shadowSoft: "rgba(255, 46, 136, 0.25)",
+  vinylDark: "#07030f",
+  vinylMid: "#1e1433"
+};
+const slate = {
+  pageBg: "#dde3e8",
+  pageBgDeep: "#c6cfd6",
+  text: "#26313a",
+  textDim: "#5b6873",
+  contrast: "#0a5c8a",
+  card: "rgba(255, 255, 255, 0.45)",
+  cardBorder: "rgba(38, 49, 58, 0.2)",
+  inputBg: "rgba(255, 255, 255, 0.6)",
+  sunk: "rgba(38, 49, 58, 0.08)",
+  green: "#2e7d4f",
+  amber: "#9a6d1c",
+  red: "#a63a2e",
+  mixcloud: "#28707a",
+  soundcloud: "#b35f2a",
+  buttonText: "#eef2f5",
+  shadow: "rgba(38, 49, 58, 0.28)",
+  shadowSoft: "rgba(38, 49, 58, 0.14)",
+  vinylDark: "#161b1f",
+  vinylMid: "#2b343b"
+};
+const PRESETS = {
+  paper: { label: "Paper (light)", tokens: paper },
+  midnight: { label: "Midnight (dark)", tokens: midnight },
+  slate: { label: "Slate (light)", tokens: slate }
+};
+const resolveTokens = (theme) => ({
+  ...(PRESETS[theme?.preset ?? "paper"] ?? PRESETS.paper).tokens,
+  ...pickEditableOverrides(theme?.overrides)
+});
+const tokensToCssVars = (tokens) => Object.fromEntries(Object.entries(tokens).map(([key, value]) => [`--rcu-${key}`, value]));
+const themeToCssVars = (theme) => ({
+  ...tokensToCssVars(resolveTokens(theme)),
+  "--rcu-fontFamily": resolveFont(theme).stack
+});
+export {
+  EDITABLE_TOKENS as E,
+  FONTS as F,
+  PRESETS as P,
+  resolveTokens as a,
+  tokensToCssVars as b,
+  googleFontHref as g,
+  pickEditableOverrides as p,
+  resolveFont as r,
+  themeToCssVars as t,
+  useGoogleFont as u
+};

package/dist/admin/tokens-CDeNcvZq.js

@@ -0,0 +1,178 @@
+"use strict";
+const React = require("react");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const EDITABLE_TOKENS = [
+  { key: "pageBg", label: "Background", hint: "Top of the page gradient" },
+  { key: "pageBgDeep", label: "Background (gradient end)", hint: "Bottom of the page gradient" },
+  { key: "text", label: "Text", hint: "Headings, body text and filled buttons" },
+  { key: "textDim", label: "Secondary text", hint: "Hints, labels and captions" },
+  { key: "contrast", label: "Accent", hint: "Second colour in heading and button gradients" },
+  { key: "buttonText", label: "Button text", hint: "Text on filled buttons and step badges" }
+];
+const EDITABLE_TOKEN_KEYS = EDITABLE_TOKENS.map((t) => t.key);
+const pickEditableOverrides = (overrides) => Object.fromEntries(
+  Object.entries(overrides ?? {}).filter(
+    ([key]) => EDITABLE_TOKEN_KEYS.includes(key)
+  )
+);
+const SYSTEM_STACK = `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`;
+const FONTS = {
+  system: { label: "System default", stack: SYSTEM_STACK, google: null },
+  inter: {
+    label: "Inter",
+    stack: `'Inter', ${SYSTEM_STACK}`,
+    google: "Inter:wght@400;600;700;800"
+  },
+  "dm-sans": {
+    label: "DM Sans",
+    stack: `'DM Sans', ${SYSTEM_STACK}`,
+    google: "DM+Sans:wght@400;500;700"
+  },
+  poppins: {
+    label: "Poppins",
+    stack: `'Poppins', ${SYSTEM_STACK}`,
+    google: "Poppins:wght@400;600;700;800"
+  },
+  "space-grotesk": {
+    label: "Space Grotesk",
+    stack: `'Space Grotesk', ${SYSTEM_STACK}`,
+    google: "Space+Grotesk:wght@400;500;700"
+  },
+  "work-sans": {
+    label: "Work Sans",
+    stack: `'Work Sans', ${SYSTEM_STACK}`,
+    google: "Work+Sans:wght@400;600;700;800"
+  },
+  "libre-franklin": {
+    label: "Libre Franklin",
+    stack: `'Libre Franklin', ${SYSTEM_STACK}`,
+    google: "Libre+Franklin:wght@400;600;700;800"
+  },
+  "playfair-display": {
+    label: "Playfair Display (serif)",
+    stack: `'Playfair Display', Georgia, serif`,
+    google: "Playfair+Display:wght@400;600;700;800"
+  },
+  "ibm-plex-mono": {
+    label: "IBM Plex Mono",
+    stack: `'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace`,
+    google: "IBM+Plex+Mono:wght@400;500;700"
+  }
+};
+const DEFAULT_FONT = "system";
+const resolveFont = (theme) => FONTS[theme?.fontFamily ?? DEFAULT_FONT] ?? FONTS[DEFAULT_FONT];
+const googleFontHref = (font) => font.google ? `https://fonts.googleapis.com/css2?family=${font.google}&display=swap` : null;
+const useGoogleFont = (href) => {
+  React__namespace.useEffect(() => {
+    if (!href || document.querySelector(`link[data-rcu-font][href="${href}"]`)) return;
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = href;
+    link.setAttribute("data-rcu-font", "");
+    document.head.appendChild(link);
+  }, [href]);
+};
+const paper = {
+  pageBg: "#C0B7AF",
+  pageBgDeep: "#ADA39B",
+  text: "#322824",
+  textDim: "#5c524d",
+  contrast: "#000000",
+  card: "rgba(255, 255, 255, 0.26)",
+  cardBorder: "rgba(50, 40, 36, 0.22)",
+  inputBg: "rgba(255, 255, 255, 0.42)",
+  sunk: "rgba(50, 40, 36, 0.09)",
+  green: "#3f6b52",
+  amber: "#8a6a24",
+  red: "#8f3a2f",
+  mixcloud: "#3f6266",
+  soundcloud: "#8f5a2f",
+  buttonText: "#C0B7AF",
+  shadow: "rgba(50, 40, 36, 0.3)",
+  shadowSoft: "rgba(50, 40, 36, 0.16)",
+  vinylDark: "#1b1512",
+  vinylMid: "#2f2521"
+};
+const midnight = {
+  pageBg: "#150b2a",
+  pageBgDeep: "#0d0620",
+  text: "#f0e9fb",
+  textDim: "#9d92b8",
+  contrast: "#ff2e88",
+  card: "rgba(255, 255, 255, 0.05)",
+  cardBorder: "rgba(240, 233, 251, 0.16)",
+  inputBg: "rgba(255, 255, 255, 0.07)",
+  sunk: "rgba(0, 0, 0, 0.3)",
+  green: "#4fd08a",
+  amber: "#e8bb54",
+  red: "#ff5c4d",
+  mixcloud: "#52aab4",
+  soundcloud: "#ff7733",
+  buttonText: "#150b2a",
+  shadow: "rgba(0, 0, 0, 0.5)",
+  shadowSoft: "rgba(255, 46, 136, 0.25)",
+  vinylDark: "#07030f",
+  vinylMid: "#1e1433"
+};
+const slate = {
+  pageBg: "#dde3e8",
+  pageBgDeep: "#c6cfd6",
+  text: "#26313a",
+  textDim: "#5b6873",
+  contrast: "#0a5c8a",
+  card: "rgba(255, 255, 255, 0.45)",
+  cardBorder: "rgba(38, 49, 58, 0.2)",
+  inputBg: "rgba(255, 255, 255, 0.6)",
+  sunk: "rgba(38, 49, 58, 0.08)",
+  green: "#2e7d4f",
+  amber: "#9a6d1c",
+  red: "#a63a2e",
+  mixcloud: "#28707a",
+  soundcloud: "#b35f2a",
+  buttonText: "#eef2f5",
+  shadow: "rgba(38, 49, 58, 0.28)",
+  shadowSoft: "rgba(38, 49, 58, 0.14)",
+  vinylDark: "#161b1f",
+  vinylMid: "#2b343b"
+};
+const PRESETS = {
+  paper: { label: "Paper (light)", tokens: paper },
+  midnight: { label: "Midnight (dark)", tokens: midnight },
+  slate: { label: "Slate (light)", tokens: slate }
+};
+const resolveTokens = (theme) => ({
+  ...(PRESETS[theme?.preset ?? "paper"] ?? PRESETS.paper).tokens,
+  ...pickEditableOverrides(theme?.overrides)
+});
+const tokensToCssVars = (tokens) => Object.fromEntries(Object.entries(tokens).map(([key, value]) => [`--rcu-${key}`, value]));
+const themeToCssVars = (theme) => ({
+  ...tokensToCssVars(resolveTokens(theme)),
+  "--rcu-fontFamily": resolveFont(theme).stack
+});
+exports.EDITABLE_TOKENS = EDITABLE_TOKENS;
+exports.FONTS = FONTS;
+exports.PRESETS = PRESETS;
+exports.googleFontHref = googleFontHref;
+exports.pickEditableOverrides = pickEditableOverrides;
+exports.resolveFont = resolveFont;
+exports.resolveTokens = resolveTokens;
+exports.themeToCssVars = themeToCssVars;
+exports.tokensToCssVars = tokensToCssVars;
+exports.useGoogleFont = useGoogleFont;