mnfst 0.5.192 → 0.5.193

package/lib/manifest.resize.css

@@ -7,16 +7,17 @@
     :where([x-resize]) {
         position: relative;
 
-        /* Resize handle area */
+        /* Resize handle area (geometry: styles/snippets/manifest.handles.css) */
         .resize-handle {
             position: absolute;
             display: block;
-            width: var(--spacing-resize-handle, 1rem);
-            height: var(--spacing-resize-handle, 1rem);
+            width: var(--h);
+            height: var(--h);
             z-index: 100;
             background: transparent;
             border: none;
             outline: none;
+            --h: var(--spacing-resize-handle, 1rem);
 
             /* Visible handle */
             &::before {
@@ -38,113 +39,24 @@
             }
         }
 
-        /* Edge handles */
-        .resize-handle-top,
-        .resize-handle-bottom {
-            width: 100%;
-            left: 0;
-            cursor: ns-resize;
-
-            &::before {
-                width: 100%;
-            }
-        }
-
-        .resize-handle-left,
-        .resize-handle-right,
-        .resize-handle-start,
-        .resize-handle-end {
-            height: 100%;
-            top: 0;
-            cursor: ew-resize;
-
-            &::before {
-                height: 100%;
-            }
-        }
-
-        .resize-handle-top {
-            top: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-        }
-
-        .resize-handle-bottom {
-            top: auto;
-            bottom: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-        }
-
-        .resize-handle-left,
-        .resize-handle-start {
-            left: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-        }
-
-        .resize-handle-right,
-        .resize-handle-end {
-            right: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-        }
-
-        /* Corner handles */
-        .resize-handle-top-left {
-            width: var(--spacing-resize-handle, 1rem);
-            height: var(--spacing-resize-handle, 1rem);
-            top: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            left: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            cursor: nw-resize;
-        }
-
-        .resize-handle-top-right {
-            width: var(--spacing-resize-handle, 1rem);
-            height: var(--spacing-resize-handle, 1rem);
-            top: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            right: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            cursor: ne-resize;
-        }
-
-        .resize-handle-bottom-left {
-            width: var(--spacing-resize-handle, 1rem);
-            height: var(--spacing-resize-handle, 1rem);
-            bottom: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            left: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            cursor: sw-resize;
-        }
-
-        .resize-handle-bottom-right {
-            width: var(--spacing-resize-handle, 1rem);
-            height: var(--spacing-resize-handle, 1rem);
-            bottom: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            right: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            cursor: se-resize;
-        }
-
-        /* Logical direction handles */
+        /* Corner cursors (geometry is shared; edit handles use nwse/nesw) */
+        .resize-handle-top-left,
         .resize-handle-top-start {
-            width: var(--spacing-resize-handle, 1rem);
-            height: var(--spacing-resize-handle, 1rem);
-            top: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            left: calc(var(--spacing-resize-handle, 1rem) * -0.5);
             cursor: nw-resize;
         }
 
+        .resize-handle-top-right,
         .resize-handle-top-end {
-            width: var(--spacing-resize-handle, 1rem);
-            height: var(--spacing-resize-handle, 1rem);
-            top: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            right: calc(var(--spacing-resize-handle, 1rem) * -0.5);
             cursor: ne-resize;
         }
 
+        .resize-handle-bottom-left,
         .resize-handle-bottom-start {
-            width: var(--spacing-resize-handle, 1rem);
-            height: var(--spacing-resize-handle, 1rem);
-            bottom: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            left: calc(var(--spacing-resize-handle, 1rem) * -0.5);
             cursor: sw-resize;
         }
 
+        .resize-handle-bottom-right,
         .resize-handle-bottom-end {
-            width: var(--spacing-resize-handle, 1rem);
-            height: var(--spacing-resize-handle, 1rem);
-            bottom: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-            right: calc(var(--spacing-resize-handle, 1rem) * -0.5);
             cursor: se-resize;
         }
 
@@ -170,66 +82,152 @@
             display: none !important
         }
 
-        /* Focus states for accessibility */
+        /* Focus states for accessibility — framework ring (manifest.theme.css) */
         .resize-handle:focus {
-            outline: 2px solid rgba(59, 130, 246, 0.5);
-            outline-offset: 2px
-        }
-
-        /* High contrast mode support */
-        @media (prefers-contrast: high) {
-            :where(.resize-handle:hover .resize-handle-inner) {
-                background: rgba(0, 0, 0, 0.3)
-            }
-
-            :where(.resize-handle:active .resize-handle-inner) {
-                background: rgba(0, 0, 0, 0.5)
-            }
+            outline: none;
+            box-shadow: 0 0 0 2px color-mix(in oklch, var(--color-content-stark) 30%, transparent)
         }
 
         /* Reduced motion support */
         @media (prefers-reduced-motion: reduce) {
 
-            :where(.resize-handle-inner,
-                .resizable-closing,
+            :where(.resizable-closing,
                 .resize-handle) {
                 transition: none
             }
         }
     }
 
-    /* RTL overrides - more specific than :where([x-resize]) */
-    [dir=rtl] :where([x-resize]) .resize-handle-start {
-        left: auto;
-        right: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-    }
-
-    [dir=rtl] :where([x-resize]) .resize-handle-end {
-        right: auto;
-        left: calc(var(--spacing-resize-handle, 1rem) * -0.5);
-    }
-
+    /* RTL cursor flips — placement follows the logical insets in the shared geometry */
     [dir=rtl] :where([x-resize]) .resize-handle-top-start {
-        left: auto;
-        right: calc(var(--spacing-resize-handle, 1rem) * -0.5);
         cursor: ne-resize;
     }
 
     [dir=rtl] :where([x-resize]) .resize-handle-top-end {
-        right: auto;
-        left: calc(var(--spacing-resize-handle, 1rem) * -0.5);
         cursor: nw-resize;
     }
 
     [dir=rtl] :where([x-resize]) .resize-handle-bottom-start {
-        left: auto;
-        right: calc(var(--spacing-resize-handle, 1rem) * -0.5);
         cursor: se-resize;
     }
 
     [dir=rtl] :where([x-resize]) .resize-handle-bottom-end {
-        right: auto;
-        left: calc(var(--spacing-resize-handle, 1rem) * -0.5);
         cursor: sw-resize;
     }
-}
+}
+/* Drag-handle geometry — single source for x-resize and x-edit handles.
+   The build appends this to standalone copies and adds it once to the bundle.
+   Hosts set --h (handle thickness) and keep their own chrome: hairline colour,
+   transition, and corner cursors (resize uses nw/ne/sw/se, edit nwse/nesw). */
+
+@layer base, components, utilities;
+
+@layer utilities {
+
+    /* Horizontal edges */
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-top, .resize-handle-bottom, .edit-handle-top, .edit-handle-bottom) {
+        left: 0;
+        width: 100%;
+        height: var(--h);
+        cursor: ns-resize;
+
+        &::before {
+            width: 100%
+        }
+    }
+
+    /* Vertical edges */
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-left, .resize-handle-right, .resize-handle-start, .resize-handle-end, .edit-handle-left, .edit-handle-right, .edit-handle-start, .edit-handle-end) {
+        top: 0;
+        width: var(--h);
+        height: 100%;
+        cursor: ew-resize;
+
+        &::before {
+            height: 100%
+        }
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-top, .edit-handle-top) {
+        top: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-bottom, .edit-handle-bottom) {
+        bottom: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-left, .edit-handle-left) {
+        left: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-right, .edit-handle-right) {
+        right: calc(var(--h) * -0.5)
+    }
+
+    /* Logical edges — inset-inline-* auto-flips for RTL */
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-start, .edit-handle-start) {
+        inset-inline-start: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-end, .edit-handle-end) {
+        inset-inline-end: calc(var(--h) * -0.5)
+    }
+
+    /* Corners — square and inset; cursors stay with each host */
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-top-left, .edit-handle-top-left) {
+        width: var(--h);
+        height: var(--h);
+        top: calc(var(--h) * -0.5);
+        left: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-top-right, .edit-handle-top-right) {
+        width: var(--h);
+        height: var(--h);
+        top: calc(var(--h) * -0.5);
+        right: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-bottom-left, .edit-handle-bottom-left) {
+        width: var(--h);
+        height: var(--h);
+        bottom: calc(var(--h) * -0.5);
+        left: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-bottom-right, .edit-handle-bottom-right) {
+        width: var(--h);
+        height: var(--h);
+        bottom: calc(var(--h) * -0.5);
+        right: calc(var(--h) * -0.5)
+    }
+
+    /* Logical corners — inset-inline-* auto-flips for RTL */
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-top-start, .edit-handle-top-start) {
+        width: var(--h);
+        height: var(--h);
+        top: calc(var(--h) * -0.5);
+        inset-inline-start: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-top-end, .edit-handle-top-end) {
+        width: var(--h);
+        height: var(--h);
+        top: calc(var(--h) * -0.5);
+        inset-inline-end: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-bottom-start, .edit-handle-bottom-start) {
+        width: var(--h);
+        height: var(--h);
+        bottom: calc(var(--h) * -0.5);
+        inset-inline-start: calc(var(--h) * -0.5)
+    }
+
+    :where([x-resize], [data-edit-sizable]) :is(.resize-handle-bottom-end, .edit-handle-bottom-end) {
+        width: var(--h);
+        height: var(--h);
+        bottom: calc(var(--h) * -0.5);
+        inset-inline-end: calc(var(--h) * -0.5)
+    }
+}

package/lib/manifest.sidebar.css

@@ -1,4 +1,5 @@
-/* Manifest Sidebars */
+/* Popover base — single source; the build prepends this to standalone
+   popover-dependent stylesheets. The bundle gets it via the reset. */
 
 @layer base, components, utilities;
 
@@ -8,7 +9,7 @@
 
 @layer base {
 
-    @keyframes popover-in {
+    @keyframes mnfst-popover-in {
         from {
             transform: scale(.9)
         }
@@ -20,10 +21,16 @@
 
     :where([popover]):not(.unstyle):popover-open {
         display: flex;
-        animation: popover-in .15s ease-in both
+        animation: mnfst-popover-in .15s ease-in both
     }
 }
 
+/* Manifest Sidebars */
+
+@layer base, components, utilities;
+
+
+
 @layer components {
 
     :where(nav[popover]) {

package/lib/manifest.slides.css

@@ -4,7 +4,7 @@
 
 @layer components {
 
-    [x-carousel] {
+    :where([x-carousel]) {
         position: relative;
         display: flex;
         flex-direction: column;
@@ -12,16 +12,16 @@
         overflow: hidden;
 
         /* Slides container */
-        .carousel-slides {
+        :where(.carousel-slides) {
             display: flex;
             transition: transform 300ms ease-in-out;
             width: 100%;
             aspect-ratio: 16 / 9
         }
 
-        /* Previous & next buttons */
-        & button[\@click="prev()"],
-        & button[\@click="next()"] {
+        /* Previous & next buttons. Arrow markup is author-written; the
+           @click="prev()" selectors are deprecated aliases for the hooks. */
+        & :where([data-carousel-prev], [data-carousel-next], button[\@click="prev()"], button[\@click="next()"]) {
             position: absolute;
             top: 50%;
             transform: translateY(-50%);
@@ -32,17 +32,17 @@
             }
         }
 
-        & button[\@click="prev()"] {
+        & :where([data-carousel-prev], button[\@click="prev()"]) {
             left: calc(var(--spacing, 0.25rem) * 4)
         }
 
-        & button[\@click="next()"] {
+        & :where([data-carousel-next], button[\@click="next()"]) {
             left: auto;
             right: calc(var(--spacing, 0.25rem) * 4)
         }
 
-        /* Dots container */
-        .carousel-dots {
+        /* Dots container (author markup, driven by the plugin's `dots` getter) */
+        :where(.carousel-dots) {
             position: absolute;
             bottom: calc(var(--spacing, 0.25rem) * 4);
             left: 50%;
@@ -52,7 +52,6 @@
             max-width: 100%;
             padding: 0 calc(var(--spacing, 0.25rem) * 4);
             overflow-x: auto;
-            -webkit-overflow-scrolling: touch;
             scrollbar-width: none;
 
             &::-webkit-scrollbar {
@@ -60,7 +59,7 @@
             }
 
             /* Dot button */
-            & span {
+            & :where(span) {
                 flex-shrink: 0;
                 width: 0.625rem;
                 height: 0.625rem;

package/lib/manifest.switch.css

@@ -24,7 +24,7 @@
             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(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);
+            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(--transition, all .05s ease-in-out)
         }
 

package/lib/manifest.theme.css

@@ -54,6 +54,9 @@
 
     /* Effects */
     --transition: all .05s ease-in-out;
+    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     --tooltip-hover-delay: .5s;
     --view-transition-duration: 200ms;
     --view-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
@@ -61,6 +64,7 @@
     /* Icons */
     --icon-accordion: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m184.49 136.49l-80 80a12 12 0 0 1-17-17L159 128L87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E");
     --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='m0 11l2-2l5 5L18 3l2 2L7 18z'/%3E%3C/svg%3E");
+    --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");
     --icon-dismiss: 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='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
     --icon-previous: 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='m15 18-6-6 6-6'/%3E%3C/svg%3E");
     --icon-next: 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='m9 18 6-6-6-6'/%3E%3C/svg%3E");

package/lib/manifest.toast.css

@@ -26,7 +26,7 @@
         background-color: var(--color-popover-surface, oklch(98.5% 0 0));
         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);
+        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));
         overflow: hidden;
         opacity: 0;
         transform: translateY(1rem);

package/lib/manifest.tooltip.css

@@ -1,4 +1,5 @@
-/* Manifest Tooltips */
+/* Popover base — single source; the build prepends this to standalone
+   popover-dependent stylesheets. The bundle gets it via the reset. */
 
 @layer base, components, utilities;
 
@@ -8,7 +9,7 @@
 
 @layer base {
 
-    @keyframes popover-in {
+    @keyframes mnfst-popover-in {
         from {
             transform: scale(.9)
         }
@@ -20,10 +21,16 @@
 
     :where([popover]):not(.unstyle):popover-open {
         display: flex;
-        animation: popover-in .15s ease-in both
+        animation: mnfst-popover-in .15s ease-in both
     }
 }
 
+/* Manifest Tooltips */
+
+@layer base, components, utilities;
+
+
+
 @layer utilities {
 
     /* Shared chrome — anchored x-tooltip popovers AND non-popover tooltips
@@ -36,7 +43,7 @@
         background-color: var(--color-content-stark, oklch(43.9% 0 0));
         border: 0 none;
         border-radius: var(--radius, 0.5rem);
-        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));
 
         /* Leading icon */
         & [x-icon]:first-child {
@@ -82,99 +89,111 @@
         }
     }
 
+}
+
+/* Directional alignment lives in styles/snippets/manifest.alignment.css */
+/* 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. */
+
+@layer base, components, utilities;
+
+@layer utilities {
+
     /* Top alignment */
-    :where(.tooltip.top) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).top) {
         position-area: top;
         margin: var(--spacing-popover-offset, 0.5rem) 0
     }
 
     /* Bottom alignment */
-    :where(.tooltip.bottom) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).bottom) {
         position-area: bottom;
         margin: var(--spacing-popover-offset, 0.5rem) 0
     }
 
     /* Start alignment */
-    :where(.tooltip.start) {
+    :where(:is(menu[popover], .dropdown-menu, .tooltip).start) {
         position-area: center start;
         margin: 0 var(--spacing-popover-offset, 0.5rem)
     }
 
     /* End alignment */
-    :where(.tooltip.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(.tooltip.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(.tooltip.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(.tooltip.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(.tooltip.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(.tooltip.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(.tooltip.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(.tooltip.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(.tooltip.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(.tooltip.top-start-corner, .tooltip.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(.tooltip.top-end-corner, .tooltip.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(.tooltip.bottom-start-corner, .tooltip.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(.tooltip.bottom-end-corner, .tooltip.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)
     }
-}
+}

package/lib/manifest.typography.css

@@ -257,7 +257,6 @@
     /* Labels */
     :where(label):not(.unstyle),
     .label {
-        width: -moz-fit-content;
         width: fit-content;
         user-select: none
     }
@@ -385,7 +384,6 @@
         tab-size: 4;
         white-space: pre;
         white-space-collapse: preserve;
-        overflow: hidden;
 
         &>code {
             flex-grow: 1;

package/lib/manifest.utilities.css

@@ -167,7 +167,6 @@
 
     /* No spinners */
     .no-spinner {
-        -moz-appearance: textfield !important;
         appearance: textfield !important;
 
         &::-webkit-inner-spin-button,

package/lib/manifest.utilities.js

@@ -2158,13 +2158,8 @@ TailwindCompiler.prototype.extractCustomUtilities = function (cssText) {
         // Tolerate parsing errors; this is best-effort
     }
 
-    // Dedupe captured entries per class. The four parser passes above (flat
-    // regex, :where() extractor, compound-selector fallback, universal nested
-    // resolver) can each capture the same source rule with slightly different
-    // whitespace or selector ordering. Without this, the generator emits
-    // duplicate variant blocks at runtime (e.g. four `.\!brand { … }` rules
-    // where one suffices). Normalize whitespace before comparing so trivial
-    // formatting differences collapse.
+    // Dedupe per class: the four parser passes can capture the same rule with
+    // differing whitespace/selector order; normalize before comparing.
     for (const [className, value] of utilities.entries()) {
         if (!Array.isArray(value)) continue;
         const seen = new Set();