@hanzo/ui 8.29.4 → 8.29.6

package/dist/backends/gui/input-group.cjs

@@ -17,7 +17,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * action can be clicked, and the text never runs under either.
  *
  * gui has no `:focus-within` and no `:has()`, so focus, invalidity and disabling
- * are lifted from the field through context: the Input reports, the group draws.
+ * are lifted from the field through context: the Input reports, the group draws:
+ * under focus, its own edge brightened a step and no ring outside it.
  *
  * Structure and states after twenty-ui's InputGroup (MIT, see NOTICE): a row
  * with a 4px gap on the field box, start and end elements that never shrink,
@@ -30,6 +31,8 @@ const density_1 = require("./density.cjs");
 const slot_1 = require("./slot.cjs");
 /** What a grouped field reads: the group's box, and the two callbacks it reports through. */
 exports.GroupContext = (0, react_1.createContext)(null);
+/** The edge under focus: a third of the ink, in either theme (glass.css says the same for the composer). */
+const LIT = 'color-mix(in srgb, var(--foreground) 32%, transparent)';
 /** Quiet at rest, lifted under focus, dimmer still when the field is disabled. */
 const tone = (focused, disabled) => (disabled ? 0.4 : focused ? 0.9 : 0.6);
 function InputGroup({ start, end, size, fill = false, children, ...props }) {
@@ -40,10 +43,10 @@ function InputGroup({ start, end, size, fill = false, children, ...props }) {
     const [state, setState] = (0, react_1.useState)({ invalid: false, disabled: false });
     const report = (0, react_1.useCallback)((r) => setState((s) => (s.invalid === r.invalid && s.disabled === r.disabled ? s : r)), []);
     const ctx = (0, react_1.useMemo)(() => ({ size: resolved, focus: setFocused, report }), [resolved, report]);
-    const edge = state.invalid ? (focused ? '$red8' : '$red7') : focused ? '$borderColorFocus' : '$borderColor';
+    // Focus is the box's own edge brightened a step, as the composer's is: one
+    // line in place, never a second ring a gap outside it.
+    const edge = state.invalid ? (focused ? '$red8' : '$red7') : focused ? LIT : '$borderColor';
     return ((0, jsx_runtime_1.jsx)(exports.GroupContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('input-group'), "data-focused": focused ? '' : undefined, "data-invalid": state.invalid ? '' : undefined, "data-disabled": state.disabled ? '' : undefined, 
             // The Input sub-theme, so the edge under focus is the Input's own.
-            componentName: "Input", ...control_1.FIELD, ...(density === 'compact' ? { bg: '$panel' } : null), ...(fill ? control_1.FILL : null), borderColor: edge, hoverStyle: state.disabled || focused ? undefined : { borderColor: '$borderColorHover' }, ...(focused
-                ? { outlineColor: '$outlineColor', outlineWidth: 2, outlineStyle: 'solid', outlineOffset: 2 }
-                : null), items: "center", gap: "$1", height: box.h, width: "100%", minW: 0, px: box.gutter, cursor: state.disabled ? 'not-allowed' : undefined, ...props, children: [start ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('input-group-start'), shrink: 0, items: "center", opacity: tone(focused, state.disabled), children: start })) : null, children, end ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('input-group-end'), shrink: 0, items: "center", gap: "$1", opacity: tone(focused, state.disabled), children: end })) : null] }) }));
+            componentName: "Input", ...control_1.FIELD, ...(density === 'compact' ? { bg: '$panel' } : null), ...(fill ? control_1.FILL : null), borderColor: edge, hoverStyle: state.disabled || focused ? undefined : { borderColor: '$borderColorHover' }, items: "center", gap: "$1", height: box.h, width: "100%", minW: 0, px: box.gutter, cursor: state.disabled ? 'not-allowed' : undefined, ...props, children: [start ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('input-group-start'), shrink: 0, items: "center", opacity: tone(focused, state.disabled), children: start })) : null, children, end ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('input-group-end'), shrink: 0, items: "center", gap: "$1", opacity: tone(focused, state.disabled), children: end })) : null] }) }));
 }

package/dist/backends/gui/input-group.d.ts

@@ -11,7 +11,8 @@
  * action can be clicked, and the text never runs under either.
  *
  * gui has no `:focus-within` and no `:has()`, so focus, invalidity and disabling
- * are lifted from the field through context: the Input reports, the group draws.
+ * are lifted from the field through context: the Input reports, the group draws:
+ * under focus, its own edge brightened a step and no ring outside it.
  *
  * Structure and states after twenty-ui's InputGroup (MIT, see NOTICE): a row
  * with a 4px gap on the field box, start and end elements that never shrink,

package/dist/backends/gui/input-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/input-group.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAiD,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC1G,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAA;AAI5D,KAAK,MAAM,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAErD,6FAA6F;AAC7F,eAAO,MAAM,YAAY;UACjB,SAAS;WACR,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI;YACpB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;SACd,CAAA;AAEf,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,wDAAwD;IACxD,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAKD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAwDjG"}
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/input-group.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAiD,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC1G,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAA;AAI5D,KAAK,MAAM,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAErD,6FAA6F;AAC7F,eAAO,MAAM,YAAY;UACjB,SAAS;WACR,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI;YACpB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;SACd,CAAA;AAEf,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,wDAAwD;IACxD,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAQD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAqDjG"}

package/dist/backends/gui/input-group.js

@@ -13,7 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * action can be clicked, and the text never runs under either.
  *
  * gui has no `:focus-within` and no `:has()`, so focus, invalidity and disabling
- * are lifted from the field through context: the Input reports, the group draws.
+ * are lifted from the field through context: the Input reports, the group draws:
+ * under focus, its own edge brightened a step and no ring outside it.
  *
  * Structure and states after twenty-ui's InputGroup (MIT, see NOTICE): a row
  * with a 4px gap on the field box, start and end elements that never shrink,
@@ -26,6 +27,8 @@ import { fieldSize, useDensity } from './density.js';
 import { slot } from './slot.js';
 /** What a grouped field reads: the group's box, and the two callbacks it reports through. */
 export const GroupContext = /* @__PURE__ */ createContext(null);
+/** The edge under focus: a third of the ink, in either theme (glass.css says the same for the composer). */
+const LIT = 'color-mix(in srgb, var(--foreground) 32%, transparent)';
 /** Quiet at rest, lifted under focus, dimmer still when the field is disabled. */
 const tone = (focused, disabled) => (disabled ? 0.4 : focused ? 0.9 : 0.6);
 export function InputGroup({ start, end, size, fill = false, children, ...props }) {
@@ -36,11 +39,11 @@ export function InputGroup({ start, end, size, fill = false, children, ...props
     const [state, setState] = useState({ invalid: false, disabled: false });
     const report = useCallback((r) => setState((s) => (s.invalid === r.invalid && s.disabled === r.disabled ? s : r)), []);
     const ctx = useMemo(() => ({ size: resolved, focus: setFocused, report }), [resolved, report]);
-    const edge = state.invalid ? (focused ? '$red8' : '$red7') : focused ? '$borderColorFocus' : '$borderColor';
+    // Focus is the box's own edge brightened a step, as the composer's is: one
+    // line in place, never a second ring a gap outside it.
+    const edge = state.invalid ? (focused ? '$red8' : '$red7') : focused ? LIT : '$borderColor';
     return (_jsx(GroupContext.Provider, { value: ctx, children: _jsxs(XStack, { ...slot('input-group'), "data-focused": focused ? '' : undefined, "data-invalid": state.invalid ? '' : undefined, "data-disabled": state.disabled ? '' : undefined, 
             // The Input sub-theme, so the edge under focus is the Input's own.
-            componentName: "Input", ...FIELD, ...(density === 'compact' ? { bg: '$panel' } : null), ...(fill ? FILL : null), borderColor: edge, hoverStyle: state.disabled || focused ? undefined : { borderColor: '$borderColorHover' }, ...(focused
-                ? { outlineColor: '$outlineColor', outlineWidth: 2, outlineStyle: 'solid', outlineOffset: 2 }
-                : null), items: "center", gap: "$1", height: box.h, width: "100%", minW: 0, px: box.gutter, cursor: state.disabled ? 'not-allowed' : undefined, ...props, children: [start ? (_jsx(XStack, { ...slot('input-group-start'), shrink: 0, items: "center", opacity: tone(focused, state.disabled), children: start })) : null, children, end ? (_jsx(XStack, { ...slot('input-group-end'), shrink: 0, items: "center", gap: "$1", opacity: tone(focused, state.disabled), children: end })) : null] }) }));
+            componentName: "Input", ...FIELD, ...(density === 'compact' ? { bg: '$panel' } : null), ...(fill ? FILL : null), borderColor: edge, hoverStyle: state.disabled || focused ? undefined : { borderColor: '$borderColorHover' }, items: "center", gap: "$1", height: box.h, width: "100%", minW: 0, px: box.gutter, cursor: state.disabled ? 'not-allowed' : undefined, ...props, children: [start ? (_jsx(XStack, { ...slot('input-group-start'), shrink: 0, items: "center", opacity: tone(focused, state.disabled), children: start })) : null, children, end ? (_jsx(XStack, { ...slot('input-group-end'), shrink: 0, items: "center", gap: "$1", opacity: tone(focused, state.disabled), children: end })) : null] }) }));
 }
 //# sourceMappingURL=input-group.js.map

package/dist/backends/gui/input-group.js.map

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

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.29.4</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.29.6</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *
@@ -2769,7 +2769,10 @@
    `:has` is unsupported neither applies and the field keeps drawing its own
    ring, so no browser reaches a state with a focused composer and no indicator
    anywhere. */
-[data-slot='composer']:has([data-slot='composer-field']:focus-visible) {
+/* `:root` first, because gui writes each edge's colour as `:root ._btc-x._btc-x`
+   (0,3,0), injected after this sheet: at equal weight the later rule won and
+   the edge never moved. One more step of weight is the whole fix. */
+:root [data-slot='composer']:has([data-slot='composer-field']:focus-visible) {
   border-color: color-mix(in srgb, var(--foreground) 32%, transparent);
 }
 

package/dist/glass.css

@@ -327,7 +327,10 @@
    `:has` is unsupported neither applies and the field keeps drawing its own
    ring, so no browser reaches a state with a focused composer and no indicator
    anywhere. */
-[data-slot='composer']:has([data-slot='composer-field']:focus-visible) {
+/* `:root` first, because gui writes each edge's colour as `:root ._btc-x._btc-x`
+   (0,3,0), injected after this sheet: at equal weight the later rule won and
+   the edge never moved. One more step of weight is the whole fix. */
+:root [data-slot='composer']:has([data-slot='composer-field']:focus-visible) {
   border-color: color-mix(in srgb, var(--foreground) 32%, transparent);
 }
 

package/dist/styles.css

@@ -2769,7 +2769,10 @@
    `:has` is unsupported neither applies and the field keeps drawing its own
    ring, so no browser reaches a state with a focused composer and no indicator
    anywhere. */
-[data-slot='composer']:has([data-slot='composer-field']:focus-visible) {
+/* `:root` first, because gui writes each edge's colour as `:root ._btc-x._btc-x`
+   (0,3,0), injected after this sheet: at equal weight the later rule won and
+   the edge never moved. One more step of weight is the whole fix. */
+:root [data-slot='composer']:has([data-slot='composer-field']:focus-visible) {
   border-color: color-mix(in srgb, var(--foreground) 32%, transparent);
 }
 

package/dist/theme.css

@@ -2767,7 +2767,10 @@
    `:has` is unsupported neither applies and the field keeps drawing its own
    ring, so no browser reaches a state with a focused composer and no indicator
    anywhere. */
-[data-slot='composer']:has([data-slot='composer-field']:focus-visible) {
+/* `:root` first, because gui writes each edge's colour as `:root ._btc-x._btc-x`
+   (0,3,0), injected after this sheet: at equal weight the later rule won and
+   the edge never moved. One more step of weight is the whole fix. */
+:root [data-slot='composer']:has([data-slot='composer-field']:focus-visible) {
   border-color: color-mix(in srgb, var(--foreground) 32%, transparent);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.29.4",
+  "version": "8.29.6",
   "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": {