mlola-ui 1.1.13 → 1.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mlola-ui",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "mcpName": "io.github.mlolahq/mlola-ui",
   "description": "Source-copy CLI that writes framework-free Mlola UI items into your project",
   "type": "module",

package/registry/index.json

@@ -2,7 +2,7 @@
   "$schema": "./schema/registry-index.schema.json",
   "schemaVersion": 2,
   "name": "mlola-ui",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "homepage": "https://ui.mlola.com",
   "themeContract": {
     "attribute": "data-theme",
@@ -177,8 +177,8 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13",
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14",
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -239,7 +239,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -401,7 +401,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -493,7 +493,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -546,7 +546,7 @@
         "spinner"
       ],
       "engineDependencies": {
-        "@mlola-ui/motion": "^1.1.13"
+        "@mlola-ui/motion": "^1.1.14"
       },
       "options": [
         {
@@ -713,8 +713,8 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13",
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14",
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -782,7 +782,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -837,7 +837,7 @@
         "modal"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -900,8 +900,8 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13",
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14",
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -977,7 +977,7 @@
         "input"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -1201,8 +1201,8 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13",
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14",
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -1352,7 +1352,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -1403,7 +1403,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14"
       },
       "options": [
         {
@@ -1453,7 +1453,7 @@
           "path": "packages/components/popover/popover.tsx",
           "target": "{{aliases.components}}/popover.tsx",
           "type": "registry:ui",
-          "integrity": "sha256-NYKKNo0sO3jvR5W4iuIlnTw7B+xyOhMZczAtQG/lmw4="
+          "integrity": "sha256-V4e+a/JdVJBj6j3CMWsREuhFW7ZuaNsa2LAl/BuWGxE="
         }
       ],
       "themeContract": {
@@ -1778,7 +1778,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -1831,8 +1831,8 @@
         "input"
       ],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13",
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14",
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -1874,7 +1874,7 @@
           "path": "packages/components/select/select.tsx",
           "target": "{{aliases.components}}/select.tsx",
           "type": "registry:ui",
-          "integrity": "sha256-WfS//CI0wnqhsQvglElqPK1MOL5vwjSaBnaC1BpWVVc="
+          "integrity": "sha256-IInFSuCUOPVgNMdtEsnjpqwMeVYYk+4fx33K21z0xQE="
         }
       ],
       "themeContract": {
@@ -1909,8 +1909,8 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13",
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14",
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -2056,7 +2056,7 @@
         "input"
       ],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14"
       },
       "options": [
         {
@@ -2201,7 +2201,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14"
       },
       "options": [
         {
@@ -2333,7 +2333,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -2419,7 +2419,7 @@
         "spinner"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -2562,7 +2562,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14"
       },
       "options": [
         {
@@ -2596,7 +2596,7 @@
           "path": "packages/components/tooltip/tooltip.tsx",
           "target": "{{aliases.components}}/tooltip.tsx",
           "type": "registry:ui",
-          "integrity": "sha256-OEghEwKydt5SU7XNGuQxmmy+S7YyLKu02pPQeoNZQKw="
+          "integrity": "sha256-PYjLEr+GFmu8VrLua1d4yzk0plXYbjIKMAUlwfIn+1c="
         }
       ],
       "themeContract": {
@@ -2701,7 +2701,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -2773,7 +2773,7 @@
         "popover"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -2843,7 +2843,7 @@
         "popover"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -3041,7 +3041,7 @@
         "input"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -3118,7 +3118,7 @@
         "input"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -3173,7 +3173,7 @@
         "input"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -3236,7 +3236,7 @@
         "popover"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -3306,7 +3306,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -3425,8 +3425,8 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13",
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14",
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -3490,7 +3490,7 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14"
       },
       "options": [
         {
@@ -3540,7 +3540,7 @@
           "path": "packages/components/hover-card/hover-card.tsx",
           "target": "{{aliases.components}}/hover-card.tsx",
           "type": "registry:ui",
-          "integrity": "sha256-Bu5m03mFjiM7x38U1aSrcb9Th8RLYozyjwW/Cu3knlk="
+          "integrity": "sha256-xLBQc3vVIfQbnN85F34r9SHMGQf8FubSYfk7uP+IS2g="
         }
       ],
       "themeContract": {
@@ -3577,8 +3577,8 @@
       },
       "registryDependencies": [],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13",
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14",
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -3652,7 +3652,7 @@
         "sheet"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [],
       "variants": [],
@@ -3775,7 +3775,7 @@
         "button"
       ],
       "engineDependencies": {
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {
@@ -3878,8 +3878,8 @@
         "input"
       ],
       "engineDependencies": {
-        "@mlola-ui/behavior": "^1.1.13",
-        "@mlola-ui/icons": "^1.1.13"
+        "@mlola-ui/behavior": "^1.1.14",
+        "@mlola-ui/icons": "^1.1.14"
       },
       "options": [
         {

package/registry/source/packages/components/hover-card/hover-card.tsx

@@ -42,11 +42,14 @@ export function HoverCard({ children, content, side = "bottom", align = "start",
 
   React.useEffect(() => {
     if (!open) return;
+    // Heard before a dialog around it (capture), and marked as used, so one Escape closes one layer.
     const onKey = (event: KeyboardEvent) => {
-      if (event.key === "Escape") setOpen(false);
+      if (event.key !== "Escape" || event.defaultPrevented) return;
+      event.preventDefault();
+      setOpen(false);
     };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
+    document.addEventListener("keydown", onKey, true);
+    return () => document.removeEventListener("keydown", onKey, true);
   }, [open]);
 
   const child = children.props as Record<string, unknown> & { ref?: React.Ref<HTMLElement> };

package/registry/source/packages/components/popover/popover.tsx

@@ -52,18 +52,19 @@ export function Popover({ trigger, children, label, side = "bottom", align = "st
       const target = event.target as Node;
       if (!layer.current?.contains(target) && !anchor.current?.contains(target)) close(false);
     };
+    // Heard before a dialog around it (capture), and marked as used, so one Escape closes one layer.
     const onKeyDown = (event: KeyboardEvent) => {
-      if (event.key === "Escape") {
-        event.stopPropagation();
+      if (event.key === "Escape" && !event.defaultPrevented) {
+        event.preventDefault();
         close(true);
       }
     };
     document.addEventListener("pointerdown", onPointerDown);
-    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("keydown", onKeyDown, true);
     return () => {
       cancelAnimationFrame(frame);
       document.removeEventListener("pointerdown", onPointerDown);
-      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keydown", onKeyDown, true);
     };
   }, [isOpen, portal, close]);
 

package/registry/source/packages/components/select/select.tsx

@@ -190,6 +190,8 @@ export const Select = React.forwardRef<HTMLButtonElement, SelectProps>(function
   const onKeyDown = (event: React.KeyboardEvent) => {
     if (disabled) return;
     if (event.key === "Escape") {
+      // Closed, the Escape belongs to whatever holds the select, such as a dialog.
+      if (!open) return;
       event.preventDefault();
       close(true);
     } else if (event.key === "Tab") {

package/registry/source/packages/components/tooltip/tooltip.tsx

@@ -48,11 +48,14 @@ function Tooltip({ content, placement = "top", delay = 200, children, className
   }, [open, placement]);
   React.useEffect(() => {
     if (!open) return;
+    // Heard before a dialog around it (capture), and marked as used, so one Escape closes one layer.
     const onKeyDown = (event: KeyboardEvent) => {
-      if (event.key === "Escape") hideRef.current();
+      if (event.key !== "Escape" || event.defaultPrevented) return;
+      event.preventDefault();
+      hideRef.current();
     };
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => document.removeEventListener("keydown", onKeyDown, true);
   }, [open, hideRef]);
   type Handlers = {
     onMouseEnter?: React.MouseEventHandler;

package/registry/source-manifest.json

@@ -32,7 +32,7 @@
   "packages/components/dropdown-menu/dropdown-menu.tsx": "sha256-/LLytsatKd5giWMlpsZI2uUvh88pHi8qGQalNd7/wQA=",
   "packages/components/dropzone/dropzone.tsx": "sha256-tHCCpEWE6839UeLOszTo+R2vAL4Sp9UxuRdLkFLfnq4=",
   "packages/components/empty-state/empty-state.tsx": "sha256-/phk3A6TDaiqo61fCcAc/4Bi85e1yBGAtKXFaGhrjyw=",
-  "packages/components/hover-card/hover-card.tsx": "sha256-Bu5m03mFjiM7x38U1aSrcb9Th8RLYozyjwW/Cu3knlk=",
+  "packages/components/hover-card/hover-card.tsx": "sha256-xLBQc3vVIfQbnN85F34r9SHMGQf8FubSYfk7uP+IS2g=",
   "packages/components/input/input.tsx": "sha256-K0YrpEsEJZTzw64t+Cyg/OGYwlU6LU1/yXTNUxYUIAI=",
   "packages/components/kbd/kbd.tsx": "sha256-e8EO2Gw6JiUyrU0YcEZOaQNMel1pe/EcJrxwwgd1Ggk=",
   "packages/components/modal/modal.tsx": "sha256-gqrMncs7lEgUjsWXXEl5FYIUoYAxj93gcVh1pZTuatQ=",
@@ -41,7 +41,7 @@
   "packages/components/otp-input/otp-input.tsx": "sha256-0KeyDLCC27/GqOocMWXggJ255PCEpCOCcINAcabksSk=",
   "packages/components/pagination/pagination.tsx": "sha256-FBwk8tq4JcsK2D0dlWEYiDSRx3owgBmGzEIlVRaNBoE=",
   "packages/components/password-input/password-input.tsx": "sha256-oY//vTILhUicJyfAWZrSUTl8WWsf4P2S1Bh0x4OxwLs=",
-  "packages/components/popover/popover.tsx": "sha256-NYKKNo0sO3jvR5W4iuIlnTw7B+xyOhMZczAtQG/lmw4=",
+  "packages/components/popover/popover.tsx": "sha256-V4e+a/JdVJBj6j3CMWsREuhFW7ZuaNsa2LAl/BuWGxE=",
   "packages/components/priority-icon/labels.ts": "sha256-zhmJIb7/gS16wU+xCJ7hkReBi9q5RI3SMwdjkJvvvKU=",
   "packages/components/priority-icon/priority-icon.tsx": "sha256-3D6hFRpht3YuWouLhakE2DFdldavmJx0B/povEDwrtQ=",
   "packages/components/progress/progress.tsx": "sha256-oDxj1Ccl1pKV4+e6A7aaJL1FThW8qs9r4Gb0hEmExeM=",
@@ -49,7 +49,7 @@
   "packages/components/rating/rating.tsx": "sha256-zgPOQXzAiRE4qGNPQ8qat3SP1XSI/7567kA5VaT51P0=",
   "packages/components/resizable/resizable.tsx": "sha256-RFBpg/a2O82mmx+O5wT+um+y3y2w0rUMJJdBzRu9ONU=",
   "packages/components/segmented-control/segmented-control.tsx": "sha256-MCBG5XHFWCwbACctsYKbqe8mvSSR6pf60tyRgdCDKDA=",
-  "packages/components/select/select.tsx": "sha256-WfS//CI0wnqhsQvglElqPK1MOL5vwjSaBnaC1BpWVVc=",
+  "packages/components/select/select.tsx": "sha256-IInFSuCUOPVgNMdtEsnjpqwMeVYYk+4fx33K21z0xQE=",
   "packages/components/sheet/sheet.tsx": "sha256-gmc8rZ87NHfN/bErEWHm6HlaAoeNT/Fw6y2PrW88WFI=",
   "packages/components/skeleton/skeleton.tsx": "sha256-2Fk72NbLr3+CrXH7jGbHNsc3t+vskMqSyySe/UwbGCs=",
   "packages/components/slider/slider.tsx": "sha256-o37Xi4J8+d/fhWFf2LdpPluuKDVXECNl4quKTlrqCU4=",
@@ -66,7 +66,7 @@
   "packages/components/timeline/timeline.tsx": "sha256-nVg7lBcAUAzqEb0YrHagJXSaHE2aWWE9bUbQMWQY6PU=",
   "packages/components/toast/toast.tsx": "sha256-f0DwN0XuV46fSsQf3i9RJcfQbAs2mSz7A8UJoIIICHg=",
   "packages/components/toggle/toggle.tsx": "sha256-8qPHeSliHNdzQS7OLJ47BrvRR75MYyUGJlK4s21XS/U=",
-  "packages/components/tooltip/tooltip.tsx": "sha256-OEghEwKydt5SU7XNGuQxmmy+S7YyLKu02pPQeoNZQKw=",
+  "packages/components/tooltip/tooltip.tsx": "sha256-PYjLEr+GFmu8VrLua1d4yzk0plXYbjIKMAUlwfIn+1c=",
   "packages/components/tour/tour.tsx": "sha256-b2XJokzSio2N9MFDbAbXn6w2f7diJb1KWedSCycRMmE=",
   "packages/components/virtual-list/virtual-list.tsx": "sha256-oA8xFCwUgskmM+symA4gZxFqSyBCpeKfyM5zHyJaYaQ=",
   "packages/components/virtual-list/virtual.ts": "sha256-PyDIj3C2Vwb1i4ZssxSlYjgKmZPBIFLZFNq8YCW2Z78="

package/src/knowledge.js

@@ -339,7 +339,9 @@ export function checkMarkup(markup) {
       // Faded text: its contrast now depends on the theme behind it.
       // opacity: 0 hides; only a value between 0 and 1 fades what is still read.
       const opacity = /(?:^|;)\s*opacity\s*:\s*(0?\.\d+)\s*(?:;|$)/.exec(body);
-      if (opacity && Number(opacity[1]) > 0 && !/disabled|:empty|::?placeholder|\[hidden\]|inert/.test(selector)) {
+      // A shape (an SVG area, line or mark, painted with fill or stroke) holds no text to fade.
+      const shape = /(?:^|;)\s*(?:fill|stroke)\s*:/.test(body) || /\b(?:path|rect|circle|ellipse|line|polyline|polygon|svg)\b/.test(selector);
+      if (opacity && Number(opacity[1]) > 0 && !shape && !/disabled|:empty|::?placeholder|\[hidden\]|inert/.test(selector)) {
         note("warning", where, `opacity: ${opacity[1]} fades whatever text is inside, and how far it falls below the contrast floor depends on the theme and the fill behind it.`, "For quieter text use color: var(--ml-text-muted); on a filled control, its -foreground role. Keep opacity for disabled or decorative parts.");
       }
     }