@hanzo/ui 8.29.9 → 8.29.11
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/Attachments.cjs +1 -1
- package/dist/agents/Attachments.js +1 -1
- package/dist/agents/Attachments.js.map +1 -1
- package/dist/agents/Board.cjs +3 -2
- package/dist/agents/Board.d.ts.map +1 -1
- package/dist/agents/Board.js +3 -2
- package/dist/agents/Board.js.map +1 -1
- 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/DirectoryModal.cjs +1 -1
- package/dist/agents/DirectoryModal.js +1 -1
- package/dist/agents/DirectoryModal.js.map +1 -1
- package/dist/agents/DriveViewer.cjs +6 -5
- package/dist/agents/DriveViewer.d.ts.map +1 -1
- package/dist/agents/DriveViewer.js +6 -5
- package/dist/agents/DriveViewer.js.map +1 -1
- package/dist/agents/FileTabs.cjs +5 -3
- package/dist/agents/FileTabs.d.ts.map +1 -1
- package/dist/agents/FileTabs.js +5 -3
- package/dist/agents/FileTabs.js.map +1 -1
- package/dist/agents/FileTree.cjs +3 -2
- package/dist/agents/FileTree.d.ts.map +1 -1
- package/dist/agents/FileTree.js +3 -2
- package/dist/agents/FileTree.js.map +1 -1
- package/dist/agents/LiveVoiceCall.cjs +1 -1
- package/dist/agents/LiveVoiceCall.js +1 -1
- package/dist/agents/LiveVoiceCall.js.map +1 -1
- package/dist/agents/Pane.cjs +1 -1
- package/dist/agents/Pane.js +1 -1
- package/dist/agents/Pane.js.map +1 -1
- package/dist/agents/Progress.cjs +2 -1
- package/dist/agents/Progress.d.ts.map +1 -1
- package/dist/agents/Progress.js +2 -1
- package/dist/agents/Progress.js.map +1 -1
- package/dist/agents/ShortcutsSheet.cjs +1 -1
- package/dist/agents/ShortcutsSheet.js +1 -1
- package/dist/agents/ShortcutsSheet.js.map +1 -1
- package/dist/agents/Workspace.cjs +6 -4
- package/dist/agents/Workspace.d.ts.map +1 -1
- package/dist/agents/Workspace.js +6 -4
- package/dist/agents/Workspace.js.map +1 -1
- package/dist/auth/SignIn.cjs +2 -1
- package/dist/auth/SignIn.d.ts.map +1 -1
- package/dist/auth/SignIn.js +2 -1
- package/dist/auth/SignIn.js.map +1 -1
- package/dist/backends/gui/alert.cjs +3 -3
- package/dist/backends/gui/alert.js +3 -3
- package/dist/backends/gui/alert.js.map +1 -1
- package/dist/backends/gui/avatar-group.cjs +2 -2
- package/dist/backends/gui/avatar-group.d.ts +1 -1
- package/dist/backends/gui/avatar-group.js +2 -2
- package/dist/backends/gui/avatar-group.js.map +1 -1
- package/dist/backends/gui/banner.cjs +3 -3
- package/dist/backends/gui/banner.js +3 -3
- package/dist/backends/gui/banner.js.map +1 -1
- package/dist/backends/gui/button-group.cjs +1 -1
- package/dist/backends/gui/button-group.js +1 -1
- package/dist/backends/gui/button-group.js.map +1 -1
- package/dist/backends/gui/calendar.cjs +4 -2
- package/dist/backends/gui/calendar.d.ts.map +1 -1
- package/dist/backends/gui/calendar.js +4 -2
- package/dist/backends/gui/calendar.js.map +1 -1
- package/dist/backends/gui/carousel.cjs +4 -3
- package/dist/backends/gui/carousel.d.ts.map +1 -1
- package/dist/backends/gui/carousel.js +4 -3
- package/dist/backends/gui/carousel.js.map +1 -1
- package/dist/backends/gui/chip.cjs +1 -1
- package/dist/backends/gui/chip.js +1 -1
- package/dist/backends/gui/chip.js.map +1 -1
- package/dist/backends/gui/choice.cjs +2 -2
- package/dist/backends/gui/choice.js +2 -2
- package/dist/backends/gui/choice.js.map +1 -1
- package/dist/backends/gui/code-block.cjs +25 -33
- package/dist/backends/gui/code-block.d.ts.map +1 -1
- package/dist/backends/gui/code-block.js +25 -33
- package/dist/backends/gui/code-block.js.map +1 -1
- package/dist/backends/gui/code-editor.cjs +26 -20
- package/dist/backends/gui/code-editor.d.ts +3 -3
- package/dist/backends/gui/code-editor.d.ts.map +1 -1
- package/dist/backends/gui/code-editor.js +26 -20
- package/dist/backends/gui/code-editor.js.map +1 -1
- package/dist/backends/gui/code-surface.cjs +65 -0
- package/dist/backends/gui/code-surface.d.ts +32 -0
- package/dist/backends/gui/code-surface.d.ts.map +1 -0
- package/dist/backends/gui/code-surface.js +60 -0
- package/dist/backends/gui/code-surface.js.map +1 -0
- package/dist/backends/gui/command.cjs +2 -1
- package/dist/backends/gui/command.d.ts.map +1 -1
- package/dist/backends/gui/command.js +2 -1
- package/dist/backends/gui/command.js.map +1 -1
- package/dist/backends/gui/context-menu.cjs +10 -9
- package/dist/backends/gui/context-menu.d.ts +1 -1
- package/dist/backends/gui/context-menu.d.ts.map +1 -1
- package/dist/backends/gui/context-menu.js +10 -9
- package/dist/backends/gui/context-menu.js.map +1 -1
- package/dist/backends/gui/country-select.cjs +2 -1
- package/dist/backends/gui/country-select.d.ts.map +1 -1
- package/dist/backends/gui/country-select.js +2 -1
- package/dist/backends/gui/country-select.js.map +1 -1
- package/dist/backends/gui/data-table.cjs +1 -1
- package/dist/backends/gui/data-table.js +1 -1
- package/dist/backends/gui/data-table.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/dir.cjs +67 -0
- package/dist/backends/gui/dir.d.ts +57 -0
- package/dist/backends/gui/dir.d.ts.map +1 -0
- package/dist/backends/gui/dir.js +61 -0
- package/dist/backends/gui/dir.js.map +1 -0
- package/dist/backends/gui/dropdown-menu.cjs +13 -12
- package/dist/backends/gui/dropdown-menu.d.ts +1 -1
- package/dist/backends/gui/dropdown-menu.d.ts.map +1 -1
- package/dist/backends/gui/dropdown-menu.js +13 -12
- package/dist/backends/gui/dropdown-menu.js.map +1 -1
- package/dist/backends/gui/field.cjs +1 -1
- package/dist/backends/gui/field.js +1 -1
- package/dist/backends/gui/field.js.map +1 -1
- package/dist/backends/gui/grip.cjs +20 -10
- package/dist/backends/gui/grip.d.ts +8 -5
- package/dist/backends/gui/grip.d.ts.map +1 -1
- package/dist/backends/gui/grip.js +20 -10
- package/dist/backends/gui/grip.js.map +1 -1
- package/dist/backends/gui/image-zoom.cjs +1 -1
- package/dist/backends/gui/image-zoom.js +1 -1
- package/dist/backends/gui/image-zoom.js.map +1 -1
- package/dist/backends/gui/input.cjs +7 -5
- package/dist/backends/gui/input.d.ts.map +1 -1
- package/dist/backends/gui/input.js +7 -5
- package/dist/backends/gui/input.js.map +1 -1
- package/dist/backends/gui/item.cjs +2 -1
- package/dist/backends/gui/item.d.ts.map +1 -1
- package/dist/backends/gui/item.js +2 -1
- package/dist/backends/gui/item.js.map +1 -1
- package/dist/backends/gui/json-tree.cjs +8 -6
- package/dist/backends/gui/json-tree.d.ts +1 -1
- package/dist/backends/gui/json-tree.d.ts.map +1 -1
- package/dist/backends/gui/json-tree.js +8 -6
- package/dist/backends/gui/json-tree.js.map +1 -1
- package/dist/backends/gui/kanban.cjs +1 -1
- package/dist/backends/gui/kanban.js +1 -1
- package/dist/backends/gui/kanban.js.map +1 -1
- package/dist/backends/gui/kbd.cjs +3 -2
- package/dist/backends/gui/kbd.d.ts.map +1 -1
- package/dist/backends/gui/kbd.js +3 -2
- package/dist/backends/gui/kbd.js.map +1 -1
- package/dist/backends/gui/limelight-nav.cjs +4 -2
- package/dist/backends/gui/limelight-nav.d.ts.map +1 -1
- package/dist/backends/gui/limelight-nav.js +4 -2
- package/dist/backends/gui/limelight-nav.js.map +1 -1
- package/dist/backends/gui/link.cjs +1 -1
- package/dist/backends/gui/link.js +1 -1
- package/dist/backends/gui/link.js.map +1 -1
- package/dist/backends/gui/menu-dock.cjs +1 -1
- package/dist/backends/gui/menu-dock.js +1 -1
- package/dist/backends/gui/menu-dock.js.map +1 -1
- package/dist/backends/gui/menubar.cjs +14 -10
- package/dist/backends/gui/menubar.d.ts +1 -1
- package/dist/backends/gui/menubar.d.ts.map +1 -1
- package/dist/backends/gui/menubar.js +14 -10
- package/dist/backends/gui/menubar.js.map +1 -1
- package/dist/backends/gui/message-dock.cjs +9 -5
- package/dist/backends/gui/message-dock.d.ts +2 -2
- package/dist/backends/gui/message-dock.d.ts.map +1 -1
- package/dist/backends/gui/message-dock.js +9 -5
- package/dist/backends/gui/message-dock.js.map +1 -1
- package/dist/backends/gui/navigation-bar.cjs +3 -2
- package/dist/backends/gui/navigation-bar.d.ts.map +1 -1
- package/dist/backends/gui/navigation-bar.js +3 -2
- package/dist/backends/gui/navigation-bar.js.map +1 -1
- package/dist/backends/gui/pagination.cjs +3 -2
- package/dist/backends/gui/pagination.d.ts.map +1 -1
- package/dist/backends/gui/pagination.js +3 -2
- package/dist/backends/gui/pagination.js.map +1 -1
- package/dist/backends/gui/phone-country-picker.cjs +2 -2
- package/dist/backends/gui/phone-country-picker.js +2 -2
- package/dist/backends/gui/phone-country-picker.js.map +1 -1
- package/dist/backends/gui/progress-ring.cjs +1 -1
- package/dist/backends/gui/progress-ring.js +1 -1
- package/dist/backends/gui/progress-ring.js.map +1 -1
- package/dist/backends/gui/resizable.cjs +8 -4
- package/dist/backends/gui/resizable.d.ts.map +1 -1
- package/dist/backends/gui/resizable.js +8 -4
- package/dist/backends/gui/resizable.js.map +1 -1
- package/dist/backends/gui/scroll-area.cjs +2 -2
- package/dist/backends/gui/scroll-area.d.ts.map +1 -1
- package/dist/backends/gui/scroll-area.js +2 -2
- package/dist/backends/gui/scroll-area.js.map +1 -1
- package/dist/backends/gui/search-list.cjs +1 -1
- package/dist/backends/gui/search-list.js +1 -1
- package/dist/backends/gui/search-list.js.map +1 -1
- package/dist/backends/gui/select.cjs +2 -2
- package/dist/backends/gui/select.js +2 -2
- package/dist/backends/gui/select.js.map +1 -1
- package/dist/backends/gui/sheet.cjs +9 -1
- package/dist/backends/gui/sheet.d.ts +6 -1
- package/dist/backends/gui/sheet.d.ts.map +1 -1
- package/dist/backends/gui/sheet.js +9 -1
- package/dist/backends/gui/sheet.js.map +1 -1
- package/dist/backends/gui/shortcut.cjs +3 -2
- package/dist/backends/gui/shortcut.d.ts.map +1 -1
- package/dist/backends/gui/shortcut.js +3 -2
- package/dist/backends/gui/shortcut.js.map +1 -1
- package/dist/backends/gui/snippet.cjs +24 -30
- package/dist/backends/gui/snippet.d.ts.map +1 -1
- package/dist/backends/gui/snippet.js +24 -30
- package/dist/backends/gui/snippet.js.map +1 -1
- package/dist/backends/gui/status.cjs +1 -1
- package/dist/backends/gui/status.js +1 -1
- package/dist/backends/gui/status.js.map +1 -1
- package/dist/backends/gui/step-indicator.cjs +3 -2
- package/dist/backends/gui/step-indicator.d.ts.map +1 -1
- package/dist/backends/gui/step-indicator.js +3 -2
- package/dist/backends/gui/step-indicator.js.map +1 -1
- package/dist/backends/gui/table.cjs +1 -1
- package/dist/backends/gui/table.js +1 -1
- package/dist/backends/gui/table.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/terminal.cjs +58 -41
- package/dist/backends/gui/terminal.d.ts +9 -4
- package/dist/backends/gui/terminal.d.ts.map +1 -1
- package/dist/backends/gui/terminal.js +59 -42
- package/dist/backends/gui/terminal.js.map +1 -1
- package/dist/backends/gui/timeline.cjs +5 -5
- package/dist/backends/gui/timeline.js +5 -5
- package/dist/backends/gui/timeline.js.map +1 -1
- package/dist/backends/gui/toaster.cjs +2 -2
- package/dist/backends/gui/toaster.js +2 -2
- package/dist/backends/gui/toaster.js.map +1 -1
- package/dist/catalog/Shelf.cjs +4 -2
- package/dist/catalog/Shelf.d.ts.map +1 -1
- package/dist/catalog/Shelf.js +4 -2
- package/dist/catalog/Shelf.js.map +1 -1
- package/dist/catalog/Tile.cjs +1 -1
- package/dist/catalog/Tile.js +1 -1
- package/dist/catalog/Tile.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/Header.cjs +3 -2
- package/dist/chat/Header.d.ts.map +1 -1
- package/dist/chat/Header.js +3 -2
- package/dist/chat/Header.js.map +1 -1
- package/dist/chat/SessionRail.cjs +3 -2
- package/dist/chat/SessionRail.d.ts.map +1 -1
- package/dist/chat/SessionRail.js +3 -2
- package/dist/chat/SessionRail.js.map +1 -1
- package/dist/chat/Sidebar.cjs +4 -3
- package/dist/chat/Sidebar.d.ts.map +1 -1
- package/dist/chat/Sidebar.js +4 -3
- package/dist/chat/Sidebar.js.map +1 -1
- package/dist/code-theme.cjs +78 -37
- package/dist/code-theme.d.ts +86 -34
- package/dist/code-theme.d.ts.map +1 -1
- package/dist/code-theme.js +77 -36
- package/dist/code-theme.js.map +1 -1
- package/dist/consent/Consent.cjs +1 -1
- package/dist/consent/Consent.js +1 -1
- package/dist/consent/Consent.js.map +1 -1
- package/dist/core/index.cjs +2 -1
- package/dist/core/index.d.ts +1 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +1 -1
- package/dist/core/index.js.map +1 -1
- package/dist/corner/Corner.cjs +279 -0
- package/dist/corner/Corner.d.ts +21 -0
- package/dist/corner/Corner.d.ts.map +1 -0
- package/dist/corner/Corner.js +277 -0
- package/dist/corner/Corner.js.map +1 -0
- package/dist/corner/index.cjs +11 -0
- package/dist/corner/index.d.ts +3 -0
- package/dist/corner/index.d.ts.map +1 -0
- package/dist/corner/index.js +3 -0
- package/dist/corner/index.js.map +1 -0
- package/dist/corner/logic.cjs +47 -0
- package/dist/corner/logic.d.ts +59 -0
- package/dist/corner/logic.d.ts.map +1 -0
- package/dist/corner/logic.js +42 -0
- package/dist/corner/logic.js.map +1 -0
- package/dist/framework/DocTypeDetail.cjs +3 -2
- package/dist/framework/DocTypeDetail.d.ts.map +1 -1
- package/dist/framework/DocTypeDetail.js +3 -2
- package/dist/framework/DocTypeDetail.js.map +1 -1
- package/dist/framework/RecordCards.cjs +2 -1
- package/dist/framework/RecordCards.d.ts.map +1 -1
- package/dist/framework/RecordCards.js +2 -1
- package/dist/framework/RecordCards.js.map +1 -1
- package/dist/gallery/feedback.cjs +9 -2
- package/dist/gallery/feedback.d.ts.map +1 -1
- package/dist/gallery/feedback.js +10 -3
- package/dist/gallery/feedback.js.map +1 -1
- package/dist/gallery/frames.cjs +1 -1
- package/dist/gallery/frames.js +1 -1
- package/dist/gallery/frames.js.map +1 -1
- package/dist/gallery.cjs +3 -1
- package/dist/gallery.d.ts.map +1 -1
- package/dist/gallery.html +549 -281
- package/dist/gallery.js +3 -1
- package/dist/gallery.js.map +1 -1
- package/dist/gui-config.cjs +21 -18
- package/dist/gui-config.d.ts +8 -8
- package/dist/gui-config.d.ts.map +1 -1
- package/dist/gui-config.js +22 -19
- package/dist/gui-config.js.map +1 -1
- package/dist/index.cjs +6 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/index.node.cjs +6 -5
- package/dist/index.node.js +5 -5
- package/dist/lang.css +143 -0
- package/dist/look.cjs +19 -0
- package/dist/look.d.ts +9 -0
- package/dist/look.d.ts.map +1 -0
- package/dist/look.js +17 -0
- package/dist/look.js.map +1 -0
- package/dist/marketing/Footer.cjs +1 -1
- package/dist/marketing/Footer.js +1 -1
- package/dist/marketing/Footer.js.map +1 -1
- package/dist/marketing/Plans.cjs +1 -1
- package/dist/marketing/Plans.js +1 -1
- package/dist/marketing/Plans.js.map +1 -1
- package/dist/masthead/Masthead.cjs +5 -5
- package/dist/masthead/Masthead.js +5 -5
- package/dist/masthead/Masthead.js.map +1 -1
- package/dist/onboarding/frame.cjs +2 -1
- package/dist/onboarding/frame.d.ts.map +1 -1
- package/dist/onboarding/frame.js +2 -1
- package/dist/onboarding/frame.js.map +1 -1
- package/dist/product/Charts.cjs +2 -1
- package/dist/product/Charts.d.ts.map +1 -1
- package/dist/product/Charts.js +2 -1
- package/dist/product/Charts.js.map +1 -1
- package/dist/product/CommandMenu.cjs +3 -2
- package/dist/product/CommandMenu.d.ts.map +1 -1
- package/dist/product/CommandMenu.js +3 -2
- package/dist/product/CommandMenu.js.map +1 -1
- package/dist/product/ConnectionBadge.cjs +2 -1
- package/dist/product/ConnectionBadge.d.ts.map +1 -1
- package/dist/product/ConnectionBadge.js +2 -1
- package/dist/product/ConnectionBadge.js.map +1 -1
- package/dist/product/DetailPane.cjs +5 -4
- package/dist/product/DetailPane.d.ts.map +1 -1
- package/dist/product/DetailPane.js +5 -4
- package/dist/product/DetailPane.js.map +1 -1
- package/dist/product/EmptyState.cjs +2 -1
- package/dist/product/EmptyState.d.ts.map +1 -1
- package/dist/product/EmptyState.js +2 -1
- package/dist/product/EmptyState.js.map +1 -1
- package/dist/product/Filters.cjs +8 -2
- package/dist/product/Filters.d.ts.map +1 -1
- package/dist/product/Filters.js +8 -2
- package/dist/product/Filters.js.map +1 -1
- package/dist/product/MenuRow.cjs +3 -2
- package/dist/product/MenuRow.d.ts.map +1 -1
- package/dist/product/MenuRow.js +3 -2
- package/dist/product/MenuRow.js.map +1 -1
- package/dist/product/Pagination.cjs +2 -1
- package/dist/product/Pagination.d.ts.map +1 -1
- package/dist/product/Pagination.js +2 -1
- package/dist/product/Pagination.js.map +1 -1
- package/dist/product/Palette.cjs +1 -1
- package/dist/product/Palette.js +1 -1
- package/dist/product/Palette.js.map +1 -1
- package/dist/product/SiteFooter.cjs +1 -1
- package/dist/product/SiteFooter.js +1 -1
- package/dist/product/SiteFooter.js.map +1 -1
- package/dist/product/SiteNav.cjs +3 -3
- package/dist/product/SiteNav.js +3 -3
- package/dist/product/SiteNav.js.map +1 -1
- package/dist/product/SlideOver.cjs +12 -6
- package/dist/product/SlideOver.d.ts +9 -4
- package/dist/product/SlideOver.d.ts.map +1 -1
- package/dist/product/SlideOver.js +12 -6
- package/dist/product/SlideOver.js.map +1 -1
- package/dist/product/Split.cjs +9 -3
- package/dist/product/Split.d.ts.map +1 -1
- package/dist/product/Split.js +9 -3
- package/dist/product/Split.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/account.cjs +2 -1
- package/dist/product/account.d.ts.map +1 -1
- package/dist/product/account.js +2 -1
- package/dist/product/account.js.map +1 -1
- package/dist/product/menu/items.cjs +2 -1
- package/dist/product/menu/items.d.ts.map +1 -1
- package/dist/product/menu/items.js +2 -1
- package/dist/product/menu/items.js.map +1 -1
- package/dist/product/social/SocialResource.cjs +3 -2
- package/dist/product/social/SocialResource.d.ts.map +1 -1
- package/dist/product/social/SocialResource.js +3 -2
- package/dist/product/social/SocialResource.js.map +1 -1
- package/dist/root.cjs +8 -2
- package/dist/root.d.ts +1 -1
- package/dist/root.d.ts.map +1 -1
- package/dist/root.js +8 -2
- package/dist/root.js.map +1 -1
- package/dist/root.node.cjs +8 -2
- package/dist/root.node.js +8 -2
- package/dist/settings/Settings.cjs +1 -1
- package/dist/settings/Settings.js +1 -1
- package/dist/settings/Settings.js.map +1 -1
- package/dist/styles/document.css +1 -1
- package/dist/styles/motion.css +25 -0
- package/dist/styles.css +416 -148
- package/dist/theme.css +192 -3
- package/package.json +11 -1
package/dist/product/SiteNav.js
CHANGED
|
@@ -56,7 +56,7 @@ 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: "$quiet", children: menu.eyebrow }), _jsx(XStack, {
|
|
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, { marginInlineStart: "auto", children: link({
|
|
60
60
|
href: menu.allProducts.href,
|
|
61
61
|
onNavigate: close,
|
|
62
62
|
children: (_jsxs(Text, { fontSize: "$2", color: "$ink", children: [menu.allProducts.label, " \u2192"] })),
|
|
@@ -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",
|
|
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", paddingInlineEnd: "$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
119
|
children: (_jsx(Text, { fontSize: "$2", color: active === l.id ? '$ink' : '$quiet', children: l.label })),
|
|
120
|
-
}) }, l.id))) }), _jsxs(XStack, { items: "center", gap: "$2",
|
|
120
|
+
}) }, l.id))) }), _jsxs(XStack, { items: "center", gap: "$2", marginInlineStart: "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":"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
|
|
1
|
+
{"version":3,"file":"SiteNav.js","sourceRoot":"","sources":["../../src/product/SiteNav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,8 @@ exports.SLIDEOVER_LG = void 0;
|
|
|
5
5
|
exports.SlideOver = SlideOver;
|
|
6
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
/**
|
|
8
|
-
* SlideOver — the ONE
|
|
8
|
+
* SlideOver — the ONE edge slide-out overlay for the console: from the reading
|
|
9
|
+
* end by default (the right under LTR, the left under RTL), or the start.
|
|
9
10
|
*
|
|
10
11
|
* It is the single mechanism behind every off-canvas surface: the mobile nav
|
|
11
12
|
* drawer, the item DetailPane, and the account/settings menu. One definition, many
|
|
@@ -52,7 +53,7 @@ function unlockScroll() {
|
|
|
52
53
|
document.body.style.overflow = savedOverflow;
|
|
53
54
|
}
|
|
54
55
|
const instrument_1 = require("./instrument.cjs");
|
|
55
|
-
function SlideOver({ open, onClose, side = '
|
|
56
|
+
function SlideOver({ open, onClose, side = 'end', size = 420, title, icon: Icon, iconColor, headerRight, ariaLabel, zIndex = 1000, children, }) {
|
|
56
57
|
const track = (0, instrument_1.useEmit)();
|
|
57
58
|
const panelRef = (0, react_1.useRef)(null);
|
|
58
59
|
const openerRef = (0, react_1.useRef)(null);
|
|
@@ -96,8 +97,13 @@ function SlideOver({ open, onClose, side = 'right', size = 420, title, icon: Ico
|
|
|
96
97
|
window.addEventListener('keydown', onKey);
|
|
97
98
|
return () => window.removeEventListener('keydown', onKey);
|
|
98
99
|
}, [open, onClose]);
|
|
99
|
-
const
|
|
100
|
-
|
|
100
|
+
const edge = side === 'end'
|
|
101
|
+
? { insetInlineEnd: 0, borderInlineStartWidth: 1 }
|
|
102
|
+
: side === 'start'
|
|
103
|
+
? { insetInlineStart: 0, borderInlineEndWidth: 1 }
|
|
104
|
+
: side === 'right'
|
|
105
|
+
? { r: 0, borderLeftWidth: 1 }
|
|
106
|
+
: { l: 0, borderRightWidth: 1 };
|
|
101
107
|
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack
|
|
102
108
|
// Fixed to the viewport; overflow hidden so the off-screen panel (absolute
|
|
103
109
|
// child) is CLIPPED and never adds a horizontal scrollbar.
|
|
@@ -110,12 +116,12 @@ function SlideOver({ open, onClose, side = 'right', size = 420, title, icon: Ico
|
|
|
110
116
|
, {
|
|
111
117
|
// Web DOM ref; Gui forwards it to the underlying node. Cast (not @ts-expect-error)
|
|
112
118
|
// 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: "$sunken",
|
|
119
|
+
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", borderColor: "$borderColor", "data-motion": "slide", "data-slide-from": side, className: "elevation-3",
|
|
114
120
|
// Full-height sheet (100dvh — mobile-safe), inset for the notch (top) + home
|
|
115
121
|
// indicator (bottom) so the drawer header + footer actions clear them on
|
|
116
122
|
// notched devices (env insets are 0 elsewhere, so no effect there).
|
|
117
123
|
style: {
|
|
118
|
-
transform: open ? 'translateX(0)' :
|
|
124
|
+
transform: open ? 'translateX(0)' : 'translateX(var(--slide-off))',
|
|
119
125
|
height: '100dvh',
|
|
120
126
|
paddingTop: 'env(safe-area-inset-top)',
|
|
121
127
|
paddingBottom: 'env(safe-area-inset-bottom)',
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* SlideOver — the ONE
|
|
2
|
+
* SlideOver — the ONE edge slide-out overlay for the console: from the reading
|
|
3
|
+
* end by default (the right under LTR, the left under RTL), or the start.
|
|
3
4
|
*
|
|
4
5
|
* It is the single mechanism behind every off-canvas surface: the mobile nav
|
|
5
6
|
* drawer, the item DetailPane, and the account/settings menu. One definition, many
|
|
@@ -26,8 +27,12 @@ declare const LG = 1024;
|
|
|
26
27
|
export type SlideOverProps = {
|
|
27
28
|
open: boolean;
|
|
28
29
|
onClose: () => void;
|
|
29
|
-
/**
|
|
30
|
-
|
|
30
|
+
/**
|
|
31
|
+
* Which edge the panel slides from. `end` (default) and `start` are the
|
|
32
|
+
* reading edges and follow the document's direction; `right` and `left` are
|
|
33
|
+
* the screen's.
|
|
34
|
+
*/
|
|
35
|
+
side?: 'end' | 'start' | 'right' | 'left';
|
|
31
36
|
/** Panel width at lg+ (px). Below lg it is always full-screen. Default 420. */
|
|
32
37
|
size?: number;
|
|
33
38
|
/** Optional header title — when set, SlideOver renders a header + a scroll body. */
|
|
@@ -35,7 +40,7 @@ export type SlideOverProps = {
|
|
|
35
40
|
/** Optional header icon (tinted with `iconColor`). */
|
|
36
41
|
icon?: IconLike;
|
|
37
42
|
iconColor?: string;
|
|
38
|
-
/** Extra header content,
|
|
43
|
+
/** Extra header content, end-aligned before the close button. */
|
|
39
44
|
headerRight?: ReactNode;
|
|
40
45
|
/** Accessible label when no visible title is given. */
|
|
41
46
|
ariaLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideOver.d.ts","sourceRoot":"","sources":["../../src/product/SlideOver.tsx"],"names":[],"mappings":"AAEA
|
|
1
|
+
{"version":3,"file":"SlideOver.d.ts","sourceRoot":"","sources":["../../src/product/SlideOver.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,6EAA6E;AAC7E,QAAA,MAAM,EAAE,OAAO,CAAA;AAmBf,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IACzC,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oFAAoF;IACpF,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAID,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,IAAY,EACZ,IAAU,EACV,KAAK,EACL,IAAI,EAAE,IAAI,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,MAAa,EACb,QAAQ,GACT,EAAE,cAAc,+BAgJhB;AAED,OAAO,EAAE,EAAE,IAAI,YAAY,EAAE,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
/**
|
|
4
|
-
* SlideOver — the ONE
|
|
4
|
+
* SlideOver — the ONE edge slide-out overlay for the console: from the reading
|
|
5
|
+
* end by default (the right under LTR, the left under RTL), or the start.
|
|
5
6
|
*
|
|
6
7
|
* It is the single mechanism behind every off-canvas surface: the mobile nav
|
|
7
8
|
* drawer, the item DetailPane, and the account/settings menu. One definition, many
|
|
@@ -47,7 +48,7 @@ function unlockScroll() {
|
|
|
47
48
|
document.body.style.overflow = savedOverflow;
|
|
48
49
|
}
|
|
49
50
|
import { useEmit } from './instrument.js';
|
|
50
|
-
export function SlideOver({ open, onClose, side = '
|
|
51
|
+
export function SlideOver({ open, onClose, side = 'end', size = 420, title, icon: Icon, iconColor, headerRight, ariaLabel, zIndex = 1000, children, }) {
|
|
51
52
|
const track = useEmit();
|
|
52
53
|
const panelRef = useRef(null);
|
|
53
54
|
const openerRef = useRef(null);
|
|
@@ -91,8 +92,13 @@ export function SlideOver({ open, onClose, side = 'right', size = 420, title, ic
|
|
|
91
92
|
window.addEventListener('keydown', onKey);
|
|
92
93
|
return () => window.removeEventListener('keydown', onKey);
|
|
93
94
|
}, [open, onClose]);
|
|
94
|
-
const
|
|
95
|
-
|
|
95
|
+
const edge = side === 'end'
|
|
96
|
+
? { insetInlineEnd: 0, borderInlineStartWidth: 1 }
|
|
97
|
+
: side === 'start'
|
|
98
|
+
? { insetInlineStart: 0, borderInlineEndWidth: 1 }
|
|
99
|
+
: side === 'right'
|
|
100
|
+
? { r: 0, borderLeftWidth: 1 }
|
|
101
|
+
: { l: 0, borderRightWidth: 1 };
|
|
96
102
|
return (_jsxs(YStack
|
|
97
103
|
// Fixed to the viewport; overflow hidden so the off-screen panel (absolute
|
|
98
104
|
// child) is CLIPPED and never adds a horizontal scrollbar.
|
|
@@ -105,12 +111,12 @@ export function SlideOver({ open, onClose, side = 'right', size = 420, title, ic
|
|
|
105
111
|
, {
|
|
106
112
|
// Web DOM ref; Gui forwards it to the underlying node. Cast (not @ts-expect-error)
|
|
107
113
|
// 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: "$sunken",
|
|
114
|
+
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", borderColor: "$borderColor", "data-motion": "slide", "data-slide-from": side, className: "elevation-3",
|
|
109
115
|
// Full-height sheet (100dvh — mobile-safe), inset for the notch (top) + home
|
|
110
116
|
// indicator (bottom) so the drawer header + footer actions clear them on
|
|
111
117
|
// notched devices (env insets are 0 elsewhere, so no effect there).
|
|
112
118
|
style: {
|
|
113
|
-
transform: open ? 'translateX(0)' :
|
|
119
|
+
transform: open ? 'translateX(0)' : 'translateX(var(--slide-off))',
|
|
114
120
|
height: '100dvh',
|
|
115
121
|
paddingTop: 'env(safe-area-inset-top)',
|
|
116
122
|
paddingBottom: 'env(safe-area-inset-bottom)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideOver.js","sourceRoot":"","sources":["../../src/product/SlideOver.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ
|
|
1
|
+
{"version":3,"file":"SlideOver.js","sourceRoot":"","sources":["../../src/product/SlideOver.tsx"],"names":[],"mappings":"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"}
|
package/dist/product/Split.cjs
CHANGED
|
@@ -20,6 +20,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
20
20
|
*/
|
|
21
21
|
const gui_1 = require("@hanzo/gui");
|
|
22
22
|
const react_1 = require("react");
|
|
23
|
+
const dir_1 = require("../backends/gui/dir.cjs");
|
|
23
24
|
const STEP = 2;
|
|
24
25
|
function Split({ left, right, defaultSplit = 50, min = 20, max = 80, onSplitChange, }) {
|
|
25
26
|
const [split, setSplit] = (0, react_1.useState)(defaultSplit);
|
|
@@ -38,7 +39,9 @@ function Split({ left, right, defaultSplit = 50, min = 20, max = 80, onSplitChan
|
|
|
38
39
|
if (!el || !('getBoundingClientRect' in el))
|
|
39
40
|
return;
|
|
40
41
|
const box = el.getBoundingClientRect();
|
|
41
|
-
|
|
42
|
+
// the first pane's share, measured from the edge it starts at
|
|
43
|
+
const from = (0, dir_1.rtl)(el) ? box.right - e.clientX : e.clientX - box.left;
|
|
44
|
+
move((from / box.width) * 100);
|
|
42
45
|
};
|
|
43
46
|
const onUp = () => setDragging(false);
|
|
44
47
|
document.addEventListener('mousemove', onMove);
|
|
@@ -59,11 +62,14 @@ function Split({ left, right, defaultSplit = 50, min = 20, max = 80, onSplitChan
|
|
|
59
62
|
}, ...(gui_1.isWeb
|
|
60
63
|
? {
|
|
61
64
|
onKeyDown: ((e) => {
|
|
62
|
-
|
|
65
|
+
// the first pane sits at the inline start, so under RTL
|
|
66
|
+
// ArrowLeft widens it
|
|
67
|
+
const key = (0, dir_1.along)(e);
|
|
68
|
+
if (key === 'ArrowLeft') {
|
|
63
69
|
e.preventDefault();
|
|
64
70
|
move(split - STEP);
|
|
65
71
|
}
|
|
66
|
-
if (
|
|
72
|
+
if (key === 'ArrowRight') {
|
|
67
73
|
e.preventDefault();
|
|
68
74
|
move(split + STEP);
|
|
69
75
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Split.d.ts","sourceRoot":"","sources":["../../src/product/Split.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Split.d.ts","sourceRoot":"","sources":["../../src/product/Split.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,SAAS,CAAA;IAChB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAA;AAID,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,YAAiB,EACjB,GAAQ,EACR,GAAQ,EACR,aAAa,GACd,EAAE,UAAU,+BA0FZ"}
|
package/dist/product/Split.js
CHANGED
|
@@ -17,6 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
17
17
|
*/
|
|
18
18
|
import { isWeb, XStack, YStack } from '@hanzo/gui';
|
|
19
19
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
20
|
+
import { along, rtl } from '../backends/gui/dir.js';
|
|
20
21
|
const STEP = 2;
|
|
21
22
|
export function Split({ left, right, defaultSplit = 50, min = 20, max = 80, onSplitChange, }) {
|
|
22
23
|
const [split, setSplit] = useState(defaultSplit);
|
|
@@ -35,7 +36,9 @@ export function Split({ left, right, defaultSplit = 50, min = 20, max = 80, onSp
|
|
|
35
36
|
if (!el || !('getBoundingClientRect' in el))
|
|
36
37
|
return;
|
|
37
38
|
const box = el.getBoundingClientRect();
|
|
38
|
-
|
|
39
|
+
// the first pane's share, measured from the edge it starts at
|
|
40
|
+
const from = rtl(el) ? box.right - e.clientX : e.clientX - box.left;
|
|
41
|
+
move((from / box.width) * 100);
|
|
39
42
|
};
|
|
40
43
|
const onUp = () => setDragging(false);
|
|
41
44
|
document.addEventListener('mousemove', onMove);
|
|
@@ -56,11 +59,14 @@ export function Split({ left, right, defaultSplit = 50, min = 20, max = 80, onSp
|
|
|
56
59
|
}, ...(isWeb
|
|
57
60
|
? {
|
|
58
61
|
onKeyDown: ((e) => {
|
|
59
|
-
|
|
62
|
+
// the first pane sits at the inline start, so under RTL
|
|
63
|
+
// ArrowLeft widens it
|
|
64
|
+
const key = along(e);
|
|
65
|
+
if (key === 'ArrowLeft') {
|
|
60
66
|
e.preventDefault();
|
|
61
67
|
move(split - STEP);
|
|
62
68
|
}
|
|
63
|
-
if (
|
|
69
|
+
if (key === 'ArrowRight') {
|
|
64
70
|
e.preventDefault();
|
|
65
71
|
move(split + STEP);
|
|
66
72
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Split.js","sourceRoot":"","sources":["../../src/product/Split.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAElD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Split.js","sourceRoot":"","sources":["../../src/product/Split.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAElD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AAchD,MAAM,IAAI,GAAG,CAAC,CAAA;AAEd,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,YAAY,GAAG,EAAE,EACjB,GAAG,GAAG,EAAE,EACR,GAAG,GAAG,EAAE,EACR,aAAa,GACF;IACX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAa,IAAI,CAAC,CAAA;IAE1C,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAAU,EAAE,EAAE;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;QAC7C,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,aAAa,EAAE,CAAC,IAAI,CAAC,CAAA;IACvB,CAAC,EACD,CAAC,GAAG,EAAE,GAAG,EAAE,aAAa,CAAC,CAC1B,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAM;QAErB,MAAM,MAAM,GAAG,CAAC,CAAa,EAAE,EAAE;YAC/B,MAAM,EAAE,GAAG,SAAS,CAAC,OAAO,CAAA;YAC5B,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,uBAAuB,IAAI,EAAE,CAAC;gBAAE,OAAM;YACnD,MAAM,GAAG,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAA;YACtC,8DAA8D;YAC9D,MAAM,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,IAAI,CAAA;YACnE,IAAI,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAA;QAChC,CAAC,CAAA;QACD,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QAErC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;QAC9C,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;QAC1C,wEAAwE;QACxE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,CAAA;QACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;QAEvC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;YACjD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;YAC7C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAA;YAC/B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAA;QACrC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,MAAC,MAAM,IAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,aAChD,KAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,YAClE,IAAI,GACE,EAET,KAAC,MAAM,IACL,IAAI,EAAC,WAAW,sBACC,UAAU,mBACZ,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,mBACjB,GAAG,mBACH,GAAG,EAClB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,CAAC,EACR,MAAM,EAAC,YAAY,EACnB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,EACxC,UAAU,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EACpC,UAAU,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EACpC,WAAW,EAAE,CAAC,CAAiC,EAAE,EAAE;oBACjD,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,WAAW,CAAC,IAAI,CAAC,CAAA;gBACnB,CAAC,KAIG,CAAC,KAAK;oBACR,CAAC,CAAC;wBACE,SAAS,EAAE,CAAC,CAAC,CAAgB,EAAE,EAAE;4BAC/B,wDAAwD;4BACxD,sBAAsB;4BACtB,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;4BACpB,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;gCACxB,CAAC,CAAC,cAAc,EAAE,CAAA;gCAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;4BACpB,CAAC;4BACD,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;gCACzB,CAAC,CAAC,cAAc,EAAE,CAAA;gCAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;4BACpB,CAAC;wBACH,CAAC,CAAU;qBACZ;oBACH,CAAC,CAAC,IAAI,CAAC,GACT,EAEF,KAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,YAC5C,KAAK,GACC,IACF,CACV,CAAA;AACH,CAAC"}
|
package/dist/product/Toast.cjs
CHANGED
|
@@ -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: "$panel", borderWidth: 1, borderColor: "$borderColor",
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(gui_1.Card, { width: 360, maxWidth: "90%", p: "$3", gap: "$2", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", borderInlineStartWidth: 3, borderInlineStartColor: 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 }) {
|
|
@@ -52,7 +52,7 @@ function ToastViewport({ toasts, dismiss }) {
|
|
|
52
52
|
(0, react_1.useEffect)(() => setMounted(true), []);
|
|
53
53
|
if (!mounted || typeof document === 'undefined')
|
|
54
54
|
return null;
|
|
55
|
-
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { style: { position: 'fixed', top: 16,
|
|
55
|
+
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { style: { position: 'fixed', top: 16, insetInlineEnd: 16, zIndex: 100000, pointerEvents: 'none' }, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2", items: "flex-end", children: toasts.map((t) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { pointerEvents: "auto", children: (0, jsx_runtime_1.jsx)(ToastCard, { t: t, onClose: () => dismiss(t.id) }) }, t.id))) }) }), document.body);
|
|
56
56
|
}
|
|
57
57
|
function ToastProvider({ children }) {
|
|
58
58
|
const track = (0, instrument_1.useEmit)();
|
package/dist/product/Toast.js
CHANGED
|
@@ -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: "$panel", borderWidth: 1, borderColor: "$borderColor",
|
|
43
|
+
return (_jsx(Card, { width: 360, maxWidth: "90%", p: "$3", gap: "$2", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", borderInlineStartWidth: 3, borderInlineStartColor: 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 }) {
|
|
@@ -48,7 +48,7 @@ function ToastViewport({ toasts, dismiss }) {
|
|
|
48
48
|
useEffect(() => setMounted(true), []);
|
|
49
49
|
if (!mounted || typeof document === 'undefined')
|
|
50
50
|
return null;
|
|
51
|
-
return createPortal(_jsx("div", { style: { position: 'fixed', top: 16,
|
|
51
|
+
return createPortal(_jsx("div", { style: { position: 'fixed', top: 16, insetInlineEnd: 16, zIndex: 100000, pointerEvents: 'none' }, children: _jsx(YStack, { gap: "$2", items: "flex-end", children: toasts.map((t) => (_jsx(YStack, { pointerEvents: "auto", children: _jsx(ToastCard, { t: t, onClose: () => dismiss(t.id) }) }, t.id))) }) }), document.body);
|
|
52
52
|
}
|
|
53
53
|
export function ToastProvider({ children }) {
|
|
54
54
|
const track = useEmit();
|
|
@@ -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,QAAQ;CACN,CAAA;AAEV,MAAM,IAAI,GAAmC;IAC3C,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,aAAa;IACtB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,8EAA8E;AAC9E,MAAM,QAAQ,GAA8B;IAC1C,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,IAAI;IACb,IAAI,EAAE,IAAI;CACX,CAAA;AAED,SAAS,SAAS,CAAC,EAAE,CAAC,EAAE,OAAO,EAAqC;IAClE,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACzB,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC7B,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,GAAG,EACV,QAAQ,EAAC,KAAK,EACd,CAAC,EAAC,IAAI,EACN,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/product/Toast.tsx"],"names":[],"mappings":"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"}
|
package/dist/product/account.cjs
CHANGED
|
@@ -9,6 +9,7 @@ const instrument_1 = require("./instrument.cjs");
|
|
|
9
9
|
const roving_1 = require("./menu/roving.cjs");
|
|
10
10
|
const MenuRow_1 = require("./MenuRow.cjs");
|
|
11
11
|
const name_1 = require("./name.cjs");
|
|
12
|
+
const dir_1 = require("../backends/gui/dir.cjs");
|
|
12
13
|
const itemsOf = (g) => (Array.isArray(g) ? g : g.items);
|
|
13
14
|
const nameOf = (g) => (Array.isArray(g) ? undefined : g.label);
|
|
14
15
|
function Row({ item, onDone, component }) {
|
|
@@ -33,5 +34,5 @@ function Account({ name, email, groups = [], theme, onSignOut, signOutLabel = 'S
|
|
|
33
34
|
const choice = items.every((it) => it.active !== undefined);
|
|
34
35
|
const rows = items.map((item) => (0, jsx_runtime_1.jsx)(Row, { item: item, onDone: onDone, component: component }, item.id));
|
|
35
36
|
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [i > 0 || shown || email ? (0, jsx_runtime_1.jsx)(Rule, {}) : null, label ? (0, jsx_runtime_1.jsx)(MenuRow_1.MenuLabel, { children: label }) : null, choice ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "group", "aria-label": label, gap: "$1", children: rows })) : (rows)] }, i));
|
|
36
|
-
}), theme != null ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Rule, {}), (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] })] })) : null, onSignOut ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Rule, {}), (0, jsx_runtime_1.jsx)(Row, { item: { id: 'sign-out', label: signOutLabel, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.LogOut, { size: 16 }), onPress: onSignOut }, onDone: onDone, component: component })] })) : null] }));
|
|
37
|
+
}), theme != null ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Rule, {}), (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] })] })) : null, onSignOut ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Rule, {}), (0, jsx_runtime_1.jsx)(Row, { item: { id: 'sign-out', label: signOutLabel, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.LogOut, { ...dir_1.mirror, size: 16 }), onPress: onSignOut }, onDone: onDone, component: component })] })) : null] }));
|
|
37
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"account.d.ts","sourceRoot":"","sources":["../../src/product/account.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"account.d.ts","sourceRoot":"","sources":["../../src/product/account.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAUrD,+EAA+E;AAC/E,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,2EAA2E;AAC3E,MAAM,MAAM,aAAa,GAAG,YAAY,EAAE,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAAA;AAKtF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;IACxB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+DAA+D;IAC/D,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,uFAAuF;IACvF,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAsBD,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAW,EAAE,KAAK,EAAE,SAAS,EAAE,YAAyB,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,YAAY,+BAuEjI"}
|
package/dist/product/account.js
CHANGED
|
@@ -6,6 +6,7 @@ import { useEmit } from './instrument.js';
|
|
|
6
6
|
import { menuKeyDown } from './menu/roving.js';
|
|
7
7
|
import { MenuLabel, MenuRow } from './MenuRow.js';
|
|
8
8
|
import { displayName } from './name.js';
|
|
9
|
+
import { mirror } from '../backends/gui/dir.js';
|
|
9
10
|
const itemsOf = (g) => (Array.isArray(g) ? g : g.items);
|
|
10
11
|
const nameOf = (g) => (Array.isArray(g) ? undefined : g.label);
|
|
11
12
|
function Row({ item, onDone, component }) {
|
|
@@ -30,6 +31,6 @@ export function Account({ name, email, groups = [], theme, onSignOut, signOutLab
|
|
|
30
31
|
const choice = items.every((it) => it.active !== undefined);
|
|
31
32
|
const rows = items.map((item) => _jsx(Row, { item: item, onDone: onDone, component: component }, item.id));
|
|
32
33
|
return (_jsxs(YStack, { gap: "$1", children: [i > 0 || shown || email ? _jsx(Rule, {}) : null, label ? _jsx(MenuLabel, { children: label }) : null, choice ? (_jsx(YStack, { role: "group", "aria-label": label, gap: "$1", children: rows })) : (rows)] }, i));
|
|
33
|
-
}), theme != null ? (_jsxs(_Fragment, { children: [_jsx(Rule, {}), _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] })] })) : null, onSignOut ? (_jsxs(_Fragment, { children: [_jsx(Rule, {}), _jsx(Row, { item: { id: 'sign-out', label: signOutLabel, icon: _jsx(LogOut, { size: 16 }), onPress: onSignOut }, onDone: onDone, component: component })] })) : null] }));
|
|
34
|
+
}), theme != null ? (_jsxs(_Fragment, { children: [_jsx(Rule, {}), _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] })] })) : null, onSignOut ? (_jsxs(_Fragment, { children: [_jsx(Rule, {}), _jsx(Row, { item: { id: 'sign-out', label: signOutLabel, icon: _jsx(LogOut, { ...mirror, size: 16 }), onPress: onSignOut }, onDone: onDone, component: component })] })) : null] }));
|
|
34
35
|
}
|
|
35
36
|
//# sourceMappingURL=account.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"account.js","sourceRoot":"","sources":["../../src/product/account.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAeZ,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"account.js","sourceRoot":"","sources":["../../src/product/account.tsx"],"names":[],"mappings":"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"}
|
|
@@ -53,6 +53,7 @@ function MenuPanel({ children, minWidth = 200, maxHeight = 360, onKeyDown, panel
|
|
|
53
53
|
}
|
|
54
54
|
// ── Item — the ONE row ──────────────────────────────────────────────────────────
|
|
55
55
|
const instrument_1 = require("../instrument.cjs");
|
|
56
|
+
const dir_1 = require("../../backends/gui/dir.cjs");
|
|
56
57
|
function MenuItemView({ icon, label, description, shortcut, selected = false, disabled = false, destructive = false, hasSubmenu = false, onSelect, }) {
|
|
57
58
|
const track = (0, instrument_1.useEmit)();
|
|
58
59
|
const choose = () => {
|
|
@@ -72,7 +73,7 @@ function MenuItemView({ icon, label, description, shortcut, selected = false, di
|
|
|
72
73
|
}
|
|
73
74
|
};
|
|
74
75
|
const labelColor = destructive ? DANGER : '$ink';
|
|
75
|
-
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { role: "menuitem", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled || undefined, items: "center", gap: ITEM_GAP, px: ITEM_PX, minH: ITEM_MIN_HEIGHT, ...(0, gesture_1.touch)(ITEM_MIN_HEIGHT, TAP_MIN, 'y'), rounded: ITEM_RADIUS, cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.4 : 1, select: "none", style: { outline: 'none' }, hoverStyle: disabled ? {} : { bg: ACCENT_SOFT }, pressStyle: disabled ? {} : { bg: ACCENT_SOFT }, focusStyle: disabled ? {} : { bg: ACCENT_SOFT }, onPress: press, onKeyDown: onKeyDown, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { width: ICON_SLOT, height: ICON_SLOT, items: "center", justify: "center", shrink: 0, children: icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", justify: "center", opacity: destructive ? 1 : 0.9, style: destructive ? { color: DANGER } : undefined, children: icon })) : null }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: FONT_LABEL, lineHeight: 18, color: labelColor, numberOfLines: 1, children: label }), description ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: FONT_MUTED, lineHeight: 14, color: "$quiet", numberOfLines: 1, children: description })) : null] }), shortcut ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: FONT_SHORTCUT, color: "$quiet", shrink: 0, children: shortcut })) : null, selected ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 14, color: ACCENT }) : null, hasSubmenu ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 14, color: "var(--hanzo-muted, currentColor)", opacity: 0.6 }) : null] }));
|
|
76
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { role: "menuitem", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled || undefined, items: "center", gap: ITEM_GAP, px: ITEM_PX, minH: ITEM_MIN_HEIGHT, ...(0, gesture_1.touch)(ITEM_MIN_HEIGHT, TAP_MIN, 'y'), rounded: ITEM_RADIUS, cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.4 : 1, select: "none", style: { outline: 'none' }, hoverStyle: disabled ? {} : { bg: ACCENT_SOFT }, pressStyle: disabled ? {} : { bg: ACCENT_SOFT }, focusStyle: disabled ? {} : { bg: ACCENT_SOFT }, onPress: press, onKeyDown: onKeyDown, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { width: ICON_SLOT, height: ICON_SLOT, items: "center", justify: "center", shrink: 0, children: icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", justify: "center", opacity: destructive ? 1 : 0.9, style: destructive ? { color: DANGER } : undefined, children: icon })) : null }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: FONT_LABEL, lineHeight: 18, color: labelColor, numberOfLines: 1, children: label }), description ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: FONT_MUTED, lineHeight: 14, color: "$quiet", numberOfLines: 1, children: description })) : null] }), shortcut ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: FONT_SHORTCUT, color: "$quiet", shrink: 0, children: shortcut })) : null, selected ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 14, color: ACCENT }) : null, hasSubmenu ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: 14, color: "var(--hanzo-muted, currentColor)", opacity: 0.6 }) : null] }));
|
|
76
77
|
}
|
|
77
78
|
// ── Separator ───────────────────────────────────────────────────────────────────
|
|
78
79
|
function MenuSeparatorView() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../../src/product/menu/items.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAcrD,eAAO,MAAM,YAAY,KAAK,CAAA;AAC9B,eAAO,MAAM,SAAS,IAAI,CAAA;AAsB1B,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kBAAkB;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,GACD;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAGlD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAc,EACd,SAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;IACtC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,+BA0BA;
|
|
1
|
+
{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../../src/product/menu/items.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAcrD,eAAO,MAAM,YAAY,KAAK,CAAA;AAC9B,eAAO,MAAM,SAAS,IAAI,CAAA;AAsB1B,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kBAAkB;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,GACD;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAGlD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAc,EACd,SAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;IACtC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,+BA0BA;AAMD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,WAAmB,EACnB,UAAkB,EAClB,QAAQ,GACT,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,eAAe,CAAC,+BAkElF;AAGD,wBAAgB,iBAAiB,gCAEhC;AAGD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAclE;AAGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,GAAG,SAAS,CAgBpF"}
|
|
@@ -45,6 +45,7 @@ export function MenuPanel({ children, minWidth = 200, maxHeight = 360, onKeyDown
|
|
|
45
45
|
}
|
|
46
46
|
// ── Item — the ONE row ──────────────────────────────────────────────────────────
|
|
47
47
|
import { labelOf, useEmit } from '../instrument.js';
|
|
48
|
+
import { mirror } from '../../backends/gui/dir.js';
|
|
48
49
|
export function MenuItemView({ icon, label, description, shortcut, selected = false, disabled = false, destructive = false, hasSubmenu = false, onSelect, }) {
|
|
49
50
|
const track = useEmit();
|
|
50
51
|
const choose = () => {
|
|
@@ -64,7 +65,7 @@ export function MenuItemView({ icon, label, description, shortcut, selected = fa
|
|
|
64
65
|
}
|
|
65
66
|
};
|
|
66
67
|
const labelColor = destructive ? DANGER : '$ink';
|
|
67
|
-
return (_jsxs(XStack, { role: "menuitem", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled || undefined, items: "center", gap: ITEM_GAP, px: ITEM_PX, minH: ITEM_MIN_HEIGHT, ...touch(ITEM_MIN_HEIGHT, TAP_MIN, 'y'), rounded: ITEM_RADIUS, cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.4 : 1, select: "none", style: { outline: 'none' }, hoverStyle: disabled ? {} : { bg: ACCENT_SOFT }, pressStyle: disabled ? {} : { bg: ACCENT_SOFT }, focusStyle: disabled ? {} : { bg: ACCENT_SOFT }, onPress: press, onKeyDown: onKeyDown, children: [_jsx(XStack, { width: ICON_SLOT, height: ICON_SLOT, items: "center", justify: "center", shrink: 0, children: icon ? (_jsx(XStack, { items: "center", justify: "center", opacity: destructive ? 1 : 0.9, style: destructive ? { color: DANGER } : undefined, children: icon })) : null }), _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(Text, { fontSize: FONT_LABEL, lineHeight: 18, color: labelColor, numberOfLines: 1, children: label }), description ? (_jsx(Text, { fontSize: FONT_MUTED, lineHeight: 14, color: "$quiet", numberOfLines: 1, children: description })) : null] }), shortcut ? (_jsx(Text, { fontSize: FONT_SHORTCUT, color: "$quiet", shrink: 0, children: shortcut })) : null, selected ? _jsx(Check, { size: 14, color: ACCENT }) : null, hasSubmenu ? _jsx(ChevronRight, { size: 14, color: "var(--hanzo-muted, currentColor)", opacity: 0.6 }) : null] }));
|
|
68
|
+
return (_jsxs(XStack, { role: "menuitem", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled || undefined, items: "center", gap: ITEM_GAP, px: ITEM_PX, minH: ITEM_MIN_HEIGHT, ...touch(ITEM_MIN_HEIGHT, TAP_MIN, 'y'), rounded: ITEM_RADIUS, cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.4 : 1, select: "none", style: { outline: 'none' }, hoverStyle: disabled ? {} : { bg: ACCENT_SOFT }, pressStyle: disabled ? {} : { bg: ACCENT_SOFT }, focusStyle: disabled ? {} : { bg: ACCENT_SOFT }, onPress: press, onKeyDown: onKeyDown, children: [_jsx(XStack, { width: ICON_SLOT, height: ICON_SLOT, items: "center", justify: "center", shrink: 0, children: icon ? (_jsx(XStack, { items: "center", justify: "center", opacity: destructive ? 1 : 0.9, style: destructive ? { color: DANGER } : undefined, children: icon })) : null }), _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(Text, { fontSize: FONT_LABEL, lineHeight: 18, color: labelColor, numberOfLines: 1, children: label }), description ? (_jsx(Text, { fontSize: FONT_MUTED, lineHeight: 14, color: "$quiet", numberOfLines: 1, children: description })) : null] }), shortcut ? (_jsx(Text, { fontSize: FONT_SHORTCUT, color: "$quiet", shrink: 0, children: shortcut })) : null, selected ? _jsx(Check, { size: 14, color: ACCENT }) : null, hasSubmenu ? _jsx(ChevronRight, { ...mirror, size: 14, color: "var(--hanzo-muted, currentColor)", opacity: 0.6 }) : null] }));
|
|
68
69
|
}
|
|
69
70
|
// ── Separator ───────────────────────────────────────────────────────────────────
|
|
70
71
|
export function MenuSeparatorView() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"items.js","sourceRoot":"","sources":["../../../src/product/menu/items.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAsBZ,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,iFAAiF;AACjF,kFAAkF;AAClF,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,OAAO,GAAG,EAAE,CAAA;AAClB,MAAM,WAAW,GAAG,CAAC,CAAA;AACrB,MAAM,OAAO,GAAG,CAAC,CAAA;AACjB,MAAM,QAAQ,GAAG,CAAC,CAAA;AAClB,MAAM,SAAS,GAAG,EAAE,CAAA;AACpB,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAA;AAC9B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAC1B,MAAM,SAAS,GAAG,CAAC,CAAA;AACnB,MAAM,UAAU,GAAG,CAAC,CAAA;AACpB,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,aAAa,GAAG,EAAE,CAAA;AAExB,8EAA8E;AAC9E,+EAA+E;AAC/E,iFAAiF;AACjF,iFAAiF;AACjF,iFAAiF;AACjF,MAAM,MAAM,GAAG,yBAAyB,CAAA;AACxC,+EAA+E;AAC/E,+EAA+E;AAC/E,8EAA8E;AAC9E,2EAA2E;AAC3E,mCAAmC;AACnC,MAAM,WAAW,GAAG,8DAA8D,CAAA;AAClF,MAAM,MAAM,GAAG,6BAA6B,CAAA;AA6B5C,iFAAiF;AACjF,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,GAAG,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EASR;IACC,OAAO,CACL,KAAC,MAAM;IACL,mFAAmF;IACnF,kFAAkF;;QADlF,mFAAmF;QACnF,kFAAkF;QAClF,GAAG,EAAE,QAAiB,EACtB,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,QAAQ,EACX,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,OAAO,EAAE,YAAY,EACrB,CAAC,EAAE,SAAS,EACZ,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,SAAS,EACf,QAAQ,EAAC,QAAQ;QACjB,qDAAqD;QACrD,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAE,EAAE,EAChB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EACtC,SAAS,EAAE,SAAkB,KACzB,IAAI,YAEP,QAAQ,GACF,CACV,CAAA;AACH,CAAC;AAED,mFAAmF;AACnF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"items.js","sourceRoot":"","sources":["../../../src/product/menu/items.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAsBZ,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,iFAAiF;AACjF,kFAAkF;AAClF,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,OAAO,GAAG,EAAE,CAAA;AAClB,MAAM,WAAW,GAAG,CAAC,CAAA;AACrB,MAAM,OAAO,GAAG,CAAC,CAAA;AACjB,MAAM,QAAQ,GAAG,CAAC,CAAA;AAClB,MAAM,SAAS,GAAG,EAAE,CAAA;AACpB,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAA;AAC9B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAC1B,MAAM,SAAS,GAAG,CAAC,CAAA;AACnB,MAAM,UAAU,GAAG,CAAC,CAAA;AACpB,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,aAAa,GAAG,EAAE,CAAA;AAExB,8EAA8E;AAC9E,+EAA+E;AAC/E,iFAAiF;AACjF,iFAAiF;AACjF,iFAAiF;AACjF,MAAM,MAAM,GAAG,yBAAyB,CAAA;AACxC,+EAA+E;AAC/E,+EAA+E;AAC/E,8EAA8E;AAC9E,2EAA2E;AAC3E,mCAAmC;AACnC,MAAM,WAAW,GAAG,8DAA8D,CAAA;AAClF,MAAM,MAAM,GAAG,6BAA6B,CAAA;AA6B5C,iFAAiF;AACjF,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,GAAG,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EASR;IACC,OAAO,CACL,KAAC,MAAM;IACL,mFAAmF;IACnF,kFAAkF;;QADlF,mFAAmF;QACnF,kFAAkF;QAClF,GAAG,EAAE,QAAiB,EACtB,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,QAAQ,EACX,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,OAAO,EAAE,YAAY,EACrB,CAAC,EAAE,SAAS,EACZ,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,SAAS,EACf,QAAQ,EAAC,QAAQ;QACjB,qDAAqD;QACrD,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAE,EAAE,EAChB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EACtC,SAAS,EAAE,SAAkB,KACzB,IAAI,YAEP,QAAQ,GACF,CACV,CAAA;AACH,CAAC;AAED,mFAAmF;AACnF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,GACyE;IACjF,MAAM,KAAK,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,KAAK,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;QACvF,QAAQ,EAAE,CAAA;IACZ,CAAC,CAAA;IACD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,CAAC,QAAQ;YAAE,MAAM,EAAE,CAAA;IACzB,CAAC,CAAA;IACD,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACrC,IAAI,QAAQ;YAAE,OAAM;QACpB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IAChD,OAAO,CACL,MAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACZ,QAAQ,IAAI,SAAS,EACpC,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,eAAe,KACjB,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,GAAG,CAAC,EACxC,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACxC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAC3B,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,WAAoB,EAAE,EACxD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,WAAoB,EAAE,EACxD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,WAAoB,EAAE,EACxD,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,SAAkB,aAE7B,KAAC,MAAM,IAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAE,CAAC,YACnF,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YACvH,IAAI,GACE,CACV,CAAC,CAAC,CAAC,IAAI,GACD,EAET,MAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,aACtB,KAAC,IAAI,IAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,UAAmB,EAAE,aAAa,EAAE,CAAC,YACrF,KAAK,GACD,EACN,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,KAAK,EAAC,QAAQ,EAAC,aAAa,EAAE,CAAC,YACxE,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACD,EAER,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAE,CAAC,YACpD,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,EACpD,UAAU,CAAC,CAAC,CAAC,KAAC,YAAY,OAAK,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,kCAAkC,EAAC,OAAO,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,IAAI,IAC3G,CACV,CAAA;AACH,CAAC;AAED,mFAAmF;AACnF,MAAM,UAAU,iBAAiB;IAC/B,OAAO,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAC,cAAc,EAAC,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAC,WAAW,GAAG,CAAA;AACjG,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAA2B;IACjE,OAAO,CACL,KAAC,IAAI,IACH,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAC,QAAQ,EACd,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,UAAU,EACd,aAAa,EAAC,WAAW,EACzB,aAAa,EAAE,GAAG,EAClB,MAAM,EAAC,MAAM,YAEZ,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,KAAkB;IACvE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,EAAE,CAAC,IAAI,KAAK,WAAW;YAAE,OAAO,KAAC,iBAAiB,MAAM,EAAE,CAAC,GAAG,IAAI,OAAO,CAAC,EAAE,CAAI,CAAA;QACpF,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO;YAAE,OAAO,KAAC,aAAa,cAA6B,EAAE,CAAC,KAAK,IAA/B,EAAE,CAAC,GAAG,IAAI,OAAO,CAAC,EAAE,CAA4B,CAAA;QACpG,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAA;QAC3D,OAAO,CACL,KAAC,YAAY,OAEP,IAAI,EACR,QAAQ,EAAE,GAAG,EAAE;gBACb,QAAQ,EAAE,CAAA;gBACV,IAAI,aAAa;oBAAE,KAAK,EAAE,EAAE,CAAA;YAC9B,CAAC,IALI,GAAG,CAMR,CACH,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC"}
|