cursedbelt 5.53.0 → 5.55.0
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/react/activity-bar/ActivityBar.d.ts +39 -3
- package/dist/react/activity-bar/ActivityBar.d.ts.map +1 -1
- package/dist/react/activity-bar/ActivityBar.js +215 -6
- package/dist/react/activity-bar/ActivityBar.js.map +1 -1
- package/dist/react/activity-bar/activityBar.css +95 -10
- package/dist/react/canvas-hud/HudControls.d.ts.map +1 -1
- package/dist/react/canvas-hud/HudControls.js +1 -1
- package/dist/react/canvas-hud/HudControls.js.map +1 -1
- package/dist/react/charts/HeatmapChart.d.ts.map +1 -1
- package/dist/react/charts/HeatmapChart.js +2 -1
- package/dist/react/charts/HeatmapChart.js.map +1 -1
- package/dist/react/charts/IntervalTimeline.d.ts.map +1 -1
- package/dist/react/charts/IntervalTimeline.js +2 -1
- package/dist/react/charts/IntervalTimeline.js.map +1 -1
- package/dist/react/code-editor/CodeEditor.d.ts +14 -1
- package/dist/react/code-editor/CodeEditor.d.ts.map +1 -1
- package/dist/react/code-editor/CodeEditor.js +31 -6
- package/dist/react/code-editor/CodeEditor.js.map +1 -1
- package/dist/react/code-editor/languages.d.ts +1 -1
- package/dist/react/code-editor/languages.d.ts.map +1 -1
- package/dist/react/code-editor/languages.js +55 -0
- package/dist/react/code-editor/languages.js.map +1 -1
- package/dist/react/components/ActionBar.d.ts.map +1 -1
- package/dist/react/components/ActionBar.js +1 -1
- package/dist/react/components/ActionBar.js.map +1 -1
- package/dist/react/components/AddItemsMenu.d.ts.map +1 -1
- package/dist/react/components/AddItemsMenu.js +2 -1
- package/dist/react/components/AddItemsMenu.js.map +1 -1
- package/dist/react/components/Button.d.ts +5 -4
- package/dist/react/components/Button.d.ts.map +1 -1
- package/dist/react/components/Button.js +5 -2
- package/dist/react/components/Button.js.map +1 -1
- package/dist/react/components/ChipFilterStrip.js +3 -3
- package/dist/react/components/ChipFilterStrip.js.map +1 -1
- package/dist/react/components/Collapsible.d.ts.map +1 -1
- package/dist/react/components/Collapsible.js +2 -1
- package/dist/react/components/Collapsible.js.map +1 -1
- package/dist/react/components/ComboboxField.d.ts.map +1 -1
- package/dist/react/components/ComboboxField.js +4 -1
- package/dist/react/components/ComboboxField.js.map +1 -1
- package/dist/react/components/DataTable/CardView.js +2 -2
- package/dist/react/components/DataTable/CardView.js.map +1 -1
- package/dist/react/components/DataTable/ColumnChecklist.d.ts.map +1 -1
- package/dist/react/components/DataTable/ColumnChecklist.js +4 -3
- package/dist/react/components/DataTable/ColumnChecklist.js.map +1 -1
- package/dist/react/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/react/components/DataTable/DataTable.js +9 -4
- package/dist/react/components/DataTable/DataTable.js.map +1 -1
- package/dist/react/components/DataTable/SearchBox.d.ts.map +1 -1
- package/dist/react/components/DataTable/SearchBox.js +4 -2
- package/dist/react/components/DataTable/SearchBox.js.map +1 -1
- package/dist/react/components/DataTable/SortHeader.d.ts.map +1 -1
- package/dist/react/components/DataTable/SortHeader.js +3 -2
- package/dist/react/components/DataTable/SortHeader.js.map +1 -1
- package/dist/react/components/DataTable/SortStack.d.ts.map +1 -1
- package/dist/react/components/DataTable/SortStack.js +4 -3
- package/dist/react/components/DataTable/SortStack.js.map +1 -1
- package/dist/react/components/DataTable/TableFilterBuilder.d.ts.map +1 -1
- package/dist/react/components/DataTable/TableFilterBuilder.js +4 -3
- package/dist/react/components/DataTable/TableFilterBuilder.js.map +1 -1
- package/dist/react/components/DatePicker.d.ts.map +1 -1
- package/dist/react/components/DatePicker.js +2 -1
- package/dist/react/components/DatePicker.js.map +1 -1
- package/dist/react/components/DateRangePicker.d.ts.map +1 -1
- package/dist/react/components/DateRangePicker.js +2 -1
- package/dist/react/components/DateRangePicker.js.map +1 -1
- package/dist/react/components/DisclosureButton.d.ts.map +1 -1
- package/dist/react/components/DisclosureButton.js +2 -1
- package/dist/react/components/DisclosureButton.js.map +1 -1
- package/dist/react/components/DragHandle.d.ts.map +1 -1
- package/dist/react/components/DragHandle.js +2 -1
- package/dist/react/components/DragHandle.js.map +1 -1
- package/dist/react/components/EmojiField.d.ts.map +1 -1
- package/dist/react/components/EmojiField.js +2 -1
- package/dist/react/components/EmojiField.js.map +1 -1
- package/dist/react/components/ExpandableRow.d.ts.map +1 -1
- package/dist/react/components/ExpandableRow.js +2 -1
- package/dist/react/components/ExpandableRow.js.map +1 -1
- package/dist/react/components/FormPreviewLayout.js +1 -1
- package/dist/react/components/FormPreviewLayout.js.map +1 -1
- package/dist/react/components/InlineEditableText.d.ts.map +1 -1
- package/dist/react/components/InlineEditableText.js +2 -1
- package/dist/react/components/InlineEditableText.js.map +1 -1
- package/dist/react/components/Menu.d.ts.map +1 -1
- package/dist/react/components/Menu.js +2 -1
- package/dist/react/components/Menu.js.map +1 -1
- package/dist/react/components/NativeSelect.d.ts.map +1 -1
- package/dist/react/components/NativeSelect.js +4 -2
- package/dist/react/components/NativeSelect.js.map +1 -1
- package/dist/react/components/RatingField.d.ts.map +1 -1
- package/dist/react/components/RatingField.js +2 -1
- package/dist/react/components/RatingField.js.map +1 -1
- package/dist/react/components/ReactionBar.d.ts.map +1 -1
- package/dist/react/components/ReactionBar.js +2 -1
- package/dist/react/components/ReactionBar.js.map +1 -1
- package/dist/react/components/RevealAction.d.ts.map +1 -1
- package/dist/react/components/RevealAction.js +2 -1
- package/dist/react/components/RevealAction.js.map +1 -1
- package/dist/react/components/SearchInput.js +1 -1
- package/dist/react/components/SearchInput.js.map +1 -1
- package/dist/react/components/SectionNav.d.ts +39 -0
- package/dist/react/components/SectionNav.d.ts.map +1 -0
- package/dist/react/components/SectionNav.js +76 -0
- package/dist/react/components/SectionNav.js.map +1 -0
- package/dist/react/components/SegmentedControl.d.ts.map +1 -1
- package/dist/react/components/SegmentedControl.js +5 -2
- package/dist/react/components/SegmentedControl.js.map +1 -1
- package/dist/react/components/SelectableRow.d.ts.map +1 -1
- package/dist/react/components/SelectableRow.js +2 -1
- package/dist/react/components/SelectableRow.js.map +1 -1
- package/dist/react/components/StarRating.d.ts.map +1 -1
- package/dist/react/components/StarRating.js +2 -1
- package/dist/react/components/StarRating.js.map +1 -1
- package/dist/react/components/Tooltip.d.ts +4 -2
- package/dist/react/components/Tooltip.d.ts.map +1 -1
- package/dist/react/components/Tooltip.js.map +1 -1
- package/dist/react/components/TooltipImpl.d.ts +0 -5
- package/dist/react/components/TooltipImpl.d.ts.map +1 -1
- package/dist/react/components/TooltipImpl.js +70 -1
- package/dist/react/components/TooltipImpl.js.map +1 -1
- package/dist/react/components/TreeView.d.ts.map +1 -1
- package/dist/react/components/TreeView.js +16 -2
- package/dist/react/components/TreeView.js.map +1 -1
- package/dist/react/components/UnstyledButton.d.ts.map +1 -1
- package/dist/react/components/UnstyledButton.js +2 -1
- package/dist/react/components/UnstyledButton.js.map +1 -1
- package/dist/react/components/calendar/EventChip.d.ts.map +1 -1
- package/dist/react/components/calendar/EventChip.js +2 -1
- package/dist/react/components/calendar/EventChip.js.map +1 -1
- package/dist/react/components/searchInput.css +21 -5
- package/dist/react/components/sharing/RecipientPicker.d.ts.map +1 -1
- package/dist/react/components/sharing/RecipientPicker.js +2 -1
- package/dist/react/components/sharing/RecipientPicker.js.map +1 -1
- package/dist/react/disk-usage/DiskUsageTree.d.ts +28 -3
- package/dist/react/disk-usage/DiskUsageTree.d.ts.map +1 -1
- package/dist/react/disk-usage/DiskUsageTree.js +93 -15
- package/dist/react/disk-usage/DiskUsageTree.js.map +1 -1
- package/dist/react/emoji/EmojiAutocomplete.d.ts.map +1 -1
- package/dist/react/emoji/EmojiAutocomplete.js +2 -1
- package/dist/react/emoji/EmojiAutocomplete.js.map +1 -1
- package/dist/react/file-tree/FileTree.d.ts.map +1 -1
- package/dist/react/file-tree/FileTree.js +2 -1
- package/dist/react/file-tree/FileTree.js.map +1 -1
- package/dist/react/filter-rail/FilterRail.d.ts.map +1 -1
- package/dist/react/filter-rail/FilterRail.js +4 -3
- package/dist/react/filter-rail/FilterRail.js.map +1 -1
- package/dist/react/filter-rail/RailSection.d.ts.map +1 -1
- package/dist/react/filter-rail/RailSection.js +2 -1
- package/dist/react/filter-rail/RailSection.js.map +1 -1
- package/dist/react/folder-tree/FolderPicker.d.ts.map +1 -1
- package/dist/react/folder-tree/FolderPicker.js +4 -3
- package/dist/react/folder-tree/FolderPicker.js.map +1 -1
- package/dist/react/folder-tree/FolderTreeRail.d.ts.map +1 -1
- package/dist/react/folder-tree/FolderTreeRail.js +4 -3
- package/dist/react/folder-tree/FolderTreeRail.js.map +1 -1
- package/dist/react/icons.d.ts +2 -0
- package/dist/react/icons.d.ts.map +1 -1
- package/dist/react/icons.js +2 -0
- package/dist/react/icons.js.map +1 -1
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +2 -0
- package/dist/react/index.js.map +1 -1
- package/dist/react/layoutEngine/NodeInspector.d.ts.map +1 -1
- package/dist/react/layoutEngine/NodeInspector.js +2 -1
- package/dist/react/layoutEngine/NodeInspector.js.map +1 -1
- package/dist/react/lib/cn.d.ts +20 -0
- package/dist/react/lib/cn.d.ts.map +1 -1
- package/dist/react/lib/cn.js +31 -1
- package/dist/react/lib/cn.js.map +1 -1
- package/dist/react/lib/daypicker.d.ts.map +1 -1
- package/dist/react/lib/daypicker.js +2 -1
- package/dist/react/lib/daypicker.js.map +1 -1
- package/dist/react/lib/field.d.ts +6 -1
- package/dist/react/lib/field.d.ts.map +1 -1
- package/dist/react/lib/field.js +8 -3
- package/dist/react/lib/field.js.map +1 -1
- package/dist/react/lib/infoHint.d.ts +6 -2
- package/dist/react/lib/infoHint.d.ts.map +1 -1
- package/dist/react/lib/infoHint.js +6 -2
- package/dist/react/lib/infoHint.js.map +1 -1
- package/dist/react/master-detail/MasterDetail.d.ts.map +1 -1
- package/dist/react/master-detail/MasterDetail.js +3 -2
- package/dist/react/master-detail/MasterDetail.js.map +1 -1
- package/dist/react/master-lock/MasterLockProvider.d.ts.map +1 -1
- package/dist/react/master-lock/MasterLockProvider.js +3 -2
- package/dist/react/master-lock/MasterLockProvider.js.map +1 -1
- package/dist/react/media/DenseGalleryShell.d.ts.map +1 -1
- package/dist/react/media/DenseGalleryShell.js +4 -3
- package/dist/react/media/DenseGalleryShell.js.map +1 -1
- package/dist/react/media/FocusViewer.d.ts.map +1 -1
- package/dist/react/media/FocusViewer.js +2 -1
- package/dist/react/media/FocusViewer.js.map +1 -1
- package/dist/react/media/FrameGrabber.d.ts.map +1 -1
- package/dist/react/media/FrameGrabber.js +4 -3
- package/dist/react/media/FrameGrabber.js.map +1 -1
- package/dist/react/media/HoverScrubVideoThumb.d.ts.map +1 -1
- package/dist/react/media/HoverScrubVideoThumb.js +2 -1
- package/dist/react/media/HoverScrubVideoThumb.js.map +1 -1
- package/dist/react/media/PictureEditor.d.ts.map +1 -1
- package/dist/react/media/PictureEditor.js +4 -3
- package/dist/react/media/PictureEditor.js.map +1 -1
- package/dist/react/media/PlayerStrip.d.ts.map +1 -1
- package/dist/react/media/PlayerStrip.js +2 -1
- package/dist/react/media/PlayerStrip.js.map +1 -1
- package/dist/react/media/VideoChapterEditor.d.ts.map +1 -1
- package/dist/react/media/VideoChapterEditor.js +3 -2
- package/dist/react/media/VideoChapterEditor.js.map +1 -1
- package/dist/react/media/VideoCutEditor.d.ts.map +1 -1
- package/dist/react/media/VideoCutEditor.js +3 -2
- package/dist/react/media/VideoCutEditor.js.map +1 -1
- package/dist/react/media/VideoTurner.d.ts.map +1 -1
- package/dist/react/media/VideoTurner.js +6 -5
- package/dist/react/media/VideoTurner.js.map +1 -1
- package/dist/react/media/controlBar.d.ts.map +1 -1
- package/dist/react/media/controlBar.js +2 -1
- package/dist/react/media/controlBar.js.map +1 -1
- package/dist/react/media-gallery/GalleryTable.d.ts.map +1 -1
- package/dist/react/media-gallery/GalleryTable.js +4 -3
- package/dist/react/media-gallery/GalleryTable.js.map +1 -1
- package/dist/react/media-gallery/MediaGallery.d.ts.map +1 -1
- package/dist/react/media-gallery/MediaGallery.js +25 -24
- package/dist/react/media-gallery/MediaGallery.js.map +1 -1
- package/dist/react/nav/BreadcrumbTrail.d.ts.map +1 -1
- package/dist/react/nav/BreadcrumbTrail.js +2 -1
- package/dist/react/nav/BreadcrumbTrail.js.map +1 -1
- package/dist/react/nav/HubTileGrid.d.ts.map +1 -1
- package/dist/react/nav/HubTileGrid.js +2 -1
- package/dist/react/nav/HubTileGrid.js.map +1 -1
- package/dist/react/nav/PlaceBar.d.ts.map +1 -1
- package/dist/react/nav/PlaceBar.js +9 -4
- package/dist/react/nav/PlaceBar.js.map +1 -1
- package/dist/react/nav/SideNavCustomize.d.ts.map +1 -1
- package/dist/react/nav/SideNavCustomize.js +2 -1
- package/dist/react/nav/SideNavCustomize.js.map +1 -1
- package/dist/react/place-bar/index.d.ts +2 -0
- package/dist/react/place-bar/index.d.ts.map +1 -0
- package/dist/react/place-bar/index.js +9 -0
- package/dist/react/place-bar/index.js.map +1 -0
- package/dist/scripts/guardrailsEnforce.d.ts.map +1 -1
- package/dist/styles-areas/analytics.css +11 -10
- package/dist/styles-areas/core.css +17 -16
- package/dist/styles-areas/data-table.css +11 -10
- package/dist/styles-areas/disk-usage.css +5 -4
- package/dist/styles-areas/fields.css +4 -3
- package/dist/styles-areas/nav.css +7 -7
- package/dist/styles-areas/place-bar.css +33 -0
- package/dist/styles-utilities.css +42 -3
- package/package.json +39 -3
- package/scripts/guardrails-baseline.json +1 -0
- package/scripts/guardrailsEnforce.spec.ts +24 -0
- package/scripts/guardrailsEnforce.ts +30 -1
- package/scripts/styleAreas.ts +7 -0
- package/src/react/activity-bar/ActivityBar.spec.tsx +106 -1
- package/src/react/activity-bar/ActivityBar.tsx +223 -17
- package/src/react/activity-bar/activityBar.css +95 -10
- package/src/react/canvas-hud/HudControls.tsx +0 -1
- package/src/react/charts/HeatmapChart.tsx +2 -1
- package/src/react/charts/IntervalTimeline.tsx +2 -1
- package/src/react/code-editor/CodeEditor.spec.tsx +46 -0
- package/src/react/code-editor/CodeEditor.tsx +42 -5
- package/src/react/code-editor/languages.ts +65 -1
- package/src/react/components/ActionBar.spec.tsx +34 -3
- package/src/react/components/ActionBar.tsx +4 -2
- package/src/react/components/AddItemsMenu.tsx +2 -1
- package/src/react/components/Button.tsx +11 -6
- package/src/react/components/ChipFilterStrip.tsx +3 -2
- package/src/react/components/Collapsible.tsx +2 -1
- package/src/react/components/ComboboxField.tsx +3 -1
- package/src/react/components/DataTable/CardView.tsx +2 -2
- package/src/react/components/DataTable/ColumnChecklist.tsx +4 -3
- package/src/react/components/DataTable/DataTable.tsx +9 -4
- package/src/react/components/DataTable/SearchBox.tsx +5 -2
- package/src/react/components/DataTable/SortHeader.tsx +3 -2
- package/src/react/components/DataTable/SortStack.tsx +4 -3
- package/src/react/components/DataTable/TableFilterBuilder.tsx +4 -3
- package/src/react/components/DatePicker.tsx +2 -1
- package/src/react/components/DateRangePicker.tsx +2 -1
- package/src/react/components/DisclosureButton.tsx +2 -1
- package/src/react/components/DragHandle.tsx +2 -1
- package/src/react/components/EmojiField.tsx +2 -1
- package/src/react/components/ExpandableRow.tsx +2 -1
- package/src/react/components/FormPreviewLayout.tsx +1 -1
- package/src/react/components/InfoHint.spec.tsx +10 -0
- package/src/react/components/InlineEditableText.tsx +2 -1
- package/src/react/components/Menu.tsx +2 -1
- package/src/react/components/NativeSelect.spec.tsx +10 -0
- package/src/react/components/NativeSelect.tsx +4 -2
- package/src/react/components/RatingField.tsx +2 -1
- package/src/react/components/ReactionBar.tsx +2 -1
- package/src/react/components/RevealAction.tsx +2 -1
- package/src/react/components/SearchInput.spec.tsx +11 -0
- package/src/react/components/SearchInput.tsx +1 -1
- package/src/react/components/SectionNav.spec.tsx +98 -0
- package/src/react/components/SectionNav.tsx +143 -0
- package/src/react/components/SegmentedControl.tsx +4 -1
- package/src/react/components/SelectableRow.tsx +2 -1
- package/src/react/components/StarRating.tsx +2 -1
- package/src/react/components/Tooltip.tsx +4 -2
- package/src/react/components/TooltipImpl.tsx +76 -2
- package/src/react/components/TreeView.spec.tsx +28 -0
- package/src/react/components/TreeView.tsx +14 -2
- package/src/react/components/UnstyledButton.tsx +2 -1
- package/src/react/components/calendar/EventChip.tsx +2 -1
- package/src/react/components/searchInput.css +21 -5
- package/src/react/components/sharing/RecipientPicker.tsx +2 -1
- package/src/react/disk-usage/DiskUsage.spec.tsx +96 -0
- package/src/react/disk-usage/DiskUsageTree.tsx +193 -29
- package/src/react/emoji/EmojiAutocomplete.tsx +2 -1
- package/src/react/file-tree/FileTree.tsx +2 -1
- package/src/react/filter-rail/FilterRail.tsx +4 -3
- package/src/react/filter-rail/RailSection.tsx +2 -1
- package/src/react/folder-tree/FolderPicker.tsx +4 -3
- package/src/react/folder-tree/FolderTreeRail.tsx +4 -3
- package/src/react/icons.tsx +2 -0
- package/src/react/index.ts +2 -0
- package/src/react/layoutEngine/NodeInspector.tsx +2 -1
- package/src/react/lib/cn.spec.ts +7 -0
- package/src/react/lib/cn.ts +32 -1
- package/src/react/lib/daypicker.tsx +2 -1
- package/src/react/lib/field.spec.ts +15 -0
- package/src/react/lib/field.ts +8 -3
- package/src/react/lib/infoHint.ts +6 -2
- package/src/react/master-detail/MasterDetail.tsx +3 -2
- package/src/react/master-lock/MasterLockProvider.tsx +3 -2
- package/src/react/media/DenseGalleryShell.tsx +4 -3
- package/src/react/media/FocusViewer.tsx +2 -1
- package/src/react/media/FrameGrabber.tsx +4 -3
- package/src/react/media/HoverScrubVideoThumb.tsx +2 -1
- package/src/react/media/PictureEditor.tsx +4 -3
- package/src/react/media/PlayerStrip.tsx +2 -1
- package/src/react/media/VideoChapterEditor.tsx +3 -2
- package/src/react/media/VideoCutEditor.tsx +3 -2
- package/src/react/media/VideoTurner.tsx +6 -5
- package/src/react/media/controlBar.tsx +2 -1
- package/src/react/media-gallery/GalleryTable.tsx +4 -3
- package/src/react/media-gallery/MediaGallery.tsx +25 -24
- package/src/react/nav/BreadcrumbTrail.tsx +2 -1
- package/src/react/nav/HubTileGrid.tsx +2 -1
- package/src/react/nav/PlaceBar.tsx +9 -5
- package/src/react/nav/SideNavCustomize.tsx +2 -1
- package/src/react/place-bar/index.ts +8 -0
- package/src/styles-areas/analytics.css +11 -10
- package/src/styles-areas/core.css +17 -16
- package/src/styles-areas/data-table.css +11 -10
- package/src/styles-areas/disk-usage.css +5 -4
- package/src/styles-areas/fields.css +4 -3
- package/src/styles-areas/nav.css +7 -7
- package/src/styles-areas/place-bar.css +33 -0
- package/src/styles-utilities.css +42 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortStack.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/SortStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"SortStack.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/SortStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,YAAY,CAAC;IACtB,iCAAiC;IACjC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,6EAA6E;IAC7E,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gEAAgE;IAChE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,cAAc,sCAuEhB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ArrowDown, ArrowUp, X } from 'lucide-react';
|
|
3
3
|
import { cn } from '../../lib/cn.js';
|
|
4
|
+
import { RAW_BUTTON } from '../../lib/cn';
|
|
4
5
|
/**
|
|
5
6
|
* The sort STACK, made visible and dismissable.
|
|
6
7
|
*
|
|
@@ -25,10 +26,10 @@ export function SortStack({ sorting, labelOf, onToggleDirection, onRemove, onCle
|
|
|
25
26
|
type: 'button', onClick: () => onToggleDirection(sort.id), "aria-label": `Sort ${labelOf(sort.id)} ${sort.desc ? 'ascending' : 'descending'}`,
|
|
26
27
|
// h-5 on both buttons: the label ran 18px tall and the × 16px, so the chip's two
|
|
27
28
|
// controls sat on different lines of FND-4's one row (forge task 2593).
|
|
28
|
-
className: 'inline-flex h-5 min-w-0 items-center gap-1 rounded-full px-1 font-medium transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: [_jsx("span", { className: 'min-w-0 truncate', children: labelOf(sort.id) }), sort.desc ? (_jsx(ArrowDown, { className: 'size-3 shrink-0', "aria-hidden": true })) : (_jsx(ArrowUp, { className: 'size-3 shrink-0', "aria-hidden": true })), _jsx("span", { className: 'sr-only', children: sort.desc ? 'descending' : 'ascending' })] }), _jsx("button", {
|
|
29
|
+
className: cn(RAW_BUTTON, 'inline-flex h-5 min-w-0 items-center gap-1 rounded-full px-1 font-medium transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'), children: [_jsx("span", { className: 'min-w-0 truncate', children: labelOf(sort.id) }), sort.desc ? (_jsx(ArrowDown, { className: 'size-3 shrink-0', "aria-hidden": true })) : (_jsx(ArrowUp, { className: 'size-3 shrink-0', "aria-hidden": true })), _jsx("span", { className: 'sr-only', children: sort.desc ? 'descending' : 'ascending' })] }), _jsx("button", {
|
|
29
30
|
// guardrails-ignore no-raw-action-button: drops a sort key — view state, not a mutation.
|
|
30
|
-
type: 'button', "aria-label": `Stop sorting by ${labelOf(sort.id)}`, onClick: () => onRemove(sort.id), className: 'inline-flex size-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-background hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: _jsx(X, { className: 'size-3' }) })] }, sort.id))), sorting.length > 1 ? (_jsx("li", { children: _jsx("button", {
|
|
31
|
+
type: 'button', "aria-label": `Stop sorting by ${labelOf(sort.id)}`, onClick: () => onRemove(sort.id), className: cn(RAW_BUTTON, 'inline-flex size-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-background hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'), children: _jsx(X, { className: 'size-3' }) })] }, sort.id))), sorting.length > 1 ? (_jsx("li", { children: _jsx("button", {
|
|
31
32
|
// guardrails-ignore no-raw-action-button: clears the sort stack — view state, not a mutation.
|
|
32
|
-
type: 'button', onClick: onClear, className: 'rounded px-1.5 py-0.5 text-caption font-semibold uppercase tracking-wide text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: "Clear" }) })) : null] }));
|
|
33
|
+
type: 'button', onClick: onClear, className: cn(RAW_BUTTON, 'rounded px-1.5 py-0.5 text-caption font-semibold uppercase tracking-wide text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'), children: "Clear" }) })) : null] }));
|
|
33
34
|
}
|
|
34
35
|
//# sourceMappingURL=SortStack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortStack.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/SortStack.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"SortStack.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/SortStack.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAc1C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,SAAS,GACM;IACf,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACtC,OAAO,CAIL,oCACqB,EAAE,gBACV,YAAY,EACvB,SAAS,EAAE,EAAE,CAAC,yDAAyD,EAAE,SAAS,CAAC,aAElF,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,cAEE,SAAS,EAAC,sHAAsH,aAMhI,eAAM,SAAS,EAAC,uDAAuD,YAAE,KAAK,GAAG,CAAC,GAAQ,EAC1F;wBACE,+FAA+F;wBAC/F,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,gBAO7B,QAAQ,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE;wBAChF,iFAAiF;wBACjF,wEAAwE;wBACxE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,0LAA0L,CAAC,aAErN,eAAM,SAAS,EAAC,kBAAkB,YAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,GAAQ,EAC3D,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IAAC,SAAS,EAAC,iBAAiB,wBAAe,CACtD,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB,wBAAe,CACpD,EACD,eAAM,SAAS,EAAC,SAAS,YAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,GAAQ,IAClE,EACT;wBACE,yFAAyF;wBACzF,IAAI,EAAC,QAAQ,gBACD,mBAAmB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAChC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,gOAAgO,CAAC,YAE3P,KAAC,CAAC,IAAC,SAAS,EAAC,QAAQ,GAAG,GACjB,KAvCJ,IAAI,CAAC,EAAE,CAwCT,CACN,CAAC,EACD,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAGpB,uBACE;oBACE,8FAA8F;oBAC9F,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,gNAAgN,CAAC,sBAGpO,GACN,CACN,CAAC,CAAC,CAAC,IAAI,IACL,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableFilterBuilder.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/TableFilterBuilder.tsx"],"names":[],"mappings":"AAOA,OAAO,EAOL,KAAK,WAAW,EAIjB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"TableFilterBuilder.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/TableFilterBuilder.tsx"],"names":[],"mappings":"AAOA,OAAO,EAOL,KAAK,WAAW,EAIjB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAOD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAmB,GACpB,EAAE,uBAAuB,sCAmMzB"}
|
|
@@ -8,6 +8,7 @@ import { NativeSelect } from '../NativeSelect.js';
|
|
|
8
8
|
import { Popover } from '../Popover.js';
|
|
9
9
|
import { countActiveConditions, describeFilterQuery, EMPTY_FILTER_QUERY, FILTER_OP_LABELS, newCondition, newGroup, VALUELESS_OPS, } from './filterQuery.js';
|
|
10
10
|
import { Surface } from '../Surface.js';
|
|
11
|
+
import { RAW_BUTTON } from '../../lib/cn';
|
|
11
12
|
const OP_OPTIONS = Object.keys(FILTER_OP_LABELS).map((op) => ({
|
|
12
13
|
value: op,
|
|
13
14
|
label: FILTER_OP_LABELS[op],
|
|
@@ -72,7 +73,7 @@ export function TableFilterBuilder({ columns, value, onChange, className, defaul
|
|
|
72
73
|
return null;
|
|
73
74
|
return (_jsx(Popover, { open: open, onOpenChange: setOpen, align: 'start', width: 520, arrow: false, trigger: _jsxs(Button, { size: 'sm', variant: activeCount > 0 ? 'secondary' : 'ghost', leftIcon: _jsx(Filter, {}), tooltip: activeCount > 0 ? describeFilterQuery(value, labelOf) : 'Build a filter', children: ["Filter", activeCount > 0 ? (_jsx("span", { className: 'ml-1.5 rounded-full bg-accent-solid px-1.5 py-0.5 text-caption font-bold text-accent-solid-foreground', children: activeCount })) : null] }), children: _jsxs("div", { className: 'flex flex-col gap-2', children: [_jsxs("div", { className: 'flex items-center justify-between gap-2', children: [_jsx("span", { className: 'cb-meta-label', children: "Filter" }), _jsx("button", {
|
|
74
75
|
// guardrails-ignore no-raw-action-button: clears view state, mutates no record.
|
|
75
|
-
type: 'button', onClick: () => onChange(EMPTY_FILTER_QUERY), disabled: value.groups.length === 0, className: 'rounded px-1.5 py-1 text-caption font-semibold uppercase tracking-wide text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40', children: "Clear all" })] }), value.groups.length === 0 ? (_jsxs("p", { className: 'px-1 py-2 text-sm text-muted-foreground', children: ["Match rows on any number of columns. Conditions inside a group must all match; add a second group to match ", _jsx("strong", { className: 'font-semibold text-foreground', children: "either" }), ' ', "set."] })) : null, _jsx("div", { className: 'flex max-h-88 flex-col gap-2 overflow-y-auto', children: value.groups.map((group, groupIndex) => (_jsxs("div", { children: [groupIndex > 0 ? (_jsxs("div", { className: 'flex items-center gap-2 py-1.5', children: [_jsx("span", { className: 'h-px flex-1 bg-border' }), _jsx("span", { className: 'rounded-full border border-border bg-muted px-2 py-0.5 text-caption font-bold uppercase tracking-wider text-muted-foreground', children: "or" }), _jsx("span", { className: 'h-px flex-1 bg-border' })] })) : null, _jsxs(Surface, { level: "flat", pad: "none", radius: "lg", className: 'bg-muted/30 p-2', children: [_jsx("div", { className: 'flex flex-col gap-1.5', children: group.conditions.map((condition, conditionIndex) => (_jsxs("div", {
|
|
76
|
+
type: 'button', onClick: () => onChange(EMPTY_FILTER_QUERY), disabled: value.groups.length === 0, className: cn(RAW_BUTTON, 'rounded px-1.5 py-1 text-caption font-semibold uppercase tracking-wide text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40'), children: "Clear all" })] }), value.groups.length === 0 ? (_jsxs("p", { className: 'px-1 py-2 text-sm text-muted-foreground', children: ["Match rows on any number of columns. Conditions inside a group must all match; add a second group to match ", _jsx("strong", { className: 'font-semibold text-foreground', children: "either" }), ' ', "set."] })) : null, _jsx("div", { className: 'flex max-h-88 flex-col gap-2 overflow-y-auto', children: value.groups.map((group, groupIndex) => (_jsxs("div", { children: [groupIndex > 0 ? (_jsxs("div", { className: 'flex items-center gap-2 py-1.5', children: [_jsx("span", { className: 'h-px flex-1 bg-border' }), _jsx("span", { className: 'rounded-full border border-border bg-muted px-2 py-0.5 text-caption font-bold uppercase tracking-wider text-muted-foreground', children: "or" }), _jsx("span", { className: 'h-px flex-1 bg-border' })] })) : null, _jsxs(Surface, { level: "flat", pad: "none", radius: "lg", className: 'bg-muted/30 p-2', children: [_jsx("div", { className: 'flex flex-col gap-1.5', children: group.conditions.map((condition, conditionIndex) => (_jsxs("div", {
|
|
76
77
|
// On a phone the row wraps: column and condition on the first line, the
|
|
77
78
|
// value and × on the second. One line squeezed the column select to
|
|
78
79
|
// nothing and pushed × off the popover (forge task 2593).
|
|
@@ -88,9 +89,9 @@ export function TableFilterBuilder({ columns, value, onChange, className, defaul
|
|
|
88
89
|
groups: value.groups.map((g) => g.id === group.id ? { ...g, conditions: remaining } : g),
|
|
89
90
|
}
|
|
90
91
|
: { groups: value.groups.filter((g) => g.id !== group.id) });
|
|
91
|
-
}, className: 'shrink-0 rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: _jsx(X, { className: 'size-4' }) })] }, condition.id))) }), _jsxs("button", {
|
|
92
|
+
}, className: cn(RAW_BUTTON, 'shrink-0 rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'), children: _jsx(X, { className: 'size-4' }) })] }, condition.id))) }), _jsxs("button", {
|
|
92
93
|
// guardrails-ignore no-raw-action-button: adds a filter row, mutates no record.
|
|
93
|
-
type: 'button', onClick: () => patchGroup(group.id, (list) => [...list, newCondition(firstColumn)]), className: cn('mt-1.5 inline-flex items-center gap-1 rounded px-1.5 py-1 text-caption font-semibold uppercase tracking-wide', 'text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'), children: [_jsx(Plus, { className: 'size-3' }), " And"] })] })] }, group.id))) }), _jsx("div", { className: cn('flex items-center justify-end border-t border-border pt-2', className), children: _jsx(Button, { size: 'sm', variant: 'ghost', leftIcon: _jsx(Plus, {}), tooltip: value.groups.length === 0
|
|
94
|
+
type: 'button', onClick: () => patchGroup(group.id, (list) => [...list, newCondition(firstColumn)]), className: cn(RAW_BUTTON, 'mt-1.5 inline-flex items-center gap-1 rounded px-1.5 py-1 text-caption font-semibold uppercase tracking-wide', 'text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'), children: [_jsx(Plus, { className: 'size-3' }), " And"] })] })] }, group.id))) }), _jsx("div", { className: cn('flex items-center justify-end border-t border-border pt-2', className), children: _jsx(Button, { size: 'sm', variant: 'ghost', leftIcon: _jsx(Plus, {}), tooltip: value.groups.length === 0
|
|
94
95
|
? 'Add the first condition'
|
|
95
96
|
: 'Match EITHER this set of conditions or a new one', onClick: () => onChange({ groups: [...value.groups, newGroup(firstColumn)] }), children: value.groups.length === 0 ? 'Add a condition' : 'Or…' }) })] }) }));
|
|
96
97
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableFilterBuilder.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/TableFilterBuilder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAIhB,YAAY,EACZ,QAAQ,EACR,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"TableFilterBuilder.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/TableFilterBuilder.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/react/components/DatePicker.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,WAAW,EAAwC,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/react/components/DatePicker.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,WAAW,EAAwC,MAAM,iBAAiB,CAAC;AAKzF,MAAM,WAAW,eAAe;IAC9B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;kCAC8B;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAA2B,EAC3B,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,GAAG,EACH,GAAG,EACH,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,IAAW,GACZ,EAAE,eAAe,+BAyFjB"}
|
|
@@ -8,6 +8,7 @@ import { DAY_PICKER_CLASS_NAMES, DayPickerChevron, formatDateDisplay, isoToLocal
|
|
|
8
8
|
import { declareFieldWidth, fieldControlClass } from '../lib/field.js';
|
|
9
9
|
import { Drawer } from './Drawer.js';
|
|
10
10
|
import { Popover } from './Popover.js';
|
|
11
|
+
import { RAW_BUTTON } from '../lib/cn';
|
|
11
12
|
/**
|
|
12
13
|
* Token-themed date picker on `@daypicker/react`. Replaces the bare
|
|
13
14
|
* `<input type="date">` for the `FieldInput` `date` type — presents a calendar
|
|
@@ -43,7 +44,7 @@ export function DatePicker({ value, onChange, onBlur, placeholder = 'Pick a date
|
|
|
43
44
|
// the calendar (opens a picker, doesn't mutate) — styled as a field via
|
|
44
45
|
// fieldControlClass and needs to be a plain <button> to work as both the Popover
|
|
45
46
|
// and Drawer trigger.
|
|
46
|
-
type: 'button', id: id, name: name, disabled: disabled, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, "aria-haspopup": 'dialog', "aria-expanded": open, "aria-label": selectedDate ? triggerLabel : placeholder, onClick: () => setOpen(true), className: cn(fieldControlClass(size), 'flex cursor-pointer items-center justify-between text-left', !selectedDate && 'text-field-placeholder', disabled && 'cursor-not-allowed'), children: [_jsx("span", { children: triggerLabel }), _jsx(Calendar, { className: 'h-4 w-4 shrink-0 opacity-50' })] }));
|
|
47
|
+
type: 'button', id: id, name: name, disabled: disabled, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, "aria-haspopup": 'dialog', "aria-expanded": open, "aria-label": selectedDate ? triggerLabel : placeholder, onClick: () => setOpen(true), className: cn(RAW_BUTTON, fieldControlClass(size), 'flex cursor-pointer items-center justify-between text-left', !selectedDate && 'text-field-placeholder', disabled && 'cursor-not-allowed'), children: [_jsx("span", { children: triggerLabel }), _jsx(Calendar, { className: 'h-4 w-4 shrink-0 opacity-50' })] }));
|
|
47
48
|
const calendar = (_jsx(DayPicker, { mode: 'single', selected: selectedDate, onSelect: handleSelect, defaultMonth: defaultMonth, classNames: DAY_PICKER_CLASS_NAMES, components: { DayButton: ThemedDayButton, Chevron: DayPickerChevron }, disabled: disabledMatchers.length > 0 ? disabledMatchers : undefined, startMonth: min ? isoToLocalDate(min) : undefined, endMonth: max ? isoToLocalDate(max) : undefined }));
|
|
48
49
|
if (isMobile) {
|
|
49
50
|
return (_jsxs(_Fragment, { children: [trigger, _jsx(Drawer, { open: open, onClose: () => handleOpenChange(false), side: 'bottom', size: 'md', children: _jsx("div", { className: 'flex justify-center py-2', children: calendar }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/react/components/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAoB,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAsBvC;;;;;;;;GAQG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,GAAG,aAAa,EAC3B,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,GAAG,EACH,GAAG,EACH,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,IAAI,GAAG,IAAI,GACK;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAErD,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/D,MAAM,YAAY,GAAG,YAAY,IAAI,IAAI,IAAI,EAAE,CAAC;IAEhD,MAAM,gBAAgB,GAAc,EAAE,CAAC;IACvC,IAAI,GAAG;QAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAChE,IAAI,GAAG;QAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,YAAY,GAAG,CAAC,IAAsB,EAAE,EAAE;QAC9C,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACpD,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,MAAM,EAAE,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;QACzC,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,IAAI,CAAC,IAAI;YAAE,MAAM,EAAE,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;IAElF,MAAM,OAAO,GAAG,CACd;QACE,oFAAoF;QACpF,wEAAwE;QACxE,iFAAiF;QACjF,sBAAsB;QACtB,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,kBACJ,WAAW,sBACP,eAAe,mBACnB,QAAQ,mBACP,IAAI,gBACP,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/react/components/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/react/components/DateRangePicker.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,WAAW,EAAqB,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/react/components/DateRangePicker.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,WAAW,EAAqB,MAAM,iBAAiB,CAAC;AAKtE,4EAA4E;AAC5E,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,oBAAoB;IACnC,sFAAsF;IACtF,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;kCAC8B;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAiC,EACjC,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,IAAW,GACZ,EAAE,oBAAoB,+BAiGtB"}
|
|
@@ -8,6 +8,7 @@ import { DAY_PICKER_CLASS_NAMES, DayPickerChevron, formatDateRangeDisplay, isoTo
|
|
|
8
8
|
import { fieldControlClass } from '../lib/field.js';
|
|
9
9
|
import { Drawer } from './Drawer.js';
|
|
10
10
|
import { Popover } from './Popover.js';
|
|
11
|
+
import { RAW_BUTTON } from '../lib/cn';
|
|
11
12
|
/**
|
|
12
13
|
* Token-themed date-range picker on `@daypicker/react`. Presents a two-stage
|
|
13
14
|
* calendar selection (click start, click end) in a popover on desktop and a
|
|
@@ -50,7 +51,7 @@ export function DateRangePicker({ value, onChange, onBlur, placeholder = 'Pick a
|
|
|
50
51
|
// the calendar (opens a picker, doesn't mutate) — styled as a field via
|
|
51
52
|
// fieldControlClass and needs to be a plain <button> to work as both the Popover
|
|
52
53
|
// and Drawer trigger.
|
|
53
|
-
type: 'button', id: id, name: name, disabled: disabled, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, "aria-haspopup": 'dialog', "aria-expanded": open, "aria-label": fromDate ? triggerLabel : placeholder, onClick: () => setOpen(true), className: cn(fieldControlClass(size), 'flex cursor-pointer items-center justify-between text-left', !fromDate && 'text-field-placeholder', disabled && 'cursor-not-allowed'), children: [_jsx("span", { children: triggerLabel }), _jsx(CalendarRange, { className: 'h-4 w-4 shrink-0 opacity-50' })] }));
|
|
54
|
+
type: 'button', id: id, name: name, disabled: disabled, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, "aria-haspopup": 'dialog', "aria-expanded": open, "aria-label": fromDate ? triggerLabel : placeholder, onClick: () => setOpen(true), className: cn(RAW_BUTTON, fieldControlClass(size), 'flex cursor-pointer items-center justify-between text-left', !fromDate && 'text-field-placeholder', disabled && 'cursor-not-allowed'), children: [_jsx("span", { children: triggerLabel }), _jsx(CalendarRange, { className: 'h-4 w-4 shrink-0 opacity-50' })] }));
|
|
54
55
|
const calendar = (_jsx(DayPicker, { mode: 'range', selected: selectedRange, onSelect: handleSelect, defaultMonth: defaultMonth, classNames: DAY_PICKER_CLASS_NAMES, components: { DayButton: ThemedDayButton, Chevron: DayPickerChevron } }));
|
|
55
56
|
if (isMobile) {
|
|
56
57
|
return (_jsxs(_Fragment, { children: [trigger, _jsx(Drawer, { open: open, onClose: () => handleOpenChange(false), side: 'bottom', size: 'md', children: _jsx("div", { className: 'flex justify-center py-2', children: calendar }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/react/components/DateRangePicker.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/react/components/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisclosureButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/DisclosureButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DisclosureButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/DisclosureButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uDAAuD;AACvD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAUxE;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,0BAA0B,CAAC;CACzC;AAED,8FAA8F;AAC9F,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,GACX,EAAE,qBAAqB,+BAmBvB"}
|
|
@@ -4,6 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
// trigger is needed without the full Radix Collapsible overhead.
|
|
5
5
|
import { ChevronDown } from 'lucide-react';
|
|
6
6
|
import { cn } from '../lib/cn.js';
|
|
7
|
+
import { RAW_BUTTON } from '../lib/cn';
|
|
7
8
|
/** A chevron that rotates 180° when `open` is true. */
|
|
8
9
|
export function DisclosureArrow({ open, className }) {
|
|
9
10
|
return (_jsx(ChevronDown, { className: cn('size-4 shrink-0 transition-transform duration-200', open && 'rotate-180', className) }));
|
|
@@ -16,6 +17,6 @@ export function DisclosureButton({ open, onToggle, children, className, classNam
|
|
|
16
17
|
type: 'button',
|
|
17
18
|
// A bare <button> drew no focus ring at all — a keyboard user could not see where they
|
|
18
19
|
// were (forge task 2595). The ring is the kit's focus-visible ring, on a rounded box.
|
|
19
|
-
className: cn('flex items-center gap-2 rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className), "aria-expanded": open, onClick: onToggle, children: [children, _jsx(DisclosureArrow, { open: open, className: classNames?.arrow })] }));
|
|
20
|
+
className: cn(RAW_BUTTON, 'flex items-center gap-2 rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className), "aria-expanded": open, onClick: onToggle, children: [children, _jsx(DisclosureArrow, { open: open, className: classNames?.arrow })] }));
|
|
20
21
|
}
|
|
21
22
|
//# sourceMappingURL=DisclosureButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisclosureButton.js","sourceRoot":"","sources":["../../../src/react/components/DisclosureButton.tsx"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,iFAAiF;AACjF,iEAAiE;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"DisclosureButton.js","sourceRoot":"","sources":["../../../src/react/components/DisclosureButton.tsx"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,iFAAiF;AACjF,iEAAiE;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAOvC,uDAAuD;AACvD,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAwB;IACvE,OAAO,CACL,KAAC,WAAW,IACV,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,IAAI,IAAI,YAAY,EACpB,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAcD,8FAA8F;AAC9F,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,GACY;IACtB,OAAO,CACL;QACE,oFAAoF;QACpF,wEAAwE;QACxE,IAAI,EAAC,QAAQ;QACb,uFAAuF;QACvF,sFAAsF;QACtF,SAAS,EAAE,EAAE,CAAC,UAAU,EACtB,sHAAsH,EACtH,SAAS,CACV,mBACc,IAAI,EACnB,OAAO,EAAE,QAAQ,aAEhB,QAAQ,EACT,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,GAAI,IACtD,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/react/components/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/react/components/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,WAAW,eAAe;IAC9B,kFAAkF;IAClF,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC;oEACgE;IAChE,YAAY,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,YAAY,EACZ,KAAyB,EACzB,aAAqB,EACrB,SAAS,GACV,EAAE,eAAe,+BAqBjB"}
|
|
@@ -4,12 +4,13 @@ import { cn } from '../lib/cn.js';
|
|
|
4
4
|
import { REVEAL_ON_HOVER } from './revealOnHover.js';
|
|
5
5
|
import { Tooltip } from './Tooltip.js';
|
|
6
6
|
import { TAP_TARGET } from '../lib/tapTarget.js';
|
|
7
|
+
import { RAW_BUTTON } from '../lib/cn';
|
|
7
8
|
/** Grab handle for drag-to-reorder rows; reveals on hover by default. */
|
|
8
9
|
export function DragHandle({ handleProps, activatorRef, label = 'Drag to reorder', alwaysVisible = false, className, }) {
|
|
9
10
|
return (_jsx(Tooltip, { content: label, children: _jsx("button", {
|
|
10
11
|
// guardrails-ignore no-raw-action-button: this IS the DragHandle primitive — a
|
|
11
12
|
// presentational drag grip (dnd-kit activator ref + handleProps), not a
|
|
12
13
|
// data-mutating action; doesn't fit the Button primitive's non-forwardRef API.
|
|
13
|
-
type: 'button', ref: activatorRef, ...handleProps, "aria-label": label, className: cn(`flex w-6 shrink-0 items-center justify-center self-stretch text-muted-foreground/60 ${TAP_TARGET}`, alwaysVisible ? 'transition' : REVEAL_ON_HOVER, className), children: _jsx(DragHandleIcon, {}) }) }));
|
|
14
|
+
type: 'button', ref: activatorRef, ...handleProps, "aria-label": label, className: cn(RAW_BUTTON, `flex w-6 shrink-0 items-center justify-center self-stretch text-muted-foreground/60 ${TAP_TARGET}`, alwaysVisible ? 'transition' : REVEAL_ON_HOVER, className), children: _jsx(DragHandleIcon, {}) }) }));
|
|
14
15
|
}
|
|
15
16
|
//# sourceMappingURL=DragHandle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../../src/react/components/DragHandle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../../src/react/components/DragHandle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAcvC,yEAAyE;AACzE,MAAM,UAAU,UAAU,CAAC,EACzB,WAAW,EACX,YAAY,EACZ,KAAK,GAAG,iBAAiB,EACzB,aAAa,GAAG,KAAK,EACrB,SAAS,GACO;IAChB,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,EAAE,KAAK,YACrB;YACE,+EAA+E;YAC/E,wEAAwE;YACxE,+EAA+E;YAC/E,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,YAAY,KACb,WAAW,gBACH,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,UAAU,EACtB,uFAAuF,UAAU,EAAE,EACnG,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,EAC9C,SAAS,CACV,YAED,KAAC,cAAc,KAAG,GACX,GACD,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiField.d.ts","sourceRoot":"","sources":["../../../src/react/components/EmojiField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmojiField.d.ts","sourceRoot":"","sources":["../../../src/react/components/EmojiField.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACV,EAAE,eAAe,+BA8BjB"}
|
|
@@ -3,6 +3,7 @@ import { useState } from 'react';
|
|
|
3
3
|
import { EmojiPicker } from '../emoji/EmojiPicker.js';
|
|
4
4
|
import { cn } from '../lib/cn.js';
|
|
5
5
|
import { TAP_TARGET } from '../lib/tapTarget.js';
|
|
6
|
+
import { RAW_BUTTON } from '../lib/cn';
|
|
6
7
|
/**
|
|
7
8
|
* The registry's `emoji` control: a button showing the current emoji that opens the
|
|
8
9
|
* full {@link EmojiPicker} (searchable, skin tones, recents — emoji-mart, lazy).
|
|
@@ -17,6 +18,6 @@ export function EmojiField({ value, onChange, disabled, id, 'aria-describedby':
|
|
|
17
18
|
}, trigger: _jsx("button", { id: id,
|
|
18
19
|
// guardrails-ignore no-raw-action-button: this IS the EmojiField Field-family
|
|
19
20
|
// primitive — wraps the raw trigger it exposes for the EmojiPicker.
|
|
20
|
-
type: 'button', disabled: disabled, "aria-describedby": ariaDescribedBy, "aria-label": value ? `Emoji: ${value}` : 'Pick an emoji', className: cn(`inline-flex size-10 items-center justify-center rounded-field border border-field-border bg-field-bg text-xl transition hover:border-field-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-field-ring/30 disabled:cursor-not-allowed disabled:opacity-50 ${TAP_TARGET}`, className), children: value || _jsx("span", { className: 'text-sm text-field-placeholder', children: "\uFF0B" }) }) }));
|
|
21
|
+
type: 'button', disabled: disabled, "aria-describedby": ariaDescribedBy, "aria-label": value ? `Emoji: ${value}` : 'Pick an emoji', className: cn(RAW_BUTTON, `inline-flex size-10 items-center justify-center rounded-field border border-field-border bg-field-bg text-xl transition hover:border-field-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-field-ring/30 disabled:cursor-not-allowed disabled:opacity-50 ${TAP_TARGET}`, className), children: value || _jsx("span", { className: 'text-sm text-field-placeholder', children: "\uFF0B" }) }) }));
|
|
21
22
|
}
|
|
22
23
|
//# sourceMappingURL=EmojiField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../src/react/components/EmojiField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../src/react/components/EmojiField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAYvC;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACO;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,EACD,OAAO,EACL,iBACE,EAAE,EAAE,EAAE;YACN,8EAA8E;YAC9E,oEAAoE;YACpE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,sBACA,eAAe,gBACrB,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,eAAe,EACvD,SAAS,EAAE,EAAE,CAAC,UAAU,EACtB,oRAAoR,UAAU,EAAE,EAChS,SAAS,CACV,YAEA,KAAK,IAAI,eAAM,SAAS,EAAC,gCAAgC,uBAAS,GAC5D,GAEX,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableRow.d.ts","sourceRoot":"","sources":["../../../src/react/components/ExpandableRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableRow.d.ts","sourceRoot":"","sources":["../../../src/react/components/ExpandableRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,eAAe,CAAC;AAGvB,MAAM,WAAW,kBAAkB;IACjC,+EAA+E;IAC/E,KAAK,EAAE,SAAS,CAAC;IACjB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kGAAkG;IAClG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2FAA2F;IAC3F,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EAAE,UAAU,EACpB,eAAuB,EACvB,gBAAgB,EAChB,WAAwB,EACxB,EAAU,EACV,SAAS,EACT,aAAa,EAAE,MAAM,GACtB,EAAE,kBAAkB,+BA8DpB"}
|
|
@@ -3,6 +3,7 @@ import { ChevronDown } from 'lucide-react';
|
|
|
3
3
|
import { useCallback, useId, useState, } from 'react';
|
|
4
4
|
import { cn } from '../lib/cn.js';
|
|
5
5
|
import './formKit.css';
|
|
6
|
+
import { RAW_BUTTON } from '../lib/cn';
|
|
6
7
|
/** Anything a click on the header should leave alone, because it is a control of its own. */
|
|
7
8
|
const INTERACTIVE = 'button, a[href], input, select, textarea, label, summary, [role="button"], [role="checkbox"], [role="switch"], [role="combobox"], [contenteditable="true"], [data-row-no-toggle]';
|
|
8
9
|
/**
|
|
@@ -49,6 +50,6 @@ export function ExpandableRow({ title, leading, meta, summary, actions, children
|
|
|
49
50
|
return (_jsxs(Root, { className: cn('cbfk-row', className), "data-expanded": expanded && hasPanel ? 'true' : 'false', "data-has-lead": leading ? 'true' : undefined, "data-testid": testId, children: [_jsxs("div", { className: 'cbfk-row-head', onClick: hasPanel ? onHeaderClick : undefined, children: [leading ? _jsx("span", { className: 'cbfk-row-lead', children: leading }) : null, _jsx("div", { className: 'cbfk-row-title', children: title }), summary ? _jsx("span", { className: 'cbfk-row-summary', children: summary }) : null, meta ? _jsx("span", { className: 'cbfk-row-meta', children: meta }) : null, actions ? _jsx("span", { className: 'cbfk-row-actions', children: actions }) : null, hasPanel ? (_jsx("button", {
|
|
50
51
|
// guardrails-ignore no-raw-action-button: the disclosure chevron — presentational
|
|
51
52
|
// expand/collapse, no data-mutating intent; it must draw without Tailwind.
|
|
52
|
-
type: 'button', className: 'cbfk-row-toggle', "aria-label": toggleLabel, "aria-expanded": expanded, "aria-controls": expanded ? panelId : undefined, onClick: () => setExpanded(!expanded), children: _jsx(ChevronDown, { "aria-hidden": true }) })) : null] }), hasPanel && expanded ? (_jsx("div", { id: panelId, className: 'cbfk-row-panel', children: children })) : null] }));
|
|
53
|
+
type: 'button', className: cn(RAW_BUTTON, 'cbfk-row-toggle'), "aria-label": toggleLabel, "aria-expanded": expanded, "aria-controls": expanded ? panelId : undefined, onClick: () => setExpanded(!expanded), children: _jsx(ChevronDown, { "aria-hidden": true }) })) : null] }), hasPanel && expanded ? (_jsx("div", { id: panelId, className: 'cbfk-row-panel', children: children })) : null] }));
|
|
53
54
|
}
|
|
54
55
|
//# sourceMappingURL=ExpandableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableRow.js","sourceRoot":"","sources":["../../../src/react/components/ExpandableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAIL,WAAW,EACX,KAAK,EACL,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableRow.js","sourceRoot":"","sources":["../../../src/react/components/ExpandableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,6 +31,6 @@ export function FormPreviewLayout({ children, preview, previewLabel = 'Preview',
|
|
|
31
31
|
return (_jsx("div", { className: cn('cbfk-split', className), "data-preview-open": open ? 'true' : 'false', children: _jsxs("div", { className: 'cbfk-split-grid', children: [_jsx("div", { className: 'cbfk-split-form', children: children }), _jsxs("section", { className: 'cbfk-split-preview', "aria-label": previewLabel, children: [_jsxs("button", {
|
|
32
32
|
// guardrails-ignore no-raw-action-button: the narrow preview's fold — presentational
|
|
33
33
|
// show/hide, no data-mutating intent; it must draw without Tailwind.
|
|
34
|
-
type: 'button', className: 'cbfk-split-bar', "aria-expanded": open, "aria-controls": bodyId, onClick: () => setOpen(!open), children: [_jsx("span", { className: 'cbfk-split-bar-label', children: previewLabel }), _jsx("span", { className: 'cbfk-split-bar-summary', children: previewSummary }), _jsx(ChevronDown, { "aria-hidden": true })] }), _jsx("p", { className: 'cbfk-split-head', children: previewLabel }), _jsx("div", { id: bodyId, className: 'cbfk-split-body', children: preview })] }), below ? _jsx("div", { className: 'cbfk-split-below', children: below }) : null] }) }));
|
|
34
|
+
type: 'button', className: 'font-[inherit] cbfk-split-bar', "aria-expanded": open, "aria-controls": bodyId, onClick: () => setOpen(!open), children: [_jsx("span", { className: 'cbfk-split-bar-label', children: previewLabel }), _jsx("span", { className: 'cbfk-split-bar-summary', children: previewSummary }), _jsx(ChevronDown, { "aria-hidden": true })] }), _jsx("p", { className: 'cbfk-split-head', children: previewLabel }), _jsx("div", { id: bodyId, className: 'cbfk-split-body', children: preview })] }), below ? _jsx("div", { className: 'cbfk-split-below', children: below }) : null] }) }));
|
|
35
35
|
}
|
|
36
36
|
//# sourceMappingURL=FormPreviewLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormPreviewLayout.js","sourceRoot":"","sources":["../../../src/react/components/FormPreviewLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAkB,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,eAAe,CAAC;AA0BvB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,YAAY,GAAG,SAAS,EACxB,cAAc,EACd,kBAAkB,GAAG,KAAK,EAC1B,KAAK,EACL,SAAS,GACc;IACvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,uBAAqB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YACrF,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAO,EACjD,mBAAS,SAAS,EAAC,oBAAoB,gBAAa,YAAY,aAC9D;4BACE,qFAAqF;4BACrF,qEAAqE;4BACrE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"FormPreviewLayout.js","sourceRoot":"","sources":["../../../src/react/components/FormPreviewLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAkB,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,eAAe,CAAC;AA0BvB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,YAAY,GAAG,SAAS,EACxB,cAAc,EACd,kBAAkB,GAAG,KAAK,EAC1B,KAAK,EACL,SAAS,GACc;IACvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,uBAAqB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YACrF,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAO,EACjD,mBAAS,SAAS,EAAC,oBAAoB,gBAAa,YAAY,aAC9D;4BACE,qFAAqF;4BACrF,qEAAqE;4BACrE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+BAA+B,mBAC1B,IAAI,mBACJ,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,aAE7B,eAAM,SAAS,EAAC,sBAAsB,YAAE,YAAY,GAAQ,EAC5D,eAAM,SAAS,EAAC,wBAAwB,YAAE,cAAc,GAAQ,EAChE,KAAC,WAAW,0BAAe,IACpB,EACT,YAAG,SAAS,EAAC,iBAAiB,YAAE,YAAY,GAAK,EACjD,cAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,iBAAiB,YACzC,OAAO,GACJ,IACE,EAIT,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IAC3D,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEditableText.d.ts","sourceRoot":"","sources":["../../../src/react/components/InlineEditableText.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InlineEditableText.d.ts","sourceRoot":"","sources":["../../../src/react/components/InlineEditableText.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;gEAC4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;gEAC4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;sDAGkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,OAAc,EACd,SAAiB,EACjB,WAAyB,EACzB,SAAS,EACT,cAAc,EACd,OAAgB,EAChB,IAAW,EACX,SAAS,GACV,EAAE,uBAAuB,sCA0IzB"}
|
|
@@ -7,6 +7,7 @@ import { IconButton } from './IconButton.js';
|
|
|
7
7
|
import { Input } from './Input.js';
|
|
8
8
|
import { Tooltip } from './Tooltip.js';
|
|
9
9
|
import { TAP_TARGET_HEIGHT } from '../lib/tapTarget.js';
|
|
10
|
+
import { RAW_BUTTON } from '../lib/cn';
|
|
10
11
|
/**
|
|
11
12
|
* Click-to-edit text: shows the value, and (when editable) becomes an input /
|
|
12
13
|
* textarea on click. Enter/blur commit, Escape cancels — the single inline-edit
|
|
@@ -85,7 +86,7 @@ export function InlineEditableText({ value, onChange, canEdit = true, multiline
|
|
|
85
86
|
// plain inline text (whitespace-pre-wrap/break-words, no button chrome) — Button's
|
|
86
87
|
// inline-flex/rounded/tooltip wrapper breaks that. Presentational toggle into edit
|
|
87
88
|
// mode, not a destructive/mutating action.
|
|
88
|
-
type: 'button', onClick: begin, className: cn('relative cursor-text rounded-sm -mx-1 px-1 text-left transition-colors hover:bg-muted/50',
|
|
89
|
+
type: 'button', onClick: begin, className: cn(RAW_BUTTON, 'relative cursor-text rounded-sm -mx-1 px-1 text-left transition-colors hover:bg-muted/50',
|
|
89
90
|
// Text-sized rows (a title's line-height) fall well short of the 44px
|
|
90
91
|
// touch-target floor, but resizing the real box would defeat the whole
|
|
91
92
|
// point of rendering "as plain inline text, no button chrome" (see the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEditableText.js","sourceRoot":"","sources":["../../../src/react/components/InlineEditableText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineEditableText.js","sourceRoot":"","sources":["../../../src/react/components/InlineEditableText.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/react/components/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/react/components/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AA8BlE,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BA6B/D;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,+BAkEf;AAED,uDAAuD;AACvD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAS7F;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGlE"}
|
|
@@ -4,6 +4,7 @@ import { useId } from 'react';
|
|
|
4
4
|
import { cn } from '../lib/cn.js';
|
|
5
5
|
import { TAP_TARGET_HEIGHT } from '../lib/tapTarget.js';
|
|
6
6
|
import { Tooltip } from './Tooltip.js';
|
|
7
|
+
import { RAW_BUTTON } from '../lib/cn';
|
|
7
8
|
/*
|
|
8
9
|
A menu that goes wherever its panel goes.
|
|
9
10
|
|
|
@@ -60,7 +61,7 @@ export function MenuItem({ onSelect, shortcut, danger, disabled, selected, unava
|
|
|
60
61
|
const choice = selected !== undefined;
|
|
61
62
|
return (_jsx(Tooltip, { content: reason ?? title, side: 'right', multiline: true, children: _jsxs("button", {
|
|
62
63
|
// guardrails-ignore no-raw-action-button: task 2415 — this IS the menu item primitive.
|
|
63
|
-
type: 'button', role: choice ? 'menuitemradio' : 'menuitem', "aria-checked": choice ? selected : undefined, "aria-describedby": hint ? hintId : undefined, disabled: refused ? undefined : disabled, "aria-disabled": refused ? true : undefined, "data-cb-menu-item": '', "data-danger": danger ? '' : undefined, className: cn('flex w-full cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm border-0 bg-transparent px-2 py-1.5 text-left text-sm text-foreground outline-none', TAP_TARGET_HEIGHT, 'hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-accent', danger && 'text-destructive hover:bg-destructive/10 focus-visible:bg-destructive/10',
|
|
64
|
+
type: 'button', role: choice ? 'menuitemradio' : 'menuitem', "aria-checked": choice ? selected : undefined, "aria-describedby": hint ? hintId : undefined, disabled: refused ? undefined : disabled, "aria-disabled": refused ? true : undefined, "data-cb-menu-item": '', "data-danger": danger ? '' : undefined, className: cn(RAW_BUTTON, 'flex w-full cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm border-0 bg-transparent px-2 py-1.5 text-left text-sm text-foreground outline-none', TAP_TARGET_HEIGHT, 'hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-accent', danger && 'text-destructive hover:bg-destructive/10 focus-visible:bg-destructive/10',
|
|
64
65
|
// Both spellings, together: a refused item is aria-disabled, not disabled, and without
|
|
65
66
|
// the second half it lights up under the pointer exactly like a live one.
|
|
66
67
|
'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent', 'aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:bg-transparent', hint && 'items-start py-2', className), onClick: (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/react/components/Menu.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/react/components/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/react/components/NativeSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,KAAK,WAAW,EAA0D,MAAM,iBAAiB,CAAC;AAE3G,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACtF,iFAAiF;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;gFAC4E;IAC5E,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC;;;kBAGc;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAmCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,+
|
|
1
|
+
{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/react/components/NativeSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,KAAK,WAAW,EAA0D,MAAM,iBAAiB,CAAC;AAE3G,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACtF,iFAAiF;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;gFAC4E;IAC5E,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC;;;kBAGc;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAmCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,+BA+CnB"}
|
|
@@ -81,8 +81,10 @@ export function NativeSelect({ size = 'md', options, placeholder, className, wra
|
|
|
81
81
|
className: cn(fieldControlClass(size),
|
|
82
82
|
// `appearance-none` drops the OS arrow (and, on Windows, the inset well
|
|
83
83
|
// that makes a themed select read as two conflicting controls); `pr-9`
|
|
84
|
-
// reserves the room the drawn chevron below occupies.
|
|
85
|
-
|
|
84
|
+
// reserves the room the drawn chevron below occupies. `m-0 font-[inherit]`:
|
|
85
|
+
// a host without Tailwind's preflight (desk) otherwise gives a `<select>` the
|
|
86
|
+
// browser's own font and margin (forge task 2752).
|
|
87
|
+
'm-0 appearance-none pr-9 font-[inherit]', className), ...props, children: [placeholder !== undefined && (_jsx("option", { value: '', disabled: true, children: placeholder })), options?.map((option) => (_jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))), children, empty && (_jsx("option", { disabled: true, value: '__empty__', children: emptyLabel ?? 'Nothing to choose from yet' }))] }), _jsx(ChevronDown, { "aria-hidden": 'true', className: 'pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2 opacity-60' })] }));
|
|
86
88
|
}
|
|
87
89
|
// Sized by its longest option, not stretched to the panel (FRM-3, forge task 2463).
|
|
88
90
|
declareFieldWidth(NativeSelect, choiceFieldWidth);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../../src/react/components/NativeSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAoB,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAqC3G;;;;;;;GAOG;AACH,SAAS,mBAAmB,CAC1B,OAAkD,EAClD,QAAmB;IAEnB,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAC/C,IAAI,KAAK,GAAG,KAAK,CAAC;IAClB,MAAM,KAAK,GAAG,CAAC,IAAe,EAAQ,EAAE;QACtC,IAAI,KAAK;YAAE,OAAO;QAClB,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3C,IAAI,KAAK;gBAAE,OAAO;YAClB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;gBAAE,SAAS;YACrC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAsE,CAAC;YAC3F,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC9B,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACtB,SAAS;YACX,CAAC;YACD,IAAI,KAAK,CAAC,QAAQ;gBAAE,SAAS;YAC7B,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,SAAS;YAC9D,KAAK,GAAG,IAAI,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IACF,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,GAAG,IAAI,EACX,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,KAAK,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtD,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,aACrD;gBACE,6EAA6E;gBAC7E,qEAAqE;gBACrE,SAAS,EAAE,EAAE,CACX,iBAAiB,CAAC,IAAI,CAAC;gBACvB,wEAAwE;gBACxE,uEAAuE;gBACvE,
|
|
1
|
+
{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../../src/react/components/NativeSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAoB,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAqC3G;;;;;;;GAOG;AACH,SAAS,mBAAmB,CAC1B,OAAkD,EAClD,QAAmB;IAEnB,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAC/C,IAAI,KAAK,GAAG,KAAK,CAAC;IAClB,MAAM,KAAK,GAAG,CAAC,IAAe,EAAQ,EAAE;QACtC,IAAI,KAAK;YAAE,OAAO;QAClB,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3C,IAAI,KAAK;gBAAE,OAAO;YAClB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;gBAAE,SAAS;YACrC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAsE,CAAC;YAC3F,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC9B,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACtB,SAAS;YACX,CAAC;YACD,IAAI,KAAK,CAAC,QAAQ;gBAAE,SAAS;YAC7B,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,SAAS;YAC9D,KAAK,GAAG,IAAI,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IACF,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,GAAG,IAAI,EACX,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,KAAK,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtD,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,aACrD;gBACE,6EAA6E;gBAC7E,qEAAqE;gBACrE,SAAS,EAAE,EAAE,CACX,iBAAiB,CAAC,IAAI,CAAC;gBACvB,wEAAwE;gBACxE,uEAAuE;gBACvE,4EAA4E;gBAC5E,8EAA8E;gBAC9E,mDAAmD;gBACnD,yCAAyC,EACzC,SAAS,CACV,KACG,KAAK,aAER,WAAW,KAAK,SAAS,IAAI,CAC5B,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,WAAW,GACL,CACV,EACA,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,YACtE,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,EACD,QAAQ,EAIR,KAAK,IAAI,CACR,iBAAQ,QAAQ,QAAC,KAAK,EAAC,WAAW,YAC/B,UAAU,IAAI,4BAA4B,GACpC,CACV,IACM,EAGT,KAAC,WAAW,mBACE,MAAM,EAClB,SAAS,EAAC,iFAAiF,GAC3F,IACG,CACR,CAAC;AACJ,CAAC;AAED,oFAAoF;AACpF,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingField.d.ts","sourceRoot":"","sources":["../../../src/react/components/RatingField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RatingField.d.ts","sourceRoot":"","sources":["../../../src/react/components/RatingField.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,GAAO,EACP,QAAQ,EACR,EAAE,EACF,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACV,EAAE,gBAAgB,+BAmDlB"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Star } from 'lucide-react';
|
|
3
3
|
import { cn } from '../lib/cn.js';
|
|
4
4
|
import { TAP_TARGET } from '../lib/tapTarget.js';
|
|
5
|
+
import { RAW_BUTTON } from '../lib/cn';
|
|
5
6
|
/**
|
|
6
7
|
* A 1–N star rating as an accessible `role="radiogroup"` of toggle buttons. Click a
|
|
7
8
|
* star to set the rating; click the current rating again to clear it. Arrow keys
|
|
@@ -25,7 +26,7 @@ export function RatingField({ value, onChange, max = 5, disabled, id, 'aria-inva
|
|
|
25
26
|
const focusIndex = value > 0 ? value : 1;
|
|
26
27
|
return (_jsx("div", { id: id, role: 'radiogroup', "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, className: cn('inline-flex items-center gap-0.5', disabled && 'opacity-50', className), children: Array.from({ length: max }, (_, i) => i + 1).map((star) => {
|
|
27
28
|
const filled = star <= value;
|
|
28
|
-
return (_jsx("button", { type: 'button', role: 'radio', "aria-checked": value === star, "aria-label": `${star} star${star === 1 ? '' : 's'}`, disabled: disabled, tabIndex: star === focusIndex ? 0 : -1, onClick: () => onChange(value === star ? 0 : star), onKeyDown: onKeyDown, className: cn('inline-flex items-center justify-center rounded p-1 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-field-ring/40 disabled:cursor-not-allowed',
|
|
29
|
+
return (_jsx("button", { type: 'button', role: 'radio', "aria-checked": value === star, "aria-label": `${star} star${star === 1 ? '' : 's'}`, disabled: disabled, tabIndex: star === focusIndex ? 0 : -1, onClick: () => onChange(value === star ? 0 : star), onKeyDown: onKeyDown, className: cn(RAW_BUTTON, 'inline-flex items-center justify-center rounded p-1 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-field-ring/40 disabled:cursor-not-allowed',
|
|
29
30
|
// DESIGN.md §5: a 28px star is a miss on a phone, and the neighbouring
|
|
30
31
|
// star is a different rating.
|
|
31
32
|
TAP_TARGET, filled ? 'text-warning' : 'text-muted-foreground hover:text-warning'), children: _jsx(Star, { className: cn('size-5', filled && 'fill-current'), "aria-hidden": true }) }, star));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingField.js","sourceRoot":"","sources":["../../../src/react/components/RatingField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"RatingField.js","sourceRoot":"","sources":["../../../src/react/components/RatingField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAevC;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,QAAQ,EACR,EAAE,EACF,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACQ;IACjB,MAAM,SAAS,GAAG,CAAC,CAAmC,EAAE,EAAE;QACxD,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAClD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC;IAEF,mFAAmF;IACnF,4CAA4C;IAC5C,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,YAAY,kBACH,WAAW,sBACP,eAAe,EACjC,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,QAAQ,IAAI,YAAY,EAAE,SAAS,CAAC,YAErF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACzD,MAAM,MAAM,GAAG,IAAI,IAAI,KAAK,CAAC;YAC7B,OAAO,CAEL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,KAAK,KAAK,IAAI,gBAChB,GAAG,IAAI,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,EAClD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAClD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,UAAU,EACtB,6KAA6K;gBAC7K,uEAAuE;gBACvE,8BAA8B;gBAC9B,UAAU,EACV,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,0CAA0C,CACrE,YAED,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,cAAc,CAAC,wBAAgB,IAjBlE,IAAI,CAkBF,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|