mnfst 0.5.192 → 0.5.194

package/lib/manifest.datepicker.css

@@ -2,6 +2,31 @@
 
 @layer base, components, utilities;
 
+/* mnfst:popover-base:start — self-contained so this stylesheet works on
+   its own; the build strips it from manifest.css. Edit styles/snippets/manifest.popover.css. */
+[popover]:not(.unstyle):not(:popover-open) {
+    display: none;
+}
+
+@layer base {
+
+    @keyframes mnfst-popover-in {
+        from {
+            transform: scale(.9)
+        }
+
+        to {
+            transform: none
+        }
+    }
+
+    :where([popover]):not(.unstyle):popover-open {
+        display: flex;
+        animation: mnfst-popover-in .15s ease-in both
+    }
+}
+/* mnfst:popover-base:end */
+
 @layer utilities {
 
     /* Picker container only (not trigger input/button) */
@@ -355,11 +380,13 @@
                     }
 
                     &::before {
-                        content: "⌄";
-                        height: calc(var(--spacing-field-height, 2.25rem) * 0.5);
-                        transform: scaleY(0.7);
-                        font-size: 20px;
-                        line-height: 0.4
+                        content: "";
+                        width: 1rem;
+                        height: 1rem;
+                        background-color: currentColor;
+                        mask-repeat: no-repeat;
+                        mask-size: 100% 100%;
+                        mask-image: var(--icon-chevron-down, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"))
                     }
                 }
             }

package/lib/manifest.dialog.css

@@ -2,6 +2,8 @@
 
 @layer base, components, utilities;
 
+/* mnfst:popover-base:start — self-contained so this stylesheet works on
+   its own; the build strips it from manifest.css. Edit styles/snippets/manifest.popover.css. */
 [popover]:not(.unstyle):not(:popover-open) {
     display: none;
 }
@@ -10,19 +12,22 @@
 
     @keyframes mnfst-popover-in {
         from {
-            transform: scale(.9);
+            transform: scale(.9)
         }
 
         to {
-            transform: none;
+            transform: none
         }
     }
 
     :where([popover]):not(.unstyle):popover-open {
         display: flex;
-        animation: mnfst-popover-in .15s ease-in both;
+        animation: mnfst-popover-in .15s ease-in both
     }
 }
+/* mnfst:popover-base:end */
+
+
 
 @layer components {
 
@@ -40,7 +45,7 @@
         background-color: var(--color-popover-surface, oklch(98.5% 0 0));
         border: 0 none;
         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);
+        box-shadow: var(--shadow-lg, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1));
 
         &::backdrop {
             background-color: rgba(0, 0, 0, 0.2);

package/lib/manifest.dropdown.css

@@ -2,13 +2,15 @@
 
 @layer base, components, utilities;
 
+/* mnfst:popover-base:start — self-contained so this stylesheet works on
+   its own; the build strips it from manifest.css. Edit styles/snippets/manifest.popover.css. */
 [popover]:not(.unstyle):not(:popover-open) {
     display: none;
 }
 
 @layer base {
 
-    @keyframes popover-in {
+    @keyframes mnfst-popover-in {
         from {
             transform: scale(.9)
         }
@@ -20,9 +22,12 @@
 
     :where([popover]):not(.unstyle):popover-open {
         display: flex;
-        animation: popover-in .15s ease-in both
+        animation: mnfst-popover-in .15s ease-in both
     }
 }
+/* mnfst:popover-base:end */
+
+
 
 @layer components {
 
@@ -164,124 +169,136 @@
         margin: 0 var(--spacing-popover-offset, 0.5rem)
     }
 
-    /* Center alignment */
+    /* Center alignment (dropdown-only; tooltips have no .center) */
     :where(menu.center) {
         position-area: center
     }
+}
 
-    /* Top alignment */
+/* Directional alignment lives in styles/snippets/manifest.alignment.css */
+
+@layer utilities {
+
+    /* Touchscreen version — outranks the shared alignment table on specificity */
+    @media (pointer: coarse) {
+        menu[popover]:not(.unstyle) {
+            position: fixed;
+            position-area: none;
+            top: auto;
+            left: 1rem;
+            bottom: 1rem;
+            width: calc(100% - 2rem);
+            margin: 0;
+
+            /* Leading icons */
+            & :where(li, a, button, label) [x-icon]:first-child:not(:only-child) {
+                margin-inline-end: 0.8125rem
+            }
+        }
+    }
+}
+/* Anchored popover alignment — single source shared by dropdowns and tooltips.
+   The build appends this to standalone copies and adds it once to the bundle.
+   Zero specificity throughout, so the coarse-pointer sheet and author rules
+   still win. Dropdown-only variants (.center) stay in manifest.dropdown.css. */
 
-    :where(menu.top) {
+@layer base, components, utilities;
+
+@layer utilities {
+
+    /* Top alignment */
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).top) {
         position-area: top;
         margin: var(--spacing-popover-offset, 0.5rem) 0
     }
 
     /* Bottom alignment */
-    :where(menu.bottom) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).bottom) {
         position-area: bottom;
         margin: var(--spacing-popover-offset, 0.5rem) 0
     }
 
     /* Start alignment */
-    :where(menu.start) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).start) {
         position-area: center start;
         margin: 0 var(--spacing-popover-offset, 0.5rem)
     }
 
     /* End alignment */
-    :where(menu.end) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).end) {
         position-area: center end;
         margin: 0 var(--spacing-popover-offset, 0.5rem)
     }
 
     /* Top start alignment */
-    :where(menu.top-start) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).top-start) {
         position-area: start span-end;
         margin: var(--spacing-popover-offset, 0.5rem) 0
     }
 
     /* Top end alignment */
-    :where(menu.top-end) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).top-end) {
         position-area: start span-start;
         margin: var(--spacing-popover-offset, 0.5rem) 0
     }
 
     /* Bottom start alignment */
-    :where(menu.bottom-start) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).bottom-start) {
         position-area: end span-end;
         margin: var(--spacing-popover-offset, 0.5rem) 0
     }
 
     /* Bottom end alignment */
-    :where(menu.bottom-end) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).bottom-end) {
         position-area: end span-start;
         margin: var(--spacing-popover-offset, 0.5rem) 0
     }
 
     /* Start top alignment */
-    :where(menu.start-top) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).start-top) {
         position-area: span-end start;
         margin: 0 var(--spacing-popover-offset, 0.5rem)
     }
 
     /* Start bottom alignment */
-    :where(menu.start-bottom) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).start-bottom) {
         position-area: span-start start;
         margin: 0 var(--spacing-popover-offset, 0.5rem)
     }
 
-
     /* End top alignment */
-    :where(menu.end-top) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).end-top) {
         position-area: span-end end;
         margin: 0 var(--spacing-popover-offset, 0.5rem)
     }
 
     /* End bottom alignment */
-    :where(menu.end-bottom) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).end-bottom) {
         position-area: span-start end;
         margin: 0 var(--spacing-popover-offset, 0.5rem)
     }
 
     /* Top start corner alignment */
-    :where(menu.top-start-corner, menu.start-top-corner) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip):is(.top-start-corner, .start-top-corner)) {
         position-area: start start;
         margin: var(--spacing-popover-offset, 0.5rem)
     }
 
     /* Top end corner alignment */
-    :where(menu.top-end-corner, menu.end-top-corner) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip):is(.top-end-corner, .end-top-corner)) {
         position-area: start end;
         margin: var(--spacing-popover-offset, 0.5rem)
     }
 
     /* Bottom start corner alignment */
-    :where(menu.bottom-start-corner, menu.start-bottom-corner) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip):is(.bottom-start-corner, .start-bottom-corner)) {
         position-area: end start;
         margin: var(--spacing-popover-offset, 0.5rem)
     }
 
     /* Bottom end corner alignment */
-    :where(menu.bottom-end-corner, menu.end-bottom-corner) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip):is(.bottom-end-corner, .end-bottom-corner)) {
         position-area: end end;
         margin: var(--spacing-popover-offset, 0.5rem)
     }
-
-    /* Touchscreen version */
-    @media (pointer: coarse) {
-        menu[popover]:not(.unstyle) {
-            position: fixed;
-            position-area: none;
-            top: auto;
-            left: 1rem;
-            bottom: 1rem;
-            width: calc(100% - 2rem);
-            margin: 0;
-
-            /* Leading icons */
-            & :where(li, a, button, label) [x-icon]:first-child:not(:only-child) {
-                margin-inline-end: 0.8125rem
-            }
-        }
-    }
-}
+}

package/lib/manifest.form.css

@@ -86,7 +86,7 @@
             &>:is(.selected, [aria-selected=true], [aria-current]) {
                 color: var(--color-field-inverse, oklch(20.5% 0 0));
                 background-color: var(--color-field-surface, oklch(87% 0 0));
-                box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)
+                box-shadow: var(--shadow-sm, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))
             }
 
             /* Background slider for selected tab) */
@@ -111,7 +111,7 @@
                     height: anchor-size(height);
                     background-color: var(--color-page, oklch(98.5% 0 0));
                     border-radius: max(calc(var(--radius, 0.5rem) - var(--spacing, 0.25rem) / 2), 0px);
-                    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+                    box-shadow: var(--shadow-sm, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1));
                     transition: var(--tab-slide-transition, all 0.15s ease-in-out)
                 }
 
@@ -266,7 +266,7 @@
             height: calc(var(--spacing-field-height, 2.5rem) / 2);
             padding: 0;
             border-radius: var(--spacing-field-height, 2.5rem);
-            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+            box-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));
             opacity: 0;
             transition: var(--transition);
 

package/lib/manifest.input.css

@@ -216,9 +216,7 @@
     /* Hide search input cancel button */
     :where(input[type=search]):not(.unstyle)::-webkit-search-cancel-button {
         appearance: none;
-        -webkit-appearance: none;
-        -moz-appearance: none;
-        appearance: none
+        -webkit-appearance: none
     }
 
     /* Textarea-specific styles */

package/lib/manifest.integrity.json

@@ -1,6 +1,6 @@
 {
-  "manifest.appwrite.auth.js": "sha384-tQT7KHfwvwxrOwGv35BFSWsC+eEK6cbRAzwXJk18hZxoGf1mTmS6W8txaWsr8n69",
-  "manifest.appwrite.data.js": "sha384-HQaOwFhHm67KnQSIQ1D5TUr1rVmpQxlmlbEdm/ZehxVrlKfErJ6syo8UIksnSdd6",
+  "manifest.appwrite.auth.js": "sha384-lWvffK6C2Zs9dOiMh/0OQTnU2ycZq1USOeJDlPUgJsbtrdA9+3zq4VHcIdS40qR0",
+  "manifest.appwrite.data.js": "sha384-cfiPqikpRrY3hJkSUIKese6/jJAW67EMm/RX4w3332onpNUyZn6zkWcxJm/wquUf",
   "manifest.appwrite.presences.js": "sha384-JyVDWFT69b7Svq8J8p9tNWe2v9PZNQBY5UyhtOl1vnuHFAX0CRQ3MA9SiKq5wzNh",
   "manifest.charts.js": "sha384-qQrjhWkIDi4oU5uQrpy8DdlMjY+gfiivBuX6mssNiFdkawgkVBvKneGgp+nd3PYJ",
   "manifest.chat.js": "sha384-nuBOsWFOlVYfCl1K1SvuAb8mFFOCeUeSZXOZpCry97JjR8N7B8bxA30meRLn61sK",
@@ -9,7 +9,7 @@
   "manifest.colorpicker.js": "sha384-ULdxH2/83Ly3E9DOX53TQqyy4WjSbfqLIBGVLEEFpYhwMP/cFrWujz83sWVzzsyt",
   "manifest.combobox.js": "sha384-rCSqpwzVLwr6alHPmAgW5sEVJylfK3XReyG475O1N9dkyMy/XA8hBCYILc+4qblU",
   "manifest.components.js": "sha384-HEyeJtV20k7po8WH0LEj800MlsqgDH0vE5GTAl62SgdEhn1aJ7VfryQcA6yIi18U",
-  "manifest.data.js": "sha384-x0B2VEOTUL2UhX/M0coJXAenLQz1FdpYtOJYlwn5bICVfThlaM5hrw5hrgJY4O4s",
+  "manifest.data.js": "sha384-R9ksZFTOKVo+S7rs5yBos+05AXyGuP6qYuHX7aZg6bjQLDjVtqdmIqI7udg5sk+6",
   "manifest.datepicker.js": "sha384-52BBZdlLN+EATiUorwTEQOWGJZiSNu0voy9q+WQxxWpUeYsGGkuS0QPPXGx2akxG",
   "manifest.dropdowns.js": "sha384-qCuHCZBSOqkbomxfeUdkdMuAOhL6lFGrBx6yLB9HcHO/Bhj/a3Hzxd8IRM+/ftR6",
   "manifest.export.js": "sha384-HCy3n6ifrcAGIyzTRgZ5JIRvSX9q9/8ykMKRSbt1QTnhXz6PgYlV0AE2N2Yi2re+",
@@ -28,7 +28,7 @@
   "manifest.toasts.js": "sha384-/OV32LLMJl0Iw8NoNQJ+5lgntLxjIJq/YNj5JAKS/+nUhVx4MMB9h1FOqP7zuj2M",
   "manifest.tooltips.js": "sha384-uXVVQADl6pY2Pj9i/UaSclZN7dzbKhLkmevv7Ad0+wXR8LgqodALNFrc5jZJjlwm",
   "manifest.url.parameters.js": "sha384-J2aSVBOPsoqsbafHndrWLHEDpKb4AKJAoQnVmKA4gZh5P/8HHjFWHO/lkusmG84l",
-  "manifest.utilities.js": "sha384-hdY+KpPRMlSC39Z6hjQ0CoobyhCOMOSpa08LakDLlOLYhXSAK1VU21Jk+Jt46Q4n",
+  "manifest.utilities.js": "sha384-YcGKTEviTv9FLkw890CTociA7Rjp6xuhLyfpn3Gk4mT0fexDFqpW7VSuohcpGfsw",
   "manifest.virtual.js": "sha384-OPHiW1zQxunoL+yJrCxFU3AzTfTlZQfUf6X3XSRrSyNDPlr3BvsYe6vZa0DlOjoY",
-  "manifest.js": "sha384-Dgmw+Iaek5GSdW3qwRgTJ6Rzv1c+CEpRF38e7a4+Wo5ST32IxBXCDFXMEtVH1ZRA"
+  "manifest.js": "sha384-iXParMKFG68GY2HK9KsN+WvpD9yKJvjmLTt2kTS110lhmNGEbxpsr1Ed/1vbcJ4I"
 }

package/lib/manifest.js

@@ -10,18 +10,10 @@
 	'use strict';
 
 	/*
-	 * Hydration contract runtime
-	 * --------------------------
-	 * Prerendered MPA pages carry a `#__manifest_hydrate__` JSON blob of the
-	 * source-authored attributes (and, for `data-hydrate` subtrees, innerHTML)
-	 * of each element needing hydration. Runs once BEFORE any plugin or Alpine
-	 * so every downstream plugin sees the authored DOM, as in a live SPA — no
-	 * plugin needs a "prerender mode" branch.
-	 *
-	 *  - Attributes are set via a temp-div HTML parse, not setAttribute, which
-	 *    throws on Alpine special names like `@click`; the parser accepts them.
-	 *  - The contract is a compact diff: `attrs` maps name -> source value, or
-	 *    null to remove; only values that drifted during prerender appear.
+	 * Hydration contract runtime: prerendered MPA pages carry a `#__manifest_hydrate__`
+	 * diff of source-authored attributes (and data-hydrate innerHTML). Applied once
+	 * BEFORE any plugin or Alpine so downstream code sees the authored DOM, as in a
+	 * live SPA. Attributes go through an HTML parse — setAttribute throws on `@click`.
 	 */
 	function hydratePrerenderedPage() {
 		if (typeof document === 'undefined' || !document.querySelector) return;
@@ -128,20 +120,10 @@
 	}
 
 	/*
-	 * Reconcile baked x-for/x-if clones the prerender kept for crawlers. Their
-	 * <template> is still live, so Alpine would render a duplicate on boot.
-	 *
-	 *  - x-if clones are ADOPTED: point the template's `_x_currentIfEl` at the
-	 *    baked element so Alpine treats the condition as already-rendered and
-	 *    leaves it in place — avoids tearing down heavy content (e.g. an
-	 *    x-markdown article) only to re-render identical output. A real
-	 *    route/condition change later still re-renders normally.
-	 *  - x-for clones are REMOVED: lists are light and re-render from the live
-	 *    template, so the baked copies are dropped to avoid a duplicate.
-	 *
-	 * Runs on `alpine:init` (after Alpine's script, before it walks the DOM),
-	 * not in hydratePrerenderedPage: if Alpine never arrives the page keeps its
-	 * complete baked content.
+	 * Reconcile baked x-for/x-if clones kept for crawlers — their <template> is still
+	 * live, so Alpine would render duplicates. x-if clones are adopted via
+	 * `_x_currentIfEl` (avoids re-rendering heavy content); x-for clones are removed.
+	 * Runs on alpine:init so a page without Alpine keeps its baked content.
 	 */
 	function reconcilePrerenderClones() {
 		if (typeof document === 'undefined' || !document.querySelectorAll) return;