@hanzo/ui 8.29.45 → 8.30.3

package/dist/settings/Settings.d.ts

@@ -45,6 +45,6 @@ export interface SettingsProps<E extends Entry = Entry> extends Row {
     /** The open section. */
     children?: ReactNode;
 }
-export declare function Settings<E extends Entry>({ entries, groups, active, onPick, title, children, ...rest }: SettingsProps<E>): import("react").JSX.Element;
+export declare function Settings<E extends Entry>({ entries, groups, active, onPick, title: named, children, ...rest }: SettingsProps<E>): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Settings.d.ts.map

package/dist/settings/Settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../src/settings/Settings.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAA2B,MAAM,EAAU,MAAM,YAAY,CAAA;AACpE,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKlE,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAQ1D,oDAAoD;AACpD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,CAAE,SAAQ,GAAG;IACjE,uDAAuD;IACvD,OAAO,EAAE,SAAS,CAAC,EAAE,CAAA;IACrB,qFAAqF;IACrF,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,6BAA6B;IAC7B,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;IACf,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;IAC7B,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,KAAK,EAAE,EACxC,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAkB,EAClB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,+BA2GlB"}
+{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../src/settings/Settings.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAA2B,MAAM,EAAU,MAAM,YAAY,CAAA;AACpE,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMlE,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAQ1D,oDAAoD;AACpD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,CAAE,SAAQ,GAAG;IACjE,uDAAuD;IACvD,OAAO,EAAE,SAAS,CAAC,EAAE,CAAA;IACrB,qFAAqF;IACrF,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,6BAA6B;IAC7B,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;IACf,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;IAC7B,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,KAAK,EAAE,EACxC,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,+BA6GlB"}

package/dist/settings/Settings.js

@@ -26,13 +26,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
 import { useId } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { press, RING } from '../backends/gui/press.js';
 import { slot } from '../backends/gui/slot.js';
 /** The nav column's width, px. */
 const NAV = 220;
 /** The content column's measure, px — a form reads badly any wider. */
 const MEASURE = 760;
-export function Settings({ entries, groups, active, onPick, title = 'Settings', children, ...rest }) {
+export function Settings({ entries, groups, active, onPick, title: named, children, ...rest }) {
+    const { t } = useI18n();
+    const title = named ?? t('Settings');
     const id = useId();
     const order = groups ?? [...new Set(entries.map((e) => e.group))];
     return (_jsxs(XStack, { ...slot('settings'), flex: 1, minH: 0, minW: 0, ...rest, children: [_jsx(YStack, { ...slot('settings-nav'), role: "navigation", "aria-label": title, width: NAV, shrink: 0, minH: 0, borderInlineEndWidth: 1, borderColor: "$borderColor", "$max-md": { display: 'none' }, children: _jsx(ScrollView, { flex: 1, minH: 0, overflowY: "auto", showsVerticalScrollIndicator: false, children: _jsxs(YStack, { px: "$2", py: "$4", gap: "$4", children: [_jsx(SizableText, { size: "$4", color: "$ink", px: "$2", children: title }), order.map((g, i) => {

package/dist/settings/Settings.js.map

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

package/dist/styles.css

@@ -2595,39 +2595,7 @@
     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;
+    background-image: none !important;
   }
 
   /* The composer's ground, under the material's fill: `--composer-ground` (below),
@@ -2771,36 +2739,23 @@
   --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);
+  --glass-prism: none;
+  --edge-highlight: 0 0 0 0 transparent;
+}
 
-  /* 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%);
+.dark, :root.t_dark, .t_dark {
+  --edge-highlight: 0 0 0 0 transparent;
 }
 
 .light, :root.t_light, .t_light {
   --glass-shadow-1: 0 1px 2px 0 rgb(0 0 0 / .06);
   --glass-shadow-2: 0 10px 15px -3px rgb(0 0 0 / .09), 0 4px 6px -4px rgb(0 0 0 / .07);
   --glass-shadow-3: 0 24px 60px -16px rgb(0 0 0 / .18);
+  --edge-highlight: 0 0 0 0 transparent;
 }
 
 .elevation-1 {
-  box-shadow:
-    var(--edge-highlight, inset 0 1px 0 0 rgb(255 255 255 / .10)),
-    var(--glass-shadow-1) !important;
+  box-shadow: var(--glass-shadow-1) !important;
 }
 
 .elevation-2,
@@ -2812,17 +2767,13 @@
 [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)),
-    var(--glass-shadow-2) !important;
+  box-shadow: var(--glass-shadow-2) !important;
 }
 
 .elevation-3,
 [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;
+  box-shadow: var(--glass-shadow-3) !important;
 }
 
 /* ── The fold — the one mark that means an item opens ────────────────────────

package/dist/theme.css

@@ -2593,39 +2593,7 @@
     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;
+    background-image: none !important;
   }
 
   /* The composer's ground, under the material's fill: `--composer-ground` (below),
@@ -2769,36 +2737,23 @@
   --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);
+  --glass-prism: none;
+  --edge-highlight: 0 0 0 0 transparent;
+}
 
-  /* 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%);
+.dark, :root.t_dark, .t_dark {
+  --edge-highlight: 0 0 0 0 transparent;
 }
 
 .light, :root.t_light, .t_light {
   --glass-shadow-1: 0 1px 2px 0 rgb(0 0 0 / .06);
   --glass-shadow-2: 0 10px 15px -3px rgb(0 0 0 / .09), 0 4px 6px -4px rgb(0 0 0 / .07);
   --glass-shadow-3: 0 24px 60px -16px rgb(0 0 0 / .18);
+  --edge-highlight: 0 0 0 0 transparent;
 }
 
 .elevation-1 {
-  box-shadow:
-    var(--edge-highlight, inset 0 1px 0 0 rgb(255 255 255 / .10)),
-    var(--glass-shadow-1) !important;
+  box-shadow: var(--glass-shadow-1) !important;
 }
 
 .elevation-2,
@@ -2810,17 +2765,13 @@
 [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)),
-    var(--glass-shadow-2) !important;
+  box-shadow: var(--glass-shadow-2) !important;
 }
 
 .elevation-3,
 [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;
+  box-shadow: var(--glass-shadow-3) !important;
 }
 
 /* ── The fold — the one mark that means an item opens ────────────────────────

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.29.45",
+  "version": "8.30.3",
   "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": {
@@ -14,6 +14,12 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "import": "./dist/i18n/index.js",
+      "require": "./dist/i18n/index.cjs",
+      "default": "./dist/i18n/index.js"
+    },
     "./blocks": {
       "types": "./dist/blocks/index.d.ts",
       "import": "./dist/blocks/index.js",
@@ -316,7 +322,7 @@
     "@codemirror/language": "^6.12.4",
     "@codemirror/state": "^6.7.6",
     "@codemirror/view": "^6.43.13",
-    "@hanzo/appearance": "^0.2.13",
+    "@hanzo/appearance": "^0.2.14",
     "@hanzo/brand": "1.4.8",
     "@hanzo/design": "0.5.38",
     "@hanzo/font": "1.9.2",
@@ -388,6 +394,9 @@
     },
     "next-themes": {
       "optional": true
+    },
+    "@hanzo/i18n": {
+      "optional": true
     }
   },
   "devDependencies": {