@hanzo/ui 8.29.44 → 8.30.3

package/dist/backends/gui/relative-time.cjs

@@ -43,8 +43,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * or `long`, which hands the same distance to `Intl.RelativeTimeFormat` for
  * locale-correct phrasing ("yesterday", "in 3 hours").
  */
-const gui_1 = require("@hanzo/gui");
 const React = __importStar(require("react"));
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("../../i18n/react.cjs");
+const react_2 = require("@hanzo/i18n/react");
 const UNITS = [
     ['year', 31536000],
     ['month', 2592000],
@@ -74,82 +76,82 @@ const shortForm = (diffInSeconds) => {
     }
     return '0s';
 };
-const autoForm = (diffInSeconds) => {
+const autoForm = (diffInSeconds, tr) => {
     if (diffInSeconds < 0) {
         const abs = -diffInSeconds;
         if (abs < 60)
-            return 'in a moment';
+            return tr('in a moment');
         if (abs < 120)
-            return 'in 1 minute';
+            return tr('in 1 minute');
         if (abs < 3600)
-            return `in ${Math.floor(abs / 60)} minutes`;
+            return tr('in {n} minutes', { n: Math.floor(abs / 60) });
         if (abs < 7200)
-            return 'in 1 hour';
+            return tr('in 1 hour');
         if (abs < 86400)
-            return `in ${Math.floor(abs / 3600)} hours`;
+            return tr('in {n} hours', { n: Math.floor(abs / 3600) });
         if (abs < 172800)
-            return 'tomorrow';
+            return tr('tomorrow');
         if (abs < 604800)
-            return `in ${Math.floor(abs / 86400)} days`;
+            return tr('in {n} days', { n: Math.floor(abs / 86400) });
         if (abs < 1209600)
-            return 'in 1 week';
+            return tr('in 1 week');
         if (abs < 2592000)
-            return `in ${Math.floor(abs / 604800)} weeks`;
+            return tr('in {n} weeks', { n: Math.floor(abs / 604800) });
         if (abs < 5184000)
-            return 'in 1 month';
+            return tr('in 1 month');
         if (abs < 31536000)
-            return `in ${Math.floor(abs / 2592000)} months`;
+            return tr('in {n} months', { n: Math.floor(abs / 2592000) });
         if (abs < 63072000)
-            return 'in 1 year';
-        return `in ${Math.floor(abs / 31536000)} years`;
+            return tr('in 1 year');
+        return tr('in {n} years', { n: Math.floor(abs / 31536000) });
     }
     if (diffInSeconds < 60)
-        return 'just now';
+        return tr('just now');
     if (diffInSeconds < 120)
-        return '1 minute ago';
+        return tr('1 minute ago');
     if (diffInSeconds < 3600)
-        return `${Math.floor(diffInSeconds / 60)} minutes ago`;
+        return tr('{n} minutes ago', { n: Math.floor(diffInSeconds / 60) });
     if (diffInSeconds < 7200)
-        return '1 hour ago';
+        return tr('1 hour ago');
     if (diffInSeconds < 86400)
-        return `${Math.floor(diffInSeconds / 3600)} hours ago`;
+        return tr('{n} hours ago', { n: Math.floor(diffInSeconds / 3600) });
     if (diffInSeconds < 172800)
-        return '1 day ago';
+        return tr('1 day ago');
     if (diffInSeconds < 604800)
-        return `${Math.floor(diffInSeconds / 86400)} days ago`;
+        return tr('{n} days ago', { n: Math.floor(diffInSeconds / 86400) });
     if (diffInSeconds < 1209600)
-        return '1 week ago';
+        return tr('1 week ago');
     if (diffInSeconds < 2592000)
-        return `${Math.floor(diffInSeconds / 604800)} weeks ago`;
+        return tr('{n} weeks ago', { n: Math.floor(diffInSeconds / 604800) });
     if (diffInSeconds < 5184000)
-        return '1 month ago';
+        return tr('1 month ago');
     if (diffInSeconds < 31536000)
-        return `${Math.floor(diffInSeconds / 2592000)} months ago`;
+        return tr('{n} months ago', { n: Math.floor(diffInSeconds / 2592000) });
     if (diffInSeconds < 63072000)
-        return '1 year ago';
-    return `${Math.floor(diffInSeconds / 31536000)} years ago`;
+        return tr('1 year ago');
+    return tr('{n} years ago', { n: Math.floor(diffInSeconds / 31536000) });
 };
-const longFormatter = /* @__PURE__ */ (() => {
-    let cached;
-    return () => (cached ??= new Intl.RelativeTimeFormat(undefined, { numeric: 'auto', style: 'long' }));
-})();
-const longForm = (diffInSeconds) => {
+const longForm = (diffInSeconds, locale) => {
+    const format = new Intl.RelativeTimeFormat(locale, {
+        numeric: 'auto',
+        style: 'long',
+    });
     for (const [unit, secondsInUnit] of UNITS) {
         const abs = Math.abs(diffInSeconds);
         if (abs >= secondsInUnit || unit === 'second') {
             const value = Math.round(diffInSeconds / secondsInUnit) * -1;
-            return longFormatter().format(value, unit);
+            return format.format(value, unit);
         }
     }
-    return longFormatter().format(0, 'second');
+    return format.format(0, 'second');
 };
-const relativeTime = (date, format) => {
+const relativeTime = (date, format, tr, locale) => {
     const diffInSeconds = Math.floor((Date.now() - new Date(date).getTime()) / 1000);
     if (format === 'short')
         return shortForm(diffInSeconds);
     if (format === 'long')
-        return longForm(diffInSeconds);
-    return autoForm(diffInSeconds);
+        return longForm(diffInSeconds, locale);
+    return autoForm(diffInSeconds, tr);
 };
 const RelativeTimeText = (0, gui_1.styled)(gui_1.SizableText, {
     name: 'RelativeTime',
@@ -157,11 +159,17 @@ const RelativeTimeText = (0, gui_1.styled)(gui_1.SizableText, {
 });
 /** A self-updating `<time>` reading how long ago (or until) `date` is. */
 function RelativeTime({ date, format = 'auto', updateInterval = 60000, ...props }) {
-    const [text, setText] = React.useState(() => relativeTime(date, format));
+    const { t: tr } = (0, react_2.useI18n)();
+    const { active, locale } = (0, react_1.useLocale)();
+    const intl = active ? locale : undefined;
+    const [text, setText] = React.useState(() => relativeTime(date, format, tr, intl));
     React.useEffect(() => {
-        setText(relativeTime(date, format));
-        const id = setInterval(() => setText(relativeTime(date, format)), updateInterval);
+        setText(relativeTime(date, format, tr, intl));
+        const id = setInterval(() => setText(relativeTime(date, format, tr, intl)), updateInterval);
         return () => clearInterval(id);
-    }, [date, format, updateInterval]);
-    return ((0, jsx_runtime_1.jsx)(RelativeTimeText, { "data-slot": "relative-time", "data-format": format, ...{ dateTime: new Date(date).toISOString(), ...props }, children: text }));
+    }, [date, format, updateInterval, tr, intl]);
+    return ((0, jsx_runtime_1.jsx)(RelativeTimeText, { "data-slot": "relative-time", "data-format": format, ...{
+            dateTime: new Date(date).toISOString(),
+            ...props,
+        }, children: text }));
 }

package/dist/backends/gui/relative-time.d.ts

@@ -1,3 +1,10 @@
+/**
+ * RelativeTime — a `<time>` element that keeps saying how long ago (or from
+ * now) a moment was, ticking on an interval so a page left open does not go
+ * stale. `format` picks the wording: `auto` ("3 hours ago"), `short` ("3h"),
+ * or `long`, which hands the same distance to `Intl.RelativeTimeFormat` for
+ * locale-correct phrasing ("yesterday", "in 3 hours").
+ */
 import * as React from 'react';
 export type RelativeTimeFormat = 'auto' | 'short' | 'long';
 export type RelativeTimeProps = Omit<React.ComponentProps<'time'>, 'dateTime' | 'children'> & {

package/dist/backends/gui/relative-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/relative-time.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0F9B,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAO1D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAC5F,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,0EAA0E;AAC1E,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,MAAe,EACf,cAAsB,EACtB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAkBnB"}
+{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/relative-time.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA6F9B,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAO1D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAC5F,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,0EAA0E;AAC1E,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,MAAe,EAAE,cAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAwB1G"}

package/dist/backends/gui/relative-time.js

@@ -7,8 +7,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * or `long`, which hands the same distance to `Intl.RelativeTimeFormat` for
  * locale-correct phrasing ("yesterday", "in 3 hours").
  */
-import { SizableText, styled } from '@hanzo/gui';
 import * as React from 'react';
+import { SizableText, styled } from '@hanzo/gui';
+import { useLocale } from '../../i18n/react.js';
+import { useI18n } from '@hanzo/i18n/react';
 const UNITS = [
     ['year', 31536000],
     ['month', 2592000],
@@ -38,82 +40,82 @@ const shortForm = (diffInSeconds) => {
     }
     return '0s';
 };
-const autoForm = (diffInSeconds) => {
+const autoForm = (diffInSeconds, tr) => {
     if (diffInSeconds < 0) {
         const abs = -diffInSeconds;
         if (abs < 60)
-            return 'in a moment';
+            return tr('in a moment');
         if (abs < 120)
-            return 'in 1 minute';
+            return tr('in 1 minute');
         if (abs < 3600)
-            return `in ${Math.floor(abs / 60)} minutes`;
+            return tr('in {n} minutes', { n: Math.floor(abs / 60) });
         if (abs < 7200)
-            return 'in 1 hour';
+            return tr('in 1 hour');
         if (abs < 86400)
-            return `in ${Math.floor(abs / 3600)} hours`;
+            return tr('in {n} hours', { n: Math.floor(abs / 3600) });
         if (abs < 172800)
-            return 'tomorrow';
+            return tr('tomorrow');
         if (abs < 604800)
-            return `in ${Math.floor(abs / 86400)} days`;
+            return tr('in {n} days', { n: Math.floor(abs / 86400) });
         if (abs < 1209600)
-            return 'in 1 week';
+            return tr('in 1 week');
         if (abs < 2592000)
-            return `in ${Math.floor(abs / 604800)} weeks`;
+            return tr('in {n} weeks', { n: Math.floor(abs / 604800) });
         if (abs < 5184000)
-            return 'in 1 month';
+            return tr('in 1 month');
         if (abs < 31536000)
-            return `in ${Math.floor(abs / 2592000)} months`;
+            return tr('in {n} months', { n: Math.floor(abs / 2592000) });
         if (abs < 63072000)
-            return 'in 1 year';
-        return `in ${Math.floor(abs / 31536000)} years`;
+            return tr('in 1 year');
+        return tr('in {n} years', { n: Math.floor(abs / 31536000) });
     }
     if (diffInSeconds < 60)
-        return 'just now';
+        return tr('just now');
     if (diffInSeconds < 120)
-        return '1 minute ago';
+        return tr('1 minute ago');
     if (diffInSeconds < 3600)
-        return `${Math.floor(diffInSeconds / 60)} minutes ago`;
+        return tr('{n} minutes ago', { n: Math.floor(diffInSeconds / 60) });
     if (diffInSeconds < 7200)
-        return '1 hour ago';
+        return tr('1 hour ago');
     if (diffInSeconds < 86400)
-        return `${Math.floor(diffInSeconds / 3600)} hours ago`;
+        return tr('{n} hours ago', { n: Math.floor(diffInSeconds / 3600) });
     if (diffInSeconds < 172800)
-        return '1 day ago';
+        return tr('1 day ago');
     if (diffInSeconds < 604800)
-        return `${Math.floor(diffInSeconds / 86400)} days ago`;
+        return tr('{n} days ago', { n: Math.floor(diffInSeconds / 86400) });
     if (diffInSeconds < 1209600)
-        return '1 week ago';
+        return tr('1 week ago');
     if (diffInSeconds < 2592000)
-        return `${Math.floor(diffInSeconds / 604800)} weeks ago`;
+        return tr('{n} weeks ago', { n: Math.floor(diffInSeconds / 604800) });
     if (diffInSeconds < 5184000)
-        return '1 month ago';
+        return tr('1 month ago');
     if (diffInSeconds < 31536000)
-        return `${Math.floor(diffInSeconds / 2592000)} months ago`;
+        return tr('{n} months ago', { n: Math.floor(diffInSeconds / 2592000) });
     if (diffInSeconds < 63072000)
-        return '1 year ago';
-    return `${Math.floor(diffInSeconds / 31536000)} years ago`;
+        return tr('1 year ago');
+    return tr('{n} years ago', { n: Math.floor(diffInSeconds / 31536000) });
 };
-const longFormatter = /* @__PURE__ */ (() => {
-    let cached;
-    return () => (cached ??= new Intl.RelativeTimeFormat(undefined, { numeric: 'auto', style: 'long' }));
-})();
-const longForm = (diffInSeconds) => {
+const longForm = (diffInSeconds, locale) => {
+    const format = new Intl.RelativeTimeFormat(locale, {
+        numeric: 'auto',
+        style: 'long',
+    });
     for (const [unit, secondsInUnit] of UNITS) {
         const abs = Math.abs(diffInSeconds);
         if (abs >= secondsInUnit || unit === 'second') {
             const value = Math.round(diffInSeconds / secondsInUnit) * -1;
-            return longFormatter().format(value, unit);
+            return format.format(value, unit);
         }
     }
-    return longFormatter().format(0, 'second');
+    return format.format(0, 'second');
 };
-const relativeTime = (date, format) => {
+const relativeTime = (date, format, tr, locale) => {
     const diffInSeconds = Math.floor((Date.now() - new Date(date).getTime()) / 1000);
     if (format === 'short')
         return shortForm(diffInSeconds);
     if (format === 'long')
-        return longForm(diffInSeconds);
-    return autoForm(diffInSeconds);
+        return longForm(diffInSeconds, locale);
+    return autoForm(diffInSeconds, tr);
 };
 const RelativeTimeText = styled(SizableText, {
     name: 'RelativeTime',
@@ -121,12 +123,18 @@ const RelativeTimeText = styled(SizableText, {
 });
 /** A self-updating `<time>` reading how long ago (or until) `date` is. */
 export function RelativeTime({ date, format = 'auto', updateInterval = 60000, ...props }) {
-    const [text, setText] = React.useState(() => relativeTime(date, format));
+    const { t: tr } = useI18n();
+    const { active, locale } = useLocale();
+    const intl = active ? locale : undefined;
+    const [text, setText] = React.useState(() => relativeTime(date, format, tr, intl));
     React.useEffect(() => {
-        setText(relativeTime(date, format));
-        const id = setInterval(() => setText(relativeTime(date, format)), updateInterval);
+        setText(relativeTime(date, format, tr, intl));
+        const id = setInterval(() => setText(relativeTime(date, format, tr, intl)), updateInterval);
         return () => clearInterval(id);
-    }, [date, format, updateInterval]);
-    return (_jsx(RelativeTimeText, { "data-slot": "relative-time", "data-format": format, ...{ dateTime: new Date(date).toISOString(), ...props }, children: text }));
+    }, [date, format, updateInterval, tr, intl]);
+    return (_jsx(RelativeTimeText, { "data-slot": "relative-time", "data-format": format, ...{
+            dateTime: new Date(date).toISOString(),
+            ...props,
+        }, children: text }));
 }
 //# sourceMappingURL=relative-time.js.map

package/dist/backends/gui/relative-time.js.map

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

package/dist/backends/gui/safari.cjs

@@ -16,6 +16,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const gui_1 = require("@hanzo/gui");
+const i18n_1 = require("@hanzo/i18n");
+const react_1 = require("@hanzo/i18n/react");
 const slot_1 = require("./slot.cjs");
 const gesture_1 = require("./gesture.cjs");
 const CONTROL = 12;
@@ -52,14 +54,15 @@ const ToolbarButton = (0, gui_1.styled)(gui_1.XStack, {
     hoverStyle: { opacity: 0.75 },
 });
 const TOOLBAR_ITEMS = [
-    { item: 'favorites', label: 'Favorites', icon: lucide_icons_2_1.Star },
-    { item: 'reading-list', label: 'Reading List', icon: lucide_icons_2_1.Bookmark },
-    { item: 'history', label: 'History', icon: lucide_icons_2_1.Clock },
+    { item: 'favorites', label: (0, i18n_1.phrase)('Favorites'), icon: lucide_icons_2_1.Star },
+    { item: 'reading-list', label: (0, i18n_1.phrase)('Reading List'), icon: lucide_icons_2_1.Bookmark },
+    { item: 'history', label: (0, i18n_1.phrase)('History'), icon: lucide_icons_2_1.Clock },
 ];
 /**
  * A macOS Safari window as a frame around `children` — drop a screenshot, an
  * iframe or a live component in and it reads as a captured browser tab.
  */
 function Safari({ children, url = 'https://ui.hanzo.ai', showToolbar = true, onBack, onForward, onReload, onShare, onNewTab, onMenu, onToolbarItemPress, }) {
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('safari'), width: "100%", maxW: 960, self: "center", rounded: "$5", borderWidth: 1, borderColor: "$borderColor", overflow: "hidden", shadowColor: "$shadowColor", shadowRadius: 24, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-chrome'), items: "center", gap: "$2", px: "$3", py: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-traffic-lights'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(Light, { tone: "close" }), (0, jsx_runtime_1.jsx)(Light, { tone: "minimize" }), (0, jsx_runtime_1.jsx)(Light, { tone: "maximize" })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-nav'), ml: "$2", items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-back'), onPress: onBack, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": "Go back", role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronLeft, { size: ICON, color: "$quiet" }) }), (0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-forward'), onPress: onForward, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": "Go forward", role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: ICON, color: "$quiet" }) })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-url-bar'), mx: "$3", flex: 1, items: "center", gap: "$2", rounded: "$4", bg: "$background", px: "$3", py: "$1.5", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Lock, { size: 14, color: "$quiet" }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('safari-url-text'), flex: 1, size: "$2", color: "$quiet", numberOfLines: 1, children: url }), (0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-reload'), width: 22, height: 22, onPress: onReload, ...(0, gesture_1.touch)(22, 44, 'both'), "aria-label": "Reload page", role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.RotateCw, { size: 14, color: "$quiet" }) })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-actions'), items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-share'), onPress: onShare, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": "Share", role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Share2, { size: ICON, color: "$quiet" }) }), (0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-new-tab'), onPress: onNewTab, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": "New tab", role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: ICON, color: "$quiet" }) }), (0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-menu'), onPress: onMenu, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": "Menu", role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Menu, { size: ICON, color: "$quiet" }) })] })] }), showToolbar ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('safari-secondary-toolbar'), items: "center", gap: "$4", px: "$4", py: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: TOOLBAR_ITEMS.map(({ item, label, icon: Icon }) => ((0, jsx_runtime_1.jsxs)(ToolbarButton, { ...(0, slot_1.slot)(`safari-toolbar-${item}`), onPress: () => onToolbarItemPress?.(item), ...(0, gesture_1.touch)(20, 44, 'y'), "aria-label": label, role: "button", children: [(0, jsx_runtime_1.jsx)(Icon, { size: 14, color: "$quiet" }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: label })] }, item))) })) : null, (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('safari-content'), bg: "$background", children: children })] }));
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('safari'), width: "100%", maxW: 960, self: "center", rounded: "$5", borderWidth: 1, borderColor: "$borderColor", overflow: "hidden", shadowColor: "$shadowColor", shadowRadius: 24, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-chrome'), items: "center", gap: "$2", px: "$3", py: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-traffic-lights'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(Light, { tone: "close" }), (0, jsx_runtime_1.jsx)(Light, { tone: "minimize" }), (0, jsx_runtime_1.jsx)(Light, { tone: "maximize" })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-nav'), ml: "$2", items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-back'), onPress: onBack, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": t('Go back'), role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronLeft, { size: ICON, color: "$quiet" }) }), (0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-forward'), onPress: onForward, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": t('Go forward'), role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: ICON, color: "$quiet" }) })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-url-bar'), mx: "$3", flex: 1, items: "center", gap: "$2", rounded: "$4", bg: "$background", px: "$3", py: "$1.5", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Lock, { size: 14, color: "$quiet" }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('safari-url-text'), flex: 1, size: "$2", color: "$quiet", numberOfLines: 1, children: url }), (0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-reload'), width: 22, height: 22, onPress: onReload, ...(0, gesture_1.touch)(22, 44, 'both'), "aria-label": t('Reload page'), role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.RotateCw, { size: 14, color: "$quiet" }) })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('safari-actions'), items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-share'), onPress: onShare, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": t('Share'), role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Share2, { size: ICON, color: "$quiet" }) }), (0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-new-tab'), onPress: onNewTab, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": t('New tab'), role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: ICON, color: "$quiet" }) }), (0, jsx_runtime_1.jsx)(IconButton, { ...(0, slot_1.slot)('safari-menu'), onPress: onMenu, ...(0, gesture_1.touch)(24, 44, 'both'), "aria-label": t('Menu'), role: "button", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Menu, { size: ICON, color: "$quiet" }) })] })] }), showToolbar ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('safari-secondary-toolbar'), items: "center", gap: "$4", px: "$4", py: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: TOOLBAR_ITEMS.map(({ item, label, icon: Icon }) => ((0, jsx_runtime_1.jsxs)(ToolbarButton, { ...(0, slot_1.slot)(`safari-toolbar-${item}`), onPress: () => onToolbarItemPress?.(item), ...(0, gesture_1.touch)(20, 44, 'y'), "aria-label": t(label), role: "button", children: [(0, jsx_runtime_1.jsx)(Icon, { size: 14, color: "$quiet" }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: t(label) })] }, item))) })) : null, (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('safari-content'), bg: "$background", children: children })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"safari.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/safari.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0CtC,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,cAAc,GAAG,SAAS,CAAA;AAQxE,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACvD,CAAA;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,GAA2B,EAC3B,WAAkB,EAClB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE,WAAW,+BAgJb"}
+{"version":3,"file":"safari.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/safari.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA4CtC,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,cAAc,GAAG,SAAS,CAAA;AAQxE,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACvD,CAAA;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,GAA2B,EAC3B,WAAkB,EAClB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE,WAAW,+BA0Gb"}

package/dist/backends/gui/safari.js

@@ -13,6 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { Bookmark, ChevronLeft, ChevronRight, Clock, Lock, Menu, Plus, RotateCw, Share2, Star, } from '@hanzogui/lucide-icons-2';
 import { SizableText, XStack, YStack, styled } from '@hanzo/gui';
+import { phrase } from '@hanzo/i18n';
+import { useI18n } from '@hanzo/i18n/react';
 import { slot } from './slot.js';
 import { touch } from './gesture.js';
 const CONTROL = 12;
@@ -49,15 +51,16 @@ const ToolbarButton = styled(XStack, {
     hoverStyle: { opacity: 0.75 },
 });
 const TOOLBAR_ITEMS = [
-    { item: 'favorites', label: 'Favorites', icon: Star },
-    { item: 'reading-list', label: 'Reading List', icon: Bookmark },
-    { item: 'history', label: 'History', icon: Clock },
+    { item: 'favorites', label: phrase('Favorites'), icon: Star },
+    { item: 'reading-list', label: phrase('Reading List'), icon: Bookmark },
+    { item: 'history', label: phrase('History'), icon: Clock },
 ];
 /**
  * A macOS Safari window as a frame around `children` — drop a screenshot, an
  * iframe or a live component in and it reads as a captured browser tab.
  */
 export function Safari({ children, url = 'https://ui.hanzo.ai', showToolbar = true, onBack, onForward, onReload, onShare, onNewTab, onMenu, onToolbarItemPress, }) {
-    return (_jsxs(YStack, { ...slot('safari'), width: "100%", maxW: 960, self: "center", rounded: "$5", borderWidth: 1, borderColor: "$borderColor", overflow: "hidden", shadowColor: "$shadowColor", shadowRadius: 24, children: [_jsxs(XStack, { ...slot('safari-chrome'), items: "center", gap: "$2", px: "$3", py: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsxs(XStack, { ...slot('safari-traffic-lights'), gap: "$2", children: [_jsx(Light, { tone: "close" }), _jsx(Light, { tone: "minimize" }), _jsx(Light, { tone: "maximize" })] }), _jsxs(XStack, { ...slot('safari-nav'), ml: "$2", items: "center", gap: "$1", children: [_jsx(IconButton, { ...slot('safari-back'), onPress: onBack, ...touch(24, 44, 'both'), "aria-label": "Go back", role: "button", children: _jsx(ChevronLeft, { size: ICON, color: "$quiet" }) }), _jsx(IconButton, { ...slot('safari-forward'), onPress: onForward, ...touch(24, 44, 'both'), "aria-label": "Go forward", role: "button", children: _jsx(ChevronRight, { size: ICON, color: "$quiet" }) })] }), _jsxs(XStack, { ...slot('safari-url-bar'), mx: "$3", flex: 1, items: "center", gap: "$2", rounded: "$4", bg: "$background", px: "$3", py: "$1.5", children: [_jsx(Lock, { size: 14, color: "$quiet" }), _jsx(SizableText, { ...slot('safari-url-text'), flex: 1, size: "$2", color: "$quiet", numberOfLines: 1, children: url }), _jsx(IconButton, { ...slot('safari-reload'), width: 22, height: 22, onPress: onReload, ...touch(22, 44, 'both'), "aria-label": "Reload page", role: "button", children: _jsx(RotateCw, { size: 14, color: "$quiet" }) })] }), _jsxs(XStack, { ...slot('safari-actions'), items: "center", gap: "$1", children: [_jsx(IconButton, { ...slot('safari-share'), onPress: onShare, ...touch(24, 44, 'both'), "aria-label": "Share", role: "button", children: _jsx(Share2, { size: ICON, color: "$quiet" }) }), _jsx(IconButton, { ...slot('safari-new-tab'), onPress: onNewTab, ...touch(24, 44, 'both'), "aria-label": "New tab", role: "button", children: _jsx(Plus, { size: ICON, color: "$quiet" }) }), _jsx(IconButton, { ...slot('safari-menu'), onPress: onMenu, ...touch(24, 44, 'both'), "aria-label": "Menu", role: "button", children: _jsx(Menu, { size: ICON, color: "$quiet" }) })] })] }), showToolbar ? (_jsx(XStack, { ...slot('safari-secondary-toolbar'), items: "center", gap: "$4", px: "$4", py: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: TOOLBAR_ITEMS.map(({ item, label, icon: Icon }) => (_jsxs(ToolbarButton, { ...slot(`safari-toolbar-${item}`), onPress: () => onToolbarItemPress?.(item), ...touch(20, 44, 'y'), "aria-label": label, role: "button", children: [_jsx(Icon, { size: 14, color: "$quiet" }), _jsx(SizableText, { size: "$2", color: "$quiet", children: label })] }, item))) })) : null, _jsx(YStack, { ...slot('safari-content'), bg: "$background", children: children })] }));
+    const { t } = useI18n();
+    return (_jsxs(YStack, { ...slot('safari'), width: "100%", maxW: 960, self: "center", rounded: "$5", borderWidth: 1, borderColor: "$borderColor", overflow: "hidden", shadowColor: "$shadowColor", shadowRadius: 24, children: [_jsxs(XStack, { ...slot('safari-chrome'), items: "center", gap: "$2", px: "$3", py: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsxs(XStack, { ...slot('safari-traffic-lights'), gap: "$2", children: [_jsx(Light, { tone: "close" }), _jsx(Light, { tone: "minimize" }), _jsx(Light, { tone: "maximize" })] }), _jsxs(XStack, { ...slot('safari-nav'), ml: "$2", items: "center", gap: "$1", children: [_jsx(IconButton, { ...slot('safari-back'), onPress: onBack, ...touch(24, 44, 'both'), "aria-label": t('Go back'), role: "button", children: _jsx(ChevronLeft, { size: ICON, color: "$quiet" }) }), _jsx(IconButton, { ...slot('safari-forward'), onPress: onForward, ...touch(24, 44, 'both'), "aria-label": t('Go forward'), role: "button", children: _jsx(ChevronRight, { size: ICON, color: "$quiet" }) })] }), _jsxs(XStack, { ...slot('safari-url-bar'), mx: "$3", flex: 1, items: "center", gap: "$2", rounded: "$4", bg: "$background", px: "$3", py: "$1.5", children: [_jsx(Lock, { size: 14, color: "$quiet" }), _jsx(SizableText, { ...slot('safari-url-text'), flex: 1, size: "$2", color: "$quiet", numberOfLines: 1, children: url }), _jsx(IconButton, { ...slot('safari-reload'), width: 22, height: 22, onPress: onReload, ...touch(22, 44, 'both'), "aria-label": t('Reload page'), role: "button", children: _jsx(RotateCw, { size: 14, color: "$quiet" }) })] }), _jsxs(XStack, { ...slot('safari-actions'), items: "center", gap: "$1", children: [_jsx(IconButton, { ...slot('safari-share'), onPress: onShare, ...touch(24, 44, 'both'), "aria-label": t('Share'), role: "button", children: _jsx(Share2, { size: ICON, color: "$quiet" }) }), _jsx(IconButton, { ...slot('safari-new-tab'), onPress: onNewTab, ...touch(24, 44, 'both'), "aria-label": t('New tab'), role: "button", children: _jsx(Plus, { size: ICON, color: "$quiet" }) }), _jsx(IconButton, { ...slot('safari-menu'), onPress: onMenu, ...touch(24, 44, 'both'), "aria-label": t('Menu'), role: "button", children: _jsx(Menu, { size: ICON, color: "$quiet" }) })] })] }), showToolbar ? (_jsx(XStack, { ...slot('safari-secondary-toolbar'), items: "center", gap: "$4", px: "$4", py: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: TOOLBAR_ITEMS.map(({ item, label, icon: Icon }) => (_jsxs(ToolbarButton, { ...slot(`safari-toolbar-${item}`), onPress: () => onToolbarItemPress?.(item), ...touch(20, 44, 'y'), "aria-label": t(label), role: "button", children: [_jsx(Icon, { size: 14, color: "$quiet" }), _jsx(SizableText, { size: "$2", color: "$quiet", children: t(label) })] }, item))) })) : null, _jsx(YStack, { ...slot('safari-content'), bg: "$background", children: children })] }));
 }
 //# sourceMappingURL=safari.js.map

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

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

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

@@ -21,6 +21,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const react_1 = require("react");
+const react_2 = require("@hanzo/i18n/react");
 const command_1 = require("./command.cjs");
 const control_1 = require("./control.cjs");
 const density_1 = require("./density.cjs");
@@ -56,7 +57,9 @@ exports.Segment = (0, react_1.forwardRef)(function Segment({ disabled, open, lab
     return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: ref, ...(0, slot_1.slot)('field-segment'), render: "button", ...{ type: 'button', disabled, 'aria-expanded': !!open, ...(label ? { 'aria-label': label } : null) }, height: box.h - 2, marginInlineStart: group ? -box.gutter : 0, shrink: 0, items: "center", gap: "$1", px: "$2", bg: "transparent", borderWidth: 0, borderInlineEndWidth: 1, borderColor: "$borderColor", borderStartStartRadius: "$3", borderEndStartRadius: "$3", cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, hoverStyle: disabled ? undefined : { bg: '$hover' }, focusVisibleStyle: { ...press_1.RING, outlineOffset: -2 }, ...props, children: children }));
 });
 const ROW = 32;
-function SearchList({ trigger, open, onOpenChange, options, value, onPick, searchLabel = 'Search', emptyLabel = 'No results', width = 240, }) {
+function SearchList({ trigger, open, onOpenChange, options, value, onPick, searchLabel, emptyLabel, width = 240, }) {
+    const { t } = (0, react_2.useI18n)();
     const density = (0, density_1.useDensity)();
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: onOpenChange, placement: "bottom-start", children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: trigger }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { "data-slot": "search-list", p: 0, width: width, sideOffset: 8, overflow: "hidden", children: (0, jsx_runtime_1.jsx)(density_1.Density, { value: density, children: (0, jsx_runtime_1.jsxs)(command_1.Command, { value: value ?? undefined, children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: searchLabel, "aria-label": searchLabel, autoFocus: true }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { p: "$1", children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: emptyLabel }), options.map((o) => ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { value: o.value, keywords: [o.label, ...(o.keywords ?? [])], disabled: o.disabled, minH: ROW, px: "$1", rounded: "$xs", ...(0, gesture_1.touch)(ROW, 44, 'y'), onSelect: (picked) => onPick(picked), ...{ 'aria-selected': o.value === value }, children: [o.start ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, items: "center", children: o.start })) : null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$ink", flex: 1, minW: 0, numberOfLines: 1, children: o.label }), o.end != null ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$hint", shrink: 0, children: o.end })) : null, (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 16, opacity: o.value === value ? 1 : 0, shrink: 0 })] }, o.value)))] })] }) }) })] }));
+    const search = searchLabel ?? t('Search');
+    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: onOpenChange, placement: "bottom-start", children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: trigger }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { "data-slot": "search-list", p: 0, width: width, sideOffset: 8, overflow: "hidden", children: (0, jsx_runtime_1.jsx)(density_1.Density, { value: density, children: (0, jsx_runtime_1.jsxs)(command_1.Command, { value: value ?? undefined, children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: search, "aria-label": search, autoFocus: true }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { p: "$1", children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: emptyLabel ?? t('No results') }), options.map((o) => ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { value: o.value, keywords: [o.label, ...(o.keywords ?? [])], disabled: o.disabled, minH: ROW, px: "$1", rounded: "$xs", ...(0, gesture_1.touch)(ROW, 44, 'y'), onSelect: (picked) => onPick(picked), ...{ 'aria-selected': o.value === value }, children: [o.start ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, items: "center", children: o.start })) : null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$ink", flex: 1, minW: 0, numberOfLines: 1, children: o.label }), o.end != null ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$hint", shrink: 0, children: o.end })) : null, (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 16, opacity: o.value === value ? 1 : 0, shrink: 0 })] }, o.value)))] })] }) }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"search-list.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/search-list.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAe,MAAM,EAAmB,MAAM,YAAY,CAAA;AAEjE,OAAO,EAAoC,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAUhH,gGAAgG;AAChG,eAAO,MAAM,OAAO,UAAW,OAAO,wCAAsC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,+BAG9E,OAAO,UAK3B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,2GAoClB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uDAAuD;IACvD,GAAG,CAAC,EAAE,SAAS,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,0EAA0E;IAC1E,OAAO,EAAE,YAAY,CAAA;IACrB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAID,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,MAAM,EACN,WAAsB,EACtB,UAAyB,EACzB,KAAW,GACZ,EAAE,eAAe,+BA8CjB"}
+{"version":3,"file":"search-list.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/search-list.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAe,MAAM,EAAmB,MAAM,YAAY,CAAA;AAEjE,OAAO,EAAoC,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAWhH,gGAAgG;AAChG,eAAO,MAAM,OAAO,UAAW,OAAO,wCAAsC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,+BAG9E,OAAO,UAK3B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,2GAoClB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uDAAuD;IACvD,GAAG,CAAC,EAAE,SAAS,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,0EAA0E;IAC1E,OAAO,EAAE,YAAY,CAAA;IACrB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAID,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,MAAM,EACN,WAAW,EACX,UAAU,EACV,KAAW,GACZ,EAAE,eAAe,+BAgDjB"}

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

@@ -17,6 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SizableText, XStack } from '@hanzo/gui';
 import { Check } from '@hanzogui/lucide-icons-2';
 import { forwardRef, useContext, useState } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from './command.js';
 import { BOX } from './control.js';
 import { Density, fieldSize, useDensity } from './density.js';
@@ -51,8 +52,10 @@ export const Segment = /* @__PURE__ */ forwardRef(function Segment({ disabled, o
     return (_jsx(XStack, { ref: ref, ...slot('field-segment'), render: "button", ...{ type: 'button', disabled, 'aria-expanded': !!open, ...(label ? { 'aria-label': label } : null) }, height: box.h - 2, marginInlineStart: group ? -box.gutter : 0, shrink: 0, items: "center", gap: "$1", px: "$2", bg: "transparent", borderWidth: 0, borderInlineEndWidth: 1, borderColor: "$borderColor", borderStartStartRadius: "$3", borderEndStartRadius: "$3", cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, hoverStyle: disabled ? undefined : { bg: '$hover' }, focusVisibleStyle: { ...RING, outlineOffset: -2 }, ...props, children: children }));
 });
 const ROW = 32;
-export function SearchList({ trigger, open, onOpenChange, options, value, onPick, searchLabel = 'Search', emptyLabel = 'No results', width = 240, }) {
+export function SearchList({ trigger, open, onOpenChange, options, value, onPick, searchLabel, emptyLabel, width = 240, }) {
+    const { t } = useI18n();
     const density = useDensity();
-    return (_jsxs(Popover, { open: open, onOpenChange: onOpenChange, placement: "bottom-start", children: [_jsx(PopoverTrigger, { asChild: true, children: trigger }), _jsx(PopoverContent, { "data-slot": "search-list", p: 0, width: width, sideOffset: 8, overflow: "hidden", children: _jsx(Density, { value: density, children: _jsxs(Command, { value: value ?? undefined, children: [_jsx(CommandInput, { placeholder: searchLabel, "aria-label": searchLabel, autoFocus: true }), _jsxs(CommandList, { p: "$1", children: [_jsx(CommandEmpty, { children: emptyLabel }), options.map((o) => (_jsxs(CommandItem, { value: o.value, keywords: [o.label, ...(o.keywords ?? [])], disabled: o.disabled, minH: ROW, px: "$1", rounded: "$xs", ...touch(ROW, 44, 'y'), onSelect: (picked) => onPick(picked), ...{ 'aria-selected': o.value === value }, children: [o.start ? (_jsx(XStack, { shrink: 0, items: "center", children: o.start })) : null, _jsx(SizableText, { size: "$2", color: "$ink", flex: 1, minW: 0, numberOfLines: 1, children: o.label }), o.end != null ? (_jsx(SizableText, { size: "$2", color: "$hint", shrink: 0, children: o.end })) : null, _jsx(Check, { size: 16, opacity: o.value === value ? 1 : 0, shrink: 0 })] }, o.value)))] })] }) }) })] }));
+    const search = searchLabel ?? t('Search');
+    return (_jsxs(Popover, { open: open, onOpenChange: onOpenChange, placement: "bottom-start", children: [_jsx(PopoverTrigger, { asChild: true, children: trigger }), _jsx(PopoverContent, { "data-slot": "search-list", p: 0, width: width, sideOffset: 8, overflow: "hidden", children: _jsx(Density, { value: density, children: _jsxs(Command, { value: value ?? undefined, children: [_jsx(CommandInput, { placeholder: search, "aria-label": search, autoFocus: true }), _jsxs(CommandList, { p: "$1", children: [_jsx(CommandEmpty, { children: emptyLabel ?? t('No results') }), options.map((o) => (_jsxs(CommandItem, { value: o.value, keywords: [o.label, ...(o.keywords ?? [])], disabled: o.disabled, minH: ROW, px: "$1", rounded: "$xs", ...touch(ROW, 44, 'y'), onSelect: (picked) => onPick(picked), ...{ 'aria-selected': o.value === value }, children: [o.start ? (_jsx(XStack, { shrink: 0, items: "center", children: o.start })) : null, _jsx(SizableText, { size: "$2", color: "$ink", flex: 1, minW: 0, numberOfLines: 1, children: o.label }), o.end != null ? (_jsx(SizableText, { size: "$2", color: "$hint", shrink: 0, children: o.end })) : null, _jsx(Check, { size: 16, opacity: o.value === value ? 1 : 0, shrink: 0 })] }, o.value)))] })] }) }) })] }));
 }
 //# sourceMappingURL=search-list.js.map

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

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