poveste 0.2.0 → 0.3.0

package/dist/node/build.js

@@ -241,6 +241,3 @@ async function writeFile(fileName, content, ctx) {
 function generateScriptLinks(prefetchScripts, rel, ctx) {
     return prefetchScripts.map(s => `<link rel="${rel}" href="${ctx.resolvedViteConfig.base}${s}" as="script" crossOrigin="anonymous">`).join('');
 }
-function generateStyleLinks(styleFiles, rel, ctx) {
-    return styleFiles.map(s => `<link rel="${rel}" href="${ctx.resolvedViteConfig.base}${s}" as="style">`).join('');
-}

package/dist/node/builtin-plugins/tailwind-tokens.d.ts

@@ -1,6 +1,11 @@
 import type { Plugin } from '@poveste/shared';
 export interface TailwindTokensOptions {
-    configFile?: string;
+    /**
+     * Path to the CSS entrypoint that imports Tailwind and declares `@theme`.
+     * Tailwind v4 is CSS-first, so the design tokens are read from CSS rather
+     * than from a JS config. Auto-detected when omitted.
+     */
+    cssFile?: string;
 }
 export declare function tailwindTokens(options?: TailwindTokensOptions): Plugin;
 //# sourceMappingURL=tailwind-tokens.d.ts.map

package/dist/node/builtin-plugins/tailwind-tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-tokens.d.ts","sourceRoot":"","sources":["../../../src/node/builtin-plugins/tailwind-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,iBAAiB,CAAA;AAI5D,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,MAAM,CA2E1E"}
+{"version":3,"file":"tailwind-tokens.d.ts","sourceRoot":"","sources":["../../../src/node/builtin-plugins/tailwind-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,iBAAiB,CAAA;AAI5D,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAqBD,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,MAAM,CAgE1E"}

package/dist/node/builtin-plugins/tailwind-tokens.js

@@ -1,27 +1,34 @@
 import { findUp } from '../util/find-up.js';
 import { getInjectedImport } from '../util/vendors.js';
+const CSS_ENTRY_CANDIDATES = [
+    'src/style.css',
+    'src/styles.css',
+    'src/main.css',
+    'src/index.css',
+    'src/app.css',
+    'src/assets/main.css',
+    'src/assets/style.css',
+    'src/assets/css/main.css',
+    // Nuxt conventions
+    'app/assets/css/main.css',
+    'assets/css/main.css',
+    // Next.js conventions
+    'styles/globals.css',
+    'app/globals.css',
+    'style.css',
+    'styles.css',
+];
 export function tailwindTokens(options = {}) {
-    const tailwindConfigFile = options.configFile ?? findUp(process.cwd(), [
-        'tailwind.config.js',
-        'tailwind.config.cjs',
-        'tailwind.config.mjs',
-        'tailwind.config.ts',
-        'tailwind-config.js',
-        'tailwind-config.cjs',
-        'tailwind-config.mjs',
-        'tailwind-config.ts',
-    ]);
+    const tailwindCssFile = options.cssFile ?? findUp(process.cwd(), CSS_ENTRY_CANDIDATES);
     async function generate(api) {
         try {
             await api.fs.ensureDir(api.pluginTempDir);
             await api.fs.emptyDir(api.pluginTempDir);
             api.moduleLoader.clearCache();
             await api.fs.writeFile(api.path.resolve(api.pluginTempDir, 'style.css'), css);
-            const tailwindConfig = await api.moduleLoader.loadModule(tailwindConfigFile);
-            const { default: resolveConfig } = await import('tailwindcss/resolveConfig.js');
-            const resolvedTailwindConfig = resolveConfig(tailwindConfig.default ?? tailwindConfig);
+            const theme = await loadTailwindTheme(api, tailwindCssFile);
             const storyFile = api.path.resolve(api.pluginTempDir, 'Tailwind.story.js');
-            await api.fs.writeFile(storyFile, storyTemplate(resolvedTailwindConfig));
+            await api.fs.writeFile(storyFile, storyTemplate({ theme }));
             api.addStoryFile(storyFile);
         }
         catch (e) {
@@ -31,7 +38,7 @@ export function tailwindTokens(options = {}) {
     return {
         name: 'builtin:tailwind-tokens',
         config(config) {
-            if (tailwindConfigFile) {
+            if (tailwindCssFile) {
                 // Add 'design-system' group
                 if (!config.tree) {
                     config.tree = {};
@@ -55,8 +62,8 @@ export function tailwindTokens(options = {}) {
             }
         },
         onDev(api, onCleanup) {
-            if (tailwindConfigFile) {
-                const watcher = api.watcher.watch(tailwindConfigFile)
+            if (tailwindCssFile) {
+                const watcher = api.watcher.watch(tailwindCssFile)
                     .on('change', () => generate(api))
                     .on('add', () => generate(api));
                 onCleanup(() => {
@@ -65,12 +72,141 @@ export function tailwindTokens(options = {}) {
             }
         },
         async onBuild(api) {
-            if (tailwindConfigFile) {
+            if (tailwindCssFile) {
                 await generate(api);
             }
         },
     };
 }
+/**
+ * Tailwind v4 keeps its theme as flat CSS custom properties rather than a
+ * resolved JS config (`resolveConfig` is gone). Load the design system from the
+ * project's CSS entrypoint and reshape its variables into the grouped structure
+ * the story template renders.
+ */
+/**
+ * Resolve a stylesheet referenced from CSS. A bare package specifier resolves
+ * to the JS entry, so its `style` field is used instead — that is how
+ * `@import 'tailwindcss'` reaches `tailwindcss/index.css`.
+ */
+async function resolveStylesheet(api, id, importBase) {
+    const { createRequire } = await import('node:module');
+    const require = createRequire(`${importBase}/`);
+    if (id.startsWith('.')) {
+        return api.path.resolve(importBase, id);
+    }
+    if (id.endsWith('.css')) {
+        return require.resolve(id);
+    }
+    const packageJsonPath = require.resolve(`${id}/package.json`);
+    const packageJson = JSON.parse(await api.fs.readFile(packageJsonPath, 'utf8'));
+    return api.path.resolve(api.path.dirname(packageJsonPath), packageJson.style ?? 'index.css');
+}
+async function loadTailwindTheme(api, cssFile) {
+    const { __unstable__loadDesignSystem } = await import('tailwindcss');
+    const base = api.path.dirname(cssFile);
+    const designSystem = await __unstable__loadDesignSystem(await api.fs.readFile(cssFile, 'utf8'), {
+        base,
+        loadStylesheet: async (id, importBase) => {
+            const resolved = await resolveStylesheet(api, id, importBase);
+            return {
+                path: resolved,
+                base: api.path.dirname(resolved),
+                content: await api.fs.readFile(resolved, 'utf8'),
+            };
+        },
+    });
+    const vars = new Map([...designSystem.theme.entries()].map(([key, entry]) => [key, entry.value]));
+    /** All values in a `--namespace-*` group, keyed by their remainder. */
+    function group(namespace, exclude) {
+        const out = {};
+        const prefix = `${namespace}-`;
+        for (const [key, value] of vars) {
+            if (!key.startsWith(prefix))
+                continue;
+            if (exclude?.test(key))
+                continue;
+            out[key.slice(prefix.length)] = value;
+        }
+        return out;
+    }
+    /** Colours are rendered as shade sets: `red-500` -> `{ red: { 500: … } }`. */
+    function colors() {
+        const out = {};
+        for (const [key, value] of Object.entries(group('--color'))) {
+            const match = key.match(/^(.*)-(\d+)$/);
+            if (match) {
+                out[match[1]] ??= {};
+                out[match[1]][match[2]] = value;
+            }
+            else {
+                out[key] = value;
+            }
+        }
+        return out;
+    }
+    // v4 generates the spacing scale on demand from a single `--spacing` base,
+    // so the conventional steps are reconstructed here for display.
+    const SPACING_STEPS = [0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96];
+    function spacing() {
+        const unit = vars.get('--spacing') ?? '0.25rem';
+        // Multiply out rather than emitting `calc(0.25rem * 4)`, so the story shows
+        // the resolved length the way the v3 resolved config did.
+        const [, rawAmount, cssUnit] = unit.trim().match(/^([\d.]+)([a-z%]*)$/i) ?? [];
+        const amount = Number(rawAmount);
+        const out = {};
+        for (const step of SPACING_STEPS) {
+            if (step === 0) {
+                out['0'] = '0px';
+            }
+            else {
+                out[String(step)] = Number.isFinite(amount)
+                    ? `${Number((amount * step).toFixed(4))}${cssUnit}`
+                    : `calc(${unit} * ${step})`;
+            }
+        }
+        return out;
+    }
+    // Fractions and keywords have no theme variables in v4 — they are static
+    // utilities — but they belong in the sizing scales the story lists.
+    const SIZING_EXTRAS = {
+        'auto': 'auto',
+        'full': '100%',
+        'min': 'min-content',
+        'max': 'max-content',
+        'fit': 'fit-content',
+        'px': '1px',
+        '1/2': '50%',
+        '1/3': '33.333333%',
+        '2/3': '66.666667%',
+        '1/4': '25%',
+        '3/4': '75%',
+        '1/5': '20%',
+        '2/5': '40%',
+        '3/5': '60%',
+        '4/5': '80%',
+    };
+    const palette = colors();
+    const scale = spacing();
+    return {
+        backgroundColor: palette,
+        textColor: palette,
+        borderColor: palette,
+        padding: scale,
+        margin: scale,
+        width: { ...scale, ...SIZING_EXTRAS, screen: '100vw' },
+        height: { ...scale, ...SIZING_EXTRAS, screen: '100vh' },
+        fontSize: group('--text', /--line-height$|--letter-spacing$|--font-weight$/),
+        fontWeight: group('--font-weight'),
+        fontFamily: group('--font', /^--font-weight-/),
+        letterSpacing: group('--tracking'),
+        lineHeight: group('--leading'),
+        dropShadow: group('--drop-shadow'),
+        borderRadius: group('--radius'),
+        // v4 has no border-width namespace; these are the built-in static utilities.
+        borderWidth: { DEFAULT: '1px', 0: '0px', 2: '2px', 4: '4px', 8: '8px' },
+    };
+}
 function storyTemplate(tailwindConfig) {
     return `
 import 'poveste-style'
@@ -122,7 +258,7 @@ export default {
       onMount: (api) => mountApp(api, () => Object.entries(config.theme.backgroundColor).map(([key, shades]) => h(HstColorShades, {
         key,
         shades: typeof shades === 'object' ? shades : { DEFAULT: shades },
-        getName: shade => (config.prefix ?? '') + (shade === 'DEFAULT' ? \`bg-\${key}\` : \`bg-\${key}-\${shade}\`),
+        getName: shade => '' + (shade === 'DEFAULT' ? \`bg-\${key}\` : \`bg-\${key}-\${shade}\`),
         search: search.value,
       }, ({ color}) => h('div', {
         class: '__pvt-shade',
@@ -145,7 +281,7 @@ export default {
       onMount: (api) => mountApp(api, () => Object.entries(config.theme.textColor).map(([key, shades]) => h(HstColorShades, {
         key,
         shades: typeof shades === 'object' ? shades : { DEFAULT: shades },
-        getName: shade => (config.prefix ?? '') + (shade === 'DEFAULT' ? \`text-\${key}\` : \`text-\${key}-\${shade}\`),
+        getName: shade => '' + (shade === 'DEFAULT' ? \`text-\${key}\` : \`text-\${key}-\${shade}\`),
         search: search.value,
       }, ({ color}) => h('div', {
         class: '__pvt-shade __pvt-text',
@@ -168,7 +304,7 @@ export default {
       onMount: (api) => mountApp(api, () => Object.entries(config.theme.borderColor).map(([key, shades]) => h(HstColorShades, {
         key,
         shades: typeof shades === 'object' ? shades : { DEFAULT: shades },
-        getName: shade => (config.prefix ?? '') + (shade === 'DEFAULT' ? \`border-\${key}\` : \`border-\${key}-\${shade}\`),
+        getName: shade => '' + (shade === 'DEFAULT' ? \`border-\${key}\` : \`border-\${key}-\${shade}\`),
         search: search.value,
       }, ({ color}) => h('div', {
         class: '__pvt-shade __pvt-border',
@@ -190,7 +326,7 @@ export default {
       icon: 'carbon:area',
       onMount: (api) => mountApp(api, () => h(HstTokenList, {
         tokens: config.theme.padding,
-        getName: key => \`\${config.prefix ?? ''}p-\${key}\`,
+        getName: key => \`p-\${key}\`,
       }, ({ token }) => h('div', {
         class: '__pvt-padding',
         style: {
@@ -208,7 +344,7 @@ export default {
       icon: 'carbon:area',
       onMount: (api) => mountApp(api, () => h(HstTokenList, {
         tokens: config.theme.margin,
-        getName: key => \`\${config.prefix ?? ''}m-\${key}\`,
+        getName: key => \`m-\${key}\`,
       }, ({ token }) => h('div', {
         class: '__pvt-margin',
       }, [
@@ -226,7 +362,7 @@ export default {
       icon: 'carbon:text-font',
       onMount: (api) => mountApp(api, () => h(HstTokenList, {
         tokens: config.theme.fontSize,
-        getName: key => \`\${config.prefix ?? ''}text-\${key}\`,
+        getName: key => \`text-\${key}\`,
       }, ({ token }) => h('div', {
         class: '__pvt-truncate',
         style: {
@@ -249,7 +385,7 @@ export default {
       icon: 'carbon:text-font',
       onMount: (api) => mountApp(api, () => h(HstTokenList, {
         tokens: config.theme.fontWeight,
-        getName: key => \`\${config.prefix ?? ''}font-\${key}\`,
+        getName: key => \`font-\${key}\`,
       }, ({ token }) => h('div', {
         class: '__pvt-truncate',
         style: {
@@ -278,7 +414,7 @@ export default {
       icon: 'carbon:text-font',
       onMount: (api) => mountApp(api, () => h(HstTokenList, {
         tokens: config.theme.fontFamily,
-        getName: key => \`\${config.prefix ?? ''}font-\${key}\`,
+        getName: key => \`font-\${key}\`,
       }, ({ token }) => h('div', {
         class: '__pvt-truncate',
         style: {
@@ -307,7 +443,7 @@ export default {
       icon: 'carbon:text-font',
       onMount: (api) => mountApp(api, () => h(HstTokenList, {
         tokens: config.theme.letterSpacing,
-        getName: key => \`\${config.prefix ?? ''}tracking-\${key}\`,
+        getName: key => \`tracking-\${key}\`,
       }, ({ token }) => h('div', {
         class: '__pvt-truncate',
         style: {
@@ -336,7 +472,7 @@ export default {
       icon: 'carbon:text-font',
       onMount: (api) => mountApp(api, () => h(HstTokenList, {
         tokens: config.theme.lineHeight,
-        getName: key => \`\${config.prefix ?? ''}leading-\${key}\`,
+        getName: key => \`leading-\${key}\`,
       }, ({ token }) => h('div', {
         style: {
           lineHeight: token.value,
@@ -358,7 +494,7 @@ export default {
       icon: 'carbon:shape-except',
       onMount: (api) => mountApp(api, () => h(HstTokenGrid, {
         tokens: config.theme.dropShadow,
-        getName: key => (config.prefix ?? '') + (key === 'DEFAULT' ? 'drop-shadow' : \`drop-shadow-\${key}\`),
+        getName: key => '' + (key === 'DEFAULT' ? 'drop-shadow' : \`drop-shadow-\${key}\`),
         colSize: 180,
       }, ({ token }) => h('div', {
         class: '__pvt-drop-shadow',
@@ -373,7 +509,7 @@ export default {
       icon: 'carbon:condition-wait-point',
       onMount: (api) => mountApp(api, () => h(HstTokenGrid, {
         tokens: config.theme.borderRadius,
-        getName: key => (config.prefix ?? '') + (key === 'DEFAULT' ? 'rounded' : \`rounded-\${key}\`),
+        getName: key => '' + (key === 'DEFAULT' ? 'rounded' : \`rounded-\${key}\`),
         colSize: 180,
       }, ({ token }) => h('div', {
         class: '__pvt-border-radius',
@@ -388,7 +524,7 @@ export default {
       icon: 'carbon:checkbox',
       onMount: (api) => mountApp(api, () => h(HstTokenGrid, {
         tokens: config.theme.borderWidth,
-        getName: key => (config.prefix ?? '') + (key === 'DEFAULT' ? 'border' : \`border-\${key}\`),
+        getName: key => '' + (key === 'DEFAULT' ? 'border' : \`border-\${key}\`),
         colSize: 180,
       }, ({ token }) => h('div', {
         class: '__pvt-border-width',
@@ -403,7 +539,7 @@ export default {
       icon: 'carbon:pan-horizontal',
       onMount: (api) => mountApp(api, () => h(HstTokenList, {
         tokens: config.theme.width,
-        getName: key => (config.prefix ?? '') + (key === 'DEFAULT' ? 'w' : \`w-\${key}\`),
+        getName: key => '' + (key === 'DEFAULT' ? 'w' : \`w-\${key}\`),
       }, ({ token }) => h('div', {
         class: '__pvt-width',
       }, [
@@ -421,7 +557,7 @@ export default {
       icon: 'carbon:pan-vertical',
       onMount: (api) => mountApp(api, () => h(HstTokenList, {
         tokens: config.theme.height,
-        getName: key => (config.prefix ?? '') + (key === 'DEFAULT' ? 'h' : \`h-\${key}\`),
+        getName: key => '' + (key === 'DEFAULT' ? 'h' : \`h-\${key}\`),
       }, ({ token }) => h('div', {
         class: '__pvt-height',
         style: {

package/dist/node/builtin-plugins/vanilla-support/MountStory.d.ts

@@ -1,15 +1,15 @@
 import type { Story } from '@poveste/shared';
 import type { PropType as _PropType } from '@poveste/vendors/vue';
-declare const _default: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     story: {
         type: _PropType<Story>;
         required: true;
     };
-}>, void, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     story: {
         type: _PropType<Story>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=MountStory.d.ts.map

package/dist/node/builtin-plugins/vanilla-support/RenderStory.d.ts

@@ -1,6 +1,6 @@
 import type { Story, Variant } from '@poveste/shared';
 import type { PropType as _PropType } from '@poveste/vendors/vue';
-declare const _default: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     variant: {
         type: _PropType<Variant>;
         required: true;
@@ -14,10 +14,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<import("@vue
         default: string;
     };
 }>, {
-    sandbox: import("@vue/reactivity").Ref<HTMLDivElement, HTMLDivElement>;
-}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+    sandbox: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     ready: () => true;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: _PropType<Variant>;
         required: true;
@@ -34,6 +34,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<import("@vue
     onReady?: () => any;
 }>, {
     slotName: string;
-}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=RenderStory.d.ts.map

package/dist/node/collect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/node/collect/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AAEzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAa5C,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,aAAa,CAAA;IACrB,UAAU,CAAC,EAAE,aAAa,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,EAAE,GAAG,EAAE,OAAO;;kCAgFpC,eAAe;;EA+D3D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/node/collect/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AAEzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAa5C,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,aAAa,CAAA;IACrB,UAAU,CAAC,EAAE,aAAa,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,EAAE,GAAG,EAAE,OAAO;;kCAgFpC,eAAe;;EA6D3D"}

package/dist/node/collect/index.js

@@ -100,9 +100,7 @@ export function useCollectStories(options, ctx) {
             // Default props
             if (ctx.config.defaultStoryProps) {
                 for (const key in ctx.config.defaultStoryProps) {
-                    if (finalData[key] == null) {
-                        finalData[key] = ctx.config.defaultStoryProps[key];
-                    }
+                    finalData[key] ??= ctx.config.defaultStoryProps[key];
                 }
             }
             if (!finalData.layout) {

package/dist/node/config.d.ts

@@ -4,24 +4,8 @@ export declare function getDefaultConfig(): PovesteConfig;
 export declare const configFileNames: string[];
 export declare function resolveConfigFile(cwd?: string, configFile?: string): string;
 export declare function loadConfigFile(configFile: string): Promise<Partial<PovesteConfig>>;
-export declare const mergeBuildConfig: <Source extends {
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-}, Defaults extends Array<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} | (number | boolean | any[] | Record<never, any>)>>(source: Source, ...defaults: Defaults) => import("defu").Defu<Source, Defaults>;
-export declare const mergeConfig: <Source extends {
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-}, Defaults extends Array<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} | (number | boolean | any[] | Record<never, any>)>>(source: Source, ...defaults: Defaults) => import("defu").Defu<Source, Defaults>;
+export declare const mergeBuildConfig: import("defu").DefuFn;
+export declare const mergeConfig: import("defu").DefuFn;
 export declare function resolveConfig(cwd: string, mode: ConfigMode, configFile: string): Promise<PovesteConfig>;
 export declare function processConfig(ctx: Context): Promise<void>;
 export declare function defineConfig(config: Partial<PovesteConfig>): Partial<PovesteConfig>;

package/dist/node/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/node/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EAEV,aAAa,EAEd,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAkB3C,wBAAgB,gBAAgB,IAAI,aAAa,CA4HhD;AAED,eAAO,MAAM,eAAe,UAU3B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,GAAG,GAAE,MAAsB,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAQ1F;AAED,wBAAsB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAexF;AAED,eAAO,MAAM,gBAAgB;;;;;;;;qIAK3B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;qIA8DtB,CAAA;AAEF,wBAAsB,aAAa,CAAC,GAAG,EAAE,MAAsB,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAa7H;AA2BD,wBAAsB,aAAa,CAAC,GAAG,EAAE,OAAO,iBAoE/C;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,0BAE1D;AAED,OAAO,QAAQ,MAAM,CAAC;IACpB,UAAU,UAAU;QAClB;;WAEG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;QAChC;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;KAClC;CACF"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/node/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EAEV,aAAa,EAEd,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAkB3C,wBAAgB,gBAAgB,IAAI,aAAa,CA4HhD;AAED,eAAO,MAAM,eAAe,UAU3B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,GAAG,GAAE,MAAsB,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAQ1F;AAED,wBAAsB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAexF;AAED,eAAO,MAAM,gBAAgB,uBAK3B,CAAA;AAEF,eAAO,MAAM,WAAW,uBA8DtB,CAAA;AAEF,wBAAsB,aAAa,CAAC,GAAG,EAAE,MAAsB,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAgB7H;AA2BD,wBAAsB,aAAa,CAAC,GAAG,EAAE,OAAO,iBAoE/C;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,0BAE1D;AAED,OAAO,QAAQ,MAAM,CAAC;IACpB,UAAU,UAAU;QAClB;;WAEG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;QAChC;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;KAClC;CACF"}

package/dist/node/config.js

@@ -238,6 +238,9 @@ export async function resolveConfig(cwd = process.cwd(), mode, configFile) {
         result = await loadConfigFile(resolvedConfigFile);
     }
     const viteConfig = await resolveViteConfig({}, 'serve');
+    // The `histoire` key is our own deprecation, and reading it is the whole
+    // point — it is what makes poveste drop-in for an existing histoire config.
+    // eslint-disable-next-line ts/no-deprecated
     const vitePovesteConfig = (viteConfig.poveste ?? viteConfig.histoire ?? {});
     const preUserConfig = mergeConfig(result, vitePovesteConfig);
     const processedDefaultConfig = await processDefaultConfig(getDefaultConfig(), preUserConfig, mode, cwd);

package/dist/node/dom/env.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../../src/node/dom/env.ts"],"names":[],"mappings":"AA+BA,wBAAgB,YAAY;;;EAqD3B"}
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../../src/node/dom/env.ts"],"names":[],"mappings":"AAmCA,wBAAgB,YAAY;;;EAqD3B"}

package/dist/node/dom/env.js

@@ -3,12 +3,16 @@ import { populateGlobal } from './util.js';
 // jsdom error types — not exported by jsdom.
 const JSDOM_ERROR_CSS_PARSING = 'css-parsing';
 const JSDOM_ERROR_UNHANDLED_EXCEPTION = 'unhandled-exception';
-// Directives JSDOM's CSS parser doesn't know — Tailwind v4's `@theme` is the
-// common one — make it emit a jsdomError per stylesheet, so collecting stories
-// from a Tailwind app prints "Could not parse CSS stylesheet" over and over.
-// The parser recovers on its own and keeps the valid rules, so the message is
-// pure noise: drop css-parsing errors, mirror jsdom's default forwardTo for
-// the rest.
+// CSS jsdom's parser can't make sense of makes it emit a jsdomError per
+// stylesheet, so collecting stories from an app with such a stylesheet prints
+// "Could not parse CSS stylesheet" over and over. The parser recovers on its
+// own and keeps the valid rules, so the message is pure noise: drop
+// css-parsing errors, mirror jsdom's default forwardTo for the rest.
+//
+// jsdom 28 moved to css-tree, which recovers browser-style and stays quiet for
+// most of what jsdom 27 complained about — Tailwind v4's `@theme`, unknown
+// at-rules, unterminated strings. It still reports some inputs (an
+// unparseable selector, for one), so this stays.
 function createVirtualConsole() {
     if (!console || !globalThis.console)
         return undefined;

package/dist/node/index.d.ts

@@ -2,11 +2,4 @@ export { defaultColors } from './colors.js';
 export * from './config.js';
 export * from './plugin.js';
 export * from '@poveste/shared';
-declare module 'rollup' {
-    interface PluginContextMeta {
-        poveste: {
-            isCollecting: boolean;
-        };
-    }
-}
 //# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/node/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAE/B,OAAO,QAAQ,QAAQ,CAAC;IACtB,UAAU,iBAAiB;QACzB,OAAO,EAAE;YACP,YAAY,EAAE,OAAO,CAAA;SACtB,CAAA;KACF;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/node/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA"}

package/dist/node/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/node/markdown.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,MAAM,CAAA;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAK3C,OAAO,UAAU,MAAM,aAAa,CAAA;AAapC,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,OAAO,QAE1D;AAQD,wBAAsB,sBAAsB,CAAC,GAAG,EAAE,OAAO,uBAsExD;AAaD,wBAAsB,qBAAqB,CAAC,GAAG,EAAE,OAAO,8BAqBvD;AAED,wBAAsB,0BAA0B,CAAC,GAAG,EAAE,OAAO;;GAgI5D;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAAA"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/node/markdown.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,MAAM,CAAA;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAK3C,OAAO,UAAU,MAAM,aAAa,CAAA;AAapC,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,OAAO,QAE1D;AAyBD,wBAAsB,sBAAsB,CAAC,GAAG,EAAE,OAAO,uBA0ExD;AAaD,wBAAsB,qBAAqB,CAAC,GAAG,EAAE,OAAO,8BAqBvD;AAED,wBAAsB,0BAA0B,CAAC,GAAG,EAAE,OAAO;;GAgI5D;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAAA"}

package/dist/node/markdown.js

@@ -21,13 +21,31 @@ function notifyMarkdownListChange() {
         handler();
     }
 }
-export async function createMarkdownRenderer(ctx) {
-    const highlighter = await createHighlighter({
+/**
+ * Shared between the markdown Vite plugin and the markdown file watcher, which
+ * both build a renderer — a `poveste build` reaches this three times. The
+ * themes and langs are constant, and each instance eagerly loads every bundled
+ * grammar, so the duplicates are pure waste.
+ */
+let highlighterPromise;
+function getHighlighter() {
+    highlighterPromise ??= createHighlighter({
         themes: ['github-dark'],
         langs: Object.keys(bundledLanguages), // not ideal but markdown-it does not provide async highlight
     });
+    return highlighterPromise;
+}
+export async function createMarkdownRenderer(ctx) {
+    const highlighter = await getHighlighter();
     const md = new MarkdownIt({
-        highlight: (code, lang) => `<div class="ptw-relative ptw-not-prose __poveste-code __histoire-code"><div class="ptw-absolute ptw-top-0 ptw-right-0 ptw-text-xs ptw-text-white/40">${lang}</div>${highlighter.codeToHtml(code, { theme: 'github-dark', lang })}</div>`,
+        /*
+         * Unprefixed utilities: the `ptw-` prefix went away with Tailwind v4, and
+         * `not-prose` in particular is matched by the typography plugin's own
+         * `[class~="not-prose"]` selector, so a prefixed spelling silently opts the
+         * block back *into* prose. These classes are generated because main.pcss
+         * `@source`s this file — v4 auto-detection only scans the app package.
+         */
+        highlight: (code, lang) => `<div class="relative not-prose __poveste-code __histoire-code"><div class="absolute top-0 right-0 text-xs text-white/40">${lang}</div>${highlighter.codeToHtml(code, { theme: 'github-dark', lang })}</div>`,
         linkify: true,
         html: true,
         breaks: false,

package/dist/node/stories.js

@@ -58,7 +58,7 @@ export async function watchStories(newContext) {
     watcher
         .on('add', (file) => {
         const storyFile = addStory(file);
-        setTimeout(() => notifyStoryChange(storyFile), 100); // Delay in case file renaming fired Add event before Unlink event
+        setTimeout(notifyStoryChange, 100, storyFile); // Delay in case file renaming fired Add event before Unlink event
     })
         .on('unlink', (file) => {
         removeStory(file);

package/dist/node/style-isolation/entry-css-merger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entry-css-merger.d.ts","sourceRoot":"","sources":["../../../src/node/style-isolation/entry-css-merger.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,MAAM,CAAA;AAKhD,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,oBAAoB,CAAC,IAAI,GAAE,qBAAgD,GAAG,UAAU,CA4FvG;AAMD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAsBxE"}
+{"version":3,"file":"entry-css-merger.d.ts","sourceRoot":"","sources":["../../../src/node/style-isolation/entry-css-merger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,MAAM,CAAA;AAKhD,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,oBAAoB,CAAC,IAAI,GAAE,qBAAgD,GAAG,UAAU,CA8FvG;AAMD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAsBxE"}

package/dist/node/style-isolation/entry-css-merger.js

@@ -43,6 +43,7 @@ export function entryCssMergerPlugin(opts = { isolateStyles: false }) {
                 collectChunkCss(fileName, chunk.name, cssAssetUsedBy);
             }
             const mergedByEntry = new Map();
+            const mergedCssAssets = [];
             for (const [cssName, entries] of cssAssetUsedBy) {
                 const asset = bundle[cssName];
                 if (!asset || asset.type !== 'asset')
@@ -55,6 +56,12 @@ export function entryCssMergerPlugin(opts = { isolateStyles: false }) {
                     list.push(source);
                     mergedByEntry.set(entryName, list);
                 }
+                mergedCssAssets.push(cssName);
+            }
+            // Rolldown ignores assignment to `bundle` in generateBundle, so the merged
+            // files are added with this.emitFile. The now-merged per-chunk CSS assets
+            // are dropped so they don't ship as unscoped, orphaned duplicates.
+            for (const cssName of mergedCssAssets) {
                 delete bundle[cssName];
             }
             for (const [entryName, sources] of mergedByEntry) {
@@ -63,13 +70,7 @@ export function entryCssMergerPlugin(opts = { isolateStyles: false }) {
                 const finalSource = entryName === mainEntryName && opts.isolateStyles
                     ? wrapMarkedUserCss(merged, scopeRoot)
                     : stripMarkers(merged);
-                bundle[fileName] = {
-                    type: 'asset',
-                    fileName,
-                    name: fileName,
-                    source: finalSource,
-                    needsCodeReference: false,
-                };
+                this.emitFile({ type: 'asset', fileName, source: finalSource });
             }
             // Re-point CSS metadata: entries claim their own merged file; non-entry
             // chunks (vendor, route splits) drop their importedCss because the

package/dist/node/vite.js

@@ -283,7 +283,7 @@ export async function getViteConfigWithPlugins(isServer, ctx) {
         name: 'poveste:flags',
         enforce: 'pre',
         transform(code, id) {
-            if (id.match(/\.(vue|js)($|\?)/)) {
+            if (/\.(?:vue|js)(?:$|\?)/.test(id)) {
                 const original = code;
                 for (const flag in flags) {
                     code = code.replace(new RegExp(flag, 'g'), flags[flag]);