@hanzo/ui 8.27.17 → 8.27.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chat/Composer.cjs +1 -1
- package/dist/chat/Composer.d.ts.map +1 -1
- package/dist/chat/Composer.js +1 -1
- package/dist/chat/Composer.js.map +1 -1
- package/dist/gallery.html +2 -2
- package/dist/product/ConnectionBadge.cjs +2 -1
- package/dist/product/ConnectionBadge.d.ts.map +1 -1
- package/dist/product/ConnectionBadge.js +2 -1
- package/dist/product/ConnectionBadge.js.map +1 -1
- package/package.json +1 -1
|
@@ -16,6 +16,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
16
16
|
*/
|
|
17
17
|
const gui_1 = require("@hanzo/gui");
|
|
18
18
|
const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
|
|
19
|
+
const slot_1 = require("../backends/gui/slot.cjs");
|
|
19
20
|
function ConnectionBadge({ method, extra, info, onDisconnect, disconnecting, }) {
|
|
20
|
-
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", p: "$2.5", rounded: "$5", borderWidth: 1, borderColor: "$green3", bg: "$green1", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { height: 10, width: 10, rounded: 9999, bg: "$green9" }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", fontWeight: "500", color: "$green11", children: "Connected" }), method ? ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$1", color: "$quiet", children: ["via ", method] })) : null, extra ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$quiet", children: extra })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.Button, { chromeless: true, onPress: onDisconnect, disabled: disconnecting, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [disconnecting ? (0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: "small" }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.LogOut, { size: 12 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { color: "$quiet", fontSize: "$1", children: "Disconnect" })] }) })] }), info ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { mt: "$2", children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$quiet", children: info }) })) : null] }));
|
|
21
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('connection-badge'), items: "center", justify: "space-between", p: "$2.5", rounded: "$5", borderWidth: 1, borderColor: "$green3", bg: "$green1", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { height: 10, width: 10, rounded: 9999, bg: "$green9" }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", fontWeight: "500", color: "$green11", children: "Connected" }), method ? ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$1", color: "$quiet", children: ["via ", method] })) : null, extra ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$quiet", children: extra })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.Button, { chromeless: true, onPress: onDisconnect, disabled: disconnecting, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [disconnecting ? (0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: "small" }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.LogOut, { size: 12 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { color: "$quiet", fontSize: "$1", children: "Disconnect" })] }) })] }), info ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { mt: "$2", children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$quiet", children: info }) })) : null] }));
|
|
21
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionBadge.d.ts","sourceRoot":"","sources":["../../src/product/ConnectionBadge.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ConnectionBadge.d.ts","sourceRoot":"","sources":["../../src/product/ConnectionBadge.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,oBAAoB,GAAG;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,aAAa,GACd,EAAE,oBAAoB,+BA+CtB"}
|
|
@@ -13,7 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
*/
|
|
14
14
|
import { Button, Spinner, Text, XStack, YStack } from '@hanzo/gui';
|
|
15
15
|
import { LogOut } from '@hanzogui/lucide-icons-2';
|
|
16
|
+
import { slot } from '../backends/gui/slot.js';
|
|
16
17
|
export function ConnectionBadge({ method, extra, info, onDisconnect, disconnecting, }) {
|
|
17
|
-
return (_jsxs(YStack, { children: [_jsxs(XStack, { items: "center", justify: "space-between", p: "$2.5", rounded: "$5", borderWidth: 1, borderColor: "$green3", bg: "$green1", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(YStack, { height: 10, width: 10, rounded: 9999, bg: "$green9" }), _jsx(Text, { fontSize: "$3", fontWeight: "500", color: "$green11", children: "Connected" }), method ? (_jsxs(Text, { fontSize: "$1", color: "$quiet", children: ["via ", method] })) : null, extra ? (_jsx(Text, { fontSize: "$1", color: "$quiet", children: extra })) : null] }), _jsx(Button, { chromeless: true, onPress: onDisconnect, disabled: disconnecting, children: _jsxs(XStack, { items: "center", gap: "$1", children: [disconnecting ? _jsx(Spinner, { size: "small" }) : _jsx(LogOut, { size: 12 }), _jsx(Text, { color: "$quiet", fontSize: "$1", children: "Disconnect" })] }) })] }), info ? (_jsx(YStack, { mt: "$2", children: _jsx(Text, { fontSize: "$1", color: "$quiet", children: info }) })) : null] }));
|
|
18
|
+
return (_jsxs(YStack, { children: [_jsxs(XStack, { ...slot('connection-badge'), items: "center", justify: "space-between", p: "$2.5", rounded: "$5", borderWidth: 1, borderColor: "$green3", bg: "$green1", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(YStack, { height: 10, width: 10, rounded: 9999, bg: "$green9" }), _jsx(Text, { fontSize: "$3", fontWeight: "500", color: "$green11", children: "Connected" }), method ? (_jsxs(Text, { fontSize: "$1", color: "$quiet", children: ["via ", method] })) : null, extra ? (_jsx(Text, { fontSize: "$1", color: "$quiet", children: extra })) : null] }), _jsx(Button, { chromeless: true, onPress: onDisconnect, disabled: disconnecting, children: _jsxs(XStack, { items: "center", gap: "$1", children: [disconnecting ? _jsx(Spinner, { size: "small" }) : _jsx(LogOut, { size: 12 }), _jsx(Text, { color: "$quiet", fontSize: "$1", children: "Disconnect" })] }) })] }), info ? (_jsx(YStack, { mt: "$2", children: _jsx(Text, { fontSize: "$1", color: "$quiet", children: info }) })) : null] }));
|
|
18
19
|
}
|
|
19
20
|
//# sourceMappingURL=ConnectionBadge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionBadge.js","sourceRoot":"","sources":["../../src/product/ConnectionBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AACH,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"ConnectionBadge.js","sourceRoot":"","sources":["../../src/product/ConnectionBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AACH,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAc3C,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,aAAa,GACQ;IACrB,OAAO,CACL,MAAC,MAAM,eACL,MAAC,MAAM,OACD,IAAI,CAAC,kBAAkB,CAAC,EAC5B,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,CAAC,EAAC,MAAM,EACR,OAAO,EAAC,IAAI,EACZ,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,SAAS,EACrB,EAAE,EAAC,SAAS,aAEZ,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC7B,KAAC,MAAM,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAC,SAAS,GAAG,EAC7D,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAC,UAAU,0BAE9C,EACN,MAAM,CAAC,CAAC,CAAC,CACR,MAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,qBAC3B,MAAM,IACN,CACR,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,YAC/B,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACD,EACT,KAAC,MAAM,IAAC,UAAU,QAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,YAC/D,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC5B,aAAa,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAChE,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,2BAE3B,IACA,GACF,IACF,EACR,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,IAAC,EAAE,EAAC,IAAI,YACb,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,YAC/B,IAAI,GACA,GACA,CACV,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "8.27.
|
|
3
|
+
"version": "8.27.18",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
|
|
6
6
|
"exports": {
|