@bendyline/squisq-editor-react 1.4.0 → 1.5.0

package/dist/ThemeCustomizerPanel.js

@@ -0,0 +1,256 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ThemeCustomizerPanel
+ *
+ * Drop-in toolbar button + popover that lets the user author a custom
+ * Theme by picking seed colors, fonts, and a few thematic presets.
+ *
+ * Design:
+ * - **Controlled component** — host owns the `value` and forwards
+ *   `onChange` whenever the user edits anything. This avoids coupling
+ *   the panel to any specific preview wiring; the host decides whether
+ *   to register the theme, set it as the preview theme, persist it, etc.
+ * - **Subset of the Theme schema** — the panel exposes seed colors,
+ *   curated/free-text fonts, and a handful of preset groups. Everything
+ *   else (templateHints, layoutOverrides, persistentLayers, individual
+ *   colorSchemes, animation defaults) inherits from the compiler's
+ *   STARTER_THEME and can only be edited by hand-modifying the JSON.
+ * - **Industry-standard mental model** — primary / secondary / accent +
+ *   derived lighter/darker variants, like Material UI / Tailwind / Radix.
+ */
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { AVAILABLE_FONT_STACKS, compileTheme, deriveScale, isHex, serializeTheme, } from '@bendyline/squisq/schemas';
+// ── Preset → schema-value tables ────────────────────────────────────
+const BORDER_RADIUS_PRESETS = {
+    sharp: 0,
+    soft: 6,
+    rounded: 16,
+};
+const ANIMATION_SPEED_PRESETS = {
+    static: 0,
+    subtle: 1.4,
+    normal: 1.0,
+    expressive: 0.7,
+};
+const TEXT_SHADOW_PRESETS = {
+    off: false,
+    on: true,
+};
+const CONTRAST_PRESETS = ['subtle', 'balanced', 'high'];
+const FALLBACK_OPTIONS = ['sans-serif', 'serif', 'monospace', 'system-ui'];
+const DEFAULT_DRAFT = {
+    name: 'My Theme',
+    seeds: {
+        primary: '#3182ce',
+        secondary: '#4a5568',
+        accent: '#63b3ed',
+        background: '#1a202c',
+        text: '#f7fafc',
+    },
+    titleFont: { kind: 'curated', stackId: 'system-serif' },
+    bodyFont: { kind: 'curated', stackId: 'system-sans' },
+    borderRadius: 'soft',
+    animationSpeed: 'normal',
+    textShadow: 'on',
+    contrast: 'balanced',
+};
+function findRadiusPreset(value) {
+    if (value === undefined)
+        return 'soft';
+    let best = 'soft';
+    let bestDist = Infinity;
+    Object.entries(BORDER_RADIUS_PRESETS).forEach(([k, v]) => {
+        const d = Math.abs(v - value);
+        if (d < bestDist) {
+            best = k;
+            bestDist = d;
+        }
+    });
+    return best;
+}
+function findAnimationPreset(value) {
+    if (value === undefined || value === 0)
+        return value === 0 ? 'static' : 'normal';
+    let best = 'normal';
+    let bestDist = Infinity;
+    Object.entries(ANIMATION_SPEED_PRESETS).forEach(([k, v]) => {
+        if (v === 0)
+            return; // 'static' handled above
+        const d = Math.abs(v - value);
+        if (d < bestDist) {
+            best = k;
+            bestDist = d;
+        }
+    });
+    return best;
+}
+function fontFamilyToInput(f, fallbackStackId) {
+    if (!f)
+        return { kind: 'curated', stackId: fallbackStackId };
+    if ('stackId' in f)
+        return { kind: 'curated', stackId: f.stackId };
+    if ('custom' in f)
+        return {
+            kind: 'custom',
+            customName: f.custom.name,
+            customFallback: f.custom.fallback,
+        };
+    return { kind: 'curated', stackId: fallbackStackId };
+}
+function inputToFontFamily(input) {
+    if (input.kind === 'curated') {
+        return { stackId: input.stackId ?? 'system-sans' };
+    }
+    return {
+        custom: {
+            name: input.customName ?? 'Sans',
+            fallback: input.customFallback ?? 'sans-serif',
+        },
+    };
+}
+function themeToDraft(theme) {
+    if (!theme)
+        return { ...DEFAULT_DRAFT };
+    const seeds = theme.seedColors ?? {
+        primary: theme.colors.primary,
+        secondary: theme.colors.secondary,
+        accent: theme.colors.highlight,
+        background: theme.colors.background,
+        text: theme.colors.text,
+    };
+    return {
+        name: theme.name,
+        seeds: {
+            primary: seeds.primary,
+            secondary: seeds.secondary,
+            accent: seeds.accent,
+            background: seeds.background,
+            text: seeds.text,
+        },
+        titleFont: fontFamilyToInput(theme.typography.titleFont, 'system-serif'),
+        bodyFont: fontFamilyToInput(theme.typography.bodyFont, 'system-sans'),
+        borderRadius: findRadiusPreset(theme.style.borderRadius),
+        animationSpeed: findAnimationPreset(theme.style.animationSpeed),
+        textShadow: theme.style.textShadow === false ? 'off' : 'on',
+        contrast: 'balanced',
+    };
+}
+function slugify(s) {
+    return (s
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '') || 'custom');
+}
+function compileDraft(draft, baseId) {
+    const id = baseId && baseId.startsWith('custom-') ? baseId : `custom-${slugify(draft.name)}`;
+    return compileTheme({
+        id,
+        name: draft.name,
+        seedColors: draft.seeds,
+        typography: {
+            titleFont: inputToFontFamily(draft.titleFont),
+            bodyFont: inputToFontFamily(draft.bodyFont),
+        },
+        style: {
+            borderRadius: BORDER_RADIUS_PRESETS[draft.borderRadius],
+            animationSpeed: ANIMATION_SPEED_PRESETS[draft.animationSpeed],
+            textShadow: TEXT_SHADOW_PRESETS[draft.textShadow],
+        },
+    }, { contrast: draft.contrast });
+}
+export function ThemeCustomizerPanel({ value, onChange, onSave, onReset, }) {
+    const [open, setOpen] = useState(false);
+    const [draft, setDraft] = useState(() => themeToDraft(value));
+    const containerRef = useRef(null);
+    // Whenever an external value lands (e.g., page load with persisted theme),
+    // sync the draft. Internal edits update both draft and value via onChange.
+    const externalIdRef = useRef(value?.id ?? null);
+    useEffect(() => {
+        const incomingId = value?.id ?? null;
+        if (incomingId !== externalIdRef.current) {
+            externalIdRef.current = incomingId;
+            setDraft(themeToDraft(value));
+        }
+    }, [value]);
+    // Click-outside to close.
+    useEffect(() => {
+        if (!open)
+            return;
+        const handler = (e) => {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                setOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handler);
+        return () => document.removeEventListener('mousedown', handler);
+    }, [open]);
+    const updateDraft = useCallback((patch) => {
+        setDraft((prev) => {
+            const next = typeof patch === 'function' ? patch(prev) : { ...prev, ...patch };
+            try {
+                const compiled = compileDraft(next, value?.id);
+                onChange(compiled);
+            }
+            catch {
+                // Invalid intermediate state (e.g., bad hex while typing) — skip emit.
+            }
+            return next;
+        });
+    }, [onChange, value?.id]);
+    const updateSeed = useCallback((key, hex) => {
+        updateDraft((d) => ({ ...d, seeds: { ...d.seeds, [key]: hex } }));
+    }, [updateDraft]);
+    const handleSave = useCallback(() => {
+        try {
+            const compiled = compileDraft(draft, value?.id);
+            onSave?.(compiled, serializeTheme(compiled));
+        }
+        catch {
+            // Validation should already have surfaced via the disabled state.
+        }
+    }, [draft, onSave, value?.id]);
+    const handleReset = useCallback(() => {
+        setDraft({ ...DEFAULT_DRAFT });
+        try {
+            onChange(compileDraft(DEFAULT_DRAFT));
+        }
+        catch {
+            // ignore
+        }
+        onReset?.();
+    }, [onChange, onReset]);
+    const previewSwatches = useMemo(() => {
+        const seed = draft.seeds.primary;
+        if (!isHex(seed))
+            return null;
+        return deriveScale(seed, draft.contrast === 'high' ? 0.22 : draft.contrast === 'subtle' ? 0.08 : 0.15);
+    }, [draft.seeds.primary, draft.contrast]);
+    return (_jsxs("div", { className: "squisq-theme-customizer", ref: containerRef, children: [_jsx("button", { type: "button", className: `squisq-toolbar-button squisq-theme-customizer-trigger${open ? ' squisq-toolbar-button--active' : ''}`, "data-tooltip": "Customize theme", "aria-label": "Customize theme", "aria-expanded": open, onClick: () => setOpen((v) => !v), children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "8", cy: "8", r: "6" }), _jsx("path", { d: "M8 2 A6 6 0 0 1 8 14 Z", fill: "currentColor", stroke: "none" })] }) }), open && (_jsxs("div", { className: "squisq-theme-customizer-popover", role: "dialog", "aria-label": "Customize theme", children: [_jsx("div", { className: "squisq-theme-customizer-header", children: _jsx("span", { className: "squisq-theme-customizer-title", children: "Customize theme" }) }), _jsxs("div", { className: "squisq-theme-customizer-body", children: [_jsx(Section, { title: "Name", children: _jsx("input", { type: "text", className: "squisq-theme-customizer-input", value: draft.name, onChange: (e) => updateDraft({ name: e.target.value }), "aria-label": "Theme name" }) }), _jsxs(Section, { title: "Colors", hint: "Pick seed colors. The rest is derived.", children: [_jsx(SeedColorRow, { label: "Primary", value: draft.seeds.primary, onChange: (v) => updateSeed('primary', v) }), _jsx(SeedColorRow, { label: "Secondary", value: draft.seeds.secondary ?? '', onChange: (v) => updateSeed('secondary', v) }), _jsx(SeedColorRow, { label: "Accent", value: draft.seeds.accent ?? '', onChange: (v) => updateSeed('accent', v) }), _jsx(SeedColorRow, { label: "Background", value: draft.seeds.background ?? '', onChange: (v) => updateSeed('background', v) }), _jsx(SeedColorRow, { label: "Text", value: draft.seeds.text ?? '', onChange: (v) => updateSeed('text', v) }), previewSwatches && (_jsx("div", { className: "squisq-theme-customizer-scale", "aria-label": "Derived primary scale", children: ['lighter2', 'lighter1', 'base', 'darker1', 'darker2'].map((k) => (_jsx("span", { className: "squisq-theme-customizer-swatch", style: { background: previewSwatches[k] }, title: `${k}: ${previewSwatches[k]}` }, k))) }))] }), _jsxs(Section, { title: "Typography", children: [_jsx(FontPicker, { label: "Heading", value: draft.titleFont, onChange: (next) => updateDraft({ titleFont: next }) }), _jsx(FontPicker, { label: "Body", value: draft.bodyFont, onChange: (next) => updateDraft({ bodyFont: next }) })] }), _jsxs(Section, { title: "Style", children: [_jsx(PresetRow, { label: "Border radius", value: draft.borderRadius, options: Object.keys(BORDER_RADIUS_PRESETS), onChange: (v) => updateDraft({ borderRadius: v }) }), _jsx(PresetRow, { label: "Animation", value: draft.animationSpeed, options: Object.keys(ANIMATION_SPEED_PRESETS), onChange: (v) => updateDraft({ animationSpeed: v }) }), _jsx(PresetRow, { label: "Text shadow", value: draft.textShadow, options: Object.keys(TEXT_SHADOW_PRESETS), onChange: (v) => updateDraft({ textShadow: v }) }), _jsx(PresetRow, { label: "Contrast", value: draft.contrast, options: CONTRAST_PRESETS, onChange: (v) => updateDraft({ contrast: v }) })] })] }), _jsxs("div", { className: "squisq-theme-customizer-footer", children: [_jsx("button", { type: "button", className: "squisq-theme-customizer-button", onClick: handleReset, children: "Reset" }), onSave && (_jsx("button", { type: "button", className: "squisq-theme-customizer-button squisq-theme-customizer-button--primary", onClick: handleSave, children: "Save" }))] })] }))] }));
+}
+// ── Subcomponents ───────────────────────────────────────────────────
+function Section({ title, hint, children, }) {
+    return (_jsxs("div", { className: "squisq-theme-customizer-section", children: [_jsx("div", { className: "squisq-theme-customizer-section-title", children: title }), hint && _jsx("div", { className: "squisq-theme-customizer-section-hint", children: hint }), _jsx("div", { className: "squisq-theme-customizer-section-body", children: children })] }));
+}
+function SeedColorRow({ label, value, onChange, }) {
+    const safeValue = isHex(value) ? value : '#000000';
+    return (_jsxs("label", { className: "squisq-theme-customizer-row", children: [_jsx("span", { className: "squisq-theme-customizer-row-label", children: label }), _jsx("input", { type: "color", className: "squisq-theme-customizer-color", value: safeValue, onChange: (e) => onChange(e.target.value) }), _jsx("input", { type: "text", className: "squisq-theme-customizer-input squisq-theme-customizer-input--hex", value: value, onChange: (e) => onChange(e.target.value), spellCheck: false, "aria-label": `${label} hex value` })] }));
+}
+function FontPicker({ label, value, onChange, }) {
+    return (_jsxs("div", { className: "squisq-theme-customizer-row squisq-theme-customizer-row--font", children: [_jsx("span", { className: "squisq-theme-customizer-row-label", children: label }), _jsxs("select", { className: "squisq-theme-customizer-input", value: value.kind === 'custom' ? '__custom__' : (value.stackId ?? ''), onChange: (e) => {
+                    const v = e.target.value;
+                    if (v === '__custom__') {
+                        onChange({
+                            kind: 'custom',
+                            customName: value.customName ?? '',
+                            customFallback: value.customFallback ?? 'sans-serif',
+                        });
+                    }
+                    else {
+                        onChange({ kind: 'curated', stackId: v });
+                    }
+                }, "aria-label": `${label} font`, children: [AVAILABLE_FONT_STACKS.map((stack) => (_jsx("option", { value: stack.id, children: stack.label }, stack.id))), _jsx("option", { value: "__custom__", children: "Custom\u2026" })] }), value.kind === 'custom' && (_jsxs(_Fragment, { children: [_jsx("input", { type: "text", className: "squisq-theme-customizer-input", placeholder: "Font name", value: value.customName ?? '', onChange: (e) => onChange({ ...value, customName: e.target.value }), "aria-label": `${label} custom font name` }), _jsx("select", { className: "squisq-theme-customizer-input", value: value.customFallback ?? 'sans-serif', onChange: (e) => onChange({ ...value, customFallback: e.target.value }), "aria-label": `${label} custom font fallback`, children: FALLBACK_OPTIONS.map((opt) => (_jsx("option", { value: opt, children: opt }, opt))) })] }))] }));
+}
+function PresetRow({ label, value, options, onChange, }) {
+    return (_jsxs("label", { className: "squisq-theme-customizer-row", children: [_jsx("span", { className: "squisq-theme-customizer-row-label", children: label }), _jsx("select", { className: "squisq-theme-customizer-input", value: value, onChange: (e) => onChange(e.target.value), "aria-label": label, children: options.map((o) => (_jsx("option", { value: o, children: o }, o))) })] }));
+}
+//# sourceMappingURL=ThemeCustomizerPanel.js.map

package/dist/ThemeCustomizerPanel.js.map

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

package/dist/ThemePicker.d.ts

@@ -0,0 +1,33 @@
+/**
+ * ThemePicker
+ *
+ * Custom theme dropdown that replaces a plain `<select>` with a popover
+ * showing each theme as a card: the theme name rendered in the theme's
+ * own background / foreground / title font, plus three color swatches
+ * (primary, secondary, highlight). Used by both the play-mode preview
+ * toolbar and the Document Settings dialog so authors see a
+ * preview-on-hover style listing rather than a wall of names.
+ */
+export interface ThemePickerProps {
+    /** Currently selected theme id. Empty string represents "default". */
+    value: string;
+    /** Called with the new theme id. The empty string is emitted when the
+     *  user picks the "Default" option (only available with
+     *  `includeDefault`). */
+    onChange: (id: string) => void;
+    /**
+     * Show a "Default" entry at the top of the popover that emits an empty
+     * string. Used by the Document Settings dialog so the user can choose
+     * "no explicit theme" (frontmatter omits the key entirely).
+     */
+    includeDefault?: boolean;
+    /**
+     * `'compact'` (default) renders a small toolbar trigger; `'full'`
+     * stretches to fill the parent and is sized for dialog layouts.
+     */
+    variant?: 'compact' | 'full';
+    /** Accessible label, e.g. "Theme". */
+    ariaLabel?: string;
+}
+export declare function ThemePicker({ value, onChange, includeDefault, variant, ariaLabel, }: ThemePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemePicker.d.ts.map

package/dist/ThemePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../src/ThemePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAcH,MAAM,WAAW,gBAAgB;IAC/B,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd;;6BAEyB;IACzB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,OAAmB,EACnB,SAAmB,GACpB,EAAE,gBAAgB,2CA2MlB"}

package/dist/ThemePicker.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ThemePicker
+ *
+ * Custom theme dropdown that replaces a plain `<select>` with a popover
+ * showing each theme as a card: the theme name rendered in the theme's
+ * own background / foreground / title font, plus three color swatches
+ * (primary, secondary, highlight). Used by both the play-mode preview
+ * toolbar and the Document Settings dialog so authors see a
+ * preview-on-hover style listing rather than a wall of names.
+ */
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { getThemeSummaries, resolveTheme, resolveFontFamily, FONT_FALLBACKS, } from '@bendyline/squisq/schemas';
+// ── Helpers ───────────────────────────────────────────────────────
+const SUMMARIES = getThemeSummaries();
+const THEME_ENTRIES = SUMMARIES.map((s) => ({
+    id: s.id,
+    name: s.name,
+    description: s.description,
+    theme: resolveTheme(s.id),
+}));
+function entryById(id) {
+    return THEME_ENTRIES.find((e) => e.id === id);
+}
+function previewFont(theme) {
+    return resolveFontFamily(theme.typography.titleFont, FONT_FALLBACKS.sans);
+}
+// ── Trigger button ────────────────────────────────────────────────
+function ThemeNameChip({ theme, label, className, }) {
+    return (_jsx("span", { className: `squisq-theme-picker-name-chip${className ? ` ${className}` : ''}`, style: {
+            background: theme.colors.background,
+            color: theme.colors.text,
+            fontFamily: previewFont(theme),
+            borderColor: theme.colors.backgroundLight,
+        }, children: label }));
+}
+function Swatches({ theme }) {
+    return (_jsxs("span", { className: "squisq-theme-picker-swatches", "aria-hidden": "true", children: [_jsx("span", { className: "squisq-theme-picker-swatch", style: { background: theme.colors.primary } }), _jsx("span", { className: "squisq-theme-picker-swatch", style: { background: theme.colors.secondary } }), _jsx("span", { className: "squisq-theme-picker-swatch", style: { background: theme.colors.highlight } })] }));
+}
+// ── Component ─────────────────────────────────────────────────────
+export function ThemePicker({ value, onChange, includeDefault, variant = 'compact', ariaLabel = 'Theme', }) {
+    const [open, setOpen] = useState(false);
+    const [popoverStyle, setPopoverStyle] = useState({});
+    const triggerRef = useRef(null);
+    const selectedEntry = useMemo(() => {
+        if (!value)
+            return null;
+        return entryById(value) ?? null;
+    }, [value]);
+    // The trigger always wants *something* to preview. When `includeDefault`
+    // is on and the value is empty, we treat the selection as the implicit
+    // "Default" — the chip uses plain OS styling (white bg, dark text,
+    // italic) rather than the standard theme's actual dark-navy palette.
+    const isDefault = !selectedEntry && includeDefault === true;
+    const previewEntry = selectedEntry ?? entryById('standard') ?? THEME_ENTRIES[0];
+    const triggerLabel = selectedEntry
+        ? selectedEntry.name
+        : includeDefault
+            ? 'Default'
+            : (previewEntry?.name ?? 'Theme');
+    const updatePosition = useCallback(() => {
+        if (!triggerRef.current)
+            return;
+        const rect = triggerRef.current.getBoundingClientRect();
+        const margin = 8;
+        const gap = 4;
+        const vw = window.innerWidth;
+        const vh = window.innerHeight;
+        const popoverWidth = Math.max(280, rect.width);
+        const maxLeft = Math.max(margin, vw - popoverWidth - margin);
+        const left = Math.min(Math.max(margin, rect.left), maxLeft);
+        // Measure the rendered popover so we know whether it fits below the
+        // trigger as-is. On the first open it doesn't exist yet — we'll
+        // re-run after mount via the requestAnimationFrame in the open
+        // effect, so estimate generously for paint #1.
+        const popoverEl = document.getElementById('squisq-theme-picker-popover');
+        const measured = popoverEl?.scrollHeight ?? 520;
+        const spaceBelow = vh - rect.bottom - margin - gap;
+        const spaceAbove = rect.top - margin - gap;
+        // Prefer below when it fits; flip above when below is too tight AND
+        // above has more room. Either way, clamp maxHeight to the available
+        // space so the internal scroll handles oversized lists.
+        let top;
+        let maxHeight;
+        if (measured <= spaceBelow || spaceBelow >= spaceAbove) {
+            top = rect.bottom + gap;
+            maxHeight = spaceBelow;
+        }
+        else {
+            maxHeight = Math.min(measured, spaceAbove);
+            top = rect.top - gap - maxHeight;
+        }
+        setPopoverStyle({
+            position: 'fixed',
+            top,
+            left,
+            width: popoverWidth,
+            maxHeight,
+            overflowY: 'auto',
+            zIndex: 9999,
+        });
+    }, []);
+    const handleToggle = () => {
+        if (!open)
+            updatePosition();
+        setOpen((v) => !v);
+    };
+    // Close on outside click / Esc; reposition on scroll/resize while open.
+    useEffect(() => {
+        if (!open)
+            return;
+        const onDown = (e) => {
+            const target = e.target;
+            if (triggerRef.current?.contains(target))
+                return;
+            const popoverEl = document.getElementById('squisq-theme-picker-popover');
+            if (popoverEl?.contains(target))
+                return;
+            setOpen(false);
+        };
+        const onKey = (e) => {
+            if (e.key === 'Escape')
+                setOpen(false);
+        };
+        const onReposition = () => updatePosition();
+        document.addEventListener('mousedown', onDown);
+        document.addEventListener('keydown', onKey);
+        window.addEventListener('scroll', onReposition, true);
+        window.addEventListener('resize', onReposition);
+        requestAnimationFrame(updatePosition);
+        return () => {
+            document.removeEventListener('mousedown', onDown);
+            document.removeEventListener('keydown', onKey);
+            window.removeEventListener('scroll', onReposition, true);
+            window.removeEventListener('resize', onReposition);
+        };
+    }, [open, updatePosition]);
+    const handleSelect = (id) => {
+        onChange(id);
+        setOpen(false);
+    };
+    const popover = open
+        ? createPortal(_jsxs("div", { id: "squisq-theme-picker-popover", className: "squisq-theme-picker-popover", role: "listbox", "aria-label": ariaLabel, style: popoverStyle, children: [includeDefault && (_jsxs("button", { type: "button", role: "option", "aria-selected": value === '', "aria-label": "Default", className: `squisq-theme-picker-row${value === '' ? ' squisq-theme-picker-row--selected' : ''}`, onClick: () => handleSelect(''), children: [_jsx(ThemeNameChip, { theme: resolveTheme('standard'), label: "Default", className: "squisq-theme-picker-name-chip--default" }), _jsxs("span", { className: "squisq-theme-picker-row-meta", children: [_jsx("span", { className: "squisq-theme-picker-row-name", children: "No explicit theme" }), _jsx("span", { className: "squisq-theme-picker-row-desc", children: "Uses the document's default styling." })] })] })), THEME_ENTRIES.map((entry) => (_jsxs("button", { type: "button", role: "option", "aria-selected": value === entry.id, "aria-label": entry.name, className: `squisq-theme-picker-row${value === entry.id ? ' squisq-theme-picker-row--selected' : ''}`, onClick: () => handleSelect(entry.id), title: entry.description ?? entry.name, children: [_jsx(ThemeNameChip, { theme: entry.theme, label: entry.name }), _jsxs("span", { className: "squisq-theme-picker-row-meta", children: [_jsx(Swatches, { theme: entry.theme }), entry.description && (_jsx("span", { className: "squisq-theme-picker-row-desc", children: entry.description }))] })] }, entry.id)))] }), document.body)
+        : null;
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { ref: triggerRef, type: "button", className: `squisq-theme-picker-trigger squisq-theme-picker-trigger--${variant}${open ? ' squisq-theme-picker-trigger--open' : ''}`, onClick: handleToggle, "aria-haspopup": "listbox", "aria-expanded": open, "aria-label": ariaLabel, children: [previewEntry && (_jsx(ThemeNameChip, { theme: previewEntry.theme, label: triggerLabel, className: `squisq-theme-picker-name-chip--trigger${isDefault ? ' squisq-theme-picker-name-chip--default' : ''}` })), previewEntry && variant === 'full' && !isDefault && (_jsx(Swatches, { theme: previewEntry.theme })), _jsx("svg", { className: "squisq-theme-picker-caret", width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: _jsx("path", { d: "M2 3.5l3 3 3-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", fill: "none" }) })] }), popover] }));
+}
+//# sourceMappingURL=ThemePicker.js.map

package/dist/ThemePicker.js.map

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

package/dist/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,MAAM,WAAW,YAAY;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,sFAAsF;IACtF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA8FD;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,SAAS,EACT,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,WAAkB,GACnB,EAAE,YAAY,2CAi1Bd"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBvC,MAAM,WAAW,YAAY;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,sFAAsF;IACtF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA+MD;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,SAAS,EACT,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,WAAkB,GACnB,EAAE,YAAY,2CA6yCd"}