mnfst 0.5.188 → 0.5.190

package/lib/manifest.range.css

@@ -1,5 +1,7 @@
 /* Manifest Range */
 
+@layer base, components, utilities;
+
 @layer components {
 
     input[type=range]:not(.unstyle) {
@@ -10,14 +12,14 @@
 
         &::-webkit-slider-runnable-track {
             height: calc(var(--spacing, 0.25rem) * 2);
-            background-color: var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent));
+            background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
             border-radius: var(--radius, 0.5rem);
             cursor: pointer;
             transition: var(--transition, all .05s ease-in-out)
         }
 
         &:hover::-webkit-slider-runnable-track {
-            background-color: var(--color-field-surface-hover, color-mix(oklch(20.5% 0 0) 15%, transparent));
+            background-color: var(--color-field-surface-hover, color-mix(in oklch, oklch(20.5% 0 0) 15%, transparent));
         }
 
         &::-webkit-slider-thumb {
@@ -27,7 +29,7 @@
             width: calc(var(--spacing-field-height, 2.25rem) * 0.5);
             height: calc(var(--spacing-field-height, 2.25rem) * 0.5);
             transform: translateY(-50%);
-            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 60%, var(--color-field-inverse, oklch(43.9% 0 0)));
+            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 60%, var(--color-field-inverse, oklch(43.9% 0 0)));
             border-radius: 200px;
             box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
             cursor: pointer;
@@ -35,7 +37,7 @@
         }
 
         &::-webkit-slider-thumb:hover {
-            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 30%, var(--color-field-inverse, oklch(43.9% 0 0)));
+            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 30%, var(--color-field-inverse, oklch(43.9% 0 0)));
         }
     }
 

package/lib/manifest.resize.css

@@ -1,5 +1,7 @@
 /* Manifest Resize Handles */
 
+@layer base, components, utilities;
+
 @layer utilities {
 
     :where([x-resize]) {
@@ -32,7 +34,7 @@
 
             &:hover::before,
             &:active::before {
-                background-color: var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent));
+                background-color: var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
             }
         }
 

package/lib/manifest.resize.js

@@ -1,5 +1,8 @@
 /* Manifest Resizer */
 
+(function () {
+
+
 function initializeResizablePlugin() {
     // Cache for unit conversions to avoid repeated DOM manipulation
     const unitCache = new Map();
@@ -480,4 +483,6 @@ if (window.Alpine && typeof window.Alpine.directive === 'function') {
         }
     }, 10);
     setTimeout(() => clearInterval(checkAlpine), 5000);
-}
+}
+
+})();

package/lib/manifest.router.js

@@ -1,3 +1,7 @@
+/* manifest.router.js — built from scripts/router/ */
+
+(function () {
+
 /* Manifest Router */
 
 // Main routing initialization
@@ -1565,3 +1569,6 @@ if (typeof Alpine !== 'undefined' && window.ManifestRoutingNavigation && window.
 window.ManifestRoutingMagic = {
     initialize: initializeRouterMagic
 };
+
+
+})();

package/lib/manifest.schema.json

@@ -269,6 +269,35 @@
                 ]
             }
         },
+        "payments": {
+            "type": "object",
+            "description": "Payments plugin config. Presence of this block auto-loads the payments plugin ($pay / x-pay).",
+            "properties": {
+                "provider": {
+                    "type": "string",
+                    "description": "Payment adapter name (built-in or registered)."
+                },
+                "endpoint": {
+                    "type": "string",
+                    "description": "Backend endpoint for checkout/portal/state calls. Supports env() references."
+                }
+            },
+            "additionalProperties": true
+        },
+        "ai": {
+            "description": "Chat plugin config. Presence (object or bare true) auto-loads the chat plugin ($chat). Custom-adapter projects can use true with no config.",
+            "oneOf": [
+                { "type": "boolean" },
+                { "type": "object", "additionalProperties": true }
+            ]
+        },
+        "chat": {
+            "description": "Alias of ai — presence auto-loads the chat plugin ($chat).",
+            "oneOf": [
+                { "type": "boolean" },
+                { "type": "object", "additionalProperties": true }
+            ]
+        },
         "render": {
             "type": "object",
             "description": "Static rendering configuration consumed by mnfst-render.",

package/lib/manifest.sidebar.css

@@ -1,5 +1,7 @@
 /* Manifest Sidebars */
 
+@layer base, components, utilities;
+
 [popover]:not(.unstyle):not(:popover-open) {
     display: none;
 }

package/lib/manifest.slides.css

@@ -1,5 +1,7 @@
 /* Manifest Slides */
 
+@layer base, components, utilities;
+
 @layer components {
 
     [x-carousel] {

package/lib/manifest.status.js

@@ -1,3 +1,7 @@
+/* manifest.status.js — built from scripts/status/ */
+
+(function () {
+
 /*  Manifest Status — config
 /*  By Andrew Matlock under MIT license
 /*  https://manifestx.dev
@@ -642,3 +646,6 @@
         setTimeout(() => clearInterval(checkAlpine), 5000);
     }
 })();
+
+
+})();

package/lib/manifest.svg.js

@@ -1,5 +1,8 @@
 /* Manifest SVG */
 
+(function () {
+
+
 const svgCache = new Map();
 
 // Shared DOMPurify loader for the .safe modifier (user-supplied SVG can carry
@@ -292,3 +295,6 @@ document.addEventListener('alpine:init', ensureSvgPluginInitialized);
 if (window.Alpine && typeof window.Alpine.directive === 'function') {
     ensureSvgPluginInitialized();
 }
+
+
+})();

package/lib/manifest.switch.css

@@ -1,5 +1,7 @@
 /* Manifest Switches */
 
+@layer base, components, utilities;
+
 @layer components {
 
     :where(input[role=switch]):not(.unstyle) {
@@ -21,14 +23,14 @@
             width: calc(var(--spacing-field-height, 2.25rem) * 0.65 - 0.125rem * 2);
             height: calc(var(--spacing-field-height, 2.25rem) * 0.65 - 0.125rem * 2);
             border-radius: 50%;
-            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 60%, var(--color-field-inverse, oklch(43.9% 0 0)));
+            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 60%, var(--color-field-inverse, oklch(43.9% 0 0)));
             box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
             transition: var(--transition, all .05s ease-in-out)
         }
 
         /* Checked */
         &:checked {
-            background-color: var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent));
+            background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
 
             /* Marker */
             &::before {
@@ -37,7 +39,7 @@
             }
 
             &:hover {
-                background-color: var(--color-field-surface-hover, color-mix(oklch(20.5% 0 0) 15%, transparent))
+                background-color: var(--color-field-surface-hover, color-mix(in oklch, oklch(20.5% 0 0) 15%, transparent))
             }
         }
     }

package/lib/manifest.table.css

@@ -1,5 +1,7 @@
 /* Manifest Tables */
 
+@layer base, components, utilities;
+
 @layer components {
 
     :where(.grid-table):not(.unstyle) {
@@ -23,7 +25,7 @@
         /* Header row */
         :where(thead, .grid-header > *) {
             background-color: var(--color-surface-1, oklch(97% 0 0));
-            border-bottom: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent))
+            border-bottom: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent))
         }
 
         /* Header cell */
@@ -33,7 +35,7 @@
 
         /* Row */
         :where(tr, .grid-row > *) {
-            border-bottom: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent))
+            border-bottom: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent))
         }
 
         /* Cell */

package/lib/manifest.tabs.js

@@ -1,5 +1,8 @@
 /* Manifest Tabs */
 
+(function () {
+
+
 // Simple tabs plugin that acts as a proxy for Alpine's native functionality
 function initializeTabsPlugin() {
     // Process all tab elements
@@ -364,4 +367,6 @@ function ensureTabsPluginInitialized() {
 window.ensureTabsPluginInitialized = ensureTabsPluginInitialized;
 
 // Initialize immediately (tabs doesn't require Alpine)
-ensureTabsPluginInitialized();
+ensureTabsPluginInitialized();
+
+})();

package/lib/manifest.theme.css

@@ -4,6 +4,8 @@
 /*  Modify values to customize your project theme
 */
 
+@layer base, components, utilities;
+
 :root,
 ::selection {
 
@@ -38,7 +40,7 @@
     --color-negative-content: var(--color-red-600);
 
     /* Fonts */
-    --font-sans: Manrope, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --font-sans: Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 
     /* Sizes */
     --radius: 0.5rem;
@@ -114,7 +116,7 @@
 
     /* Text selection */
     ::selection {
-        background-color: color-mix(currentColor 25%, transparent)
+        background-color: color-mix(in oklch, currentColor 25%, transparent)
     }
 
     /* Focus state */

package/lib/manifest.toast.css

@@ -1,5 +1,7 @@
 /* ManifestToasts */
 
+@layer base, components, utilities;
+
 @layer utilities {
 
     :where(.toast-container) {
@@ -22,7 +24,7 @@
         pointer-events: auto;
         max-width: 90vw;
         background-color: var(--color-popover-surface, oklch(98.5% 0 0));
-        border: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent));
+        border: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
         border-radius: calc(var(--radius, 0.5rem) * 2);
         box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
         overflow: hidden;
@@ -75,7 +77,7 @@
     /* Brand, accent, positive, negative utility class overrides (see Utilities) */
     :where(.toast.brand, .toast.accent, .toast.positive, .toast.negative) {
         color: var(--color-field-inverse, oklch(43.9% 0 0));
-        background-color: var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent));
+        background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
 
         :where(.toast-dismiss-button) {
             border-inline-start: 1px solid color-mix(in oklch, var(--color-field-inverse, oklch(43.9% 0 0)) 20%, transparent);

package/lib/manifest.toasts.js

@@ -1,5 +1,8 @@
 /* Manifest Toasts */
 
+(function () {
+
+
 const TOAST_DURATION = 3000; // Default duration in ms
 
 function initializeToastPlugin() {
@@ -289,4 +292,6 @@ if (window.Alpine && typeof window.Alpine.directive === 'function') {
         }
     }, 10);
     setTimeout(() => clearInterval(checkAlpine), 5000);
-} 
+} 
+
+})();

package/lib/manifest.tooltip.css

@@ -1,5 +1,7 @@
 /* Manifest Tooltips */
 
+@layer base, components, utilities;
+
 [popover]:not(.unstyle):not(:popover-open) {
     display: none;
 }

package/lib/manifest.tooltips.js

@@ -1,5 +1,8 @@
 /* Manifest Tooltips */
 
+(function () {
+
+
 // Hover delay from CSS var (with time-unit parsing). Defaults to 500ms.
 function getTooltipHoverDelay(element) {
     let computedStyle = getComputedStyle(element);
@@ -361,3 +364,6 @@ if (window.Alpine && typeof window.Alpine.directive === 'function') {
     }, 50);
     setTimeout(() => clearInterval(checkAlpine), 5000);
 }
+
+
+})();

package/lib/manifest.typography.css

@@ -1,5 +1,7 @@
 /* Manifest Typography */
 
+@layer base, components, utilities;
+
 @layer base {
 
     /* All text elements */
@@ -117,7 +119,7 @@
     /* Asides */
     :where(aside):not(.unstyle) {
         padding: calc(var(--spacing, 0.25rem) * 4);
-        border: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent));
+        border: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
         border-radius: var(--radius, 0.5rem)
     }
 
@@ -134,7 +136,7 @@
         font-size: 0.75rem;
         line-height: 1;
         color: var(--color-field-inverse, oklch(43.9% 0 0));
-        background-color: var(--color-field-surface, color-mix(oklch(97% 0 0) 10%, transparent));
+        background-color: var(--color-field-surface, color-mix(in oklch, oklch(97% 0 0) 10%, transparent));
         border-radius: 100px;
 
         /* Solo icons */
@@ -377,7 +379,7 @@
         font-size: 0.8125rem;
         line-height: 1.7;
         background-color: var(--color-page, oklch(98.5% 0 0));
-        border: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent));
+        border: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
         border-radius: var(--radius, 0.5rem);
         overflow: hidden;
         tab-size: 4;

package/lib/manifest.url.parameters.js

@@ -1,5 +1,8 @@
 /* Manifest URL Parameters */
 
+(function () {
+
+
 function initializeUrlParametersPlugin() {
     const DEBOUNCE_DELAY = 300;
 
@@ -191,3 +194,6 @@ if (window.Alpine && typeof window.Alpine.directive === 'function') {
     }, 10);
     setTimeout(() => clearInterval(checkAlpine), 5000);
 }
+
+
+})();

package/lib/manifest.utilities.css

@@ -1,5 +1,7 @@
 /* Manifest Utilities */
 
+@layer base, components, utilities;
+
 @layer utilities {
 
     /* Center in flex parent */
@@ -63,12 +65,12 @@
     :where(.outlined) {
         border-width: 1px;
         border-style: solid;
-        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 90%, var(--color-field-inverse, oklch(43.9% 0 0)))
+        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 90%, var(--color-field-inverse, oklch(43.9% 0 0)))
     }
 
     /* Dark theme override */
     .dark :where(.outlined) {
-        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 80%, var(--color-field-inverse, oklch(43.9% 0 0)))
+        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 80%, var(--color-field-inverse, oklch(43.9% 0 0)))
     }
 
     /* Transparent */
@@ -226,8 +228,8 @@
             padding: calc(var(--spacing, 0.25rem) * 4);
             border-radius: calc(var(--radius, 0.5rem) * 2);
             color: var(--color-content-stark, oklch(43.9% 0 0));
-            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 20%, transparent);
-            border: 1px solid color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 15%, transparent);
+            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 20%, transparent);
+            border: 1px solid color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 15%, transparent);
 
             /* Auto format asides with icons */
             &:has([x-icon]):not([x-code-group] aside, aside.frame) {
@@ -398,7 +400,7 @@
     /* Accent colors */
     :where(.accent) {
         --color-field-surface: var(--color-accent-surface, oklch(43.9% 0 0));
-        --color-field-surface-hover: var(--color-accent-surface-hover, color-mix(oklch(20.5% 0 0) 90%, oklch(98.5% 0 0)));
+        --color-field-surface-hover: var(--color-accent-surface-hover, color-mix(in oklch, oklch(20.5% 0 0) 90%, oklch(98.5% 0 0)));
         --color-field-inverse: var(--color-accent-inverse, oklch(98.5% 0 0));
         --color-content-stark: var(--color-accent-content, oklch(43.9% 0 0));
         --color-content-neutral: color-mix(in oklch, var(--color-accent-content, oklch(43.9% 0 0)) 85%, transparent);

package/lib/manifest.utilities.js

@@ -1,3 +1,7 @@
+/* manifest.utilities.js — built from scripts/utilities/ */
+
+(function () {
+
 // Utility generators
 // Functions that generate CSS utilities from CSS variable suffixes
 
@@ -3132,7 +3136,14 @@ TailwindCompiler.prototype.filterCriticalUtilities = function(criticalText, laye
 
 // Main compilation method
 TailwindCompiler.prototype.compile = async function () {
-    if (this.usesStaticPrerenderUtilities) return;
+    if (this.usesStaticPrerenderUtilities) {
+        // Static utilities shipped with the page — nothing to compile.
+        if (!window.__manifestUtilitiesReady) {
+            window.__manifestUtilitiesReady = true;
+            window.dispatchEvent(new CustomEvent('manifest:utilities-ready'));
+        }
+        return;
+    }
 
     const compileStart = performance.now();
 
@@ -3312,6 +3323,11 @@ TailwindCompiler.prototype.compile = async function () {
         console.error('[Manifest Utilities] Error compiling Tailwind CSS:', error);
     } finally {
         this.isCompiling = false;
+        // First-compile settle signal for the manifest:ready coordinator.
+        if (!window.__manifestUtilitiesReady) {
+            window.__manifestUtilitiesReady = true;
+            window.dispatchEvent(new CustomEvent('manifest:utilities-ready'));
+        }
     }
 };
 
@@ -3637,3 +3653,6 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 });
 
+
+
+})();

package/lib/manifest.virtual.js

@@ -8,6 +8,9 @@
  * Column widths must be content-independent or columns shift as the window changes.
  */
 
+
+(function () {
+
 function initializeVirtualPlugin() {
 
     Alpine.directive('virtual', (el, { expression }, { evaluate, evaluateLater, effect, cleanup }) => {
@@ -523,3 +526,6 @@ if (window.Alpine && typeof window.Alpine.directive === 'function') {
     }, 10);
     setTimeout(() => clearInterval(checkAlpine), 5000);
 }
+
+
+})();

package/package.json

@@ -1,13 +1,16 @@
 {
     "name": "mnfst",
-    "version": "0.5.188",
+    "version": "0.5.190",
     "private": false,
     "workspaces": [
         "templates/starter",
         "packages/render",
         "packages/types",
         "packages/test",
-        "packages/export"
+        "packages/export",
+        "packages/run",
+        "packages/publish",
+        "packages/create-starter"
     ],
     "main": "lib/manifest.js",
     "style": "lib/manifest.css",
@@ -19,13 +22,10 @@
     "scripts": {
         "clean": "rimraf src/styles/manifest.css src/styles/manifest.min.css src/styles/manifest.theme.css src/styles/manifest.code.css src/styles/manifest.code.min.css lib",
         "build": "cd src && node scripts/build.mjs",
-        "build:docs": "echo 'Docs is a static website - no build needed'",
         "start:src": "node packages/run/serve.mjs src",
-        "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",
         "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",
         "release": "node scripts/release-bump.mjs . && npm publish && node scripts/cdn-warm.mjs --detach",
         "release:run": "node scripts/release-bump.mjs packages/run && cd packages/run && npm publish --auth-type=web",