@publier/shell 4.4.0 → 4.5.0

package/dist/presets-CYFX0GLA.mjs

@@ -0,0 +1 @@
+const e=[`almond`,`aspen`,`catppuccin`,`dark`,`dusk`,`emerald`,`enterprise`,`light`,`maple`,`neutral`,`ocean`,`purple`,`ruby`,`solar`,`vitepress`];function t(){return e}function n(t){return e.includes(t)}export{n,t as r,e as t};

package/dist/{presets-BpOSAh0T.d.mts → presets-DHzqBvCI.d.mts}

@@ -6,7 +6,7 @@
  * Node-side introspection (reading CSS files, computing contrast) lives in
  * `./loader.ts` to keep `node:fs` out of the browser bundle path.
  */
-declare const AVAILABLE_THEMES: readonly ['almond', 'aspen', 'catppuccin', 'dark', 'dusk', 'emerald', 'light', 'maple', 'neutral', 'ocean', 'purple', 'ruby', 'solar', 'vitepress'];
+declare const AVAILABLE_THEMES: readonly ['almond', 'aspen', 'catppuccin', 'dark', 'dusk', 'emerald', 'enterprise', 'light', 'maple', 'neutral', 'ocean', 'purple', 'ruby', 'solar', 'vitepress'];
 type ThemePreset = (typeof AVAILABLE_THEMES)[number];
 /** Return a read-only copy of the built-in preset list. */
 declare function listPresets(): readonly ThemePreset[];

package/dist/tailwind/index.d.mts

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

package/dist/tailwind/index.mjs

@@ -1 +1 @@
-import{n as e,r as t,t as n}from"../presets-BSnEdPYj.mjs";const r=`@publier/shell/tailwind/preset.css`;export{n as AVAILABLE_THEMES,r as PRESET_CSS_PATH,e as isValidPreset,t as listPresets};
+import{n as e,r as t,t as n}from"../presets-CYFX0GLA.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

@@ -1,4 +1,4 @@
-import { i as listPresets, n as ThemePreset, r as isValidPreset, t as AVAILABLE_THEMES } from "../presets-BpOSAh0T.mjs";
+import { i as listPresets, n as ThemePreset, r as isValidPreset, t as AVAILABLE_THEMES } from "../presets-DHzqBvCI.mjs";
 //#region src/tailwind/override.d.ts
 /** Shape of a parsed `theme.yaml`. Fields match `content-spec/theme.schema.json`. */
 interface ThemeYaml {

package/dist/tailwind/loader.mjs

@@ -1,2 +1,2 @@
-import{n as e,r as t,t as n}from"../presets-BSnEdPYj.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(`
+import{n as e,r as t,t as n}from"../presets-CYFX0GLA.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/themes/enterprise.css

@@ -0,0 +1,129 @@
+:root, [data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(100% 0 0);
+	--color-base-200: oklch(98.51% 0 0);
+	--color-base-300: oklch(92.19% 0 0);
+	--color-base-content: oklch(20.46% 0 0);
+	--color-primary: oklch(37.15% 0 0);
+	--color-primary-content: oklch(98.51% 0 0);
+	--color-accent: oklch(55.55% 0 0);
+	--color-accent-content: oklch(98.51% 0 0);
+	--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;
+	--radius-field: 0;
+	--radius-box: 0;
+	--border: 1px;
+	--depth: 0;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(20.46% 0 0);
+	--color-base-200: oklch(25.2% 0 0);
+	--color-base-300: oklch(31.2% 0 0);
+	--color-base-content: oklch(92.19% 0 0);
+	--color-primary: oklch(76.5% 0 0);
+	--color-primary-content: oklch(20.46% 0 0);
+	--color-accent: oklch(70.8% 0 0);
+	--color-accent-content: oklch(20.46% 0 0);
+	--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;
+	--radius-field: 0;
+	--radius-box: 0;
+	--border: 1px;
+	--depth: 0;
+	--noise: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+:root:not([data-theme]) {
+color-scheme: dark;
+
+	--color-base-100: oklch(20.46% 0 0);
+	--color-base-200: oklch(25.2% 0 0);
+	--color-base-300: oklch(31.2% 0 0);
+	--color-base-content: oklch(92.19% 0 0);
+	--color-primary: oklch(76.5% 0 0);
+	--color-primary-content: oklch(20.46% 0 0);
+	--color-accent: oklch(70.8% 0 0);
+	--color-accent-content: oklch(20.46% 0 0);
+	--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;
+	--radius-field: 0;
+	--radius-box: 0;
+	--border: 1px;
+	--depth: 0;
+	--noise: 0;
+}
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 18rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 52rem;
+	--publier-layout-width: 1400px;
+	--publier-font-weight-heading: 600;
+	--publier-nav-item-radius: 0;
+	--publier-control-radius: 0;
+	--publier-surface-radius: 0;
+	--publier-card-radius: 0;
+	--publier-code-block-radius: 0;
+	--publier-code-inline-radius: 0;
+	--publier-header-hover-bg: transparent;
+	--publier-header-hover-opacity: 0.68;
+	--publier-header-active-bg: transparent;
+}
+
+:root,
+:root[data-theme="light"] {
+
+	--color-pl-muted: oklch(42% 0 0);
+	--color-pl-muted-bg: oklch(95% 0 0);
+	--color-pl-subtle: oklch(55% 0 0);
+	--color-pl-card: oklch(99.5% 0 0);
+	--color-pl-card-hover: oklch(97% 0 0);
+	--color-pl-popover: oklch(99.5% 0 0);
+	--color-pl-border: oklch(90% 0 0);
+	--color-pl-border-strong: oklch(82% 0 0);
+	--color-pl-sidebar-accent: oklch(95% 0 0);
+	--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 0);
+	--color-pl-muted-bg: oklch(22.5% 0 0);
+	--color-pl-subtle: oklch(65% 0 0);
+	--color-pl-card: oklch(20.5% 0 0);
+	--color-pl-card-hover: oklch(26% 0 0);
+	--color-pl-popover: oklch(20.5% 0 0);
+	--color-pl-border: oklch(28% 0 0);
+	--color-pl-border-strong: oklch(36% 0 0);
+	--color-pl-sidebar-accent: oklch(26% 0 0);
+	--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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@publier/shell",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "license": "UNLICENSED",
   "description": "Qwik + Astro docs layout for Publier sites.",
   "type": "module",
@@ -119,7 +119,7 @@
     "@github/details-menu-element": "^1.0.13",
     "@github/relative-time-element": "^5.3.1",
     "@github/tab-container-element": "^4.9.0",
-    "@publier/native": "7.0.0",
+    "@publier/native": "7.0.1",
     "@tailwindcss/typography": "^0.5.20",
     "astro-pagefind": "^2.0.1",
     "daisyui": "^5.7.22",

package/src/styles/base.css

@@ -20,7 +20,7 @@
 	margin: 1rem 0;
 	padding: 1rem;
 	background: var(--color-base-100);
-	border-radius: 0.5rem;
+	border-radius: var(--publier-surface-radius, 0.5rem);
 }
 
 .katex {
@@ -155,14 +155,55 @@ h6 {
 /* Group state derives from the active child; descriptions retain normal
  * foreground contrast. Mobile links use the same semantic active signal. */
 [data-publier-top-nav] a.btn-ghost[aria-current="page"],
+[data-publier-top-nav] details[data-publier-nav-group]:has(a[aria-current="page"]) > summary {
+	color: var(--color-primary);
+	background-color: var(
+		--publier-header-active-bg,
+		color-mix(in oklab, var(--color-primary) 12%, transparent)
+	);
+}
 [data-publier-nav-menu] a[aria-current="page"],
-[data-publier-top-nav] details[data-publier-nav-group]:has(a[aria-current="page"]) > summary,
 [data-publier-nav-mobile] details[data-publier-nav-group]:has(a[aria-current="page"]) > summary,
 [data-publier-nav-dialog] a[aria-current="page"] {
 	color: var(--color-primary);
 	background-color: color-mix(in oklab, var(--color-primary) 12%, transparent);
 }
 
+/* Header links remain DaisyUI buttons for keyboard focus. Override its hover
+ * variables at the component so a ghost control never acquires a button border.
+ * Presets decide whether hover/active feedback uses a surface or text alone. */
+[data-publier-top-nav] a.btn-ghost,
+[data-publier-top-nav] details[data-publier-nav-group] > summary {
+	--btn-border: transparent;
+	border-color: transparent;
+	box-shadow: none;
+	border-radius: var(--radius-field);
+	translate: none;
+	scale: none;
+}
+@media (hover: hover) {
+	[data-publier-top-nav] a.btn-ghost:hover,
+	[data-publier-top-nav] details[data-publier-nav-group] > summary:hover {
+		--btn-bg: var(--publier-header-hover-bg, var(--color-pl-muted-bg));
+		--btn-fg: var(
+			--publier-header-hover-color,
+			color-mix(
+				in oklab,
+				var(--color-base-content) calc(var(--publier-header-hover-opacity, 1) * 100%),
+				var(--color-base-100)
+			)
+		);
+		background-color: var(--btn-bg);
+		color: var(--btn-fg);
+	}
+}
+[data-publier-top-nav] .navbar-start > a {
+	border-radius: var(--radius-field);
+}
+[data-publier-sidebar] .menu :is(a, summary) {
+	border-radius: var(--publier-nav-item-radius, 0.375rem);
+}
+
 /* daisyUI defines active colors on each menu, shadowing root theme variables.
  * Bind the sidebar tokens at the component so both sidebar surfaces and folder
  * indexes retain their theme's selected foreground and background. */
@@ -202,7 +243,7 @@ h6 {
 	text-decoration: none;
 	color: var(--color-primary-content);
 	background-color: var(--color-primary);
-	border-radius: 0.375rem;
+	border-radius: var(--publier-control-radius, 0.375rem);
 	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
 }
 
@@ -226,7 +267,7 @@ publier-theme-toggle {
 	width: 2.25rem;
 	height: 2.25rem;
 	padding: 0.375rem;
-	border-radius: 0.375rem;
+	border-radius: var(--publier-control-radius, 0.375rem);
 	color: var(--color-base-content);
 	background-color: transparent;
 	border: none;
@@ -350,7 +391,7 @@ html[data-banner-dismissed="true"] [data-publier-banner] {
 	width: 100%;
 	padding: 0.375rem 0.625rem;
 	border: 1px solid var(--color-base-300);
-	border-radius: 0.375rem;
+	border-radius: var(--publier-control-radius, 0.375rem);
 	background-color: var(--color-base-200);
 	color: var(--color-base-content);
 	font-size: 0.875rem;
@@ -401,7 +442,7 @@ html[data-banner-dismissed="true"] [data-publier-banner] {
 	padding: 0.25rem;
 	background-color: var(--color-base-200);
 	border: 1px solid var(--color-base-300);
-	border-radius: 0.5rem;
+	border-radius: var(--publier-surface-radius, 0.5rem);
 	box-shadow: 0 4px 12px rgb(0 0 0 / 0.12);
 	max-height: 16rem;
 	overflow-y: auto;
@@ -412,7 +453,7 @@ html[data-banner-dismissed="true"] [data-publier-banner] {
 	align-items: center;
 	gap: 0.5rem;
 	padding: 0.375rem 0.625rem;
-	border-radius: 0.3125rem;
+	border-radius: var(--publier-control-radius, 0.3125rem);
 	font-size: 0.875rem;
 	cursor: pointer;
 	color: var(--color-base-content);
@@ -480,7 +521,7 @@ html[data-banner-dismissed="true"] [data-publier-banner] {
 	gap: 0.375rem;
 	padding: 0.375rem 0.75rem;
 	border: 1px solid var(--color-base-300);
-	border-radius: 0.375rem;
+	border-radius: var(--publier-control-radius, 0.375rem);
 	background-color: var(--color-base-200);
 	color: var(--color-base-content);
 	font-size: 0.8125rem;
@@ -528,7 +569,7 @@ html[data-banner-dismissed="true"] [data-publier-banner] {
 	padding: 0.375rem;
 	background-color: var(--color-base-200);
 	border: 1px solid var(--color-base-300);
-	border-radius: 0.5rem;
+	border-radius: var(--publier-surface-radius, 0.5rem);
 	box-shadow:
 		0 4px 6px -1px rgb(0 0 0 / 0.1),
 		0 2px 4px -2px rgb(0 0 0 / 0.1);
@@ -549,7 +590,7 @@ html[data-banner-dismissed="true"] [data-publier-banner] {
 	font-weight: 400;
 	line-height: 1.4;
 	text-decoration: none;
-	border-radius: 0.375rem;
+	border-radius: var(--publier-control-radius, 0.375rem);
 	cursor: pointer;
 	transition: background-color 100ms ease;
 }
@@ -602,7 +643,7 @@ aside.alert {
 	align-items: start;
 	padding: 0.625rem 0.875rem;
 	gap: 0.625rem;
-	border-radius: 0.5rem;
+	border-radius: var(--publier-surface-radius, 0.5rem);
 	/* Match prose body text size — DaisyUI's default is 0.875rem (text-sm). */
 	font-size: 1rem;
 	line-height: 1.6;
@@ -784,9 +825,9 @@ body:has([data-publier-docs-header]) :is(h2, h3, h4)[id] {
 		details.dropdown[data-publier-nav-group]:not([data-publier-docs-selector])
 		> summary {
 		transform: none;
-		background-color: transparent;
-		box-shadow: none;
-		transition: color 150ms ease;
+		transition:
+			color 150ms ease,
+			background-color 150ms ease;
 	}
 	[data-publier-top-nav]:not([data-publier-docs-header])
 		details.dropdown[data-publier-nav-group]:not([data-publier-docs-selector])

package/src/tailwind/preset.css

@@ -5,7 +5,7 @@
  *   @import "@publier/tailwind/preset.css";     ← this file
  *   @import "virtual:publier-theme-css";        ← resolves to one themes/<name>.css
  *
- * daisyUI built-in themes are disabled — Publier ships its own 14-theme set.
+ * daisyUI built-in themes are disabled — Publier ships its own theme set.
  * Theme files each declare two daisyUI named themes (`light` + `dark`) carrying
  * that preset's palette, so the runtime toggle writing `data-theme="light|dark"`
  * activates either variant without importing more CSS.
@@ -116,7 +116,7 @@
 	/* ─── daisyUI status color fallbacks ─────────────────────
 	 * daisyUI v5 `alert-info/success/warning/error` read these tokens but
 	 * they are optional — daisyUI's built-in themes define them, Publier's
-	 * 14 custom themes do not. These defaults ensure every callout, badge,
+	 * custom themes do not. These defaults ensure every callout, badge,
 	 * and alert renders with correct color on any Publier theme. Individual
 	 * theme files can override them per-theme if needed. */
 	--color-info: oklch(55% 0.12 240);

package/dist/presets-BSnEdPYj.mjs

@@ -1 +0,0 @@
-const e=[`almond`,`aspen`,`catppuccin`,`dark`,`dusk`,`emerald`,`light`,`maple`,`neutral`,`ocean`,`purple`,`ruby`,`solar`,`vitepress`];function t(){return e}function n(t){return e.includes(t)}export{n,t as r,e as t};