@hanzo/ui 8.1.10 → 8.1.17
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/backends/gui/accordion.cjs +2 -2
- package/dist/backends/gui/accordion.js +2 -2
- package/dist/backends/gui/accordion.js.map +1 -1
- package/dist/backends/gui/alert-dialog.cjs +1 -1
- package/dist/backends/gui/alert-dialog.js +1 -1
- package/dist/backends/gui/alert-dialog.js.map +1 -1
- package/dist/backends/gui/avatar.cjs +1 -1
- package/dist/backends/gui/avatar.js +1 -1
- package/dist/backends/gui/avatar.js.map +1 -1
- package/dist/backends/gui/badge.cjs +12 -12
- package/dist/backends/gui/badge.js +12 -12
- package/dist/backends/gui/badge.js.map +1 -1
- package/dist/backends/gui/button.cjs +34 -17
- package/dist/backends/gui/button.d.ts.map +1 -1
- package/dist/backends/gui/button.js +34 -17
- package/dist/backends/gui/button.js.map +1 -1
- package/dist/backends/gui/card.cjs +3 -3
- package/dist/backends/gui/card.d.ts.map +1 -1
- package/dist/backends/gui/card.js +3 -3
- package/dist/backends/gui/card.js.map +1 -1
- package/dist/backends/gui/checkbox.cjs +7 -1
- package/dist/backends/gui/checkbox.d.ts.map +1 -1
- package/dist/backends/gui/checkbox.js +7 -1
- package/dist/backends/gui/checkbox.js.map +1 -1
- package/dist/backends/gui/collapsible.cjs +1 -1
- package/dist/backends/gui/collapsible.js +1 -1
- package/dist/backends/gui/collapsible.js.map +1 -1
- package/dist/backends/gui/command.cjs +3 -3
- package/dist/backends/gui/command.js +3 -3
- package/dist/backends/gui/command.js.map +1 -1
- package/dist/backends/gui/context-menu.cjs +7 -7
- package/dist/backends/gui/context-menu.d.ts.map +1 -1
- package/dist/backends/gui/context-menu.js +7 -7
- package/dist/backends/gui/context-menu.js.map +1 -1
- package/dist/backends/gui/dialog.cjs +1 -1
- package/dist/backends/gui/dialog.js +1 -1
- package/dist/backends/gui/dialog.js.map +1 -1
- package/dist/backends/gui/dropdown-menu.cjs +7 -7
- package/dist/backends/gui/dropdown-menu.d.ts.map +1 -1
- package/dist/backends/gui/dropdown-menu.js +7 -7
- package/dist/backends/gui/dropdown-menu.js.map +1 -1
- package/dist/backends/gui/glass.cjs +2 -2
- package/dist/backends/gui/glass.d.ts +2 -2
- package/dist/backends/gui/glass.js +2 -2
- package/dist/backends/gui/hover-card.cjs +1 -1
- package/dist/backends/gui/hover-card.js +1 -1
- package/dist/backends/gui/hover-card.js.map +1 -1
- package/dist/backends/gui/index.cjs +5 -2
- package/dist/backends/gui/index.d.ts +1 -0
- package/dist/backends/gui/index.d.ts.map +1 -1
- package/dist/backends/gui/index.js +1 -0
- package/dist/backends/gui/index.js.map +1 -1
- package/dist/backends/gui/input.cjs +1 -1
- package/dist/backends/gui/input.js +1 -1
- package/dist/backends/gui/input.js.map +1 -1
- package/dist/backends/gui/label.cjs +1 -1
- package/dist/backends/gui/label.js +1 -1
- package/dist/backends/gui/label.js.map +1 -1
- package/dist/backends/gui/popover.cjs +1 -1
- package/dist/backends/gui/popover.js +1 -1
- package/dist/backends/gui/popover.js.map +1 -1
- package/dist/backends/gui/progress.cjs +6 -1
- package/dist/backends/gui/progress.d.ts.map +1 -1
- package/dist/backends/gui/progress.js +6 -1
- package/dist/backends/gui/progress.js.map +1 -1
- package/dist/backends/gui/radio-group.cjs +8 -2
- package/dist/backends/gui/radio-group.d.ts.map +1 -1
- package/dist/backends/gui/radio-group.js +8 -2
- package/dist/backends/gui/radio-group.js.map +1 -1
- package/dist/backends/gui/resizable.cjs +1 -1
- package/dist/backends/gui/resizable.js +1 -1
- package/dist/backends/gui/resizable.js.map +1 -1
- package/dist/backends/gui/screen.cjs +61 -0
- package/dist/backends/gui/screen.d.ts +54 -0
- package/dist/backends/gui/screen.d.ts.map +1 -0
- package/dist/backends/gui/screen.js +58 -0
- package/dist/backends/gui/screen.js.map +1 -0
- package/dist/backends/gui/select.cjs +3 -3
- package/dist/backends/gui/select.js +3 -3
- package/dist/backends/gui/select.js.map +1 -1
- package/dist/backends/gui/slider.cjs +4 -4
- package/dist/backends/gui/slider.d.ts.map +1 -1
- package/dist/backends/gui/slider.js +4 -4
- package/dist/backends/gui/slider.js.map +1 -1
- package/dist/backends/gui/switch.cjs +8 -0
- package/dist/backends/gui/switch.d.ts +8 -0
- package/dist/backends/gui/switch.d.ts.map +1 -1
- package/dist/backends/gui/switch.js +8 -0
- package/dist/backends/gui/switch.js.map +1 -1
- package/dist/backends/gui/tabs.cjs +2 -2
- package/dist/backends/gui/tabs.js +2 -2
- package/dist/backends/gui/tabs.js.map +1 -1
- package/dist/backends/gui/textarea.cjs +1 -1
- package/dist/backends/gui/textarea.js +1 -1
- package/dist/backends/gui/textarea.js.map +1 -1
- package/dist/backends/gui/toggle-group.cjs +6 -6
- package/dist/backends/gui/toggle-group.js +6 -6
- package/dist/backends/gui/toggle-group.js.map +1 -1
- package/dist/backends/gui/tooltip.cjs +1 -1
- package/dist/backends/gui/tooltip.js +1 -1
- package/dist/backends/gui/tooltip.js.map +1 -1
- package/dist/chat/Code.cjs +1 -1
- package/dist/chat/Code.js +1 -1
- package/dist/chat/Code.js.map +1 -1
- package/dist/chat/Composer.cjs +1 -1
- package/dist/chat/Composer.js +1 -1
- package/dist/chat/Composer.js.map +1 -1
- package/dist/chat/Failure.cjs +1 -1
- package/dist/chat/Failure.js +1 -1
- package/dist/chat/Failure.js.map +1 -1
- package/dist/chat/Header.cjs +2 -2
- package/dist/chat/Header.js +2 -2
- package/dist/chat/Header.js.map +1 -1
- package/dist/chat/Message.cjs +3 -3
- package/dist/chat/Message.js +3 -3
- package/dist/chat/Message.js.map +1 -1
- package/dist/chat/Sidebar.cjs +14 -8
- package/dist/chat/Sidebar.d.ts.map +1 -1
- package/dist/chat/Sidebar.js +14 -8
- package/dist/chat/Sidebar.js.map +1 -1
- package/dist/chat/Sources.cjs +2 -2
- package/dist/chat/Sources.js +2 -2
- package/dist/chat/Sources.js.map +1 -1
- package/dist/chat/Step.cjs +6 -6
- package/dist/chat/Step.js +6 -6
- package/dist/chat/Step.js.map +1 -1
- package/dist/chat/Thread.cjs +8 -1
- package/dist/chat/Thread.d.ts.map +1 -1
- package/dist/chat/Thread.js +8 -1
- package/dist/chat/Thread.js.map +1 -1
- package/dist/gallery.cjs +27 -4
- package/dist/gallery.d.ts.map +1 -1
- package/dist/gallery.html +96 -69
- package/dist/gallery.js +28 -5
- package/dist/gallery.js.map +1 -1
- package/dist/gui-config.cjs +120 -14
- package/dist/gui-config.d.ts +320 -78
- package/dist/gui-config.d.ts.map +1 -1
- package/dist/gui-config.js +120 -14
- package/dist/gui-config.js.map +1 -1
- package/dist/index.cjs +5 -3
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/product/AppHeader.cjs +2 -2
- package/dist/product/AppHeader.js +2 -2
- package/dist/product/AppHeader.js.map +1 -1
- package/dist/product/BackendState.cjs +1 -1
- package/dist/product/BackendState.js +1 -1
- package/dist/product/BackendState.js.map +1 -1
- package/dist/product/Charts.cjs +4 -4
- package/dist/product/Charts.js +4 -4
- package/dist/product/Charts.js.map +1 -1
- package/dist/product/ComboBox.cjs +1 -1
- package/dist/product/ComboBox.js +1 -1
- package/dist/product/ComboBox.js.map +1 -1
- package/dist/product/ConfirmDelete.cjs +1 -1
- package/dist/product/ConfirmDelete.js +1 -1
- package/dist/product/ConfirmDelete.js.map +1 -1
- package/dist/product/CopyButton.cjs +2 -2
- package/dist/product/CopyButton.js +2 -2
- package/dist/product/CopyButton.js.map +1 -1
- package/dist/product/DataTable.cjs +6 -6
- package/dist/product/DataTable.js +6 -6
- package/dist/product/DataTable.js.map +1 -1
- package/dist/product/EmptyState.cjs +1 -1
- package/dist/product/EmptyState.js +1 -1
- package/dist/product/EmptyState.js.map +1 -1
- package/dist/product/Field.cjs +2 -2
- package/dist/product/Field.js +2 -2
- package/dist/product/Field.js.map +1 -1
- package/dist/product/Fieldset.cjs +2 -2
- package/dist/product/Fieldset.js +2 -2
- package/dist/product/Fieldset.js.map +1 -1
- package/dist/product/Filters.cjs +3 -3
- package/dist/product/Filters.js +3 -3
- package/dist/product/Filters.js.map +1 -1
- package/dist/product/MenuRow.cjs +2 -2
- package/dist/product/MenuRow.d.ts +1 -1
- package/dist/product/MenuRow.d.ts.map +1 -1
- package/dist/product/MenuRow.js +2 -2
- package/dist/product/MenuRow.js.map +1 -1
- package/dist/product/Metric.cjs +4 -4
- package/dist/product/Metric.js +4 -4
- package/dist/product/Metric.js.map +1 -1
- package/dist/product/OrgMark.cjs +2 -2
- package/dist/product/OrgMark.js +2 -2
- package/dist/product/OrgMark.js.map +1 -1
- package/dist/product/OrgSwitcher.cjs +6 -6
- package/dist/product/OrgSwitcher.js +6 -6
- package/dist/product/OrgSwitcher.js.map +1 -1
- package/dist/product/PageHeader.cjs +1 -1
- package/dist/product/PageHeader.js +1 -1
- package/dist/product/PageHeader.js.map +1 -1
- package/dist/product/Pagination.cjs +1 -1
- package/dist/product/Pagination.js +1 -1
- package/dist/product/Pagination.js.map +1 -1
- package/dist/product/Palette.cjs +2 -2
- package/dist/product/Palette.js +2 -2
- package/dist/product/Palette.js.map +1 -1
- package/dist/product/ProductIcon.cjs +2 -2
- package/dist/product/ProductIcon.js +2 -2
- package/dist/product/ProductIcon.js.map +1 -1
- package/dist/product/ProviderLogo.cjs +4 -4
- package/dist/product/ProviderLogo.js +4 -4
- package/dist/product/ProviderLogo.js.map +1 -1
- package/dist/product/SecretInput.cjs +1 -1
- package/dist/product/SecretInput.js +1 -1
- package/dist/product/SecretInput.js.map +1 -1
- package/dist/product/SelectMenu.cjs +1 -1
- package/dist/product/SelectMenu.js +1 -1
- package/dist/product/SelectMenu.js.map +1 -1
- package/dist/product/SiteFooter.cjs +4 -4
- package/dist/product/SiteFooter.js +4 -4
- package/dist/product/SiteFooter.js.map +1 -1
- package/dist/product/SiteNav.cjs +13 -13
- package/dist/product/SiteNav.js +13 -13
- package/dist/product/SiteNav.js.map +1 -1
- package/dist/product/SlideOver.cjs +2 -2
- package/dist/product/SlideOver.js +2 -2
- package/dist/product/SlideOver.js.map +1 -1
- package/dist/product/Toast.cjs +2 -2
- package/dist/product/Toast.js +2 -2
- package/dist/product/Toast.js.map +1 -1
- package/dist/product/UserMenu.cjs +3 -3
- package/dist/product/UserMenu.js +3 -3
- package/dist/product/UserMenu.js.map +1 -1
- package/dist/product/Workbench.cjs +3 -3
- package/dist/product/Workbench.js +3 -3
- package/dist/product/Workbench.js.map +1 -1
- package/dist/product/color.d.ts +1 -1
- package/dist/product/menu/items.cjs +4 -4
- package/dist/product/menu/items.d.ts +3 -3
- package/dist/product/menu/items.js +4 -4
- package/dist/product/menu/items.js.map +1 -1
- package/dist/product/social/CampaignCard.cjs +1 -1
- package/dist/product/social/CampaignCard.js +1 -1
- package/dist/product/social/CampaignCard.js.map +1 -1
- package/dist/product/social/ChannelBadge.cjs +1 -1
- package/dist/product/social/ChannelBadge.js +1 -1
- package/dist/product/social/ChannelBadge.js.map +1 -1
- package/dist/product/social/PostAgenda.cjs +1 -1
- package/dist/product/social/PostAgenda.js +1 -1
- package/dist/product/social/PostAgenda.js.map +1 -1
- package/dist/product/social/PostCard.cjs +1 -1
- package/dist/product/social/PostCard.js +1 -1
- package/dist/product/social/PostCard.js.map +1 -1
- package/dist/product/social/PostComposer.cjs +1 -1
- package/dist/product/social/PostComposer.js +1 -1
- package/dist/product/social/PostComposer.js.map +1 -1
- package/dist/product/social/ProviderReadinessList.cjs +1 -1
- package/dist/product/social/ProviderReadinessList.js +1 -1
- package/dist/product/social/ProviderReadinessList.js.map +1 -1
- package/dist/product/social/SocialResource.cjs +1 -1
- package/dist/product/social/SocialResource.js +1 -1
- package/dist/product/social/SocialResource.js.map +1 -1
- package/dist/product/social/SocialSummaryBar.cjs +1 -1
- package/dist/product/social/SocialSummaryBar.js +1 -1
- package/dist/product/social/SocialSummaryBar.js.map +1 -1
- package/dist/product/social/ViewToggle.cjs +1 -1
- package/dist/product/social/ViewToggle.js +1 -1
- package/dist/product/social/ViewToggle.js.map +1 -1
- package/dist/product/tone.cjs +4 -4
- package/dist/product/tone.d.ts +9 -9
- package/dist/product/tone.js +4 -4
- package/dist/product/tone.js.map +1 -1
- package/dist/styles.css +87 -60
- package/package.json +2 -1
|
@@ -4,12 +4,12 @@ import { Separator, Text, XStack, YStack } from '@hanzo/gui';
|
|
|
4
4
|
const isExternal = (href) => /^https?:\/\//.test(href);
|
|
5
5
|
const defaultLink = ({ href, children }) => (_jsx("a", { href: href, ...(isExternal(href) ? { target: '_blank', rel: 'noopener noreferrer' } : null), style: { textDecoration: 'none', color: 'inherit' }, children: children }));
|
|
6
6
|
export function SiteFooter({ footer, brand, tagline, meta, link = defaultLink }) {
|
|
7
|
-
return (_jsxs(YStack, { borderTopWidth: 1, borderColor: "$borderColor", bg: "$background", px: "$4", py: "$5", gap: "$4", children: [_jsxs(XStack, { gap: "$5", flexWrap: "wrap", items: "flex-start", children: [brand || tagline ? (_jsxs(YStack, { gap: "$2", minW: 200, flex: 1, children: [brand, tagline ? (_jsx(Text, { fontSize: 12, color: "$
|
|
7
|
+
return (_jsxs(YStack, { borderTopWidth: 1, borderColor: "$borderColor", bg: "$background", px: "$4", py: "$5", gap: "$4", children: [_jsxs(XStack, { gap: "$5", flexWrap: "wrap", items: "flex-start", children: [brand || tagline ? (_jsxs(YStack, { gap: "$2", minW: 200, flex: 1, children: [brand, tagline ? (_jsx(Text, { fontSize: 12, color: "$soft", lineHeight: 18, maxW: 280, children: tagline })) : null] })) : null, footer.columns.map((column) => (_jsxs(YStack, { gap: "$1.5", minW: 140, children: [_jsx(Text, { fontSize: 11, color: "$soft", textTransform: "uppercase", letterSpacing: 0.5, pb: "$1", children: column.title }), column.links.map((l) => (_jsx(XStack, { hoverStyle: { opacity: 0.7 }, children: link({
|
|
8
8
|
href: l.href,
|
|
9
|
-
children: (_jsx(Text, { fontSize: "$2", color: "$
|
|
10
|
-
}) }, l.id)))] }, column.id)))] }), _jsx(Separator, {}), _jsxs(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [_jsx(Text, { fontSize: 12, color: "$
|
|
9
|
+
children: (_jsx(Text, { fontSize: "$2", color: "$quiet", children: l.label })),
|
|
10
|
+
}) }, l.id)))] }, column.id)))] }), _jsx(Separator, {}), _jsxs(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [_jsx(Text, { fontSize: 12, color: "$soft", children: footer.legal.copyright }), _jsx(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: footer.legal.links.map((l) => (_jsx(XStack, { hoverStyle: { opacity: 0.7 }, children: link({
|
|
11
11
|
href: l.href,
|
|
12
|
-
children: (_jsx(Text, { fontSize: 12, color: "$
|
|
12
|
+
children: (_jsx(Text, { fontSize: 12, color: "$soft", children: l.label })),
|
|
13
13
|
}) }, l.id))) }), meta ? (_jsx(XStack, { ml: "auto", items: "center", gap: "$3", children: meta })) : null] })] }));
|
|
14
14
|
}
|
|
15
15
|
//# sourceMappingURL=SiteFooter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SiteFooter.js","sourceRoot":"","sources":["../../src/product/SiteFooter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAeZ,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAK5D,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAE9D,MAAM,WAAW,GAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtD,YACE,IAAI,EAAE,IAAI,KACN,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAChF,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YAElD,QAAQ,GACP,CACL,CAAA;AAeD,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,WAAW,EAAmB;IAC9F,OAAO,CACL,MAAC,MAAM,IAAC,cAAc,EAAE,CAAC,EAAE,WAAW,EAAC,cAAc,EAAC,EAAE,EAAC,aAAa,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,aAC7F,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,aAChD,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,aAChC,KAAK,EACL,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"SiteFooter.js","sourceRoot":"","sources":["../../src/product/SiteFooter.tsx"],"names":[],"mappings":"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"}
|
package/dist/product/SiteNav.cjs
CHANGED
|
@@ -43,15 +43,15 @@ function ProductCell({ product, link, icon, close }) {
|
|
|
43
43
|
return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { minW: 200, flex: 1, flexBasis: 200, children: link({
|
|
44
44
|
href: product.url,
|
|
45
45
|
onNavigate: close,
|
|
46
|
-
children: ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2.5", items: "flex-start", p: "$2.5", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$
|
|
46
|
+
children: ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2.5", items: "flex-start", p: "$2.5", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$edge' }, children: [glyph ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$0.5", children: glyph }) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { minW: 0, gap: "$0.5", children: [product.verb ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 11, color: "$soft", textTransform: "uppercase", letterSpacing: 0.4, children: product.verb })) : null, (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$ink", children: product.name }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 12, color: "$soft", lineHeight: 16, children: product.job })] })] })),
|
|
47
47
|
}) }));
|
|
48
48
|
}
|
|
49
49
|
/** A titled column of plain links — the utility and install rows. */
|
|
50
50
|
function Column({ title, links, link, icon, close }) {
|
|
51
|
-
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { minW: 160, flex: 1, gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 11, color: "$
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { minW: 160, flex: 1, gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 11, color: "$soft", textTransform: "uppercase", letterSpacing: 0.5, px: "$2", pb: "$1", children: title }), links.map((l) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { px: "$2", py: "$1", rounded: "$3", hoverStyle: { bg: '$edge' }, gap: "$2", items: "center", children: [icon?.(l.id) ?? null, link({
|
|
52
52
|
href: l.href,
|
|
53
53
|
onNavigate: close,
|
|
54
|
-
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$
|
|
54
|
+
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$quiet", children: l.label })),
|
|
55
55
|
})] }, l.id)))] }));
|
|
56
56
|
}
|
|
57
57
|
/**
|
|
@@ -59,15 +59,15 @@ function Column({ title, links, link, icon, close }) {
|
|
|
59
59
|
* family growing reflows instead of clipping.
|
|
60
60
|
*/
|
|
61
61
|
function Launcher({ menu, link, icon, close }) {
|
|
62
|
-
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$4", py: "$4", gap: "$3", maxH: "80vh", overflow: "scroll", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$
|
|
62
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$4", py: "$4", gap: "$3", maxH: "80vh", overflow: "scroll", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$quiet", children: menu.eyebrow }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { ml: "auto", children: link({
|
|
63
63
|
href: menu.allProducts.href,
|
|
64
64
|
onNavigate: close,
|
|
65
|
-
children: ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$2", color: "$
|
|
65
|
+
children: ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$2", color: "$ink", children: [menu.allProducts.label, " \u2192"] })),
|
|
66
66
|
}) })] }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$2.5", flexWrap: "wrap", children: menu.products.map((p) => ((0, jsx_runtime_1.jsx)(ProductCell, { product: p, link: link, icon: icon, close: close }, p.id))) }), (0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$4", flexWrap: "wrap", items: "flex-start", children: [(0, jsx_runtime_1.jsx)(Column, { title: "Platform", links: menu.utilities, link: link, icon: icon, close: close }), (0, jsx_runtime_1.jsx)(Column, { title: "Install", links: menu.installs, link: link, icon: icon, close: close })] })] }));
|
|
67
67
|
}
|
|
68
68
|
/** The primary call-to-action — filled, so it reads as the one action on the bar. */
|
|
69
69
|
function Cta({ action, link }) {
|
|
70
|
-
return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { bg: "$
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { bg: "$ink", px: "$3", py: "$1.5", rounded: "$3", hoverStyle: { opacity: 0.9 }, children: link({
|
|
71
71
|
href: action.href,
|
|
72
72
|
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$background", children: action.label })),
|
|
73
73
|
}) }));
|
|
@@ -78,14 +78,14 @@ function Cta({ action, link }) {
|
|
|
78
78
|
* differs, which is what kept the old per-repo MobileMenus drifting.
|
|
79
79
|
*/
|
|
80
80
|
function MobilePanel({ header, menu, link, icon, close }) {
|
|
81
|
-
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$3", py: "$3", gap: "$3", maxH: "80vh", overflow: "scroll", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", children: header.localNav.map((l) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$
|
|
81
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$3", py: "$3", gap: "$3", maxH: "80vh", overflow: "scroll", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", children: header.localNav.map((l) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$edge' }, children: link({
|
|
82
82
|
href: l.href,
|
|
83
83
|
onNavigate: close,
|
|
84
|
-
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$
|
|
85
|
-
}) }, l.id))) }), menu ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", children: menu.products.map((p) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$
|
|
84
|
+
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$ink", children: l.label })),
|
|
85
|
+
}) }, l.id))) }), menu ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", children: menu.products.map((p) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$edge' }, gap: "$2", items: "center", children: [icon?.(p.id) ?? null, link({
|
|
86
86
|
href: p.url,
|
|
87
87
|
onNavigate: close,
|
|
88
|
-
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$
|
|
88
|
+
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$ink", children: p.name })),
|
|
89
89
|
})] }, p.id))) }), (0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsx)(Column, { title: "Platform", links: menu.utilities, link: link, icon: icon, close: close }), (0, jsx_runtime_1.jsx)(Column, { title: "Install", links: menu.installs, link: link, icon: icon, close: close })] })) : null] }));
|
|
90
90
|
}
|
|
91
91
|
function SiteNav({ header, menu, brand, actions, link = defaultLink, icon, active, meetLabel = 'Meet Hanzo' }) {
|
|
@@ -117,8 +117,8 @@ function SiteNav({ header, menu, brand, actions, link = defaultLink, icon, activ
|
|
|
117
117
|
document.removeEventListener('mousedown', onDown);
|
|
118
118
|
};
|
|
119
119
|
}, [launcher, mobile]);
|
|
120
|
-
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ref: root, position: "relative", bg: "$background", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", px: "$3", height: 52, borderBottomWidth: 1, borderColor: "$borderColor", children: [brand ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", pr: "$2", children: brand })) : null, menu ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { cursor: "pointer", px: "$2.5", py: "$1.5", rounded: "$3", bg: launcher ? '$
|
|
120
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ref: root, position: "relative", bg: "$background", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", px: "$3", height: 52, borderBottomWidth: 1, borderColor: "$borderColor", children: [brand ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", pr: "$2", children: brand })) : null, menu ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { cursor: "pointer", px: "$2.5", py: "$1.5", rounded: "$3", bg: launcher ? '$edge' : 'transparent', hoverStyle: { bg: '$edge' }, onPress: () => setLauncher(!launcher), accessibilityRole: "button", "aria-expanded": launcher, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$ink", children: meetLabel }) })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: "$0.5", flex: 1, minW: 0, "$sm": { display: 'none' }, children: header.localNav.map((l) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$2.5", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$edge' }, onMouseEnter: () => launcher && setLauncher(false), children: link({
|
|
121
121
|
href: l.href,
|
|
122
|
-
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: active === l.id ? '$
|
|
123
|
-
}) }, l.id))) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", ml: "auto", children: [actions, (0, jsx_runtime_1.jsx)(Cta, { action: header.action, link: link }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { display: "none", "$sm": { display: 'flex' }, cursor: "pointer", px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$
|
|
122
|
+
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: active === l.id ? '$ink' : '$quiet', children: l.label })),
|
|
123
|
+
}) }, l.id))) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", ml: "auto", children: [actions, (0, jsx_runtime_1.jsx)(Cta, { action: header.action, link: link }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { display: "none", "$sm": { display: 'flex' }, cursor: "pointer", px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$edge' }, onPress: () => setMobile(!mobile), accessibilityRole: "button", "aria-label": mobile ? 'Close menu' : 'Open menu', children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$ink", children: mobile ? 'Close' : 'Menu' }) })] })] }), launcher && menu ? (0, jsx_runtime_1.jsx)(Launcher, { menu: menu, link: link, icon: icon, close: () => setLauncher(false) }) : null, mobile ? (0, jsx_runtime_1.jsx)(MobilePanel, { header: header, menu: menu, link: link, icon: icon, close: () => setMobile(false) }) : null] }));
|
|
124
124
|
}
|
package/dist/product/SiteNav.js
CHANGED
|
@@ -40,15 +40,15 @@ function ProductCell({ product, link, icon, close }) {
|
|
|
40
40
|
return (_jsx(YStack, { minW: 200, flex: 1, flexBasis: 200, children: link({
|
|
41
41
|
href: product.url,
|
|
42
42
|
onNavigate: close,
|
|
43
|
-
children: (_jsxs(XStack, { gap: "$2.5", items: "flex-start", p: "$2.5", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$
|
|
43
|
+
children: (_jsxs(XStack, { gap: "$2.5", items: "flex-start", p: "$2.5", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$edge' }, children: [glyph ? _jsx(YStack, { pt: "$0.5", children: glyph }) : null, _jsxs(YStack, { minW: 0, gap: "$0.5", children: [product.verb ? (_jsx(Text, { fontSize: 11, color: "$soft", textTransform: "uppercase", letterSpacing: 0.4, children: product.verb })) : null, _jsx(Text, { fontSize: "$3", color: "$ink", children: product.name }), _jsx(Text, { fontSize: 12, color: "$soft", lineHeight: 16, children: product.job })] })] })),
|
|
44
44
|
}) }));
|
|
45
45
|
}
|
|
46
46
|
/** A titled column of plain links — the utility and install rows. */
|
|
47
47
|
function Column({ title, links, link, icon, close }) {
|
|
48
|
-
return (_jsxs(YStack, { minW: 160, flex: 1, gap: "$1", children: [_jsx(Text, { fontSize: 11, color: "$
|
|
48
|
+
return (_jsxs(YStack, { minW: 160, flex: 1, gap: "$1", children: [_jsx(Text, { fontSize: 11, color: "$soft", textTransform: "uppercase", letterSpacing: 0.5, px: "$2", pb: "$1", children: title }), links.map((l) => (_jsxs(XStack, { px: "$2", py: "$1", rounded: "$3", hoverStyle: { bg: '$edge' }, gap: "$2", items: "center", children: [icon?.(l.id) ?? null, link({
|
|
49
49
|
href: l.href,
|
|
50
50
|
onNavigate: close,
|
|
51
|
-
children: (_jsx(Text, { fontSize: "$2", color: "$
|
|
51
|
+
children: (_jsx(Text, { fontSize: "$2", color: "$quiet", children: l.label })),
|
|
52
52
|
})] }, l.id)))] }));
|
|
53
53
|
}
|
|
54
54
|
/**
|
|
@@ -56,15 +56,15 @@ function Column({ title, links, link, icon, close }) {
|
|
|
56
56
|
* family growing reflows instead of clipping.
|
|
57
57
|
*/
|
|
58
58
|
function Launcher({ menu, link, icon, close }) {
|
|
59
|
-
return (_jsxs(YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$4", py: "$4", gap: "$3", maxH: "80vh", overflow: "scroll", children: [_jsxs(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [_jsx(Text, { fontSize: "$2", color: "$
|
|
59
|
+
return (_jsxs(YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$4", py: "$4", gap: "$3", maxH: "80vh", overflow: "scroll", children: [_jsxs(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [_jsx(Text, { fontSize: "$2", color: "$quiet", children: menu.eyebrow }), _jsx(XStack, { ml: "auto", children: link({
|
|
60
60
|
href: menu.allProducts.href,
|
|
61
61
|
onNavigate: close,
|
|
62
|
-
children: (_jsxs(Text, { fontSize: "$2", color: "$
|
|
62
|
+
children: (_jsxs(Text, { fontSize: "$2", color: "$ink", children: [menu.allProducts.label, " \u2192"] })),
|
|
63
63
|
}) })] }), _jsx(XStack, { gap: "$2.5", flexWrap: "wrap", children: menu.products.map((p) => (_jsx(ProductCell, { product: p, link: link, icon: icon, close: close }, p.id))) }), _jsx(Separator, {}), _jsxs(XStack, { gap: "$4", flexWrap: "wrap", items: "flex-start", children: [_jsx(Column, { title: "Platform", links: menu.utilities, link: link, icon: icon, close: close }), _jsx(Column, { title: "Install", links: menu.installs, link: link, icon: icon, close: close })] })] }));
|
|
64
64
|
}
|
|
65
65
|
/** The primary call-to-action — filled, so it reads as the one action on the bar. */
|
|
66
66
|
function Cta({ action, link }) {
|
|
67
|
-
return (_jsx(XStack, { bg: "$
|
|
67
|
+
return (_jsx(XStack, { bg: "$ink", px: "$3", py: "$1.5", rounded: "$3", hoverStyle: { opacity: 0.9 }, children: link({
|
|
68
68
|
href: action.href,
|
|
69
69
|
children: (_jsx(Text, { fontSize: "$2", color: "$background", children: action.label })),
|
|
70
70
|
}) }));
|
|
@@ -75,14 +75,14 @@ function Cta({ action, link }) {
|
|
|
75
75
|
* differs, which is what kept the old per-repo MobileMenus drifting.
|
|
76
76
|
*/
|
|
77
77
|
function MobilePanel({ header, menu, link, icon, close }) {
|
|
78
|
-
return (_jsxs(YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$3", py: "$3", gap: "$3", maxH: "80vh", overflow: "scroll", children: [_jsx(YStack, { gap: "$1", children: header.localNav.map((l) => (_jsx(XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$
|
|
78
|
+
return (_jsxs(YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$3", py: "$3", gap: "$3", maxH: "80vh", overflow: "scroll", children: [_jsx(YStack, { gap: "$1", children: header.localNav.map((l) => (_jsx(XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$edge' }, children: link({
|
|
79
79
|
href: l.href,
|
|
80
80
|
onNavigate: close,
|
|
81
|
-
children: (_jsx(Text, { fontSize: "$3", color: "$
|
|
82
|
-
}) }, l.id))) }), menu ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(YStack, { gap: "$1", children: menu.products.map((p) => (_jsxs(XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$
|
|
81
|
+
children: (_jsx(Text, { fontSize: "$3", color: "$ink", children: l.label })),
|
|
82
|
+
}) }, l.id))) }), menu ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(YStack, { gap: "$1", children: menu.products.map((p) => (_jsxs(XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$edge' }, gap: "$2", items: "center", children: [icon?.(p.id) ?? null, link({
|
|
83
83
|
href: p.url,
|
|
84
84
|
onNavigate: close,
|
|
85
|
-
children: (_jsx(Text, { fontSize: "$3", color: "$
|
|
85
|
+
children: (_jsx(Text, { fontSize: "$3", color: "$ink", children: p.name })),
|
|
86
86
|
})] }, p.id))) }), _jsx(Separator, {}), _jsx(Column, { title: "Platform", links: menu.utilities, link: link, icon: icon, close: close }), _jsx(Column, { title: "Install", links: menu.installs, link: link, icon: icon, close: close })] })) : null] }));
|
|
87
87
|
}
|
|
88
88
|
export function SiteNav({ header, menu, brand, actions, link = defaultLink, icon, active, meetLabel = 'Meet Hanzo' }) {
|
|
@@ -114,9 +114,9 @@ export function SiteNav({ header, menu, brand, actions, link = defaultLink, icon
|
|
|
114
114
|
document.removeEventListener('mousedown', onDown);
|
|
115
115
|
};
|
|
116
116
|
}, [launcher, mobile]);
|
|
117
|
-
return (_jsxs(YStack, { ref: root, position: "relative", bg: "$background", children: [_jsxs(XStack, { items: "center", gap: "$1", px: "$3", height: 52, borderBottomWidth: 1, borderColor: "$borderColor", children: [brand ? (_jsx(XStack, { items: "center", pr: "$2", children: brand })) : null, menu ? (_jsx(XStack, { cursor: "pointer", px: "$2.5", py: "$1.5", rounded: "$3", bg: launcher ? '$
|
|
117
|
+
return (_jsxs(YStack, { ref: root, position: "relative", bg: "$background", children: [_jsxs(XStack, { items: "center", gap: "$1", px: "$3", height: 52, borderBottomWidth: 1, borderColor: "$borderColor", children: [brand ? (_jsx(XStack, { items: "center", pr: "$2", children: brand })) : null, menu ? (_jsx(XStack, { cursor: "pointer", px: "$2.5", py: "$1.5", rounded: "$3", bg: launcher ? '$edge' : 'transparent', hoverStyle: { bg: '$edge' }, onPress: () => setLauncher(!launcher), accessibilityRole: "button", "aria-expanded": launcher, children: _jsx(Text, { fontSize: "$2", color: "$ink", children: meetLabel }) })) : null, _jsx(XStack, { items: "center", gap: "$0.5", flex: 1, minW: 0, "$sm": { display: 'none' }, children: header.localNav.map((l) => (_jsx(XStack, { px: "$2.5", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$edge' }, onMouseEnter: () => launcher && setLauncher(false), children: link({
|
|
118
118
|
href: l.href,
|
|
119
|
-
children: (_jsx(Text, { fontSize: "$2", color: active === l.id ? '$
|
|
120
|
-
}) }, l.id))) }), _jsxs(XStack, { items: "center", gap: "$2", ml: "auto", children: [actions, _jsx(Cta, { action: header.action, link: link }), _jsx(XStack, { display: "none", "$sm": { display: 'flex' }, cursor: "pointer", px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$
|
|
119
|
+
children: (_jsx(Text, { fontSize: "$2", color: active === l.id ? '$ink' : '$quiet', children: l.label })),
|
|
120
|
+
}) }, l.id))) }), _jsxs(XStack, { items: "center", gap: "$2", ml: "auto", children: [actions, _jsx(Cta, { action: header.action, link: link }), _jsx(XStack, { display: "none", "$sm": { display: 'flex' }, cursor: "pointer", px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$edge' }, onPress: () => setMobile(!mobile), accessibilityRole: "button", "aria-label": mobile ? 'Close menu' : 'Open menu', children: _jsx(Text, { fontSize: "$2", color: "$ink", children: mobile ? 'Close' : 'Menu' }) })] })] }), launcher && menu ? _jsx(Launcher, { menu: menu, link: link, icon: icon, close: () => setLauncher(false) }) : null, mobile ? _jsx(MobilePanel, { header: header, menu: menu, link: link, icon: icon, close: () => setMobile(false) }) : null] }));
|
|
121
121
|
}
|
|
122
122
|
//# sourceMappingURL=SiteNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SiteNav.js","sourceRoot":"","sources":["../../src/product/SiteNav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAU5D,kEAAkE;AAClE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAE9D,MAAM,WAAW,GAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAClE,YACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAU,KACf,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAChF,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,YAEpE,QAAQ,GACP,CACL,CAAA;AAyBD,mFAAmF;AACnF,SAAS,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAA+F;IAC9I,MAAM,KAAK,GAAG,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IAChC,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,YACvC,IAAI,CAAC;YACJ,IAAI,EAAE,OAAO,CAAC,GAAG;YACjB,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,CACR,MAAC,MAAM,IAAC,GAAG,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,EAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAE,CAAC,EAAE,WAAW,EAAC,cAAc,EAAC,UAAU,EAAE,EAAE,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"SiteNav.js","sourceRoot":"","sources":["../../src/product/SiteNav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -110,7 +110,7 @@ function SlideOver({ open, onClose, side = 'right', size = 420, title, icon: Ico
|
|
|
110
110
|
, {
|
|
111
111
|
// Web DOM ref; Gui forwards it to the underlying node. Cast (not @ts-expect-error)
|
|
112
112
|
// so it is env-agnostic — the ref type is strict under the pkg build, loose here.
|
|
113
|
-
ref: panelRef, tabIndex: -1, role: "dialog", "aria-modal": open ? true : undefined, "aria-label": typeof title === 'string' ? title : ariaLabel, position: "absolute", t: 0, b: 0, ...edge, width: "100%", "$lg": { width: size, maxW: '100vw' }, bg: "$
|
|
113
|
+
ref: panelRef, tabIndex: -1, role: "dialog", "aria-modal": open ? true : undefined, "aria-label": typeof title === 'string' ? title : ariaLabel, position: "absolute", t: 0, b: 0, ...edge, width: "100%", "$lg": { width: size, maxW: '100vw' }, bg: "$sunken", borderLeftWidth: side === 'right' ? 1 : 0, borderRightWidth: side === 'left' ? 1 : 0, borderColor: "$borderColor",
|
|
114
114
|
// Material paper depth — the drawer reads as a sheet lifted above the dimmed
|
|
115
115
|
// list behind it (real layered shadow, theme-aware), not a flat panel.
|
|
116
116
|
//
|
|
@@ -127,7 +127,7 @@ function SlideOver({ open, onClose, side = 'right', size = 420, title, icon: Ico
|
|
|
127
127
|
height: '100dvh',
|
|
128
128
|
paddingTop: 'env(safe-area-inset-top)',
|
|
129
129
|
paddingBottom: 'env(safe-area-inset-bottom)',
|
|
130
|
-
}, children: title !== undefined ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [Icon ? (0, jsx_runtime_1.jsx)(Icon, { size: 18, color: iconColor ? (0, color_1.asColor)(iconColor) : undefined }) : null, (0, jsx_runtime_1.jsx)(gui_1.Text, { flex: 1, fontSize: "$5", fontWeight: "700", color: "$
|
|
130
|
+
}, children: title !== undefined ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [Icon ? (0, jsx_runtime_1.jsx)(Icon, { size: 18, color: iconColor ? (0, color_1.asColor)(iconColor) : undefined }) : null, (0, jsx_runtime_1.jsx)(gui_1.Text, { flex: 1, fontSize: "$5", fontWeight: "700", color: "$ink", numberOfLines: 1, children: title }), headerRight, (0, jsx_runtime_1.jsx)(gui_1.Button, { chromeless: true, width: 44, height: 44, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 18 }), onPress: onClose, "aria-label": "Close" })] }), (0, jsx_runtime_1.jsx)(gui_1.ScrollView, { flex: 1, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, p: "$4", gap: "$3", children: children }) })] })) : (
|
|
131
131
|
// Bare mode — the caller owns the full panel layout (e.g. the nav drawer
|
|
132
132
|
// renders its own header + scroll + footer).
|
|
133
133
|
children) })] }));
|
|
@@ -105,7 +105,7 @@ export function SlideOver({ open, onClose, side = 'right', size = 420, title, ic
|
|
|
105
105
|
, {
|
|
106
106
|
// Web DOM ref; Gui forwards it to the underlying node. Cast (not @ts-expect-error)
|
|
107
107
|
// so it is env-agnostic — the ref type is strict under the pkg build, loose here.
|
|
108
|
-
ref: panelRef, tabIndex: -1, role: "dialog", "aria-modal": open ? true : undefined, "aria-label": typeof title === 'string' ? title : ariaLabel, position: "absolute", t: 0, b: 0, ...edge, width: "100%", "$lg": { width: size, maxW: '100vw' }, bg: "$
|
|
108
|
+
ref: panelRef, tabIndex: -1, role: "dialog", "aria-modal": open ? true : undefined, "aria-label": typeof title === 'string' ? title : ariaLabel, position: "absolute", t: 0, b: 0, ...edge, width: "100%", "$lg": { width: size, maxW: '100vw' }, bg: "$sunken", borderLeftWidth: side === 'right' ? 1 : 0, borderRightWidth: side === 'left' ? 1 : 0, borderColor: "$borderColor",
|
|
109
109
|
// Material paper depth — the drawer reads as a sheet lifted above the dimmed
|
|
110
110
|
// list behind it (real layered shadow, theme-aware), not a flat panel.
|
|
111
111
|
//
|
|
@@ -122,7 +122,7 @@ export function SlideOver({ open, onClose, side = 'right', size = 420, title, ic
|
|
|
122
122
|
height: '100dvh',
|
|
123
123
|
paddingTop: 'env(safe-area-inset-top)',
|
|
124
124
|
paddingBottom: 'env(safe-area-inset-bottom)',
|
|
125
|
-
}, children: title !== undefined ? (_jsxs(_Fragment, { children: [_jsxs(XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [Icon ? _jsx(Icon, { size: 18, color: iconColor ? asColor(iconColor) : undefined }) : null, _jsx(Text, { flex: 1, fontSize: "$5", fontWeight: "700", color: "$
|
|
125
|
+
}, children: title !== undefined ? (_jsxs(_Fragment, { children: [_jsxs(XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [Icon ? _jsx(Icon, { size: 18, color: iconColor ? asColor(iconColor) : undefined }) : null, _jsx(Text, { flex: 1, fontSize: "$5", fontWeight: "700", color: "$ink", numberOfLines: 1, children: title }), headerRight, _jsx(Button, { chromeless: true, width: 44, height: 44, icon: _jsx(X, { size: 18 }), onPress: onClose, "aria-label": "Close" })] }), _jsx(ScrollView, { flex: 1, children: _jsx(YStack, { flex: 1, p: "$4", gap: "$3", children: children }) })] })) : (
|
|
126
126
|
// Bare mode — the caller owns the full panel layout (e.g. the nav drawer
|
|
127
127
|
// renders its own header + scroll + footer).
|
|
128
128
|
children) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideOver.js","sourceRoot":"","sources":["../../src/product/SlideOver.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SlideOver.js","sourceRoot":"","sources":["../../src/product/SlideOver.tsx"],"names":[],"mappings":"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"}
|
package/dist/product/Toast.cjs
CHANGED
|
@@ -26,7 +26,7 @@ const ACCENT = {
|
|
|
26
26
|
success: '$green10',
|
|
27
27
|
error: '$red10',
|
|
28
28
|
warning: '$yellow10',
|
|
29
|
-
info: '$
|
|
29
|
+
info: '$quiet',
|
|
30
30
|
};
|
|
31
31
|
const ICON = {
|
|
32
32
|
success: lucide_icons_2_1.CircleCheck,
|
|
@@ -44,7 +44,7 @@ const DURATION = {
|
|
|
44
44
|
function ToastCard({ t, onClose }) {
|
|
45
45
|
const Icon = ICON[t.kind];
|
|
46
46
|
const accent = ACCENT[t.kind];
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)(gui_1.Card, { width: 360, maxWidth: "90%", p: "$3", gap: "$2", bg: "$
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(gui_1.Card, { width: 360, maxWidth: "90%", p: "$3", gap: "$2", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", borderLeftWidth: 3, borderLeftColor: accent, rounded: "$4", elevation: "$2", children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2.5", items: "flex-start", children: [t.showIcon ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: 1, children: (0, jsx_runtime_1.jsx)(Icon, { size: 18, color: accent }) })) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", fontWeight: "700", color: "$ink", children: t.title }), t.description ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$quiet", children: t.description })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$1", chromeless: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 14 }), onPress: onClose, "aria-label": "Dismiss" })] }) }));
|
|
48
48
|
}
|
|
49
49
|
/** Portalled, fixed top-right stack. Rendered only after mount (SSR-safe). */
|
|
50
50
|
function ToastViewport({ toasts, dismiss }) {
|
package/dist/product/Toast.js
CHANGED
|
@@ -22,7 +22,7 @@ const ACCENT = {
|
|
|
22
22
|
success: '$green10',
|
|
23
23
|
error: '$red10',
|
|
24
24
|
warning: '$yellow10',
|
|
25
|
-
info: '$
|
|
25
|
+
info: '$quiet',
|
|
26
26
|
};
|
|
27
27
|
const ICON = {
|
|
28
28
|
success: CircleCheck,
|
|
@@ -40,7 +40,7 @@ const DURATION = {
|
|
|
40
40
|
function ToastCard({ t, onClose }) {
|
|
41
41
|
const Icon = ICON[t.kind];
|
|
42
42
|
const accent = ACCENT[t.kind];
|
|
43
|
-
return (_jsx(Card, { width: 360, maxWidth: "90%", p: "$3", gap: "$2", bg: "$
|
|
43
|
+
return (_jsx(Card, { width: 360, maxWidth: "90%", p: "$3", gap: "$2", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", borderLeftWidth: 3, borderLeftColor: accent, rounded: "$4", elevation: "$2", children: _jsxs(XStack, { gap: "$2.5", items: "flex-start", children: [t.showIcon ? (_jsx(YStack, { pt: 1, children: _jsx(Icon, { size: 18, color: accent }) })) : null, _jsxs(YStack, { flex: 1, gap: "$1", children: [_jsx(Text, { fontSize: "$3", fontWeight: "700", color: "$ink", children: t.title }), t.description ? (_jsx(Text, { fontSize: "$2", color: "$quiet", children: t.description })) : null] }), _jsx(Button, { size: "$1", chromeless: true, icon: _jsx(X, { size: 14 }), onPress: onClose, "aria-label": "Dismiss" })] }) }));
|
|
44
44
|
}
|
|
45
45
|
/** Portalled, fixed top-right stack. Rendered only after mount (SSR-safe). */
|
|
46
46
|
function ToastViewport({ toasts, dismiss }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/product/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AACH,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACpH,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,0BAA0B,CAAA;AAEvF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAqCtC,MAAM,YAAY,GAAG,aAAa,CAAkB,IAAI,CAAC,CAAA;AAEzD,0DAA0D;AAC1D,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/product/Toast.tsx"],"names":[],"mappings":"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"}
|
|
@@ -56,7 +56,7 @@ function UserMenu({ name, email, avatar, groups = [], theme, onSignOut, signOutL
|
|
|
56
56
|
// `OrgSwitcher`. This is the control it bites: at the foot of a desktop
|
|
57
57
|
// rail it opens upward, and the SAME mount near the top of a phone's
|
|
58
58
|
// account sheet has nowhere to go upward at all.
|
|
59
|
-
allowFlip: true, stayInFrame: true, children: [(0, jsx_runtime_1.jsx)(gui_1.Popover.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { cursor: "pointer", items: "center", gap: "$2.5", height: height, px: "$2", rounded: "$3", minW: 0, hoverStyle: { bg: '$
|
|
59
|
+
allowFlip: true, stayInFrame: true, children: [(0, jsx_runtime_1.jsx)(gui_1.Popover.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { cursor: "pointer", items: "center", gap: "$2.5", height: height, px: "$2", rounded: "$3", minW: 0, hoverStyle: { bg: '$edge' }, role: "button", tabIndex: 0, "data-testid": testId, "aria-label": aria ?? (shown ? `${shown} · account` : 'Account'), children: [avatar || shown ? ((0, jsx_runtime_1.jsx)(OrgMark_1.OrgMark, { org: { name: shown || 'Account', logo: avatar }, size: 30 })) : ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.UserRound, { size: 18 })), label && shown ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", fontWeight: "600", color: "$ink", numberOfLines: 1, maxW: 160, children: shown })) : null, label && shown ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronsUpDown, { size: 16, color: "$faint" }) : null] }) }), (0, jsx_runtime_1.jsx)(gui_1.Popover.Content, { role: "menu",
|
|
60
60
|
/* A menu sheet's rows run its full width. gui's PopperContent centres
|
|
61
61
|
its children, so each row is only as wide as its own text until the
|
|
62
62
|
class that stretches it lands a frame later: the sheet flashes a
|
|
@@ -71,7 +71,7 @@ function UserMenu({ name, email, avatar, groups = [], theme, onSignOut, signOutL
|
|
|
71
71
|
applied normally, and React logged "Received true for a non-boolean
|
|
72
72
|
attribute bordered". The siblings in this package have always used
|
|
73
73
|
borderWidth={1}. */
|
|
74
|
-
borderWidth: 1, elevation: "$2", px: "$1", py: "$1", width: 240, bg: "$
|
|
74
|
+
borderWidth: 1, elevation: "$2", px: "$1", py: "$1", width: 240, bg: "$panel", borderColor: "$borderColor", className: className, style: style, children: children ?? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [shown || email ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$0.5", px: "$2", py: "$1.5", children: [shown ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", fontWeight: "700", color: "$ink", numberOfLines: 1, children: shown })) : null, email && email !== shown ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$soft", numberOfLines: 1, children: email })) : null] })) : null, filled.map((group, i) => {
|
|
75
75
|
const items = itemsOf(group);
|
|
76
76
|
const groupName = nameOf(group);
|
|
77
77
|
// A group whose every row carries a chosen-one is a CHOICE, so it
|
|
@@ -79,7 +79,7 @@ function UserMenu({ name, email, avatar, groups = [], theme, onSignOut, signOutL
|
|
|
79
79
|
const choice = items.every((it) => it.active !== undefined);
|
|
80
80
|
const rows = items.map((item) => (0, jsx_runtime_1.jsx)(Row, { item: item, onDone: close }, item.id));
|
|
81
81
|
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [i > 0 || shown || email ? (0, jsx_runtime_1.jsx)(gui_1.Separator, { borderColor: "$borderColor", my: "$1" }) : null, groupName ? (0, jsx_runtime_1.jsx)(MenuRow_1.MenuLabel, { children: groupName }) : null, choice ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "radiogroup", "aria-label": groupName, gap: "$1", children: rows })) : (rows)] }, i));
|
|
82
|
-
}), theme !== null ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_1.Separator, { borderColor: "$borderColor", my: "$1" }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2.5", px: "$2", py: "$1", rounded: "$3", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { flex: 1, fontSize: "$2", color: "$
|
|
82
|
+
}), theme !== null ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_1.Separator, { borderColor: "$borderColor", my: "$1" }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2.5", px: "$2", py: "$1", rounded: "$3", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { flex: 1, fontSize: "$2", color: "$ink", children: "Theme" }), theme ?? (0, jsx_runtime_1.jsx)(ThemeToggle_1.ThemeToggle, {})] })] })) : null, onSignOut ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_1.Separator, { borderColor: "$borderColor", my: "$1" }), (0, jsx_runtime_1.jsx)(Row, { item: {
|
|
83
83
|
id: 'sign-out',
|
|
84
84
|
label: signOutLabel,
|
|
85
85
|
icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.LogOut, { size: 16 }),
|
package/dist/product/UserMenu.js
CHANGED
|
@@ -55,7 +55,7 @@ export function UserMenu({ name, email, avatar, groups = [], theme, onSignOut, s
|
|
|
55
55
|
// `OrgSwitcher`. This is the control it bites: at the foot of a desktop
|
|
56
56
|
// rail it opens upward, and the SAME mount near the top of a phone's
|
|
57
57
|
// account sheet has nowhere to go upward at all.
|
|
58
|
-
allowFlip: true, stayInFrame: true, children: [_jsx(Popover.Trigger, { asChild: true, children: _jsxs(XStack, { cursor: "pointer", items: "center", gap: "$2.5", height: height, px: "$2", rounded: "$3", minW: 0, hoverStyle: { bg: '$
|
|
58
|
+
allowFlip: true, stayInFrame: true, children: [_jsx(Popover.Trigger, { asChild: true, children: _jsxs(XStack, { cursor: "pointer", items: "center", gap: "$2.5", height: height, px: "$2", rounded: "$3", minW: 0, hoverStyle: { bg: '$edge' }, role: "button", tabIndex: 0, "data-testid": testId, "aria-label": aria ?? (shown ? `${shown} · account` : 'Account'), children: [avatar || shown ? (_jsx(OrgMark, { org: { name: shown || 'Account', logo: avatar }, size: 30 })) : (_jsx(UserRound, { size: 18 })), label && shown ? (_jsx(Text, { fontSize: "$3", fontWeight: "600", color: "$ink", numberOfLines: 1, maxW: 160, children: shown })) : null, label && shown ? _jsx(ChevronsUpDown, { size: 16, color: "$faint" }) : null] }) }), _jsx(Popover.Content, { role: "menu",
|
|
59
59
|
/* A menu sheet's rows run its full width. gui's PopperContent centres
|
|
60
60
|
its children, so each row is only as wide as its own text until the
|
|
61
61
|
class that stretches it lands a frame later: the sheet flashes a
|
|
@@ -70,7 +70,7 @@ export function UserMenu({ name, email, avatar, groups = [], theme, onSignOut, s
|
|
|
70
70
|
applied normally, and React logged "Received true for a non-boolean
|
|
71
71
|
attribute bordered". The siblings in this package have always used
|
|
72
72
|
borderWidth={1}. */
|
|
73
|
-
borderWidth: 1, elevation: "$2", px: "$1", py: "$1", width: 240, bg: "$
|
|
73
|
+
borderWidth: 1, elevation: "$2", px: "$1", py: "$1", width: 240, bg: "$panel", borderColor: "$borderColor", className: className, style: style, children: children ?? (_jsxs(YStack, { gap: "$1", children: [shown || email ? (_jsxs(YStack, { gap: "$0.5", px: "$2", py: "$1.5", children: [shown ? (_jsx(Text, { fontSize: "$2", fontWeight: "700", color: "$ink", numberOfLines: 1, children: shown })) : null, email && email !== shown ? (_jsx(Text, { fontSize: "$1", color: "$soft", numberOfLines: 1, children: email })) : null] })) : null, filled.map((group, i) => {
|
|
74
74
|
const items = itemsOf(group);
|
|
75
75
|
const groupName = nameOf(group);
|
|
76
76
|
// A group whose every row carries a chosen-one is a CHOICE, so it
|
|
@@ -78,7 +78,7 @@ export function UserMenu({ name, email, avatar, groups = [], theme, onSignOut, s
|
|
|
78
78
|
const choice = items.every((it) => it.active !== undefined);
|
|
79
79
|
const rows = items.map((item) => _jsx(Row, { item: item, onDone: close }, item.id));
|
|
80
80
|
return (_jsxs(YStack, { gap: "$1", children: [i > 0 || shown || email ? _jsx(Separator, { borderColor: "$borderColor", my: "$1" }) : null, groupName ? _jsx(MenuLabel, { children: groupName }) : null, choice ? (_jsx(YStack, { role: "radiogroup", "aria-label": groupName, gap: "$1", children: rows })) : (rows)] }, i));
|
|
81
|
-
}), theme !== null ? (_jsxs(_Fragment, { children: [_jsx(Separator, { borderColor: "$borderColor", my: "$1" }), _jsxs(XStack, { items: "center", gap: "$2.5", px: "$2", py: "$1", rounded: "$3", children: [_jsx(Text, { flex: 1, fontSize: "$2", color: "$
|
|
81
|
+
}), theme !== null ? (_jsxs(_Fragment, { children: [_jsx(Separator, { borderColor: "$borderColor", my: "$1" }), _jsxs(XStack, { items: "center", gap: "$2.5", px: "$2", py: "$1", rounded: "$3", children: [_jsx(Text, { flex: 1, fontSize: "$2", color: "$ink", children: "Theme" }), theme ?? _jsx(ThemeToggle, {})] })] })) : null, onSignOut ? (_jsxs(_Fragment, { children: [_jsx(Separator, { borderColor: "$borderColor", my: "$1" }), _jsx(Row, { item: {
|
|
82
82
|
id: 'sign-out',
|
|
83
83
|
label: signOutLabel,
|
|
84
84
|
icon: _jsx(LogOut, { size: 16 }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../src/product/UserMenu.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../src/product/UserMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -70,7 +70,7 @@ function Dock({ side, tabs, activeId, defaultActiveId, onActivate, onClose, acti
|
|
|
70
70
|
return null;
|
|
71
71
|
const current = tabs.find((t) => t.id === active) ?? tabs[0];
|
|
72
72
|
// The seam between two sheets, and where the dock is resized.
|
|
73
|
-
const seam = ((0, jsx_runtime_1.jsx)(gui_1.YStack, { onPointerDown: onDown, onPointerMove: onMove, cursor: horizontal ? 'col-resize' : 'row-resize', width: horizontal ? 5 : undefined, height: horizontal ? undefined : 5, hoverStyle: { bg: '$
|
|
73
|
+
const seam = ((0, jsx_runtime_1.jsx)(gui_1.YStack, { onPointerDown: onDown, onPointerMove: onMove, cursor: horizontal ? 'col-resize' : 'row-resize', width: horizontal ? 5 : undefined, height: horizontal ? undefined : 5, hoverStyle: { bg: '$rim' } }));
|
|
74
74
|
const dock = ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { overflow: "hidden", ...(0, glass_1.sheet)(1), ...(horizontal ? { width: extent } : { height: extent }), children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", px: "$2", pt: "$1.5", children: [tabs.map((t) => {
|
|
75
75
|
const on = t.id === current.id;
|
|
76
76
|
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", cursor: "pointer",
|
|
@@ -79,7 +79,7 @@ function Dock({ side, tabs, activeId, defaultActiveId, onActivate, onClose, acti
|
|
|
79
79
|
// which is why both stand on rung 2 rather than merely looking
|
|
80
80
|
// similar. An inactive tab is not a sheet at all; it is the
|
|
81
81
|
// dock's own surface showing through.
|
|
82
|
-
rounded: "$3", ...(on ? (0, glass_1.sheet)(2) : { backgroundColor: 'transparent' }), hoverStyle: { bg: on ? undefined : '$
|
|
82
|
+
rounded: "$3", ...(on ? (0, glass_1.sheet)(2) : { backgroundColor: 'transparent' }), hoverStyle: { bg: on ? undefined : '$panel' }, children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { onPress: () => setActive(t.id), children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", children: [t.icon, (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", numberOfLines: 1, opacity: on ? 1 : 0.7, children: t.title })] }) }), t.closable === false ? null : ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$1", chromeless: true, circular: true, "aria-label": `Close ${t.title}`, onPress: () => onClose?.(t.id), children: "\u00D7" }))] }, t.id));
|
|
83
83
|
}), actions] }), (0, jsx_runtime_1.jsx)(gui_1.Separator, { opacity: 0.4 }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, overflow: "hidden", ...(0, glass_1.sheet)(2), children: current.content })] }));
|
|
84
84
|
// Named rather than an array: a list of children needs keys, and two siblings
|
|
85
85
|
// that are not a list should not have to invent identities to sit beside
|
|
@@ -93,5 +93,5 @@ function Dock({ side, tabs, activeId, defaultActiveId, onActivate, onClose, acti
|
|
|
93
93
|
* console sits under the work and not under the navigation.
|
|
94
94
|
*/
|
|
95
95
|
function Workbench({ left, right, bottom, children }) {
|
|
96
|
-
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, overflow: "hidden", bg: "$
|
|
96
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, overflow: "hidden", bg: "$sunken", children: [left ? (0, jsx_runtime_1.jsx)(Dock, { side: "left", ...left }) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, overflow: "hidden", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, overflow: "hidden", children: children }), bottom ? (0, jsx_runtime_1.jsx)(Dock, { side: "bottom", ...bottom }) : null] }), right ? (0, jsx_runtime_1.jsx)(Dock, { side: "right", ...right }) : null] }));
|
|
97
97
|
}
|
|
@@ -66,7 +66,7 @@ export function Dock({ side, tabs, activeId, defaultActiveId, onActivate, onClos
|
|
|
66
66
|
return null;
|
|
67
67
|
const current = tabs.find((t) => t.id === active) ?? tabs[0];
|
|
68
68
|
// The seam between two sheets, and where the dock is resized.
|
|
69
|
-
const seam = (_jsx(YStack, { onPointerDown: onDown, onPointerMove: onMove, cursor: horizontal ? 'col-resize' : 'row-resize', width: horizontal ? 5 : undefined, height: horizontal ? undefined : 5, hoverStyle: { bg: '$
|
|
69
|
+
const seam = (_jsx(YStack, { onPointerDown: onDown, onPointerMove: onMove, cursor: horizontal ? 'col-resize' : 'row-resize', width: horizontal ? 5 : undefined, height: horizontal ? undefined : 5, hoverStyle: { bg: '$rim' } }));
|
|
70
70
|
const dock = (_jsxs(YStack, { overflow: "hidden", ...sheet(1), ...(horizontal ? { width: extent } : { height: extent }), children: [_jsxs(XStack, { items: "center", gap: "$1", px: "$2", pt: "$1.5", children: [tabs.map((t) => {
|
|
71
71
|
const on = t.id === current.id;
|
|
72
72
|
return (_jsxs(XStack, { items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", cursor: "pointer",
|
|
@@ -75,7 +75,7 @@ export function Dock({ side, tabs, activeId, defaultActiveId, onActivate, onClos
|
|
|
75
75
|
// which is why both stand on rung 2 rather than merely looking
|
|
76
76
|
// similar. An inactive tab is not a sheet at all; it is the
|
|
77
77
|
// dock's own surface showing through.
|
|
78
|
-
rounded: "$3", ...(on ? sheet(2) : { backgroundColor: 'transparent' }), hoverStyle: { bg: on ? undefined : '$
|
|
78
|
+
rounded: "$3", ...(on ? sheet(2) : { backgroundColor: 'transparent' }), hoverStyle: { bg: on ? undefined : '$panel' }, children: [_jsx(YStack, { onPress: () => setActive(t.id), children: _jsxs(XStack, { items: "center", gap: "$1.5", children: [t.icon, _jsx(Text, { fontSize: "$2", numberOfLines: 1, opacity: on ? 1 : 0.7, children: t.title })] }) }), t.closable === false ? null : (_jsx(Button, { size: "$1", chromeless: true, circular: true, "aria-label": `Close ${t.title}`, onPress: () => onClose?.(t.id), children: "\u00D7" }))] }, t.id));
|
|
79
79
|
}), actions] }), _jsx(Separator, { opacity: 0.4 }), _jsx(YStack, { flex: 1, overflow: "hidden", ...sheet(2), children: current.content })] }));
|
|
80
80
|
// Named rather than an array: a list of children needs keys, and two siblings
|
|
81
81
|
// that are not a list should not have to invent identities to sit beside
|
|
@@ -89,6 +89,6 @@ export function Dock({ side, tabs, activeId, defaultActiveId, onActivate, onClos
|
|
|
89
89
|
* console sits under the work and not under the navigation.
|
|
90
90
|
*/
|
|
91
91
|
export function Workbench({ left, right, bottom, children }) {
|
|
92
|
-
return (_jsxs(XStack, { flex: 1, overflow: "hidden", bg: "$
|
|
92
|
+
return (_jsxs(XStack, { flex: 1, overflow: "hidden", bg: "$sunken", children: [left ? _jsx(Dock, { side: "left", ...left }) : null, _jsxs(YStack, { flex: 1, overflow: "hidden", children: [_jsx(YStack, { flex: 1, overflow: "hidden", children: children }), bottom ? _jsx(Dock, { side: "bottom", ...bottom }) : null] }), right ? _jsx(Dock, { side: "right", ...right }) : null] }));
|
|
93
93
|
}
|
|
94
94
|
//# sourceMappingURL=Workbench.js.map
|