@astryxdesign/core 0.1.5 → 0.1.6-canary.02f2602
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/CHANGELOG.md +24 -0
- package/README.md +2 -0
- package/dist/AlertDialog/AlertDialog.d.ts +1 -1
- package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +21 -18
- package/dist/AlertDialog/useImperativeAlertDialog.d.ts +0 -2
- package/dist/AlertDialog/useImperativeAlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/useImperativeAlertDialog.js +3 -5
- package/dist/AppShell/AppShell.d.ts.map +1 -1
- package/dist/AppShell/AppShell.js +55 -53
- package/dist/AspectRatio/AspectRatio.js +5 -5
- package/dist/Avatar/Avatar.js +19 -19
- package/dist/Avatar/AvatarStatusDot.js +5 -5
- package/dist/AvatarGroup/AvatarGroup.d.ts +1 -1
- package/dist/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroup.js +9 -6
- package/dist/AvatarGroup/AvatarGroupOverflow.js +5 -5
- package/dist/Badge/Badge.js +3 -3
- package/dist/Banner/Banner.d.ts.map +1 -1
- package/dist/Banner/Banner.js +32 -30
- package/dist/Blockquote/Blockquote.js +7 -7
- package/dist/Breadcrumbs/BreadcrumbItem.js +17 -17
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +11 -8
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +53 -23
- package/dist/ButtonGroup/ButtonGroup.d.ts +20 -5
- package/dist/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/ButtonGroup/ButtonGroup.js +34 -18
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +51 -48
- package/dist/Card/Card.js +3 -3
- package/dist/Carousel/Carousel.d.ts +1 -1
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +27 -24
- package/dist/Center/Center.js +3 -3
- package/dist/Chat/ChatComposer.d.ts.map +1 -1
- package/dist/Chat/ChatComposer.js +27 -24
- package/dist/Chat/ChatComposerDrawer.d.ts +1 -1
- package/dist/Chat/ChatComposerDrawer.d.ts.map +1 -1
- package/dist/Chat/ChatComposerDrawer.js +23 -16
- package/dist/Chat/ChatComposerInput.d.ts.map +1 -1
- package/dist/Chat/ChatComposerInput.js +20 -16
- package/dist/Chat/ChatDictationButton.js +10 -10
- package/dist/Chat/ChatLayout.d.ts +1 -11
- package/dist/Chat/ChatLayout.d.ts.map +1 -1
- package/dist/Chat/ChatLayout.js +23 -21
- package/dist/Chat/ChatLayoutScrollButton.d.ts.map +1 -1
- package/dist/Chat/ChatLayoutScrollButton.js +13 -11
- package/dist/Chat/ChatMessage.d.ts +1 -1
- package/dist/Chat/ChatMessage.d.ts.map +1 -1
- package/dist/Chat/ChatMessage.js +20 -14
- package/dist/Chat/ChatMessageBubble.d.ts +1 -1
- package/dist/Chat/ChatMessageBubble.d.ts.map +1 -1
- package/dist/Chat/ChatMessageBubble.js +10 -8
- package/dist/Chat/ChatMessageList.d.ts +1 -1
- package/dist/Chat/ChatMessageList.d.ts.map +1 -1
- package/dist/Chat/ChatMessageList.js +17 -15
- package/dist/Chat/ChatMessageMetadata.d.ts.map +1 -1
- package/dist/Chat/ChatMessageMetadata.js +24 -19
- package/dist/Chat/ChatPastedTextToken.d.ts.map +1 -1
- package/dist/Chat/ChatPastedTextToken.js +16 -14
- package/dist/Chat/ChatSendButton.d.ts.map +1 -1
- package/dist/Chat/ChatSendButton.js +6 -4
- package/dist/Chat/ChatSystemMessage.js +11 -11
- package/dist/Chat/ChatTokenizedText.js +8 -8
- package/dist/Chat/ChatToolCalls.js +73 -73
- package/dist/Chat/useSpeechRecognition.d.ts.map +1 -1
- package/dist/Chat/useSpeechRecognition.js +4 -2
- package/dist/Chat/useTriggerMenu.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.js +19 -17
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +26 -24
- package/dist/CheckboxList/CheckboxList.d.ts +1 -1
- package/dist/CheckboxList/CheckboxList.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxList.js +12 -10
- package/dist/CheckboxList/CheckboxListItem.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListItem.js +8 -6
- package/dist/Citation/Citation.d.ts.map +1 -1
- package/dist/Citation/Citation.js +20 -12
- package/dist/ClickableCard/ClickableCard.js +6 -6
- package/dist/Code/Code.js +3 -3
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +114 -96
- package/dist/Collapsible/Collapsible.js +11 -11
- package/dist/Collapsible/CollapsibleGroup.js +7 -7
- package/dist/CommandPalette/CommandPalette.d.ts +1 -1
- package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPalette.js +39 -34
- package/dist/CommandPalette/CommandPaletteEmpty.js +3 -3
- package/dist/CommandPalette/CommandPaletteFooter.js +16 -16
- package/dist/CommandPalette/CommandPaletteGroup.js +5 -5
- package/dist/CommandPalette/CommandPaletteInput.d.ts +1 -1
- package/dist/CommandPalette/CommandPaletteInput.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteInput.js +17 -14
- package/dist/CommandPalette/CommandPaletteItem.js +3 -3
- package/dist/CommandPalette/CommandPaletteList.d.ts +1 -1
- package/dist/CommandPalette/CommandPaletteList.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteList.js +7 -4
- package/dist/ContextMenu/ContextMenu.d.ts +1 -1
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +14 -11
- package/dist/DateInput/DateInput.d.ts +1 -1
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +28 -23
- package/dist/DateRangeInput/DateRangeInput.d.ts +1 -1
- package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/DateRangeInput/DateRangeInput.js +32 -27
- package/dist/DateTimeInput/DateTimeInput.d.ts +1 -1
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +41 -33
- package/dist/Dialog/Dialog.js +9 -9
- package/dist/Dialog/DialogHeader.d.ts.map +1 -1
- package/dist/Dialog/DialogHeader.js +20 -18
- package/dist/Dialog/useImperativeDialog.js +3 -3
- package/dist/Divider/Divider.js +7 -7
- package/dist/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +21 -15
- package/dist/DropdownMenu/DropdownMenuItem.js +3 -3
- package/dist/DropdownMenu/renderDropdownItems.js +10 -10
- package/dist/EmptyState/EmptyState.d.ts +4 -1
- package/dist/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/EmptyState/EmptyState.js +9 -9
- package/dist/Field/Field.js +17 -17
- package/dist/Field/FieldLabel.js +15 -15
- package/dist/Field/InputClearButton.js +5 -5
- package/dist/FieldStatus/FieldStatus.js +3 -3
- package/dist/FileInput/FileInput.d.ts.map +1 -1
- package/dist/FileInput/FileInput.js +34 -30
- package/dist/FormLayout/FormLayout.js +5 -5
- package/dist/Grid/Grid.js +3 -3
- package/dist/Grid/GridSpan.js +3 -3
- package/dist/HStack/HStack.js +3 -3
- package/dist/Heading/Heading.js +10 -10
- package/dist/HoverCard/HoverCard.js +9 -9
- package/dist/HoverCard/useHoverCard.js +3 -3
- package/dist/Icon/Icon.js +11 -11
- package/dist/Icon/defaultIcons.js +116 -116
- package/dist/IconButton/IconButton.js +3 -3
- package/dist/InputGroup/InputGroup.js +9 -9
- package/dist/InputGroup/InputGroupText.js +3 -3
- package/dist/Item/Item.js +17 -17
- package/dist/Kbd/Kbd.js +5 -5
- package/dist/Layer/LayerProvider.js +7 -7
- package/dist/Layer/useLayer.js +5 -5
- package/dist/Layout/Layout.js +21 -21
- package/dist/Layout/LayoutContent.js +3 -3
- package/dist/Layout/LayoutFooter.js +5 -5
- package/dist/Layout/LayoutHeader.js +5 -5
- package/dist/Layout/LayoutPanel.js +3 -3
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +35 -33
- package/dist/Lightbox/useLightbox.d.ts +0 -1
- package/dist/Lightbox/useLightbox.d.ts.map +1 -1
- package/dist/Lightbox/useLightbox.js +3 -4
- package/dist/Link/Link.d.ts +5 -3
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +47 -18
- package/dist/Link/LinkProvider.js +3 -3
- package/dist/Link/useLinkify.js +3 -3
- package/dist/List/List.js +11 -11
- package/dist/List/ListItem.js +11 -11
- package/dist/Markdown/Markdown.d.ts.map +1 -1
- package/dist/Markdown/Markdown.js +111 -109
- package/dist/MetadataList/MetadataList.js +10 -10
- package/dist/MetadataList/MetadataListItem.js +15 -15
- package/dist/MobileNav/MobileNav.d.ts.map +1 -1
- package/dist/MobileNav/MobileNav.js +19 -17
- package/dist/MobileNav/MobileNavToggle.d.ts +1 -1
- package/dist/MobileNav/MobileNavToggle.d.ts.map +1 -1
- package/dist/MobileNav/MobileNavToggle.js +9 -6
- package/dist/MoreMenu/MoreMenu.d.ts +1 -1
- package/dist/MoreMenu/MoreMenu.d.ts.map +1 -1
- package/dist/MoreMenu/MoreMenu.js +7 -4
- package/dist/MultiSelector/MultiSelector.d.ts +1 -1
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +69 -62
- package/dist/NavIcon/NavIcon.js +3 -3
- package/dist/NavMenu/NavHeadingMenu.js +5 -5
- package/dist/NavMenu/NavHeadingMenuItem.js +8 -8
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +21 -17
- package/dist/Outline/Outline.d.ts +1 -1
- package/dist/Outline/Outline.d.ts.map +1 -1
- package/dist/Outline/Outline.js +19 -16
- package/dist/OverflowList/OverflowList.js +8 -8
- package/dist/Overlay/Overlay.js +3 -3
- package/dist/Overlay/OverlayScrim.js +5 -5
- package/dist/Overlay/useOverlay.d.ts +0 -3
- package/dist/Overlay/useOverlay.d.ts.map +1 -1
- package/dist/Overlay/useOverlay.js +3 -6
- package/dist/Pagination/Pagination.d.ts +1 -1
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +73 -46
- package/dist/Popover/Popover.js +16 -16
- package/dist/Popover/usePopover.d.ts.map +1 -1
- package/dist/Popover/usePopover.js +11 -8
- package/dist/PowerSearch/PowerSearch.d.ts +1 -1
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +95 -85
- package/dist/PowerSearch/PowerSearchEditPopover.d.ts +1 -1
- package/dist/PowerSearch/PowerSearchEditPopover.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchEditPopover.js +109 -103
- package/dist/PowerSearch/PowerSearchFilterEditor.js +3 -3
- package/dist/PowerSearch/PowerSearchToken.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchToken.js +12 -8
- package/dist/PowerSearch/PowerSearchValueEditor.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchValueEditor.js +88 -75
- package/dist/PowerSearch/formatFilterValue.d.ts +2 -1
- package/dist/PowerSearch/formatFilterValue.d.ts.map +1 -1
- package/dist/PowerSearch/formatFilterValue.js +19 -9
- package/dist/PowerSearch/index.d.ts +2 -1
- package/dist/PowerSearch/index.d.ts.map +1 -1
- package/dist/PowerSearch/index.js +1 -0
- package/dist/PowerSearch/resolveOperatorLabel.d.ts +23 -0
- package/dist/PowerSearch/resolveOperatorLabel.d.ts.map +1 -0
- package/dist/PowerSearch/resolveOperatorLabel.js +28 -0
- package/dist/PowerSearch/types.d.ts +28 -2
- package/dist/PowerSearch/types.d.ts.map +1 -1
- package/dist/PowerSearch/usePowerSearchConfig.d.ts.map +1 -1
- package/dist/PowerSearch/usePowerSearchConfig.js +27 -27
- package/dist/PowerSearch/usePowerSearchSource.d.ts.map +1 -1
- package/dist/PowerSearch/usePowerSearchSource.js +15 -8
- package/dist/ProgressBar/ProgressBar.js +13 -13
- package/dist/RadioList/RadioList.js +7 -7
- package/dist/RadioList/RadioListItem.js +18 -18
- package/dist/Resizable/ResizeHandle.d.ts +1 -1
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +10 -7
- package/dist/Section/Section.js +5 -5
- package/dist/SegmentedControl/SegmentedControl.js +5 -5
- package/dist/SegmentedControl/SegmentedControlItem.js +7 -7
- package/dist/SelectableCard/SelectableCard.js +5 -5
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +57 -51
- package/dist/Selector/SelectorOption.js +3 -3
- package/dist/SideNav/SideNav.d.ts.map +1 -1
- package/dist/SideNav/SideNav.js +38 -36
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +8 -6
- package/dist/SideNav/SideNavHeading.d.ts.map +1 -1
- package/dist/SideNav/SideNavHeading.js +92 -90
- package/dist/SideNav/SideNavItem.d.ts.map +1 -1
- package/dist/SideNav/SideNavItem.js +49 -43
- package/dist/SideNav/SideNavSection.js +14 -14
- package/dist/Skeleton/Skeleton.js +3 -3
- package/dist/Slider/Slider.js +23 -23
- package/dist/Spinner/Spinner.js +9 -9
- package/dist/StatusDot/StatusDot.js +5 -5
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +29 -27
- package/dist/TabList/Tab.js +18 -18
- package/dist/TabList/TabList.d.ts +1 -1
- package/dist/TabList/TabList.d.ts.map +1 -1
- package/dist/TabList/TabList.js +9 -6
- package/dist/TabList/TabMenu.js +23 -23
- package/dist/Table/BaseTable.d.ts.map +1 -1
- package/dist/Table/BaseTable.js +39 -37
- package/dist/Table/Table.d.ts.map +1 -1
- package/dist/Table/Table.js +10 -8
- package/dist/Table/TableBody.js +3 -3
- package/dist/Table/TableCell.js +3 -3
- package/dist/Table/TableFooter.js +3 -3
- package/dist/Table/TableHeader.js +3 -3
- package/dist/Table/TableHeaderCell.js +3 -3
- package/dist/Table/TableRow.js +5 -5
- package/dist/Table/index.d.ts +4 -0
- package/dist/Table/index.d.ts.map +1 -1
- package/dist/Table/index.js +2 -0
- package/dist/Table/plugins/columnResize/useTableColumnResize.js +9 -9
- package/dist/Table/plugins/filtering/useTableFiltering.d.ts.map +1 -1
- package/dist/Table/plugins/filtering/useTableFiltering.js +127 -90
- package/dist/Table/plugins/groupedRows/index.d.ts +3 -0
- package/dist/Table/plugins/groupedRows/index.d.ts.map +1 -0
- package/dist/Table/plugins/groupedRows/index.js +3 -0
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts +78 -0
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts.map +1 -0
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.js +257 -0
- package/dist/Table/plugins/pagination/useTablePagination.d.ts.map +1 -1
- package/dist/Table/plugins/pagination/useTablePagination.js +12 -9
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +30 -28
- package/dist/Table/plugins/rowIndex/index.d.ts +3 -0
- package/dist/Table/plugins/rowIndex/index.d.ts.map +1 -0
- package/dist/Table/plugins/rowIndex/index.js +3 -0
- package/dist/Table/plugins/rowIndex/useTableRowIndex.d.ts +50 -0
- package/dist/Table/plugins/rowIndex/useTableRowIndex.d.ts.map +1 -0
- package/dist/Table/plugins/rowIndex/useTableRowIndex.js +91 -0
- package/dist/Table/plugins/selection/useTableSelection.d.ts.map +1 -1
- package/dist/Table/plugins/selection/useTableSelection.js +23 -20
- package/dist/Table/plugins/sortable/useTableSortable.d.ts.map +1 -1
- package/dist/Table/plugins/sortable/useTableSortable.js +23 -21
- package/dist/Table/tableContextMenu.js +9 -9
- package/dist/Text/Text.js +10 -10
- package/dist/TextArea/TextArea.js +14 -14
- package/dist/TextInput/TextInput.d.ts.map +1 -1
- package/dist/TextInput/TextInput.js +20 -16
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +37 -31
- package/dist/TimeInput/TimeInput.d.ts +1 -1
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +28 -23
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +29 -14
- package/dist/Toast/Toast.d.ts.map +1 -1
- package/dist/Toast/Toast.js +17 -15
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +14 -12
- package/dist/Toast/useToast.js +4 -4
- package/dist/ToggleButton/ToggleButton.js +12 -12
- package/dist/ToggleButton/ToggleButtonGroup.js +5 -5
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +29 -23
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +33 -31
- package/dist/Toolbar/Toolbar.js +18 -18
- package/dist/Tooltip/Tooltip.js +11 -11
- package/dist/Tooltip/useTooltip.js +3 -3
- package/dist/TopNav/TopNav.d.ts +2 -1
- package/dist/TopNav/TopNav.d.ts.map +1 -1
- package/dist/TopNav/TopNav.js +36 -33
- package/dist/TopNav/TopNavHeading.d.ts.map +1 -1
- package/dist/TopNav/TopNavHeading.js +72 -70
- package/dist/TopNav/TopNavItem.js +5 -5
- package/dist/TopNav/TopNavMegaMenu.js +30 -30
- package/dist/TopNav/TopNavMegaMenuFeaturedCard.js +10 -10
- package/dist/TopNav/TopNavMegaMenuItem.js +16 -16
- package/dist/TopNav/TopNavMenu.js +32 -32
- package/dist/TreeList/TreeList.d.ts.map +1 -1
- package/dist/TreeList/TreeList.js +13 -9
- package/dist/TreeList/TreeListBranches.js +11 -11
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +37 -31
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +26 -22
- package/dist/Typeahead/Typeahead.d.ts.map +1 -1
- package/dist/Typeahead/Typeahead.js +15 -13
- package/dist/Typeahead/TypeaheadItem.js +10 -10
- package/dist/VStack/VStack.js +3 -3
- package/dist/VisuallyHidden/VisuallyHidden.d.ts +1 -3
- package/dist/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/dist/VisuallyHidden/VisuallyHidden.js +1 -3
- package/dist/astryx.css +20 -2
- package/dist/astryx.umd.js +66 -64
- package/dist/astryx.umd.js.map +4 -4
- package/dist/authoring/doc.d.ts +145 -0
- package/dist/authoring/doc.d.ts.map +1 -0
- package/dist/authoring/doc.js +100 -0
- package/dist/authoring/index.d.ts +29 -0
- package/dist/authoring/index.d.ts.map +1 -0
- package/dist/authoring/index.js +28 -0
- package/dist/authoring/integration.d.ts +35 -0
- package/dist/authoring/integration.d.ts.map +1 -0
- package/dist/authoring/integration.js +30 -0
- package/dist/authoring/template.d.ts +66 -0
- package/dist/authoring/template.d.ts.map +1 -0
- package/dist/authoring/template.js +55 -0
- package/dist/config.d.ts +80 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/config.js +40 -0
- package/dist/hooks/useKeyboardHint.js +9 -9
- package/dist/i18n/InternationalizationContext.d.ts +12 -0
- package/dist/i18n/InternationalizationContext.d.ts.map +1 -0
- package/dist/i18n/InternationalizationContext.js +29 -0
- package/dist/i18n/InternationalizationProvider.d.ts +62 -0
- package/dist/i18n/InternationalizationProvider.d.ts.map +1 -0
- package/dist/i18n/InternationalizationProvider.js +44 -0
- package/dist/i18n/index.d.ts +24 -0
- package/dist/i18n/index.d.ts.map +1 -0
- package/dist/i18n/index.js +21 -0
- package/dist/i18n/resolve.d.ts +22 -0
- package/dist/i18n/resolve.d.ts.map +1 -0
- package/dist/i18n/resolve.js +141 -0
- package/dist/i18n/translator.d.ts +25 -0
- package/dist/i18n/translator.d.ts.map +1 -0
- package/dist/i18n/translator.js +1 -0
- package/dist/i18n/types.d.ts +47 -0
- package/dist/i18n/types.d.ts.map +1 -0
- package/dist/i18n/types.js +1 -0
- package/dist/i18n/useTranslator.d.ts +15 -0
- package/dist/i18n/useTranslator.d.ts.map +1 -0
- package/dist/i18n/useTranslator.js +39 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/theme/MediaTheme.js +3 -3
- package/dist/theme/Theme.js +7 -7
- package/dist/theme/syntax/SyntaxTheme.js +5 -5
- package/locales/en.json +746 -0
- package/locales/pseudo.json +560 -0
- package/package.json +24 -3
- package/src/AlertDialog/AlertDialog.doc.mjs +5 -0
- package/src/AlertDialog/AlertDialog.tsx +4 -1
- package/src/AlertDialog/useImperativeAlertDialog.tsx +0 -2
- package/src/AppShell/AppShell.doc.mjs +8 -2
- package/src/AppShell/AppShell.tsx +3 -1
- package/src/AvatarGroup/AvatarGroup.tsx +4 -1
- package/src/Banner/Banner.tsx +10 -5
- package/src/Breadcrumbs/Breadcrumbs.tsx +4 -1
- package/src/Button/Button.tsx +34 -4
- package/src/ButtonGroup/ButtonGroup.test.tsx +386 -2
- package/src/ButtonGroup/ButtonGroup.tsx +27 -11
- package/src/Calendar/Calendar.tsx +8 -5
- package/src/Card/Card.doc.mjs +3 -3
- package/src/Carousel/Carousel.tsx +10 -7
- package/src/Chat/ChatComposer.tsx +5 -1
- package/src/Chat/ChatComposerDrawer.tsx +9 -2
- package/src/Chat/ChatComposerInput.tsx +10 -4
- package/src/Chat/ChatLayout.tsx +5 -12
- package/src/Chat/ChatLayoutScrollButton.tsx +4 -2
- package/src/Chat/ChatMessage.tsx +5 -1
- package/src/Chat/ChatMessageBubble.tsx +2 -0
- package/src/Chat/ChatMessageList.doc.mjs +1 -1
- package/src/Chat/ChatMessageList.tsx +2 -0
- package/src/Chat/ChatMessageMetadata.tsx +15 -9
- package/src/Chat/ChatPastedTextToken.tsx +3 -1
- package/src/Chat/ChatSendButton.tsx +3 -1
- package/src/Chat/ChatToolCalls.doc.mjs +1 -1
- package/src/Chat/useSpeechRecognition.ts +11 -2
- package/src/Chat/useTriggerMenu.tsx +4 -2
- package/src/CheckboxInput/CheckboxInput.test.tsx +16 -0
- package/src/CheckboxInput/CheckboxInput.tsx +4 -2
- package/src/CheckboxList/CheckboxList.doc.mjs +6 -1
- package/src/CheckboxList/CheckboxList.tsx +2 -0
- package/src/CheckboxList/CheckboxListItem.tsx +7 -1
- package/src/Citation/Citation.tsx +4 -2
- package/src/ClickableCard/ClickableCard.doc.mjs +1 -1
- package/src/CodeBlock/CodeBlock.tsx +91 -40
- package/src/Collapsible/Collapsible.doc.mjs +3 -3
- package/src/CommandPalette/CommandPalette.tsx +10 -3
- package/src/CommandPalette/CommandPaletteInput.test.tsx +1 -1
- package/src/CommandPalette/CommandPaletteInput.tsx +5 -1
- package/src/CommandPalette/CommandPaletteList.tsx +4 -1
- package/src/ContextMenu/ContextMenu.tsx +4 -1
- package/src/DateInput/DateInput.doc.mjs +2 -2
- package/src/DateInput/DateInput.tsx +13 -5
- package/src/DateRangeInput/DateRangeInput.doc.mjs +7 -7
- package/src/DateRangeInput/DateRangeInput.tsx +14 -6
- package/src/DateTimeInput/DateTimeInput.doc.mjs +2 -2
- package/src/DateTimeInput/DateTimeInput.tsx +17 -7
- package/src/Dialog/DialogHeader.tsx +4 -2
- package/src/DropdownMenu/DropdownMenu.tsx +12 -8
- package/src/EmptyState/EmptyState.doc.mjs +3 -3
- package/src/EmptyState/EmptyState.tsx +4 -1
- package/src/Field/Field.doc.mjs +2 -2
- package/src/FileInput/FileInput.tsx +3 -1
- package/src/Grid/Grid.doc.mjs +5 -5
- package/src/InputGroup/InputGroup.doc.mjs +1 -1
- package/src/Layer/useLayer.doc.mjs +2 -2
- package/src/Lightbox/Lightbox.doc.mjs +7 -2
- package/src/Lightbox/Lightbox.tsx +6 -4
- package/src/Lightbox/useLightbox.tsx +0 -1
- package/src/Link/Link.test.tsx +74 -2
- package/src/Link/Link.tsx +48 -3
- package/src/Markdown/Markdown.tsx +12 -4
- package/src/MobileNav/MobileNav.tsx +4 -2
- package/src/MobileNav/MobileNavToggle.tsx +5 -3
- package/src/MoreMenu/MoreMenu.tsx +4 -1
- package/src/MultiSelector/MultiSelector.tsx +14 -5
- package/src/NumberInput/NumberInput.tsx +3 -1
- package/src/Outline/Outline.tsx +4 -1
- package/src/OverflowList/OverflowList.doc.mjs +2 -2
- package/src/Overlay/useOverlay.tsx +0 -3
- package/src/Pagination/Pagination.tsx +35 -12
- package/src/Popover/usePopover.tsx +6 -1
- package/src/PowerSearch/PowerSearch.doc.mjs +9 -4
- package/src/PowerSearch/PowerSearch.tsx +22 -10
- package/src/PowerSearch/PowerSearchEditPopover.tsx +27 -20
- package/src/PowerSearch/PowerSearchToken.tsx +17 -6
- package/src/PowerSearch/PowerSearchValueEditor.tsx +34 -21
- package/src/PowerSearch/formatFilterValue.test.ts +282 -0
- package/src/PowerSearch/formatFilterValue.ts +21 -8
- package/src/PowerSearch/index.ts +5 -0
- package/src/PowerSearch/resolveOperatorLabel.ts +34 -0
- package/src/PowerSearch/types.ts +33 -9
- package/src/PowerSearch/usePowerSearchConfig.ts +59 -27
- package/src/PowerSearch/usePowerSearchSource.ts +17 -8
- package/src/RadioList/RadioList.doc.mjs +1 -1
- package/src/Resizable/ResizeHandle.tsx +4 -1
- package/src/Section/Section.doc.mjs +4 -4
- package/src/SelectableCard/SelectableCard.doc.mjs +1 -1
- package/src/Selector/Selector.tsx +11 -6
- package/src/SideNav/SideNav.tsx +4 -2
- package/src/SideNav/SideNavCollapseButton.tsx +3 -1
- package/src/SideNav/SideNavHeading.tsx +5 -3
- package/src/SideNav/SideNavItem.tsx +3 -1
- package/src/Slider/Slider.doc.mjs +2 -2
- package/src/Stack/Stack.doc.mjs +10 -10
- package/src/Switch/Switch.doc.mjs +2 -2
- package/src/Switch/Switch.test.tsx +16 -0
- package/src/Switch/Switch.tsx +4 -2
- package/src/TabList/TabList.tsx +4 -1
- package/src/Table/BaseTable.tsx +8 -1
- package/src/Table/Table.doc.mjs +1 -1
- package/src/Table/Table.tsx +3 -1
- package/src/Table/index.ts +7 -0
- package/src/Table/plugins/filtering/useTableFiltering.tsx +31 -30
- package/src/Table/plugins/groupedRows/index.ts +7 -0
- package/src/Table/plugins/groupedRows/useTableGroupedRows.test.tsx +231 -0
- package/src/Table/plugins/groupedRows/useTableGroupedRows.tsx +351 -0
- package/src/Table/plugins/pagination/useTablePagination.tsx +4 -1
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +8 -4
- package/src/Table/plugins/rowIndex/index.ts +4 -0
- package/src/Table/plugins/rowIndex/useTableRowIndex.test.tsx +132 -0
- package/src/Table/plugins/rowIndex/useTableRowIndex.tsx +114 -0
- package/src/Table/plugins/selection/useTableSelection.tsx +6 -7
- package/src/Table/plugins/sortable/useTableSortable.tsx +8 -5
- package/src/Table/useTableFiltering.doc.mjs +2 -2
- package/src/Table/useTableGroupedRows.doc.mjs +71 -0
- package/src/Table/useTableRowIndex.doc.mjs +50 -0
- package/src/Table/useTableSortable.doc.mjs +11 -11
- package/src/Text/Text.doc.mjs +2 -2
- package/src/TextInput/TextInput.tsx +3 -1
- package/src/Thumbnail/Thumbnail.tsx +4 -2
- package/src/TimeInput/TimeInput.doc.mjs +2 -2
- package/src/TimeInput/TimeInput.tsx +6 -2
- package/src/Timestamp/Timestamp.doc.mjs +4 -4
- package/src/Timestamp/Timestamp.test.tsx +120 -7
- package/src/Timestamp/Timestamp.tsx +21 -1
- package/src/Toast/Toast.tsx +3 -1
- package/src/Toast/ToastViewport.tsx +3 -1
- package/src/Token/Token.tsx +4 -2
- package/src/Tokenizer/Tokenizer.doc.mjs +2 -2
- package/src/Tokenizer/Tokenizer.tsx +4 -4
- package/src/Toolbar/Toolbar.doc.mjs +1 -1
- package/src/TopNav/TopNav.doc.mjs +1 -0
- package/src/TopNav/TopNav.test.tsx +30 -0
- package/src/TopNav/TopNav.tsx +6 -4
- package/src/TopNav/TopNavHeading.tsx +5 -3
- package/src/TreeList/TreeList.tsx +5 -1
- package/src/TreeList/TreeListItem.tsx +6 -1
- package/src/Typeahead/BaseTypeahead.tsx +11 -4
- package/src/Typeahead/Typeahead.doc.mjs +1 -1
- package/src/Typeahead/Typeahead.tsx +3 -1
- package/src/VisuallyHidden/VisuallyHidden.tsx +1 -3
- package/src/authoring/doc.ts +166 -0
- package/src/authoring/index.test.ts +52 -0
- package/src/authoring/index.ts +50 -0
- package/src/authoring/integration.ts +42 -0
- package/src/authoring/template.ts +74 -0
- package/src/config.test.ts +16 -0
- package/src/config.ts +92 -0
- package/src/docPropLiterals.test.ts +902 -0
- package/src/hooks/useHotkeys.doc.mjs +5 -5
- package/src/i18n/InternationalizationContext.ts +39 -0
- package/src/i18n/InternationalizationProvider.doc.mjs +72 -0
- package/src/i18n/InternationalizationProvider.tsx +83 -0
- package/src/i18n/__tests__/e2e-pagination.test.tsx +172 -0
- package/src/i18n/__tests__/e2e-powersearch.test.tsx +130 -0
- package/src/i18n/__tests__/resolve.test.ts +284 -0
- package/src/i18n/index.ts +32 -0
- package/src/i18n/resolve.ts +165 -0
- package/src/i18n/translator.ts +31 -0
- package/src/i18n/types.ts +53 -0
- package/src/i18n/useTranslator.doc.mjs +46 -0
- package/src/i18n/useTranslator.ts +50 -0
- package/src/index.ts +3 -0
- package/dist/NavItem/index.d.ts +0 -9
- package/dist/NavItem/index.d.ts.map +0 -1
- package/dist/NavItem/index.js +0 -10
- package/src/NavItem/index.ts +0 -11
|
@@ -27,7 +27,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
27
27
|
// =============================================================================
|
|
28
28
|
// Context
|
|
29
29
|
// =============================================================================
|
|
30
|
-
import {
|
|
30
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
31
31
|
export const ToggleButtonGroupContext = /*#__PURE__*/createContext(null);
|
|
32
32
|
ToggleButtonGroupContext.displayName = 'ToggleButtonGroupContext';
|
|
33
33
|
|
|
@@ -134,15 +134,15 @@ export function ToggleButtonGroup(props) {
|
|
|
134
134
|
size,
|
|
135
135
|
isDisabled
|
|
136
136
|
}), [selectedValues, toggle, size, isDisabled]);
|
|
137
|
-
return /*#__PURE__*/
|
|
137
|
+
return /*#__PURE__*/_jsx(ToggleButtonGroupContext, {
|
|
138
138
|
value: contextValue,
|
|
139
|
-
children: /*#__PURE__*/
|
|
139
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
140
140
|
role: "group",
|
|
141
141
|
"aria-label": label,
|
|
142
142
|
"data-testid": testId,
|
|
143
143
|
...mergeProps(themeProps('toggle-button-group'), stylex.props(styles.group, orientation === 'vertical' && styles.vertical, xstyle)),
|
|
144
144
|
children: children
|
|
145
|
-
}
|
|
146
|
-
}
|
|
145
|
+
})
|
|
146
|
+
});
|
|
147
147
|
}
|
|
148
148
|
ToggleButtonGroup.displayName = 'ToggleButtonGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAgBrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAgBrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,SAAS,CAAC,WAAW,CAAC;IACxD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAkLD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAW,EACX,KAAiB,EACjB,IAAI,EACJ,UAAkB,EAClB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,UAAU,EACV,aAAqB,EACrB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,UAAU,+BA+IZ;yBAhKe,KAAK"}
|
package/dist/Token/Token.js
CHANGED
|
@@ -23,6 +23,7 @@ import { mergeProps } from "../utils/index.js";
|
|
|
23
23
|
import { useLinkComponent } from "../Link/useLinkComponent.js";
|
|
24
24
|
import { useInteractiveRole } from "../hooks/useInteractiveRole.js";
|
|
25
25
|
import { themeProps } from "../utils/themeProps.js";
|
|
26
|
+
import { useTranslator } from "../i18n/index.js";
|
|
26
27
|
|
|
27
28
|
// =============================================================================
|
|
28
29
|
// Types
|
|
@@ -31,7 +32,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
31
32
|
/**
|
|
32
33
|
* Available color variants for the token.
|
|
33
34
|
*/
|
|
34
|
-
import {
|
|
35
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
35
36
|
// =============================================================================
|
|
36
37
|
// Styles
|
|
37
38
|
// =============================================================================
|
|
@@ -193,6 +194,7 @@ export function Token({
|
|
|
193
194
|
'data-testid': testId,
|
|
194
195
|
ref
|
|
195
196
|
}) {
|
|
197
|
+
const t = useTranslator();
|
|
196
198
|
const LinkComponent = useLinkComponent();
|
|
197
199
|
const role = useInteractiveRole({
|
|
198
200
|
href,
|
|
@@ -203,8 +205,8 @@ export function Token({
|
|
|
203
205
|
// When role is 'button' via context (no explicit onClick), treat as
|
|
204
206
|
// if onClick was provided — the popover attaches its own handler.
|
|
205
207
|
const effectiveOnClick = onClick ?? (role === 'button' ? () => {} : null);
|
|
206
|
-
const content = /*#__PURE__*/
|
|
207
|
-
children: [icon, /*#__PURE__*/
|
|
208
|
+
const content = /*#__PURE__*/_jsxs(_Fragment, {
|
|
209
|
+
children: [icon, /*#__PURE__*/_jsx("span", {
|
|
208
210
|
...{
|
|
209
211
|
0: {
|
|
210
212
|
className: "xb3r6kr xlyipyv xuxw1ft xeuugli"
|
|
@@ -214,9 +216,11 @@ export function Token({
|
|
|
214
216
|
}
|
|
215
217
|
}[!!isLabelHidden << 0],
|
|
216
218
|
children: label
|
|
217
|
-
}
|
|
219
|
+
}), endContent, onRemove != null && /*#__PURE__*/_jsx("button", {
|
|
218
220
|
type: "button",
|
|
219
|
-
"aria-label":
|
|
221
|
+
"aria-label": t('@astryx.token.remove', {
|
|
222
|
+
label
|
|
223
|
+
}),
|
|
220
224
|
onClick: e => {
|
|
221
225
|
e.stopPropagation();
|
|
222
226
|
onRemove(e);
|
|
@@ -225,20 +229,20 @@ export function Token({
|
|
|
225
229
|
...{
|
|
226
230
|
className: "x3nfvp2 x6s0dn4 xl56j7k x1n2onr6 x1717udv xkd40ry x1ypdohk xjspbzw x1kky2od xlup9mm x1heor9g x17nn4n9 x1s928wv x1j6awrg x1xsm0q9"
|
|
227
231
|
},
|
|
228
|
-
children: /*#__PURE__*/
|
|
232
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
229
233
|
icon: "close",
|
|
230
234
|
size: "xsm",
|
|
231
235
|
color: "inherit"
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
}
|
|
236
|
+
})
|
|
237
|
+
})]
|
|
238
|
+
});
|
|
235
239
|
const sharedProps = {
|
|
236
240
|
'data-testid': testId,
|
|
237
241
|
'aria-label': isLabelHidden ? label : undefined,
|
|
238
242
|
'aria-description': description
|
|
239
243
|
};
|
|
240
244
|
if (role === 'link') {
|
|
241
|
-
return /*#__PURE__*/
|
|
245
|
+
return /*#__PURE__*/_jsx(LinkComponent, {
|
|
242
246
|
ref: ref,
|
|
243
247
|
href: href,
|
|
244
248
|
"aria-disabled": isDisabled || undefined,
|
|
@@ -248,7 +252,7 @@ export function Token({
|
|
|
248
252
|
size
|
|
249
253
|
}), stylex.props(styles.base, sizeStyles[size], colorStyles[color], styles.interactive, isDisabled && styles.disabled, xstyle), className, style),
|
|
250
254
|
children: content
|
|
251
|
-
}
|
|
255
|
+
});
|
|
252
256
|
}
|
|
253
257
|
if (effectiveOnClick != null) {
|
|
254
258
|
const handleContainerClick = e => {
|
|
@@ -258,7 +262,7 @@ export function Token({
|
|
|
258
262
|
}
|
|
259
263
|
effectiveOnClick(e);
|
|
260
264
|
};
|
|
261
|
-
return /*#__PURE__*/
|
|
265
|
+
return /*#__PURE__*/_jsxs("span", {
|
|
262
266
|
ref: ref,
|
|
263
267
|
onClick: isDisabled ? undefined : handleContainerClick,
|
|
264
268
|
...sharedProps,
|
|
@@ -266,14 +270,14 @@ export function Token({
|
|
|
266
270
|
color,
|
|
267
271
|
size
|
|
268
272
|
}), stylex.props(styles.base, sizeStyles[size], colorStyles[color], styles.interactive, styles.focusVisibleOutline, isDisabled && styles.disabled, xstyle), className, style),
|
|
269
|
-
children: [icon, /*#__PURE__*/
|
|
273
|
+
children: [icon, /*#__PURE__*/_jsx("button", {
|
|
270
274
|
type: "button",
|
|
271
275
|
onClick: effectiveOnClick,
|
|
272
276
|
disabled: isDisabled,
|
|
273
277
|
...{
|
|
274
278
|
className: "xmper1u xln7xf2 x1heor9g x1a2a7pz xb3r6kr xeuugli"
|
|
275
279
|
},
|
|
276
|
-
children: /*#__PURE__*/
|
|
280
|
+
children: /*#__PURE__*/_jsx("span", {
|
|
277
281
|
...{
|
|
278
282
|
0: {
|
|
279
283
|
className: "xb3r6kr xlyipyv xuxw1ft xeuugli"
|
|
@@ -283,10 +287,12 @@ export function Token({
|
|
|
283
287
|
}
|
|
284
288
|
}[!!isLabelHidden << 0],
|
|
285
289
|
children: label
|
|
286
|
-
}
|
|
287
|
-
}
|
|
290
|
+
})
|
|
291
|
+
}), endContent, onRemove != null && /*#__PURE__*/_jsx("button", {
|
|
288
292
|
type: "button",
|
|
289
|
-
"aria-label":
|
|
293
|
+
"aria-label": t('@astryx.token.remove', {
|
|
294
|
+
label
|
|
295
|
+
}),
|
|
290
296
|
onClick: e => {
|
|
291
297
|
e.stopPropagation();
|
|
292
298
|
onRemove(e);
|
|
@@ -295,15 +301,15 @@ export function Token({
|
|
|
295
301
|
...{
|
|
296
302
|
className: "x3nfvp2 x6s0dn4 xl56j7k x1n2onr6 x1717udv xkd40ry x1ypdohk xjspbzw x1kky2od xlup9mm x1heor9g x17nn4n9 x1s928wv x1j6awrg x1xsm0q9"
|
|
297
303
|
},
|
|
298
|
-
children: /*#__PURE__*/
|
|
304
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
299
305
|
icon: "close",
|
|
300
306
|
size: "xsm",
|
|
301
307
|
color: "inherit"
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
}
|
|
308
|
+
})
|
|
309
|
+
})]
|
|
310
|
+
});
|
|
305
311
|
}
|
|
306
|
-
return /*#__PURE__*/
|
|
312
|
+
return /*#__PURE__*/_jsx("span", {
|
|
307
313
|
ref: ref,
|
|
308
314
|
...sharedProps,
|
|
309
315
|
...mergeProps(themeProps('token', {
|
|
@@ -311,6 +317,6 @@ export function Token({
|
|
|
311
317
|
size
|
|
312
318
|
}), stylex.props(styles.base, sizeStyles[size], colorStyles[color], isDisabled && styles.disabled, xstyle), className, style),
|
|
313
319
|
children: content
|
|
314
|
-
}
|
|
320
|
+
});
|
|
315
321
|
}
|
|
316
322
|
Token.displayName = 'Token';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tokenizer.d.ts","sourceRoot":"","sources":["../../src/Tokenizer/Tokenizer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAGL,KAAK,WAAW,EAKjB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAUtD,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tokenizer.d.ts","sourceRoot":"","sources":["../../src/Tokenizer/Tokenizer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,6 +28,7 @@ import "../theme/tokens.stylex.js";
|
|
|
28
28
|
import { colorVars, spacingVars, sizeVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
29
29
|
import { mergeProps } from "../utils/index.js";
|
|
30
30
|
import { themeProps } from "../utils/themeProps.js";
|
|
31
|
+
import { useTranslator } from "../i18n/index.js";
|
|
31
32
|
|
|
32
33
|
// Re-export status types for convenience
|
|
33
34
|
|
|
@@ -49,7 +50,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
49
50
|
/**
|
|
50
51
|
* Imperative handle for Tokenizer handleRef.
|
|
51
52
|
*/
|
|
52
|
-
import {
|
|
53
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
53
54
|
// =============================================================================
|
|
54
55
|
// Styles
|
|
55
56
|
// =============================================================================
|
|
@@ -255,6 +256,7 @@ export function Tokenizer({
|
|
|
255
256
|
ref,
|
|
256
257
|
handleRef
|
|
257
258
|
}) {
|
|
259
|
+
const t = useTranslator();
|
|
258
260
|
const size = useSize(sizeProp, 'md');
|
|
259
261
|
const inputId = useId();
|
|
260
262
|
const descriptionId = useId();
|
|
@@ -475,20 +477,20 @@ export function Tokenizer({
|
|
|
475
477
|
const tokens = value.map(item => {
|
|
476
478
|
const onRemoveItem = () => handleRemove(item);
|
|
477
479
|
if (renderToken) {
|
|
478
|
-
return /*#__PURE__*/
|
|
480
|
+
return /*#__PURE__*/_jsx("span", {
|
|
479
481
|
...{
|
|
480
482
|
className: "x78zum5 x2lah0s"
|
|
481
483
|
},
|
|
482
484
|
children: renderToken(item, onRemoveItem)
|
|
483
|
-
}, item.id
|
|
485
|
+
}, item.id);
|
|
484
486
|
}
|
|
485
|
-
return /*#__PURE__*/
|
|
487
|
+
return /*#__PURE__*/_jsx(Token, {
|
|
486
488
|
label: item.label,
|
|
487
489
|
size: size,
|
|
488
490
|
onRemove: isDisabled ? undefined : onRemoveItem,
|
|
489
491
|
isDisabled: isDisabled,
|
|
490
492
|
xstyle: styles.token
|
|
491
|
-
}, item.id
|
|
493
|
+
}, item.id);
|
|
492
494
|
});
|
|
493
495
|
|
|
494
496
|
// Self-authored position styles (positioning: 'custom' below): explicit
|
|
@@ -499,7 +501,7 @@ export function Tokenizer({
|
|
|
499
501
|
top: 'anchor(top)',
|
|
500
502
|
left: 'anchor(start)'
|
|
501
503
|
};
|
|
502
|
-
const wrapperContent = /*#__PURE__*/
|
|
504
|
+
const wrapperContent = /*#__PURE__*/_jsxs("div", {
|
|
503
505
|
ref: el => {
|
|
504
506
|
wrapperRef.current = el;
|
|
505
507
|
// Anchor + hover/focus listeners for the disabled-message tooltip.
|
|
@@ -517,7 +519,7 @@ export function Tokenizer({
|
|
|
517
519
|
size,
|
|
518
520
|
status: status?.type
|
|
519
521
|
}), stylex.props(inputWrapperStyles.base, styles.wrapper, value.length > 0 && styles.wrapperWithTokens, isTruncated ? truncatedSizeStyles[size] : sizeStyle, isTruncated && styles.truncatedWrapper, isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type])),
|
|
520
|
-
children: [startIcon && /*#__PURE__*/
|
|
522
|
+
children: [startIcon && /*#__PURE__*/_jsx("span", {
|
|
521
523
|
...{
|
|
522
524
|
0: {},
|
|
523
525
|
1: {
|
|
@@ -528,17 +530,17 @@ export function Tokenizer({
|
|
|
528
530
|
size: 'sm',
|
|
529
531
|
color: 'secondary'
|
|
530
532
|
})
|
|
531
|
-
}
|
|
533
|
+
}), isTruncated ? /*#__PURE__*/_jsx(OverflowList, {
|
|
532
534
|
gap: 1,
|
|
533
535
|
behavior: "observeParent",
|
|
534
|
-
overflowRenderer: items => /*#__PURE__*/
|
|
536
|
+
overflowRenderer: items => /*#__PURE__*/_jsxs("span", {
|
|
535
537
|
...{
|
|
536
538
|
className: "x2lah0s xuxw1ft x141an7d xv1l7n4 x7a5moj"
|
|
537
539
|
},
|
|
538
540
|
children: ["+", items.length, " more"]
|
|
539
|
-
}
|
|
541
|
+
}),
|
|
540
542
|
children: tokens
|
|
541
|
-
}
|
|
543
|
+
}) : tokens, /*#__PURE__*/_jsx(BaseTypeahead, {
|
|
542
544
|
ref: inputRef,
|
|
543
545
|
searchSource: isAtMax ? emptySource : filteredSource,
|
|
544
546
|
value: null,
|
|
@@ -559,7 +561,7 @@ export function Tokenizer({
|
|
|
559
561
|
anchorRef: wrapperRef,
|
|
560
562
|
size: size,
|
|
561
563
|
inputXStyle: isAtMax || isTruncated ? styles.inputAtMax : value.length > 0 ? styles.inputCompact : undefined
|
|
562
|
-
}
|
|
564
|
+
}), htmlName != null && value.map(item => /*#__PURE__*/_jsx("input", {
|
|
563
565
|
type: "hidden",
|
|
564
566
|
name: htmlName,
|
|
565
567
|
value: item.id
|
|
@@ -567,59 +569,59 @@ export function Tokenizer({
|
|
|
567
569
|
// mirror that for the hidden carriers.
|
|
568
570
|
,
|
|
569
571
|
disabled: isDisabled
|
|
570
|
-
}, item.id
|
|
572
|
+
}, item.id)), (endContent || hasClear && value.length > 0 && !isDisabled) && /*#__PURE__*/_jsxs("div", {
|
|
571
573
|
...stylex.props(styles.endSection, endSectionSizeStyles[size]),
|
|
572
|
-
children: [endContent, hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/
|
|
573
|
-
label:
|
|
574
|
+
children: [endContent, hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/_jsx(InputClearButton, {
|
|
575
|
+
label: t('@astryx.tokenizer.clearAll'),
|
|
574
576
|
onClick: e => {
|
|
575
577
|
e.stopPropagation();
|
|
576
578
|
handleClearAll();
|
|
577
579
|
}
|
|
578
|
-
}
|
|
579
|
-
}
|
|
580
|
-
}
|
|
580
|
+
})]
|
|
581
|
+
})]
|
|
582
|
+
});
|
|
581
583
|
let tokenizerContent;
|
|
582
584
|
if (isLayerMode) {
|
|
583
585
|
const placeholderSizeStyle = layerPlaceholderSizeStyles[size];
|
|
584
|
-
tokenizerContent = /*#__PURE__*/
|
|
585
|
-
children: [/*#__PURE__*/
|
|
586
|
+
tokenizerContent = /*#__PURE__*/_jsxs(_Fragment, {
|
|
587
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
586
588
|
ref: placeholderRef,
|
|
587
589
|
onClick: handleWrapperClick,
|
|
588
590
|
...mergeProps(themeProps('tokenizer', {
|
|
589
591
|
size,
|
|
590
592
|
status: status?.type
|
|
591
593
|
}), stylex.props(inputWrapperStyles.base, styles.wrapper, value.length > 0 && styles.wrapperWithTokens, placeholderSizeStyle, isTruncated && styles.truncatedWrapper, isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type])),
|
|
592
|
-
children: isTruncated && /*#__PURE__*/
|
|
594
|
+
children: isTruncated && /*#__PURE__*/_jsxs(_Fragment, {
|
|
593
595
|
children: [startIcon && renderIconSlot(startIcon, {
|
|
594
596
|
size: 'sm',
|
|
595
597
|
color: 'secondary'
|
|
596
|
-
}), /*#__PURE__*/
|
|
598
|
+
}), /*#__PURE__*/_jsx(OverflowList, {
|
|
597
599
|
gap: 1,
|
|
598
600
|
behavior: "observeParent",
|
|
599
|
-
overflowRenderer: items => /*#__PURE__*/
|
|
601
|
+
overflowRenderer: items => /*#__PURE__*/_jsxs("span", {
|
|
600
602
|
...{
|
|
601
603
|
className: "x2lah0s xuxw1ft x141an7d xv1l7n4 x7a5moj"
|
|
602
604
|
},
|
|
603
605
|
children: ["+", items.length, " more"]
|
|
604
|
-
}
|
|
606
|
+
}),
|
|
605
607
|
children: tokens
|
|
606
|
-
}
|
|
607
|
-
}
|
|
608
|
-
}
|
|
608
|
+
})]
|
|
609
|
+
})
|
|
610
|
+
}), layer.render(/*#__PURE__*/_jsx("div", {
|
|
609
611
|
ref: layerContentRef,
|
|
610
612
|
onFocusCapture: handleFocusCapture,
|
|
611
613
|
onBlurCapture: handleBlurCapture,
|
|
612
614
|
children: wrapperContent
|
|
613
|
-
}
|
|
615
|
+
}), {
|
|
614
616
|
positioning: 'custom',
|
|
615
617
|
xstyle: styles.layerPopover,
|
|
616
618
|
style: popoverOverrideStyle
|
|
617
619
|
})]
|
|
618
|
-
}
|
|
620
|
+
});
|
|
619
621
|
} else {
|
|
620
622
|
tokenizerContent = wrapperContent;
|
|
621
623
|
}
|
|
622
|
-
return /*#__PURE__*/
|
|
624
|
+
return /*#__PURE__*/_jsxs(Field, {
|
|
623
625
|
ref: ref,
|
|
624
626
|
label: label,
|
|
625
627
|
isLabelHidden: isLabelHidden,
|
|
@@ -640,6 +642,6 @@ export function Tokenizer({
|
|
|
640
642
|
className: className,
|
|
641
643
|
style: style,
|
|
642
644
|
children: [tokenizerContent, showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
|
|
643
|
-
}
|
|
645
|
+
});
|
|
644
646
|
}
|
|
645
647
|
Tokenizer.displayName = 'Tokenizer';
|
package/dist/Toolbar/Toolbar.js
CHANGED
|
@@ -30,7 +30,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
30
30
|
/**
|
|
31
31
|
* Map SpacingStep values to spacingVars keys.
|
|
32
32
|
*/
|
|
33
|
-
import {
|
|
33
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
34
34
|
const spacingStepToVar = {
|
|
35
35
|
0: '--spacing-0',
|
|
36
36
|
0.5: '--spacing-0-5',
|
|
@@ -222,9 +222,9 @@ export function Toolbar({
|
|
|
222
222
|
}
|
|
223
223
|
onHintBlur(e);
|
|
224
224
|
}, [onBlurProp, onHintBlur]);
|
|
225
|
-
return /*#__PURE__*/
|
|
225
|
+
return /*#__PURE__*/_jsx(SizeProvider, {
|
|
226
226
|
value: size,
|
|
227
|
-
children: /*#__PURE__*/
|
|
227
|
+
children: /*#__PURE__*/_jsx(Section, {
|
|
228
228
|
ref: ref,
|
|
229
229
|
variant: variant,
|
|
230
230
|
paddingBlock: defaultBlockPaddingForSize[size],
|
|
@@ -232,7 +232,7 @@ export function Toolbar({
|
|
|
232
232
|
xstyle: xstyle,
|
|
233
233
|
className: className,
|
|
234
234
|
style: style,
|
|
235
|
-
children: /*#__PURE__*/
|
|
235
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
236
236
|
ref: listRef,
|
|
237
237
|
role: "toolbar",
|
|
238
238
|
"aria-label": label,
|
|
@@ -247,31 +247,31 @@ export function Toolbar({
|
|
|
247
247
|
children: [hasCenterContent ?
|
|
248
248
|
/*#__PURE__*/
|
|
249
249
|
// Three-slot grid layout
|
|
250
|
-
|
|
251
|
-
children: [/*#__PURE__*/
|
|
250
|
+
_jsxs(_Fragment, {
|
|
251
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
252
252
|
...stylex.props(styles.startSlot, edgeCompSlot.inset(edgeCompInsetForSize[size]), dynamicStyles.gap(gapVar)),
|
|
253
253
|
children: startContent
|
|
254
|
-
}
|
|
254
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
255
255
|
...stylex.props(styles.centerSlot, dynamicStyles.gap(gapVar)),
|
|
256
256
|
children: centerContent
|
|
257
|
-
}
|
|
257
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
258
258
|
...stylex.props(styles.endSlot, edgeCompSlot.inset(edgeCompInsetForSize[size]), dynamicStyles.gap(gapVar)),
|
|
259
259
|
children: endContent
|
|
260
|
-
}
|
|
261
|
-
}
|
|
260
|
+
})]
|
|
261
|
+
}) :
|
|
262
262
|
/*#__PURE__*/
|
|
263
263
|
// Two-slot flex layout
|
|
264
|
-
|
|
265
|
-
children: [hasStartContent && /*#__PURE__*/
|
|
264
|
+
_jsxs(_Fragment, {
|
|
265
|
+
children: [hasStartContent && /*#__PURE__*/_jsx("div", {
|
|
266
266
|
...stylex.props(styles.startSlot, !hasEndContent && styles.startOnly, edgeCompSlot.inset(edgeCompInsetForSize[size]), dynamicStyles.gap(gapVar)),
|
|
267
267
|
children: startContent
|
|
268
|
-
}
|
|
268
|
+
}), hasEndContent && /*#__PURE__*/_jsx("div", {
|
|
269
269
|
...stylex.props(styles.endSlot, !hasStartContent && styles.endOnly, edgeCompSlot.inset(edgeCompInsetForSize[size]), dynamicStyles.gap(gapVar)),
|
|
270
270
|
children: endContent
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
}
|
|
271
|
+
})]
|
|
272
|
+
}), hintElement]
|
|
273
|
+
})
|
|
274
|
+
})
|
|
275
|
+
});
|
|
276
276
|
}
|
|
277
277
|
Toolbar.displayName = 'Toolbar';
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -19,7 +19,7 @@ import * as stylex from '@stylexjs/stylex';
|
|
|
19
19
|
import { useTooltip } from "./useTooltip.js";
|
|
20
20
|
import "../theme/tokens.stylex.js";
|
|
21
21
|
import { colorVars } from "../theme/tokens.stylex.js";
|
|
22
|
-
import { Fragment as _Fragment,
|
|
22
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
23
|
/**
|
|
24
24
|
* Check if children are text-only (no React elements)
|
|
25
25
|
*/
|
|
@@ -152,15 +152,15 @@ export function Tooltip({
|
|
|
152
152
|
|
|
153
153
|
// Sibling mode: render only the tooltip (no wrapper needed)
|
|
154
154
|
if (anchorRef && children == null) {
|
|
155
|
-
return /*#__PURE__*/
|
|
155
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
156
156
|
children: tooltip.renderTooltip(content)
|
|
157
|
-
}
|
|
157
|
+
});
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
// For text-only children: use inline span with ref on wrapper
|
|
161
161
|
if (textOnly) {
|
|
162
|
-
return /*#__PURE__*/
|
|
163
|
-
children: [/*#__PURE__*/
|
|
162
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
163
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
164
164
|
ref: tooltip.ref,
|
|
165
165
|
tabIndex: 0,
|
|
166
166
|
"aria-describedby": tooltip.describedBy,
|
|
@@ -173,19 +173,19 @@ export function Tooltip({
|
|
|
173
173
|
}
|
|
174
174
|
}[!!showHoverIndication << 0],
|
|
175
175
|
children: children
|
|
176
|
-
}
|
|
177
|
-
}
|
|
176
|
+
}), tooltip.renderTooltip(content)]
|
|
177
|
+
});
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
// For element children: use display:contents, ref on first child
|
|
181
|
-
return /*#__PURE__*/
|
|
182
|
-
children: [/*#__PURE__*/
|
|
181
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
182
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
183
183
|
ref: wrapperRef,
|
|
184
184
|
...{
|
|
185
185
|
className: "xjp7ctv"
|
|
186
186
|
},
|
|
187
187
|
children: children
|
|
188
|
-
}
|
|
189
|
-
}
|
|
188
|
+
}), tooltip.renderTooltip(content)]
|
|
189
|
+
});
|
|
190
190
|
}
|
|
191
191
|
Tooltip.displayName = 'Tooltip';
|
|
@@ -24,7 +24,7 @@ import { colorVars, radiusVars, spacingVars, typographyVars, typeScaleVars } fro
|
|
|
24
24
|
* is set, so the pointer can travel across the small gap from the trigger onto
|
|
25
25
|
* the tooltip surface without the tooltip disappearing (WCAG 1.4.13 hoverable).
|
|
26
26
|
*/
|
|
27
|
-
import {
|
|
27
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
28
28
|
const HOVER_BRIDGE_DELAY = 100;
|
|
29
29
|
const styles = {
|
|
30
30
|
container: {
|
|
@@ -302,12 +302,12 @@ export function useTooltip(options = {}) {
|
|
|
302
302
|
onMouseEnter: cancelHide,
|
|
303
303
|
onMouseLeave: scheduleHide
|
|
304
304
|
};
|
|
305
|
-
return layer.render(/*#__PURE__*/
|
|
305
|
+
return layer.render(/*#__PURE__*/_jsx("div", {
|
|
306
306
|
...{
|
|
307
307
|
className: "xfsso4q xy143xn x12gdq22 x1djylfy xw5ewwj x13faqbe"
|
|
308
308
|
},
|
|
309
309
|
children: children
|
|
310
|
-
}
|
|
310
|
+
}), renderProps);
|
|
311
311
|
}, [layer, placement, alignment, popoverXstyle, cancelHide, scheduleHide]);
|
|
312
312
|
return {
|
|
313
313
|
ref,
|
package/dist/TopNav/TopNav.d.ts
CHANGED
|
@@ -49,6 +49,7 @@ export interface TopNavProps extends BaseProps<HTMLElement> {
|
|
|
49
49
|
/**
|
|
50
50
|
* Accessible label for the navigation landmark.
|
|
51
51
|
* Helps screen readers identify the navigation area.
|
|
52
|
+
* @default 'Top navigation'
|
|
52
53
|
*/
|
|
53
54
|
label?: string;
|
|
54
55
|
}
|
|
@@ -71,7 +72,7 @@ export interface TopNavProps extends BaseProps<HTMLElement> {
|
|
|
71
72
|
* />
|
|
72
73
|
* ```
|
|
73
74
|
*/
|
|
74
|
-
export declare function TopNav({ heading, startContent, children, centerContent, endContent, label, xstyle, className, style, ref, ...props }: TopNavProps): import("react").JSX.Element | null;
|
|
75
|
+
export declare function TopNav({ heading, startContent, children, centerContent, endContent, label: labelFromProps, xstyle, className, style, ref, ...props }: TopNavProps): import("react").JSX.Element | null;
|
|
75
76
|
export declare namespace TopNav {
|
|
76
77
|
var displayName: string;
|
|
77
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopNav.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNav.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TopNav.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNav.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA+F5C,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,UAAU,EACV,KAAK,EAAE,cAAc,EACrB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,sCAwHb;yBApIe,MAAM"}
|