@publier/shell 2.1.1

package/dist/runtime/lazy-upgrade-registry.d.mts

@@ -0,0 +1,29 @@
+//#region src/runtime/lazy-upgrade-registry-runtime.d.ts
+/**
+ * Shell-owned dispatcher for lazy-upgraded custom elements.
+ *
+ * The shell's lazy-upgrade bootstrap (`runtime/lazy-upgrade-init.ts`) dynamic-imports
+ * THIS module instead of directly importing each custom-element package.
+ * Resolving through a shell-local path ensures the consumer's bundler
+ * (Vite 8/Rolldown in publier-website) follows the import graph through
+ * `@publier/shell`'s own node_modules, where `@github/clipboard-copy-element`
+ * and `@github/tab-container-element` are guaranteed to resolve — they are
+ * declared dependencies of `@publier/shell` itself.
+ *
+ * Each `upgrade<Tag>` entrypoint calls `customElements.define(...)` as a
+ * side-effect. The bootstrap never uses the named exports; it just imports
+ * the file for its definition side-effect.
+ */
+declare const upgradeClipboardCopy: () => Promise<unknown>;
+declare const upgradeTabContainer: () => Promise<unknown>;
+/**
+ * `<relative-time>` is a non-interactive, paint-visible custom element — the
+ * lazy-upgrade bootstrap (`shell_hooks/scripts.rs`) scans the DOM on initial
+ * load + after every `astro:after-swap` for the tag and triggers this import,
+ * rather than waiting for a `pointerdown` / `focusin` / `keydown` event that
+ * a viewer of a "Last updated 3 days ago" line would never fire.
+ */
+declare const upgradeRelativeTime: () => Promise<unknown>;
+declare const upgradeThemeToggle: () => Promise<unknown>;
+//#endregion
+export { upgradeClipboardCopy, upgradeRelativeTime, upgradeTabContainer, upgradeThemeToggle };

package/dist/runtime/lazy-upgrade-registry.mjs

@@ -0,0 +1 @@
+const e=()=>import(`@github/clipboard-copy-element`),t=()=>import(`@github/tab-container-element`),n=()=>import(`@github/relative-time-element`),r=()=>import(`../theme-toggle-element-DzFjxwpS.mjs`);export{e as upgradeClipboardCopy,n as upgradeRelativeTime,t as upgradeTabContainer,r as upgradeThemeToggle};

package/dist/runtime/tabs-sync.d.mts

@@ -0,0 +1,25 @@
+//#region src/runtime/tabs-sync-runtime.d.ts
+/**
+ * Tabs sync — cross-peer + cross-tab activation for shell's Tabs /
+ * CodeGroup / PackageInstall.
+ *
+ * Injected globally by `docsShell()` via
+ * `injectScript('page', TABS_SYNC_SCRIPT)`. Stored as a string constant
+ * (same pattern as `LAZY_UPGRADE_SCRIPT`) because Rolldown-vite tree-
+ * shakes plain side-effect module imports inside an injected page
+ * stage — wrapping as a literal string keeps the code out of the
+ * import graph entirely and lands it verbatim in the page bundle.
+ *
+ * Also chosen over an inline `<script>` in `tabs.astro`: primitives'
+ * own `tabs.astro` has its own inline `<script>` block, and Astro's
+ * script-bundle hash collides across identically-named files, silently
+ * dropping one. This string-based injection sidesteps the whole
+ * inline-script pathway.
+ *
+ * Click + keyboard activation is owned by `<tab-container>` itself once
+ * the lazy-upgrade bootstrap (`runtime/lazy-upgrade-init.ts`) defines it.
+ * This script only layers peer / storage sync on top.
+ */
+declare const TABS_SYNC_SCRIPT = "\n(() => {\n\tconst SYNC_PREFIX = 'publier-tabs-sync:';\n\n\tconst activateByLabel = (root, label) => {\n\t\tconst tabs = Array.from(root.querySelectorAll('[role=\"tab\"]'));\n\t\tconst index = tabs.findIndex((t) => t.dataset.tabLabel === label);\n\t\tif (index < 0) return;\n\t\tconst target = tabs[index];\n\t\t// Idempotence guard: tab-container fires 'tab-container-change'\n\t\t// unconditionally when selectTab runs, even when the index doesn't\n\t\t// change. Without this check, peer sync loops: root 0 syncs peer 1\n\t\t// \u2192 peer 1 fires change \u2192 peer 1 syncs peers including root 0 \u2192\n\t\t// stack-overflow. Skip if already on the requested label.\n\t\tif (target.getAttribute('aria-selected') === 'true') return;\n\t\t// tab-container-element's selectTab(index) expects a NUMBER, not an\n\t\t// element. Passing the tab button directly silently no-ops (coerces\n\t\t// to NaN). Pass the resolved index instead.\n\t\tif (typeof root.selectTab === 'function') {\n\t\t\troot.selectTab(index);\n\t\t\treturn;\n\t\t}\n\t\t// Pre-upgrade fallback: toggle ARIA + panel visibility manually so\n\t\t// SSR state stays coherent while the custom element is still loading.\n\t\t// aria-selected is the SINGLE source of truth here \u2014 daisyUI v5\n\t\t// styles `[aria-selected=true]` directly, so we deliberately do NOT\n\t\t// touch a `tab-active` class. (Toggling both would let a stale\n\t\t// `tab-active` linger on the previously-active tab once\n\t\t// `<tab-container>` upgrades and starts managing aria-selected\n\t\t// alone, which is what produced the double-highlight bug.)\n\t\tconst panels = Array.from(root.querySelectorAll('[role=\"tabpanel\"]'));\n\t\tfor (const tab of tabs) {\n\t\t\tconst isActive = tab === target;\n\t\t\ttab.setAttribute('aria-selected', isActive ? 'true' : 'false');\n\t\t\ttab.setAttribute('tabindex', isActive ? '0' : '-1');\n\t\t}\n\t\tconst activeId = target.getAttribute('aria-controls');\n\t\tfor (const panel of panels) {\n\t\t\tpanel.hidden = panel.id !== activeId;\n\t\t}\n\t};\n\n\tconst wire = () => {\n\t\tfor (const root of document.querySelectorAll('[data-publier-tabs]')) {\n\t\t\tif (root.dataset.wired === '1') continue;\n\t\t\troot.dataset.wired = '1';\n\n\t\t\tconst syncKey = root.dataset.syncKey || null;\n\t\t\tconst storageKey = syncKey ? SYNC_PREFIX + syncKey : null;\n\n\t\t\tif (storageKey) {\n\t\t\t\ttry {\n\t\t\t\t\tconst saved = localStorage.getItem(storageKey);\n\t\t\t\t\tif (saved) activateByLabel(root, saved);\n\t\t\t\t} catch {}\n\t\t\t}\n\n\t\t\t// Listen for 'tab-container-changed' (past tense), NOT\n\t\t\t// 'tab-container-change'. The former fires AFTER the state is\n\t\t\t// applied; the latter fires BEFORE (it's the cancelable phase),\n\t\t\t// so the idempotence guard in activateByLabel reads stale\n\t\t\t// aria-selected and ends up looping infinitely.\n\t\t\troot.addEventListener('tab-container-changed', (ev) => {\n\t\t\t\t// tab-container-element exposes a typed 'tab' getter on the event;\n\t\t\t\t// 'ev.detail' is deprecated upstream and returns the PANEL (not\n\t\t\t\t// the tab button) behind a console.warn. Read '.tab' directly.\n\t\t\t\tconst tab = ev.tab;\n\t\t\t\tconst label = tab && tab.dataset ? tab.dataset.tabLabel : null;\n\t\t\t\tif (!label) return;\n\t\t\t\tif (storageKey) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tlocalStorage.setItem(storageKey, label);\n\t\t\t\t\t} catch {}\n\t\t\t\t}\n\t\t\t\tif (syncKey) {\n\t\t\t\t\tconst peers = document.querySelectorAll(\n\t\t\t\t\t\t'[data-publier-tabs][data-sync-key=\"' + syncKey + '\"]',\n\t\t\t\t\t);\n\t\t\t\t\tfor (const peer of peers) {\n\t\t\t\t\t\tif (peer === root) continue;\n\t\t\t\t\t\tactivateByLabel(peer, label);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t};\n\n\tif (!window.__publierTabsStorageWired) {\n\t\twindow.__publierTabsStorageWired = true;\n\t\twindow.addEventListener('storage', (ev) => {\n\t\t\tif (!ev.key || ev.key.indexOf(SYNC_PREFIX) !== 0 || ev.newValue == null) return;\n\t\t\tconst syncKey = ev.key.slice(SYNC_PREFIX.length);\n\t\t\tconst label = ev.newValue;\n\t\t\tconst peers = document.querySelectorAll(\n\t\t\t\t'[data-publier-tabs][data-sync-key=\"' + syncKey + '\"]',\n\t\t\t);\n\t\t\tfor (const root of peers) {\n\t\t\t\tactivateByLabel(root, label);\n\t\t\t}\n\t\t});\n\t}\n\n\twire();\n\tdocument.addEventListener('astro:page-load', wire);\n})();\n";
+//#endregion
+export { TABS_SYNC_SCRIPT };

package/dist/runtime/tabs-sync.mjs

@@ -0,0 +1,106 @@
+const e=`
+(() => {
+	const SYNC_PREFIX = 'publier-tabs-sync:';
+
+	const activateByLabel = (root, label) => {
+		const tabs = Array.from(root.querySelectorAll('[role="tab"]'));
+		const index = tabs.findIndex((t) => t.dataset.tabLabel === label);
+		if (index < 0) return;
+		const target = tabs[index];
+		
+		
+		
+		
+		
+		if (target.getAttribute('aria-selected') === 'true') return;
+		
+		
+		
+		if (typeof root.selectTab === 'function') {
+			root.selectTab(index);
+			return;
+		}
+		
+		
+		
+		
+		
+		
+		
+		
+		const panels = Array.from(root.querySelectorAll('[role="tabpanel"]'));
+		for (const tab of tabs) {
+			const isActive = tab === target;
+			tab.setAttribute('aria-selected', isActive ? 'true' : 'false');
+			tab.setAttribute('tabindex', isActive ? '0' : '-1');
+		}
+		const activeId = target.getAttribute('aria-controls');
+		for (const panel of panels) {
+			panel.hidden = panel.id !== activeId;
+		}
+	};
+
+	const wire = () => {
+		for (const root of document.querySelectorAll('[data-publier-tabs]')) {
+			if (root.dataset.wired === '1') continue;
+			root.dataset.wired = '1';
+
+			const syncKey = root.dataset.syncKey || null;
+			const storageKey = syncKey ? SYNC_PREFIX + syncKey : null;
+
+			if (storageKey) {
+				try {
+					const saved = localStorage.getItem(storageKey);
+					if (saved) activateByLabel(root, saved);
+				} catch {}
+			}
+
+			
+			
+			
+			
+			
+			root.addEventListener('tab-container-changed', (ev) => {
+				
+				
+				
+				const tab = ev.tab;
+				const label = tab && tab.dataset ? tab.dataset.tabLabel : null;
+				if (!label) return;
+				if (storageKey) {
+					try {
+						localStorage.setItem(storageKey, label);
+					} catch {}
+				}
+				if (syncKey) {
+					const peers = document.querySelectorAll(
+						'[data-publier-tabs][data-sync-key="' + syncKey + '"]',
+					);
+					for (const peer of peers) {
+						if (peer === root) continue;
+						activateByLabel(peer, label);
+					}
+				}
+			});
+		}
+	};
+
+	if (!window.__publierTabsStorageWired) {
+		window.__publierTabsStorageWired = true;
+		window.addEventListener('storage', (ev) => {
+			if (!ev.key || ev.key.indexOf(SYNC_PREFIX) !== 0 || ev.newValue == null) return;
+			const syncKey = ev.key.slice(SYNC_PREFIX.length);
+			const label = ev.newValue;
+			const peers = document.querySelectorAll(
+				'[data-publier-tabs][data-sync-key="' + syncKey + '"]',
+			);
+			for (const root of peers) {
+				activateByLabel(root, label);
+			}
+		});
+	}
+
+	wire();
+	document.addEventListener('astro:page-load', wire);
+})();
+`;export{e as TABS_SYNC_SCRIPT};

package/dist/search/index.d.mts

@@ -0,0 +1,92 @@
+import { Page, Page as Page$1, StructuredSection, StructuredSection as StructuredSection$1, TocEntry } from "@publier/native";
+
+//#region src/components/types.d.ts
+interface SidebarLink {
+  type: 'link';
+  /** Display label. */
+  label: string;
+  /** Destination URL. */
+  href: string;
+  /** Optional short badge label rendered to the right of the link. */
+  badge?: {
+    text: string;
+    variant?: 'default' | 'note' | 'tip' | 'danger' | 'success';
+  };
+  /** Mark link visible with muted styling (e.g. drafts). */
+  muted?: boolean;
+}
+interface SidebarGroupEntry {
+  type: 'group';
+  /** Display label for the group header. */
+  label: string;
+  /** Child entries; may be nested further. */
+  children: SidebarEntry[];
+  /** Default collapsed state (user can toggle). Default: `false`. */
+  collapsed?: boolean;
+  /**
+   * When set, the group header is a single `<a>` that both navigates to
+   * the index page and toggles the group's expand/collapse state. When
+   * unset, the whole header is a pure toggle.
+   */
+  href?: string;
+}
+/**
+ * Non-interactive label above a flat list of child entries. Used for
+ * shallow groupings (<3 children without an index page) where a toggle
+ * would be more friction than it's worth.
+ */
+interface SidebarSection {
+  type: 'section';
+  /** Display label for the section header. */
+  label: string;
+  /** Child entries (typically links, rarely nested). */
+  children: SidebarEntry[];
+}
+type SidebarEntry = SidebarLink | SidebarGroupEntry | SidebarSection;
+//#endregion
+//#region src/search/build-sidebar.d.ts
+interface SidebarMetaOverride {
+  label?: string;
+  collapsed?: boolean;
+  order?: number;
+  pages?: string[];
+}
+interface BuildSidebarOptions {
+  meta?: Record<string, SidebarMetaOverride>;
+  urlPrefix?: string;
+}
+declare function buildSidebar(pages: Page$1[], options?: BuildSidebarOptions): SidebarEntry[];
+//#endregion
+//#region src/search/entry-to-page.d.ts
+interface EntryLike {
+  slug: string;
+  filePath?: string;
+  data: {
+    title: string;
+    description?: string;
+    tags?: string[];
+    [key: string]: unknown;
+  };
+  body?: string;
+  headings?: Array<{
+    slug: string;
+    text: string;
+    depth: number;
+  }>;
+  locale?: string;
+  lastModified?: string;
+}
+interface EntryToPageOptions {
+  urlPrefix: string;
+  structuredData?: StructuredSection$1[];
+}
+declare function entryToPage(entry: EntryLike, options: EntryToPageOptions): Page$1;
+//#endregion
+//#region src/search/extract-structured-data.d.ts
+declare function extractStructuredData(source: string): Promise<StructuredSection$1[]>;
+declare function extractStructuredDataSync(source: string): StructuredSection$1[];
+//#endregion
+//#region src/search/read-meta-yaml.d.ts
+declare function readMetaYaml(basePath: string): Record<string, SidebarMetaOverride>;
+//#endregion
+export { type BuildSidebarOptions, type EntryLike, type EntryToPageOptions, type Page, type SidebarMetaOverride, type StructuredSection, type TocEntry, buildSidebar, entryToPage, extractStructuredData, extractStructuredDataSync, readMetaYaml };

package/dist/search/index.mjs

@@ -0,0 +1 @@
+import{navigationBuildSidebar as e,searchEntryToPage as t,searchExtractStructuredData as n,searchReadMetaYaml as r}from"@publier/native";function i(t,n={}){return JSON.parse(e(JSON.stringify(t),JSON.stringify(n)))}function a(e,n){return JSON.parse(t(JSON.stringify(e),JSON.stringify(n)))}async function o(e){return JSON.parse(n(e))}function s(e){return JSON.parse(n(e))}function c(e){return JSON.parse(r(e))}export{i as buildSidebar,a as entryToPage,o as extractStructuredData,s as extractStructuredDataSync,c as readMetaYaml};

package/dist/tailwind/css-plugin.d.mts

@@ -0,0 +1,16 @@
+import { Plugin } from "vite";
+
+//#region src/tailwind/css-plugin.d.ts
+/**
+ * Virtual module IDs consumed by shell and Qwik prefetch helpers.
+ */
+declare const VIRTUAL_MODULE_ID = "virtual:publier-custom-css";
+declare const VIRTUAL_THEME_MODULE_ID = "virtual:publier-theme-css";
+interface PublierCssPluginOptions {
+  /** Project root. Defaults to `process.cwd()`. */
+  root?: string;
+}
+declare function publierThemeCssPlugin(options?: PublierCssPluginOptions): Plugin;
+declare function publierCssPlugin(options?: PublierCssPluginOptions): Plugin;
+//#endregion
+export { PublierCssPluginOptions, VIRTUAL_MODULE_ID, VIRTUAL_THEME_MODULE_ID, publierCssPlugin, publierThemeCssPlugin };

package/dist/tailwind/css-plugin.mjs

@@ -0,0 +1 @@
+import{pluginHook as e}from"@publier/native";const t=`virtual:publier-custom-css`,n=`virtual:publier-theme-css`;function r(e){return JSON.stringify({root:e.root??process.cwd()})}function i(e,t){return JSON.stringify({id:e,root:t.root??process.cwd()})}function a(t={}){return{name:`publier-theme-css`,buildStart(){e(`theme`,`buildStart`,r(t))},resolveId(t){return e(`theme`,`resolveId`,JSON.stringify({id:t}))??void 0},load(n){return e(`theme`,`load`,i(n,t))??void 0}}}function o(t={}){return{name:`publier-custom-css`,buildStart(){e(`custom-css`,`buildStart`,r(t))},resolveId(t){return e(`custom-css`,`resolveId`,JSON.stringify({id:t}))??void 0},load(n){return e(`custom-css`,`load`,i(n,t))??void 0}}}export{t as VIRTUAL_MODULE_ID,n as VIRTUAL_THEME_MODULE_ID,o as publierCssPlugin,a as publierThemeCssPlugin};

package/dist/tailwind/index.d.mts

@@ -0,0 +1,6 @@
+import { i as listPresets, n as ThemePreset, r as isValidPreset, t as AVAILABLE_THEMES } from "../presets-C7z73xlB.mjs";
+
+//#region src/tailwind/index.d.ts
+declare const PRESET_CSS_PATH: "@publier/shell/tailwind/preset.css";
+//#endregion
+export { AVAILABLE_THEMES, PRESET_CSS_PATH, type ThemePreset, isValidPreset, listPresets };

package/dist/tailwind/index.mjs

@@ -0,0 +1 @@
+import{n as e,r as t,t as n}from"../presets-DL0qjtya.mjs";const r=`@publier/shell/tailwind/preset.css`;export{n as AVAILABLE_THEMES,r as PRESET_CSS_PATH,e as isValidPreset,t as listPresets};

package/dist/tailwind/loader.d.mts

@@ -0,0 +1,94 @@
+import { i as listPresets, n as ThemePreset, r as isValidPreset, t as AVAILABLE_THEMES } from "../presets-C7z73xlB.mjs";
+
+//#region src/tailwind/override.d.ts
+/** Shape of a parsed `theme.yaml`. Fields match `content-spec/theme.schema.json`. */
+interface ThemeYaml {
+  /**
+   * Display name for the theme (e.g. in YAML editors / README). No runtime
+   * effect — `preset` is what selects the base CSS. Accepted and silently
+   * ignored by `resolveTheme`.
+   */
+  name?: string;
+  preset?: string;
+  colors?: Record<string, string>;
+  typography?: Record<string, string>;
+  layout?: Record<string, string>;
+  prose?: Record<string, string>;
+  code?: Record<string, string>;
+  logo?: {
+    light?: string;
+    dark?: string;
+  };
+  favicon?: string;
+}
+/** Allow-listed override sections — parallel to the JSON Schema. */
+declare const THEME_SECTIONS: readonly ["colors", "typography", "layout", "prose", "code"];
+type ThemeSection = (typeof THEME_SECTIONS)[number];
+/**
+ * Keys accepted under each section. Mirrors content-spec/theme.schema.json.
+ *
+ * `colors` uses daisyUI v5's semantic vocabulary — primary / base-100 /
+ * base-content / error / etc. Values are OKLCH strings (authors write
+ * `"oklch(62% 0.2 40)"` directly in YAML).
+ */
+declare const THEME_KEYS: Record<ThemeSection, readonly string[]>;
+type ThemeErrorCode = 'unknown-section' | 'unknown-key' | 'unknown-preset' | 'non-string-value' | 'empty-value';
+interface ThemeValidationError {
+  code: ThemeErrorCode;
+  message: string;
+  /** Dotted path from `theme.yaml` root, e.g. `colors.primary`. */
+  path: string;
+}
+interface ResolvedTheme {
+  /** Preset name that `theme.yaml` selected. `undefined` = fall back to caller default. */
+  preset?: string;
+  /** Pass-through values keyed by CSS variable name. Empty object if no overrides. */
+  overrides: Record<string, string>;
+  /** Ready-to-inject CSS. Empty string if no overrides. */
+  overrideCss: string;
+  /** Validation errors — empty array means clean. */
+  errors: ThemeValidationError[];
+}
+/**
+ * Validate + resolve a theme.yaml object into CSS variable overrides.
+ *
+ * Never throws — returns errors in-band so `publier doctor` (and IDE YAML-LS)
+ * can report them. Unknown sections/keys produce errors and are skipped.
+ */
+declare function resolveTheme(input: ThemeYaml | null | undefined): ResolvedTheme;
+/**
+ * Emit a CSS override block. Mirror of the Rust `render_override_css` —
+ * exists as a TS helper for callers composing CSS without a theme.yaml (e.g.
+ * programmatic customCss builders). Both sides emit the same shape.
+ */
+declare function renderOverrideCss(overrides: Record<string, string>): string;
+/**
+ * Combined theme loader: pick a preset + apply overrides. Preset validation
+ * is delegated to `isValidPreset`; an unrecognised preset yields an error
+ * inside the returned ResolvedTheme (doctor-friendly — never throws).
+ */
+declare function resolveThemeWithPreset(input: ThemeYaml | null | undefined, options: {
+  /** Fallback preset when `theme.yaml` doesn't specify one. */defaultPreset: ThemePreset; /** Tester for whether a preset name is allowed. */
+  isValidPreset: (name: string) => boolean;
+}): ResolvedTheme & {
+  preset: ThemePreset;
+};
+/**
+ * Compose the full CSS cascade for a theme — preset body + override block.
+ *
+ * Emits `${presetCss}\n${overrideCss}\n` so the override wins the cascade via
+ * declaration-order. Customer `customCss` is appended by the caller,
+ * preserving precedence. Pure — caller reads the preset CSS itself
+ * (see {@link loadPresetCss}).
+ */
+declare function composeThemeCss(presetCss: string, overrideCss: string): string;
+//#endregion
+//#region src/tailwind/loader.d.ts
+declare function presetPath(name: ThemePreset): string;
+/**
+ * Read the raw CSS body of a preset. Intended input to `composeThemeCss`
+ * when wiring up an Astro integration or generating a site-scoped stylesheet.
+ */
+declare function loadPresetCss(name: ThemePreset): Promise<string>;
+//#endregion
+export { AVAILABLE_THEMES, type ResolvedTheme, THEME_KEYS, THEME_SECTIONS, type ThemeErrorCode, type ThemePreset, type ThemeSection, type ThemeValidationError, type ThemeYaml, composeThemeCss, isValidPreset, listPresets, loadPresetCss, presetPath, renderOverrideCss, resolveTheme, resolveThemeWithPreset };

package/dist/tailwind/loader.mjs

@@ -0,0 +1,2 @@
+import{n as e,r as t,t as n}from"../presets-DL0qjtya.mjs";import{tailwindComposeThemeCss as r,tailwindReadPresetCss as i,tailwindResolveTheme as a}from"@publier/native";import{fileURLToPath as o}from"node:url";const s=[`colors`,`typography`,`layout`,`prose`,`code`],c={colors:[`primary`,`primary-content`,`secondary`,`secondary-content`,`accent`,`accent-content`,`neutral`,`neutral-content`,`base-100`,`base-200`,`base-300`,`base-content`,`info`,`info-content`,`success`,`success-content`,`warning`,`warning-content`,`error`,`error-content`],typography:[`heading`,`body`,`mono`],layout:[`nav-height`,`sidebar-width`,`toc-width`,`page-max-width`],prose:[`content-gap-y`,`line-height`,`heading-line-height`],code:[`block-radius`,`inline-radius`,`inline-padding-y`,`inline-padding-x`]};function l(e){if(!e||typeof e!=`object`||Array.isArray(e))return{preset:void 0,overrides:{},overrideCss:``,errors:[]};let t=a(JSON.stringify(e));return{preset:t.preset??void 0,overrides:t.overrides,overrideCss:t.overrideCss,errors:t.errors.map(e=>({code:e.code,message:e.message,path:e.path}))}}function u(e){let t=Object.keys(e).sort();return t.length===0?``:`:root[data-theme="light"], :root[data-theme="dark"] {\n${t.map(t=>`\t${t}: ${e[t]};`).join(`
+`)}\n}\n`}function d(e,t){let n=l(e),r=t.defaultPreset;return n.preset!==void 0&&(t.isValidPreset(n.preset)?r=n.preset:n.errors.push({code:`unknown-preset`,message:`Unknown preset "${n.preset}". Theme will fall back to "${t.defaultPreset}".`,path:`preset`})),{...n,preset:r}}function f(e,t){return r(e,t)}const p=o(new URL(`./themes/`,import.meta.url));function m(e){return`${p}${e}.css`}async function h(e){return i(p,e)}export{n as AVAILABLE_THEMES,c as THEME_KEYS,s as THEME_SECTIONS,f as composeThemeCss,e as isValidPreset,t as listPresets,h as loadPresetCss,m as presetPath,u as renderOverrideCss,l as resolveTheme,d as resolveThemeWithPreset};

package/dist/theme-toggle-element-DzFjxwpS.mjs

@@ -0,0 +1 @@
+const e=`publier-theme`;function t(e){return e===`light`||e===`dark`?e:`auto`}function n(e){return e===`auto`?`light`:e===`light`?`dark`:`auto`}var r=class extends HTMLElement{#e=null;#t=null;#n=null;connectedCallback(){let e=this.querySelector(`button`);e&&(this.#n=e=>{e.preventDefault(),this.#r()},e.addEventListener(`click`,this.#n),(this.dataset.defaultScheme??`system`)===`system`&&(this.#e=window.matchMedia(`(prefers-color-scheme: dark)`),this.#t=()=>{(this.dataset.mode??`auto`)===`auto`&&this.#i()},this.#e.addEventListener(`change`,this.#t)))}disconnectedCallback(){let e=this.querySelector(`button`);e&&this.#n&&e.removeEventListener(`click`,this.#n),this.#e&&this.#t&&this.#e.removeEventListener(`change`,this.#t),this.#e=null,this.#t=null,this.#n=null}#r(){let r=n(t(this.dataset.mode));try{r===`auto`?localStorage.removeItem(e):localStorage.setItem(e,r)}catch{}this.dataset.mode=r;let i=this.dataset[`label${r.charAt(0).toUpperCase()+r.slice(1)}`],a=this.querySelector(`button`);a&&i&&(a.setAttribute(`aria-label`,i),a.setAttribute(`title`,i)),this.#i()}#i(){let e=t(this.dataset.mode),n=this.dataset.defaultScheme??`system`,r=typeof window<`u`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches,i=e===`dark`||e===`auto`&&(n===`dark`||n===`system`&&r);document.documentElement.classList.toggle(`dark`,i),document.documentElement.dataset.theme=i?`dark`:`light`}};typeof customElements<`u`&&!customElements.get(`publier-theme-toggle`)&&customElements.define(`publier-theme-toggle`,r);export{};

package/dist/themes/almond.css

@@ -0,0 +1,115 @@
+[data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(100.00% 0 0);
+	--color-base-200: oklch(100.00% 0 0);
+	--color-base-300: oklch(98.36% 0.014 180.72);
+	--color-base-content: oklch(21.01% 0.032 264.66);
+	--color-primary: oklch(51.09% 0.086 186.39);
+	--color-primary-content: oklch(100.00% 0 0);
+	--color-accent: oklch(71.05% 0.128 181.6);
+	--color-accent-content: oklch(21.01% 0.032 264.66);
+	--color-success: oklch(69.59% 0.149 162.48);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(16.45% 0.01 234.58);
+	--color-base-200: oklch(19.44% 0.012 225.93);
+	--color-base-300: oklch(22.77% 0.017 230.08);
+	--color-base-content: oklch(92.88% 0.013 255.51);
+	--color-primary: oklch(71.05% 0.128 181.6);
+	--color-primary-content: oklch(16.45% 0.01 234.58);
+	--color-accent: oklch(78.45% 0.133 181.91);
+	--color-accent-content: oklch(16.45% 0.01 234.58);
+	--color-success: oklch(69.59% 0.149 162.48);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 17rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 56rem;
+	--publier-layout-width: 1400px;
+
+	--publier-nav-item-radius: 0.5rem;
+	--publier-nav-item-padding-y: 0.4375rem;
+	--publier-nav-item-padding-x: 0.75rem;
+	--publier-nav-item-font-weight: 500;
+
+	--publier-code-block-radius: 0.625rem;
+	--publier-code-inline-radius: 0.375rem;
+}
+
+:root,
+:root[data-theme="light"] {
+	--publier-shadow-color: 0 150 137;
+	--publier-shadow-opacity: 0.06;
+}
+
+:root[data-theme="dark"],
+.dark {
+	--publier-shadow-color: 0 0 0;
+	--publier-shadow-opacity: 0.3;
+}
+
+:root,
+:root[data-theme="light"] {
+
+	--color-pl-muted: oklch(42% 0.06 186.39);
+	--color-pl-muted-bg: oklch(95% 0.022 186.39);
+	--color-pl-subtle: oklch(55% 0.03 186.39);
+	--color-pl-card: oklch(99.5% 0.008 186.39);
+	--color-pl-card-hover: oklch(97% 0.015 186.39);
+	--color-pl-popover: oklch(99.5% 0.008 186.39);
+	--color-pl-border: oklch(90% 0.02 186.39);
+	--color-pl-border-strong: oklch(82% 0.025 186.39);
+	--color-pl-sidebar-accent: oklch(95% 0.022 186.39);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 10%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}
+
+:root[data-theme="dark"],
+.dark {
+
+	--color-pl-muted: oklch(72% 0.067 181.6);
+	--color-pl-muted-bg: oklch(22.5% 0.02 181.6);
+	--color-pl-subtle: oklch(55% 0.04 181.6);
+	--color-pl-card: oklch(20.5% 0.018 181.6);
+	--color-pl-card-hover: oklch(26% 0.03 181.6);
+	--color-pl-popover: oklch(20.5% 0.018 181.6);
+	--color-pl-border: oklch(28% 0.025 181.6);
+	--color-pl-border-strong: oklch(36% 0.035 181.6);
+	--color-pl-sidebar-accent: oklch(26% 0.03 181.6);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}

package/dist/themes/aspen.css

@@ -0,0 +1,95 @@
+[data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(99.39% 0.008 91.48);
+	--color-base-200: oklch(99.39% 0.008 91.48);
+	--color-base-300: oklch(97.96% 0.016 73.68);
+	--color-base-content: oklch(19.71% 0.03 82.74);
+	--color-primary: oklch(76.86% 0.165 70.08);
+	--color-primary-content: oklch(19.71% 0.03 82.74);
+	--color-accent: oklch(70.49% 0.187 47.6);
+	--color-accent-content: oklch(19.71% 0.03 82.74);
+	--color-success: oklch(72.27% 0.192 149.58);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(16.85% 0.021 79.39);
+	--color-base-200: oklch(19.78% 0.025 76.86);
+	--color-base-300: oklch(27.67% 0.041 81.98);
+	--color-base-content: oklch(97.66% 0.03 90.32);
+	--color-primary: oklch(83.69% 0.164 84.43);
+	--color-primary-content: oklch(16.85% 0.021 79.39);
+	--color-accent: oklch(75.76% 0.159 55.93);
+	--color-accent-content: oklch(16.85% 0.021 79.39);
+	--color-success: oklch(72.27% 0.192 149.58);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 16rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 52rem;
+	--publier-layout-width: 1400px;
+}
+
+:root,
+:root[data-theme="light"] {
+
+	--color-pl-muted: oklch(42% 0.06 70.08);
+	--color-pl-muted-bg: oklch(95% 0.022 70.08);
+	--color-pl-subtle: oklch(55% 0.03 70.08);
+	--color-pl-card: oklch(99.5% 0.008 70.08);
+	--color-pl-card-hover: oklch(97% 0.015 70.08);
+	--color-pl-popover: oklch(99.5% 0.008 70.08);
+	--color-pl-border: oklch(90% 0.02 70.08);
+	--color-pl-border-strong: oklch(82% 0.025 70.08);
+	--color-pl-sidebar-accent: oklch(95% 0.022 70.08);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 10%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}
+
+:root[data-theme="dark"],
+.dark {
+
+	--color-pl-muted: oklch(72% 0.067 84.43);
+	--color-pl-muted-bg: oklch(22.5% 0.02 84.43);
+	--color-pl-subtle: oklch(55% 0.04 84.43);
+	--color-pl-card: oklch(20.5% 0.018 84.43);
+	--color-pl-card-hover: oklch(26% 0.03 84.43);
+	--color-pl-popover: oklch(20.5% 0.018 84.43);
+	--color-pl-border: oklch(28% 0.025 84.43);
+	--color-pl-border-strong: oklch(36% 0.035 84.43);
+	--color-pl-sidebar-accent: oklch(26% 0.03 84.43);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}