@hanzo/ui 8.29.45 → 8.30.3

package/dist/backends/gui/number-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/number-field.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAGhD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,UAAU,EACV,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,GAAG,iBAAiB,GAAG,QAAQ,CAClF,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,2FAA2F;IAC3F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wFAAwF;IACxF,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IACjC,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAeD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAYpG;AAgBD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,GAAG,EACH,GAAG,EACH,IAAQ,EACR,SAAe,EACf,SAAc,EACd,MAAM,EACN,MAAM,EACN,eAAuB,EACvB,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,cAA2B,EAC3B,cAA2B,EAC3B,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAiIlB"}
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/number-field.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAGhD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,GAAG,iBAAiB,GAAG,QAAQ,CAAC,GAAG;IACnI,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,2FAA2F;IAC3F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wFAAwF;IACxF,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IACjC,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAeD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAYpG;AAoBD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,GAAG,EACH,GAAG,EACH,IAAQ,EACR,SAAe,EACf,SAAc,EACd,MAAM,EACN,MAAM,EACN,eAAuB,EACvB,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,cAAc,EACd,cAAc,EACd,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,gBAAgB,+BA8IlB"}

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

@@ -21,9 +21,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "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.
  */
+import { useCallback, useMemo, useRef, useState } from 'react';
 import { XStack } from '@hanzo/gui';
 import { Minus, Plus } from '@hanzogui/lucide-icons-2';
-import { useCallback, useMemo, useRef, useState } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { Button } from './button.js';
 import { fieldSize, useDensity } from './density.js';
 import { Input } from './input.js';
@@ -71,8 +72,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' };
-export 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',
+};
+export 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 } = useI18n();
     const density = useDensity();
     const box = fieldSize(size, density);
     const controlled = value !== undefined;
@@ -153,8 +160,20 @@ export function NumberField({ value, defaultValue = null, onValueChange, min, ma
         return field;
     const beside = BESIDE[box];
     const press = (by) => () => nudge(by);
-    return (_jsxs(XStack, { ...slot('number-field'), items: "center", gap: "$1", width: "100%", minW: 0, children: [_jsx(XStack, { flex: 1, minW: 0, children: field }), _jsx(Button, { ...slot('number-field-decrement'), variant: "outline", size: beside, "aria-label": decrementLabel, 
+    return (_jsxs(XStack, { ...slot('number-field'), items: "center", gap: "$1", width: "100%", minW: 0, children: [_jsx(XStack, { flex: 1, minW: 0, children: field }), _jsx(Button, { ...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: _jsx(Minus, { size: 16 }) }), _jsx(Button, { ...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: _jsx(Plus, { size: 16 }) })] }));
+                tabIndex: -1, disabled: disabled || (!allowOutOfRange && atMin), ...(readOnly
+                    ? {
+                        opacity: 0.5,
+                        cursor: 'default',
+                        hoverStyle: { bg: '$background' },
+                    }
+                    : null), onPress: press(-step), children: _jsx(Minus, { size: 16 }) }), _jsx(Button, { ...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: _jsx(Plus, { size: 16 }) })] }));
 }
 //# sourceMappingURL=number-field.js.map

package/dist/backends/gui/number-field.js.map

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

package/dist/backends/gui/order-entry.cjs

@@ -14,6 +14,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const gui_1 = require("@hanzo/gui");
 const react_1 = require("react");
+const react_2 = require("@hanzo/i18n/react");
 const grid_1 = require("../../grid.cjs");
 const button_1 = require("./button.cjs");
 const input_1 = require("./input.cjs");
@@ -26,6 +27,7 @@ function OrderEntry({ symbol = 'NASDAQ:AAPL', accountBalance = 10000, onPlaceOrd
     const [orderSide, setOrderSide] = (0, react_1.useState)('buy');
     const [shares, setShares] = (0, react_1.useState)('');
     const [limitPrice, setLimitPrice] = (0, react_1.useState)('');
+    const { t } = (0, react_2.useI18n)();
     const canSubmit = !disabled && !!shares && (orderType !== 'limit' || !!limitPrice);
     const submit = () => {
         if (!canSubmit)
@@ -40,5 +42,5 @@ function OrderEntry({ symbol = 'NASDAQ:AAPL', accountBalance = 10000, onPlaceOrd
         setShares('');
         setLimitPrice('');
     };
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry'), p: "$4", gap: "$4", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry-balance'), bg: "$hover", rounded: "$3", p: "$3", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$quiet", mb: "$1", children: "Buying Power" }), (0, jsx_runtime_1.jsxs)(gui_1.SizableText, { size: "$5", fontWeight: "600", color: "$ink", children: ["$", accountBalance.toLocaleString()] })] }), (0, jsx_runtime_1.jsx)(grid_1.Grid, { ...(0, slot_1.slot)('order-entry-side'), columns: 2, gap: "$2", children: ['buy', 'sell'].map((side) => ((0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('order-entry-side-option'), "data-state": orderSide === side ? 'on' : 'off', role: "radio", "aria-checked": orderSide === side, variant: "ghost", width: "100%", disabled: disabled, onPress: () => setOrderSide(side), bg: orderSide === side ? SIDE_ON[side] : '$hover', color: orderSide === side ? '$white1' : '$quiet', hoverStyle: orderSide === side ? { bg: SIDE_ON[side] } : { bg: '$edge' }, fontWeight: "600", children: side === 'buy' ? 'Buy' : 'Sell' }) }, side))) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry-type'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { children: "Order Type" }), (0, jsx_runtime_1.jsx)(grid_1.Grid, { columns: 2, gap: "$2", children: ['market', 'limit'].map((kind) => ((0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('order-entry-type-option'), "data-state": orderType === kind ? 'on' : 'off', role: "radio", "aria-checked": orderType === kind, variant: "ghost", size: "sm", width: "100%", disabled: disabled, onPress: () => setOrderType(kind), bg: orderType === kind ? '$rim' : '$hover', color: orderType === kind ? '$ink' : '$quiet', hoverStyle: orderType === kind ? { bg: '$rim' } : { bg: '$edge' }, children: kind === 'market' ? 'Market' : 'Limit' }) }, kind))) })] }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry-shares'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "order-entry-shares-input", children: "Shares" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "order-entry-shares-input", type: "number", placeholder: "0", value: shares, onChangeText: setShares, disabled: disabled })] }), orderType === 'limit' && ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry-limit-price'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "order-entry-limit-price-input", children: "Limit Price" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "order-entry-limit-price-input", type: "number", step: "0.01", placeholder: "0.00", value: limitPrice, onChangeText: setLimitPrice, disabled: disabled })] })), (0, jsx_runtime_1.jsxs)(button_1.Button, { ...(0, slot_1.slot)('order-entry-submit'), variant: "ghost", size: "lg", width: "100%", disabled: !canSubmit, onPress: submit, bg: SIDE_ON[orderSide], color: "$white1", fontWeight: "600", hoverStyle: { bg: SIDE_ON[orderSide], opacity: 0.9 }, children: [orderSide === 'buy' ? 'Buy' : 'Sell', " ", ticker(symbol)] })] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry'), p: "$4", gap: "$4", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry-balance'), bg: "$hover", rounded: "$3", p: "$3", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$quiet", mb: "$1", children: t('Buying Power') }), (0, jsx_runtime_1.jsxs)(gui_1.SizableText, { size: "$5", fontWeight: "600", color: "$ink", children: ["$", accountBalance.toLocaleString()] })] }), (0, jsx_runtime_1.jsx)(grid_1.Grid, { ...(0, slot_1.slot)('order-entry-side'), columns: 2, gap: "$2", children: ['buy', 'sell'].map((side) => ((0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('order-entry-side-option'), "data-state": orderSide === side ? 'on' : 'off', role: "radio", "aria-checked": orderSide === side, variant: "ghost", width: "100%", disabled: disabled, onPress: () => setOrderSide(side), bg: orderSide === side ? SIDE_ON[side] : '$hover', color: orderSide === side ? '$white1' : '$quiet', hoverStyle: orderSide === side ? { bg: SIDE_ON[side] } : { bg: '$edge' }, fontWeight: "600", children: side === 'buy' ? t('Buy') : t('Sell') }) }, side))) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry-type'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { children: t('Order Type') }), (0, jsx_runtime_1.jsx)(grid_1.Grid, { columns: 2, gap: "$2", children: ['market', 'limit'].map((kind) => ((0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('order-entry-type-option'), "data-state": orderType === kind ? 'on' : 'off', role: "radio", "aria-checked": orderType === kind, variant: "ghost", size: "sm", width: "100%", disabled: disabled, onPress: () => setOrderType(kind), bg: orderType === kind ? '$rim' : '$hover', color: orderType === kind ? '$ink' : '$quiet', hoverStyle: orderType === kind ? { bg: '$rim' } : { bg: '$edge' }, children: kind === 'market' ? t('Market') : t('Limit') }) }, kind))) })] }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry-shares'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "order-entry-shares-input", children: t('Shares') }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "order-entry-shares-input", type: "number", placeholder: "0", value: shares, onChangeText: setShares, disabled: disabled })] }), orderType === 'limit' && ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('order-entry-limit-price'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "order-entry-limit-price-input", children: t('Limit Price') }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "order-entry-limit-price-input", type: "number", step: "0.01", placeholder: "0.00", value: limitPrice, onChangeText: setLimitPrice, disabled: disabled })] })), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('order-entry-submit'), variant: "ghost", size: "lg", width: "100%", disabled: !canSubmit, onPress: submit, bg: SIDE_ON[orderSide], color: "$white1", fontWeight: "600", hoverStyle: { bg: SIDE_ON[orderSide], opacity: 0.9 }, children: orderSide === 'buy' ? t('Buy {symbol}', { symbol: ticker(symbol) }) : t('Sell {symbol}', { symbol: ticker(symbol) }) })] }));
 }

package/dist/backends/gui/order-entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"order-entry.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/order-entry.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,CAAA;AACtC,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE1C,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,yGAAyG;IACzG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAMD,iBAAS,UAAU,CAAC,EAClB,MAAsB,EACtB,cAAsB,EACtB,YAAuB,EACvB,QAAgB,GACjB,EAAE,eAAe,+BA4HjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"order-entry.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/order-entry.tsx"],"names":[],"mappings":"AAoBA,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,CAAA;AACtC,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE1C,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,yGAAyG;IACzG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAMD,iBAAS,UAAU,CAAC,EAClB,MAAsB,EACtB,cAAsB,EACtB,YAAuB,EACvB,QAAgB,GACjB,EAAE,eAAe,+BA6HjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/backends/gui/order-entry.js

@@ -11,6 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { SizableText, YStack } from '@hanzo/gui';
 import { useState } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { Grid, Cell } from '../../grid.js';
 import { Button } from './button.js';
 import { Input } from './input.js';
@@ -23,6 +24,7 @@ function OrderEntry({ symbol = 'NASDAQ:AAPL', accountBalance = 10000, onPlaceOrd
     const [orderSide, setOrderSide] = useState('buy');
     const [shares, setShares] = useState('');
     const [limitPrice, setLimitPrice] = useState('');
+    const { t } = useI18n();
     const canSubmit = !disabled && !!shares && (orderType !== 'limit' || !!limitPrice);
     const submit = () => {
         if (!canSubmit)
@@ -37,7 +39,7 @@ function OrderEntry({ symbol = 'NASDAQ:AAPL', accountBalance = 10000, onPlaceOrd
         setShares('');
         setLimitPrice('');
     };
-    return (_jsxs(YStack, { ...slot('order-entry'), p: "$4", gap: "$4", children: [_jsxs(YStack, { ...slot('order-entry-balance'), bg: "$hover", rounded: "$3", p: "$3", children: [_jsx(SizableText, { size: "$1", color: "$quiet", mb: "$1", children: "Buying Power" }), _jsxs(SizableText, { size: "$5", fontWeight: "600", color: "$ink", children: ["$", accountBalance.toLocaleString()] })] }), _jsx(Grid, { ...slot('order-entry-side'), columns: 2, gap: "$2", children: ['buy', 'sell'].map((side) => (_jsx(Cell, { children: _jsx(Button, { ...slot('order-entry-side-option'), "data-state": orderSide === side ? 'on' : 'off', role: "radio", "aria-checked": orderSide === side, variant: "ghost", width: "100%", disabled: disabled, onPress: () => setOrderSide(side), bg: orderSide === side ? SIDE_ON[side] : '$hover', color: orderSide === side ? '$white1' : '$quiet', hoverStyle: orderSide === side ? { bg: SIDE_ON[side] } : { bg: '$edge' }, fontWeight: "600", children: side === 'buy' ? 'Buy' : 'Sell' }) }, side))) }), _jsxs(YStack, { ...slot('order-entry-type'), gap: "$2", children: [_jsx(Label, { children: "Order Type" }), _jsx(Grid, { columns: 2, gap: "$2", children: ['market', 'limit'].map((kind) => (_jsx(Cell, { children: _jsx(Button, { ...slot('order-entry-type-option'), "data-state": orderType === kind ? 'on' : 'off', role: "radio", "aria-checked": orderType === kind, variant: "ghost", size: "sm", width: "100%", disabled: disabled, onPress: () => setOrderType(kind), bg: orderType === kind ? '$rim' : '$hover', color: orderType === kind ? '$ink' : '$quiet', hoverStyle: orderType === kind ? { bg: '$rim' } : { bg: '$edge' }, children: kind === 'market' ? 'Market' : 'Limit' }) }, kind))) })] }), _jsxs(YStack, { ...slot('order-entry-shares'), gap: "$2", children: [_jsx(Label, { htmlFor: "order-entry-shares-input", children: "Shares" }), _jsx(Input, { id: "order-entry-shares-input", type: "number", placeholder: "0", value: shares, onChangeText: setShares, disabled: disabled })] }), orderType === 'limit' && (_jsxs(YStack, { ...slot('order-entry-limit-price'), gap: "$2", children: [_jsx(Label, { htmlFor: "order-entry-limit-price-input", children: "Limit Price" }), _jsx(Input, { id: "order-entry-limit-price-input", type: "number", step: "0.01", placeholder: "0.00", value: limitPrice, onChangeText: setLimitPrice, disabled: disabled })] })), _jsxs(Button, { ...slot('order-entry-submit'), variant: "ghost", size: "lg", width: "100%", disabled: !canSubmit, onPress: submit, bg: SIDE_ON[orderSide], color: "$white1", fontWeight: "600", hoverStyle: { bg: SIDE_ON[orderSide], opacity: 0.9 }, children: [orderSide === 'buy' ? 'Buy' : 'Sell', " ", ticker(symbol)] })] }));
+    return (_jsxs(YStack, { ...slot('order-entry'), p: "$4", gap: "$4", children: [_jsxs(YStack, { ...slot('order-entry-balance'), bg: "$hover", rounded: "$3", p: "$3", children: [_jsx(SizableText, { size: "$1", color: "$quiet", mb: "$1", children: t('Buying Power') }), _jsxs(SizableText, { size: "$5", fontWeight: "600", color: "$ink", children: ["$", accountBalance.toLocaleString()] })] }), _jsx(Grid, { ...slot('order-entry-side'), columns: 2, gap: "$2", children: ['buy', 'sell'].map((side) => (_jsx(Cell, { children: _jsx(Button, { ...slot('order-entry-side-option'), "data-state": orderSide === side ? 'on' : 'off', role: "radio", "aria-checked": orderSide === side, variant: "ghost", width: "100%", disabled: disabled, onPress: () => setOrderSide(side), bg: orderSide === side ? SIDE_ON[side] : '$hover', color: orderSide === side ? '$white1' : '$quiet', hoverStyle: orderSide === side ? { bg: SIDE_ON[side] } : { bg: '$edge' }, fontWeight: "600", children: side === 'buy' ? t('Buy') : t('Sell') }) }, side))) }), _jsxs(YStack, { ...slot('order-entry-type'), gap: "$2", children: [_jsx(Label, { children: t('Order Type') }), _jsx(Grid, { columns: 2, gap: "$2", children: ['market', 'limit'].map((kind) => (_jsx(Cell, { children: _jsx(Button, { ...slot('order-entry-type-option'), "data-state": orderType === kind ? 'on' : 'off', role: "radio", "aria-checked": orderType === kind, variant: "ghost", size: "sm", width: "100%", disabled: disabled, onPress: () => setOrderType(kind), bg: orderType === kind ? '$rim' : '$hover', color: orderType === kind ? '$ink' : '$quiet', hoverStyle: orderType === kind ? { bg: '$rim' } : { bg: '$edge' }, children: kind === 'market' ? t('Market') : t('Limit') }) }, kind))) })] }), _jsxs(YStack, { ...slot('order-entry-shares'), gap: "$2", children: [_jsx(Label, { htmlFor: "order-entry-shares-input", children: t('Shares') }), _jsx(Input, { id: "order-entry-shares-input", type: "number", placeholder: "0", value: shares, onChangeText: setShares, disabled: disabled })] }), orderType === 'limit' && (_jsxs(YStack, { ...slot('order-entry-limit-price'), gap: "$2", children: [_jsx(Label, { htmlFor: "order-entry-limit-price-input", children: t('Limit Price') }), _jsx(Input, { id: "order-entry-limit-price-input", type: "number", step: "0.01", placeholder: "0.00", value: limitPrice, onChangeText: setLimitPrice, disabled: disabled })] })), _jsx(Button, { ...slot('order-entry-submit'), variant: "ghost", size: "lg", width: "100%", disabled: !canSubmit, onPress: submit, bg: SIDE_ON[orderSide], color: "$white1", fontWeight: "600", hoverStyle: { bg: SIDE_ON[orderSide], opacity: 0.9 }, children: orderSide === 'buy' ? t('Buy {symbol}', { symbol: ticker(symbol) }) : t('Sell {symbol}', { symbol: ticker(symbol) }) })] }));
 }
 export { OrderEntry };
 //# sourceMappingURL=order-entry.js.map

package/dist/backends/gui/order-entry.js.map

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

package/dist/backends/gui/orders-history.cjs

@@ -49,6 +49,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const gui_1 = require("@hanzo/gui");
 const React = __importStar(require("react"));
+const i18n_1 = require("@hanzo/i18n");
+const react_1 = require("@hanzo/i18n/react");
 const badge_1 = require("./badge.cjs");
 const button_1 = require("./button.cjs");
 const grid_1 = require("../../grid.cjs");
@@ -66,6 +68,20 @@ const SIDE_COLOR = {
 };
 const FILTERS = ['all', 'open', 'filled', 'cancelled', 'pending'];
 const cap = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+/** How a filter, a status, a side and an order type read. */
+const WORD = {
+    all: (0, i18n_1.phrase)('All'),
+    open: (0, i18n_1.phrase)('Open'),
+    filled: (0, i18n_1.phrase)('Filled'),
+    cancelled: (0, i18n_1.phrase)('Cancelled'),
+    pending: (0, i18n_1.phrase)('Pending'),
+    market: (0, i18n_1.phrase)('Market'),
+    limit: (0, i18n_1.phrase)('Limit'),
+    buy: (0, i18n_1.phrase)('BUY'),
+    sell: (0, i18n_1.phrase)('SELL'),
+};
+/** A value's word, or the value itself capitalised when it is not one of ours. */
+const word = (t, value) => (Object.hasOwn(WORD, value) ? t(WORD[value]) : cap(value));
 /** The ticker half of an exchange-qualified symbol, e.g. `NASDAQ:AAPL` -> `AAPL`. */
 const ticker = (symbol) => symbol.split(':')[1] || symbol;
 const RowFrame = (0, gui_1.styled)(gui_1.YStack, {
@@ -79,24 +95,26 @@ const RowFrame = (0, gui_1.styled)(gui_1.YStack, {
     },
 });
 function OrderRow({ order, onCancelOrder, onOrderClick, }) {
+    const { t } = (0, react_1.useI18n)();
     return ((0, jsx_runtime_1.jsxs)(RowFrame, { ...(0, slot_1.slot)('orders-history-row'), "data-status": order.status, clickable: !!onOrderClick, onPress: onOrderClick ? () => onOrderClick(order) : undefined, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "space-between", items: "flex-start", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { children: [(0, ink_1.ink)(ticker(order.symbol), gui_1.SizableText, { fontWeight: '600' }), (0, ink_1.ink)(new Date(order.timestamp).toLocaleString(), gui_1.SizableText, {
                                 size: '$1',
                                 color: '$quiet',
-                            })] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { ...(0, slot_1.slot)('orders-history-status'), variant: "outline", style: { borderColor: STATUS_COLOR[order.status], color: STATUS_COLOR[order.status] }, children: cap(order.status) })] }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: 3, gap: "$2", children: [(0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [(0, ink_1.ink)('Side', gui_1.SizableText, { size: '$1', color: '$quiet' }), (0, ink_1.ink)(order.type.toUpperCase(), gui_1.SizableText, {
+                            })] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { ...(0, slot_1.slot)('orders-history-status'), variant: "outline", style: { borderColor: STATUS_COLOR[order.status], color: STATUS_COLOR[order.status] }, children: word(t, order.status) })] }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: 3, gap: "$2", children: [(0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [(0, ink_1.ink)(t('Side'), gui_1.SizableText, { size: '$1', color: '$quiet' }), (0, ink_1.ink)(Object.hasOwn(WORD, order.type) ? t(WORD[order.type]) : order.type.toUpperCase(), gui_1.SizableText, {
                                     size: '$1',
                                     fontWeight: '500',
                                     color: SIDE_COLOR[order.type],
-                                })] }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [(0, ink_1.ink)('Shares', gui_1.SizableText, { size: '$1', color: '$quiet' }), (0, ink_1.ink)(String(order.shares), gui_1.SizableText, { size: '$1', fontWeight: '500' })] }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [(0, ink_1.ink)('Price', gui_1.SizableText, { size: '$1', color: '$quiet' }), (0, ink_1.ink)(order.price > 0 ? `$${order.price.toFixed(2)}` : 'Market', gui_1.SizableText, {
+                                })] }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [(0, ink_1.ink)(t('Shares'), gui_1.SizableText, { size: '$1', color: '$quiet' }), (0, ink_1.ink)(String(order.shares), gui_1.SizableText, { size: '$1', fontWeight: '500' })] }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [(0, ink_1.ink)(t('Price'), gui_1.SizableText, { size: '$1', color: '$quiet' }), (0, ink_1.ink)(order.price > 0 ? `$${order.price.toFixed(2)}` : t('Market'), gui_1.SizableText, {
                                     size: '$1',
                                     fontWeight: '500',
-                                })] }) })] }), order.orderType ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$1", children: [(0, ink_1.ink)('Type:', gui_1.SizableText, { size: '$1', color: '$quiet' }), (0, ink_1.ink)(cap(order.orderType), gui_1.SizableText, { size: '$1', fontWeight: '500' })] })) : null, order.status === 'open' && onCancelOrder ? ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('orders-history-cancel'), variant: "outline", size: "sm", onPress: (e) => {
+                                })] }) })] }), order.orderType ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$1", children: [(0, ink_1.ink)(t('Type:'), gui_1.SizableText, { size: '$1', color: '$quiet' }), (0, ink_1.ink)(word(t, order.orderType), gui_1.SizableText, { size: '$1', fontWeight: '500' })] })) : null, order.status === 'open' && onCancelOrder ? ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('orders-history-cancel'), variant: "outline", size: "sm", onPress: (e) => {
                     e.stopPropagation?.();
                     onCancelOrder(order.id);
-                }, children: "Cancel Order" })) : null] }));
+                }, children: t('Cancel Order') })) : null] }));
 }
 function OrdersHistory({ orders = [], onCancelOrder, onOrderClick, showFilters = true, }) {
     const [filter, setFilter] = React.useState('all');
+    const { t } = (0, react_1.useI18n)();
     const shown = filter === 'all' ? orders : orders.filter((order) => order.status === filter);
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('orders-history'), gap: "$3", p: "$4", children: [showFilters ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('orders-history-filters'), gap: "$2", flexWrap: "wrap", children: FILTERS.map((f) => ((0, jsx_runtime_1.jsx)(badge_1.Badge, { ...(0, slot_1.slot)('orders-history-filter'), "data-active": filter === f, variant: filter === f ? 'default' : 'outline', onClick: () => setFilter(f), style: { cursor: 'pointer' }, children: cap(f) }, f))) })) : null, shown.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('orders-history-empty'), items: "center", py: "$8", children: (0, ink_1.ink)('No orders yet', gui_1.SizableText, { size: '$2', color: '$quiet' }) })) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2", children: shown.map((order) => ((0, jsx_runtime_1.jsx)(OrderRow, { order: order, onCancelOrder: onCancelOrder, onOrderClick: onOrderClick }, order.id))) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('orders-history'), gap: "$3", p: "$4", children: [showFilters ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('orders-history-filters'), gap: "$2", flexWrap: "wrap", children: FILTERS.map((f) => ((0, jsx_runtime_1.jsx)(badge_1.Badge, { ...(0, slot_1.slot)('orders-history-filter'), "data-active": filter === f, variant: filter === f ? 'default' : 'outline', onClick: () => setFilter(f), style: { cursor: 'pointer' }, children: word(t, f) }, f))) })) : null, shown.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('orders-history-empty'), items: "center", py: "$8", children: (0, ink_1.ink)(t('No orders yet'), gui_1.SizableText, { size: '$2', color: '$quiet' }) })) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2", children: shown.map((order) => ((0, jsx_runtime_1.jsx)(OrderRow, { order: order, onCancelOrder: onCancelOrder, onOrderClick: onOrderClick }, order.id))) }))] }));
 }
 exports.default = OrdersHistory;

package/dist/backends/gui/orders-history.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"orders-history.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/orders-history.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,CAAA;AAC9C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAA;AAC7E,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEvD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,iBAAiB,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,mBAAmB,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,sBAAsB,CAAA;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACrC,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAuHD,wBAAgB,aAAa,CAAC,EAC5B,MAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAkB,GACnB,EAAE,kBAAkB,qBAyCpB;eAEc,aAAa"}
+{"version":3,"file":"orders-history.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/orders-history.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,CAAA;AAC9C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAA;AAC7E,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEvD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,iBAAiB,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,mBAAmB,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,sBAAsB,CAAA;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACrC,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAwID,wBAAgB,aAAa,CAAC,EAC5B,MAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAkB,GACnB,EAAE,kBAAkB,qBA0CpB;eAEc,aAAa"}

package/dist/backends/gui/orders-history.js

@@ -13,6 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { SizableText, XStack, YStack, styled } from '@hanzo/gui';
 import * as React from 'react';
+import { phrase } from '@hanzo/i18n';
+import { useI18n } from '@hanzo/i18n/react';
 import { Badge } from './badge.js';
 import { Button } from './button.js';
 import { Cell, Grid } from '../../grid.js';
@@ -30,6 +32,20 @@ const SIDE_COLOR = {
 };
 const FILTERS = ['all', 'open', 'filled', 'cancelled', 'pending'];
 const cap = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+/** How a filter, a status, a side and an order type read. */
+const WORD = {
+    all: phrase('All'),
+    open: phrase('Open'),
+    filled: phrase('Filled'),
+    cancelled: phrase('Cancelled'),
+    pending: phrase('Pending'),
+    market: phrase('Market'),
+    limit: phrase('Limit'),
+    buy: phrase('BUY'),
+    sell: phrase('SELL'),
+};
+/** A value's word, or the value itself capitalised when it is not one of ours. */
+const word = (t, value) => (Object.hasOwn(WORD, value) ? t(WORD[value]) : cap(value));
 /** The ticker half of an exchange-qualified symbol, e.g. `NASDAQ:AAPL` -> `AAPL`. */
 const ticker = (symbol) => symbol.split(':')[1] || symbol;
 const RowFrame = styled(YStack, {
@@ -43,25 +59,27 @@ const RowFrame = styled(YStack, {
     },
 });
 function OrderRow({ order, onCancelOrder, onOrderClick, }) {
+    const { t } = useI18n();
     return (_jsxs(RowFrame, { ...slot('orders-history-row'), "data-status": order.status, clickable: !!onOrderClick, onPress: onOrderClick ? () => onOrderClick(order) : undefined, children: [_jsxs(XStack, { justify: "space-between", items: "flex-start", children: [_jsxs(YStack, { children: [ink(ticker(order.symbol), SizableText, { fontWeight: '600' }), ink(new Date(order.timestamp).toLocaleString(), SizableText, {
                                 size: '$1',
                                 color: '$quiet',
-                            })] }), _jsx(Badge, { ...slot('orders-history-status'), variant: "outline", style: { borderColor: STATUS_COLOR[order.status], color: STATUS_COLOR[order.status] }, children: cap(order.status) })] }), _jsxs(Grid, { columns: 3, gap: "$2", children: [_jsx(Cell, { children: _jsxs(YStack, { gap: "$1", children: [ink('Side', SizableText, { size: '$1', color: '$quiet' }), ink(order.type.toUpperCase(), SizableText, {
+                            })] }), _jsx(Badge, { ...slot('orders-history-status'), variant: "outline", style: { borderColor: STATUS_COLOR[order.status], color: STATUS_COLOR[order.status] }, children: word(t, order.status) })] }), _jsxs(Grid, { columns: 3, gap: "$2", children: [_jsx(Cell, { children: _jsxs(YStack, { gap: "$1", children: [ink(t('Side'), SizableText, { size: '$1', color: '$quiet' }), ink(Object.hasOwn(WORD, order.type) ? t(WORD[order.type]) : order.type.toUpperCase(), SizableText, {
                                     size: '$1',
                                     fontWeight: '500',
                                     color: SIDE_COLOR[order.type],
-                                })] }) }), _jsx(Cell, { children: _jsxs(YStack, { gap: "$1", children: [ink('Shares', SizableText, { size: '$1', color: '$quiet' }), ink(String(order.shares), SizableText, { size: '$1', fontWeight: '500' })] }) }), _jsx(Cell, { children: _jsxs(YStack, { gap: "$1", children: [ink('Price', SizableText, { size: '$1', color: '$quiet' }), ink(order.price > 0 ? `$${order.price.toFixed(2)}` : 'Market', SizableText, {
+                                })] }) }), _jsx(Cell, { children: _jsxs(YStack, { gap: "$1", children: [ink(t('Shares'), SizableText, { size: '$1', color: '$quiet' }), ink(String(order.shares), SizableText, { size: '$1', fontWeight: '500' })] }) }), _jsx(Cell, { children: _jsxs(YStack, { gap: "$1", children: [ink(t('Price'), SizableText, { size: '$1', color: '$quiet' }), ink(order.price > 0 ? `$${order.price.toFixed(2)}` : t('Market'), SizableText, {
                                     size: '$1',
                                     fontWeight: '500',
-                                })] }) })] }), order.orderType ? (_jsxs(XStack, { gap: "$1", children: [ink('Type:', SizableText, { size: '$1', color: '$quiet' }), ink(cap(order.orderType), SizableText, { size: '$1', fontWeight: '500' })] })) : null, order.status === 'open' && onCancelOrder ? (_jsx(Button, { ...slot('orders-history-cancel'), variant: "outline", size: "sm", onPress: (e) => {
+                                })] }) })] }), order.orderType ? (_jsxs(XStack, { gap: "$1", children: [ink(t('Type:'), SizableText, { size: '$1', color: '$quiet' }), ink(word(t, order.orderType), SizableText, { size: '$1', fontWeight: '500' })] })) : null, order.status === 'open' && onCancelOrder ? (_jsx(Button, { ...slot('orders-history-cancel'), variant: "outline", size: "sm", onPress: (e) => {
                     e.stopPropagation?.();
                     onCancelOrder(order.id);
-                }, children: "Cancel Order" })) : null] }));
+                }, children: t('Cancel Order') })) : null] }));
 }
 export function OrdersHistory({ orders = [], onCancelOrder, onOrderClick, showFilters = true, }) {
     const [filter, setFilter] = React.useState('all');
+    const { t } = useI18n();
     const shown = filter === 'all' ? orders : orders.filter((order) => order.status === filter);
-    return (_jsxs(YStack, { ...slot('orders-history'), gap: "$3", p: "$4", children: [showFilters ? (_jsx(XStack, { ...slot('orders-history-filters'), gap: "$2", flexWrap: "wrap", children: FILTERS.map((f) => (_jsx(Badge, { ...slot('orders-history-filter'), "data-active": filter === f, variant: filter === f ? 'default' : 'outline', onClick: () => setFilter(f), style: { cursor: 'pointer' }, children: cap(f) }, f))) })) : null, shown.length === 0 ? (_jsx(YStack, { ...slot('orders-history-empty'), items: "center", py: "$8", children: ink('No orders yet', SizableText, { size: '$2', color: '$quiet' }) })) : (_jsx(YStack, { gap: "$2", children: shown.map((order) => (_jsx(OrderRow, { order: order, onCancelOrder: onCancelOrder, onOrderClick: onOrderClick }, order.id))) }))] }));
+    return (_jsxs(YStack, { ...slot('orders-history'), gap: "$3", p: "$4", children: [showFilters ? (_jsx(XStack, { ...slot('orders-history-filters'), gap: "$2", flexWrap: "wrap", children: FILTERS.map((f) => (_jsx(Badge, { ...slot('orders-history-filter'), "data-active": filter === f, variant: filter === f ? 'default' : 'outline', onClick: () => setFilter(f), style: { cursor: 'pointer' }, children: word(t, f) }, f))) })) : null, shown.length === 0 ? (_jsx(YStack, { ...slot('orders-history-empty'), items: "center", py: "$8", children: ink(t('No orders yet'), SizableText, { size: '$2', color: '$quiet' }) })) : (_jsx(YStack, { gap: "$2", children: shown.map((order) => (_jsx(OrderRow, { order: order, onCancelOrder: onCancelOrder, onOrderClick: onOrderClick }, order.id))) }))] }));
 }
 export default OrdersHistory;
 //# sourceMappingURL=orders-history.js.map

package/dist/backends/gui/orders-history.js.map

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

package/dist/backends/gui/overflowing-list.cjs

@@ -23,6 +23,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const gui_1 = require("@hanzo/gui");
 const react_1 = require("react");
+const react_2 = require("@hanzo/i18n/react");
 const popover_1 = require("./popover.cjs");
 const press_1 = require("./press.cjs");
 const slot_1 = require("./slot.cjs");
@@ -47,7 +48,8 @@ function fit(widths, avail, max = Infinity, gap = GAP, count = COUNT_MIN) {
     }
     return n;
 }
-function OverflowingList({ children, maxInlineCount, showOverflowCount = 'hover', overflowLabel = 'Show all items', open, defaultOpen = false, onOpenChange, popupProps, ...props }) {
+function OverflowingList({ children, maxInlineCount, showOverflowCount = 'hover', overflowLabel, open, defaultOpen = false, onOpenChange, popupProps, ...props }) {
+    const { t } = (0, react_2.useI18n)();
     const items = (0, react_1.useMemo)(() => react_1.Children.toArray(children).filter(react_1.isValidElement), [children]);
     const [widths, setWidths] = (0, react_1.useState)([]);
     const [avail, setAvail] = (0, react_1.useState)(null);
@@ -75,5 +77,5 @@ function OverflowingList({ children, maxInlineCount, showOverflowCount = 'hover'
             return next;
         });
     };
-    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('overflowing-list'), position: "relative", width: "100%", minW: 0, items: "center", gap: GAP, overflow: "hidden", onLayout: (e) => setAvail(e.nativeEvent.layout.width), onPointerEnter: () => setHot(true), onPointerLeave: () => setHot(false), onFocus: () => setHot(true), onBlur: () => setHot(false), ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { "aria-hidden": true, position: "absolute", t: 0, l: 0, opacity: 0, pointerEvents: "none", gap: GAP, ...{ inert: true }, children: items.map((item, i) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, onLayout: measure(i), children: item }, item.key ?? i))) }), items.slice(0, visible).map((item, i) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(i === visible - 1 ? { shrink: 1, minW: 0 } : { shrink: 0 }), children: item }, item.key ?? i))), hidden > 0 && showOverflowCount !== 'never' ? ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: shown, onOpenChange: setOpen, placement: "bottom-start", children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('overflowing-list-count'), ...(0, press_1.press)(() => setOpen(!shown)), "aria-label": `${overflowLabel} (${items.length})`, "aria-expanded": shown, shrink: 0, minW: COUNT_MIN, height: 20, px: "$1", items: "center", justify: "center", rounded: "$xs", cursor: "pointer", hoverStyle: { bg: '$hover' }, focusVisibleStyle: press_1.RING, opacity: countShown ? 1 : 0, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$ink", children: `+${hidden}` }) }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { p: "$2", minW: POPUP_MIN, style: { width: Math.max(POPUP_MIN, Math.round(avail ?? 0)) }, ...popupProps, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('overflowing-list-popup'), maxH: 320, overflow: "scroll", children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { flexWrap: "wrap", gap: GAP, children: items }) }) })] })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('overflowing-list'), position: "relative", width: "100%", minW: 0, items: "center", gap: GAP, overflow: "hidden", onLayout: (e) => setAvail(e.nativeEvent.layout.width), onPointerEnter: () => setHot(true), onPointerLeave: () => setHot(false), onFocus: () => setHot(true), onBlur: () => setHot(false), ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { "aria-hidden": true, position: "absolute", t: 0, l: 0, opacity: 0, pointerEvents: "none", gap: GAP, ...{ inert: true }, children: items.map((item, i) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, onLayout: measure(i), children: item }, item.key ?? i))) }), items.slice(0, visible).map((item, i) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(i === visible - 1 ? { shrink: 1, minW: 0 } : { shrink: 0 }), children: item }, item.key ?? i))), hidden > 0 && showOverflowCount !== 'never' ? ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: shown, onOpenChange: setOpen, placement: "bottom-start", children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('overflowing-list-count'), ...(0, press_1.press)(() => setOpen(!shown)), "aria-label": t('{label} ({n})', { label: overflowLabel ?? t('Show all items'), n: items.length }), "aria-expanded": shown, shrink: 0, minW: COUNT_MIN, height: 20, px: "$1", items: "center", justify: "center", rounded: "$xs", cursor: "pointer", hoverStyle: { bg: '$hover' }, focusVisibleStyle: press_1.RING, opacity: countShown ? 1 : 0, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$ink", children: `+${hidden}` }) }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { p: "$2", minW: POPUP_MIN, style: { width: Math.max(POPUP_MIN, Math.round(avail ?? 0)) }, ...popupProps, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('overflowing-list-popup'), maxH: 320, overflow: "scroll", children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { flexWrap: "wrap", gap: GAP, children: items }) }) })] })) : null] }));
 }

package/dist/backends/gui/overflowing-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overflowing-list.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/overflowing-list.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAe,MAAM,EAAU,MAAM,YAAY,CAAA;AACxD,OAAO,EAA4D,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACrH,OAAO,EAAW,cAAc,EAAkB,MAAM,WAAW,CAAA;AAQnE;;;GAGG;AACH,wBAAgB,GAAG,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAW,EAAE,GAAG,SAAM,EAAE,KAAK,SAAY,GAAG,MAAM,CAWlH;AAID,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACnF,sDAAsD;IACtD,QAAQ,EAAE,SAAS,CAAA;IACnB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iGAAiG;IACjG,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAChD,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,CAAA;CAC5D,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,cAAc,EACd,iBAA2B,EAC3B,aAAgC,EAChC,IAAI,EACJ,WAAmB,EACnB,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAwGtB"}
+{"version":3,"file":"overflowing-list.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/overflowing-list.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAe,MAAM,EAAU,MAAM,YAAY,CAAA;AACxD,OAAO,EAA4D,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAErH,OAAO,EAAW,cAAc,EAAkB,MAAM,WAAW,CAAA;AAQnE;;;GAGG;AACH,wBAAgB,GAAG,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAW,EAAE,GAAG,SAAM,EAAE,KAAK,SAAY,GAAG,MAAM,CAWlH;AAID,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACnF,sDAAsD;IACtD,QAAQ,EAAE,SAAS,CAAA;IACnB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iGAAiG;IACjG,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAChD,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,CAAA;CAC5D,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,cAAc,EACd,iBAA2B,EAC3B,aAAa,EACb,IAAI,EACJ,WAAmB,EACnB,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAyGtB"}

package/dist/backends/gui/overflowing-list.js

@@ -19,6 +19,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { Children, isValidElement, useCallback, useMemo, useState } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { Popover, PopoverContent, PopoverTrigger } from './popover.js';
 import { press, RING } from './press.js';
 import { slot } from './slot.js';
@@ -43,7 +44,8 @@ export function fit(widths, avail, max = Infinity, gap = GAP, count = COUNT_MIN)
     }
     return n;
 }
-export function OverflowingList({ children, maxInlineCount, showOverflowCount = 'hover', overflowLabel = 'Show all items', open, defaultOpen = false, onOpenChange, popupProps, ...props }) {
+export function OverflowingList({ children, maxInlineCount, showOverflowCount = 'hover', overflowLabel, open, defaultOpen = false, onOpenChange, popupProps, ...props }) {
+    const { t } = useI18n();
     const items = useMemo(() => Children.toArray(children).filter(isValidElement), [children]);
     const [widths, setWidths] = useState([]);
     const [avail, setAvail] = useState(null);
@@ -71,6 +73,6 @@ export function OverflowingList({ children, maxInlineCount, showOverflowCount =
             return next;
         });
     };
-    return (_jsxs(XStack, { ...slot('overflowing-list'), position: "relative", width: "100%", minW: 0, items: "center", gap: GAP, overflow: "hidden", onLayout: (e) => setAvail(e.nativeEvent.layout.width), onPointerEnter: () => setHot(true), onPointerLeave: () => setHot(false), onFocus: () => setHot(true), onBlur: () => setHot(false), ...props, children: [_jsx(XStack, { "aria-hidden": true, position: "absolute", t: 0, l: 0, opacity: 0, pointerEvents: "none", gap: GAP, ...{ inert: true }, children: items.map((item, i) => (_jsx(XStack, { shrink: 0, onLayout: measure(i), children: item }, item.key ?? i))) }), items.slice(0, visible).map((item, i) => (_jsx(XStack, { ...(i === visible - 1 ? { shrink: 1, minW: 0 } : { shrink: 0 }), children: item }, item.key ?? i))), hidden > 0 && showOverflowCount !== 'never' ? (_jsxs(Popover, { open: shown, onOpenChange: setOpen, placement: "bottom-start", children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(XStack, { ...slot('overflowing-list-count'), ...press(() => setOpen(!shown)), "aria-label": `${overflowLabel} (${items.length})`, "aria-expanded": shown, shrink: 0, minW: COUNT_MIN, height: 20, px: "$1", items: "center", justify: "center", rounded: "$xs", cursor: "pointer", hoverStyle: { bg: '$hover' }, focusVisibleStyle: RING, opacity: countShown ? 1 : 0, children: _jsx(SizableText, { size: "$1", color: "$ink", children: `+${hidden}` }) }) }), _jsx(PopoverContent, { p: "$2", minW: POPUP_MIN, style: { width: Math.max(POPUP_MIN, Math.round(avail ?? 0)) }, ...popupProps, children: _jsx(YStack, { ...slot('overflowing-list-popup'), maxH: 320, overflow: "scroll", children: _jsx(XStack, { flexWrap: "wrap", gap: GAP, children: items }) }) })] })) : null] }));
+    return (_jsxs(XStack, { ...slot('overflowing-list'), position: "relative", width: "100%", minW: 0, items: "center", gap: GAP, overflow: "hidden", onLayout: (e) => setAvail(e.nativeEvent.layout.width), onPointerEnter: () => setHot(true), onPointerLeave: () => setHot(false), onFocus: () => setHot(true), onBlur: () => setHot(false), ...props, children: [_jsx(XStack, { "aria-hidden": true, position: "absolute", t: 0, l: 0, opacity: 0, pointerEvents: "none", gap: GAP, ...{ inert: true }, children: items.map((item, i) => (_jsx(XStack, { shrink: 0, onLayout: measure(i), children: item }, item.key ?? i))) }), items.slice(0, visible).map((item, i) => (_jsx(XStack, { ...(i === visible - 1 ? { shrink: 1, minW: 0 } : { shrink: 0 }), children: item }, item.key ?? i))), hidden > 0 && showOverflowCount !== 'never' ? (_jsxs(Popover, { open: shown, onOpenChange: setOpen, placement: "bottom-start", children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(XStack, { ...slot('overflowing-list-count'), ...press(() => setOpen(!shown)), "aria-label": t('{label} ({n})', { label: overflowLabel ?? t('Show all items'), n: items.length }), "aria-expanded": shown, shrink: 0, minW: COUNT_MIN, height: 20, px: "$1", items: "center", justify: "center", rounded: "$xs", cursor: "pointer", hoverStyle: { bg: '$hover' }, focusVisibleStyle: RING, opacity: countShown ? 1 : 0, children: _jsx(SizableText, { size: "$1", color: "$ink", children: `+${hidden}` }) }) }), _jsx(PopoverContent, { p: "$2", minW: POPUP_MIN, style: { width: Math.max(POPUP_MIN, Math.round(avail ?? 0)) }, ...popupProps, children: _jsx(YStack, { ...slot('overflowing-list-popup'), maxH: 320, overflow: "scroll", children: _jsx(XStack, { flexWrap: "wrap", gap: GAP, children: items }) }) })] })) : null] }));
 }
 //# sourceMappingURL=overflowing-list.js.map

package/dist/backends/gui/overflowing-list.js.map

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

package/dist/backends/gui/pagination.cjs

@@ -3,11 +3,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationEllipsis = exports.PaginationNext = exports.PaginationPrevious = exports.PaginationLink = exports.PaginationItem = exports.PaginationContent = exports.Pagination = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Pagination — a trail of page links, framed as a navigation landmark.
+ *
+ * `Pagination` is a `<nav aria-label="pagination">` around `PaginationContent`,
+ * a real `<ul>` so a screen reader counts the pages the way it counts a list.
+ * `PaginationLink` wears the same `Button` frame every other control on the
+ * page wears — ghost for a page you can go to, outline for the one you are
+ * on — so the current page reads as pressed rather than as a colour choice.
+ * `PaginationPrevious`/`PaginationNext` are that link with an icon and a
+ * label; `PaginationEllipsis` is a decorative gap, `aria-hidden`, with its own
+ * "More pages" line for whoever is not looking at it.
+ */
 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 slot_1 = require("./slot.cjs");
 const dir_1 = require("./dir.cjs");
+const slot_1 = require("./slot.cjs");
 const ICON = 16;
 const Nav = (0, gui_1.styled)(gui_1.XStack, {
     name: 'Pagination',
@@ -15,7 +28,10 @@ const Nav = (0, gui_1.styled)(gui_1.XStack, {
     width: '100%',
     justify: 'center',
 });
-const Pagination = (props) => ((0, jsx_runtime_1.jsx)(Nav, { ...(0, slot_1.slot)('pagination'), role: "navigation", "aria-label": "pagination", ...props }));
+const Pagination = (props) => {
+    const { t } = (0, react_1.useI18n)();
+    return (0, jsx_runtime_1.jsx)(Nav, { ...(0, slot_1.slot)('pagination'), role: "navigation", "aria-label": t('pagination'), ...props });
+};
 exports.Pagination = Pagination;
 const List = (0, gui_1.styled)(gui_1.XStack, {
     name: 'PaginationContent',
@@ -24,20 +40,26 @@ const List = (0, gui_1.styled)(gui_1.XStack, {
     items: 'center',
     gap: '$1',
 });
-const PaginationContent = (props) => ((0, jsx_runtime_1.jsx)(List, { ...(0, slot_1.slot)('pagination-content'), ...props }));
+const PaginationContent = (props) => (0, jsx_runtime_1.jsx)(List, { ...(0, slot_1.slot)('pagination-content'), ...props });
 exports.PaginationContent = PaginationContent;
 const Item = (0, gui_1.styled)(gui_1.XStack, {
     name: 'PaginationItem',
     render: 'li',
 });
-const PaginationItem = (props) => ((0, jsx_runtime_1.jsx)(Item, { ...(0, slot_1.slot)('pagination-item'), ...props }));
+const PaginationItem = (props) => (0, jsx_runtime_1.jsx)(Item, { ...(0, slot_1.slot)('pagination-item'), ...props });
 exports.PaginationItem = PaginationItem;
 /** One page number, or any other stop in the trail. Renders as an anchor. */
 const PaginationLink = ({ isActive, size = 'icon', href, children, ...props }) => ((0, jsx_runtime_1.jsx)(button_1.Button, { asChild: true, ...(0, slot_1.slot)('pagination-link'), "data-active": isActive || undefined, "aria-current": isActive ? 'page' : undefined, variant: isActive ? 'outline' : 'ghost', size: size, ...props, children: (0, jsx_runtime_1.jsx)("a", { href: href, children: children }) }));
 exports.PaginationLink = PaginationLink;
-const PaginationPrevious = (props) => ((0, jsx_runtime_1.jsxs)(exports.PaginationLink, { "aria-label": "Go to previous page", size: "default", gap: "$1", paddingInlineStart: "$2.5", ...props, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronLeft, { ...dir_1.mirror, size: ICON }), "Previous"] }));
+const PaginationPrevious = (props) => {
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(exports.PaginationLink, { "aria-label": t('Go to previous page'), size: "default", gap: "$1", paddingInlineStart: "$2.5", ...props, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronLeft, { ...dir_1.mirror, size: ICON }), t('Previous')] }));
+};
 exports.PaginationPrevious = PaginationPrevious;
-const PaginationNext = (props) => ((0, jsx_runtime_1.jsxs)(exports.PaginationLink, { "aria-label": "Go to next page", size: "default", gap: "$1", paddingInlineEnd: "$2.5", ...props, children: ["Next", (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: ICON })] }));
+const PaginationNext = (props) => {
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(exports.PaginationLink, { "aria-label": t('Go to next page'), size: "default", gap: "$1", paddingInlineEnd: "$2.5", ...props, children: [t('Next'), (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: ICON })] }));
+};
 exports.PaginationNext = PaginationNext;
 const Ellipsis = (0, gui_1.styled)(gui_1.XStack, {
     name: 'PaginationEllipsis',
@@ -48,5 +70,8 @@ const Ellipsis = (0, gui_1.styled)(gui_1.XStack, {
     justify: 'center',
 });
 /** A gap too long to enumerate. Decorative — the count still comes from the list. */
-const PaginationEllipsis = (props) => ((0, jsx_runtime_1.jsxs)(Ellipsis, { ...(0, slot_1.slot)('pagination-ellipsis'), "aria-hidden": true, ...props, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.MoreHorizontal, { size: ICON }), (0, jsx_runtime_1.jsx)(gui_1.VisuallyHidden, { children: "More pages" })] }));
+const PaginationEllipsis = (props) => {
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(Ellipsis, { ...(0, slot_1.slot)('pagination-ellipsis'), "aria-hidden": true, ...props, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.MoreHorizontal, { size: ICON }), (0, jsx_runtime_1.jsx)(gui_1.VisuallyHidden, { children: t('More pages') })] }));
+};
 exports.PaginationEllipsis = PaginationEllipsis;