@hanzo/ui 8.0.75 → 8.0.77

package/dist/backends/gui/button.cjs

@@ -154,5 +154,7 @@ function Button({ className, variant = 'default', size = 'default', asChild = fa
     // Button-as-link comes out as a styled <a> with valid markup.
     const host = asChild && (0, react_1.isValidElement)(children) ? children : null;
     const body = host ? host.props.children : children;
-    return ((0, jsx_runtime_1.jsxs)(Frame, { "data-slot": "button", "data-variant": variant ?? 'default', "data-size": resolved, variant: variant ?? 'default', size: resolved, render: host ? (0, react_1.createElement)(host.type, { ...host.props, children: undefined }) : undefined, disabled: disabled || isLoading, ...(0, gesture_1.touch)(HEIGHT[resolved], 44, 'y'), className: (0, exports.buttonVariants)({ variant, size, className }), ...props, children: [isLoading && (0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: "small" }), (0, ink_1.ink)(body, gui_1.Button.Text, { fontSize: TYPE[resolved] })] }));
+    return ((0, jsx_runtime_1.jsxs)(Frame, { "data-slot": "button", "data-variant": variant ?? 'default', "data-size": resolved, variant: variant ?? 'default', size: resolved, ...(host
+            ? { render: (0, react_1.createElement)(host.type, { ...host.props, children: undefined }) }
+            : null), disabled: disabled || isLoading, ...(0, gesture_1.touch)(HEIGHT[resolved], 44, 'y'), className: (0, exports.buttonVariants)({ variant, size, className }), ...props, children: [isLoading && (0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: "small" }), (0, ink_1.ink)(body, gui_1.Button.Text, { fontSize: TYPE[resolved] })] }));
 }

package/dist/backends/gui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/button.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAiC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK1F,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,WAAW,CAAA;AAEf,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAqBjF,QAAA,MAAM,KAAK;;;;;;;;8CAuFT,CAAA;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,gCAI5B;IAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,WAK1E,CAAA;AAEd,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC,GAAG;IAC9F,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA2Bb;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/button.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAiC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK1F,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,WAAW,CAAA;AAEf,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAqBjF,QAAA,MAAM,KAAK;;;;;;;;8CAuFT,CAAA;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,gCAI5B;IAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,WAK1E,CAAA;AAEd,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC,GAAG;IAC9F,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAqCb;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/backends/gui/button.js

@@ -149,7 +149,9 @@ function Button({ className, variant = 'default', size = 'default', asChild = fa
     // Button-as-link comes out as a styled <a> with valid markup.
     const host = asChild && isValidElement(children) ? children : null;
     const body = host ? host.props.children : children;
-    return (_jsxs(Frame, { "data-slot": "button", "data-variant": variant ?? 'default', "data-size": resolved, variant: variant ?? 'default', size: resolved, render: host ? createElement(host.type, { ...host.props, children: undefined }) : undefined, disabled: disabled || isLoading, ...touch(HEIGHT[resolved], 44, 'y'), className: buttonVariants({ variant, size, className }), ...props, children: [isLoading && _jsx(Spinner, { size: "small" }), ink(body, GuiButton.Text, { fontSize: TYPE[resolved] })] }));
+    return (_jsxs(Frame, { "data-slot": "button", "data-variant": variant ?? 'default', "data-size": resolved, variant: variant ?? 'default', size: resolved, ...(host
+            ? { render: createElement(host.type, { ...host.props, children: undefined }) }
+            : null), disabled: disabled || isLoading, ...touch(HEIGHT[resolved], 44, 'y'), className: buttonVariants({ variant, size, className }), ...props, children: [isLoading && _jsx(Spinner, { size: "small" }), ink(body, GuiButton.Text, { fontSize: TYPE[resolved] })] }));
 }
 export { Button };
 //# sourceMappingURL=button.js.map

package/dist/backends/gui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/backends/gui/button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/backends/gui/button.tsx"],"names":[],"mappings":"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"}

package/dist/glass.css

@@ -52,19 +52,66 @@
    from inside it, and a menu with no background is a menu you read the page
    through. !important beats the compiled atomic background class, which lands
    in an inline <style> a bundler orders after this sheet, and it beats the call
-   sites that pin a fill by hand — those become no-ops instead of holes. */
+   sites that pin a fill by hand — those become no-ops instead of holes.
+
+   EVERY floating slot the package emits is here. It was seven, and the three it
+   left out were not obscure: AlertDialog is a MODAL — the one surface that
+   cannot be anything but floating — and it was opaque beside a glass Dialog.
+   ContextMenu and HoverCard are anchored menus beside glass DropdownMenu and
+   glass Popover. That is precisely the drift this file exists to stop, still
+   present in the file that stops it, which is worth stating plainly: a rule
+   that attaches the material to the slot only holds if every slot is named.
+   The list is checked against what the components actually emit, so the next
+   floating slot somebody adds fails the test rather than the eye. */
 @supports (backdrop-filter: blur(8px)) {
   .glass,
   [data-slot="glass"],
   [data-slot="dialog-content"],
+  [data-slot="alert-dialog-content"],
   [data-slot="popover-content"],
   [data-slot="select-content"],
   [data-slot="dropdown-menu-content"],
   [data-slot="dropdown-menu-sub-content"],
+  [data-slot="context-menu-content"],
+  [data-slot="context-menu-sub-content"],
+  [data-slot="hover-card-content"],
   [data-slot="tooltip-content"] {
     background-color: color-mix(in oklab, var(--background) 72%, transparent) !important;
     -webkit-backdrop-filter: blur(20px) saturate(1.8);
     backdrop-filter: blur(20px) saturate(1.8);
+    /* ── The dispersion ──────────────────────────────────────────────────────
+       Glass splits light at the EDGE. That is the whole of the physics and the
+       whole of the rule: the body of a pane shows you what is behind it, and the
+       rim is where the angle is steep enough to spread the spectrum. So the fill
+       stays monochrome — the brand is monochrome and text has to sit on it — and
+       the colour lives in one pixel at the top lip.
+
+       LINEAR, ACROSS THE LIP — never conic around the box. The composer's note
+       below records what conic costs on a rectangle: the long edges take a wide
+       angular slice and the short sides almost none, so one side wears blue and
+       the opposite burnt orange, and the ring reads as off-centre. Swept along
+       one edge instead, the stops are evenly spaced at any aspect ratio, so a
+       1000px dialog and a 90px tooltip disperse alike.
+
+       Peak alpha .16, on a band two pixels tall, one pixel DOWN. Both numbers
+       were measured rather than chosen. The lit edge is an inset box-shadow, and
+       a box-shadow paints over the background — so the first version put the
+       spectrum in the same pixel the white lip occupies and the lip won: at ×6
+       the rim was a neutral hairline with no colour in it at all. Sitting the
+       band one pixel inside puts it where a real pane disperses anyway, just
+       behind the specular line, and it is legible there at half the alpha a
+       collision would have needed. Three pixels at .22 was tried too and reads
+       as a coloured stroke somebody drew, which is a different thing entirely.
+
+       That is also the difference between this and the full-wheel rainbow that
+       was tried and reverted: not a different palette, a different AREA. Colour
+       over a whole surface makes that surface the only coloured thing in the
+       product; colour along its rim reads as the material catching light, which
+       is the one thing chrome is allowed to say. */
+    background-image: var(--glass-prism) !important;
+    background-repeat: no-repeat !important;
+    background-size: 100% 2px !important;
+    background-position: 0 1px !important;
   }
 }
 
@@ -118,6 +165,24 @@
   --glass-shadow-1: 0 1px 2px 0 rgb(0 0 0 / .40);
   --glass-shadow-2: 0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55);
   --glass-shadow-3: 0 24px 60px -16px rgb(0 0 0 / .75);
+
+  /* The spectrum the lip disperses. Declared here for the same reason the drops
+     above are: a name this package owns cannot be outranked by a sheet that
+     happens to load later. Nothing else ships a --glass-prism.
+
+     Five stops, blue through violet, rose, amber, to a cool green — the order
+     light actually comes apart in, so it reads as refraction rather than as a
+     palette somebody chose. Alphas .13-.16: measured at ×6 against the white lip
+     that sits a pixel above, high enough to read there and low enough that at
+     1:1 it is a tinge. A theme that wants none of it sets this to `none` and the
+     rim goes back to being the lit edge alone. */
+  --glass-prism:
+    linear-gradient(90deg,
+      rgb(120 170 255 / .16) 0%,
+      rgb(178 142 255 / .15) 24%,
+      rgb(255 146 198 / .13) 48%,
+      rgb(255 190 124 / .15) 72%,
+      rgb(138 228 208 / .16) 100%);
 }
 
 .light, :root.t_light, .t_light {
@@ -137,6 +202,9 @@
 [data-slot="select-content"],
 [data-slot="dropdown-menu-content"],
 [data-slot="dropdown-menu-sub-content"],
+[data-slot="context-menu-content"],
+[data-slot="context-menu-sub-content"],
+[data-slot="hover-card-content"],
 [data-slot="tooltip-content"] {
   box-shadow:
     var(--edge-highlight, inset 0 1px 0 0 rgb(255 255 255 / .10)),
@@ -144,7 +212,8 @@
 }
 
 .elevation-3,
-[data-slot="dialog-content"] {
+[data-slot="dialog-content"],
+[data-slot="alert-dialog-content"] {
   box-shadow:
     var(--edge-highlight, inset 0 1px 0 0 rgb(255 255 255 / .10)),
     var(--glass-shadow-3) !important;
@@ -169,7 +238,8 @@
    palette: `rgba(0,0,0,.5)` under `opacity: .5` — a quarter black, exactly the
    double dim these two lines exist to end. A rule written to beat a compiled
    class has to be written with the weight to beat one. */
-[data-slot="dialog-overlay"] {
+[data-slot="dialog-overlay"],
+[data-slot="alert-dialog-overlay"] {
   opacity: 1 !important;
   background-color: var(--surface-scrim, rgb(0 0 0 / .8)) !important;
 }

package/dist/styles.css

@@ -1162,19 +1162,66 @@
    from inside it, and a menu with no background is a menu you read the page
    through. !important beats the compiled atomic background class, which lands
    in an inline <style> a bundler orders after this sheet, and it beats the call
-   sites that pin a fill by hand — those become no-ops instead of holes. */
+   sites that pin a fill by hand — those become no-ops instead of holes.
+
+   EVERY floating slot the package emits is here. It was seven, and the three it
+   left out were not obscure: AlertDialog is a MODAL — the one surface that
+   cannot be anything but floating — and it was opaque beside a glass Dialog.
+   ContextMenu and HoverCard are anchored menus beside glass DropdownMenu and
+   glass Popover. That is precisely the drift this file exists to stop, still
+   present in the file that stops it, which is worth stating plainly: a rule
+   that attaches the material to the slot only holds if every slot is named.
+   The list is checked against what the components actually emit, so the next
+   floating slot somebody adds fails the test rather than the eye. */
 @supports (backdrop-filter: blur(8px)) {
   .glass,
   [data-slot="glass"],
   [data-slot="dialog-content"],
+  [data-slot="alert-dialog-content"],
   [data-slot="popover-content"],
   [data-slot="select-content"],
   [data-slot="dropdown-menu-content"],
   [data-slot="dropdown-menu-sub-content"],
+  [data-slot="context-menu-content"],
+  [data-slot="context-menu-sub-content"],
+  [data-slot="hover-card-content"],
   [data-slot="tooltip-content"] {
     background-color: color-mix(in oklab, var(--background) 72%, transparent) !important;
     -webkit-backdrop-filter: blur(20px) saturate(1.8);
     backdrop-filter: blur(20px) saturate(1.8);
+    /* ── The dispersion ──────────────────────────────────────────────────────
+       Glass splits light at the EDGE. That is the whole of the physics and the
+       whole of the rule: the body of a pane shows you what is behind it, and the
+       rim is where the angle is steep enough to spread the spectrum. So the fill
+       stays monochrome — the brand is monochrome and text has to sit on it — and
+       the colour lives in one pixel at the top lip.
+
+       LINEAR, ACROSS THE LIP — never conic around the box. The composer's note
+       below records what conic costs on a rectangle: the long edges take a wide
+       angular slice and the short sides almost none, so one side wears blue and
+       the opposite burnt orange, and the ring reads as off-centre. Swept along
+       one edge instead, the stops are evenly spaced at any aspect ratio, so a
+       1000px dialog and a 90px tooltip disperse alike.
+
+       Peak alpha .16, on a band two pixels tall, one pixel DOWN. Both numbers
+       were measured rather than chosen. The lit edge is an inset box-shadow, and
+       a box-shadow paints over the background — so the first version put the
+       spectrum in the same pixel the white lip occupies and the lip won: at ×6
+       the rim was a neutral hairline with no colour in it at all. Sitting the
+       band one pixel inside puts it where a real pane disperses anyway, just
+       behind the specular line, and it is legible there at half the alpha a
+       collision would have needed. Three pixels at .22 was tried too and reads
+       as a coloured stroke somebody drew, which is a different thing entirely.
+
+       That is also the difference between this and the full-wheel rainbow that
+       was tried and reverted: not a different palette, a different AREA. Colour
+       over a whole surface makes that surface the only coloured thing in the
+       product; colour along its rim reads as the material catching light, which
+       is the one thing chrome is allowed to say. */
+    background-image: var(--glass-prism) !important;
+    background-repeat: no-repeat !important;
+    background-size: 100% 2px !important;
+    background-position: 0 1px !important;
   }
 }
 
@@ -1228,6 +1275,24 @@
   --glass-shadow-1: 0 1px 2px 0 rgb(0 0 0 / .40);
   --glass-shadow-2: 0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55);
   --glass-shadow-3: 0 24px 60px -16px rgb(0 0 0 / .75);
+
+  /* The spectrum the lip disperses. Declared here for the same reason the drops
+     above are: a name this package owns cannot be outranked by a sheet that
+     happens to load later. Nothing else ships a --glass-prism.
+
+     Five stops, blue through violet, rose, amber, to a cool green — the order
+     light actually comes apart in, so it reads as refraction rather than as a
+     palette somebody chose. Alphas .13-.16: measured at ×6 against the white lip
+     that sits a pixel above, high enough to read there and low enough that at
+     1:1 it is a tinge. A theme that wants none of it sets this to `none` and the
+     rim goes back to being the lit edge alone. */
+  --glass-prism:
+    linear-gradient(90deg,
+      rgb(120 170 255 / .16) 0%,
+      rgb(178 142 255 / .15) 24%,
+      rgb(255 146 198 / .13) 48%,
+      rgb(255 190 124 / .15) 72%,
+      rgb(138 228 208 / .16) 100%);
 }
 
 .light, :root.t_light, .t_light {
@@ -1247,6 +1312,9 @@
 [data-slot="select-content"],
 [data-slot="dropdown-menu-content"],
 [data-slot="dropdown-menu-sub-content"],
+[data-slot="context-menu-content"],
+[data-slot="context-menu-sub-content"],
+[data-slot="hover-card-content"],
 [data-slot="tooltip-content"] {
   box-shadow:
     var(--edge-highlight, inset 0 1px 0 0 rgb(255 255 255 / .10)),
@@ -1254,7 +1322,8 @@
 }
 
 .elevation-3,
-[data-slot="dialog-content"] {
+[data-slot="dialog-content"],
+[data-slot="alert-dialog-content"] {
   box-shadow:
     var(--edge-highlight, inset 0 1px 0 0 rgb(255 255 255 / .10)),
     var(--glass-shadow-3) !important;
@@ -1279,7 +1348,8 @@
    palette: `rgba(0,0,0,.5)` under `opacity: .5` — a quarter black, exactly the
    double dim these two lines exist to end. A rule written to beat a compiled
    class has to be written with the weight to beat one. */
-[data-slot="dialog-overlay"] {
+[data-slot="dialog-overlay"],
+[data-slot="alert-dialog-overlay"] {
   opacity: 1 !important;
   background-color: var(--surface-scrim, rgb(0 0 0 / .8)) !important;
 }

package/dist/theme.css

@@ -1160,19 +1160,66 @@
    from inside it, and a menu with no background is a menu you read the page
    through. !important beats the compiled atomic background class, which lands
    in an inline <style> a bundler orders after this sheet, and it beats the call
-   sites that pin a fill by hand — those become no-ops instead of holes. */
+   sites that pin a fill by hand — those become no-ops instead of holes.
+
+   EVERY floating slot the package emits is here. It was seven, and the three it
+   left out were not obscure: AlertDialog is a MODAL — the one surface that
+   cannot be anything but floating — and it was opaque beside a glass Dialog.
+   ContextMenu and HoverCard are anchored menus beside glass DropdownMenu and
+   glass Popover. That is precisely the drift this file exists to stop, still
+   present in the file that stops it, which is worth stating plainly: a rule
+   that attaches the material to the slot only holds if every slot is named.
+   The list is checked against what the components actually emit, so the next
+   floating slot somebody adds fails the test rather than the eye. */
 @supports (backdrop-filter: blur(8px)) {
   .glass,
   [data-slot="glass"],
   [data-slot="dialog-content"],
+  [data-slot="alert-dialog-content"],
   [data-slot="popover-content"],
   [data-slot="select-content"],
   [data-slot="dropdown-menu-content"],
   [data-slot="dropdown-menu-sub-content"],
+  [data-slot="context-menu-content"],
+  [data-slot="context-menu-sub-content"],
+  [data-slot="hover-card-content"],
   [data-slot="tooltip-content"] {
     background-color: color-mix(in oklab, var(--background) 72%, transparent) !important;
     -webkit-backdrop-filter: blur(20px) saturate(1.8);
     backdrop-filter: blur(20px) saturate(1.8);
+    /* ── The dispersion ──────────────────────────────────────────────────────
+       Glass splits light at the EDGE. That is the whole of the physics and the
+       whole of the rule: the body of a pane shows you what is behind it, and the
+       rim is where the angle is steep enough to spread the spectrum. So the fill
+       stays monochrome — the brand is monochrome and text has to sit on it — and
+       the colour lives in one pixel at the top lip.
+
+       LINEAR, ACROSS THE LIP — never conic around the box. The composer's note
+       below records what conic costs on a rectangle: the long edges take a wide
+       angular slice and the short sides almost none, so one side wears blue and
+       the opposite burnt orange, and the ring reads as off-centre. Swept along
+       one edge instead, the stops are evenly spaced at any aspect ratio, so a
+       1000px dialog and a 90px tooltip disperse alike.
+
+       Peak alpha .16, on a band two pixels tall, one pixel DOWN. Both numbers
+       were measured rather than chosen. The lit edge is an inset box-shadow, and
+       a box-shadow paints over the background — so the first version put the
+       spectrum in the same pixel the white lip occupies and the lip won: at ×6
+       the rim was a neutral hairline with no colour in it at all. Sitting the
+       band one pixel inside puts it where a real pane disperses anyway, just
+       behind the specular line, and it is legible there at half the alpha a
+       collision would have needed. Three pixels at .22 was tried too and reads
+       as a coloured stroke somebody drew, which is a different thing entirely.
+
+       That is also the difference between this and the full-wheel rainbow that
+       was tried and reverted: not a different palette, a different AREA. Colour
+       over a whole surface makes that surface the only coloured thing in the
+       product; colour along its rim reads as the material catching light, which
+       is the one thing chrome is allowed to say. */
+    background-image: var(--glass-prism) !important;
+    background-repeat: no-repeat !important;
+    background-size: 100% 2px !important;
+    background-position: 0 1px !important;
   }
 }
 
@@ -1226,6 +1273,24 @@
   --glass-shadow-1: 0 1px 2px 0 rgb(0 0 0 / .40);
   --glass-shadow-2: 0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55);
   --glass-shadow-3: 0 24px 60px -16px rgb(0 0 0 / .75);
+
+  /* The spectrum the lip disperses. Declared here for the same reason the drops
+     above are: a name this package owns cannot be outranked by a sheet that
+     happens to load later. Nothing else ships a --glass-prism.
+
+     Five stops, blue through violet, rose, amber, to a cool green — the order
+     light actually comes apart in, so it reads as refraction rather than as a
+     palette somebody chose. Alphas .13-.16: measured at ×6 against the white lip
+     that sits a pixel above, high enough to read there and low enough that at
+     1:1 it is a tinge. A theme that wants none of it sets this to `none` and the
+     rim goes back to being the lit edge alone. */
+  --glass-prism:
+    linear-gradient(90deg,
+      rgb(120 170 255 / .16) 0%,
+      rgb(178 142 255 / .15) 24%,
+      rgb(255 146 198 / .13) 48%,
+      rgb(255 190 124 / .15) 72%,
+      rgb(138 228 208 / .16) 100%);
 }
 
 .light, :root.t_light, .t_light {
@@ -1245,6 +1310,9 @@
 [data-slot="select-content"],
 [data-slot="dropdown-menu-content"],
 [data-slot="dropdown-menu-sub-content"],
+[data-slot="context-menu-content"],
+[data-slot="context-menu-sub-content"],
+[data-slot="hover-card-content"],
 [data-slot="tooltip-content"] {
   box-shadow:
     var(--edge-highlight, inset 0 1px 0 0 rgb(255 255 255 / .10)),
@@ -1252,7 +1320,8 @@
 }
 
 .elevation-3,
-[data-slot="dialog-content"] {
+[data-slot="dialog-content"],
+[data-slot="alert-dialog-content"] {
   box-shadow:
     var(--edge-highlight, inset 0 1px 0 0 rgb(255 255 255 / .10)),
     var(--glass-shadow-3) !important;
@@ -1277,7 +1346,8 @@
    palette: `rgba(0,0,0,.5)` under `opacity: .5` — a quarter black, exactly the
    double dim these two lines exist to end. A rule written to beat a compiled
    class has to be written with the weight to beat one. */
-[data-slot="dialog-overlay"] {
+[data-slot="dialog-overlay"],
+[data-slot="alert-dialog-overlay"] {
   opacity: 1 !important;
   background-color: var(--surface-scrim, rgb(0 0 0 / .8)) !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.0.75",
+  "version": "8.0.77",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {