@hanzo/ui 8.33.0 → 8.33.2
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/agents/ChannelMembers.cjs +1 -1
- package/dist/agents/ChannelMembers.js +1 -1
- package/dist/agents/ChannelMembers.js.map +1 -1
- package/dist/agents/ChannelNotes.cjs +3 -3
- package/dist/agents/ChannelNotes.js +3 -3
- package/dist/agents/ChannelNotes.js.map +1 -1
- package/dist/agents/LiveVoiceCall.cjs +1 -1
- package/dist/agents/LiveVoiceCall.js +1 -1
- package/dist/agents/MCPHub.cjs +3 -3
- package/dist/agents/MCPHub.js +3 -3
- package/dist/agents/MCPHub.js.map +1 -1
- package/dist/agents/SwarmBar.cjs +3 -3
- package/dist/agents/SwarmBar.js +3 -3
- package/dist/agents/SwarmBar.js.map +1 -1
- package/dist/auth/look.cjs +4 -2
- package/dist/auth/look.d.ts.map +1 -1
- package/dist/auth/look.js +4 -2
- package/dist/auth/look.js.map +1 -1
- package/dist/backends/gui/3d-marquee.cjs +1 -1
- package/dist/backends/gui/3d-marquee.js +1 -1
- package/dist/backends/gui/animated-beam.cjs +1 -1
- package/dist/backends/gui/animated-beam.js +1 -1
- package/dist/backends/gui/apple-cards-carousel.cjs +5 -5
- package/dist/backends/gui/apple-cards-carousel.js +5 -5
- package/dist/backends/gui/motion-highlight.cjs +1 -1
- package/dist/backends/gui/motion-highlight.js +1 -1
- package/dist/cd/status.cjs +1 -2
- package/dist/cd/status.d.ts +2 -2
- package/dist/cd/status.d.ts.map +1 -1
- package/dist/cd/status.js +1 -2
- package/dist/cd/status.js.map +1 -1
- package/dist/gallery/display.cjs +1 -1
- package/dist/gallery/display.js +1 -1
- package/dist/gallery/display.js.map +1 -1
- package/dist/gallery.html +4 -4
- package/dist/product/Charts.cjs +2 -2
- package/dist/product/Charts.js +2 -2
- package/dist/product/Metric.cjs +1 -1
- package/dist/product/Metric.d.ts +1 -1
- package/dist/product/Metric.js +1 -1
- package/dist/styles.css +2 -2
- package/dist/theme.css +2 -2
- package/package.json +3 -3
|
@@ -68,7 +68,7 @@ const ChannelMembers = ({ members, onDirectMessage, onInviteMember, className =
|
|
|
68
68
|
display: 'flex',
|
|
69
69
|
alignItems: 'center',
|
|
70
70
|
gap: 6,
|
|
71
|
-
}, children: [m.name, m.isAgent && ((0, jsx_runtime_1.jsx)("span", { style: { padding: '1px 6px', borderRadius: 4, fontSize: 9, backgroundColor: 'rgba(
|
|
71
|
+
}, children: [m.name, m.isAgent && ((0, jsx_runtime_1.jsx)("span", { style: { padding: '1px 6px', borderRadius: 4, fontSize: 9, backgroundColor: 'rgba(255, 255, 255, 0.1)', color: '#e4e4e7', fontWeight: 700, border: '1px solid rgba(255, 255, 255, 0.2)' }, children: t('AI') }))] }), (0, jsx_runtime_1.jsx)("span", { style: { fontSize: 10, color: '#a3a3a3' }, children: m.role })] })] }), onDirectMessage && ((0, jsx_runtime_1.jsx)("button", { onClick: () => onDirectMessage(m.id), style: {
|
|
72
72
|
padding: '2px 8px',
|
|
73
73
|
fontSize: 11,
|
|
74
74
|
color: '#a3a3a3',
|
|
@@ -65,7 +65,7 @@ export const ChannelMembers = ({ members, onDirectMessage, onInviteMember, class
|
|
|
65
65
|
display: 'flex',
|
|
66
66
|
alignItems: 'center',
|
|
67
67
|
gap: 6,
|
|
68
|
-
}, children: [m.name, m.isAgent && (_jsx("span", { style: { padding: '1px 6px', borderRadius: 4, fontSize: 9, backgroundColor: 'rgba(
|
|
68
|
+
}, children: [m.name, m.isAgent && (_jsx("span", { style: { padding: '1px 6px', borderRadius: 4, fontSize: 9, backgroundColor: 'rgba(255, 255, 255, 0.1)', color: '#e4e4e7', fontWeight: 700, border: '1px solid rgba(255, 255, 255, 0.2)' }, children: t('AI') }))] }), _jsx("span", { style: { fontSize: 10, color: '#a3a3a3' }, children: m.role })] })] }), onDirectMessage && (_jsx("button", { onClick: () => onDirectMessage(m.id), style: {
|
|
69
69
|
padding: '2px 8px',
|
|
70
70
|
fontSize: 11,
|
|
71
71
|
color: '#a3a3a3',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelMembers.js","sourceRoot":"","sources":["../../src/agents/ChannelMembers.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ChannelMembers.js","sourceRoot":"","sources":["../../src/agents/ChannelMembers.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,12 +25,12 @@ const ChannelNotes = ({ channelName, notes, onSaveNotes, onExtractActionItems, i
|
|
|
25
25
|
display: 'flex',
|
|
26
26
|
alignItems: 'center',
|
|
27
27
|
justifyContent: 'space-between',
|
|
28
|
-
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { fontSize: 16 }, children: "\uD83D\uDCDD" }), (0, jsx_runtime_1.jsx)("h3", { style: { fontSize: 12, fontWeight: 600, color: '#ffffff', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: t('Notes · #{channel}', { channel: channelName }) }), isLiveNoteTakerActive && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 4, padding: '2px 8px', borderRadius: 9999, fontSize: 10, backgroundColor: 'rgba(16, 185, 129, 0.2)', color: '#6ee7b7', fontWeight: 500, border: '1px solid rgba(16, 185, 129, 0.3)' }, children: [(0, jsx_runtime_1.jsx)("span", { style: { width: 6, height: 6, borderRadius: '50%', backgroundColor: '#34d399' } }), t('AI Note Taker')] }))] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 6 }, children: [onExtractActionItems && ((0, jsx_runtime_1.jsxs)("button", { onClick: () => onExtractActionItems(content), style: { padding: '4px 10px', fontSize: 12, fontWeight: 500, color: '#
|
|
28
|
+
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { fontSize: 16 }, children: "\uD83D\uDCDD" }), (0, jsx_runtime_1.jsx)("h3", { style: { fontSize: 12, fontWeight: 600, color: '#ffffff', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: t('Notes · #{channel}', { channel: channelName }) }), isLiveNoteTakerActive && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 4, padding: '2px 8px', borderRadius: 9999, fontSize: 10, backgroundColor: 'rgba(16, 185, 129, 0.2)', color: '#6ee7b7', fontWeight: 500, border: '1px solid rgba(16, 185, 129, 0.3)' }, children: [(0, jsx_runtime_1.jsx)("span", { style: { width: 6, height: 6, borderRadius: '50%', backgroundColor: '#34d399' } }), t('AI Note Taker')] }))] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 6 }, children: [onExtractActionItems && ((0, jsx_runtime_1.jsxs)("button", { onClick: () => onExtractActionItems(content), style: { padding: '4px 10px', fontSize: 12, fontWeight: 500, color: '#e4e4e7', backgroundColor: 'rgba(255, 255, 255, 0.08)', border: '1px solid rgba(255, 255, 255, 0.2)', borderRadius: 8, cursor: 'pointer' }, title: t('Extract tasks and action items from notes'), children: ["\u2728 ", t('Extract Tasks')] })), isEditing ? ((0, jsx_runtime_1.jsx)("button", { onClick: handleSave, style: {
|
|
29
29
|
padding: '4px 10px',
|
|
30
30
|
fontSize: 12,
|
|
31
31
|
fontWeight: 600,
|
|
32
|
-
color: '#
|
|
33
|
-
backgroundColor: '#
|
|
32
|
+
color: '#09090b',
|
|
33
|
+
backgroundColor: '#e4e4e7',
|
|
34
34
|
border: 'none',
|
|
35
35
|
borderRadius: 8,
|
|
36
36
|
cursor: 'pointer',
|
|
@@ -22,12 +22,12 @@ export const ChannelNotes = ({ channelName, notes, onSaveNotes, onExtractActionI
|
|
|
22
22
|
display: 'flex',
|
|
23
23
|
alignItems: 'center',
|
|
24
24
|
justifyContent: 'space-between',
|
|
25
|
-
}, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("span", { style: { fontSize: 16 }, children: "\uD83D\uDCDD" }), _jsx("h3", { style: { fontSize: 12, fontWeight: 600, color: '#ffffff', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: t('Notes · #{channel}', { channel: channelName }) }), isLiveNoteTakerActive && (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 4, padding: '2px 8px', borderRadius: 9999, fontSize: 10, backgroundColor: 'rgba(16, 185, 129, 0.2)', color: '#6ee7b7', fontWeight: 500, border: '1px solid rgba(16, 185, 129, 0.3)' }, children: [_jsx("span", { style: { width: 6, height: 6, borderRadius: '50%', backgroundColor: '#34d399' } }), t('AI Note Taker')] }))] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 6 }, children: [onExtractActionItems && (_jsxs("button", { onClick: () => onExtractActionItems(content), style: { padding: '4px 10px', fontSize: 12, fontWeight: 500, color: '#
|
|
25
|
+
}, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("span", { style: { fontSize: 16 }, children: "\uD83D\uDCDD" }), _jsx("h3", { style: { fontSize: 12, fontWeight: 600, color: '#ffffff', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: t('Notes · #{channel}', { channel: channelName }) }), isLiveNoteTakerActive && (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 4, padding: '2px 8px', borderRadius: 9999, fontSize: 10, backgroundColor: 'rgba(16, 185, 129, 0.2)', color: '#6ee7b7', fontWeight: 500, border: '1px solid rgba(16, 185, 129, 0.3)' }, children: [_jsx("span", { style: { width: 6, height: 6, borderRadius: '50%', backgroundColor: '#34d399' } }), t('AI Note Taker')] }))] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 6 }, children: [onExtractActionItems && (_jsxs("button", { onClick: () => onExtractActionItems(content), style: { padding: '4px 10px', fontSize: 12, fontWeight: 500, color: '#e4e4e7', backgroundColor: 'rgba(255, 255, 255, 0.08)', border: '1px solid rgba(255, 255, 255, 0.2)', borderRadius: 8, cursor: 'pointer' }, title: t('Extract tasks and action items from notes'), children: ["\u2728 ", t('Extract Tasks')] })), isEditing ? (_jsx("button", { onClick: handleSave, style: {
|
|
26
26
|
padding: '4px 10px',
|
|
27
27
|
fontSize: 12,
|
|
28
28
|
fontWeight: 600,
|
|
29
|
-
color: '#
|
|
30
|
-
backgroundColor: '#
|
|
29
|
+
color: '#09090b',
|
|
30
|
+
backgroundColor: '#e4e4e7',
|
|
31
31
|
border: 'none',
|
|
32
32
|
borderRadius: 8,
|
|
33
33
|
cursor: 'pointer',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelNotes.js","sourceRoot":"","sources":["../../src/agents/ChannelNotes.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAY3C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,qBAAqB,GAAG,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3K,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,WAAW,CAAC,OAAO,CAAC,CAAA;QACpB,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,oCAAoC;YAC5C,YAAY,EAAE,EAAE;YAChB,GAAG,KAAK;SACT,gBACW,CAAC,CAAC,6BAA6B,CAAC,aAE5C,eACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,eAAe;iBAChC,aAED,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC3D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,6BAAW,EACxC,aAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,YAC3H,CAAC,CAAC,oBAAoB,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,GAC/C,EACJ,qBAAqB,IAAI,CACxB,gBAAM,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,eAAe,EAAE,yBAAyB,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,mCAAmC,EAAE,aACrP,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,GAAI,EACxF,CAAC,CAAC,eAAe,CAAC,IACd,CACR,IACG,EAEN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC1D,oBAAoB,IAAI,CACvB,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAC5C,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"ChannelNotes.js","sourceRoot":"","sources":["../../src/agents/ChannelNotes.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ const LiveVoiceCall = ({ title, status = 'connected', onEndCall, onToggleMute, i
|
|
|
28
28
|
for (let i = 0; i < numBars; i++) {
|
|
29
29
|
const x = i * (barWidth + spacing);
|
|
30
30
|
const height = status === 'speaking' || status === 'listening' ? Math.sin(phase + i * 0.25) * 20 + 24 : 6;
|
|
31
|
-
ctx.fillStyle = status === 'speaking' ? '#34d399' : status === 'listening' ? '#
|
|
31
|
+
ctx.fillStyle = status === 'speaking' ? '#34d399' : status === 'listening' ? '#e4e4e7' : '#737373';
|
|
32
32
|
ctx.beginPath();
|
|
33
33
|
ctx.roundRect(x, centerY - height / 2, barWidth, height, 2);
|
|
34
34
|
ctx.fill();
|
|
@@ -25,7 +25,7 @@ export const LiveVoiceCall = ({ title, status = 'connected', onEndCall, onToggle
|
|
|
25
25
|
for (let i = 0; i < numBars; i++) {
|
|
26
26
|
const x = i * (barWidth + spacing);
|
|
27
27
|
const height = status === 'speaking' || status === 'listening' ? Math.sin(phase + i * 0.25) * 20 + 24 : 6;
|
|
28
|
-
ctx.fillStyle = status === 'speaking' ? '#34d399' : status === 'listening' ? '#
|
|
28
|
+
ctx.fillStyle = status === 'speaking' ? '#34d399' : status === 'listening' ? '#e4e4e7' : '#737373';
|
|
29
29
|
ctx.beginPath();
|
|
30
30
|
ctx.roundRect(x, centerY - height / 2, barWidth, height, 2);
|
|
31
31
|
ctx.fill();
|
package/dist/agents/MCPHub.cjs
CHANGED
|
@@ -22,9 +22,9 @@ const MCPHub = ({ servers, onConnectServer, onDisconnectServer, onOpenSettings,
|
|
|
22
22
|
padding: '4px 10px',
|
|
23
23
|
fontSize: 12,
|
|
24
24
|
fontWeight: 500,
|
|
25
|
-
color: '#
|
|
26
|
-
backgroundColor: 'rgba(
|
|
27
|
-
border: '1px solid rgba(
|
|
25
|
+
color: '#e4e4e7',
|
|
26
|
+
backgroundColor: 'rgba(255, 255, 255, 0.08)',
|
|
27
|
+
border: '1px solid rgba(255, 255, 255, 0.2)',
|
|
28
28
|
borderRadius: 8,
|
|
29
29
|
cursor: 'pointer',
|
|
30
30
|
}, children: t('Manage Servers') }))] }), (0, jsx_runtime_1.jsx)("div", { style: {
|
package/dist/agents/MCPHub.js
CHANGED
|
@@ -19,9 +19,9 @@ export const MCPHub = ({ servers, onConnectServer, onDisconnectServer, onOpenSet
|
|
|
19
19
|
padding: '4px 10px',
|
|
20
20
|
fontSize: 12,
|
|
21
21
|
fontWeight: 500,
|
|
22
|
-
color: '#
|
|
23
|
-
backgroundColor: 'rgba(
|
|
24
|
-
border: '1px solid rgba(
|
|
22
|
+
color: '#e4e4e7',
|
|
23
|
+
backgroundColor: 'rgba(255, 255, 255, 0.08)',
|
|
24
|
+
border: '1px solid rgba(255, 255, 255, 0.2)',
|
|
25
25
|
borderRadius: 8,
|
|
26
26
|
cursor: 'pointer',
|
|
27
27
|
}, children: t('Manage Servers') }))] }), _jsx("div", { style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MCPHub.js","sourceRoot":"","sources":["../../src/agents/MCPHub.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAoB3C,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,SAAS,GAAG,EAAE,EACd,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,EAAE;YACX,eAAe,EAAE,SAAS;YAC1B,MAAM,EAAE,oCAAoC;YAC5C,YAAY,EAAE,EAAE;YAChB,GAAG,KAAK;SACT,gBACW,CAAC,CAAC,gBAAgB,CAAC,aAE/B,eACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,eAAe;iBAChC,aAED,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC3D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,6BAAW,EACxC,aAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,6CAAmC,EAC5G,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,eAAe,EAAE,0BAA0B,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAC1J,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,GAClC,IACH,EAEL,cAAc,IAAI,CACjB,iBACE,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE;4BACL,OAAO,EAAE,UAAU;4BACnB,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,SAAS;4BAChB,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"MCPHub.js","sourceRoot":"","sources":["../../src/agents/MCPHub.tsx"],"names":[],"mappings":"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"}
|
package/dist/agents/SwarmBar.cjs
CHANGED
|
@@ -29,9 +29,9 @@ const SwarmBar = ({ agents, selectedAgentId, onSelectAgent, onAddAgent, classNam
|
|
|
29
29
|
borderRadius: 10,
|
|
30
30
|
fontSize: 12,
|
|
31
31
|
fontWeight: 500,
|
|
32
|
-
border: isSelected ? '1px solid #
|
|
33
|
-
backgroundColor: isSelected ? 'rgba(
|
|
34
|
-
color: isSelected ? '#
|
|
32
|
+
border: isSelected ? '1px solid #e4e4e7' : '1px solid rgba(255, 255, 255, 0.1)',
|
|
33
|
+
backgroundColor: isSelected ? 'rgba(255, 255, 255, 0.14)' : 'rgba(255, 255, 255, 0.05)',
|
|
34
|
+
color: isSelected ? '#fafafa' : '#d4d4d4',
|
|
35
35
|
cursor: 'pointer',
|
|
36
36
|
}, title: agent.role, children: [(0, jsx_runtime_1.jsx)("span", { style: { fontSize: 14 }, children: agent.icon }), (0, jsx_runtime_1.jsx)("span", { children: agent.handle })] }, agent.id));
|
|
37
37
|
}), onAddAgent && ((0, jsx_runtime_1.jsx)("button", { onClick: onAddAgent, style: {
|
package/dist/agents/SwarmBar.js
CHANGED
|
@@ -26,9 +26,9 @@ export const SwarmBar = ({ agents, selectedAgentId, onSelectAgent, onAddAgent, c
|
|
|
26
26
|
borderRadius: 10,
|
|
27
27
|
fontSize: 12,
|
|
28
28
|
fontWeight: 500,
|
|
29
|
-
border: isSelected ? '1px solid #
|
|
30
|
-
backgroundColor: isSelected ? 'rgba(
|
|
31
|
-
color: isSelected ? '#
|
|
29
|
+
border: isSelected ? '1px solid #e4e4e7' : '1px solid rgba(255, 255, 255, 0.1)',
|
|
30
|
+
backgroundColor: isSelected ? 'rgba(255, 255, 255, 0.14)' : 'rgba(255, 255, 255, 0.05)',
|
|
31
|
+
color: isSelected ? '#fafafa' : '#d4d4d4',
|
|
32
32
|
cursor: 'pointer',
|
|
33
33
|
}, title: agent.role, children: [_jsx("span", { style: { fontSize: 14 }, children: agent.icon }), _jsx("span", { children: agent.handle })] }, agent.id));
|
|
34
34
|
}), onAddAgent && (_jsx("button", { onClick: onAddAgent, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwarmBar.js","sourceRoot":"","sources":["../../src/agents/SwarmBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAoB3C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,MAAM,EACN,eAAe,EACf,aAAa,EACb,UAAU,EACV,SAAS,GAAG,EAAE,EACd,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,UAAU;YACnB,eAAe,EAAE,SAAS;YAC1B,MAAM,EAAE,oCAAoC;YAC5C,YAAY,EAAE,EAAE;YAChB,GAAG,KAAK;SACT,gBACW,CAAC,CAAC,uBAAuB,CAAC,YAEtC,eACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,CAAC;gBACN,SAAS,EAAE,MAAM;aAClB,aAEA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACpB,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,KAAK,eAAe,CAAA;oBAC/C,OAAO,CACL,kBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EACxC,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,UAAU,EAAE,QAAQ;4BACpB,GAAG,EAAE,CAAC;4BACN,OAAO,EAAE,UAAU;4BACnB,YAAY,EAAE,EAAE;4BAChB,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oCAAoC;4BAC/E,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"SwarmBar.js","sourceRoot":"","sources":["../../src/agents/SwarmBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAoB3C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,MAAM,EACN,eAAe,EACf,aAAa,EACb,UAAU,EACV,SAAS,GAAG,EAAE,EACd,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,UAAU;YACnB,eAAe,EAAE,SAAS;YAC1B,MAAM,EAAE,oCAAoC;YAC5C,YAAY,EAAE,EAAE;YAChB,GAAG,KAAK;SACT,gBACW,CAAC,CAAC,uBAAuB,CAAC,YAEtC,eACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,CAAC;gBACN,SAAS,EAAE,MAAM;aAClB,aAEA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACpB,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,KAAK,eAAe,CAAA;oBAC/C,OAAO,CACL,kBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EACxC,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,UAAU,EAAE,QAAQ;4BACpB,GAAG,EAAE,CAAC;4BACN,OAAO,EAAE,UAAU;4BACnB,YAAY,EAAE,EAAE;4BAChB,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oCAAoC;4BAC/E,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,2BAA2B;4BACvF,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;4BACzC,MAAM,EAAE,SAAS;yBAClB,EACD,KAAK,EAAE,KAAK,CAAC,IAAI,aAEjB,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAG,KAAK,CAAC,IAAI,GAAQ,EAClD,yBAAO,KAAK,CAAC,MAAM,GAAQ,KAlBtB,KAAK,CAAC,EAAE,CAmBN,CACV,CAAA;gBACH,CAAC,CAAC,EAED,UAAU,IAAI,CACb,iBACE,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE;wBACL,OAAO,EAAE,SAAS;wBAClB,QAAQ,EAAE,EAAE;wBACZ,YAAY,EAAE,CAAC;wBACf,MAAM,EAAE,qCAAqC;wBAC7C,eAAe,EAAE,aAAa;wBAC9B,KAAK,EAAE,SAAS;wBAChB,MAAM,EAAE,SAAS;qBAClB,EACD,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,YAE7B,CAAC,CAAC,OAAO,CAAC,GACJ,CACV,IACG,GACF,CACP,CAAA;AACH,CAAC,CAAA"}
|
package/dist/auth/look.cjs
CHANGED
|
@@ -31,9 +31,11 @@ const INPUT = `input[data-slot="input"]:not([data-slot="input-group"] *)${OVER}`
|
|
|
31
31
|
const GROUP = `[data-slot="input-group"]${OVER}`;
|
|
32
32
|
/** Every rule the sign-in's controls are drawn by, scoped to the card. */
|
|
33
33
|
exports.SIGNIN_STYLE = `${AT} [data-signin-body]{container-type:inline-size;display:flex;flex-direction:column;gap:10px;width:100%}` +
|
|
34
|
-
|
|
34
|
+
// Equal halves no label can widen: a bare `1fr` keeps its label's width as
|
|
35
|
+
// its floor, and "Continue with Google" would push the pair past the field.
|
|
36
|
+
`${AT} [data-signin-pair]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}` +
|
|
35
37
|
`${AT} [data-signin-pair]>:last-child:nth-child(odd){grid-column:1/-1}` +
|
|
36
|
-
`@container (max-width:379.98px){${AT} [data-signin-pair]{grid-template-columns:1fr}}` +
|
|
38
|
+
`@container (max-width:379.98px){${AT} [data-signin-pair]{grid-template-columns:minmax(0,1fr)}}` +
|
|
37
39
|
`${AT} [data-signin-btn]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:46px;margin:0;padding:0 14px;border-radius:14px;border:1px solid ${EDGE};background:${FILL};color:${INK};font-family:${FONT};font-size:14px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:${LIFT}}` +
|
|
38
40
|
`${AT} ${ACTION}{box-sizing:border-box;height:46px;min-height:46px;padding:0 14px;gap:9px;border-radius:14px!important;border:1px solid ${EDGE};background:${FILL};color:${INK};font-family:${FONT};font-size:14px;font-weight:500;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.04);backdrop-filter:none;-webkit-backdrop-filter:none;transition:${LIFT}}` +
|
|
39
41
|
`${AT} [data-signin-btn]:hover:not(:disabled),${AT} ${ACTION}:hover:not(:disabled){border-color:${STRONG};transform:translateY(-2px)}` +
|
package/dist/auth/look.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"look.d.ts","sourceRoot":"","sources":["../../src/auth/look.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,IAAI,GAAG,YAAY,GAAG,aAAa,CAAC;IAC/G,mGAAmG;IACnG,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,oFAAoF;IACpF,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,sEAAsE;AACtE,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,CAAA;AA4BhD,0EAA0E;AAC1E,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"look.d.ts","sourceRoot":"","sources":["../../src/auth/look.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,IAAI,GAAG,YAAY,GAAG,aAAa,CAAC;IAC/G,mGAAmG;IACnG,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,oFAAoF;IACpF,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,sEAAsE;AACtE,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,CAAA;AA4BhD,0EAA0E;AAC1E,eAAO,MAAM,YAAY,QAgCiE,CAAA;AAE1F,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,EAAE,UAA0B,EAAE,WAA4B,EAAE,IAAY,EAAE,IAAqB,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAS/J"}
|
package/dist/auth/look.js
CHANGED
|
@@ -27,9 +27,11 @@ const INPUT = `input[data-slot="input"]:not([data-slot="input-group"] *)${OVER}`
|
|
|
27
27
|
const GROUP = `[data-slot="input-group"]${OVER}`;
|
|
28
28
|
/** Every rule the sign-in's controls are drawn by, scoped to the card. */
|
|
29
29
|
export const SIGNIN_STYLE = `${AT} [data-signin-body]{container-type:inline-size;display:flex;flex-direction:column;gap:10px;width:100%}` +
|
|
30
|
-
|
|
30
|
+
// Equal halves no label can widen: a bare `1fr` keeps its label's width as
|
|
31
|
+
// its floor, and "Continue with Google" would push the pair past the field.
|
|
32
|
+
`${AT} [data-signin-pair]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}` +
|
|
31
33
|
`${AT} [data-signin-pair]>:last-child:nth-child(odd){grid-column:1/-1}` +
|
|
32
|
-
`@container (max-width:379.98px){${AT} [data-signin-pair]{grid-template-columns:1fr}}` +
|
|
34
|
+
`@container (max-width:379.98px){${AT} [data-signin-pair]{grid-template-columns:minmax(0,1fr)}}` +
|
|
33
35
|
`${AT} [data-signin-btn]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:46px;margin:0;padding:0 14px;border-radius:14px;border:1px solid ${EDGE};background:${FILL};color:${INK};font-family:${FONT};font-size:14px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:${LIFT}}` +
|
|
34
36
|
`${AT} ${ACTION}{box-sizing:border-box;height:46px;min-height:46px;padding:0 14px;gap:9px;border-radius:14px!important;border:1px solid ${EDGE};background:${FILL};color:${INK};font-family:${FONT};font-size:14px;font-weight:500;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.04);backdrop-filter:none;-webkit-backdrop-filter:none;transition:${LIFT}}` +
|
|
35
37
|
`${AT} [data-signin-btn]:hover:not(:disabled),${AT} ${ACTION}:hover:not(:disabled){border-color:${STRONG};transform:translateY(-2px)}` +
|
package/dist/auth/look.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"look.js","sourceRoot":"","sources":["../../src/auth/look.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAuD/C,MAAM,EAAE,GAAG,eAAe,CAAA;AAC1B,MAAM,IAAI,GAAG,6BAA6B,CAAA;AAC1C,MAAM,IAAI,GAAG,2BAA2B,CAAA;AACxC,MAAM,MAAM,GAAG,mCAAmC,CAAA;AAClD,MAAM,GAAG,GAAG,8BAA8B,CAAA;AAC1C,MAAM,IAAI,GAAG,sCAAsC,CAAA;AACnD,MAAM,IAAI,GAAG,2CAA2C,CAAA;AACxD,MAAM,IAAI,GAAG,0FAA0F,CAAA;AAEvG;;;;GAIG;AACH,MAAM,IAAI,GAAG,UAAU,CAAA;AACvB;;;;;GAKG;AACH,MAAM,MAAM,GAAG,oCAAoC,IAAI,EAAE,CAAA;AACzD,8EAA8E;AAC9E,MAAM,KAAK,GAAG,4DAA4D,IAAI,EAAE,CAAA;AAChF,MAAM,KAAK,GAAG,4BAA4B,IAAI,EAAE,CAAA;AAEhD,0EAA0E;AAC1E,MAAM,CAAC,MAAM,YAAY,GACvB,GAAG,EAAE,wGAAwG;IAC7G,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"look.js","sourceRoot":"","sources":["../../src/auth/look.tsx"],"names":[],"mappings":"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"}
|
|
@@ -89,7 +89,7 @@ const INK = {
|
|
|
89
89
|
filter: 'drop-shadow(0 0 10px currentColor)',
|
|
90
90
|
animation: 'marquee-3d-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
91
91
|
},
|
|
92
|
-
rainbow: clip('linear-gradient(90deg, #ef4444, #eab308, #22c55e, #3b82f6, #
|
|
92
|
+
rainbow: clip('linear-gradient(90deg, #ef4444, #eab308, #22c55e, #3b82f6, #06b6d4)'),
|
|
93
93
|
metallic: clip('linear-gradient(180deg, #e5e7eb, #9ca3af, #4b5563)'),
|
|
94
94
|
fire: {
|
|
95
95
|
...clip('linear-gradient(0deg, #dc2626, #f97316, #facc15)'),
|
|
@@ -53,7 +53,7 @@ const INK = {
|
|
|
53
53
|
filter: 'drop-shadow(0 0 10px currentColor)',
|
|
54
54
|
animation: 'marquee-3d-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
55
55
|
},
|
|
56
|
-
rainbow: clip('linear-gradient(90deg, #ef4444, #eab308, #22c55e, #3b82f6, #
|
|
56
|
+
rainbow: clip('linear-gradient(90deg, #ef4444, #eab308, #22c55e, #3b82f6, #06b6d4)'),
|
|
57
57
|
metallic: clip('linear-gradient(180deg, #e5e7eb, #9ca3af, #4b5563)'),
|
|
58
58
|
fire: {
|
|
59
59
|
...clip('linear-gradient(0deg, #dc2626, #f97316, #facc15)'),
|
|
@@ -49,7 +49,7 @@ const center = (el, origin) => {
|
|
|
49
49
|
const r = el.getBoundingClientRect();
|
|
50
50
|
return [r.left - origin.left + r.width / 2, r.top - origin.top + r.height / 2];
|
|
51
51
|
};
|
|
52
|
-
exports.AnimatedBeam = React.forwardRef(({ style, duration = 3, delay = 0, pathColor = 'gray', pathWidth = 2, gradientStartColor = '#18CCFC', gradientStopColor = '#
|
|
52
|
+
exports.AnimatedBeam = React.forwardRef(({ style, duration = 3, delay = 0, pathColor = 'gray', pathWidth = 2, gradientStartColor = '#18CCFC', gradientStopColor = '#a1a1aa', containerRef, fromRef, toRef, ...props }, ref) => {
|
|
53
53
|
const gradientId = React.useId();
|
|
54
54
|
const [ends, setEnds] = React.useState(null);
|
|
55
55
|
React.useEffect(() => {
|
|
@@ -13,7 +13,7 @@ const center = (el, origin) => {
|
|
|
13
13
|
const r = el.getBoundingClientRect();
|
|
14
14
|
return [r.left - origin.left + r.width / 2, r.top - origin.top + r.height / 2];
|
|
15
15
|
};
|
|
16
|
-
export const AnimatedBeam = React.forwardRef(({ style, duration = 3, delay = 0, pathColor = 'gray', pathWidth = 2, gradientStartColor = '#18CCFC', gradientStopColor = '#
|
|
16
|
+
export const AnimatedBeam = React.forwardRef(({ style, duration = 3, delay = 0, pathColor = 'gray', pathWidth = 2, gradientStartColor = '#18CCFC', gradientStopColor = '#a1a1aa', containerRef, fromRef, toRef, ...props }, ref) => {
|
|
17
17
|
const gradientId = React.useId();
|
|
18
18
|
const [ends, setEnds] = React.useState(null);
|
|
19
19
|
React.useEffect(() => {
|
|
@@ -206,12 +206,12 @@ function AppleCardsCarousel({ cards, autoPlay = false, autoPlayInterval = 5000,
|
|
|
206
206
|
}
|
|
207
207
|
/** Pre-built CSS gradients for cards that skip `image`. */
|
|
208
208
|
exports.gradientPresets = {
|
|
209
|
-
sunset: 'linear-gradient(135deg, #
|
|
210
|
-
ocean: 'linear-gradient(135deg, #
|
|
211
|
-
fire: 'linear-gradient(135deg, #
|
|
209
|
+
sunset: 'linear-gradient(135deg, #fb923c 0%, #e11d48 100%)',
|
|
210
|
+
ocean: 'linear-gradient(135deg, #38bdf8 0%, #4ca1af 100%)',
|
|
211
|
+
fire: 'linear-gradient(135deg, #f59e0b 0%, #f5576c 100%)',
|
|
212
212
|
forest: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)',
|
|
213
|
-
galaxy: 'linear-gradient(135deg, #
|
|
213
|
+
galaxy: 'linear-gradient(135deg, #09090b 0%, #3f3f46 50%, #fafafa 100%)',
|
|
214
214
|
aurora: 'linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)',
|
|
215
215
|
peach: 'linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)',
|
|
216
|
-
lavender: 'linear-gradient(135deg, #a8edea 0%, #
|
|
216
|
+
lavender: 'linear-gradient(135deg, #a8edea 0%, #e4e4e7 100%)',
|
|
217
217
|
};
|
|
@@ -169,13 +169,13 @@ export function AppleCardsCarousel({ cards, autoPlay = false, autoPlayInterval =
|
|
|
169
169
|
}
|
|
170
170
|
/** Pre-built CSS gradients for cards that skip `image`. */
|
|
171
171
|
export const gradientPresets = {
|
|
172
|
-
sunset: 'linear-gradient(135deg, #
|
|
173
|
-
ocean: 'linear-gradient(135deg, #
|
|
174
|
-
fire: 'linear-gradient(135deg, #
|
|
172
|
+
sunset: 'linear-gradient(135deg, #fb923c 0%, #e11d48 100%)',
|
|
173
|
+
ocean: 'linear-gradient(135deg, #38bdf8 0%, #4ca1af 100%)',
|
|
174
|
+
fire: 'linear-gradient(135deg, #f59e0b 0%, #f5576c 100%)',
|
|
175
175
|
forest: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)',
|
|
176
|
-
galaxy: 'linear-gradient(135deg, #
|
|
176
|
+
galaxy: 'linear-gradient(135deg, #09090b 0%, #3f3f46 50%, #fafafa 100%)',
|
|
177
177
|
aurora: 'linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)',
|
|
178
178
|
peach: 'linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)',
|
|
179
|
-
lavender: 'linear-gradient(135deg, #a8edea 0%, #
|
|
179
|
+
lavender: 'linear-gradient(135deg, #a8edea 0%, #e4e4e7 100%)',
|
|
180
180
|
};
|
|
181
181
|
//# sourceMappingURL=apple-cards-carousel.js.map
|
|
@@ -62,7 +62,7 @@ const Glow = ({ x, y, size, color }) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, {
|
|
|
62
62
|
pointerEvents: 'none',
|
|
63
63
|
zIndex: 0,
|
|
64
64
|
} }));
|
|
65
|
-
exports.MotionHighlight = React.forwardRef(({ children, size = 128, color = 'rgba(
|
|
65
|
+
exports.MotionHighlight = React.forwardRef(({ children, size = 128, color = 'rgba(255,255,255,0.15)', style, onMouseMove, onMouseEnter, onMouseLeave, ...props }, ref) => {
|
|
66
66
|
const [pos, setPos] = React.useState({ x: 0, y: 0 });
|
|
67
67
|
const [hovered, setHovered] = React.useState(false);
|
|
68
68
|
const handleMove = (e) => {
|
|
@@ -26,7 +26,7 @@ const Glow = ({ x, y, size, color }) => (_jsx(YStack, { ...slot('motion-highligh
|
|
|
26
26
|
pointerEvents: 'none',
|
|
27
27
|
zIndex: 0,
|
|
28
28
|
} }));
|
|
29
|
-
export const MotionHighlight = React.forwardRef(({ children, size = 128, color = 'rgba(
|
|
29
|
+
export const MotionHighlight = React.forwardRef(({ children, size = 128, color = 'rgba(255,255,255,0.15)', style, onMouseMove, onMouseEnter, onMouseLeave, ...props }, ref) => {
|
|
30
30
|
const [pos, setPos] = React.useState({ x: 0, y: 0 });
|
|
31
31
|
const [hovered, setHovered] = React.useState(false);
|
|
32
32
|
const handleMove = (e) => {
|
package/dist/cd/status.cjs
CHANGED
|
@@ -18,14 +18,13 @@ const HUES = {
|
|
|
18
18
|
yellow: '#f5b544',
|
|
19
19
|
red: '#f4636e',
|
|
20
20
|
blue: '#38a0f5',
|
|
21
|
-
purple: '#a684f5',
|
|
22
21
|
neutral: '#8b96a5',
|
|
23
22
|
};
|
|
24
23
|
const HEALTH_TONE = {
|
|
25
24
|
Healthy: 'green',
|
|
26
25
|
Progressing: 'blue',
|
|
27
26
|
Degraded: 'red',
|
|
28
|
-
Suspended: '
|
|
27
|
+
Suspended: 'neutral',
|
|
29
28
|
Missing: 'yellow',
|
|
30
29
|
Unknown: 'neutral',
|
|
31
30
|
};
|
package/dist/cd/status.d.ts
CHANGED
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
* identical in a pill, a tree node's accent, a mini-bar, and the minimap.
|
|
5
5
|
*
|
|
6
6
|
* The hues keep the GitOps meaning (green = healthy/synced, amber = out-of-sync /
|
|
7
|
-
* missing, red = degraded, blue = progressing,
|
|
7
|
+
* missing, red = degraded, blue = progressing, grey = suspended or
|
|
8
8
|
* unknown) but are re-tuned for a dark-first surface so they stay legible on
|
|
9
9
|
* near-black without the washed-out look of the light-theme originals.
|
|
10
10
|
*/
|
|
11
11
|
import type { HealthStatus, OperationPhase, PodPhase, SyncStatus } from './types.js';
|
|
12
12
|
/** A coarse tone bucket, shared with the rest of @hanzo/ui's tag vocabulary. */
|
|
13
|
-
export type StatusTone = 'green' | 'yellow' | 'red' | 'blue' | '
|
|
13
|
+
export type StatusTone = 'green' | 'yellow' | 'red' | 'blue' | 'neutral';
|
|
14
14
|
/** The concrete swatch a status renders in: dot/text hue + a soft chip fill. */
|
|
15
15
|
export interface StatusColor {
|
|
16
16
|
/** The saturated hue — the dot, the accent bar, the pill text. */
|
package/dist/cd/status.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/cd/status.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEjF,gFAAgF;AAChF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/cd/status.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEjF,gFAAgF;AAChF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAA;AAExE,gFAAgF;AAChF,MAAM,WAAW,WAAW;IAC1B,kEAAkE;IAClE,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,UAAU,CAAA;CACjB;AA4CD;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOxD,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIpD,CAAA;AAKD,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,CAExD;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,UAAU,CAEpD;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW,CAG7D;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,WAAW,CAGzD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,WAAW,CAGjE;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,WAAW,CAGrD;AAED,2EAA2E;AAC3E,wBAAgB,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAEhD;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,YAAY,EAAE,GAAG,YAAY,CAKlE;AAED,4EAA4E;AAC5E,wBAAgB,SAAS,CAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,UAAU,CAK5D;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAU5D"}
|
package/dist/cd/status.js
CHANGED
|
@@ -5,14 +5,13 @@ const HUES = {
|
|
|
5
5
|
yellow: '#f5b544',
|
|
6
6
|
red: '#f4636e',
|
|
7
7
|
blue: '#38a0f5',
|
|
8
|
-
purple: '#a684f5',
|
|
9
8
|
neutral: '#8b96a5',
|
|
10
9
|
};
|
|
11
10
|
const HEALTH_TONE = {
|
|
12
11
|
Healthy: 'green',
|
|
13
12
|
Progressing: 'blue',
|
|
14
13
|
Degraded: 'red',
|
|
15
|
-
Suspended: '
|
|
14
|
+
Suspended: 'neutral',
|
|
16
15
|
Missing: 'yellow',
|
|
17
16
|
Unknown: 'neutral',
|
|
18
17
|
};
|
package/dist/cd/status.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"status.js","sourceRoot":"","sources":["../../src/cd/status.ts"],"names":[],"mappings":"AAsBA,8EAA8E;AAC9E,6EAA6E;AAC7E,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;IACf,
|
|
1
|
+
{"version":3,"file":"status.js","sourceRoot":"","sources":["../../src/cd/status.ts"],"names":[],"mappings":"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"}
|
package/dist/gallery/display.cjs
CHANGED
|
@@ -39,7 +39,7 @@ const AVATAR_SHAPES = ['square', 'rounded', 'circle'];
|
|
|
39
39
|
const BADGE_SIZES = ['xs', 'sm', 'md'];
|
|
40
40
|
const PEOPLE = ['Ada Lovelace', 'Grace Hopper', 'Alan Turing', 'Edsger Dijkstra', 'Barbara Liskov', 'Donald Knuth'];
|
|
41
41
|
function Parts() {
|
|
42
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(section_1.Section, { name: "tag", children: [ALL.map((hue) => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { color: hue, children: hue }, `s-${hue}`))), ALL.map((hue) => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { color: hue, variant: "solid", children: hue }, `f-${hue}`))), TAG_VARIANTS.map((variant) => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "blue", variant: variant, weight: "medium", startIcon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Building2, {}), children: variant }, variant))), (0, jsx_runtime_1.jsx)(tag_1.Tag, { variant: "outline", color: "transparent", borderStyle: "dashed", children: "No value" }), (0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "transparent", children: "transparent" }), (0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "green", onPress: NOOP, children: "pressable" }), (0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "red", disabled: true, children: "disabled" }), (0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "
|
|
42
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(section_1.Section, { name: "tag", children: [ALL.map((hue) => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { color: hue, children: hue }, `s-${hue}`))), ALL.map((hue) => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { color: hue, variant: "solid", children: hue }, `f-${hue}`))), TAG_VARIANTS.map((variant) => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "blue", variant: variant, weight: "medium", startIcon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Building2, {}), children: variant }, variant))), (0, jsx_runtime_1.jsx)(tag_1.Tag, { variant: "outline", color: "transparent", borderStyle: "dashed", children: "No value" }), (0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "transparent", children: "transparent" }), (0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "green", onPress: NOOP, children: "pressable" }), (0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "red", disabled: true, children: "disabled" }), (0, jsx_runtime_1.jsx)(tag_1.Tag, { color: "blue", maxW: 96, children: "A tag whose label is far too long for it" }), (0, jsx_runtime_1.jsx)(tags_1.Tags, { tags: [{ id: 'a', label: 'Lead', color: 'sky' }, { id: 'b', label: 'Plain' }], onRemove: NOOP })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "chip", children: [CHIP_VARIANTS.map((variant) => ((0, jsx_runtime_1.jsx)(chip_1.Chip, { variant: variant, label: variant }, variant))), CHIP_VARIANTS.map((variant) => ((0, jsx_runtime_1.jsx)(chip_1.Chip, { variant: variant, label: `${variant} press`, onPress: NOOP }, `p-${variant}`))), (0, jsx_runtime_1.jsx)(chip_1.Chip, { size: "md", label: "Acme", startElement: (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "md", name: "Acme" }), onPress: NOOP }), (0, jsx_runtime_1.jsx)(chip_1.Chip, { shape: "round", variant: "soft", color: "secondary", label: "Round" }), (0, jsx_runtime_1.jsx)(chip_1.Chip, { weight: "medium", label: "Medium" }), (0, jsx_runtime_1.jsx)(chip_1.Chip, { label: "Not shared", startElement: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Lock, { size: 14 }), variant: "soft" }), (0, jsx_runtime_1.jsx)(chip_1.Chip, { label: "With end", endElementDivider: true, endElement: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 12 }), variant: "soft" }), (0, jsx_runtime_1.jsx)(chip_1.Chip, { label: "Disabled", disabled: true, onPress: NOOP }), (0, jsx_runtime_1.jsx)(chip_1.Chip, { label: "A chip whose name runs past its width", maxW: 120, variant: "soft" }), (0, jsx_runtime_1.jsx)(chip_1.Chip, { href: "https://hanzo.ai", label: "Link chip" })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "truncated-text", children: [(0, jsx_runtime_1.jsx)(truncated_text_1.TruncatedText, { text: "One line that is far too long for the narrow box it sits in, cut with an ellipsis", maxW: 180, size: "$2" }), (0, jsx_runtime_1.jsx)(truncated_text_1.TruncatedText, { text: 'Two lines, clamped, wrapping anywhere, with a word that is longer than everything else', lineClamp: 2, maxW: 180, size: "$2" }), (0, jsx_runtime_1.jsx)(truncated_text_1.TruncatedText, { text: "Focusable", isFocusable: true, size: "$2" })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "avatar-record", children: [AVATAR_SIZES.map((size) => ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: size, name: "Ada Lovelace" }, size))), AVATAR_SHAPES.map((shape) => ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", shape: shape, name: shape }, shape))), (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", name: "Grace Hopper", variant: "outline" }), (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.User, {}) }), (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", name: "" }), (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", name: "Ring", ring: true }), (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", name: "Pulsing", pulsing: true }), (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", shape: "circle", name: "Press", onPress: NOOP }), data_1.hues.map((hue) => ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "md", name: hue, colorSeed: hue }, hue)))] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "avatar-group", children: [(0, jsx_runtime_1.jsx)(avatar_group_1.AvatarGroup, { avatars: PEOPLE.map((p) => (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", shape: "circle", name: p, ring: true }, p)) }), (0, jsx_runtime_1.jsx)(avatar_group_1.AvatarGroup, { avatars: PEOPLE.slice(0, 3).map((p) => (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "md", name: p, ring: true }, p)), total: 12 }), (0, jsx_runtime_1.jsx)(avatar_group_1.AvatarGroup, { avatars: PEOPLE.map((p) => (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", shape: "circle", name: p, ring: true }, p)), overflowShape: "circle", overlap: "left" })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "shortcut", children: [(0, jsx_runtime_1.jsx)(shortcut_1.Shortcut, { keys: ['Mod', 'K'], platform: "mac" }), (0, jsx_runtime_1.jsx)(shortcut_1.Shortcut, { keys: ['Mod', 'K'], platform: "other" }), (0, jsx_runtime_1.jsx)(shortcut_1.Shortcut, { keys: [['G'], ['P']] }), (0, jsx_runtime_1.jsx)(shortcut_1.Shortcut, { keys: ['Shift', 'Enter'], variant: "text", platform: "mac" }), (0, jsx_runtime_1.jsx)(shortcut_1.Shortcut, { keys: ['Mod', 'Enter'], variant: "button", platform: "mac" }), (0, jsx_runtime_1.jsx)(shortcut_1.Shortcut, { keys: ['Escape'], visibility: "desktop" }), (0, jsx_runtime_1.jsx)(kbd_1.Kbd, { variant: "cap", children: "\u2318" })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "overflowing-list", children: [(0, jsx_runtime_1.jsx)(overflowing_list_1.OverflowingList, { maxW: 220, maxInlineCount: 3, showOverflowCount: "always", children: ['Lead', 'Customer', 'Partner', 'Investor', 'Press'].map((t, i) => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { color: data_1.hues[i * 3], children: t }, t))) }), (0, jsx_runtime_1.jsx)(overflowing_list_1.OverflowingList, { maxW: 200, children: ['ada@hanzo.ai', 'grace@hanzo.ai', 'alan@hanzo.ai'].map((e) => ((0, jsx_runtime_1.jsx)(chip_1.Chip, { label: e, variant: "soft" }, e))) })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "badge-record", children: [BADGE_SIZES.map((size) => ((0, jsx_runtime_1.jsx)(badge_1.Badge, { size: size, variant: "muted", children: size === 'xs' ? '3' : '12' }, size))), (0, jsx_runtime_1.jsx)(badge_1.Badge, { size: "sm", variant: "secondary", children: "Soon" }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { size: "md", variant: "accent", children: "New" }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { size: "sm", variant: "inherit", children: "4" }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { size: "sm", shape: "circle", variant: "muted", children: "2" })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "status-record", children: [['gray', 'red', 'teal', 'orange', 'blue', 'chartreuse'].map((c) => ((0, jsx_runtime_1.jsx)(status_1.Status, { color: c, children: c }, c))), ['success', 'warning', 'error', 'info', 'default'].map((c) => ((0, jsx_runtime_1.jsx)(status_1.Status, { color: c, children: c }, c))), (0, jsx_runtime_1.jsx)(status_1.Status, { color: "teal", loading: true, children: "Importing" }), (0, jsx_runtime_1.jsx)(status_1.Status, { color: "green", weight: "medium", dot: false, children: "Synced" })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "icon-tile", children: [ALL.map((hue) => ((0, jsx_runtime_1.jsx)(icon_tile_1.IconTile, { color: hue, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Building2, {}) }, hue))), (0, jsx_runtime_1.jsx)(icon_tile_1.IconTile, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.User, {}) }), (0, jsx_runtime_1.jsx)(stack_icon_1.StackIcon, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Building2, { size: 16 }), stackedIcon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: 10 }) })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "color-sample", children: [ALL.map((hue) => ((0, jsx_runtime_1.jsx)(color_sample_1.ColorSample, { colorName: hue }, hue))), (0, jsx_runtime_1.jsx)(color_sample_1.ColorSample, { colorName: "blue", variant: "circle" }), (0, jsx_runtime_1.jsx)(color_sample_1.ColorSample, { color: "#3e63dd", variant: "circle" })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "heading-label", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "$2", tone: "primary", children: "Section title" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "$1", tone: "secondary", children: "Group header" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "$4", tone: "tertiary", children: "Dialog title" }), (0, jsx_runtime_1.jsx)(label_1.Label, { variant: "section", children: "Favorites" }), (0, jsx_runtime_1.jsx)(label_1.Label, { variant: "section-sm", children: "Workspace" }), (0, jsx_runtime_1.jsx)(motion_1.Crossfade, { isActive: true, activeIcon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 14 }), inactiveIcon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Pencil, { size: 14 }) }), (0, jsx_runtime_1.jsx)(motion_1.Crossfade, { isActive: false, activeIcon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Heart, { size: 14 }), inactiveIcon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Heart, { size: 14 }) })] })] }));
|
|
43
43
|
}
|
|
44
44
|
/** The parts regular, then the density-sensitive ones (chips, tags) under compact. */
|
|
45
45
|
function Display() {
|
package/dist/gallery/display.js
CHANGED
|
@@ -36,7 +36,7 @@ const AVATAR_SHAPES = ['square', 'rounded', 'circle'];
|
|
|
36
36
|
const BADGE_SIZES = ['xs', 'sm', 'md'];
|
|
37
37
|
const PEOPLE = ['Ada Lovelace', 'Grace Hopper', 'Alan Turing', 'Edsger Dijkstra', 'Barbara Liskov', 'Donald Knuth'];
|
|
38
38
|
function Parts() {
|
|
39
|
-
return (_jsxs(_Fragment, { children: [_jsxs(Section, { name: "tag", children: [ALL.map((hue) => (_jsx(Tag, { color: hue, children: hue }, `s-${hue}`))), ALL.map((hue) => (_jsx(Tag, { color: hue, variant: "solid", children: hue }, `f-${hue}`))), TAG_VARIANTS.map((variant) => (_jsx(Tag, { color: "blue", variant: variant, weight: "medium", startIcon: _jsx(Building2, {}), children: variant }, variant))), _jsx(Tag, { variant: "outline", color: "transparent", borderStyle: "dashed", children: "No value" }), _jsx(Tag, { color: "transparent", children: "transparent" }), _jsx(Tag, { color: "green", onPress: NOOP, children: "pressable" }), _jsx(Tag, { color: "red", disabled: true, children: "disabled" }), _jsx(Tag, { color: "
|
|
39
|
+
return (_jsxs(_Fragment, { children: [_jsxs(Section, { name: "tag", children: [ALL.map((hue) => (_jsx(Tag, { color: hue, children: hue }, `s-${hue}`))), ALL.map((hue) => (_jsx(Tag, { color: hue, variant: "solid", children: hue }, `f-${hue}`))), TAG_VARIANTS.map((variant) => (_jsx(Tag, { color: "blue", variant: variant, weight: "medium", startIcon: _jsx(Building2, {}), children: variant }, variant))), _jsx(Tag, { variant: "outline", color: "transparent", borderStyle: "dashed", children: "No value" }), _jsx(Tag, { color: "transparent", children: "transparent" }), _jsx(Tag, { color: "green", onPress: NOOP, children: "pressable" }), _jsx(Tag, { color: "red", disabled: true, children: "disabled" }), _jsx(Tag, { color: "blue", maxW: 96, children: "A tag whose label is far too long for it" }), _jsx(Tags, { tags: [{ id: 'a', label: 'Lead', color: 'sky' }, { id: 'b', label: 'Plain' }], onRemove: NOOP })] }), _jsxs(Section, { name: "chip", children: [CHIP_VARIANTS.map((variant) => (_jsx(Chip, { variant: variant, label: variant }, variant))), CHIP_VARIANTS.map((variant) => (_jsx(Chip, { variant: variant, label: `${variant} press`, onPress: NOOP }, `p-${variant}`))), _jsx(Chip, { size: "md", label: "Acme", startElement: _jsx(Avatar, { size: "md", name: "Acme" }), onPress: NOOP }), _jsx(Chip, { shape: "round", variant: "soft", color: "secondary", label: "Round" }), _jsx(Chip, { weight: "medium", label: "Medium" }), _jsx(Chip, { label: "Not shared", startElement: _jsx(Lock, { size: 14 }), variant: "soft" }), _jsx(Chip, { label: "With end", endElementDivider: true, endElement: _jsx(X, { size: 12 }), variant: "soft" }), _jsx(Chip, { label: "Disabled", disabled: true, onPress: NOOP }), _jsx(Chip, { label: "A chip whose name runs past its width", maxW: 120, variant: "soft" }), _jsx(Chip, { href: "https://hanzo.ai", label: "Link chip" })] }), _jsxs(Section, { name: "truncated-text", children: [_jsx(TruncatedText, { text: "One line that is far too long for the narrow box it sits in, cut with an ellipsis", maxW: 180, size: "$2" }), _jsx(TruncatedText, { text: 'Two lines, clamped, wrapping anywhere, with a word that is longer than everything else', lineClamp: 2, maxW: 180, size: "$2" }), _jsx(TruncatedText, { text: "Focusable", isFocusable: true, size: "$2" })] }), _jsxs(Section, { name: "avatar-record", children: [AVATAR_SIZES.map((size) => (_jsx(Avatar, { size: size, name: "Ada Lovelace" }, size))), AVATAR_SHAPES.map((shape) => (_jsx(Avatar, { size: "lg", shape: shape, name: shape }, shape))), _jsx(Avatar, { size: "lg", name: "Grace Hopper", variant: "outline" }), _jsx(Avatar, { size: "lg", icon: _jsx(User, {}) }), _jsx(Avatar, { size: "lg", name: "" }), _jsx(Avatar, { size: "lg", name: "Ring", ring: true }), _jsx(Avatar, { size: "lg", name: "Pulsing", pulsing: true }), _jsx(Avatar, { size: "lg", shape: "circle", name: "Press", onPress: NOOP }), hues.map((hue) => (_jsx(Avatar, { size: "md", name: hue, colorSeed: hue }, hue)))] }), _jsxs(Section, { name: "avatar-group", children: [_jsx(AvatarGroup, { avatars: PEOPLE.map((p) => _jsx(Avatar, { size: "lg", shape: "circle", name: p, ring: true }, p)) }), _jsx(AvatarGroup, { avatars: PEOPLE.slice(0, 3).map((p) => _jsx(Avatar, { size: "md", name: p, ring: true }, p)), total: 12 }), _jsx(AvatarGroup, { avatars: PEOPLE.map((p) => _jsx(Avatar, { size: "lg", shape: "circle", name: p, ring: true }, p)), overflowShape: "circle", overlap: "left" })] }), _jsxs(Section, { name: "shortcut", children: [_jsx(Shortcut, { keys: ['Mod', 'K'], platform: "mac" }), _jsx(Shortcut, { keys: ['Mod', 'K'], platform: "other" }), _jsx(Shortcut, { keys: [['G'], ['P']] }), _jsx(Shortcut, { keys: ['Shift', 'Enter'], variant: "text", platform: "mac" }), _jsx(Shortcut, { keys: ['Mod', 'Enter'], variant: "button", platform: "mac" }), _jsx(Shortcut, { keys: ['Escape'], visibility: "desktop" }), _jsx(Kbd, { variant: "cap", children: "\u2318" })] }), _jsxs(Section, { name: "overflowing-list", children: [_jsx(OverflowingList, { maxW: 220, maxInlineCount: 3, showOverflowCount: "always", children: ['Lead', 'Customer', 'Partner', 'Investor', 'Press'].map((t, i) => (_jsx(Tag, { color: hues[i * 3], children: t }, t))) }), _jsx(OverflowingList, { maxW: 200, children: ['ada@hanzo.ai', 'grace@hanzo.ai', 'alan@hanzo.ai'].map((e) => (_jsx(Chip, { label: e, variant: "soft" }, e))) })] }), _jsxs(Section, { name: "badge-record", children: [BADGE_SIZES.map((size) => (_jsx(Badge, { size: size, variant: "muted", children: size === 'xs' ? '3' : '12' }, size))), _jsx(Badge, { size: "sm", variant: "secondary", children: "Soon" }), _jsx(Badge, { size: "md", variant: "accent", children: "New" }), _jsx(Badge, { size: "sm", variant: "inherit", children: "4" }), _jsx(Badge, { size: "sm", shape: "circle", variant: "muted", children: "2" })] }), _jsxs(Section, { name: "status-record", children: [['gray', 'red', 'teal', 'orange', 'blue', 'chartreuse'].map((c) => (_jsx(Status, { color: c, children: c }, c))), ['success', 'warning', 'error', 'info', 'default'].map((c) => (_jsx(Status, { color: c, children: c }, c))), _jsx(Status, { color: "teal", loading: true, children: "Importing" }), _jsx(Status, { color: "green", weight: "medium", dot: false, children: "Synced" })] }), _jsxs(Section, { name: "icon-tile", children: [ALL.map((hue) => (_jsx(IconTile, { color: hue, icon: _jsx(Building2, {}) }, hue))), _jsx(IconTile, { icon: _jsx(User, {}) }), _jsx(StackIcon, { icon: _jsx(Building2, { size: 16 }), stackedIcon: _jsx(Plus, { size: 10 }) })] }), _jsxs(Section, { name: "color-sample", children: [ALL.map((hue) => (_jsx(ColorSample, { colorName: hue }, hue))), _jsx(ColorSample, { colorName: "blue", variant: "circle" }), _jsx(ColorSample, { color: "#3e63dd", variant: "circle" })] }), _jsxs(Section, { name: "heading-label", children: [_jsx(Heading, { size: "$2", tone: "primary", children: "Section title" }), _jsx(Heading, { size: "$1", tone: "secondary", children: "Group header" }), _jsx(Heading, { size: "$4", tone: "tertiary", children: "Dialog title" }), _jsx(Label, { variant: "section", children: "Favorites" }), _jsx(Label, { variant: "section-sm", children: "Workspace" }), _jsx(Crossfade, { isActive: true, activeIcon: _jsx(X, { size: 14 }), inactiveIcon: _jsx(Pencil, { size: 14 }) }), _jsx(Crossfade, { isActive: false, activeIcon: _jsx(Heart, { size: 14 }), inactiveIcon: _jsx(Heart, { size: 14 }) })] })] }));
|
|
40
40
|
}
|
|
41
41
|
/** The parts regular, then the density-sensitive ones (chips, tags) under compact. */
|
|
42
42
|
export function Display() {
|