@once-ui-system/core 1.8.5 → 2.0.0-alpha.1
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/AGENTS.md +1 -1
- package/ai/catalog.json +166 -78
- package/ai/components/Accordion.json +1 -1
- package/ai/components/BarChart.json +34 -3
- package/ai/components/Book.json +128 -0
- package/ai/components/Button.json +1 -1
- package/ai/components/Card.json +1 -0
- package/ai/components/Carousel.json +1 -1
- package/ai/components/ChartHeader.json +2 -1
- package/ai/components/ChartStatus.json +2 -1
- package/ai/components/Checkbox.json +2 -2
- package/ai/components/CodeBlock.json +23 -2
- package/ai/components/ColorInput.json +1 -1
- package/ai/components/DataTooltip.json +3 -2
- package/ai/components/DatePicker.json +2 -2
- package/ai/components/Dialog.json +1 -1
- package/ai/components/DropdownWrapper.json +6 -4
- package/ai/components/Effect.json +133 -0
- package/ai/components/Fade.json +1 -1
- package/ai/components/Feedback.json +1 -1
- package/ai/components/IconButton.json +1 -1
- package/ai/components/InfoTip.json +125 -0
- package/ai/components/Input.json +5 -4
- package/ai/components/Legend.json +2 -1
- package/ai/components/LineBarChart.json +34 -3
- package/ai/components/LineChart.json +39 -3
- package/ai/components/LinearGauge.json +3 -2
- package/ai/components/LinearGradient.json +2 -1
- package/ai/components/Logo.json +2 -2
- package/ai/components/Media.json +1 -1
- package/ai/components/MediaUpload.json +21 -2
- package/ai/components/Modal.json +1 -1
- package/ai/components/NavGroup.json +130 -0
- package/ai/components/NavIcon.json +1 -1
- package/ai/components/NavItem.json +14 -0
- package/ai/components/Option.json +2 -2
- package/ai/components/Particle.json +1 -1
- package/ai/components/PieChart.json +32 -3
- package/ai/components/ProgressBar.json +1 -1
- package/ai/components/Pulse.json +1 -1
- package/ai/components/RadialGauge.json +4 -3
- package/ai/components/RadialGradient.json +2 -1
- package/ai/components/RadioButton.json +1 -1
- package/ai/components/RevealFx.json +1 -1
- package/ai/components/Scrubber.json +136 -0
- package/ai/components/SegmentedControl.json +3 -3
- package/ai/components/Setting.json +128 -0
- package/ai/components/SettingAxes.json +127 -0
- package/ai/components/SettingGroup.json +129 -0
- package/ai/components/ShineFx.json +1 -1
- package/ai/components/Skeleton.json +2 -3
- package/ai/components/SplitView.json +2 -0
- package/ai/components/StylePanel.json +4 -2
- package/ai/components/Swatch.json +11 -0
- package/ai/components/Swiper.json +1 -1
- package/ai/components/Switch.json +1 -1
- package/ai/components/Tag.json +1 -1
- package/ai/components/Textarea.json +6 -5
- package/ai/components/ThemeSwitcher.json +3 -0
- package/ai/components/Toast.json +1 -1
- package/ai/components/ToggleButton.json +2 -1
- package/ai/eval-tasks.md +10 -1
- package/ai/examples/app-shell.tsx +111 -0
- package/ai/examples/auth.tsx +2 -3
- package/ai/examples/blocks/Dashboard1.tsx +25 -36
- package/ai/examples/blocks/Feed3.tsx +8 -8
- package/ai/examples/blocks/Footer1.tsx +5 -3
- package/ai/examples/blocks/Footer2.tsx +3 -3
- package/ai/examples/blocks/Footer3.tsx +1 -1
- package/ai/examples/blocks/Footer4.tsx +6 -5
- package/ai/examples/blocks/Header1.tsx +7 -6
- package/ai/examples/blocks/Header2.tsx +1 -1
- package/ai/examples/blocks/Header3.tsx +7 -7
- package/ai/examples/blocks/Header4.tsx +6 -7
- package/ai/examples/blocks/Productivity1.tsx +1 -1
- package/ai/examples/blocks/Roadmap1.tsx +3 -3
- package/ai/examples/blocks/Sidebar1.tsx +1 -1
- package/ai/examples/blocks/Sidebar2.tsx +1 -1
- package/ai/examples/blocks/Sidebar4.tsx +1 -1
- package/ai/examples/blocks/Streaming1.tsx +4 -4
- package/ai/examples/blocks/Table1.tsx +9 -9
- package/ai/examples/blocks/Waitlist1.tsx +5 -5
- package/ai/examples/blocks/content/resources.ts +3 -1
- package/ai/examples/dashboard.tsx +13 -14
- package/ai/examples/marketing-hero.tsx +4 -4
- package/ai/examples/pricing.tsx +7 -8
- package/ai/examples/settings.tsx +7 -7
- package/ai/gotchas.json +99 -25
- package/ai/layouts.md +154 -0
- package/ai/manifest.json +3 -2
- package/ai/recipes.md +50 -5
- package/ai/rules.compact.md +26 -5
- package/ai/rules.md +84 -14
- package/ai/spec.json +634 -176
- package/ai/tasks/settings.json +1 -1
- package/dist/AGENTS.md +1 -1
- package/dist/ai/catalog.json +166 -78
- package/dist/ai/components/Accordion.json +1 -1
- package/dist/ai/components/BarChart.json +34 -3
- package/dist/ai/components/Book.json +128 -0
- package/dist/ai/components/Button.json +1 -1
- package/dist/ai/components/Card.json +1 -0
- package/dist/ai/components/Carousel.json +1 -1
- package/dist/ai/components/ChartHeader.json +2 -1
- package/dist/ai/components/ChartStatus.json +2 -1
- package/dist/ai/components/Checkbox.json +2 -2
- package/dist/ai/components/CodeBlock.json +23 -2
- package/dist/ai/components/ColorInput.json +1 -1
- package/dist/ai/components/DataTooltip.json +3 -2
- package/dist/ai/components/DatePicker.json +2 -2
- package/dist/ai/components/Dialog.json +1 -1
- package/dist/ai/components/DropdownWrapper.json +6 -4
- package/dist/ai/components/Effect.json +133 -0
- package/dist/ai/components/Fade.json +1 -1
- package/dist/ai/components/Feedback.json +1 -1
- package/dist/ai/components/IconButton.json +1 -1
- package/dist/ai/components/InfoTip.json +125 -0
- package/dist/ai/components/Input.json +5 -4
- package/dist/ai/components/Legend.json +2 -1
- package/dist/ai/components/LineBarChart.json +34 -3
- package/dist/ai/components/LineChart.json +39 -3
- package/dist/ai/components/LinearGauge.json +3 -2
- package/dist/ai/components/LinearGradient.json +2 -1
- package/dist/ai/components/Logo.json +2 -2
- package/dist/ai/components/Media.json +1 -1
- package/dist/ai/components/MediaUpload.json +21 -2
- package/dist/ai/components/Modal.json +1 -1
- package/dist/ai/components/NavGroup.json +130 -0
- package/dist/ai/components/NavIcon.json +1 -1
- package/dist/ai/components/NavItem.json +14 -0
- package/dist/ai/components/Option.json +2 -2
- package/dist/ai/components/Particle.json +1 -1
- package/dist/ai/components/PieChart.json +32 -3
- package/dist/ai/components/ProgressBar.json +1 -1
- package/dist/ai/components/Pulse.json +1 -1
- package/dist/ai/components/RadialGauge.json +4 -3
- package/dist/ai/components/RadialGradient.json +2 -1
- package/dist/ai/components/RadioButton.json +1 -1
- package/dist/ai/components/RevealFx.json +1 -1
- package/dist/ai/components/Scrubber.json +136 -0
- package/dist/ai/components/SegmentedControl.json +3 -3
- package/dist/ai/components/Setting.json +128 -0
- package/dist/ai/components/SettingAxes.json +127 -0
- package/dist/ai/components/SettingGroup.json +129 -0
- package/dist/ai/components/ShineFx.json +1 -1
- package/dist/ai/components/Skeleton.json +2 -3
- package/dist/ai/components/SplitView.json +2 -0
- package/dist/ai/components/StylePanel.json +4 -2
- package/dist/ai/components/Swatch.json +11 -0
- package/dist/ai/components/Swiper.json +1 -1
- package/dist/ai/components/Switch.json +1 -1
- package/dist/ai/components/Tag.json +1 -1
- package/dist/ai/components/Textarea.json +6 -5
- package/dist/ai/components/ThemeSwitcher.json +3 -0
- package/dist/ai/components/Toast.json +1 -1
- package/dist/ai/components/ToggleButton.json +2 -1
- package/dist/ai/eval-tasks.md +10 -1
- package/dist/ai/gotchas.json +99 -25
- package/dist/ai/layouts.md +154 -0
- package/dist/ai/manifest.json +3 -2
- package/dist/ai/recipes.md +50 -5
- package/dist/ai/rules.compact.md +26 -5
- package/dist/ai/rules.md +84 -14
- package/dist/ai/spec.json +634 -176
- package/dist/ai/tasks/settings.json +1 -1
- package/dist/components/Accordion.d.ts +2 -1
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +2 -2
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Background.d.ts +6 -6
- package/dist/components/Background.d.ts.map +1 -1
- package/dist/components/Book.d.ts +28 -0
- package/dist/components/Book.d.ts.map +1 -0
- package/dist/components/Book.js +24 -0
- package/dist/components/Book.js.map +1 -0
- package/dist/components/Book.module.scss +45 -0
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +4 -4
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.d.ts +8 -0
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.js +10 -2
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Card.module.scss +11 -1
- package/dist/components/Carousel.d.ts +7 -1
- package/dist/components/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel.js +7 -7
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Carousel.module.scss +1 -8
- package/dist/components/Checkbox.d.ts +3 -3
- package/dist/components/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox.js +5 -5
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/ClientFlex.d.ts.map +1 -1
- package/dist/components/ClientFlex.js +5 -10
- package/dist/components/ClientFlex.js.map +1 -1
- package/dist/components/ClientGrid.d.ts.map +1 -1
- package/dist/components/ClientGrid.js +2 -7
- package/dist/components/ClientGrid.js.map +1 -1
- package/dist/components/ColorInput.d.ts +1 -1
- package/dist/components/ColorInput.d.ts.map +1 -1
- package/dist/components/ColorInput.js +7 -13
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/CompareImage.d.ts.map +1 -1
- package/dist/components/CompareImage.js +2 -2
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +10 -1
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts +2 -2
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +21 -14
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.js +3 -3
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/Dialog.d.ts +1 -1
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +14 -14
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts +8 -3
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +17 -6
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/Effect.d.ts +41 -0
- package/dist/components/Effect.d.ts.map +1 -0
- package/dist/components/Effect.js +30 -0
- package/dist/components/Effect.js.map +1 -0
- package/dist/components/ElementType.d.ts +2 -1
- package/dist/components/ElementType.d.ts.map +1 -1
- package/dist/components/ElementType.js +4 -2
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker.js +1 -1
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/Feedback.d.ts +1 -1
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js +2 -2
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.d.ts.map +1 -1
- package/dist/components/Flex.js +46 -5
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/Icon.d.ts.map +1 -1
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.d.ts +1 -1
- package/dist/components/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton.js +4 -4
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfoTip.d.ts +17 -0
- package/dist/components/InfoTip.d.ts.map +1 -0
- package/dist/components/InfoTip.js +12 -0
- package/dist/components/InfoTip.js.map +1 -0
- package/dist/components/Input.d.ts +11 -5
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +32 -16
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Input.module.scss +313 -1
- package/dist/components/InteractiveDetails.d.ts.map +1 -1
- package/dist/components/InteractiveDetails.js +1 -1
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.d.ts.map +1 -1
- package/dist/components/Kbd.js +4 -1
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/Logo.d.ts +16 -4
- package/dist/components/Logo.d.ts.map +1 -1
- package/dist/components/Logo.js +32 -14
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/Media.d.ts +9 -2
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +25 -16
- package/dist/components/Media.js.map +1 -1
- package/dist/components/MediaAudioPlayer.d.ts +29 -0
- package/dist/components/MediaAudioPlayer.d.ts.map +1 -0
- package/dist/components/MediaAudioPlayer.js +115 -0
- package/dist/components/MediaAudioPlayer.js.map +1 -0
- package/dist/components/MediaAudioPlayer.module.scss +38 -0
- package/dist/components/Modal.d.ts +1 -1
- package/dist/components/Modal.d.ts.map +1 -1
- package/dist/components/Modal.js +10 -10
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/NavGroup.d.ts +33 -0
- package/dist/components/NavGroup.d.ts.map +1 -0
- package/dist/components/NavGroup.js +27 -0
- package/dist/components/NavGroup.js.map +1 -0
- package/dist/components/NavIcon.d.ts +1 -1
- package/dist/components/NavIcon.d.ts.map +1 -1
- package/dist/components/NavIcon.js +2 -2
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NavItem.d.ts +24 -0
- package/dist/components/NavItem.d.ts.map +1 -0
- package/dist/components/NavItem.js +18 -0
- package/dist/components/NavItem.js.map +1 -0
- package/dist/components/NumberInput.js +1 -1
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +7 -4
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.d.ts +3 -3
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +2 -2
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.d.ts +2 -2
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/PasswordInput.d.ts.map +1 -1
- package/dist/components/PasswordInput.js +2 -2
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/ProgressBar.d.ts +1 -1
- package/dist/components/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar.js +2 -2
- package/dist/components/ProgressBar.js.map +1 -1
- package/dist/components/Pulse.d.ts +1 -1
- package/dist/components/Pulse.d.ts.map +1 -1
- package/dist/components/Pulse.js +2 -2
- package/dist/components/Pulse.js.map +1 -1
- package/dist/components/RadioButton.d.ts +2 -2
- package/dist/components/RadioButton.d.ts.map +1 -1
- package/dist/components/RadioButton.js +1 -1
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.d.ts +2 -1
- package/dist/components/RevealFx.d.ts.map +1 -1
- package/dist/components/RevealFx.js +8 -8
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/ScrollContainer.d.ts.map +1 -1
- package/dist/components/ScrollContainer.js +1 -1
- package/dist/components/ScrollContainer.js.map +1 -1
- package/dist/components/Scrubber.d.ts +70 -0
- package/dist/components/Scrubber.d.ts.map +1 -0
- package/dist/components/Scrubber.js +161 -0
- package/dist/components/Scrubber.js.map +1 -0
- package/dist/components/SegmentedControl.d.ts +4 -4
- package/dist/components/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl.js +11 -11
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +48 -15
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts +0 -1
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +99 -52
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.d.ts +0 -1
- package/dist/components/ServerGrid.d.ts.map +1 -1
- package/dist/components/ServerGrid.js +11 -9
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/Setting.d.ts +50 -0
- package/dist/components/Setting.d.ts.map +1 -0
- package/dist/components/Setting.js +43 -0
- package/dist/components/Setting.js.map +1 -0
- package/dist/components/ShineFx.d.ts +1 -0
- package/dist/components/ShineFx.d.ts.map +1 -1
- package/dist/components/ShineFx.js +2 -2
- package/dist/components/ShineFx.js.map +1 -1
- package/dist/components/Skeleton.d.ts +16 -3
- package/dist/components/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton.js +2 -2
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/Skeleton.module.scss +14 -51
- package/dist/components/SplitView.d.ts +23 -3
- package/dist/components/SplitView.d.ts.map +1 -1
- package/dist/components/SplitView.js +90 -58
- package/dist/components/SplitView.js.map +1 -1
- package/dist/components/StyleOverlay.d.ts.map +1 -1
- package/dist/components/StyleOverlay.js +1 -1
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanel.d.ts +47 -6
- package/dist/components/StylePanel.d.ts.map +1 -1
- package/dist/components/StylePanel.js +16 -189
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/StylePanel.module.scss +6 -1
- package/dist/components/StylePanelSections.d.ts +117 -0
- package/dist/components/StylePanelSections.d.ts.map +1 -0
- package/dist/components/StylePanelSections.js +175 -0
- package/dist/components/StylePanelSections.js.map +1 -0
- package/dist/components/Swiper.d.ts +7 -1
- package/dist/components/Swiper.d.ts.map +1 -1
- package/dist/components/Swiper.js +7 -7
- package/dist/components/Swiper.js.map +1 -1
- package/dist/components/Switch.d.ts +2 -2
- package/dist/components/Switch.d.ts.map +1 -1
- package/dist/components/Switch.js +4 -4
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.d.ts.map +1 -1
- package/dist/components/Table.js +4 -4
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.d.ts +1 -1
- package/dist/components/Tag.d.ts.map +1 -1
- package/dist/components/Tag.js +2 -2
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/Textarea.d.ts +15 -5
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +31 -17
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.d.ts +14 -1
- package/dist/components/ThemeSwitcher.d.ts.map +1 -1
- package/dist/components/ThemeSwitcher.js +19 -9
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/ThemeSwitcher.module.scss +54 -0
- package/dist/components/Toast.d.ts +1 -1
- package/dist/components/Toast.d.ts.map +1 -1
- package/dist/components/Toast.js +2 -2
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/ToggleButton.d.ts +9 -2
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +5 -5
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/User.js +1 -1
- package/dist/components/User.js.map +1 -1
- package/dist/components/index.d.ts +7 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +7 -0
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/AdapterProvider.d.ts +50 -0
- package/dist/contexts/AdapterProvider.d.ts.map +1 -0
- package/dist/contexts/AdapterProvider.js +91 -0
- package/dist/contexts/AdapterProvider.js.map +1 -0
- package/dist/contexts/IconProvider.d.ts +2 -2
- package/dist/contexts/IconProvider.d.ts.map +1 -1
- package/dist/contexts/IconProvider.js +2 -2
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/LayoutProvider.d.ts +0 -2
- package/dist/contexts/LayoutProvider.d.ts.map +1 -1
- package/dist/contexts/LayoutProvider.js +15 -10
- package/dist/contexts/LayoutProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.d.ts +29 -1
- package/dist/contexts/ThemeProvider.d.ts.map +1 -1
- package/dist/contexts/ThemeProvider.js +42 -15
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/index.d.ts +3 -2
- package/dist/contexts/index.d.ts.map +1 -1
- package/dist/contexts/index.js +3 -2
- package/dist/contexts/index.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/data/emoji-data.json +8 -10
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +0 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/icons/ATTRIBUTION.md +19 -0
- package/dist/icons/data.d.ts +1919 -0
- package/dist/icons/data.d.ts.map +1 -0
- package/dist/icons/data.js +102 -0
- package/dist/icons/data.js.map +1 -0
- package/dist/icons/renderIcon.d.ts +26 -0
- package/dist/icons/renderIcon.d.ts.map +1 -0
- package/dist/icons/renderIcon.js +22 -0
- package/dist/icons/renderIcon.js.map +1 -0
- package/dist/icons.d.ts +35 -4
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +13 -60
- package/dist/icons.js.map +1 -1
- package/dist/modules/code/CodeBlock.impl.d.ts +2 -1
- package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.impl.js +7 -2
- package/dist/modules/code/CodeBlock.impl.js.map +1 -1
- package/dist/modules/data/ChartHeader.d.ts.map +1 -1
- package/dist/modules/data/ChartHeader.js +1 -1
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts +1 -1
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/DataTooltip.js +2 -2
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/LinearGauge.d.ts +3 -2
- package/dist/modules/data/LinearGauge.d.ts.map +1 -1
- package/dist/modules/data/LinearGauge.js +1 -1
- package/dist/modules/data/LinearGauge.js.map +1 -1
- package/dist/modules/data/PieChart.impl.d.ts +1 -1
- package/dist/modules/data/PieChart.impl.d.ts.map +1 -1
- package/dist/modules/data/PieChart.impl.js +4 -1
- package/dist/modules/data/PieChart.impl.js.map +1 -1
- package/dist/modules/data/RadialGauge.d.ts +3 -2
- package/dist/modules/data/RadialGauge.d.ts.map +1 -1
- package/dist/modules/data/RadialGauge.js +1 -1
- package/dist/modules/data/RadialGauge.js.map +1 -1
- package/dist/modules/data/interfaces.d.ts +12 -3
- package/dist/modules/data/interfaces.d.ts.map +1 -1
- package/dist/modules/index.d.ts +1 -4
- package/dist/modules/index.d.ts.map +1 -1
- package/dist/modules/index.js +9 -3
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/media/MediaUpload.impl.d.ts +1 -1
- package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -1
- package/dist/modules/media/MediaUpload.impl.js +1 -1
- package/dist/modules/media/MediaUpload.impl.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts +5 -4
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +32 -35
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.d.ts +5 -3
- package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +24 -12
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.d.ts +3 -2
- package/dist/modules/navigation/MobileMegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/modules/seo/Meta.d.ts +40 -2
- package/dist/modules/seo/Meta.d.ts.map +1 -1
- package/dist/modules/seo/Meta.js.map +1 -1
- package/dist/modules/seo/Schema.d.ts.map +1 -1
- package/dist/modules/seo/Schema.js +1 -2
- package/dist/modules/seo/Schema.js.map +1 -1
- package/dist/next/index.d.ts +35 -0
- package/dist/next/index.d.ts.map +1 -0
- package/dist/next/index.js +56 -0
- package/dist/next/index.js.map +1 -0
- package/dist/package.json +52 -7
- package/dist/scripts/init-agent.js +156 -0
- package/dist/scripts/validate-ai-code.js +431 -0
- package/dist/server/og-utils.d.ts +9 -3
- package/dist/server/og-utils.d.ts.map +1 -1
- package/dist/server/og-utils.js +15 -9
- package/dist/server/og-utils.js.map +1 -1
- package/dist/styles/breakpoints.scss +16 -5
- package/dist/test/setup.js +21 -0
- package/dist/test/setup.js.map +1 -1
- package/dist/types.d.ts +13 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js.map +1 -1
- package/dist/utils/colorScheme.d.ts +35 -0
- package/dist/utils/colorScheme.d.ts.map +1 -0
- package/dist/utils/colorScheme.js +140 -0
- package/dist/utils/colorScheme.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/navMatch.d.ts +21 -0
- package/dist/utils/navMatch.d.ts.map +1 -0
- package/dist/utils/navMatch.js +26 -0
- package/dist/utils/navMatch.js.map +1 -0
- package/package.json +66 -11
- package/scripts/validate-ai-code.js +309 -27
- package/dist/css/styles.css.map +0 -1
- package/dist/css/tokens.css.map +0 -1
- package/dist/hooks/useResponsiveClasses.d.ts +0 -9
- package/dist/hooks/useResponsiveClasses.d.ts.map +0 -1
- package/dist/hooks/useResponsiveClasses.js +0 -293
- package/dist/hooks/useResponsiveClasses.js.map +0 -1
- package/dist/styles/background.scss +0 -423
- package/dist/styles/border.scss +0 -546
- package/dist/styles/color.scss +0 -183
- package/dist/styles/display.scss +0 -391
- package/dist/styles/flex.scss +0 -518
- package/dist/styles/global.scss +0 -36
- package/dist/styles/grid.scss +0 -293
- package/dist/styles/index.scss +0 -14
- package/dist/styles/position.scss +0 -1549
- package/dist/styles/shadow.scss +0 -19
- package/dist/styles/size.scss +0 -53
- package/dist/styles/spacing.scss +0 -1505
- package/dist/styles/typography.scss +0 -223
- package/dist/styles/utilities.scss +0 -23
- package/dist/tokens/border.scss +0 -95
- package/dist/tokens/data.scss +0 -107
- package/dist/tokens/function.scss +0 -742
- package/dist/tokens/index.scss +0 -8
- package/dist/tokens/layout.scss +0 -275
- package/dist/tokens/scheme.scss +0 -352
- package/dist/tokens/shadow.scss +0 -7
- package/dist/tokens/theme.scss +0 -657
- package/dist/tokens/typography.scss +0 -118
- package/next-env.d.ts +0 -5
- package/scripts/copy-files.js +0 -103
- package/scripts/generate-ai-spec.js +0 -464
- package/scripts/generate-emoji-data.js +0 -128
- package/scss.d.ts +0 -4
- package/tsconfig.vitest.json +0 -20
- package/vitest.config.ts +0 -19
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
|
|
4
|
+
import { Column, Row, Text } from ".";
|
|
5
|
+
/** `m:ss` — enough for a clip, and it grows its own hours field if needed. */
|
|
6
|
+
function defaultFormatTime(ms) {
|
|
7
|
+
const total = Math.max(0, Math.round(ms / 1000));
|
|
8
|
+
const seconds = total % 60;
|
|
9
|
+
const minutes = Math.floor(total / 60) % 60;
|
|
10
|
+
const hours = Math.floor(total / 3600);
|
|
11
|
+
const mm = hours > 0 ? String(minutes).padStart(2, "0") : String(minutes);
|
|
12
|
+
return `${hours > 0 ? `${hours}:` : ""}${mm}:${String(seconds).padStart(2, "0")}`;
|
|
13
|
+
}
|
|
14
|
+
const Scrubber = forwardRef(({ duration, value, onChange, tracks = [], selected = null, onSelect, onBlockChange, onGestureStart, onBlockContextMenu, showTime = true, formatTime = defaultFormatTime, step, ariaLabel = "Seek", ...flex }, ref) => {
|
|
15
|
+
const trackRef = useRef(null);
|
|
16
|
+
const dragRef = useRef(null);
|
|
17
|
+
const [dragging, setDragging] = useState(false);
|
|
18
|
+
const pct = (time) => (duration > 0 ? (time / duration) * 100 : 0);
|
|
19
|
+
const clamp = (time) => Math.min(duration, Math.max(0, time));
|
|
20
|
+
const timeAt = useCallback((clientX) => {
|
|
21
|
+
const el = trackRef.current;
|
|
22
|
+
if (!el || duration <= 0)
|
|
23
|
+
return 0;
|
|
24
|
+
const rect = el.getBoundingClientRect();
|
|
25
|
+
if (rect.width <= 0)
|
|
26
|
+
return 0;
|
|
27
|
+
return Math.min(duration, Math.max(0, ((clientX - rect.left) / rect.width) * duration));
|
|
28
|
+
}, [duration]);
|
|
29
|
+
// Pointer events rather than mouse events: they cover mouse, pen and touch
|
|
30
|
+
// in one path, which is the difference between a timeline that works on a
|
|
31
|
+
// tablet and one that does not.
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (!dragging)
|
|
34
|
+
return;
|
|
35
|
+
const onMove = (event) => {
|
|
36
|
+
const drag = dragRef.current;
|
|
37
|
+
if (!drag)
|
|
38
|
+
return;
|
|
39
|
+
if (drag.target.kind === "seek") {
|
|
40
|
+
onChange(timeAt(event.clientX));
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
const el = trackRef.current;
|
|
44
|
+
if (!el)
|
|
45
|
+
return;
|
|
46
|
+
const rect = el.getBoundingClientRect();
|
|
47
|
+
if (rect.width <= 0)
|
|
48
|
+
return;
|
|
49
|
+
// Measured from where the gesture started rather than accumulated per
|
|
50
|
+
// move, so a clamped handler cannot make the block drift away from the
|
|
51
|
+
// pointer over a long drag.
|
|
52
|
+
const delta = ((event.clientX - drag.pointerStartX) / rect.width) * duration;
|
|
53
|
+
const { trackId, blockId, mode } = drag.target;
|
|
54
|
+
const next = mode === "move"
|
|
55
|
+
? { start: drag.blockStart + delta, end: drag.blockEnd + delta }
|
|
56
|
+
: mode === "start"
|
|
57
|
+
? { start: drag.blockStart + delta, end: drag.blockEnd }
|
|
58
|
+
: { start: drag.blockStart, end: drag.blockEnd + delta };
|
|
59
|
+
onBlockChange?.(trackId, blockId, { start: clamp(next.start), end: clamp(next.end) });
|
|
60
|
+
};
|
|
61
|
+
const onUp = () => {
|
|
62
|
+
dragRef.current = null;
|
|
63
|
+
setDragging(false);
|
|
64
|
+
};
|
|
65
|
+
document.addEventListener("pointermove", onMove);
|
|
66
|
+
document.addEventListener("pointerup", onUp);
|
|
67
|
+
document.addEventListener("pointercancel", onUp);
|
|
68
|
+
const previousSelect = document.body.style.userSelect;
|
|
69
|
+
document.body.style.userSelect = "none";
|
|
70
|
+
return () => {
|
|
71
|
+
document.removeEventListener("pointermove", onMove);
|
|
72
|
+
document.removeEventListener("pointerup", onUp);
|
|
73
|
+
document.removeEventListener("pointercancel", onUp);
|
|
74
|
+
document.body.style.userSelect = previousSelect;
|
|
75
|
+
};
|
|
76
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77
|
+
}, [dragging, duration, onChange, onBlockChange, timeAt]);
|
|
78
|
+
const begin = (event, target, block) => {
|
|
79
|
+
if (event.button !== 0)
|
|
80
|
+
return;
|
|
81
|
+
if (target.kind === "block") {
|
|
82
|
+
event.stopPropagation();
|
|
83
|
+
onGestureStart?.();
|
|
84
|
+
}
|
|
85
|
+
dragRef.current = {
|
|
86
|
+
target,
|
|
87
|
+
pointerStartX: event.clientX,
|
|
88
|
+
blockStart: block?.start ?? 0,
|
|
89
|
+
blockEnd: block?.end ?? 0,
|
|
90
|
+
};
|
|
91
|
+
setDragging(true);
|
|
92
|
+
};
|
|
93
|
+
const keyStep = step ?? duration / 100;
|
|
94
|
+
return (_jsxs(Column, { ref: ref, fillWidth: true, gap: "8", ...flex, children: [_jsxs(Column, { ref: trackRef, fillWidth: true, gap: "4",
|
|
95
|
+
// Operable without a pointer: the playhead is the value, the track is
|
|
96
|
+
// the range. Blocks stay pointer-driven, which is what they are.
|
|
97
|
+
role: "slider", tabIndex: 0, "aria-label": ariaLabel, "aria-valuemin": 0, "aria-valuemax": duration, "aria-valuenow": value, "aria-valuetext": formatTime(value), onKeyDown: (event) => {
|
|
98
|
+
if (event.key === "ArrowLeft")
|
|
99
|
+
onChange(clamp(value - keyStep));
|
|
100
|
+
else if (event.key === "ArrowRight")
|
|
101
|
+
onChange(clamp(value + keyStep));
|
|
102
|
+
else if (event.key === "Home")
|
|
103
|
+
onChange(0);
|
|
104
|
+
else if (event.key === "End")
|
|
105
|
+
onChange(duration);
|
|
106
|
+
else
|
|
107
|
+
return;
|
|
108
|
+
event.preventDefault();
|
|
109
|
+
}, style: { touchAction: "none" }, children: [tracks.length === 0 && (_jsx(Row, { fillWidth: true, height: "8", radius: "full", background: "neutral-alpha-medium", cursor: "pointer", overflow: "hidden", onPointerDown: (event) => {
|
|
110
|
+
onChange(timeAt(event.clientX));
|
|
111
|
+
begin(event, { kind: "seek" });
|
|
112
|
+
}, children: _jsx(Row, { fillHeight: true, solid: "brand-strong", pointerEvents: "none", style: { width: `${pct(value)}%` } }) })), tracks.map((track) => (_jsx(Row, { fillWidth: true, height: track.height ?? "40", radius: "s", cursor: track.onAdd ? "copy" : "pointer", onPointerDown: (event) => {
|
|
113
|
+
// Only the track's own background — a block sits on top and
|
|
114
|
+
// handles its own gestures.
|
|
115
|
+
if (event.target !== event.currentTarget || event.button !== 0)
|
|
116
|
+
return;
|
|
117
|
+
if (track.onAdd) {
|
|
118
|
+
track.onAdd(timeAt(event.clientX));
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
onSelect?.(null);
|
|
122
|
+
onChange(timeAt(event.clientX));
|
|
123
|
+
begin(event, { kind: "seek" });
|
|
124
|
+
}, children: track.blocks.map((block) => {
|
|
125
|
+
const isSelected = block.id === selected;
|
|
126
|
+
const scheme = block.scheme ?? track.scheme ?? "brand";
|
|
127
|
+
const movable = track.movable && !block.locked;
|
|
128
|
+
const resizable = track.resizable && !block.locked;
|
|
129
|
+
return (_jsxs(Row, { position: "absolute", top: "0", bottom: "0", center: true, gap: "8", overflow: "hidden", radius: "s",
|
|
130
|
+
// Selection has to read at a glance on a dense track, so it
|
|
131
|
+
// moves both the fill and the border a full step rather
|
|
132
|
+
// than nudging one of them.
|
|
133
|
+
background: isSelected ? `${scheme}-medium` : `${scheme}-alpha-weak`, border: isSelected ? `${scheme}-strong` : `${scheme}-alpha-medium`, cursor: movable ? "grab" : "pointer", transition: "micro-medium", style: {
|
|
134
|
+
left: `${pct(block.start)}%`,
|
|
135
|
+
// A zero-length block would otherwise be unclickable.
|
|
136
|
+
width: `${Math.max(0.5, pct(block.end - block.start))}%`,
|
|
137
|
+
userSelect: "none",
|
|
138
|
+
}, onPointerDown: (event) => {
|
|
139
|
+
if (event.button !== 0)
|
|
140
|
+
return;
|
|
141
|
+
onSelect?.(block.id);
|
|
142
|
+
if (movable) {
|
|
143
|
+
begin(event, { kind: "block", trackId: track.id, blockId: block.id, mode: "move" }, block);
|
|
144
|
+
}
|
|
145
|
+
else {
|
|
146
|
+
event.stopPropagation();
|
|
147
|
+
onChange(timeAt(event.clientX));
|
|
148
|
+
begin(event, { kind: "seek" });
|
|
149
|
+
}
|
|
150
|
+
}, onContextMenu: (event) => onBlockContextMenu?.(event, track.id, block.id), children: [block.label && (_jsx(Text, { variant: "label-default-xs", onBackground: `${scheme}-medium`, truncate: true, style: { userSelect: "none" }, children: block.label })), resizable && (_jsxs(_Fragment, { children: [_jsx(Row, { position: "absolute", top: "0", bottom: "0", left: "0", width: "8", cursor: "ew-resize", background: isSelected ? `${scheme}-alpha-strong` : "transparent", transition: "micro-medium", onPointerDown: (event) => {
|
|
151
|
+
onSelect?.(block.id);
|
|
152
|
+
begin(event, { kind: "block", trackId: track.id, blockId: block.id, mode: "start" }, block);
|
|
153
|
+
} }), _jsx(Row, { position: "absolute", top: "0", bottom: "0", right: "0", width: "8", cursor: "ew-resize", background: isSelected ? `${scheme}-alpha-strong` : "transparent", transition: "micro-medium", onPointerDown: (event) => {
|
|
154
|
+
onSelect?.(block.id);
|
|
155
|
+
begin(event, { kind: "block", trackId: track.id, blockId: block.id, mode: "end" }, block);
|
|
156
|
+
} })] }))] }, block.id));
|
|
157
|
+
}) }, track.id))), tracks.length > 0 && (_jsx(Row, { position: "absolute", top: "0", bottom: "0", solid: "accent-strong", pointerEvents: "none", zIndex: 1, style: { left: `${pct(value)}%`, width: "2px" } }))] }), showTime && (_jsxs(Row, { fillWidth: true, horizontal: "between", textVariant: "label-default-s", onBackground: "neutral-weak", children: [_jsx(Text, { family: "code", children: formatTime(value) }), _jsx(Text, { family: "code", children: formatTime(duration) })] }))] }));
|
|
158
|
+
});
|
|
159
|
+
Scrubber.displayName = "Scrubber";
|
|
160
|
+
export { Scrubber };
|
|
161
|
+
//# sourceMappingURL=Scrubber.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrubber.js","sourceRoot":"","sources":["../../src/components/Scrubber.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,12 +2,12 @@ import { Scroller, ToggleButtonProps } from ".";
|
|
|
2
2
|
interface ButtonOption extends Omit<ToggleButtonProps, "selected"> {
|
|
3
3
|
value: string;
|
|
4
4
|
}
|
|
5
|
-
interface SegmentedControlProps extends Omit<React.ComponentProps<typeof Scroller>, "
|
|
5
|
+
interface SegmentedControlProps extends Omit<React.ComponentProps<typeof Scroller>, "onChange" | "defaultValue"> {
|
|
6
6
|
buttons: ButtonOption[];
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
onChange: (value: string, event?: React.MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
defaultValue?: string;
|
|
9
9
|
fillWidth?: boolean;
|
|
10
|
-
|
|
10
|
+
value?: string;
|
|
11
11
|
compact?: boolean;
|
|
12
12
|
className?: string;
|
|
13
13
|
style?: React.CSSProperties;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,QAAQ,EAAQ,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEpE,UAAU,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,QAAQ,EAAQ,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEpE,UAAU,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC9G,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,gBAAgB,+HAuHpB,CAAA;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useEffect, useRef, forwardRef } from "react";
|
|
4
4
|
import { ToggleButton, Scroller, Flex } from ".";
|
|
5
|
-
const SegmentedControl = forwardRef(({ buttons,
|
|
5
|
+
const SegmentedControl = forwardRef(({ buttons, onChange, defaultValue, fillWidth = true, value, compact = false, className, style, ...scrollerProps }, ref) => {
|
|
6
6
|
const [internalSelected, setInternalSelected] = useState(() => {
|
|
7
|
-
if (
|
|
8
|
-
return
|
|
9
|
-
if (
|
|
10
|
-
return
|
|
7
|
+
if (value !== undefined)
|
|
8
|
+
return value;
|
|
9
|
+
if (defaultValue !== undefined)
|
|
10
|
+
return defaultValue;
|
|
11
11
|
return buttons[0]?.value || "";
|
|
12
12
|
});
|
|
13
13
|
const buttonRefs = useRef([]);
|
|
14
14
|
useEffect(() => {
|
|
15
|
-
if (
|
|
16
|
-
setInternalSelected(
|
|
15
|
+
if (value !== undefined) {
|
|
16
|
+
setInternalSelected(value);
|
|
17
17
|
}
|
|
18
|
-
}, [
|
|
18
|
+
}, [value]);
|
|
19
19
|
const handleButtonClick = (clickedButton, event) => {
|
|
20
20
|
event.stopPropagation();
|
|
21
21
|
const newSelected = clickedButton.value;
|
|
22
22
|
setInternalSelected(newSelected);
|
|
23
|
-
|
|
23
|
+
onChange(newSelected, event);
|
|
24
24
|
};
|
|
25
25
|
const handleKeyDown = (event) => {
|
|
26
26
|
const focusedIndex = buttonRefs.current.findIndex((ref) => ref === document.activeElement);
|
|
@@ -51,7 +51,7 @@ const SegmentedControl = forwardRef(({ buttons, onToggle, defaultSelected, fillW
|
|
|
51
51
|
if (focusedIndex >= 0 && focusedIndex < buttons.length) {
|
|
52
52
|
const focusedButton = buttons[focusedIndex];
|
|
53
53
|
setInternalSelected(focusedButton.value);
|
|
54
|
-
|
|
54
|
+
onChange(focusedButton.value);
|
|
55
55
|
}
|
|
56
56
|
break;
|
|
57
57
|
default:
|
|
@@ -62,7 +62,7 @@ const SegmentedControl = forwardRef(({ buttons, onToggle, defaultSelected, fillW
|
|
|
62
62
|
return (_jsx(Scroller, { direction: "row", fillWidth: fillWidth, minWidth: 0, ...scrollerProps, role: "tablist", "aria-orientation": "horizontal", onKeyDown: handleKeyDown, children: _jsx(Flex, { fillWidth: fillWidth, gap: compact ? "-1" : "2", padding: compact ? "0" : "4", radius: "l", border: compact ? undefined : "neutral-alpha-weak", children: buttons.map((button, index) => {
|
|
63
63
|
return (_jsx(ToggleButton, { ref: (el) => {
|
|
64
64
|
buttonRefs.current[index] = el;
|
|
65
|
-
}, variant: compact ? "outline" : "ghost",
|
|
65
|
+
}, variant: compact ? "outline" : "ghost", corners: compact ? (index === 0 ? "left" : index === buttons.length - 1 ? "right" : "none") : undefined, selected: index === selectedIndex, onClick: (event) => handleButtonClick(button, event), role: "tab", className: className, style: { opacity: (index !== selectedIndex && !compact) ? 0.6 : 1, ...style }, "aria-selected": index === selectedIndex, "aria-controls": `panel-${button.value}`, tabIndex: index === selectedIndex ? 0 : -1, fillWidth: fillWidth, ...button }, button.value));
|
|
66
66
|
}) }) }));
|
|
67
67
|
});
|
|
68
68
|
SegmentedControl.displayName = "SegmentedControl";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAqB,MAAM,GAAG,CAAC;AAiBpE,MAAM,gBAAgB,GAAG,UAAU,CAAwC,CAAC,EAC1E,OAAO,EACP,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAIrB,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAIrB,MAAM,GAAG,CAAC;AACX,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEtD,UAAU,WACR,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoFD,QAAA,MAAM,MAAM,oFA+QX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -7,7 +7,7 @@ import inputStyles from "./Input.module.scss";
|
|
|
7
7
|
// Inner component that uses the arrow navigation context
|
|
8
8
|
const SearchInput = ({ searchInputId, searchQuery, setSearchQuery, setIsDropdownOpen, handleClearSearch, handleBlur, selectRef, }) => {
|
|
9
9
|
const { handleKeyDown: navKeyDown } = useArrowNavigationContext();
|
|
10
|
-
return (_jsx(Input, { "data-scaling": "90", id: `select-search-${searchInputId}`, placeholder: "Search",
|
|
10
|
+
return (_jsx(Input, { "data-scaling": "90", id: `select-search-${searchInputId}`, placeholder: "Search", size: "s", suffix: searchQuery ? (_jsx(IconButton, { tooltip: "Clear", tooltipPosition: "left", icon: "close", variant: "ghost", size: "s", onClick: handleClearSearch })) : undefined, prefix: _jsx(Icon, { name: "search", size: "xs" }), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onClick: (e) => {
|
|
11
11
|
e.stopPropagation();
|
|
12
12
|
e.preventDefault();
|
|
13
13
|
setIsDropdownOpen(true);
|
|
@@ -39,8 +39,17 @@ const SearchInput = ({ searchInputId, searchQuery, setSearchQuery, setIsDropdown
|
|
|
39
39
|
} }));
|
|
40
40
|
};
|
|
41
41
|
const Select = forwardRef(({ options, value = "", onSelect, searchable = false, emptyState = "No results", minHeight, minWidth, maxWidth, placement, className, fillWidth = true, style, multiple = false, ...rest }, ref) => {
|
|
42
|
+
/**
|
|
43
|
+
* Focus for the whole control, not the trigger.
|
|
44
|
+
*
|
|
45
|
+
* Opening the dropdown moves focus off the trigger and into the menu, so
|
|
46
|
+
* the trigger's own blur fires mid-interaction with `relatedTarget` inside
|
|
47
|
+
* the dropdown — which the handler below correctly ignores, leaving any
|
|
48
|
+
* state keyed to the trigger stuck on. Capture-phase listeners on the
|
|
49
|
+
* wrapper see focus enter and leave the control as a whole, which is the
|
|
50
|
+
* thing a focus ring should actually track.
|
|
51
|
+
*/
|
|
42
52
|
const [isFocused, setIsFocused] = useState(false);
|
|
43
|
-
const [isFilled, setIsFilled] = useState(false);
|
|
44
53
|
const [internalValue, setInternalValue] = useState(multiple ? [] : value);
|
|
45
54
|
useEffect(() => {
|
|
46
55
|
if (value !== undefined) {
|
|
@@ -58,12 +67,7 @@ const Select = forwardRef(({ options, value = "", onSelect, searchable = false,
|
|
|
58
67
|
const justSelectedRef = useRef(false);
|
|
59
68
|
const handleFocus = () => {
|
|
60
69
|
// Allow reopening the dropdown even after selection
|
|
61
|
-
setIsFocused(true);
|
|
62
70
|
setIsDropdownOpen(true);
|
|
63
|
-
// Set highlighted index to first option or current selection
|
|
64
|
-
const currentIndex = options.findIndex((option) => multiple
|
|
65
|
-
? Array.isArray(currentValue) && currentValue.includes(option.value)
|
|
66
|
-
: option.value === currentValue);
|
|
67
71
|
};
|
|
68
72
|
const handleBlur = (event) => {
|
|
69
73
|
// Don't close dropdown if focus is moving to an element within the select component
|
|
@@ -71,11 +75,40 @@ const Select = forwardRef(({ options, value = "", onSelect, searchable = false,
|
|
|
71
75
|
// Only close if we're not moving to the dropdown or its children
|
|
72
76
|
const isMovingToDropdown = event.relatedTarget && event.relatedTarget.closest("[data-dropdown]");
|
|
73
77
|
if (!isMovingToDropdown) {
|
|
74
|
-
setIsFocused(false);
|
|
75
78
|
setIsDropdownOpen(false);
|
|
76
79
|
}
|
|
77
80
|
}
|
|
78
81
|
};
|
|
82
|
+
/**
|
|
83
|
+
* Focus leaves this control without ever firing a blur it can hear.
|
|
84
|
+
*
|
|
85
|
+
* Picking an option moves focus onto a button inside the dropdown, and
|
|
86
|
+
* closing the menu removes that button from the document — and removing a
|
|
87
|
+
* focused element fires no `focusout`, it just resets focus to `body`.
|
|
88
|
+
* Traced in Chromium: `focusin INPUT`, `focusout INPUT -> BUTTON`, and then
|
|
89
|
+
* nothing at all while `document.activeElement` quietly became `BODY`. A
|
|
90
|
+
* blur listener, on the trigger or on the wrapper, cannot see that.
|
|
91
|
+
*
|
|
92
|
+
* So the exit is watched at the document instead, on the two events that do
|
|
93
|
+
* fire: focus landing somewhere else, and a pointer going down somewhere
|
|
94
|
+
* else. Only mounted while focused, so an unfocused Select costs nothing.
|
|
95
|
+
*/
|
|
96
|
+
useEffect(() => {
|
|
97
|
+
if (!isFocused)
|
|
98
|
+
return;
|
|
99
|
+
const leaveIfOutside = (event) => {
|
|
100
|
+
const target = event.target;
|
|
101
|
+
if (target && selectRef.current?.contains(target))
|
|
102
|
+
return;
|
|
103
|
+
setIsFocused(false);
|
|
104
|
+
};
|
|
105
|
+
document.addEventListener("focusin", leaveIfOutside);
|
|
106
|
+
document.addEventListener("pointerdown", leaveIfOutside);
|
|
107
|
+
return () => {
|
|
108
|
+
document.removeEventListener("focusin", leaveIfOutside);
|
|
109
|
+
document.removeEventListener("pointerdown", leaveIfOutside);
|
|
110
|
+
};
|
|
111
|
+
}, [isFocused]);
|
|
79
112
|
const handleSelect = (value) => {
|
|
80
113
|
if (multiple) {
|
|
81
114
|
const currentValues = Array.isArray(currentValue) ? currentValue : [];
|
|
@@ -144,16 +177,16 @@ const Select = forwardRef(({ options, value = "", onSelect, searchable = false,
|
|
|
144
177
|
ref(node);
|
|
145
178
|
else if (ref)
|
|
146
179
|
ref.current = node;
|
|
147
|
-
},
|
|
180
|
+
}, onFocusCapture: () => setIsFocused(true), open: isDropdownOpen, onOpenChange: setIsDropdownOpen, placement: placement, closeAfterClick: false, disableTriggerClick: true, style: {
|
|
148
181
|
...style,
|
|
149
182
|
}, trigger: _jsx(Input, { ...rest, style: {
|
|
150
183
|
textOverflow: "ellipsis",
|
|
151
184
|
...style,
|
|
152
|
-
}, cursor: "interactive", value: getDisplayText(), onFocus: handleFocus, readOnly: true,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
185
|
+
}, cursor: "interactive", value: getDisplayText(), onFocus: handleFocus, readOnly: true,
|
|
186
|
+
// `{ className }` in the object put the literal string "className"
|
|
187
|
+
// on the element when the prop was truthy and dropped the caller's
|
|
188
|
+
// class entirely. It is a value, not a condition.
|
|
189
|
+
className: classNames("fill-width", className, isFocused && inputStyles.focused), "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen }), dropdown: _jsx(Column, { fillWidth: true, padding: "4", "data-dropdown": "true", children: _jsxs(ArrowNavigation, { layout: "column", itemCount: filteredOptions.length, onSelect: (index) => {
|
|
157
190
|
if (index >= 0 && index < filteredOptions.length) {
|
|
158
191
|
handleSelect(filteredOptions[index].value);
|
|
159
192
|
}
|
|
@@ -163,7 +196,7 @@ const Select = forwardRef(({ options, value = "", onSelect, searchable = false,
|
|
|
163
196
|
setIsDropdownOpen(false);
|
|
164
197
|
}, selected: multiple
|
|
165
198
|
? Array.isArray(currentValue) && currentValue.includes(option.value)
|
|
166
|
-
: option.value === currentValue, tabIndex: -1,
|
|
199
|
+
: option.value === currentValue, tabIndex: -1, prefix: multiple ? (Array.isArray(currentValue) && currentValue.includes(option.value) ? (_jsx(Icon, { name: "check", size: "xs", onBackground: "neutral-weak" })) : Array.isArray(currentValue) && currentValue.length > 0 ? (_jsx(Flex, { minWidth: "20" })) : undefined) : undefined }, option.value))), searchQuery && filteredOptions.length === 0 && (_jsx(Flex, { fillWidth: true, center: true, paddingX: "16", paddingY: "32", children: emptyState }))] })] }) }) }));
|
|
167
200
|
});
|
|
168
201
|
Select.displayName = "Select";
|
|
169
202
|
export { Select };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EACL,eAAe,EACf,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,KAAK,EAEL,MAAM,EAGN,MAAM,EACN,eAAe,EACf,yBAAyB,GAC1B,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,6 @@ interface ServerFlexProps extends FlexProps, SpacingProps, SizeProps, StyleProps
|
|
|
5
5
|
m?: FlexBreakpointProps;
|
|
6
6
|
s?: FlexBreakpointProps;
|
|
7
7
|
xs?: FlexBreakpointProps;
|
|
8
|
-
isDefaultBreakpoints?: boolean;
|
|
9
8
|
}
|
|
10
9
|
declare const ServerFlex: import("react").ForwardRefExoticComponent<ServerFlexProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
10
|
export { ServerFlex };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ServerFlex.d.ts","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,UAAU,eACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,EAAE,CAAC,EAAE,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ServerFlex.d.ts","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,UAAU,eACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,EAAE,CAAC,EAAE,mBAAmB,CAAC;CAC1B;AAgDD,QAAA,MAAM,UAAU,4GA2kBf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|