@hanzo/ui 8.29.45 → 8.30.3

package/dist/backends/gui/message-dock.cjs

@@ -19,10 +19,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("@hanzo/i18n/react");
+const button_1 = require("./button.cjs");
+const gesture_1 = require("./gesture.cjs");
 const ink_1 = require("./ink.cjs");
 const slot_1 = require("./slot.cjs");
-const gesture_1 = require("./gesture.cjs");
-const button_1 = require("./button.cjs");
 const CLOSE = 24;
 const CARD_MIN_WIDTH = 300;
 const CardContext = /* @__PURE__ */ (0, gui_1.createStyledContext)({
@@ -108,8 +109,9 @@ const CardDescription = (0, gui_1.styled)(gui_1.SizableText, {
 });
 function MessageDock({ messages, onClose, position = 'bottom-end', ...props }) {
     const resolved = position ?? 'bottom-end';
+    const { t } = (0, react_1.useI18n)();
     return ((0, jsx_runtime_1.jsx)(DockFrame, { ...(0, slot_1.slot)('message-dock'), "data-position": resolved, anchor: resolved, ...props, children: messages.map((message) => {
             const type = message.type ?? 'default';
-            return ((0, jsx_runtime_1.jsx)(CardFrame, { ...(0, slot_1.slot)('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, paddingInlineEnd: onClose ? CLOSE : 0, children: [(0, jsx_runtime_1.jsx)(CardTitle, { type: type, ...(0, slot_1.slot)('message-dock-card-title'), children: (0, ink_1.ink)(message.title) }), message.description ? ((0, jsx_runtime_1.jsx)(CardDescription, { type: type, ...(0, slot_1.slot)('message-dock-card-description'), children: (0, ink_1.ink)(message.description) })) : null] }), onClose ? ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...(0, gesture_1.touch)(CLOSE), position: "absolute", t: "$3", insetInlineEnd: "$3", "aria-label": "Close", onPress: () => onClose(message.id), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 16 }) })) : null] }) }, message.id));
+            return ((0, jsx_runtime_1.jsx)(CardFrame, { ...(0, slot_1.slot)('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, paddingInlineEnd: onClose ? CLOSE : 0, children: [(0, jsx_runtime_1.jsx)(CardTitle, { type: type, ...(0, slot_1.slot)('message-dock-card-title'), children: (0, ink_1.ink)(message.title) }), message.description ? ((0, jsx_runtime_1.jsx)(CardDescription, { type: type, ...(0, slot_1.slot)('message-dock-card-description'), children: (0, ink_1.ink)(message.description) })) : null] }), onClose ? ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...(0, gesture_1.touch)(CLOSE), position: "absolute", t: "$3", insetInlineEnd: "$3", "aria-label": t('Close'), onPress: () => onClose(message.id), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 16 }) })) : null] }) }, message.id));
         }) }));
 }

package/dist/backends/gui/message-dock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-dock.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/message-dock.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAM3C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,CAAA;AAS5G,QAAA,MAAM,SAAS;;;;8CAqBb,CAAA;AAuEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IAC1G,QAAQ,EAAE,kBAAkB,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAuB,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAiD9F;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"message-dock.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/message-dock.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAO3C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,CAAA;AAW5G,QAAA,MAAM,SAAS;;;;8CAqBb,CAAA;AAuEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IAC1G,QAAQ,EAAE,kBAAkB,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAuB,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BA2C9F;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/backends/gui/message-dock.js

@@ -14,12 +14,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * surface tokens. `onClose` only reports which id was dismissed, the same
  * contract `Banner.onClose` uses — the dock itself holds no visibility state.
  */
-import { XStack, YStack, SizableText, createStyledContext, styled } from '@hanzo/gui';
+import { createStyledContext, SizableText, styled, XStack, YStack } from '@hanzo/gui';
 import { X } from '@hanzogui/lucide-icons-2';
+import { useI18n } from '@hanzo/i18n/react';
+import { Button } from './button.js';
+import { touch } from './gesture.js';
 import { ink } from './ink.js';
 import { slot } from './slot.js';
-import { touch } from './gesture.js';
-import { Button } from './button.js';
 const CLOSE = 24;
 const CARD_MIN_WIDTH = 300;
 const CardContext = /* @__PURE__ */ createStyledContext({
@@ -105,9 +106,10 @@ const CardDescription = styled(SizableText, {
 });
 function MessageDock({ messages, onClose, position = 'bottom-end', ...props }) {
     const resolved = position ?? 'bottom-end';
+    const { t } = useI18n();
     return (_jsx(DockFrame, { ...slot('message-dock'), "data-position": resolved, anchor: resolved, ...props, children: messages.map((message) => {
             const type = message.type ?? 'default';
-            return (_jsx(CardFrame, { ...slot('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: _jsxs(XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [_jsxs(YStack, { flex: 1, paddingInlineEnd: onClose ? CLOSE : 0, children: [_jsx(CardTitle, { type: type, ...slot('message-dock-card-title'), children: ink(message.title) }), message.description ? (_jsx(CardDescription, { type: type, ...slot('message-dock-card-description'), children: ink(message.description) })) : null] }), onClose ? (_jsx(Button, { ...slot('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...touch(CLOSE), position: "absolute", t: "$3", insetInlineEnd: "$3", "aria-label": "Close", onPress: () => onClose(message.id), children: _jsx(X, { size: 16 }) })) : null] }) }, message.id));
+            return (_jsx(CardFrame, { ...slot('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: _jsxs(XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [_jsxs(YStack, { flex: 1, paddingInlineEnd: onClose ? CLOSE : 0, children: [_jsx(CardTitle, { type: type, ...slot('message-dock-card-title'), children: ink(message.title) }), message.description ? (_jsx(CardDescription, { type: type, ...slot('message-dock-card-description'), children: ink(message.description) })) : null] }), onClose ? (_jsx(Button, { ...slot('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...touch(CLOSE), position: "absolute", t: "$3", insetInlineEnd: "$3", "aria-label": t('Close'), onPress: () => onClose(message.id), children: _jsx(X, { size: 16 }) })) : null] }) }, message.id));
         }) }));
 }
 export { MessageDock };

package/dist/backends/gui/message-dock.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-dock.js","sourceRoot":"","sources":["../../../src/backends/gui/message-dock.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"message-dock.js","sourceRoot":"","sources":["../../../src/backends/gui/message-dock.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACrF,OAAO,EAAE,CAAC,EAAE,MAAM,0BAA0B,CAAA;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAa7B,MAAM,KAAK,GAAG,EAAE,CAAA;AAChB,MAAM,cAAc,GAAG,GAAG,CAAA;AAE1B,MAAM,WAAW,GAAG,eAAe,CAAC,mBAAmB,CAEpD;IACD,IAAI,EAAE,SAAS;CAChB,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE;IAC/B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,IAAI;IACT,CAAC,EAAE,EAAE;IAEL,uEAAuE;IACvE,6EAA6E;IAC7E,4DAA4D;IAC5D,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,EAAE;YACpE,MAAM,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,EAAE;YACvE,SAAS,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE;YAC5C,YAAY,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE;YAC/C,WAAW,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;YACjC,cAAc,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;SACrC;KACO;IAEV,eAAe,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE;CAC1C,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE;IAC/B,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,cAAc;IAC3B,EAAE,EAAE,aAAa;IACjB,CAAC,EAAE,IAAI;IACP,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,EAAE;IAChB,aAAa,EAAE,GAAG;IAElB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;YAC7C,OAAO,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE;YAClD,OAAO,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;YACpD,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;SAC7C;KACO;IAEV,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;CACrC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,EAAE;IACpC,IAAI,EAAE,sBAAsB;IAC5B,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,MAAM;IAEb,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC1B,OAAO,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;YAC9B,OAAO,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;SAC3B;KACO;CACX,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,EAAE;IAC1C,IAAI,EAAE,4BAA4B;IAClC,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,IAAI;IACV,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,QAAQ;IAEf,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC1B,OAAO,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;YAC9B,OAAO,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;SAC3B;KACO;CACX,CAAC,CAAA;AAYF,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,YAAY,EAAE,GAAG,KAAK,EAAoB;IAC7F,MAAM,QAAQ,GAAG,QAAQ,IAAI,YAAY,CAAA;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CACL,KAAC,SAAS,OAAK,IAAI,CAAC,cAAc,CAAC,mBAAiB,QAAQ,EAAE,MAAM,EAAE,QAAQ,KAAM,KAAK,YACtF,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACxB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,SAAS,CAAA;YACtC,OAAO,CACL,KAAC,SAAS,OAAsB,IAAI,CAAC,mBAAmB,CAAC,qBAAmB,OAAO,CAAC,EAAE,eAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,YAChI,MAAC,MAAM,IAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAC,IAAI,aACzD,MAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aACpD,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC,yBAAyB,CAAC,YACvD,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,GACT,EACX,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CACrB,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC,+BAA+B,CAAC,YACnE,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,GACT,CACnB,CAAC,CAAC,CAAC,IAAI,IACD,EACR,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,MAAM,OACD,IAAI,CAAC,yBAAyB,CAAC,EACnC,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,KAAK,KACP,KAAK,CAAC,KAAK,CAAC,EAChB,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAC,IAAI,EACN,cAAc,EAAC,IAAI,gBACP,CAAC,CAAC,OAAO,CAAC,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,YAElC,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,CACV,CAAC,CAAC,CAAC,IAAI,IACD,IA7BK,OAAO,CAAC,EAAE,CA8Bd,CACb,CAAA;QACH,CAAC,CAAC,GACQ,CACb,CAAA;AACH,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/backends/gui/nav-items.cjs

@@ -3,11 +3,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavItems = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@hanzo/i18n/react");
 const box_1 = require("../../box.cjs");
 const cn_1 = require("../../core/cn.cjs");
 const link_element_1 = require("./link-element.cjs");
-const NavItems = ({ items, currentAs, as = 'nav', className, itemClx, onNavigate, }) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: as, "aria-label": as === 'nav' ? 'Navigation' : undefined, className: (0, cn_1.cn)('grid grid-flow-col auto-cols-max items-center', className), children: items.map((def, i) => {
-        const current = !!currentAs && def.href === currentAs;
-        return ((0, jsx_runtime_1.jsx)(link_element_1.LinkElement, { def: def, onClick: onNavigate, "aria-current": current ? 'page' : false, className: (0, cn_1.cn)(typeof itemClx === 'function' ? itemClx(def) : itemClx) }, def.href || i));
-    }) }));
+const NavItems = ({ items, currentAs, as = 'nav', className, itemClx, onNavigate, }) => {
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: as, "aria-label": as === 'nav' ? t('Navigation') : undefined, className: (0, cn_1.cn)('grid grid-flow-col auto-cols-max items-center', className), children: items.map((def, i) => {
+            const current = !!currentAs && def.href === currentAs;
+            return ((0, jsx_runtime_1.jsx)(link_element_1.LinkElement, { def: def, onClick: onNavigate, "aria-current": current ? 'page' : false, className: (0, cn_1.cn)(typeof itemClx === 'function' ? itemClx(def) : itemClx) }, def.href || i));
+        }) }));
+};
 exports.NavItems = NavItems;

package/dist/backends/gui/nav-items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-items.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/nav-items.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yEAAyE;IACzE,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC,CAAA;IAC7C,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,QAAQ,8DAOlB,aAAa,sBAqBf,CAAA"}
+{"version":3,"file":"nav-items.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/nav-items.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yEAAyE;IACzE,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC,CAAA;IAC7C,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,QAAQ,8DAOlB,aAAa,sBAwBf,CAAA"}

package/dist/backends/gui/nav-items.js

@@ -1,10 +1,14 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useI18n } from '@hanzo/i18n/react';
 import { Box } from '../../box.js';
 import { cn } from '../../core/cn.js';
 import { LinkElement } from './link-element.js';
-export const NavItems = ({ items, currentAs, as = 'nav', className, itemClx, onNavigate, }) => (_jsx(Box, { tag: as, "aria-label": as === 'nav' ? 'Navigation' : undefined, className: cn('grid grid-flow-col auto-cols-max items-center', className), children: items.map((def, i) => {
-        const current = !!currentAs && def.href === currentAs;
-        return (_jsx(LinkElement, { def: def, onClick: onNavigate, "aria-current": current ? 'page' : false, className: cn(typeof itemClx === 'function' ? itemClx(def) : itemClx) }, def.href || i));
-    }) }));
+export const NavItems = ({ items, currentAs, as = 'nav', className, itemClx, onNavigate, }) => {
+    const { t } = useI18n();
+    return (_jsx(Box, { tag: as, "aria-label": as === 'nav' ? t('Navigation') : undefined, className: cn('grid grid-flow-col auto-cols-max items-center', className), children: items.map((def, i) => {
+            const current = !!currentAs && def.href === currentAs;
+            return (_jsx(LinkElement, { def: def, onClick: onNavigate, "aria-current": current ? 'page' : false, className: cn(typeof itemClx === 'function' ? itemClx(def) : itemClx) }, def.href || i));
+        }) }));
+};
 //# sourceMappingURL=nav-items.js.map

package/dist/backends/gui/nav-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-items.js","sourceRoot":"","sources":["../../../src/backends/gui/nav-items.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAcZ,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAmB,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAqB5C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,SAAS,EACT,EAAE,GAAG,KAAK,EACV,SAAS,EACT,OAAO,EACP,UAAU,GACI,EAAE,EAAE,CAAC,CACnB,KAAC,GAAG,IACF,GAAG,EAAE,EAAE,gBAGK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACnD,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,YAExE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACpB,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS,CAAA;QACrD,OAAO,CACL,KAAC,WAAW,IAEV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAU,kBACL,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACtC,SAAS,EAAE,EAAE,CAAC,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAJhE,GAAG,CAAC,IAAI,IAAI,CAAC,CAKlB,CACH,CAAA;IACH,CAAC,CAAC,GACE,CACP,CAAA"}
+{"version":3,"file":"nav-items.js","sourceRoot":"","sources":["../../../src/backends/gui/nav-items.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAmB,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAqB5C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,SAAS,EACT,EAAE,GAAG,KAAK,EACV,SAAS,EACT,OAAO,EACP,UAAU,GACI,EAAE,EAAE;IAClB,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAE,EAAE,gBAGK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,EACtD,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,YAExE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACpB,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS,CAAA;YACrD,OAAO,CACL,KAAC,WAAW,IAEV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAU,kBACL,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACtC,SAAS,EAAE,EAAE,CAAC,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAJhE,GAAG,CAAC,IAAI,IAAI,CAAC,CAKlB,CACH,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/backends/gui/navigation-bar.cjs

@@ -17,27 +17,38 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("@hanzo/i18n/react");
 const avatar_1 = require("./avatar.cjs");
 const badge_1 = require("./badge.cjs");
 const button_1 = require("./button.cjs");
+const dir_1 = require("./dir.cjs");
 const dropdown_menu_1 = require("./dropdown-menu.cjs");
 const ink_1 = require("./ink.cjs");
-const dir_1 = require("./dir.cjs");
 const HEIGHT = 64;
 const BREADCRUMB_HEIGHT = 48;
 /** Retag helpers — the ONE way this file swaps the host element under a gui primitive. */
 const Nav = (0, gui_1.styled)(gui_1.XStack, { name: 'NavigationBar', render: 'nav' });
-const List = (0, gui_1.styled)(gui_1.XStack, { name: 'NavigationBarBreadcrumbList', render: 'ol' });
-const ListItem = (0, gui_1.styled)(gui_1.XStack, { name: 'NavigationBarBreadcrumbItem', render: 'li' });
+const List = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'NavigationBarBreadcrumbList',
+    render: 'ol',
+});
+const ListItem = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'NavigationBarBreadcrumbItem',
+    render: 'li',
+});
 const Anchor = (0, gui_1.styled)(gui_1.SizableText, { name: 'NavigationBarLink', render: 'a' });
-const IconAnchor = (0, gui_1.styled)(gui_1.YStack, { name: 'NavigationBarIconLink', render: 'a' });
+const IconAnchor = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'NavigationBarIconLink',
+    render: 'a',
+});
 const Link = ({ item }) => item.href ? ((0, jsx_runtime_1.jsx)(Anchor, { ...{ href: item.href }, size: "$3", fontWeight: "500", color: "$ink", hoverStyle: { color: '$accentColor' }, children: item.label })) : ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$3", fontWeight: "500", color: "$quiet", "aria-current": "page", children: item.label }));
 const Links = ({ items }) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$5", items: "center", children: items.map((item) => ((0, jsx_runtime_1.jsx)(Link, { item: item }, item.href ?? item.label))) }));
 const IconButton = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "icon", ...props, children: children }));
 const Avatars = ({ people, max = 3 }) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", children: [people.slice(0, max).map((p, i) => ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar, { marginInlineStart: i > 0 ? -8 : 0, borderWidth: 2, borderColor: "$background", children: [(0, jsx_runtime_1.jsx)(avatar_1.AvatarImage, { src: p.avatar }), (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { children: p.name.slice(0, 1) })] }, p.name + i))), people.length > max ? ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { marginInlineStart: -8, borderWidth: 2, borderColor: "$background", children: (0, jsx_runtime_1.jsxs)(avatar_1.AvatarFallback, { children: ["+", people.length - max] }) })) : null] }));
 function NavigationBar({ variant = 'simple', logo, items = [], leftItems = [], rightItems = [], title, user, collaborators = [], cartCount = 0, contactName, options = [], value, onValueChange, onSearch, onNotifications, onCall, onVideo, onMessage, children, }) {
+    const { t } = (0, react_1.useI18n)();
     const height = variant === 'breadcrumb' ? BREADCRUMB_HEIGHT : HEIGHT;
-    return ((0, jsx_runtime_1.jsx)(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? ((0, jsx_runtime_1.jsx)(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)(ListItem, { items: "center", gap: "$2", children: [i > 0 ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: 14, opacity: 0.6 }) : null, (0, jsx_runtime_1.jsx)(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => ((0, jsx_runtime_1.jsxs)(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, (0, ink_1.ink)(item.label, gui_1.SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Links, { items: leftItems }), (0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: rightItems })] })) : variant === 'dashboard' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$5', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Search", onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Notifications", onPress: onNotifications, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bell, { size: 18 }) }), user ? ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar, { children: [(0, jsx_runtime_1.jsx)(avatar_1.AvatarImage, { src: user.avatar }), (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: items }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Search", onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Account", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.User, { size: 18 }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "relative", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Cart", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ShoppingCart, { size: 18 }) }), cartCount > 0 ? ((0, jsx_runtime_1.jsx)(badge_1.Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, insetInlineEnd: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Users, { size: 18, opacity: 0.6 }), (0, jsx_runtime_1.jsx)(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(contactName, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Call", onPress: onCall, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Phone, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Video call", onPress: onVideo, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Video, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Message", onPress: onMessage, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenu, { trigger: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? 'Select', (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14 })] }), items: options.map((o) => ({
+    return ((0, jsx_runtime_1.jsx)(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? ((0, jsx_runtime_1.jsx)(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)(ListItem, { items: "center", gap: "$2", children: [i > 0 ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: 14, opacity: 0.6 }) : null, (0, jsx_runtime_1.jsx)(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => ((0, jsx_runtime_1.jsxs)(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, (0, ink_1.ink)(item.label, gui_1.SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Links, { items: leftItems }), (0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: rightItems })] })) : variant === 'dashboard' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$5', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": t('Search'), onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": t('Notifications'), onPress: onNotifications, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bell, { size: 18 }) }), user ? ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar, { children: [(0, jsx_runtime_1.jsx)(avatar_1.AvatarImage, { src: user.avatar }), (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: items }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": t('Search'), onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": t('Account'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.User, { size: 18 }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "relative", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": t('Cart'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ShoppingCart, { size: 18 }) }), cartCount > 0 ? ((0, jsx_runtime_1.jsx)(badge_1.Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, insetInlineEnd: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Users, { size: 18, opacity: 0.6 }), (0, jsx_runtime_1.jsx)(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(contactName, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": t('Call'), onPress: onCall, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Phone, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": t('Video call'), onPress: onVideo, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Video, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": t('Message'), onPress: onMessage, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenu, { trigger: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? t('Select'), (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14 })] }), items: options.map((o) => ({
                         key: o.id,
                         label: o.label,
                         description: o.description,

package/dist/backends/gui/navigation-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/navigation-bar.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,WAAW,GACX,eAAe,GACf,eAAe,GACf,UAAU,CAAA;AAkEd,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC/B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAChC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,uBAAuB;IACvB,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACrC,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB;IAClB,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAkB,EAClB,IAAI,EACJ,KAAU,EACV,SAAc,EACd,UAAe,EACf,KAAK,EACL,IAAI,EACJ,aAAkB,EAClB,SAAa,EACb,WAAW,EACX,OAAY,EACZ,KAAK,EACL,aAAa,EACb,QAAQ,EACR,eAAe,EACf,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,+BA+IpB"}
+{"version":3,"file":"navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/navigation-bar.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,eAAe,GAAG,eAAe,GAAG,UAAU,CAAA;AA8D7J,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC/B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAChC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,uBAAuB;IACvB,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACrC,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB;IAClB,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAkB,EAClB,IAAI,EACJ,KAAU,EACV,SAAc,EACd,UAAe,EACf,KAAK,EACL,IAAI,EACJ,aAAkB,EAClB,SAAa,EACb,WAAW,EACX,OAAY,EACZ,KAAK,EACL,aAAa,EACb,QAAQ,EACR,eAAe,EACf,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,+BA6HpB"}

package/dist/backends/gui/navigation-bar.js

@@ -14,27 +14,38 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  */
 import { ChevronRight, ChevronDown, Search, Bell, ShoppingCart, User, Users, Phone, Video, MessageSquare } from '@hanzogui/lucide-icons-2';
 import { SizableText, XStack, YStack, styled } from '@hanzo/gui';
+import { useI18n } from '@hanzo/i18n/react';
 import { Avatar, AvatarFallback, AvatarImage } from './avatar.js';
 import { Badge } from './badge.js';
 import { Button } from './button.js';
+import { mirror } from './dir.js';
 import { DropdownMenu } from './dropdown-menu.js';
 import { ink } from './ink.js';
-import { mirror } from './dir.js';
 const HEIGHT = 64;
 const BREADCRUMB_HEIGHT = 48;
 /** Retag helpers — the ONE way this file swaps the host element under a gui primitive. */
 const Nav = styled(XStack, { name: 'NavigationBar', render: 'nav' });
-const List = styled(XStack, { name: 'NavigationBarBreadcrumbList', render: 'ol' });
-const ListItem = styled(XStack, { name: 'NavigationBarBreadcrumbItem', render: 'li' });
+const List = styled(XStack, {
+    name: 'NavigationBarBreadcrumbList',
+    render: 'ol',
+});
+const ListItem = styled(XStack, {
+    name: 'NavigationBarBreadcrumbItem',
+    render: 'li',
+});
 const Anchor = styled(SizableText, { name: 'NavigationBarLink', render: 'a' });
-const IconAnchor = styled(YStack, { name: 'NavigationBarIconLink', render: 'a' });
+const IconAnchor = styled(YStack, {
+    name: 'NavigationBarIconLink',
+    render: 'a',
+});
 const Link = ({ item }) => item.href ? (_jsx(Anchor, { ...{ href: item.href }, size: "$3", fontWeight: "500", color: "$ink", hoverStyle: { color: '$accentColor' }, children: item.label })) : (_jsx(SizableText, { size: "$3", fontWeight: "500", color: "$quiet", "aria-current": "page", children: item.label }));
 const Links = ({ items }) => (_jsx(XStack, { gap: "$5", items: "center", children: items.map((item) => (_jsx(Link, { item: item }, item.href ?? item.label))) }));
 const IconButton = ({ children, ...props }) => (_jsx(Button, { variant: "ghost", size: "icon", ...props, children: children }));
 const Avatars = ({ people, max = 3 }) => (_jsxs(XStack, { items: "center", children: [people.slice(0, max).map((p, i) => (_jsxs(Avatar, { marginInlineStart: i > 0 ? -8 : 0, borderWidth: 2, borderColor: "$background", children: [_jsx(AvatarImage, { src: p.avatar }), _jsx(AvatarFallback, { children: p.name.slice(0, 1) })] }, p.name + i))), people.length > max ? (_jsx(Avatar, { marginInlineStart: -8, borderWidth: 2, borderColor: "$background", children: _jsxs(AvatarFallback, { children: ["+", people.length - max] }) })) : null] }));
 export function NavigationBar({ variant = 'simple', logo, items = [], leftItems = [], rightItems = [], title, user, collaborators = [], cartCount = 0, contactName, options = [], value, onValueChange, onSearch, onNotifications, onCall, onVideo, onMessage, children, }) {
+    const { t } = useI18n();
     const height = variant === 'breadcrumb' ? BREADCRUMB_HEIGHT : HEIGHT;
-    return (_jsx(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? (_jsx(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => (_jsxs(ListItem, { items: "center", gap: "$2", children: [i > 0 ? _jsx(ChevronRight, { ...mirror, size: 14, opacity: 0.6 }) : null, _jsx(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? (_jsx(XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => (_jsxs(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, ink(item.label, SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? (_jsxs(_Fragment, { children: [_jsx(Links, { items: leftItems }), ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: rightItems })] })) : variant === 'dashboard' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$5', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(IconButton, { "aria-label": "Search", onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Notifications", onPress: onNotifications, children: _jsx(Bell, { size: 18 }) }), user ? (_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: user.avatar }), _jsx(AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? (_jsxs(_Fragment, { children: [ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: items }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": "Search", onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Account", children: _jsx(User, { size: 18 }) }), _jsxs(XStack, { position: "relative", children: [_jsx(IconButton, { "aria-label": "Cart", children: _jsx(ShoppingCart, { size: 18 }) }), cartCount > 0 ? (_jsx(Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, insetInlineEnd: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(Users, { size: 18, opacity: 0.6 }), _jsx(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? (_jsxs(_Fragment, { children: [ink(contactName, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": "Call", onPress: onCall, children: _jsx(Phone, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Video call", onPress: onVideo, children: _jsx(Video, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Message", onPress: onMessage, children: _jsx(MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenu, { trigger: _jsxs(Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? 'Select', _jsx(ChevronDown, { size: 14 })] }), items: options.map((o) => ({
+    return (_jsx(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? (_jsx(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => (_jsxs(ListItem, { items: "center", gap: "$2", children: [i > 0 ? _jsx(ChevronRight, { ...mirror, size: 14, opacity: 0.6 }) : null, _jsx(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? (_jsx(XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => (_jsxs(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, ink(item.label, SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? (_jsxs(_Fragment, { children: [_jsx(Links, { items: leftItems }), ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: rightItems })] })) : variant === 'dashboard' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$5', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(IconButton, { "aria-label": t('Search'), onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": t('Notifications'), onPress: onNotifications, children: _jsx(Bell, { size: 18 }) }), user ? (_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: user.avatar }), _jsx(AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? (_jsxs(_Fragment, { children: [ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: items }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": t('Search'), onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": t('Account'), children: _jsx(User, { size: 18 }) }), _jsxs(XStack, { position: "relative", children: [_jsx(IconButton, { "aria-label": t('Cart'), children: _jsx(ShoppingCart, { size: 18 }) }), cartCount > 0 ? (_jsx(Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, insetInlineEnd: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(Users, { size: 18, opacity: 0.6 }), _jsx(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? (_jsxs(_Fragment, { children: [ink(contactName, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": t('Call'), onPress: onCall, children: _jsx(Phone, { size: 18 }) }), _jsx(IconButton, { "aria-label": t('Video call'), onPress: onVideo, children: _jsx(Video, { size: 18 }) }), _jsx(IconButton, { "aria-label": t('Message'), onPress: onMessage, children: _jsx(MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenu, { trigger: _jsxs(Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? t('Select'), _jsx(ChevronDown, { size: 14 })] }), items: options.map((o) => ({
                         key: o.id,
                         label: o.label,
                         description: o.description,

package/dist/backends/gui/navigation-bar.js.map

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

package/dist/backends/gui/navigation-menu.cjs

@@ -49,6 +49,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const React = __importStar(require("react"));
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("@hanzo/i18n/react");
 const box_1 = require("../../box.cjs");
 const cn_1 = require("../../core/cn.cjs");
 const Item = /* @__PURE__ */ React.createContext(null);
@@ -58,9 +59,12 @@ const both = (ours, theirs) => (e) => {
     ours(e);
     theirs?.(e);
 };
-const NavigationMenu = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "nav", "aria-label": "Main", className: (0, cn_1.cn)('relative grid justify-center', className), ...props }));
+const NavigationMenu = ({ className, ...props }) => {
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "nav", "aria-label": t('Main'), className: (0, cn_1.cn)('relative grid justify-center', className), ...props }));
+};
 exports.NavigationMenu = NavigationMenu;
-const NavigationMenuList = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "ul", className: (0, cn_1.cn)('grid grid-flow-col auto-cols-max items-center gap-1', className), ...props }));
+const NavigationMenuList = ({ className, ...props }) => (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "ul", className: (0, cn_1.cn)('grid grid-flow-col auto-cols-max items-center gap-1', className), ...props });
 exports.NavigationMenuList = NavigationMenuList;
 const NavigationMenuItem = ({ className, children, ...props }) => {
     const [open, setOpen] = React.useState(false);
@@ -91,9 +95,17 @@ const Trigger = (0, gui_1.styled)(gui_1.XStack, {
     rounded: 'var(--radius, 0.5rem)',
     cursor: 'pointer',
     ...{ color: 'var(--muted-foreground)' },
-    hoverStyle: { bg: 'var(--muted)', ...{ color: 'var(--foreground)' } },
+    hoverStyle: {
+        bg: 'var(--muted)',
+        ...{ color: 'var(--foreground)' },
+    },
     variants: {
-        open: { true: { bg: 'var(--muted)', ...{ color: 'var(--foreground)' } } },
+        open: {
+            true: {
+                bg: 'var(--muted)',
+                ...{ color: 'var(--foreground)' },
+            },
+        },
     },
 }, { validStyles: gui_1.Text.staticConfig.validStyles });
 const NavigationMenuTrigger = ({ className, children, onFocus, onBlur, onClick, ...props }) => {
@@ -111,5 +123,5 @@ const NavigationMenuContent = ({ className, children, ...props }) => {
     return ((0, jsx_runtime_1.jsx)(box_1.Box, { id: item?.id, className: (0, cn_1.cn)('absolute top-full left-0', className), ...props, children: children }));
 };
 exports.NavigationMenuContent = NavigationMenuContent;
-const NavigationMenuLink = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "a", className: className, ...props }));
+const NavigationMenuLink = ({ className, ...props }) => (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "a", className: className, ...props });
 exports.NavigationMenuLink = NavigationMenuLink;

package/dist/backends/gui/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/navigation-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAA;AAqB9C,eAAO,MAAM,cAAc,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,sBAOvF,CAAA;AAED,eAAO,MAAM,kBAAkB,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,sBAM3F,CAAA;AAED,eAAO,MAAM,kBAAkB,sCAAuC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,sBAoBrG,CAAA;AA8BD,eAAO,MAAM,qBAAqB,gEAO/B,QAAQ,CAAC,QAAQ,CAAC,sBAsBpB,CAAA;AAED,eAAO,MAAM,qBAAqB,sCAAuC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,6BAQxG,CAAA;AAED,eAAO,MAAM,kBAAkB,4BAA6B,QAAQ,CAAC,GAAG,CAAC,sBAExE,CAAA"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/navigation-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAA;AAqB9C,eAAO,MAAM,cAAc,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,sBAUvF,CAAA;AAED,eAAO,MAAM,kBAAkB,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,sBAAiH,CAAA;AAE7M,eAAO,MAAM,kBAAkB,sCAAuC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,sBAoBrG,CAAA;AAsCD,eAAO,MAAM,qBAAqB,gEAAiE,QAAQ,CAAC,QAAQ,CAAC,sBAsBpH,CAAA;AAED,eAAO,MAAM,qBAAqB,sCAAuC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,6BAQxG,CAAA;AAED,eAAO,MAAM,kBAAkB,4BAA6B,QAAQ,CAAC,GAAG,CAAC,sBAAqD,CAAA"}

package/dist/backends/gui/navigation-menu.js

@@ -13,6 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import * as React from 'react';
 import { Text, XStack, styled } from '@hanzo/gui';
+import { useI18n } from '@hanzo/i18n/react';
 import { Box } from '../../box.js';
 import { cn } from '../../core/cn.js';
 const Item = /* @__PURE__ */ React.createContext(null);
@@ -22,8 +23,11 @@ const both = (ours, theirs) => (e) => {
     ours(e);
     theirs?.(e);
 };
-export const NavigationMenu = ({ className, ...props }) => (_jsx(Box, { tag: "nav", "aria-label": "Main", className: cn('relative grid justify-center', className), ...props }));
-export const NavigationMenuList = ({ className, ...props }) => (_jsx(Box, { tag: "ul", className: cn('grid grid-flow-col auto-cols-max items-center gap-1', className), ...props }));
+export const NavigationMenu = ({ className, ...props }) => {
+    const { t } = useI18n();
+    return (_jsx(Box, { tag: "nav", "aria-label": t('Main'), className: cn('relative grid justify-center', className), ...props }));
+};
+export const NavigationMenuList = ({ className, ...props }) => _jsx(Box, { tag: "ul", className: cn('grid grid-flow-col auto-cols-max items-center gap-1', className), ...props });
 export const NavigationMenuItem = ({ className, children, ...props }) => {
     const [open, setOpen] = React.useState(false);
     const id = React.useId();
@@ -52,9 +56,17 @@ const Trigger = styled(XStack, {
     rounded: 'var(--radius, 0.5rem)',
     cursor: 'pointer',
     ...{ color: 'var(--muted-foreground)' },
-    hoverStyle: { bg: 'var(--muted)', ...{ color: 'var(--foreground)' } },
+    hoverStyle: {
+        bg: 'var(--muted)',
+        ...{ color: 'var(--foreground)' },
+    },
     variants: {
-        open: { true: { bg: 'var(--muted)', ...{ color: 'var(--foreground)' } } },
+        open: {
+            true: {
+                bg: 'var(--muted)',
+                ...{ color: 'var(--foreground)' },
+            },
+        },
     },
 }, { validStyles: Text.staticConfig.validStyles });
 export const NavigationMenuTrigger = ({ className, children, onFocus, onBlur, onClick, ...props }) => {
@@ -70,5 +82,5 @@ export const NavigationMenuContent = ({ className, children, ...props }) => {
         return null;
     return (_jsx(Box, { id: item?.id, className: cn('absolute top-full left-0', className), ...props, children: children }));
 };
-export const NavigationMenuLink = ({ className, ...props }) => (_jsx(Box, { tag: "a", className: className, ...props }));
+export const NavigationMenuLink = ({ className, ...props }) => _jsx(Box, { tag: "a", className: className, ...props });
 //# sourceMappingURL=navigation-menu.js.map

package/dist/backends/gui/navigation-menu.js.map

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

package/dist/backends/gui/news-timeline.cjs

@@ -23,6 +23,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * without the key a changed prop would leave the old feed on screen.
  */
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("@hanzo/i18n/react");
 const slot_1 = require("./slot.cjs");
 const EMBED = 'https://www.tradingview-widget.com/embed-widget/timeline/?locale=';
 /** The settings TradingView reads, with the documented defaults filled in. */
@@ -38,10 +39,11 @@ const settings = ({ feedMode = 'all_symbols', market = 'crypto', symbol, width =
 });
 const NewsTimeline = ({ feedMode, market, symbol, width, height, colorTheme, locale = 'en', isTransparent, ...props }) => {
     const s = settings({ feedMode, market, symbol, width, height, colorTheme, isTransparent });
+    const { t } = (0, react_1.useI18n)();
     const src = `${EMBED}${locale}#${encodeURIComponent(JSON.stringify(s))}`;
     return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('news-timeline'), "data-feed-mode": s.feedMode, "data-color-theme": s.colorTheme, 
         // The documented size is TradingView's — a number or a percent string —
         // and gui declares a narrower one; on web both reach CSS as written.
-        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: gui_1.isWeb && ((0, jsx_runtime_1.jsx)("iframe", { src: src, title: "News timeline", loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: gui_1.isWeb && ((0, jsx_runtime_1.jsx)("iframe", { src: src, title: t('News timeline'), loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
 };
 exports.NewsTimeline = NewsTimeline;

package/dist/backends/gui/news-timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"news-timeline.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/news-timeline.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAG5D,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEtE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,CAAA;AAEhD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC7F,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,oBAAoB,CAAA;IAC/B,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,wEAAwE;IACxE,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAwBD,QAAA,MAAM,YAAY,6FAUf,iBAAiB,gCA6BnB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"news-timeline.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/news-timeline.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAI5D,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEtE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,CAAA;AAEhD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC7F,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,oBAAoB,CAAA;IAC/B,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,wEAAwE;IACxE,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAwBD,QAAA,MAAM,YAAY,6FAUf,iBAAiB,gCA8BnB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/backends/gui/news-timeline.js

@@ -20,6 +20,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * without the key a changed prop would leave the old feed on screen.
  */
 import { YStack, isWeb } from '@hanzo/gui';
+import { useI18n } from '@hanzo/i18n/react';
 import { slot } from './slot.js';
 const EMBED = 'https://www.tradingview-widget.com/embed-widget/timeline/?locale=';
 /** The settings TradingView reads, with the documented defaults filled in. */
@@ -35,11 +36,12 @@ const settings = ({ feedMode = 'all_symbols', market = 'crypto', symbol, width =
 });
 const NewsTimeline = ({ feedMode, market, symbol, width, height, colorTheme, locale = 'en', isTransparent, ...props }) => {
     const s = settings({ feedMode, market, symbol, width, height, colorTheme, isTransparent });
+    const { t } = useI18n();
     const src = `${EMBED}${locale}#${encodeURIComponent(JSON.stringify(s))}`;
     return (_jsx(YStack, { ...slot('news-timeline'), "data-feed-mode": s.feedMode, "data-color-theme": s.colorTheme, 
         // The documented size is TradingView's — a number or a percent string —
         // and gui declares a narrower one; on web both reach CSS as written.
-        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: isWeb && (_jsx("iframe", { src: src, title: "News timeline", loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: isWeb && (_jsx("iframe", { src: src, title: t('News timeline'), loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
 };
 export { NewsTimeline };
 //# sourceMappingURL=news-timeline.js.map

package/dist/backends/gui/news-timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"news-timeline.js","sourceRoot":"","sources":["../../../src/backends/gui/news-timeline.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,EAAoB,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAqB7B,MAAM,KAAK,GAAG,mEAAmE,CAAA;AAEjF,8EAA8E;AAC9E,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,GAAG,aAAa,EACxB,MAAM,GAAG,QAAQ,EACjB,MAAM,EACN,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,EACZ,UAAU,GAAG,MAAM,EACnB,aAAa,GAAG,KAAK,GACH,EAAE,EAAE,CAAC,CAAC;IACxB,WAAW,EAAE,SAAS;IACtB,QAAQ;IACR,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1D,UAAU;IACV,aAAa;IACb,KAAK;IACL,MAAM;CACP,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,MAAM,GAAG,IAAI,EACb,aAAa,EACb,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAA;IAC1F,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,IAAI,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACxE,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,eAAe,CAAC,oBACT,CAAC,CAAC,QAAQ,sBACR,CAAC,CAAC,UAAU;QAC9B,wEAAwE;QACxE,qEAAqE;QACrE,KAAK,EAAE,CAAC,CAAC,KAA6B,EACtC,MAAM,EAAE,CAAC,CAAC,MAA+B,EACzC,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,QAAQ,KACP,KAAK,YAER,KAAK,IAAI,CACR,iBAEE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,IAAI,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IALhE,GAAG,CAMR,CACH,GACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"news-timeline.js","sourceRoot":"","sources":["../../../src/backends/gui/news-timeline.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,EAAoB,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAqB7B,MAAM,KAAK,GAAG,mEAAmE,CAAA;AAEjF,8EAA8E;AAC9E,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,GAAG,aAAa,EACxB,MAAM,GAAG,QAAQ,EACjB,MAAM,EACN,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,EACZ,UAAU,GAAG,MAAM,EACnB,aAAa,GAAG,KAAK,GACH,EAAE,EAAE,CAAC,CAAC;IACxB,WAAW,EAAE,SAAS;IACtB,QAAQ;IACR,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1D,UAAU;IACV,aAAa;IACb,KAAK;IACL,MAAM;CACP,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,MAAM,GAAG,IAAI,EACb,aAAa,EACb,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAA;IAC1F,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,IAAI,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACxE,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,eAAe,CAAC,oBACT,CAAC,CAAC,QAAQ,sBACR,CAAC,CAAC,UAAU;QAC9B,wEAAwE;QACxE,qEAAqE;QACrE,KAAK,EAAE,CAAC,CAAC,KAA6B,EACtC,MAAM,EAAE,CAAC,CAAC,MAA+B,EACzC,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,QAAQ,KACP,KAAK,YAER,KAAK,IAAI,CACR,iBAEE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EACzB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,IAAI,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IALhE,GAAG,CAMR,CACH,GACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/backends/gui/number-field.cjs

@@ -25,9 +25,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * smallStep 0.1, largeStep 10, no wheel scrub, out-of-range refused; its buttons
  * are the outline control at the field's height, 4px apart.
  */
+const react_1 = require("react");
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
-const react_1 = require("react");
+const react_2 = require("@hanzo/i18n/react");
 const button_1 = require("./button.cjs");
 const density_1 = require("./density.cjs");
 const input_1 = require("./input.cjs");
@@ -75,8 +76,14 @@ const decimals = (n) => {
 };
 const clamp = (n, min, max) => Math.min(max ?? Infinity, Math.max(min ?? -Infinity, n));
 /** The icon button that stands beside a field of each box. */
-const BESIDE = { lg: 'icon-lg', default: 'icon', sm: 'icon-sm', xs: 'icon-xs' };
-function NumberField({ value, defaultValue = null, onValueChange, min, max, step = 1, smallStep = 0.1, largeStep = 10, format, locale, allowOutOfRange = false, readOnly = false, required, disabled, buttons = false, decrementLabel = 'Decrease', incrementLabel = 'Increase', size, onFocus, onBlur, ...props }) {
+const BESIDE = {
+    lg: 'icon-lg',
+    default: 'icon',
+    sm: 'icon-sm',
+    xs: 'icon-xs',
+};
+function NumberField({ value, defaultValue = null, onValueChange, min, max, step = 1, smallStep = 0.1, largeStep = 10, format, locale, allowOutOfRange = false, readOnly = false, required, disabled, buttons = false, decrementLabel, incrementLabel, size, onFocus, onBlur, ...props }) {
+    const { t } = (0, react_2.useI18n)();
     const density = (0, density_1.useDensity)();
     const box = (0, density_1.fieldSize)(size, density);
     const controlled = value !== undefined;
@@ -157,7 +164,19 @@ function NumberField({ value, defaultValue = null, onValueChange, min, max, step
         return field;
     const beside = BESIDE[box];
     const press = (by) => () => nudge(by);
-    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('number-field'), items: "center", gap: "$1", width: "100%", minW: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1, minW: 0, children: field }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('number-field-decrement'), variant: "outline", size: beside, "aria-label": decrementLabel, 
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('number-field'), items: "center", gap: "$1", width: "100%", minW: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1, minW: 0, children: field }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('number-field-decrement'), variant: "outline", size: beside, "aria-label": decrementLabel ?? t('Decrease'), 
                 // The keyboard belongs to the field; the buttons are for a pointer.
-                tabIndex: -1, disabled: disabled || (!allowOutOfRange && atMin), ...(readOnly ? { opacity: 0.5, cursor: 'default', hoverStyle: { bg: '$background' } } : null), onPress: press(-step), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Minus, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('number-field-increment'), variant: "outline", size: beside, "aria-label": incrementLabel, tabIndex: -1, disabled: disabled || (!allowOutOfRange && atMax), ...(readOnly ? { opacity: 0.5, cursor: 'default', hoverStyle: { bg: '$background' } } : null), onPress: press(step), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: 16 }) })] }));
+                tabIndex: -1, disabled: disabled || (!allowOutOfRange && atMin), ...(readOnly
+                    ? {
+                        opacity: 0.5,
+                        cursor: 'default',
+                        hoverStyle: { bg: '$background' },
+                    }
+                    : null), onPress: press(-step), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Minus, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('number-field-increment'), variant: "outline", size: beside, "aria-label": incrementLabel ?? t('Increase'), tabIndex: -1, disabled: disabled || (!allowOutOfRange && atMax), ...(readOnly
+                    ? {
+                        opacity: 0.5,
+                        cursor: 'default',
+                        hoverStyle: { bg: '$background' },
+                    }
+                    : null), onPress: press(step), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: 16 }) })] }));
 }