@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
|
@@ -53,6 +53,7 @@ import { Grip } from '../backends/gui/grip.js';
|
|
|
53
53
|
import { useSpan } from '../backends/gui/span.js';
|
|
54
54
|
import { useDensity } from '../backends/gui/density.js';
|
|
55
55
|
import { slot } from '../backends/gui/slot.js';
|
|
56
|
+
import { mirror } from '../backends/gui/dir.js';
|
|
56
57
|
const Ctx = /* @__PURE__ */ createContext(null);
|
|
57
58
|
/** The page being drawn, for the bar a bare page composes. */
|
|
58
59
|
const PageCtx = /* @__PURE__ */ createContext(null);
|
|
@@ -86,7 +87,7 @@ export function DetailPane({ children, zIndex, mode = 'overlay', store = 'hanzo.
|
|
|
86
87
|
const page = desc ? (_jsx(PageCtx.Provider, { value: desc, children: record || desc.bare ? _jsx(RecordPage, { desc: desc }) : _jsx(SheetPage, { desc: desc, close: close }) })) : null;
|
|
87
88
|
if (docked)
|
|
88
89
|
return (_jsx(Ctx.Provider, { value: api, children: _jsxs(XStack, { ...slot('detail-pane-row'), flex: 1, minW: 0, minH: 0, self: "stretch", children: [_jsx(YStack, { flex: 1, minW: 0, minH: 0, children: children }), _jsx(Dock, { open: isOpen, title: title, store: store, onClose: close, onExpand: desc?.onExpand, children: page })] }) }));
|
|
89
|
-
return (_jsxs(Ctx.Provider, { value: api, children: [children, _jsx(SlideOver, { open: isOpen, onClose: close, side: "
|
|
90
|
+
return (_jsxs(Ctx.Provider, { value: api, children: [children, _jsx(SlideOver, { open: isOpen, onClose: close, side: "end", size: desc?.size ?? (record ? PANE.w : 460), ariaLabel: title, zIndex: zIndex, children: record && desc ? (_jsx(YStack, { flex: 1, minH: 0, bg: "$background", onKeyDown: expandKey(desc.onExpand), children: page })) : (page) })] }));
|
|
90
91
|
}
|
|
91
92
|
/** ⌘/Ctrl+Enter runs `onExpand`, from anywhere inside the pane. */
|
|
92
93
|
const expandKey = (onExpand) => (e) => {
|
|
@@ -132,7 +133,7 @@ function Dock({ open, title, store, onClose, onExpand, children, }) {
|
|
|
132
133
|
...span.style,
|
|
133
134
|
width: open ? 'var(--span)' : 0,
|
|
134
135
|
transition: 'width var(--duration-base, 300ms) var(--ease-out, ease)',
|
|
135
|
-
}, children: [_jsx(YStack, { width: "var(--span)", flex: 1, minH: 0, bg: "$background",
|
|
136
|
+
}, children: [_jsx(YStack, { width: "var(--span)", flex: 1, minH: 0, bg: "$background", borderInlineStartWidth: 1, borderColor: "$borderColor", children: children }), open ? (_jsx(Grip, { side: "end", span: span.span, floor: PANE.min, ceil: PANE.max, reset: PANE.w, bar: "edge", label: "Resize side panel", onSpan: span.move, onKeep: span.keep, onShut: onClose })) : null] }));
|
|
136
137
|
}
|
|
137
138
|
/** The record frame of one page: the bar, the scrolling body, the footer. */
|
|
138
139
|
function RecordPage({ desc }) {
|
|
@@ -145,7 +146,7 @@ function RecordPage({ desc }) {
|
|
|
145
146
|
function SheetPage({ desc, close }) {
|
|
146
147
|
const Icon = desc.icon;
|
|
147
148
|
const pane = useContext(Ctx);
|
|
148
|
-
return (_jsxs(_Fragment, { children: [_jsxs(XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [pane && pane.depth > 1 ? (_jsx(GuiButton, { size: "$2", chromeless: true, icon: _jsx(ChevronLeft, { size: 18 }), onPress: pane.back, "aria-label": "Back" })) : null, Icon ? _jsx(Icon, { size: 18, color: desc.iconColor ? asColor(desc.iconColor) : undefined }) : null, _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(Text, { fontSize: "$5", fontWeight: "700", color: "$color12", numberOfLines: 1, children: desc.title }), desc.subtitle !== undefined ? (_jsx(Text, { fontSize: "$2", color: "$color10", numberOfLines: 1, children: desc.subtitle })) : null] }), _jsx(GuiButton, { size: "$2", chromeless: true, icon: _jsx(X, { size: 18 }), onPress: close, "aria-label": "Close" })] }), _jsx(ScrollView, { flex: 1, minH: 0, children: _jsx(YStack, { p: "$4", gap: "$3", children: desc.content }) }), desc.footer !== undefined ? (_jsx(XStack, { px: "$4", py: "$3", gap: "$2", borderTopWidth: 1, borderColor: "$borderColor", bg: "$color1", children: desc.footer })) : null] }));
|
|
149
|
+
return (_jsxs(_Fragment, { children: [_jsxs(XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [pane && pane.depth > 1 ? (_jsx(GuiButton, { size: "$2", chromeless: true, icon: _jsx(ChevronLeft, { ...mirror, size: 18 }), onPress: pane.back, "aria-label": "Back" })) : null, Icon ? _jsx(Icon, { size: 18, color: desc.iconColor ? asColor(desc.iconColor) : undefined }) : null, _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(Text, { fontSize: "$5", fontWeight: "700", color: "$color12", numberOfLines: 1, children: desc.title }), desc.subtitle !== undefined ? (_jsx(Text, { fontSize: "$2", color: "$color10", numberOfLines: 1, children: desc.subtitle })) : null] }), _jsx(GuiButton, { size: "$2", chromeless: true, icon: _jsx(X, { size: 18 }), onPress: close, "aria-label": "Close" })] }), _jsx(ScrollView, { flex: 1, minH: 0, children: _jsx(YStack, { p: "$4", gap: "$3", children: desc.content }) }), desc.footer !== undefined ? (_jsx(XStack, { px: "$4", py: "$3", gap: "$2", borderTopWidth: 1, borderColor: "$borderColor", bg: "$color1", children: desc.footer })) : null] }));
|
|
149
150
|
}
|
|
150
151
|
/**
|
|
151
152
|
* The record frame's top bar: 48 high on the panel ground, a hairline under
|
|
@@ -158,7 +159,7 @@ export function PaneBar({ children, actions }) {
|
|
|
158
159
|
const pane = useContext(Ctx);
|
|
159
160
|
const page = useContext(PageCtx);
|
|
160
161
|
const expand = page?.onExpand;
|
|
161
|
-
return (_jsxs(XStack, { ...slot('pane-bar'), height: PANE.bar, shrink: 0, items: "center", justify: "space-between", gap: "$4", px: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsxs(XStack, { flex: 1, minW: 0, items: "center", gap: "$1", children: [pane && pane.depth > 1 ? (_jsx(Tool, { tip: "Back", onPress: pane.back, children: _jsx(ChevronLeft, {}) })) : null, children] }), _jsxs(XStack, { shrink: 0, items: "center", gap: "$1", children: [actions, expand ? (_jsx(Tool, { tip: page?.expandLabel ?? 'Open', onPress: expand, children: _jsx(Maximize2, {}) })) : null, pane ? (_jsx(Tool, { tip: "Close side panel", onPress: pane.close, children: _jsx(X, {}) })) : null] })] }));
|
|
162
|
+
return (_jsxs(XStack, { ...slot('pane-bar'), height: PANE.bar, shrink: 0, items: "center", justify: "space-between", gap: "$4", px: "$2", bg: "$panel", borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsxs(XStack, { flex: 1, minW: 0, items: "center", gap: "$1", children: [pane && pane.depth > 1 ? (_jsx(Tool, { tip: "Back", onPress: pane.back, children: _jsx(ChevronLeft, { ...mirror }) })) : null, children] }), _jsxs(XStack, { shrink: 0, items: "center", gap: "$1", children: [actions, expand ? (_jsx(Tool, { tip: page?.expandLabel ?? 'Open', onPress: expand, children: _jsx(Maximize2, {}) })) : null, pane ? (_jsx(Tool, { tip: "Close side panel", onPress: pane.close, children: _jsx(X, {}) })) : null] })] }));
|
|
162
163
|
}
|
|
163
164
|
/**
|
|
164
165
|
* The bar's quiet 24px icon button, named by its tooltip. The tooltip's trigger
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailPane.js","sourceRoot":"","sources":["../../src/product/DetailPane.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DetailPane.js","sourceRoot":"","sources":["../../src/product/DetailPane.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,9 +12,10 @@ function openHref(href) {
|
|
|
12
12
|
window.open(href, '_blank', 'noopener');
|
|
13
13
|
}
|
|
14
14
|
const instrument_1 = require("./instrument.cjs");
|
|
15
|
+
const dir_1 = require("../backends/gui/dir.cjs");
|
|
15
16
|
function EmptyState({ icon: Icon, title, description, bullets, primary, secondary, }) {
|
|
16
17
|
const track = (0, instrument_1.useEmit)();
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)(gui_1.Card, { borderWidth: 1, borderColor: "$borderColor", borderStyle: "dashed", p: "$6", gap: "$4", items: "center", maxWidth: 640, self: "center", width: "100%", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 48, height: 48, items: "center", justify: "center", rounded: "$4", bg: "$hover", children: (0, jsx_runtime_1.jsx)(Icon, { size: 24 }) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", items: "center", maxW: 480, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$6", fontWeight: "500", text: "center", letterSpacing: -0.3, children: title }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$quiet", text: "center", children: description })] }), bullets && bullets.length ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2", self: "stretch", maxW: 420, mx: "auto", children: bullets.map((b) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "flex-start", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$1", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 14, color: "$soft" }) }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$quiet", flex: 1, children: b })] }, b))) })) : null, primary || secondary ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", flexWrap: "wrap", justify: "center", children: [primary ? ((0, jsx_runtime_1.jsx)(PrimaryButton_1.PrimaryButton, { icon: primary.icon, iconAfter: primary.href ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ExternalLink, { size: 16 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ArrowRight, { size: 16 }), onPress: () => {
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.Card, { borderWidth: 1, borderColor: "$borderColor", borderStyle: "dashed", p: "$6", gap: "$4", items: "center", maxWidth: 640, self: "center", width: "100%", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 48, height: 48, items: "center", justify: "center", rounded: "$4", bg: "$hover", children: (0, jsx_runtime_1.jsx)(Icon, { size: 24 }) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", items: "center", maxW: 480, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$6", fontWeight: "500", text: "center", letterSpacing: -0.3, children: title }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$quiet", text: "center", children: description })] }), bullets && bullets.length ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2", self: "stretch", maxW: 420, mx: "auto", children: bullets.map((b) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "flex-start", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$1", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 14, color: "$soft" }) }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$quiet", flex: 1, children: b })] }, b))) })) : null, primary || secondary ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", flexWrap: "wrap", justify: "center", children: [primary ? ((0, jsx_runtime_1.jsx)(PrimaryButton_1.PrimaryButton, { icon: primary.icon, iconAfter: primary.href ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ExternalLink, { size: 16 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ArrowRight, { ...dir_1.mirror, size: 16 }), onPress: () => {
|
|
18
19
|
track({ component: 'EmptyState', action: 'click', id: title, value: primary.label });
|
|
19
20
|
if (primary.href)
|
|
20
21
|
openHref(primary.href);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/product/EmptyState.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAA;AAIpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC,+EAA+E;AAC/E,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/product/EmptyState.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAA;AAIpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC,+EAA+E;AAC/E,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAUD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE;IACD,oFAAoF;IACpF,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,mEAAmE;IACnE,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,mEAAmE;IACnE,SAAS,CAAC,EAAE,WAAW,CAAA;CACxB,+BAkFA"}
|
|
@@ -9,9 +9,10 @@ function openHref(href) {
|
|
|
9
9
|
window.open(href, '_blank', 'noopener');
|
|
10
10
|
}
|
|
11
11
|
import { useEmit } from './instrument.js';
|
|
12
|
+
import { mirror } from '../backends/gui/dir.js';
|
|
12
13
|
export function EmptyState({ icon: Icon, title, description, bullets, primary, secondary, }) {
|
|
13
14
|
const track = useEmit();
|
|
14
|
-
return (_jsxs(Card, { borderWidth: 1, borderColor: "$borderColor", borderStyle: "dashed", p: "$6", gap: "$4", items: "center", maxWidth: 640, self: "center", width: "100%", children: [_jsx(YStack, { width: 48, height: 48, items: "center", justify: "center", rounded: "$4", bg: "$hover", children: _jsx(Icon, { size: 24 }) }), _jsxs(YStack, { gap: "$2", items: "center", maxW: 480, children: [_jsx(Text, { fontSize: "$6", fontWeight: "500", text: "center", letterSpacing: -0.3, children: title }), _jsx(Text, { fontSize: "$3", color: "$quiet", text: "center", children: description })] }), bullets && bullets.length ? (_jsx(YStack, { gap: "$2", self: "stretch", maxW: 420, mx: "auto", children: bullets.map((b) => (_jsxs(XStack, { gap: "$2", items: "flex-start", children: [_jsx(YStack, { pt: "$1", children: _jsx(Check, { size: 14, color: "$soft" }) }), _jsx(Text, { fontSize: "$3", color: "$quiet", flex: 1, children: b })] }, b))) })) : null, primary || secondary ? (_jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", justify: "center", children: [primary ? (_jsx(PrimaryButton, { icon: primary.icon, iconAfter: primary.href ? _jsx(ExternalLink, { size: 16 }) : _jsx(ArrowRight, { size: 16 }), onPress: () => {
|
|
15
|
+
return (_jsxs(Card, { borderWidth: 1, borderColor: "$borderColor", borderStyle: "dashed", p: "$6", gap: "$4", items: "center", maxWidth: 640, self: "center", width: "100%", children: [_jsx(YStack, { width: 48, height: 48, items: "center", justify: "center", rounded: "$4", bg: "$hover", children: _jsx(Icon, { size: 24 }) }), _jsxs(YStack, { gap: "$2", items: "center", maxW: 480, children: [_jsx(Text, { fontSize: "$6", fontWeight: "500", text: "center", letterSpacing: -0.3, children: title }), _jsx(Text, { fontSize: "$3", color: "$quiet", text: "center", children: description })] }), bullets && bullets.length ? (_jsx(YStack, { gap: "$2", self: "stretch", maxW: 420, mx: "auto", children: bullets.map((b) => (_jsxs(XStack, { gap: "$2", items: "flex-start", children: [_jsx(YStack, { pt: "$1", children: _jsx(Check, { size: 14, color: "$soft" }) }), _jsx(Text, { fontSize: "$3", color: "$quiet", flex: 1, children: b })] }, b))) })) : null, primary || secondary ? (_jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", justify: "center", children: [primary ? (_jsx(PrimaryButton, { icon: primary.icon, iconAfter: primary.href ? _jsx(ExternalLink, { size: 16 }) : _jsx(ArrowRight, { ...mirror, size: 16 }), onPress: () => {
|
|
15
16
|
track({ component: 'EmptyState', action: 'click', id: title, value: primary.label });
|
|
16
17
|
if (primary.href)
|
|
17
18
|
openHref(primary.href);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/product/EmptyState.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAgBZ,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,sEAAsE;AACtE,SAAS,QAAQ,CAAC,IAAY;IAC5B,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAA;AAC5E,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/product/EmptyState.tsx"],"names":[],"mappings":"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"}
|
package/dist/product/Filters.cjs
CHANGED
|
@@ -10,6 +10,7 @@ const input_1 = require("../backends/gui/input.cjs");
|
|
|
10
10
|
const input_group_1 = require("../backends/gui/input-group.cjs");
|
|
11
11
|
const density_1 = require("../backends/gui/density.cjs");
|
|
12
12
|
const instrument_1 = require("./instrument.cjs");
|
|
13
|
+
const dir_1 = require("../backends/gui/dir.cjs");
|
|
13
14
|
/** The two heights of the track and the inset that holds its thumb off the edge. */
|
|
14
15
|
const TRACK = { md: { h: 32, p: 3, item: 24 }, sm: { h: 24, p: 1, item: 20 } };
|
|
15
16
|
/**
|
|
@@ -34,7 +35,8 @@ function Segmented({ options, value, onChange, size = '$2', name, variant = 'row
|
|
|
34
35
|
// roving focus moves the focus; this moves the value with it).
|
|
35
36
|
const live = options.filter((o) => !o.disabled);
|
|
36
37
|
const onKeyDown = (e) => {
|
|
37
|
-
const
|
|
38
|
+
const key = (0, dir_1.along)(e);
|
|
39
|
+
const by = key === 'ArrowRight' || key === 'ArrowDown' ? 1 : key === 'ArrowLeft' || key === 'ArrowUp' ? -1 : 0;
|
|
38
40
|
if (!by || disabled || live.length === 0)
|
|
39
41
|
return;
|
|
40
42
|
const at = live.findIndex((o) => o.value === value);
|
|
@@ -49,7 +51,11 @@ function Segmented({ options, value, onChange, size = '$2', name, variant = 'row
|
|
|
49
51
|
// No `unstyled` on the root: gui's ToggleGroup root does not consume it
|
|
50
52
|
// and it reached the DOM as an attribute. Every style it would reset is
|
|
51
53
|
// stated below.
|
|
52
|
-
display: "inline-flex", self: "flex-start", flexDirection: "row", items: "center", gap: "$0.5", height: box.h,
|
|
54
|
+
display: "inline-flex", self: "flex-start", flexDirection: "row", items: "center", gap: "$0.5", height: box.h,
|
|
55
|
+
// Under a finger design's base sheet lifts every button, a segment
|
|
56
|
+
// included, to the 44px floor; the track grows with its items rather
|
|
57
|
+
// than letting them hang out of it.
|
|
58
|
+
$touchable: { height: 'auto' }, p: box.p, rounded: "$10", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", opacity: disabled ? 0.5 : 1, ...{ onKeyDown }, children: options.map((o) => {
|
|
53
59
|
const on = o.value === value;
|
|
54
60
|
const iconOnly = !!o.icon && !o.label;
|
|
55
61
|
return ((0, jsx_runtime_1.jsxs)(gui_1.ToggleGroup.Item, { "data-slot": "segmented-item", value: o.value, role: "radio", "aria-checked": on, "aria-label": o['aria-label'], disabled: disabled || o.disabled, "data-state": on ? 'checked' : 'unchecked', unstyled: true, flexDirection: "row", items: "center", justify: "center", gap: "$1", height: box.item, minW: box.item, px: iconOnly ? 0 : '$2', ...(itemWidth === 'equal' ? { flex: 1, flexBasis: 0 } : null), rounded: "$10", borderWidth: 0, bg: on ? '$raised' : 'transparent', cursor: o.disabled ? 'not-allowed' : 'pointer', hoverStyle: { bg: on ? '$raised' : '$hover' }, children: [o.icon ?? null, o.label ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", fontWeight: "500", color: on ? '$ink' : '$aside', numberOfLines: 1, children: o.label })) : null] }, o.value));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../src/product/Filters.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,MAAM,EAA+C,MAAM,YAAY,CAAA;AAMhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../src/product/Filters.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,MAAM,EAA+C,MAAM,YAAY,CAAA;AAMhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAKxD,uGAAuG;AACvG,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,IAAI;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,CAAC,CAAA;IACR,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAKD;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,EAC1C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,IAAI,EACJ,OAAe,EACf,SAAgB,EAChB,SAAmB,EACnB,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5C,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,+BAkHA;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,+BA8BA"}
|
package/dist/product/Filters.js
CHANGED
|
@@ -6,6 +6,7 @@ import { Input } from '../backends/gui/input.js';
|
|
|
6
6
|
import { InputGroup } from '../backends/gui/input-group.js';
|
|
7
7
|
import { useDensity } from '../backends/gui/density.js';
|
|
8
8
|
import { textSize, useEmit } from './instrument.js';
|
|
9
|
+
import { along } from '../backends/gui/dir.js';
|
|
9
10
|
/** The two heights of the track and the inset that holds its thumb off the edge. */
|
|
10
11
|
const TRACK = { md: { h: 32, p: 3, item: 24 }, sm: { h: 24, p: 1, item: 20 } };
|
|
11
12
|
/**
|
|
@@ -30,7 +31,8 @@ export function Segmented({ options, value, onChange, size = '$2', name, variant
|
|
|
30
31
|
// roving focus moves the focus; this moves the value with it).
|
|
31
32
|
const live = options.filter((o) => !o.disabled);
|
|
32
33
|
const onKeyDown = (e) => {
|
|
33
|
-
const
|
|
34
|
+
const key = along(e);
|
|
35
|
+
const by = key === 'ArrowRight' || key === 'ArrowDown' ? 1 : key === 'ArrowLeft' || key === 'ArrowUp' ? -1 : 0;
|
|
34
36
|
if (!by || disabled || live.length === 0)
|
|
35
37
|
return;
|
|
36
38
|
const at = live.findIndex((o) => o.value === value);
|
|
@@ -45,7 +47,11 @@ export function Segmented({ options, value, onChange, size = '$2', name, variant
|
|
|
45
47
|
// No `unstyled` on the root: gui's ToggleGroup root does not consume it
|
|
46
48
|
// and it reached the DOM as an attribute. Every style it would reset is
|
|
47
49
|
// stated below.
|
|
48
|
-
display: "inline-flex", self: "flex-start", flexDirection: "row", items: "center", gap: "$0.5", height: box.h,
|
|
50
|
+
display: "inline-flex", self: "flex-start", flexDirection: "row", items: "center", gap: "$0.5", height: box.h,
|
|
51
|
+
// Under a finger design's base sheet lifts every button, a segment
|
|
52
|
+
// included, to the 44px floor; the track grows with its items rather
|
|
53
|
+
// than letting them hang out of it.
|
|
54
|
+
$touchable: { height: 'auto' }, p: box.p, rounded: "$10", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", opacity: disabled ? 0.5 : 1, ...{ onKeyDown }, children: options.map((o) => {
|
|
49
55
|
const on = o.value === value;
|
|
50
56
|
const iconOnly = !!o.icon && !o.label;
|
|
51
57
|
return (_jsxs(GuiToggleGroup.Item, { "data-slot": "segmented-item", value: o.value, role: "radio", "aria-checked": on, "aria-label": o['aria-label'], disabled: disabled || o.disabled, "data-state": on ? 'checked' : 'unchecked', unstyled: true, flexDirection: "row", items: "center", justify: "center", gap: "$1", height: box.item, minW: box.item, px: iconOnly ? 0 : '$2', ...(itemWidth === 'equal' ? { flex: 1, flexBasis: 0 } : null), rounded: "$10", borderWidth: 0, bg: on ? '$raised' : 'transparent', cursor: o.disabled ? 'not-allowed' : 'pointer', hoverStyle: { bg: on ? '$raised' : '$hover' }, children: [o.icon ?? null, o.label ? (_jsx(Text, { fontSize: "$2", fontWeight: "500", color: on ? '$ink' : '$aside', numberOfLines: 1, children: o.label })) : null] }, o.value));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filters.js","sourceRoot":"","sources":["../../src/product/Filters.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAGpD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"Filters.js","sourceRoot":"","sources":["../../src/product/Filters.tsx"],"names":[],"mappings":"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"}
|
package/dist/product/MenuRow.cjs
CHANGED
|
@@ -50,6 +50,7 @@ const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
|
|
|
50
50
|
const press_1 = require("../backends/gui/press.cjs");
|
|
51
51
|
const shortcut_1 = require("../backends/gui/shortcut.cjs");
|
|
52
52
|
const gesture_1 = require("../backends/gui/gesture.cjs");
|
|
53
|
+
const dir_1 = require("../backends/gui/dir.cjs");
|
|
53
54
|
/** The record row's geometry, shared with DropdownMenu so a menu and a list are one row. */
|
|
54
55
|
exports.MENU_ROW = { h: 32, px: 4, gap: 8, icon: 16, chevron: 14, well: 4 };
|
|
55
56
|
/** The label's ink. The sheet row keeps the red it was drawn with; the record row reads the error state. */
|
|
@@ -68,8 +69,8 @@ function MenuRowContent({ label, sub, contextual, contextualPosition = 'left', d
|
|
|
68
69
|
const lead = dot ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 8, height: 8, rounded: "$10", bg: dot }) : icon;
|
|
69
70
|
const swap = grip === 'onHover' && hovered;
|
|
70
71
|
const leading = grip === 'always' || swap ? ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.GripVertical, { size: exports.MENU_ROW.icon, color: "$hush" })) : lead && iconContainer ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { p: exports.MENU_ROW.well, rounded: "$xs", bg: "$hover", items: "center", justify: "center", shrink: 0, children: lead })) : (lead);
|
|
71
|
-
const dim = contextual != null && contextual !== '' ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$hint", numberOfLines: 1,
|
|
72
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [grip !== 'never' ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, items: "center", justify: "center", minW: exports.MENU_ROW.icon, children: leading })) : (leading ?? null), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", minW: 0, children: [typeof label === 'string' || typeof label === 'number' ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: labelColor(tone, quiet), numberOfLines: 1, shrink: 1, children: label })) : (label), contextualPosition === 'left' ? dim : null] }), sub ? (typeof sub === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: subColor, numberOfLines: 1, children: sub })) : (sub)) : null] }), contextualPosition === 'right' ? dim : null, shortcut != null ? (0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, children: keys(shortcut) }) : null, check ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: exports.MENU_ROW.icon, strokeWidth: 2 }) : null, submenu ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, animation: "quick", rotate: submenu === 'open' ? '90deg' : '0deg', ...{ 'data-open': submenu === 'open' ? '' : undefined }, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: exports.MENU_ROW.chevron, color: "$hush" }) })) : null] }));
|
|
72
|
+
const dim = contextual != null && contextual !== '' ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$hint", numberOfLines: 1, paddingInlineStart: 4, shrink: 1, children: contextual })) : null;
|
|
73
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [grip !== 'never' ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, items: "center", justify: "center", minW: exports.MENU_ROW.icon, children: leading })) : (leading ?? null), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", minW: 0, children: [typeof label === 'string' || typeof label === 'number' ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: labelColor(tone, quiet), numberOfLines: 1, shrink: 1, children: label })) : (label), contextualPosition === 'left' ? dim : null] }), sub ? (typeof sub === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: subColor, numberOfLines: 1, children: sub })) : (sub)) : null] }), contextualPosition === 'right' ? dim : null, shortcut != null ? (0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, children: keys(shortcut) }) : null, check ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: exports.MENU_ROW.icon, strokeWidth: 2 }) : null, submenu ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, animation: "quick", rotate: submenu === 'open' ? '90deg' : '0deg', ...{ 'data-open': submenu === 'open' ? '' : undefined }, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: exports.MENU_ROW.chevron, color: "$hush" }) })) : null] }));
|
|
73
74
|
}
|
|
74
75
|
function MenuRow({ label, sub, dot, icon, active, danger, placeholder, focused = false, disabled = false, actions, actionsVisibility = 'hover', variant = 'default', selected = false, size = 'default', onPress, ...content }) {
|
|
75
76
|
const selectable = active !== undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuRow.d.ts","sourceRoot":"","sources":["../../src/product/MenuRow.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKhD,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"MenuRow.d.ts","sourceRoot":"","sources":["../../src/product/MenuRow.tsx"],"names":[],"mappings":"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"}
|
package/dist/product/MenuRow.js
CHANGED
|
@@ -43,6 +43,7 @@ import { Check, ChevronRight, GripVertical } from '@hanzogui/lucide-icons-2';
|
|
|
43
43
|
import { press, RING } from '../backends/gui/press.js';
|
|
44
44
|
import { Shortcut } from '../backends/gui/shortcut.js';
|
|
45
45
|
import { touch } from '../backends/gui/gesture.js';
|
|
46
|
+
import { mirror } from '../backends/gui/dir.js';
|
|
46
47
|
/** The record row's geometry, shared with DropdownMenu so a menu and a list are one row. */
|
|
47
48
|
export const MENU_ROW = { h: 32, px: 4, gap: 8, icon: 16, chevron: 14, well: 4 };
|
|
48
49
|
/** The label's ink. The sheet row keeps the red it was drawn with; the record row reads the error state. */
|
|
@@ -61,8 +62,8 @@ export function MenuRowContent({ label, sub, contextual, contextualPosition = 'l
|
|
|
61
62
|
const lead = dot ? _jsx(YStack, { width: 8, height: 8, rounded: "$10", bg: dot }) : icon;
|
|
62
63
|
const swap = grip === 'onHover' && hovered;
|
|
63
64
|
const leading = grip === 'always' || swap ? (_jsx(GripVertical, { size: MENU_ROW.icon, color: "$hush" })) : lead && iconContainer ? (_jsx(XStack, { p: MENU_ROW.well, rounded: "$xs", bg: "$hover", items: "center", justify: "center", shrink: 0, children: lead })) : (lead);
|
|
64
|
-
const dim = contextual != null && contextual !== '' ? (_jsx(Text, { fontSize: "$2", color: "$hint", numberOfLines: 1,
|
|
65
|
-
return (_jsxs(_Fragment, { children: [grip !== 'never' ? (_jsx(XStack, { shrink: 0, items: "center", justify: "center", minW: MENU_ROW.icon, children: leading })) : (leading ?? null), _jsxs(YStack, { flex: 1, minW: 0, children: [_jsxs(XStack, { items: "center", minW: 0, children: [typeof label === 'string' || typeof label === 'number' ? (_jsx(Text, { fontSize: "$2", color: labelColor(tone, quiet), numberOfLines: 1, shrink: 1, children: label })) : (label), contextualPosition === 'left' ? dim : null] }), sub ? (typeof sub === 'string' ? (_jsx(Text, { fontSize: "$1", color: subColor, numberOfLines: 1, children: sub })) : (sub)) : null] }), contextualPosition === 'right' ? dim : null, shortcut != null ? _jsx(XStack, { shrink: 0, children: keys(shortcut) }) : null, check ? _jsx(Check, { size: MENU_ROW.icon, strokeWidth: 2 }) : null, submenu ? (_jsx(XStack, { shrink: 0, animation: "quick", rotate: submenu === 'open' ? '90deg' : '0deg', ...{ 'data-open': submenu === 'open' ? '' : undefined }, children: _jsx(ChevronRight, { size: MENU_ROW.chevron, color: "$hush" }) })) : null] }));
|
|
65
|
+
const dim = contextual != null && contextual !== '' ? (_jsx(Text, { fontSize: "$2", color: "$hint", numberOfLines: 1, paddingInlineStart: 4, shrink: 1, children: contextual })) : null;
|
|
66
|
+
return (_jsxs(_Fragment, { children: [grip !== 'never' ? (_jsx(XStack, { shrink: 0, items: "center", justify: "center", minW: MENU_ROW.icon, children: leading })) : (leading ?? null), _jsxs(YStack, { flex: 1, minW: 0, children: [_jsxs(XStack, { items: "center", minW: 0, children: [typeof label === 'string' || typeof label === 'number' ? (_jsx(Text, { fontSize: "$2", color: labelColor(tone, quiet), numberOfLines: 1, shrink: 1, children: label })) : (label), contextualPosition === 'left' ? dim : null] }), sub ? (typeof sub === 'string' ? (_jsx(Text, { fontSize: "$1", color: subColor, numberOfLines: 1, children: sub })) : (sub)) : null] }), contextualPosition === 'right' ? dim : null, shortcut != null ? _jsx(XStack, { shrink: 0, children: keys(shortcut) }) : null, check ? _jsx(Check, { size: MENU_ROW.icon, strokeWidth: 2 }) : null, submenu ? (_jsx(XStack, { shrink: 0, animation: "quick", rotate: submenu === 'open' ? '90deg' : '0deg', ...{ 'data-open': submenu === 'open' ? '' : undefined }, children: _jsx(ChevronRight, { ...mirror, size: MENU_ROW.chevron, color: "$hush" }) })) : null] }));
|
|
66
67
|
}
|
|
67
68
|
export function MenuRow({ label, sub, dot, icon, active, danger, placeholder, focused = false, disabled = false, actions, actionsVisibility = 'hover', variant = 'default', selected = false, size = 'default', onPress, ...content }) {
|
|
68
69
|
const selectable = active !== undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuRow.js","sourceRoot":"","sources":["../../src/product/MenuRow.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5E,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAqB,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"MenuRow.js","sourceRoot":"","sources":["../../src/product/MenuRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,7 @@ const instrument_1 = require("./instrument.cjs");
|
|
|
18
18
|
const pages_1 = require("./pages.cjs");
|
|
19
19
|
Object.defineProperty(exports, "GAP", { enumerable: true, get: function () { return pages_1.GAP; } });
|
|
20
20
|
Object.defineProperty(exports, "pages", { enumerable: true, get: function () { return pages_1.pages; } });
|
|
21
|
+
const dir_1 = require("../backends/gui/dir.cjs");
|
|
21
22
|
function Pagination({ page, count, onChange, around = 1 }) {
|
|
22
23
|
const track = (0, instrument_1.useEmit)();
|
|
23
24
|
if (count <= 1)
|
|
@@ -28,5 +29,5 @@ function Pagination({ page, count, onChange, around = 1 }) {
|
|
|
28
29
|
track({ component: 'Pagination', action: 'select', value: to });
|
|
29
30
|
onChange(to);
|
|
30
31
|
};
|
|
31
|
-
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "center", gap: "$1", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronLeft, { size: 16 }), onPress: () => go(page - 1), disabled: page <= 1, "aria-label": "Previous page" }), (0, pages_1.pages)(page, count, around).map((slot, i) => slot === pages_1.GAP ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { px: "$1.5", fontSize: "$2", color: "$soft", "aria-hidden": true, children: pages_1.GAP }, `gap-${i}`)) : ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: slot !== page, onPress: () => go(slot), "aria-label": `Page ${slot}`, "aria-current": slot === page ? 'page' : undefined, bg: slot === page ? '$edge' : undefined, children: String(slot) }, slot))), (0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 16 }), onPress: () => go(page + 1), disabled: page >= count, "aria-label": "Next page" })] }));
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "center", gap: "$1", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronLeft, { ...dir_1.mirror, size: 16 }), onPress: () => go(page - 1), disabled: page <= 1, "aria-label": "Previous page" }), (0, pages_1.pages)(page, count, around).map((slot, i) => slot === pages_1.GAP ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { px: "$1.5", fontSize: "$2", color: "$soft", "aria-hidden": true, children: pages_1.GAP }, `gap-${i}`)) : ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: slot !== page, onPress: () => go(slot), "aria-label": `Page ${slot}`, "aria-current": slot === page ? 'page' : undefined, bg: slot === page ? '$edge' : undefined, children: String(slot) }, slot))), (0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: 16 }), onPress: () => go(page + 1), disabled: page >= count, "aria-label": "Next page" })] }));
|
|
32
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/product/Pagination.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/product/Pagination.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,CAAA;AAErB,MAAM,MAAM,eAAe,GAAG;IAC5B,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAU,EAAE,EAAE,eAAe,sCAiDhF"}
|
|
@@ -12,6 +12,7 @@ import { Button, Text, XStack } from '@hanzo/gui';
|
|
|
12
12
|
import { ChevronLeft, ChevronRight } from '@hanzogui/lucide-icons-2';
|
|
13
13
|
import { useEmit } from './instrument.js';
|
|
14
14
|
import { GAP, pages } from './pages.js';
|
|
15
|
+
import { mirror } from '../backends/gui/dir.js';
|
|
15
16
|
export { GAP, pages };
|
|
16
17
|
export function Pagination({ page, count, onChange, around = 1 }) {
|
|
17
18
|
const track = useEmit();
|
|
@@ -23,6 +24,6 @@ export function Pagination({ page, count, onChange, around = 1 }) {
|
|
|
23
24
|
track({ component: 'Pagination', action: 'select', value: to });
|
|
24
25
|
onChange(to);
|
|
25
26
|
};
|
|
26
|
-
return (_jsxs(XStack, { items: "center", justify: "center", gap: "$1", flexWrap: "wrap", children: [_jsx(Button, { size: "$2", chromeless: true, icon: _jsx(ChevronLeft, { size: 16 }), onPress: () => go(page - 1), disabled: page <= 1, "aria-label": "Previous page" }), pages(page, count, around).map((slot, i) => slot === GAP ? (_jsx(Text, { px: "$1.5", fontSize: "$2", color: "$soft", "aria-hidden": true, children: GAP }, `gap-${i}`)) : (_jsx(Button, { size: "$2", chromeless: slot !== page, onPress: () => go(slot), "aria-label": `Page ${slot}`, "aria-current": slot === page ? 'page' : undefined, bg: slot === page ? '$edge' : undefined, children: String(slot) }, slot))), _jsx(Button, { size: "$2", chromeless: true, icon: _jsx(ChevronRight, { size: 16 }), onPress: () => go(page + 1), disabled: page >= count, "aria-label": "Next page" })] }));
|
|
27
|
+
return (_jsxs(XStack, { items: "center", justify: "center", gap: "$1", flexWrap: "wrap", children: [_jsx(Button, { size: "$2", chromeless: true, icon: _jsx(ChevronLeft, { ...mirror, size: 16 }), onPress: () => go(page - 1), disabled: page <= 1, "aria-label": "Previous page" }), pages(page, count, around).map((slot, i) => slot === GAP ? (_jsx(Text, { px: "$1.5", fontSize: "$2", color: "$soft", "aria-hidden": true, children: GAP }, `gap-${i}`)) : (_jsx(Button, { size: "$2", chromeless: slot !== page, onPress: () => go(slot), "aria-label": `Page ${slot}`, "aria-current": slot === page ? 'page' : undefined, bg: slot === page ? '$edge' : undefined, children: String(slot) }, slot))), _jsx(Button, { size: "$2", chromeless: true, icon: _jsx(ChevronRight, { ...mirror, size: 16 }), onPress: () => go(page + 1), disabled: page >= count, "aria-label": "Next page" })] }));
|
|
27
28
|
}
|
|
28
29
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/product/Pagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/product/Pagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,CAAA;AAYrB,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAmB;IAC/E,MAAM,KAAK,GAAG,OAAO,EAAE,CAAA;IACvB,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAE3B,MAAM,EAAE,GAAG,CAAC,EAAU,EAAE,EAAE;QACxB,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK;YAAE,OAAM;QAC/C,KAAK,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC/D,QAAQ,CAAC,EAAE,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,aAC9D,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,UAAU,QACV,IAAI,EAAE,KAAC,WAAW,OAAK,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,EAC3B,QAAQ,EAAE,IAAI,IAAI,CAAC,gBACR,eAAe,GAC1B,EACD,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAC1C,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAkB,EAAE,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,iCACzD,GAAG,IADK,OAAO,CAAC,EAAE,CAEd,CACR,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAEL,IAAI,EAAC,IAAI,EACT,UAAU,EAAE,IAAI,KAAK,IAAI,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,gBACX,QAAQ,IAAI,EAAE,kBACZ,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAChD,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,YAEtC,MAAM,CAAC,IAAI,CAAC,IARR,IAAI,CASF,CACV,CACF,EACD,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,UAAU,QACV,IAAI,EAAE,KAAC,YAAY,OAAK,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,EAC3B,QAAQ,EAAE,IAAI,IAAI,KAAK,gBACZ,WAAW,GACtB,IACK,CACV,CAAA;AACH,CAAC"}
|
package/dist/product/Palette.cjs
CHANGED
|
@@ -57,7 +57,7 @@ function Palette({ open, onOpenChange, ops, onRun, active, onActive, search: con
|
|
|
57
57
|
else
|
|
58
58
|
onRun(op);
|
|
59
59
|
};
|
|
60
|
-
return ((0, jsx_runtime_1.jsxs)(gui_2.CommandDialog, { open: open, onOpenChange: onOpenChange, title: title, description: placeholder, value: active, onValueChange: onActive, shouldFilter: false, children: [(0, jsx_runtime_1.jsx)(gui_2.CommandInput, { value: search, onValueChange: setSearch, placeholder: placeholder, color: "$color", placeholderTextColor: "$placeholderColor" }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { minH: height, children: [(0, jsx_runtime_1.jsxs)(gui_2.CommandList, { maxH: height, width: children ? "50%" : "100%",
|
|
60
|
+
return ((0, jsx_runtime_1.jsxs)(gui_2.CommandDialog, { open: open, onOpenChange: onOpenChange, title: title, description: placeholder, value: active, onValueChange: onActive, shouldFilter: false, children: [(0, jsx_runtime_1.jsx)(gui_2.CommandInput, { value: search, onValueChange: setSearch, placeholder: placeholder, color: "$color", placeholderTextColor: "$placeholderColor" }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { minH: height, children: [(0, jsx_runtime_1.jsxs)(gui_2.CommandList, { maxH: height, width: children ? "50%" : "100%", borderInlineEndWidth: children ? 1 : 0, borderColor: "$borderColor", pt: "$1", pb: "$4", children: [groups.length === 0 && ((0, jsx_runtime_1.jsx)(gui_2.CommandEmpty, { children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { color: "$quiet", children: empty }) })), groups.map(([group, items]) => ((0, jsx_runtime_1.jsx)(gui_2.CommandGroup, { heading: group, children: items.map((op) => ((0, jsx_runtime_1.jsxs)(gui_2.CommandItem, { value: op.id, onSelect: () => run(op), gap: "$2", children: [op.icon, (0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, items: "center", gap: "$2", overflow: "hidden", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { numberOfLines: 1, shrink: 0, children: op.label }), op.hint ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { numberOfLines: 1, flex: 1, fontSize: "$1", color: "$quiet", children: op.hint })) : null] }), (0, jsx_runtime_1.jsx)(Method, { of: op }), op.end] }, op.id))) }, group)))] }), children ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { width: "50%", children: children }) : null] }), footer ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: "$4", borderTopWidth: 1, borderColor: "$borderColor", px: "$3", py: "$2", children: footer })) : null] }));
|
|
61
61
|
}
|
|
62
62
|
/**
|
|
63
63
|
* The method, at the end of the row, for route commands only.
|
package/dist/product/Palette.js
CHANGED
|
@@ -54,7 +54,7 @@ export function Palette({ open, onOpenChange, ops, onRun, active, onActive, sear
|
|
|
54
54
|
else
|
|
55
55
|
onRun(op);
|
|
56
56
|
};
|
|
57
|
-
return (_jsxs(CommandDialog, { open: open, onOpenChange: onOpenChange, title: title, description: placeholder, value: active, onValueChange: onActive, shouldFilter: false, children: [_jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: placeholder, color: "$color", placeholderTextColor: "$placeholderColor" }), _jsxs(XStack, { minH: height, children: [_jsxs(CommandList, { maxH: height, width: children ? "50%" : "100%",
|
|
57
|
+
return (_jsxs(CommandDialog, { open: open, onOpenChange: onOpenChange, title: title, description: placeholder, value: active, onValueChange: onActive, shouldFilter: false, children: [_jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: placeholder, color: "$color", placeholderTextColor: "$placeholderColor" }), _jsxs(XStack, { minH: height, children: [_jsxs(CommandList, { maxH: height, width: children ? "50%" : "100%", borderInlineEndWidth: children ? 1 : 0, borderColor: "$borderColor", pt: "$1", pb: "$4", children: [groups.length === 0 && (_jsx(CommandEmpty, { children: _jsx(SizableText, { color: "$quiet", children: empty }) })), groups.map(([group, items]) => (_jsx(CommandGroup, { heading: group, children: items.map((op) => (_jsxs(CommandItem, { value: op.id, onSelect: () => run(op), gap: "$2", children: [op.icon, _jsxs(XStack, { flex: 1, items: "center", gap: "$2", overflow: "hidden", children: [_jsx(SizableText, { numberOfLines: 1, shrink: 0, children: op.label }), op.hint ? (_jsx(SizableText, { numberOfLines: 1, flex: 1, fontSize: "$1", color: "$quiet", children: op.hint })) : null] }), _jsx(Method, { of: op }), op.end] }, op.id))) }, group)))] }), children ? _jsx(YStack, { width: "50%", children: children }) : null] }), footer ? (_jsx(XStack, { items: "center", gap: "$4", borderTopWidth: 1, borderColor: "$borderColor", px: "$3", py: "$2", children: footer })) : null] }));
|
|
58
58
|
}
|
|
59
59
|
/**
|
|
60
60
|
* The method, at the end of the row, for route commands only.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Palette.js","sourceRoot":"","sources":["../../src/product/Palette.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,EAAkB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,EACL,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,GACZ,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAW,MAAM,SAAS,CAAA;AA0ClD,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,YAAY,EACZ,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,QAAQ,EACR,WAAW,GAAG,kBAAkB,EAChC,KAAK,GAAG,mBAAmB,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,GAAG,GAAG,EACZ,KAAK,GAAG,iBAAiB,EACzB,KAAK,GACQ;IACb,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClC,MAAM,MAAM,GAAG,UAAU,IAAI,GAAG,CAAA;IAChC,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,EAAE;QAC9B,MAAM,CAAC,CAAC,CAAC,CAAA;QACT,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;IACf,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,CAAA;IAE9B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5F,MAAM,GAAG,GAAG,CAAC,EAAM,EAAE,EAAE;QACrB,IAAI,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,KAAK;YAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;;YACtC,KAAK,CAAC,EAAE,CAAC,CAAA;IAChB,CAAC,CAAA;IAED,OAAO,CACL,MAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,QAAQ,EACvB,YAAY,EAAE,KAAK,aAEnB,KAAC,YAAY,IACX,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,SAAS,EACxB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAC,QAAQ,EACd,oBAAoB,EAAC,mBAAmB,GACxC,EACF,MAAC,MAAM,IAAC,IAAI,EAAE,MAAM,aAkBlB,MAAC,WAAW,IACV,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAChC,
|
|
1
|
+
{"version":3,"file":"Palette.js","sourceRoot":"","sources":["../../src/product/Palette.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,5 +13,5 @@ function SiteFooter({ footer, brand, tagline, meta, link = defaultLink }) {
|
|
|
13
13
|
}) }, l.id)))] }, column.id)))] }), (0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 12, color: "$soft", children: footer.legal.copyright }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: footer.legal.links.map((l) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { hoverStyle: { opacity: 0.7 }, children: link({
|
|
14
14
|
href: l.href,
|
|
15
15
|
children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 12, color: "$soft", children: l.label })),
|
|
16
|
-
}) }, l.id))) }), meta ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, {
|
|
16
|
+
}) }, l.id))) }), meta ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { marginInlineStart: "auto", items: "center", gap: "$3", children: meta })) : null] })] }));
|
|
17
17
|
}
|
|
@@ -10,6 +10,6 @@ export function SiteFooter({ footer, brand, tagline, meta, link = defaultLink })
|
|
|
10
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
12
|
children: (_jsx(Text, { fontSize: 12, color: "$soft", children: l.label })),
|
|
13
|
-
}) }, l.id))) }), meta ? (_jsx(XStack, {
|
|
13
|
+
}) }, l.id))) }), meta ? (_jsx(XStack, { marginInlineStart: "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":"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
|
|
1
|
+
{"version":3,"file":"SiteFooter.js","sourceRoot":"","sources":["../../src/product/SiteFooter.tsx"],"names":[],"mappings":"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"}
|
package/dist/product/SiteNav.cjs
CHANGED
|
@@ -59,7 +59,7 @@ 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: "$quiet", children: menu.eyebrow }), (0, jsx_runtime_1.jsx)(gui_1.XStack, {
|
|
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, { marginInlineStart: "auto", children: link({
|
|
63
63
|
href: menu.allProducts.href,
|
|
64
64
|
onNavigate: close,
|
|
65
65
|
children: ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$2", color: "$ink", children: [menu.allProducts.label, " \u2192"] })),
|
|
@@ -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",
|
|
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", paddingInlineEnd: "$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
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",
|
|
123
|
+
}) }, l.id))) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", marginInlineStart: "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
|
}
|