@hanzo/ui 8.29.45 → 8.30.3

package/dist/backends/gui/dropzone.cjs

@@ -15,8 +15,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * accepted or rejected against `accept`/`maxFiles`/`maxSize`.
  */
 const gui_1 = require("@hanzo/gui");
-const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const react_2 = require("react");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_3 = require("@hanzo/i18n/react");
 const ink_1 = require("./ink.cjs");
 const slot_1 = require("./slot.cjs");
 const sx_1 = require("../../sx.cjs");
@@ -83,6 +84,7 @@ function Dropzone({ className, onFilesAccepted, onFilesRejected, maxFiles = 5, m
     'image/*': ['.png', '.jpg', '.jpeg', '.gif', '.webp'],
     'application/pdf': ['.pdf'],
 }, disabled = false, ...props }) {
+    const { t } = (0, react_3.useI18n)();
     const [files, setFiles] = (0, react_2.useState)([]);
     const [active, setActive] = (0, react_2.useState)(false);
     const inputRef = (0, react_2.useRef)(null);
@@ -125,9 +127,9 @@ function Dropzone({ className, onFilesAccepted, onFilesRejected, maxFiles = 5, m
                     : null), children: [(0, jsx_runtime_1.jsx)("input", { ...(0, slot_1.slot)('dropzone-input'), ref: inputRef, id: inputId, type: "file", multiple: maxFiles > 1, accept: acceptAttr(accept), disabled: disabled, style: { display: 'none' }, onChange: (event) => {
                             take([...(event.target.files ?? [])]);
                             event.target.value = '';
-                        } }), (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Upload, { size: 32, color: "$quiet" }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", items: "center", children: [(0, ink_1.ink)(active ? 'Drop files here' : 'Drag & drop files here', gui_1.SizableText, {
+                        } }), (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Upload, { size: 32, color: "$quiet" }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", items: "center", children: [(0, ink_1.ink)(active ? t('Drop files here') : t('Drag & drop files here'), gui_1.SizableText, {
                                 fontWeight: '500',
-                            }), (0, ink_1.ink)(`or click to browse (max ${maxFiles} files, ${Math.round(maxSize / 1024 / 1024)}MB each)`, gui_1.SizableText, { fontSize: '$1', color: '$quiet' })] })] }), files.length > 0 && ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('dropzone-list'), gap: "$2", mt: "$4", children: files.map((file, index) => ((0, react_1.createElement)(gui_1.XStack, { ...(0, slot_1.slot)('dropzone-item'), key: `${file.name}-${file.lastModified}-${index}`, items: "center", gap: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", p: "$2" },
+                            }), (0, ink_1.ink)(t('or click to browse (max {n} files, {size}MB each)', { n: maxFiles, size: Math.round(maxSize / 1024 / 1024) }), gui_1.SizableText, { fontSize: '$1', color: '$quiet' })] })] }), files.length > 0 && ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('dropzone-list'), gap: "$2", mt: "$4", children: files.map((file, index) => ((0, react_1.createElement)(gui_1.XStack, { ...(0, slot_1.slot)('dropzone-item'), key: `${file.name}-${file.lastModified}-${index}`, items: "center", gap: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", p: "$2" },
                     (0, jsx_runtime_1.jsx)(lucide_icons_2_1.File, { size: 16, color: "$quiet" }),
                     (0, ink_1.ink)(file.name, gui_1.SizableText, {
                         flex: 1,
@@ -138,5 +140,5 @@ function Dropzone({ className, onFilesAccepted, onFilesRejected, maxFiles = 5, m
                         whiteSpace: 'nowrap',
                     }),
                     (0, ink_1.ink)(formatSize(file.size), gui_1.SizableText, { fontSize: '$1', color: '$quiet' }),
-                    (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('dropzone-item-remove'), "aria-label": `Remove ${file.name}`, items: "center", justify: "center", rounded: "$2", p: "$1", cursor: "pointer", hoverStyle: { bg: '$hover' }, ...asButton(() => removeFile(index)), ...(0, gesture_1.touch)(REMOVE_SIZE, 44, 'both'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 16 }) })))) }))] }));
+                    (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('dropzone-item-remove'), "aria-label": t('Remove {name}', { name: file.name }), items: "center", justify: "center", rounded: "$2", p: "$1", cursor: "pointer", hoverStyle: { bg: '$hover' }, ...asButton(() => removeFile(index)), ...(0, gesture_1.touch)(REMOVE_SIZE, 44, 'both'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 16 }) })))) }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"dropzone.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dropzone.tsx"],"names":[],"mappings":"AAgCA,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;AAErD,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACzC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AA6DD,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,eAAe,EACf,eAAe,EACf,QAAY,EACZ,OAAiB,EACjB,MAGC,EACD,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,aAAa,+BA0Hf"}
+{"version":3,"file":"dropzone.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dropzone.tsx"],"names":[],"mappings":"AAiCA,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;AAErD,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACzC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAyDD,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,eAAe,EACf,eAAe,EACf,QAAY,EACZ,OAAiB,EACjB,MAGC,EACD,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,aAAa,+BAkHf"}

package/dist/backends/gui/dropzone.js

@@ -12,8 +12,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * accepted or rejected against `accept`/`maxFiles`/`maxSize`.
  */
 import { SizableText, XStack, YStack, isWeb, styled } from '@hanzo/gui';
-import { File as FileIcon, Upload, X } from '@hanzogui/lucide-icons-2';
 import { useId, useRef, useState } from 'react';
+import { File as FileIcon, Upload, X } from '@hanzogui/lucide-icons-2';
+import { useI18n } from '@hanzo/i18n/react';
 import { ink } from './ink.js';
 import { slot } from './slot.js';
 import { sx } from '../../sx.js';
@@ -80,6 +81,7 @@ export function Dropzone({ className, onFilesAccepted, onFilesRejected, maxFiles
     'image/*': ['.png', '.jpg', '.jpeg', '.gif', '.webp'],
     'application/pdf': ['.pdf'],
 }, disabled = false, ...props }) {
+    const { t } = useI18n();
     const [files, setFiles] = useState([]);
     const [active, setActive] = useState(false);
     const inputRef = useRef(null);
@@ -122,9 +124,9 @@ export function Dropzone({ className, onFilesAccepted, onFilesRejected, maxFiles
                     : null), children: [_jsx("input", { ...slot('dropzone-input'), ref: inputRef, id: inputId, type: "file", multiple: maxFiles > 1, accept: acceptAttr(accept), disabled: disabled, style: { display: 'none' }, onChange: (event) => {
                             take([...(event.target.files ?? [])]);
                             event.target.value = '';
-                        } }), _jsx(Upload, { size: 32, color: "$quiet" }), _jsxs(YStack, { gap: "$1", items: "center", children: [ink(active ? 'Drop files here' : 'Drag & drop files here', SizableText, {
+                        } }), _jsx(Upload, { size: 32, color: "$quiet" }), _jsxs(YStack, { gap: "$1", items: "center", children: [ink(active ? t('Drop files here') : t('Drag & drop files here'), SizableText, {
                                 fontWeight: '500',
-                            }), ink(`or click to browse (max ${maxFiles} files, ${Math.round(maxSize / 1024 / 1024)}MB each)`, SizableText, { fontSize: '$1', color: '$quiet' })] })] }), files.length > 0 && (_jsx(YStack, { ...slot('dropzone-list'), gap: "$2", mt: "$4", children: files.map((file, index) => (_createElement(XStack, { ...slot('dropzone-item'), key: `${file.name}-${file.lastModified}-${index}`, items: "center", gap: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", p: "$2" },
+                            }), ink(t('or click to browse (max {n} files, {size}MB each)', { n: maxFiles, size: Math.round(maxSize / 1024 / 1024) }), SizableText, { fontSize: '$1', color: '$quiet' })] })] }), files.length > 0 && (_jsx(YStack, { ...slot('dropzone-list'), gap: "$2", mt: "$4", children: files.map((file, index) => (_createElement(XStack, { ...slot('dropzone-item'), key: `${file.name}-${file.lastModified}-${index}`, items: "center", gap: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", p: "$2" },
                     _jsx(FileIcon, { size: 16, color: "$quiet" }),
                     ink(file.name, SizableText, {
                         flex: 1,
@@ -135,6 +137,6 @@ export function Dropzone({ className, onFilesAccepted, onFilesRejected, maxFiles
                         whiteSpace: 'nowrap',
                     }),
                     ink(formatSize(file.size), SizableText, { fontSize: '$1', color: '$quiet' }),
-                    _jsx(XStack, { ...slot('dropzone-item-remove'), "aria-label": `Remove ${file.name}`, items: "center", justify: "center", rounded: "$2", p: "$1", cursor: "pointer", hoverStyle: { bg: '$hover' }, ...asButton(() => removeFile(index)), ...touch(REMOVE_SIZE, 44, 'both'), children: _jsx(X, { size: 16 }) })))) }))] }));
+                    _jsx(XStack, { ...slot('dropzone-item-remove'), "aria-label": t('Remove {name}', { name: file.name }), items: "center", justify: "center", rounded: "$2", p: "$1", cursor: "pointer", hoverStyle: { bg: '$hover' }, ...asButton(() => removeFile(index)), ...touch(REMOVE_SIZE, 44, 'both'), children: _jsx(X, { size: 16 }) })))) }))] }));
 }
 //# sourceMappingURL=dropzone.js.map

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

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

package/dist/backends/gui/editor.cjs

@@ -51,9 +51,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 = __importStar(require("react"));
+const react_1 = require("@hanzo/i18n/react");
 const button_1 = require("./button.cjs");
 const slot_1 = require("./slot.cjs");
-function Editor({ value, onChange, placeholder = 'Start typing...', ...props }) {
+function Editor({ value, onChange, placeholder, ...props }) {
+    const { t } = (0, react_1.useI18n)();
     const field = React.useRef(null);
     const shown = React.useRef(value);
     const run = (command) => {
@@ -74,7 +76,7 @@ function Editor({ value, onChange, placeholder = 'Start typing...', ...props })
         }
         shown.current = value;
     }, [value]);
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('editor'), gap: "$2", ...props, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('editor-toolbar'), items: "center", gap: "$1", borderBottomWidth: 1, borderColor: "$borderColor", pb: "$2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-bold'), variant: "ghost", size: "sm", type: "button", onClick: () => run('bold'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bold, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-italic'), variant: "ghost", size: "sm", type: "button", onClick: () => run('italic'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Italic, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-bullet-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertUnorderedList'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.List, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-ordered-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertOrderedList'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ListOrdered, { size: 16 }) })] }), (0, jsx_runtime_1.jsx)("div", { ref: field, ...(0, slot_1.slot)('editor-content'), contentEditable: true, onInput: input, "data-placeholder": placeholder, suppressContentEditableWarning: true, dangerouslySetInnerHTML: value === undefined ? undefined : { __html: value }, style: {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('editor'), gap: "$2", ...props, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('editor-toolbar'), items: "center", gap: "$1", borderBottomWidth: 1, borderColor: "$borderColor", pb: "$2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-bold'), variant: "ghost", size: "sm", type: "button", onClick: () => run('bold'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bold, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-italic'), variant: "ghost", size: "sm", type: "button", onClick: () => run('italic'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Italic, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-bullet-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertUnorderedList'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.List, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-ordered-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertOrderedList'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ListOrdered, { size: 16 }) })] }), (0, jsx_runtime_1.jsx)("div", { ref: field, ...(0, slot_1.slot)('editor-content'), contentEditable: true, onInput: input, "data-placeholder": placeholder ?? t('Start typing...'), suppressContentEditableWarning: true, dangerouslySetInnerHTML: value === undefined ? undefined : { __html: value }, style: {
                     minHeight: 200,
                     borderRadius: 8,
                     border: '1px solid var(--borderColor)',

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,qBAAqB,GAAG,mBAAmB,CAAA;AAE3F,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAC7E,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAA+B,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBA6EjG"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,qBAAqB,GAAG,mBAAmB,CAAA;AAE3F,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAC7E,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBA8E7E"}

package/dist/backends/gui/editor.js

@@ -15,9 +15,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { XStack, YStack } from '@hanzo/gui';
 import { Bold, Italic, List, ListOrdered } from '@hanzogui/lucide-icons-2';
 import * as React from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { Button } from './button.js';
 import { slot } from './slot.js';
-export function Editor({ value, onChange, placeholder = 'Start typing...', ...props }) {
+export function Editor({ value, onChange, placeholder, ...props }) {
+    const { t } = useI18n();
     const field = React.useRef(null);
     const shown = React.useRef(value);
     const run = (command) => {
@@ -38,7 +40,7 @@ export function Editor({ value, onChange, placeholder = 'Start typing...', ...pr
         }
         shown.current = value;
     }, [value]);
-    return (_jsxs(YStack, { ...slot('editor'), gap: "$2", ...props, children: [_jsxs(XStack, { ...slot('editor-toolbar'), items: "center", gap: "$1", borderBottomWidth: 1, borderColor: "$borderColor", pb: "$2", children: [_jsx(Button, { ...slot('editor-bold'), variant: "ghost", size: "sm", type: "button", onClick: () => run('bold'), children: _jsx(Bold, { size: 16 }) }), _jsx(Button, { ...slot('editor-italic'), variant: "ghost", size: "sm", type: "button", onClick: () => run('italic'), children: _jsx(Italic, { size: 16 }) }), _jsx(Button, { ...slot('editor-bullet-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertUnorderedList'), children: _jsx(List, { size: 16 }) }), _jsx(Button, { ...slot('editor-ordered-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertOrderedList'), children: _jsx(ListOrdered, { size: 16 }) })] }), _jsx("div", { ref: field, ...slot('editor-content'), contentEditable: true, onInput: input, "data-placeholder": placeholder, suppressContentEditableWarning: true, dangerouslySetInnerHTML: value === undefined ? undefined : { __html: value }, style: {
+    return (_jsxs(YStack, { ...slot('editor'), gap: "$2", ...props, children: [_jsxs(XStack, { ...slot('editor-toolbar'), items: "center", gap: "$1", borderBottomWidth: 1, borderColor: "$borderColor", pb: "$2", children: [_jsx(Button, { ...slot('editor-bold'), variant: "ghost", size: "sm", type: "button", onClick: () => run('bold'), children: _jsx(Bold, { size: 16 }) }), _jsx(Button, { ...slot('editor-italic'), variant: "ghost", size: "sm", type: "button", onClick: () => run('italic'), children: _jsx(Italic, { size: 16 }) }), _jsx(Button, { ...slot('editor-bullet-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertUnorderedList'), children: _jsx(List, { size: 16 }) }), _jsx(Button, { ...slot('editor-ordered-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertOrderedList'), children: _jsx(ListOrdered, { size: 16 }) })] }), _jsx("div", { ref: field, ...slot('editor-content'), contentEditable: true, onInput: input, "data-placeholder": placeholder ?? t('Start typing...'), suppressContentEditableWarning: true, dangerouslySetInnerHTML: value === undefined ? undefined : { __html: value }, style: {
                     minHeight: 200,
                     borderRadius: 8,
                     border: '1px solid var(--borderColor)',

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

@@ -1 +1 @@
-{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../src/backends/gui/editor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../src/backends/gui/editor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAoB,MAAM,YAAY,CAAA;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAW7B,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,EAAe;IAC5E,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAA;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEjC,MAAM,GAAG,GAAG,CAAC,OAAsB,EAAE,EAAE;QACrC,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QACpC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,KAAK,CAAC,OAAO;YAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IACxD,CAAC,CAAA;IAED,4EAA4E;IAC5E,yEAAyE;IACzE,yEAAyE;IACzE,yCAAyC;IACzC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;YACpE,KAAK,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAA;QACjC,CAAC;QACD,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,MAAC,MAAM,OAAK,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAC,IAAI,KAAK,KAAK,aAC5C,MAAC,MAAM,OACD,IAAI,CAAC,gBAAgB,CAAC,EAC1B,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,IAAI,EACR,iBAAiB,EAAE,CAAC,EACpB,WAAW,EAAC,cAAc,EAC1B,EAAE,EAAC,IAAI,aAEP,KAAC,MAAM,OAAK,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,YACjG,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX,EACT,KAAC,MAAM,OAAK,IAAI,CAAC,eAAe,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,YACrG,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,GACb,EACT,KAAC,MAAM,OACD,IAAI,CAAC,oBAAoB,CAAC,EAC9B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,qBAAqB,CAAC,YAEzC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX,EACT,KAAC,MAAM,OACD,IAAI,CAAC,qBAAqB,CAAC,EAC/B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,YAEvC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,IACF,EACT,cACE,GAAG,EAAE,KAAK,KACN,IAAI,CAAC,gBAAgB,CAAC,EAC1B,eAAe,QACf,OAAO,EAAE,KAAK,sBACI,WAAW,IAAI,CAAC,CAAC,iBAAiB,CAAC,EACrD,8BAA8B,QAC9B,uBAAuB,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAC5E,KAAK,EAAE;oBACL,SAAS,EAAE,GAAG;oBACd,YAAY,EAAE,CAAC;oBACf,MAAM,EAAE,8BAA8B;oBACtC,OAAO,EAAE,EAAE;oBACX,OAAO,EAAE,MAAM;iBAChB,GACD,IACK,CACV,CAAA;AACH,CAAC"}

package/dist/backends/gui/financials.cjs

@@ -22,6 +22,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * widget 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/financials/?locale=';
 /** The settings TradingView reads, with the documented defaults filled in. */
@@ -36,10 +37,11 @@ const settings = ({ symbol = 'NASDAQ:AAPL', width = '100%', height = 800, colorT
 });
 const Financials = ({ symbol, width, height, locale = 'en', colorTheme, isTransparent, displayMode, largeChartUrl, ...props }) => {
     const s = settings({ symbol, width, height, colorTheme, isTransparent, displayMode, largeChartUrl });
+    const { t } = (0, react_1.useI18n)();
     const src = EMBED + encodeURIComponent(locale) + '#' + encodeURIComponent(JSON.stringify(s));
     return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('financials'), "data-symbol": s.symbol, "data-display-mode": s.displayMode, 
         // 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: `${s.symbol} financials`, loading: "lazy", scrolling: "no", allowFullScreen: true, 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('{symbol} financials', { symbol: s.symbol }), loading: "lazy", scrolling: "no", allowFullScreen: true, style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
 };
 exports.Financials = Financials;

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

@@ -1 +1 @@
-{"version":3,"file":"financials.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/financials.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAG5D,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAA;AAEtE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAA;AAE9C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtF,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0EAA0E;IAC1E,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,qBAAqB,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAuBD,QAAA,MAAM,UAAU,uGAUb,eAAe,gCA8BjB,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"financials.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/financials.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAI5D,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAA;AAEtE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAA;AAE9C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtF,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0EAA0E;IAC1E,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,qBAAqB,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAuBD,QAAA,MAAM,UAAU,uGAUb,eAAe,gCA+BjB,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/backends/gui/financials.js

@@ -19,6 +19,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * widget 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/financials/?locale=';
 /** The settings TradingView reads, with the documented defaults filled in. */
@@ -33,11 +34,12 @@ const settings = ({ symbol = 'NASDAQ:AAPL', width = '100%', height = 800, colorT
 });
 const Financials = ({ symbol, width, height, locale = 'en', colorTheme, isTransparent, displayMode, largeChartUrl, ...props }) => {
     const s = settings({ symbol, width, height, colorTheme, isTransparent, displayMode, largeChartUrl });
+    const { t } = useI18n();
     const src = EMBED + encodeURIComponent(locale) + '#' + encodeURIComponent(JSON.stringify(s));
     return (_jsx(YStack, { ...slot('financials'), "data-symbol": s.symbol, "data-display-mode": s.displayMode, 
         // 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: `${s.symbol} financials`, loading: "lazy", scrolling: "no", allowFullScreen: true, 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('{symbol} financials', { symbol: s.symbol }), loading: "lazy", scrolling: "no", allowFullScreen: true, style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
 };
 export { Financials };
 //# sourceMappingURL=financials.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"financials.js","sourceRoot":"","sources":["../../../src/backends/gui/financials.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,EAAoB,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAmB7B,MAAM,KAAK,GAAG,qEAAqE,CAAA;AAEnF,8EAA8E;AAC9E,MAAM,QAAQ,GAAG,CAAC,EAChB,MAAM,GAAG,aAAa,EACtB,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,EACZ,UAAU,GAAG,MAAM,EACnB,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,UAAU,EACxB,aAAa,GAAG,EAAE,GACF,EAAE,EAAE,CAAC,CAAC;IACtB,MAAM;IACN,KAAK;IACL,MAAM;IACN,UAAU;IACV,aAAa;IACb,WAAW;IACX,aAAa;CACd,CAAC,CAAA;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GAAG,IAAI,EACb,UAAU,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAAA;IACpG,MAAM,GAAG,GAAG,KAAK,GAAG,kBAAkB,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5F,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,YAAY,CAAC,iBACT,CAAC,CAAC,MAAM,uBACF,CAAC,CAAC,WAAW;QAChC,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,GAAG,CAAC,CAAC,MAAM,aAAa,EAC/B,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,IAAI,EACd,eAAe,QACf,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IANhE,GAAG,CAOR,CACH,GACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"financials.js","sourceRoot":"","sources":["../../../src/backends/gui/financials.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;GAiBG;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;AAmB7B,MAAM,KAAK,GAAG,qEAAqE,CAAA;AAEnF,8EAA8E;AAC9E,MAAM,QAAQ,GAAG,CAAC,EAChB,MAAM,GAAG,aAAa,EACtB,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,EACZ,UAAU,GAAG,MAAM,EACnB,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,UAAU,EACxB,aAAa,GAAG,EAAE,GACF,EAAE,EAAE,CAAC,CAAC;IACtB,MAAM;IACN,KAAK;IACL,MAAM;IACN,UAAU;IACV,aAAa;IACb,WAAW;IACX,aAAa;CACd,CAAC,CAAA;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GAAG,IAAI,EACb,UAAU,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAAA;IACpG,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,GAAG,GAAG,KAAK,GAAG,kBAAkB,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5F,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,YAAY,CAAC,iBACT,CAAC,CAAC,MAAM,uBACF,CAAC,CAAC,WAAW;QAChC,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,qBAAqB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,EACrD,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,IAAI,EACd,eAAe,QACf,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IANhE,GAAG,CAOR,CACH,GACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/backends/gui/forex-screener.cjs

@@ -20,6 +20,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * without the key a changed `market` would leave the old table on screen.
  */
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("@hanzo/i18n/react");
 const slot_1 = require("./slot.cjs");
 /** `forex` is the one short name; every other market is its own screener_type. */
 const screenerType = (market) => market === 'forex' ? 'forex_mkt' : market;
@@ -48,10 +49,11 @@ const ForexScreener = ({ market, defaultColumn, defaultScreen, showToolbar, colo
         width,
         height,
     });
+    const { t } = (0, react_1.useI18n)();
     const src = `${EMBED}${s.locale}#${encodeURIComponent(JSON.stringify(s))}`;
     return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('forex-screener'), "data-market": market ?? 'forex', "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: `${market ?? 'forex'} screener`, 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('{market} screener', { market: market ?? 'forex' }), loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
 };
 exports.ForexScreener = ForexScreener;

package/dist/backends/gui/forex-screener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"forex-screener.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/forex-screener.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAG5D;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAC3B,UAAU,GACV,aAAa,GACb,aAAa,GACb,iBAAiB,CAAA;AAErB,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,aAAa,GACb,YAAY,GACZ,eAAe,GACf,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEjB,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,CAAA;AAMjD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzF,sCAAsC;IACtC,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,uDAAuD;IACvD,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yEAAyE;IACzE,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AA2BD,QAAA,MAAM,aAAa,sHAWhB,kBAAkB,gCAuCpB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"forex-screener.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/forex-screener.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAI5D;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAC3B,UAAU,GACV,aAAa,GACb,aAAa,GACb,iBAAiB,CAAA;AAErB,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,aAAa,GACb,YAAY,GACZ,eAAe,GACf,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEjB,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,CAAA;AAMjD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzF,sCAAsC;IACtC,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,uDAAuD;IACvD,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yEAAyE;IACzE,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AA2BD,QAAA,MAAM,aAAa,sHAWhB,kBAAkB,gCAwCpB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/backends/gui/forex-screener.js

@@ -17,6 +17,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * without the key a changed `market` would leave the old table on screen.
  */
 import { YStack, isWeb } from '@hanzo/gui';
+import { useI18n } from '@hanzo/i18n/react';
 import { slot } from './slot.js';
 /** `forex` is the one short name; every other market is its own screener_type. */
 const screenerType = (market) => market === 'forex' ? 'forex_mkt' : market;
@@ -45,11 +46,12 @@ const ForexScreener = ({ market, defaultColumn, defaultScreen, showToolbar, colo
         width,
         height,
     });
+    const { t } = useI18n();
     const src = `${EMBED}${s.locale}#${encodeURIComponent(JSON.stringify(s))}`;
     return (_jsx(YStack, { ...slot('forex-screener'), "data-market": market ?? 'forex', "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: `${market ?? 'forex'} screener`, 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('{market} screener', { market: market ?? 'forex' }), loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
 };
 export { ForexScreener };
 //# sourceMappingURL=forex-screener.js.map

package/dist/backends/gui/forex-screener.js.map

@@ -1 +1 @@
-{"version":3,"file":"forex-screener.js","sourceRoot":"","sources":["../../../src/backends/gui/forex-screener.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,EAAoB,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAwB7B,kFAAkF;AAClF,MAAM,YAAY,GAAG,CAAC,MAA2B,EAAE,EAAE,CACnD,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAA;AAmB3C,MAAM,KAAK,GAAG,mEAAmE,CAAA;AAEjF,8EAA8E;AAC9E,MAAM,QAAQ,GAAG,CAAC,EAChB,MAAM,GAAG,OAAO,EAChB,aAAa,GAAG,UAAU,EAC1B,aAAa,GAAG,SAAS,EACzB,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,MAAM,EACnB,aAAa,GAAG,KAAK,EACrB,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,GACO,EAAE,EAAE,CAAC,CAAC;IACzB,aAAa;IACb,aAAa;IACb,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC;IACnC,WAAW;IACX,UAAU;IACV,aAAa;IACb,MAAM;IACN,KAAK;IACL,MAAM;CACP,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,EACb,MAAM,EACN,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,CAAC,GAAG,QAAQ,CAAC;QACjB,MAAM;QACN,aAAa;QACb,aAAa;QACb,WAAW;QACX,UAAU;QACV,aAAa;QACb,MAAM;QACN,KAAK;QACL,MAAM;KACP,CAAC,CAAA;IACF,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,MAAM,IAAI,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1E,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,gBAAgB,CAAC,iBACb,MAAM,IAAI,OAAO,sBACZ,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,GAAG,MAAM,IAAI,OAAO,WAAW,EACtC,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,aAAa,EAAE,CAAA"}
+{"version":3,"file":"forex-screener.js","sourceRoot":"","sources":["../../../src/backends/gui/forex-screener.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;GAeG;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;AAwB7B,kFAAkF;AAClF,MAAM,YAAY,GAAG,CAAC,MAA2B,EAAE,EAAE,CACnD,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAA;AAmB3C,MAAM,KAAK,GAAG,mEAAmE,CAAA;AAEjF,8EAA8E;AAC9E,MAAM,QAAQ,GAAG,CAAC,EAChB,MAAM,GAAG,OAAO,EAChB,aAAa,GAAG,UAAU,EAC1B,aAAa,GAAG,SAAS,EACzB,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,MAAM,EACnB,aAAa,GAAG,KAAK,EACrB,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,GACO,EAAE,EAAE,CAAC,CAAC;IACzB,aAAa;IACb,aAAa;IACb,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC;IACnC,WAAW;IACX,UAAU;IACV,aAAa;IACb,MAAM;IACN,KAAK;IACL,MAAM;CACP,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,EACb,MAAM,EACN,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,CAAC,GAAG,QAAQ,CAAC;QACjB,MAAM;QACN,aAAa;QACb,aAAa;QACb,WAAW;QACX,UAAU;QACV,aAAa;QACb,MAAM;QACN,KAAK;QACL,MAAM;KACP,CAAC,CAAA;IACF,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,MAAM,IAAI,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1E,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,gBAAgB,CAAC,iBACb,MAAM,IAAI,OAAO,sBACZ,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,mBAAmB,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,OAAO,EAAE,CAAC,EAC5D,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,aAAa,EAAE,CAAA"}

package/dist/backends/gui/gantt.cjs

@@ -12,6 +12,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * placeholder rather than nothing.
  */
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("@hanzo/i18n/react");
 const ink_1 = require("./ink.cjs");
 const slot_1 = require("./slot.cjs");
 const TRACK_HEIGHT = 32;
@@ -38,11 +39,24 @@ const BarFrame = (0, gui_1.styled)(gui_1.YStack, {
     bg: '$accentBackground',
 });
 function Gantt({ tasks = [], ...props }) {
-    return ((0, jsx_runtime_1.jsx)(GanttFrame, { ...(0, slot_1.slot)('gantt'), ...props, children: tasks.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('gantt-empty'), items: "center", justify: "center", p: "$8", children: (0, ink_1.ink)('No tasks available. Add tasks to display Gantt chart.', gui_1.SizableText, {
+    const { t, format } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsx)(GanttFrame, { ...(0, slot_1.slot)('gantt'), ...props, children: tasks.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('gantt-empty'), items: "center", justify: "center", p: "$8", children: (0, ink_1.ink)(t('No tasks available. Add tasks to display Gantt chart.'), gui_1.SizableText, {
                 size: '$2',
                 color: '$quiet',
             }) })) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$4", children: tasks.map((task) => {
                 const progress = Math.min(100, Math.max(0, task.progress ?? 0));
-                return ((0, jsx_runtime_1.jsxs)(RowFrame, { ...(0, slot_1.slot)('gantt-task'), "data-progress": progress, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "space-between", items: "center", children: [(0, ink_1.ink)(task.name, gui_1.SizableText, { size: '$3', fontWeight: '600' }), (0, ink_1.ink)(`${progress}%`, gui_1.SizableText, { size: '$3', color: '$quiet' })] }), (0, jsx_runtime_1.jsx)(TrackFrame, { ...(0, slot_1.slot)('gantt-track'), children: (0, jsx_runtime_1.jsx)(BarFrame, { ...(0, slot_1.slot)('gantt-bar'), width: `${progress}%` }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "space-between", children: [(0, ink_1.ink)(task.start.toLocaleDateString(), gui_1.SizableText, { size: '$1', color: '$quiet' }), (0, ink_1.ink)(task.end.toLocaleDateString(), gui_1.SizableText, { size: '$1', color: '$quiet' })] })] }, task.id));
+                return ((0, jsx_runtime_1.jsxs)(RowFrame, { ...(0, slot_1.slot)('gantt-task'), "data-progress": progress, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "space-between", items: "center", children: [(0, ink_1.ink)(task.name, gui_1.SizableText, {
+                                    size: '$3',
+                                    fontWeight: '600',
+                                }), (0, ink_1.ink)(`${progress}%`, gui_1.SizableText, {
+                                    size: '$3',
+                                    color: '$quiet',
+                                })] }), (0, jsx_runtime_1.jsx)(TrackFrame, { ...(0, slot_1.slot)('gantt-track'), children: (0, jsx_runtime_1.jsx)(BarFrame, { ...(0, slot_1.slot)('gantt-bar'), width: `${progress}%` }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "space-between", children: [(0, ink_1.ink)(format.date(task.start), gui_1.SizableText, {
+                                    size: '$1',
+                                    color: '$quiet',
+                                }), (0, ink_1.ink)(format.date(task.end), gui_1.SizableText, {
+                                    size: '$1',
+                                    color: '$quiet',
+                                })] })] }, task.id));
             }) })) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"gantt.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/gantt.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;IACT,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,UAAU;;;8CAOd,CAAA;AAmBF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,OAAO,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7F,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;CACpB,CAAA;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAU,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAkCzD"}
+{"version":3,"file":"gantt.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/gantt.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;IACT,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,UAAU;;;8CAOd,CAAA;AAmBF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,OAAO,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7F,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;CACpB,CAAA;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAU,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BA+CzD"}

package/dist/backends/gui/gantt.js

@@ -9,6 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * placeholder rather than nothing.
  */
 import { SizableText, XStack, YStack, styled } from '@hanzo/gui';
+import { useI18n } from '@hanzo/i18n/react';
 import { ink } from './ink.js';
 import { slot } from './slot.js';
 const TRACK_HEIGHT = 32;
@@ -35,12 +36,25 @@ const BarFrame = styled(YStack, {
     bg: '$accentBackground',
 });
 export function Gantt({ tasks = [], ...props }) {
-    return (_jsx(GanttFrame, { ...slot('gantt'), ...props, children: tasks.length === 0 ? (_jsx(XStack, { ...slot('gantt-empty'), items: "center", justify: "center", p: "$8", children: ink('No tasks available. Add tasks to display Gantt chart.', SizableText, {
+    const { t, format } = useI18n();
+    return (_jsx(GanttFrame, { ...slot('gantt'), ...props, children: tasks.length === 0 ? (_jsx(XStack, { ...slot('gantt-empty'), items: "center", justify: "center", p: "$8", children: ink(t('No tasks available. Add tasks to display Gantt chart.'), SizableText, {
                 size: '$2',
                 color: '$quiet',
             }) })) : (_jsx(YStack, { gap: "$4", children: tasks.map((task) => {
                 const progress = Math.min(100, Math.max(0, task.progress ?? 0));
-                return (_jsxs(RowFrame, { ...slot('gantt-task'), "data-progress": progress, children: [_jsxs(XStack, { justify: "space-between", items: "center", children: [ink(task.name, SizableText, { size: '$3', fontWeight: '600' }), ink(`${progress}%`, SizableText, { size: '$3', color: '$quiet' })] }), _jsx(TrackFrame, { ...slot('gantt-track'), children: _jsx(BarFrame, { ...slot('gantt-bar'), width: `${progress}%` }) }), _jsxs(XStack, { justify: "space-between", children: [ink(task.start.toLocaleDateString(), SizableText, { size: '$1', color: '$quiet' }), ink(task.end.toLocaleDateString(), SizableText, { size: '$1', color: '$quiet' })] })] }, task.id));
+                return (_jsxs(RowFrame, { ...slot('gantt-task'), "data-progress": progress, children: [_jsxs(XStack, { justify: "space-between", items: "center", children: [ink(task.name, SizableText, {
+                                    size: '$3',
+                                    fontWeight: '600',
+                                }), ink(`${progress}%`, SizableText, {
+                                    size: '$3',
+                                    color: '$quiet',
+                                })] }), _jsx(TrackFrame, { ...slot('gantt-track'), children: _jsx(BarFrame, { ...slot('gantt-bar'), width: `${progress}%` }) }), _jsxs(XStack, { justify: "space-between", children: [ink(format.date(task.start), SizableText, {
+                                    size: '$1',
+                                    color: '$quiet',
+                                }), ink(format.date(task.end), SizableText, {
+                                    size: '$1',
+                                    color: '$quiet',
+                                })] })] }, task.id));
             }) })) }));
 }
 //# sourceMappingURL=gantt.js.map

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

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

package/dist/backends/gui/icon-picker.cjs

@@ -59,6 +59,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 button_1 = require("./button.cjs");
 const density_1 = require("./density.cjs");
 const icons_1 = require("./icons.cjs");
@@ -123,7 +124,10 @@ const filterIcons = (list, q) => {
         return words.every((w) => hay.includes(w));
     });
 };
-function IconPicker({ value, onValueChange, kind = 'other', trigger, open: openProp, defaultOpen, onOpenChange, label = 'Icon', searchLabel = 'Search icons', emptyLabel = 'No icon matches', disabled, }) {
+function IconPicker({ value, onValueChange, kind = 'other', trigger, open: openProp, defaultOpen, onOpenChange, label: named, searchLabel: searching, emptyLabel, disabled, }) {
+    const { t } = (0, react_2.useI18n)();
+    const label = named ?? t('Icon');
+    const searchLabel = searching ?? t('Search icons');
     const density = (0, density_1.useDensity)();
     const [open, setOpen] = (0, search_list_1.useOpen)(openProp, defaultOpen, onOpenChange);
     const icons = useIcons();
@@ -179,7 +183,7 @@ function IconPicker({ value, onValueChange, kind = 'other', trigger, open: openP
     }, [cursor]);
     const ActiveIcon = chosen ? icons?.get(chosen) : undefined;
     const id = `icon-picker-${(0, react_1.useId)().replace(/:/g, '')}`;
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, placement: "bottom-start", children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: trigger ?? ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "icon-sm", variant: "outline", disabled: disabled, "aria-label": chosen ? `${label}: ${chosen}` : label, ...{ 'aria-haspopup': 'listbox' }, children: ActiveIcon ? (0, jsx_runtime_1.jsx)(ActiveIcon, { size: 16 }) : (0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 16, height: 16 }) })) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { ...(0, slot_1.slot)('icon-picker'), p: 0, width: exports.PICKER_W, sideOffset: 8, overflow: "hidden", children: (0, jsx_runtime_1.jsx)(density_1.Density, { value: density, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { p: INSET, borderBottomWidth: 1, borderColor: "$borderColor", children: (0, jsx_runtime_1.jsx)(input_1.Input, { size: "xs", value: q, onChangeText: (t) => setQ(t), placeholder: searchLabel, "aria-label": searchLabel, "aria-controls": id, "aria-activedescendant": shown[cursor] ? `${id}-${cursor}` : undefined, autoFocus: true, ...{ onKeyDown: move } }) }), !icons ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$hint", p: "$2", role: "status", "aria-live": "polite", children: "Loading\u2026" })) : shown.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$hint", p: "$2", role: "status", "aria-live": "polite", children: emptyLabel })) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: grid, ...(0, slot_1.slot)('icon-picker-grid'), ...{ id, role: 'listbox', 'aria-label': label }, flexWrap: "wrap", gap: GAP, p: INSET, maxH: CELL * 6 + GAP * 5 + INSET * 2, overflow: "scroll", children: shown.map((name, i) => {
+    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, placement: "bottom-start", children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: trigger ?? ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "icon-sm", variant: "outline", disabled: disabled, "aria-label": chosen ? t('{label}: {value}', { label, value: chosen }) : label, ...{ 'aria-haspopup': 'listbox' }, children: ActiveIcon ? (0, jsx_runtime_1.jsx)(ActiveIcon, { size: 16 }) : (0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 16, height: 16 }) })) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { ...(0, slot_1.slot)('icon-picker'), p: 0, width: exports.PICKER_W, sideOffset: 8, overflow: "hidden", children: (0, jsx_runtime_1.jsx)(density_1.Density, { value: density, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { p: INSET, borderBottomWidth: 1, borderColor: "$borderColor", children: (0, jsx_runtime_1.jsx)(input_1.Input, { size: "xs", value: q, onChangeText: (text) => setQ(text), placeholder: searchLabel, "aria-label": searchLabel, "aria-controls": id, "aria-activedescendant": shown[cursor] ? `${id}-${cursor}` : undefined, autoFocus: true, ...{ onKeyDown: move } }) }), !icons ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$hint", p: "$2", role: "status", "aria-live": "polite", children: t('Loading…') })) : shown.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$hint", p: "$2", role: "status", "aria-live": "polite", children: emptyLabel ?? t('No icon matches') })) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: grid, ...(0, slot_1.slot)('icon-picker-grid'), ...{ id, role: 'listbox', 'aria-label': label }, flexWrap: "wrap", gap: GAP, p: INSET, maxH: CELL * 6 + GAP * 5 + INSET * 2, overflow: "scroll", children: shown.map((name, i) => {
                                     const Icon = icons.get(name);
                                     const on = name === chosen;
                                     return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...{
@@ -190,5 +194,5 @@ function IconPicker({ value, onValueChange, kind = 'other', trigger, open: openP
                                             'data-index': i,
                                             title: name,
                                         }, width: CELL, height: CELL, items: "center", justify: "center", rounded: "$xs", cursor: "pointer", bg: i === cursor ? '$hover' : on ? '$raised' : 'transparent', hoverStyle: { bg: '$hover' }, onPress: () => pick(name), children: Icon ? (0, jsx_runtime_1.jsx)(Icon, { size: 16, color: on ? '$ink' : '$aside' }) : null }, name));
-                                }) })), icons && matches.length > SHOWN ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$hint", px: "$2", pb: "$2", role: "status", "aria-live": "polite", children: `${matches.length - SHOWN} more — type to narrow` })) : null] }) }) })] }));
+                                }) })), icons && matches.length > SHOWN ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$hint", px: "$2", pb: "$2", role: "status", "aria-live": "polite", children: t('{n} more — type to narrow', { n: matches.length - SHOWN }) })) : null] }) }) })] }));
 }

package/dist/backends/gui/icon-picker.d.ts

@@ -46,6 +46,6 @@ export type IconPickerProps = {
     emptyLabel?: string;
     disabled?: boolean;
 };
-export declare function IconPicker({ value, onValueChange, kind, trigger, open: openProp, defaultOpen, onOpenChange, label, searchLabel, emptyLabel, disabled, }: IconPickerProps): import("react").JSX.Element;
+export declare function IconPicker({ value, onValueChange, kind, trigger, open: openProp, defaultOpen, onOpenChange, label: named, searchLabel: searching, emptyLabel, disabled, }: IconPickerProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=icon-picker.d.ts.map

package/dist/backends/gui/icon-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-picker.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/icon-picker.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAML,KAAK,aAAa,EAElB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAA;AAGd,OAAO,EAA0B,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAM/D,KAAK,aAAa,GAAG,aAAa,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AACrE,KAAK,KAAK,GAAG;IAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAAC,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,CAAA;AAKtH,+CAA+C;AAC/C,wBAAgB,SAAS,IAAI,OAAO,CAAC,KAAK,CAAC,CAU1C;AAED,4DAA4D;AAC5D,wBAAgB,QAAQ,IAAI,KAAK,GAAG,IAAI,CAWvC;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,sEAAsE;IACtE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAC/B,qEAAqE;IACrE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,IAAc,EAAE,IAAS,EAAE,KAAK,EAAE,EAAE,UAAU,+BAS3E;AAMD,kFAAkF;AAClF,eAAO,MAAM,QAAQ,QAAmD,CAAA;AAGxE,MAAM,MAAM,eAAe,GAAG;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,gFAAgF;IAChF,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,+EAA+E;IAC/E,OAAO,CAAC,EAAE,YAAY,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,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAYD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,IAAc,EACd,OAAO,EACP,IAAI,EAAE,QAAQ,EACd,WAAW,EACX,YAAY,EACZ,KAAc,EACd,WAA4B,EAC5B,UAA8B,EAC9B,QAAQ,GACT,EAAE,eAAe,+BAiJjB"}
+{"version":3,"file":"icon-picker.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/icon-picker.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAML,KAAK,aAAa,EAElB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAA;AAId,OAAO,EAA0B,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAM/D,KAAK,aAAa,GAAG,aAAa,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AACrE,KAAK,KAAK,GAAG;IAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAAC,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,CAAA;AAKtH,+CAA+C;AAC/C,wBAAgB,SAAS,IAAI,OAAO,CAAC,KAAK,CAAC,CAU1C;AAED,4DAA4D;AAC5D,wBAAgB,QAAQ,IAAI,KAAK,GAAG,IAAI,CAWvC;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,sEAAsE;IACtE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAC/B,qEAAqE;IACrE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,IAAc,EAAE,IAAS,EAAE,KAAK,EAAE,EAAE,UAAU,+BAS3E;AAMD,kFAAkF;AAClF,eAAO,MAAM,QAAQ,QAAmD,CAAA;AAGxE,MAAM,MAAM,eAAe,GAAG;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,gFAAgF;IAChF,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,+EAA+E;IAC/E,OAAO,CAAC,EAAE,YAAY,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,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAYD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,IAAc,EACd,OAAO,EACP,IAAI,EAAE,QAAQ,EACd,WAAW,EACX,YAAY,EACZ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,SAAS,EACtB,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,+BAoJjB"}

package/dist/backends/gui/icon-picker.js

@@ -19,6 +19,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { useEffect, useId, useMemo, useRef, useState, } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { Button } from './button.js';
 import { Density, useDensity } from './density.js';
 import { iconWords, resolveIcon } from './icons.js';
@@ -83,7 +84,10 @@ const filterIcons = (list, q) => {
         return words.every((w) => hay.includes(w));
     });
 };
-export function IconPicker({ value, onValueChange, kind = 'other', trigger, open: openProp, defaultOpen, onOpenChange, label = 'Icon', searchLabel = 'Search icons', emptyLabel = 'No icon matches', disabled, }) {
+export function IconPicker({ value, onValueChange, kind = 'other', trigger, open: openProp, defaultOpen, onOpenChange, label: named, searchLabel: searching, emptyLabel, disabled, }) {
+    const { t } = useI18n();
+    const label = named ?? t('Icon');
+    const searchLabel = searching ?? t('Search icons');
     const density = useDensity();
     const [open, setOpen] = useOpen(openProp, defaultOpen, onOpenChange);
     const icons = useIcons();
@@ -139,7 +143,7 @@ export function IconPicker({ value, onValueChange, kind = 'other', trigger, open
     }, [cursor]);
     const ActiveIcon = chosen ? icons?.get(chosen) : undefined;
     const id = `icon-picker-${useId().replace(/:/g, '')}`;
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, placement: "bottom-start", children: [_jsx(PopoverTrigger, { asChild: true, children: trigger ?? (_jsx(Button, { size: "icon-sm", variant: "outline", disabled: disabled, "aria-label": chosen ? `${label}: ${chosen}` : label, ...{ 'aria-haspopup': 'listbox' }, children: ActiveIcon ? _jsx(ActiveIcon, { size: 16 }) : _jsx(XStack, { width: 16, height: 16 }) })) }), _jsx(PopoverContent, { ...slot('icon-picker'), p: 0, width: PICKER_W, sideOffset: 8, overflow: "hidden", children: _jsx(Density, { value: density, children: _jsxs(YStack, { children: [_jsx(XStack, { p: INSET, borderBottomWidth: 1, borderColor: "$borderColor", children: _jsx(Input, { size: "xs", value: q, onChangeText: (t) => setQ(t), placeholder: searchLabel, "aria-label": searchLabel, "aria-controls": id, "aria-activedescendant": shown[cursor] ? `${id}-${cursor}` : undefined, autoFocus: true, ...{ onKeyDown: move } }) }), !icons ? (_jsx(SizableText, { size: "$1", color: "$hint", p: "$2", role: "status", "aria-live": "polite", children: "Loading\u2026" })) : shown.length === 0 ? (_jsx(SizableText, { size: "$1", color: "$hint", p: "$2", role: "status", "aria-live": "polite", children: emptyLabel })) : (_jsx(XStack, { ref: grid, ...slot('icon-picker-grid'), ...{ id, role: 'listbox', 'aria-label': label }, flexWrap: "wrap", gap: GAP, p: INSET, maxH: CELL * 6 + GAP * 5 + INSET * 2, overflow: "scroll", children: shown.map((name, i) => {
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, placement: "bottom-start", children: [_jsx(PopoverTrigger, { asChild: true, children: trigger ?? (_jsx(Button, { size: "icon-sm", variant: "outline", disabled: disabled, "aria-label": chosen ? t('{label}: {value}', { label, value: chosen }) : label, ...{ 'aria-haspopup': 'listbox' }, children: ActiveIcon ? _jsx(ActiveIcon, { size: 16 }) : _jsx(XStack, { width: 16, height: 16 }) })) }), _jsx(PopoverContent, { ...slot('icon-picker'), p: 0, width: PICKER_W, sideOffset: 8, overflow: "hidden", children: _jsx(Density, { value: density, children: _jsxs(YStack, { children: [_jsx(XStack, { p: INSET, borderBottomWidth: 1, borderColor: "$borderColor", children: _jsx(Input, { size: "xs", value: q, onChangeText: (text) => setQ(text), placeholder: searchLabel, "aria-label": searchLabel, "aria-controls": id, "aria-activedescendant": shown[cursor] ? `${id}-${cursor}` : undefined, autoFocus: true, ...{ onKeyDown: move } }) }), !icons ? (_jsx(SizableText, { size: "$1", color: "$hint", p: "$2", role: "status", "aria-live": "polite", children: t('Loading…') })) : shown.length === 0 ? (_jsx(SizableText, { size: "$1", color: "$hint", p: "$2", role: "status", "aria-live": "polite", children: emptyLabel ?? t('No icon matches') })) : (_jsx(XStack, { ref: grid, ...slot('icon-picker-grid'), ...{ id, role: 'listbox', 'aria-label': label }, flexWrap: "wrap", gap: GAP, p: INSET, maxH: CELL * 6 + GAP * 5 + INSET * 2, overflow: "scroll", children: shown.map((name, i) => {
                                     const Icon = icons.get(name);
                                     const on = name === chosen;
                                     return (_jsx(XStack, { ...{
@@ -150,6 +154,6 @@ export function IconPicker({ value, onValueChange, kind = 'other', trigger, open
                                             'data-index': i,
                                             title: name,
                                         }, width: CELL, height: CELL, items: "center", justify: "center", rounded: "$xs", cursor: "pointer", bg: i === cursor ? '$hover' : on ? '$raised' : 'transparent', hoverStyle: { bg: '$hover' }, onPress: () => pick(name), children: Icon ? _jsx(Icon, { size: 16, color: on ? '$ink' : '$aside' }) : null }, name));
-                                }) })), icons && matches.length > SHOWN ? (_jsx(SizableText, { size: "$1", color: "$hint", px: "$2", pb: "$2", role: "status", "aria-live": "polite", children: `${matches.length - SHOWN} more — type to narrow` })) : null] }) }) })] }));
+                                }) })), icons && matches.length > SHOWN ? (_jsx(SizableText, { size: "$1", color: "$hint", px: "$2", pb: "$2", role: "status", "aria-live": "polite", children: t('{n} more — type to narrow', { n: matches.length - SHOWN }) })) : null] }) }) })] }));
 }
 //# sourceMappingURL=icon-picker.js.map