mnfst 0.5.80 → 0.5.82

package/lib/manifest.typography.css

@@ -13,8 +13,9 @@
     .paragraph,
     .small,
     .caption,
-    .label {
-        color: var(--color-content-stark);
+    .label,
+    .link {
+        color: var(--color-content-stark, darkslategray);
 
         /* Support inline icons */
         &:where(:has([x-icon])) {
@@ -41,18 +42,10 @@
     .h4,
     .h5,
     .h6 {
-        font-weight: bolder;
+        font-weight: 550;
         word-wrap: break-word
     }
 
-    :where(h1, h2, h3, h4):not(.unstyle),
-    .h1,
-    .h2,
-    .h3,
-    .h4 {
-        font-weight: 700;
-    }
-
     :where(h1, h2, h3):not(.unstyle),
     .h1,
     .h2,
@@ -62,18 +55,18 @@
 
     :where(h1):not(.unstyle),
     .h1 {
-        font-size: 2.25rem;
+        font-size: 3rem;
         line-height: 1.25
     }
 
     :where(h2):not(.unstyle),
     .h2 {
-        font-size: 1.5rem
+        font-size: 2.25rem
     }
 
     :where(h3):not(.unstyle),
     .h3 {
-        font-size: 1.25rem;
+        font-size: 1.75rem;
         line-height: 1.4
     }
 
@@ -84,18 +77,20 @@
 
     :where(h5):not(.unstyle),
     .h5 {
-        font-weight: 600;
-        font-size: .875rem;
+        font-size: 1rem;
         line-height: 1rem;
-        color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09))
+        color: var(--color-content-neutral, gray);
+
+        & a:hover {
+            color: var(--color-content-stark, darkslategray)
+        }
     }
 
     :where(h6):not(.unstyle),
     .h6 {
-        font-weight: 600;
         font-size: 0.8125rem;
         line-height: 1.4;
-        text-transform: uppercase;
+        color: var(--color-brand-content, goldenrod)
     }
 
     /* Paragraphs */
@@ -105,18 +100,48 @@
     }
 
     /* Links */
-    :where(a:not([role=button]), button.link):not(.unstyle) {
-        text-decoration: underline;
-        text-underline-offset: 2px;
+    :where(a:not([role=button]), .link):not(.unstyle) {
+        text-align: unset;
+        text-decoration: none;
         cursor: pointer;
         transition: var(--transition, all .05s ease-in-out);
 
         &:hover {
-            color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09))
+            color: var(--color-content-neutral, gray)
         }
+    }
+
+    :where(abbr, address, blockquote, code, del, figcaption, h1, h2, h3, h4, h5, h6, ins, legend, p, small, cite, q, .h1, .h2, .h3, .h4, .h5, .h6, .paragraph, .small, .caption, .label):not(.unstyle)>a {
+        text-decoration: underline;
+        text-underline-offset: 2px
+    }
+
+    /* Asides */
+    :where(aside):not(.unstyle) {
+        padding: calc(var(--spacing, 0.25rem) * 4);
+        border: 1px solid var(--color-line, color-mix(darkslategray 10%, transparent));
+        border-radius: var(--radius, 0.5rem)
+    }
 
-        &:active {
-            color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09))
+    /* Badges */
+    :where(.badge) {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        gap: 0.25rem;
+        width: fit-content;
+        height: fit-content;
+        padding: 0.35ch 0.65ch;
+        font-weight: 500;
+        font-size: 0.75rem;
+        line-height: 1;
+        color: var(--color-field-inverse, darkslategray);
+        background-color: var(--color-surface-2, gainsboro);
+        border-radius: 100px;
+
+        /* Solo icons */
+        &:has(svg:only-child) {
+            padding: 0.35ch
         }
     }
 
@@ -127,8 +152,8 @@
         max-width: 100%;
         margin: calc(var(--spacing, 0.25rem) * 4) 0;
         padding: 0 calc(var(--spacing, 0.25rem) * 4);
-        color: var(--color-content-stark, oklch(16.6% 0.026 267));
-        border-inline-start: 0.25rem solid color-mix(in oklch, var(--color-content-stark, oklch(16.6% 0.026 267)) 25%, transparent);
+        color: var(--color-content-stark, darkslategray);
+        border-inline-start: 0.25rem solid color-mix(in oklch, var(--color-content-stark, darkslategray) 25%, transparent);
         border-inline-end: none;
 
         & * {
@@ -136,29 +161,33 @@
         }
     }
 
-    /* Inline code */
+    /* Code */
     :where(code):not(.unstyle) {
         display: inline-block;
         width: fit-content;
         height: fit-content;
-        padding: 0.1ch 0.5ch;
+        padding: 0 0.7ch;
         font-size: 82.5%;
+        line-height: 1.4;
         word-wrap: break-word;
-        color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09));
-        background-color: color-mix(in oklch, var(--color-content-neutral, oklch(48.26% 0.0365 255.09)) 10%, transparent);
-        border: 1px solid color-mix(in oklch, var(--color-content-subtle, oklch(67.4% 0.0318 251.27)) 10%, transparent);
-        border-radius: var(--radius, 0.5rem)
+        color: var(--color-content-neutral, gray);
+        background-color: color-mix(in oklch, var(--color-content-neutral, gray) 10%, transparent);
+        border: 1px solid color-mix(in oklch, var(--color-content-subtle, darkgray) 10%, transparent);
+        border-radius: var(--radius, 0.5rem);
+
+        &[role="button"] {
+            cursor: pointer
+        }
     }
 
     /* Captions */
     :where(figcaption):not(.unstyle),
     .caption {
         font-size: 0.8125rem;
-        color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09));
+        color: var(--color-content-neutral, gray);
 
-        & a {
-            font-weight: inherit;
-            color: inherit
+        & a:hover {
+            color: var(--color-content-stark, darkslategray)
         }
     }
 
@@ -171,7 +200,11 @@
     :where(small):not(.unstyle),
     .small {
         font-size: 0.875rem;
-        color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09))
+        color: var(--color-content-neutral, gray);
+
+        & a:hover {
+            color: var(--color-content-stark, darkslategray)
+        }
     }
 
     /* Icons */
@@ -198,8 +231,8 @@
         font-weight: 600;
         line-height: 1;
         text-align: center;
-        color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09));
-        background-color: color-mix(in oklch, var(--color-content-neutral, oklch(48.26% 0.0365 255.09)) 10%, transparent);
+        color: var(--color-content-neutral, gray);
+        background-color: color-mix(in oklch, var(--color-content-neutral, gray) 10%, transparent);
         border-radius: calc(var(--radius, 0.5rem) / 1.5);
 
         &:not(:last-of-type) {
@@ -229,43 +262,21 @@
         white-space: normal
     }
 
-    /* Badges */
-    :where(mark):not(.unstyle),
-    .badge {
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        gap: 0.25rem;
-        width: fit-content;
-        height: fit-content;
-        padding: var(--spacing, 0.25rem) calc(var(--spacing, 0.25rem) * 1.5);
-        font-weight: 500;
-        font-size: 0.75rem;
-        line-height: 1;
-        color: var(--color-field-inverse, oklch(16.6% 0.026 267));
-        background-color: var(--color-field-surface, oklch(91.79% 0.0029 264.26));
-        border-radius: 100px;
-
-        /* Solo icons */
-        &:has(svg:only-child) {
-            padding: var(--spacing, 0.25rem) calc(var(--spacing, 0.25rem) * 1);
-        }
-    }
-
     /* Lists */
-    :where(ol):not(nav ol):not(menu ol):not(.unstyle) {
+    :where(ol):not(.unstyle) {
         list-style-type: decimal;
     }
 
-    :where(ul):not(nav ul):not(menu ul):not(.unstyle) {
+    :where(ul):not(.unstyle) {
         list-style-type: disc;
     }
 
-    :where(ol):not(nav ol):not(menu ol):not(.unstyle),
-    :where(ul):not(nav ul):not(menu ul):not(.unstyle) {
+    :where(ol):not(.unstyle),
+    :where(ul):not(.unstyle) {
+        padding-inline-start: 1.75ch;
 
-        &:not(:has(input[type=checkbox])) {
-            padding-inline-start: 1.75ch;
+        &:has(input[type=checkbox]) {
+            padding-inline-start: 0
         }
 
         /* Offset items so markers align inside the element frame  */
@@ -305,6 +316,18 @@
         }
     }
 
+    :where(nav, menu):not(.unstyle) ul,
+    :where(nav, menu):not(.unstyle) ol {
+        list-style: none;
+        padding: 0;
+
+        & li,
+        li:not(:last-of-type) {
+            margin: 0;
+            padding: 0
+        }
+    }
+
     /* RTL list overrides */
     [dir=rtl] :where(ol):not(nav ol):not(menu ol):not(.unstyle),
     [dir=rtl] :where(ul):not(nav ul):not(menu ul):not(.unstyle) {
@@ -334,6 +357,38 @@
         }
     }
 
+    /* Pre code blocks */
+    :where(pre):not(.unstyle) {
+        display: flex;
+        flex-flow: row wrap;
+        font-size: 0.8125rem;
+        line-height: 1.7;
+        background-color: var(--color-page, white);
+        border: 1px solid var(--color-line, color-mix(darkslategray 10%, transparent));
+        border-radius: var(--radius, 0.5rem);
+        overflow: hidden;
+        tab-size: 4;
+        white-space: pre;
+        white-space-collapse: preserve;
+        overflow-x: auto;
+
+        & code {
+            flex-grow: 1;
+            display: inline-flex;
+            height: auto;
+            padding: calc(var(--spacing, 0.25rem) * 4);
+            font-size: inherit;
+            line-height: inherit;
+            background-color: transparent;
+            border: 0 none;
+            box-shadow: none
+        }
+
+        &:not(:has(code)) {
+            padding: calc(var(--spacing, 0.25rem) * 4)
+        }
+    }
+
     /* Spans */
     :where(span):not(.unstyle) {
         vertical-align: middle

package/lib/manifest.utilities.css

@@ -35,7 +35,7 @@
 
     /* Content width & horizontal centering */
     :where(.content) {
-        width: var(--spacing-content-width, 68.75rem);
+        width: var(--spacing-content-width, 74rem);
         max-width: 100%;
         margin-inline-start: auto;
         margin-inline-end: auto
@@ -46,20 +46,8 @@
         background-color: transparent;
 
         &:hover {
-            background-color: var(--color-field-surface, oklch(91.79% 0.0029 264.26))
+            background-color: var(--color-field-surface, color-mix(darkslategray 10%, transparent))
         }
-
-        /* &.brand:hover {
-            color: var(--color-brand-inverse, #763518)
-        }
-
-        &.accent:hover {
-            color: var(--color-accent-inverse, oklch(100% 0 0))
-        }
-
-        &.negative:hover {
-            color: var(--color-negative-inverse, white)
-        } */
     }
 
     /* Hug */
@@ -74,21 +62,21 @@
     :where(.outlined) {
         border-width: 1px;
         border-style: solid;
-        border-color: color-mix(in oklch, var(--color-field-surface, oklch(91.79% 0.0029 264.26)) 90%, var(--color-field-inverse, oklch(16.6% 0.026 267)))
+        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(darkslategray 10%, transparent)) 90%, var(--color-field-inverse, darkslategray))
     }
 
     /* Dark theme override */
     .dark :where(.outlined) {
-        border-color: color-mix(in oklch, var(--color-field-surface, oklch(91.79% 0.0029 264.26)) 80%, var(--color-field-inverse, oklch(16.6% 0.026 267)))
+        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(darkslategray 10%, transparent)) 80%, var(--color-field-inverse, darkslategray))
     }
 
     /* Transparent */
     :where(.transparent) {
-        color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09));
+        color: var(--color-content-neutral, gray);
         background-color: transparent !important;
 
         &:hover {
-            color: var(--color-content-stark, oklch(16.6% 0.026 267))
+            color: var(--color-content-stark, darkslategray)
         }
     }
 
@@ -135,10 +123,10 @@
         }
 
         /* Width and horizontal centering for content wrappers */
-        &>header nav,
-        &>footer nav,
+        &>header nav:not([popover]),
+        &>footer nav:not([popover]),
         &>main>section:not(.banner, .overlay-dark, .overlay-light) {
-            width: var(--spacing-content-width, 68.75rem);
+            width: var(--spacing-content-width, 74rem);
             max-width: 100%;
             margin-inline-start: auto;
             margin-inline-end: auto
@@ -221,7 +209,7 @@
 
     /* Prose styles for long-form content */
     :where(.prose, .prose details) {
-        width: 65ch;
+        width: 42rem;
         max-width: 100%;
 
         /* Asides inside a prose element are used as callouts */
@@ -229,9 +217,9 @@
             margin-top: calc(1rem * 1.4);
             padding: 1rem;
             border-radius: calc(var(--radius, 0.5rem) * 2);
-            color: var(--color-content-stark, oklch(16.6% 0.026 267));
-            background-color: color-mix(in oklch, var(--color-field-surface, oklch(91.79% 0.0029 264.26)) 20%, transparent);
-            border: 1px solid color-mix(in oklch, var(--color-field-surface, oklch(91.79% 0.0029 264.26)) 30%, transparent);
+            color: var(--color-content-stark, darkslategray);
+            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(darkslategray 10%, transparent)) 20%, transparent);
+            border: 1px solid color-mix(in oklch, var(--color-field-surface, color-mix(darkslategray 10%, transparent)) 30%, transparent);
 
             &:not(.frame) * {
                 color: inherit
@@ -292,18 +280,24 @@
             }
         }
 
+        &>h1 {
+            font-size: 2.25rem
+        }
+
         &>h1+p {
             margin-top: 0.625rem;
             font-size: 1.125rem;
-            color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09))
+            color: var(--color-content-neutral, gray)
         }
 
         &>h2 {
+            font-size: 1.75rem;
             margin-top: 1rem;
             margin-bottom: calc(1rem * 0.6667)
         }
 
         &>h3 {
+            font-size: 1.25rem;
             margin-top: calc(1rem * 2.4)
         }
 
@@ -373,59 +367,59 @@
     :where(.trailing) {
         display: inline-block;
         margin-inline-start: auto;
-        color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09))
+        color: var(--color-content-neutral, gray)
     }
 
     /* Brand colors */
     :where(.brand) {
-        --color-field-surface: var(--color-brand-surface, #f6c07b);
-        --color-field-surface-hover: var(--color-brand-surface-hover, #f19b46);
-        --color-field-inverse: var(--color-brand-inverse, #763518);
-        --color-content-stark: var(--color-brand-content, #de6618);
-        --color-content-neutral: color-mix(in oklch, var(--color-brand-content, #de6618) 85%, transparent);
-        --color-content-subtle: color-mix(in oklch, var(--color-brand-content, #de6618) 70%, transparent)
+        --color-field-surface: var(--color-brand-surface, goldenrod);
+        --color-field-surface-hover: var(--color-brand-surface-hover, darkgoldenrod);
+        --color-field-inverse: var(--color-brand-inverse, white);
+        --color-content-stark: var(--color-brand-content, goldenrod);
+        --color-content-neutral: color-mix(in oklch, var(--color-brand-content, goldenrod) 85%, transparent);
+        --color-content-subtle: color-mix(in oklch, var(--color-brand-content, goldenrod) 70%, transparent)
     }
 
     /* Accent colors */
     :where(.accent) {
-        --color-field-surface: var(--color-accent-surface, oklch(16.6% 0.026 267));
-        --color-field-surface-hover: var(--color-accent-surface-hover, oklch(28.7% 0.030787 270.1));
-        --color-field-inverse: var(--color-accent-inverse, oklch(100% 0 0));
-        --color-content-stark: var(--color-accent-content, oklch(16.6% 0.026 267));
-        --color-content-neutral: color-mix(in oklch, var(--color-accent-content, oklch(16.6% 0.026 267)) 85%, transparent);
-        --color-content-subtle: color-mix(in oklch, var(--color-accent-content, oklch(16.6% 0.026 267)) 70%, transparent)
+        --color-field-surface: var(--color-accent-surface, darkslategray);
+        --color-field-surface-hover: var(--color-accent-surface-hover, color-mix(darkslategray 90%, white));
+        --color-field-inverse: var(--color-accent-inverse, white);
+        --color-content-stark: var(--color-accent-content, darkslategray);
+        --color-content-neutral: color-mix(in oklch, var(--color-accent-content, darkslategray) 85%, transparent);
+        --color-content-subtle: color-mix(in oklch, var(--color-accent-content, darkslategray) 70%, transparent)
     }
 
     /* Negative colors */
     :where(.negative) {
-        --color-field-surface: var(--color-negative-surface, #ef4444);
-        --color-field-surface-hover: var(--color-negative-surface-hover, #dc2626);
-        --color-field-inverse: var(--color-negative-inverse, white);
-        --color-content-stark: var(--color-negative-content, #ef4444);
-        --color-content-neutral: color-mix(in oklch, var(--color-negative-content, #ef4444) 85%, transparent);
-        --color-content-subtle: color-mix(in oklch, var(--color-negative-content, #ef4444) 70%, transparent)
+        --color-field-surface: var(--color-negative-surface, salmon);
+        --color-field-surface-hover: var(--color-negative-surface-hover, lightcoral);
+        --color-field-inverse: var(--color-negative-inverse, maroon);
+        --color-content-stark: var(--color-negative-content, crimson);
+        --color-content-neutral: color-mix(in oklch, var(--color-negative-content, crimson) 85%, transparent);
+        --color-content-subtle: color-mix(in oklch, var(--color-negative-content, crimson) 70%, transparent)
     }
 
     /* Positive colors */
     :where(.positive) {
-        --color-field-surface: var(--color-positive-surface, #16a34a);
-        --color-field-surface-hover: var(--color-positive-surface-hover, #166534);
-        --color-field-inverse: var(--color-positive-inverse, white);
-        --color-content-stark: var(--color-positive-content, #16a34a);
-        --color-content-neutral: color-mix(in oklch, var(--color-positive-content, #16a34a) 85%, transparent);
-        --color-content-subtle: color-mix(in oklch, var(--color-positive-content, #16a34a) 70%, transparent)
+        --color-field-surface: var(--color-positive-surface, palegreen);
+        --color-field-surface-hover: var(--color-positive-surface-hover, lightgreen);
+        --color-field-inverse: var(--color-positive-inverse, darkgreen);
+        --color-content-stark: var(--color-positive-content, limegreen);
+        --color-content-neutral: color-mix(in oklch, var(--color-positive-content, limegreen) 85%, transparent);
+        --color-content-subtle: color-mix(in oklch, var(--color-positive-content, limegreen) 70%, transparent)
     }
 
     /* Text colors */
     :where(.stark) {
-        color: var(--color-content-stark, oklch(16.6% 0.026 267))
+        color: var(--color-content-stark, darkslategray)
     }
 
     :where(.neutral) {
-        color: var(--color-content-neutral, oklch(48.26% 0.0365 255.09))
+        color: var(--color-content-neutral, gray)
     }
 
     :where(.subtle) {
-        color: var(--color-content-subtle, oklch(67.4% 0.0318 251.27))
+        color: var(--color-content-subtle, darkgray)
     }
 }

package/lib/manifest.utilities.js

@@ -2399,7 +2399,6 @@ TailwindCompiler.prototype.generateUtilitiesFromVars = function (cssText, usedDa
                 let selector = `.${escapeClassName(variantClass)}`;
                 let hasMediaQuery = false;
                 let mediaQueryRule = '';
-                let nestedSelector = null; // For variants that end with & (CSS nesting)
 
                 for (const variant of parsed.variants) {
                     if (variant.isArbitrary) {
@@ -2417,18 +2416,10 @@ TailwindCompiler.prototype.generateUtilitiesFromVars = function (cssText, usedDa
                             selector = { baseClass: selector, arbitrarySelector };
                         }
                     } else if (variant.selector.includes('&')) {
-                        // Check if selector ends with & (indicates CSS nesting)
-                        if (variant.selector.trim().endsWith('&')) {
-                            // This is a nested selector - move & to the beginning for CSS nesting
-                            const selectorWithoutAmpersand = variant.selector.trim().slice(0, -1).trim();
-                            const nestedSelectorText = `&${selectorWithoutAmpersand}`;
-                            nestedSelector = nestedSelector ? `${nestedSelector} ${nestedSelectorText}` : nestedSelectorText;
-                        } else {
-                            // Handle variants like .dark &, .light &, .group &, etc.
-                            // Replace & with the actual selector
-                            const replacedSelector = variant.selector.replace(/&/g, selector);
-                            selector = replacedSelector;
-                        }
+                        // Substitute & with the current selector. This produces flat CSS that
+                        // works for both ancestor patterns (`.dark &` → `.dark .X`) and
+                        // self-extending patterns (`& > p` → `.X > p`).
+                        selector = variant.selector.replace(/&/g, selector);
                     } else if (variant.selector.startsWith(':')) {
                         // For pseudo-classes, append to selector
                         selector = `${selector}${variant.selector}`;
@@ -2444,9 +2435,6 @@ TailwindCompiler.prototype.generateUtilitiesFromVars = function (cssText, usedDa
                 if (typeof selector === 'object' && selector.arbitrarySelector) {
                     // Handle arbitrary selectors with nested CSS (for non-& selectors)
                     rule = `${selector.baseClass} {\n    ${selector.arbitrarySelector} {\n        ${cssContent}\n    }\n}`;
-                } else if (nestedSelector) {
-                    // Handle nested selectors (variants ending with &)
-                    rule = `${selector} {\n    ${nestedSelector} {\n        ${cssContent}\n    }\n}`;
                 } else {
                     // Regular selector
                     rule = `${selector} { ${cssContent} }`;
@@ -2719,7 +2707,7 @@ TailwindCompiler.prototype.generateCustomUtilities = function (usedData) {
                 let selector = `.${escapeClassName(variantClass)}`;
                 let hasMediaQuery = false;
                 let mediaQueryRule = '';
-                let nestedSelector = null; // For variants that end with & (CSS nesting)
+                let nestedSelector = null;
 
                 for (const variant of parsed.variants) {
                     if (variant.isArbitrary) {
@@ -2737,18 +2725,10 @@ TailwindCompiler.prototype.generateCustomUtilities = function (usedData) {
                             selector = { baseClass: selector, arbitrarySelector };
                         }
                     } else if (variant.selector.includes('&')) {
-                        // Check if selector ends with & (indicates CSS nesting)
-                        if (variant.selector.trim().endsWith('&')) {
-                            // This is a nested selector - move & to the beginning for CSS nesting
-                            const selectorWithoutAmpersand = variant.selector.trim().slice(0, -1).trim();
-                            const nestedSelectorText = `&${selectorWithoutAmpersand}`;
-                            nestedSelector = nestedSelector ? `${nestedSelector} ${nestedSelectorText}` : nestedSelectorText;
-                        } else {
-                            // Handle variants like .dark &, .light &, .group &, etc.
-                            // Replace & with the actual selector
-                            const replacedSelector = variant.selector.replace(/&/g, selector);
-                            selector = replacedSelector;
-                        }
+                        // Substitute & with the current selector. This produces flat CSS that
+                        // works for both ancestor patterns (`.dark &` → `.dark .X`) and
+                        // self-extending patterns (`& > p` → `.X > p`).
+                        selector = variant.selector.replace(/&/g, selector);
                     } else if (variant.selector.startsWith(':')) {
                         // For pseudo-classes, append to selector
                         selector = `${selector}${variant.selector}`;

package/package.json

@@ -1,13 +1,12 @@
 {
     "name": "mnfst",
-    "version": "0.5.80",
+    "version": "0.5.82",
     "private": false,
     "workspaces": [
         "templates/starter",
         "packages/render",
         "packages/types",
-        "packages/test",
-        "packages/export"
+        "packages/test"
     ],
     "main": "lib/manifest.js",
     "style": "lib/manifest.css",
@@ -24,18 +23,16 @@
         "start:docs": "node packages/run/serve.mjs docs",
         "start:starter": "node packages/run/serve.mjs templates/starter --port 3001",
         "start:dist": "node packages/run/serve.mjs src/test-prerender --port 5003",
-        "prerender": "node src/scripts/manifest.render.mjs --root src",
+        "render": "node src/scripts/manifest.render.mjs --root src",
         "prerender:docs": "node src/scripts/manifest.render.mjs --root docs",
         "prerender:starter": "node src/scripts/manifest.render.mjs --root templates/starter",
-        "render": "node src/scripts/manifest.render.mjs --root src",
         "release": "npm version patch --no-git-tag-version && npm publish",
         "release:run": "cd packages/run && npm version patch --no-git-tag-version && npm publish --auth-type=web",
         "release:render": "cd packages/render && npm version patch --no-git-tag-version && npm publish --auth-type=web",
         "release:types": "cd packages/types && npm version patch --no-git-tag-version && npm publish --auth-type=web",
         "release:test": "cd packages/test && npm version patch --no-git-tag-version && npm publish --auth-type=web",
-        "release:export": "cd packages/export && npm version patch --no-git-tag-version && npm publish --auth-type=web",
         "release:starter": "cd packages/create-starter && npm version patch --no-git-tag-version && npm publish --auth-type=web",
-        "release:all": "npm run release:run && npm run release:render && npm run release:types && npm run release:test && npm run release:export && npm run release:starter && npm run release",
+        "release:all": "npm run release:run && npm run release:render && npm run release:types && npm run release:test && npm run release:starter && npm run release",
         "prepublishOnly": "npm run build",
         "test": "vitest run",
         "lint": "echo 'No linting configured'"