@once-ui-system/core 2.0.0-alpha.1 → 2.0.0-alpha.3
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/ai/catalog.json +11 -4
- package/ai/components/Effect.json +1 -1
- package/ai/components/Feedback.json +1 -0
- package/ai/components/Form.json +15 -0
- package/ai/components/Input.json +3 -2
- package/ai/components/{Particle.json → ParticleFx.json} +1 -1
- package/ai/components/ScrollContainer.json +9 -1
- package/ai/components/Textarea.json +3 -2
- package/ai/components/ThemeSwitcher.json +2 -1
- package/ai/examples/blocks/Footer4.tsx +2 -2
- package/ai/examples/blocks/manifest.json +2 -2
- package/ai/gotchas.json +7 -0
- package/ai/manifest.json +2 -2
- package/ai/rules.md +1 -1
- package/ai/spec.json +35 -10
- package/dist/ai/catalog.json +11 -4
- package/dist/ai/components/Effect.json +1 -1
- package/dist/ai/components/Feedback.json +1 -0
- package/dist/ai/components/Form.json +15 -0
- package/dist/ai/components/Input.json +3 -2
- package/dist/ai/components/{Particle.json → ParticleFx.json} +1 -1
- package/dist/ai/components/ScrollContainer.json +9 -1
- package/dist/ai/components/Textarea.json +3 -2
- package/dist/ai/components/ThemeSwitcher.json +2 -1
- package/dist/ai/examples/blocks/manifest.json +2 -2
- package/dist/ai/gotchas.json +7 -0
- package/dist/ai/manifest.json +2 -2
- package/dist/ai/rules.md +1 -1
- package/dist/ai/spec.json +35 -10
- package/dist/components/Accordion.d.ts +3 -1
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion.js +4 -1
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.d.ts +1 -1
- package/dist/components/AccordionGroup.d.ts.map +1 -1
- package/dist/components/AccordionGroup.js +3 -1
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/Animation.d.ts +2 -3
- package/dist/components/Animation.d.ts.map +1 -1
- package/dist/components/Animation.js +2 -2
- package/dist/components/Animation.js.map +1 -1
- package/dist/components/Arrow.d.ts +1 -1
- package/dist/components/Arrow.d.ts.map +1 -1
- package/dist/components/Arrow.js +1 -1
- package/dist/components/Arrow.js.map +1 -1
- package/dist/components/ArrowNavigationContext.d.ts.map +1 -1
- package/dist/components/ArrowNavigationContext.js +12 -3
- package/dist/components/ArrowNavigationContext.js.map +1 -1
- package/dist/components/AutoScroll.d.ts +1 -1
- package/dist/components/AutoScroll.d.ts.map +1 -1
- package/dist/components/AutoScroll.js +1 -1
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Avatar.d.ts +1 -1
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +6 -1
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/AvatarGroup.d.ts +2 -1
- package/dist/components/AvatarGroup.d.ts.map +1 -1
- package/dist/components/AvatarGroup.js +2 -1
- package/dist/components/AvatarGroup.js.map +1 -1
- package/dist/components/Background.d.ts +2 -1
- package/dist/components/Background.d.ts.map +1 -1
- package/dist/components/Background.js +2 -1
- package/dist/components/Background.js.map +1 -1
- package/dist/components/Badge.d.ts +1 -1
- package/dist/components/Badge.d.ts.map +1 -1
- package/dist/components/Badge.js +4 -1
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/BlobFx.d.ts +1 -1
- package/dist/components/BlobFx.d.ts.map +1 -1
- package/dist/components/BlobFx.js +2 -1
- package/dist/components/BlobFx.js.map +1 -1
- package/dist/components/BlockQuote.d.ts +1 -1
- package/dist/components/BlockQuote.d.ts.map +1 -1
- package/dist/components/BlockQuote.js +6 -1
- package/dist/components/BlockQuote.js.map +1 -1
- package/dist/components/Book.d.ts +1 -1
- package/dist/components/Book.d.ts.map +1 -1
- package/dist/components/Book.js +4 -1
- package/dist/components/Book.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +4 -1
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.d.ts +1 -1
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.js +9 -4
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.d.ts +1 -1
- package/dist/components/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel.js +7 -1
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/CelebrationFx.d.ts +1 -1
- package/dist/components/CelebrationFx.d.ts.map +1 -1
- package/dist/components/CelebrationFx.js +1 -1
- package/dist/components/CelebrationFx.js.map +1 -1
- package/dist/components/Checkbox.d.ts +1 -1
- package/dist/components/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox.js +3 -1
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Chip.d.ts +2 -1
- package/dist/components/Chip.d.ts.map +1 -1
- package/dist/components/Chip.js +4 -1
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/ClientFlex.d.ts.map +1 -1
- package/dist/components/ClientFlex.js +3 -2
- package/dist/components/ClientFlex.js.map +1 -1
- package/dist/components/ClientGrid.d.ts.map +1 -1
- package/dist/components/ClientGrid.js +3 -2
- 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 -1
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/CompareImage.d.ts +1 -1
- package/dist/components/CompareImage.d.ts.map +1 -1
- package/dist/components/CompareImage.js +3 -1
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/ContextMenu.d.ts +1 -1
- package/dist/components/ContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu.js +3 -1
- package/dist/components/ContextMenu.js.map +1 -1
- package/dist/components/CountFx.d.ts +1 -1
- package/dist/components/CountFx.d.ts.map +1 -1
- package/dist/components/CountFx.js +2 -1
- package/dist/components/CountFx.js.map +1 -1
- package/dist/components/CountdownFx.d.ts +1 -1
- package/dist/components/CountdownFx.d.ts.map +1 -1
- package/dist/components/CountdownFx.js +3 -1
- package/dist/components/CountdownFx.js.map +1 -1
- package/dist/components/Cursor.js +1 -1
- package/dist/components/Cursor.js.map +1 -1
- package/dist/components/CursorCard.d.ts +2 -2
- package/dist/components/CursorCard.d.ts.map +1 -1
- package/dist/components/CursorCard.js +1 -1
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.d.ts +1 -1
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +3 -1
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +22 -2
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.d.ts +2 -1
- package/dist/components/DateRangeInput.d.ts.map +1 -1
- package/dist/components/DateRangeInput.js +5 -1
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker.d.ts +1 -1
- package/dist/components/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker.js +2 -1
- package/dist/components/DateRangePicker.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 +6 -1
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts +1 -1
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +2 -1
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts +1 -1
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +186 -37
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/DropdownWrapper.module.scss +3 -1
- package/dist/components/Effect.d.ts +7 -2
- package/dist/components/Effect.d.ts.map +1 -1
- package/dist/components/Effect.js +7 -2
- package/dist/components/Effect.js.map +1 -1
- package/dist/components/ElementType.js +1 -1
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts +3 -2
- package/dist/components/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker.js +8 -1
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts +4 -3
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
- package/dist/components/EmojiPickerDropdown.js +2 -1
- package/dist/components/EmojiPickerDropdown.js.map +1 -1
- package/dist/components/Fade.d.ts +1 -1
- package/dist/components/Fade.d.ts.map +1 -1
- package/dist/components/Fade.js +1 -1
- package/dist/components/Fade.js.map +1 -1
- package/dist/components/FadingLettersFx.d.ts.map +1 -1
- package/dist/components/FadingLettersFx.js +1 -1
- package/dist/components/FadingLettersFx.js.map +1 -1
- package/dist/components/FadingLettersFx.module.scss +214 -37
- package/dist/components/Feedback.d.ts +5 -1
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js +7 -3
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/FlipFx.d.ts +1 -1
- package/dist/components/FlipFx.d.ts.map +1 -1
- package/dist/components/FlipFx.js +1 -1
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/FocusTrap.d.ts +3 -3
- package/dist/components/FocusTrap.d.ts.map +1 -1
- package/dist/components/FocusTrap.js +10 -0
- package/dist/components/FocusTrap.js.map +1 -1
- package/dist/components/Form.d.ts +48 -0
- package/dist/components/Form.d.ts.map +1 -0
- package/dist/components/Form.js +191 -0
- package/dist/components/Form.js.map +1 -0
- package/dist/components/Form.module.scss +160 -0
- package/dist/components/FormContext.d.ts +20 -0
- package/dist/components/FormContext.d.ts.map +1 -0
- package/dist/components/FormContext.js +12 -0
- package/dist/components/FormContext.js.map +1 -0
- package/dist/components/GlitchFx.d.ts +1 -1
- package/dist/components/GlitchFx.d.ts.map +1 -1
- package/dist/components/GlitchFx.js +1 -1
- package/dist/components/GlitchFx.js.map +1 -1
- package/dist/components/Heading.d.ts.map +1 -1
- package/dist/components/Heading.js +17 -10
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/HoloFx.d.ts +1 -1
- package/dist/components/HoloFx.d.ts.map +1 -1
- package/dist/components/HoloFx.js +1 -1
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Hover.d.ts +1 -1
- package/dist/components/Hover.d.ts.map +1 -1
- package/dist/components/Hover.js +1 -1
- package/dist/components/Hover.js.map +1 -1
- package/dist/components/HoverCard.d.ts +1 -1
- package/dist/components/HoverCard.d.ts.map +1 -1
- package/dist/components/HoverCard.js +1 -1
- package/dist/components/HoverCard.js.map +1 -1
- package/dist/components/Icon.d.ts +1 -1
- package/dist/components/Icon.d.ts.map +1 -1
- package/dist/components/Icon.js +3 -1
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton.js +5 -1
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfiniteScroll.d.ts +1 -1
- package/dist/components/InfiniteScroll.d.ts.map +1 -1
- package/dist/components/InfiniteScroll.js +3 -1
- package/dist/components/InfiniteScroll.js.map +1 -1
- package/dist/components/InfoTip.d.ts +2 -1
- package/dist/components/InfoTip.d.ts.map +1 -1
- package/dist/components/InfoTip.js +4 -1
- package/dist/components/InfoTip.js.map +1 -1
- package/dist/components/InlineCode.d.ts +1 -1
- package/dist/components/InlineCode.d.ts.map +1 -1
- package/dist/components/InlineCode.js +1 -1
- package/dist/components/InlineCode.js.map +1 -1
- package/dist/components/Input.d.ts +3 -0
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +17 -3
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Input.module.scss +27 -6
- package/dist/components/InteractiveDetails.d.ts +1 -1
- package/dist/components/InteractiveDetails.d.ts.map +1 -1
- package/dist/components/InteractiveDetails.js +4 -1
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.d.ts +1 -1
- package/dist/components/Kbd.d.ts.map +1 -1
- package/dist/components/Kbd.js +2 -1
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/Line.d.ts +1 -1
- package/dist/components/Line.d.ts.map +1 -1
- package/dist/components/Line.js +1 -1
- package/dist/components/Line.js.map +1 -1
- package/dist/components/List.d.ts +1 -1
- package/dist/components/List.d.ts.map +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/List.js.map +1 -1
- package/dist/components/ListItem.d.ts +1 -1
- package/dist/components/ListItem.d.ts.map +1 -1
- package/dist/components/ListItem.js +1 -1
- package/dist/components/ListItem.js.map +1 -1
- package/dist/components/Logo.d.ts.map +1 -1
- package/dist/components/Logo.js +8 -2
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/LogoCloud.d.ts +2 -1
- package/dist/components/LogoCloud.d.ts.map +1 -1
- package/dist/components/LogoCloud.js +3 -1
- package/dist/components/LogoCloud.js.map +1 -1
- package/dist/components/Mask.d.ts +1 -1
- package/dist/components/Mask.d.ts.map +1 -1
- package/dist/components/Mask.js +1 -1
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/MatrixFx.d.ts +1 -1
- package/dist/components/MatrixFx.d.ts.map +1 -1
- package/dist/components/MatrixFx.js +1 -1
- package/dist/components/MatrixFx.js.map +1 -1
- package/dist/components/Media.d.ts +1 -1
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +5 -1
- package/dist/components/Media.js.map +1 -1
- package/dist/components/MediaAudioPlayer.d.ts +1 -1
- package/dist/components/MediaAudioPlayer.d.ts.map +1 -1
- package/dist/components/MediaAudioPlayer.js +4 -1
- package/dist/components/MediaAudioPlayer.js.map +1 -1
- package/dist/components/MediaVideoPlayer.d.ts.map +1 -1
- package/dist/components/MediaVideoPlayer.js +4 -1
- package/dist/components/MediaVideoPlayer.js.map +1 -1
- package/dist/components/Modal.d.ts.map +1 -1
- package/dist/components/Modal.js +5 -1
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/NavGroup.d.ts +1 -1
- package/dist/components/NavGroup.d.ts.map +1 -1
- package/dist/components/NavGroup.js +5 -1
- package/dist/components/NavGroup.js.map +1 -1
- package/dist/components/NavIcon.d.ts +1 -1
- package/dist/components/NavIcon.d.ts.map +1 -1
- package/dist/components/NavIcon.js +1 -1
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NavItem.d.ts +1 -1
- package/dist/components/NavItem.d.ts.map +1 -1
- package/dist/components/NavItem.js +4 -1
- package/dist/components/NavItem.js.map +1 -1
- package/dist/components/NumberInput.d.ts +1 -1
- package/dist/components/NumberInput.d.ts.map +1 -1
- package/dist/components/NumberInput.js +4 -1
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OTPInput.d.ts.map +1 -1
- package/dist/components/OTPInput.js +4 -1
- package/dist/components/OTPInput.js.map +1 -1
- package/dist/components/OgCard.d.ts +1 -1
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +6 -1
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.d.ts +1 -1
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +4 -1
- package/dist/components/Option.js.map +1 -1
- package/dist/components/{Particle.d.ts → ParticleFx.d.ts} +10 -5
- package/dist/components/ParticleFx.d.ts.map +1 -0
- package/dist/components/{Particle.js → ParticleFx.js} +10 -5
- package/dist/components/ParticleFx.js.map +1 -0
- package/dist/components/PasswordInput.d.ts +1 -1
- package/dist/components/PasswordInput.d.ts.map +1 -1
- package/dist/components/PasswordInput.js +2 -1
- 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 +5 -1
- 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 +1 -1
- package/dist/components/Pulse.js.map +1 -1
- package/dist/components/RadioButton.d.ts +1 -1
- package/dist/components/RadioButton.d.ts.map +1 -1
- package/dist/components/RadioButton.js +2 -1
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.d.ts +1 -1
- package/dist/components/RevealFx.d.ts.map +1 -1
- package/dist/components/RevealFx.js +1 -1
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/ScrollContainer.d.ts +70 -3
- package/dist/components/ScrollContainer.d.ts.map +1 -1
- package/dist/components/ScrollContainer.js +380 -46
- package/dist/components/ScrollContainer.js.map +1 -1
- package/dist/components/ScrollContainer.module.scss +131 -0
- package/dist/components/ScrollToTop.d.ts +1 -1
- package/dist/components/ScrollToTop.d.ts.map +1 -1
- package/dist/components/ScrollToTop.js +1 -1
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/Scroller.d.ts +2 -1
- package/dist/components/Scroller.d.ts.map +1 -1
- package/dist/components/Scroller.js +3 -1
- package/dist/components/Scroller.js.map +1 -1
- package/dist/components/Scrubber.d.ts +1 -1
- package/dist/components/Scrubber.d.ts.map +1 -1
- package/dist/components/Scrubber.js +3 -1
- package/dist/components/Scrubber.js.map +1 -1
- package/dist/components/SegmentedControl.d.ts +2 -1
- package/dist/components/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl.js +3 -1
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.d.ts +6 -3
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +8 -1
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +17 -42
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.d.ts.map +1 -1
- package/dist/components/ServerGrid.js +17 -42
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/Setting.d.ts +1 -1
- package/dist/components/Setting.d.ts.map +1 -1
- package/dist/components/Setting.js +10 -2
- package/dist/components/Setting.js.map +1 -1
- package/dist/components/ShineFx.d.ts +1 -1
- package/dist/components/ShineFx.d.ts.map +1 -1
- package/dist/components/ShineFx.js +1 -1
- package/dist/components/ShineFx.js.map +1 -1
- package/dist/components/Skeleton.d.ts +1 -1
- package/dist/components/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton.js +1 -1
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/Slider.d.ts.map +1 -1
- package/dist/components/Slider.js +3 -1
- package/dist/components/Slider.js.map +1 -1
- package/dist/components/SmartLink.d.ts.map +1 -1
- package/dist/components/SmartLink.js +2 -1
- package/dist/components/SmartLink.js.map +1 -1
- package/dist/components/Spinner.d.ts +1 -1
- package/dist/components/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner.js +1 -1
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/SplitView.d.ts +2 -2
- package/dist/components/SplitView.d.ts.map +1 -1
- package/dist/components/SplitView.js +5 -2
- package/dist/components/SplitView.js.map +1 -1
- package/dist/components/StatusIndicator.d.ts +1 -1
- package/dist/components/StatusIndicator.d.ts.map +1 -1
- package/dist/components/StatusIndicator.js +1 -1
- package/dist/components/StatusIndicator.js.map +1 -1
- package/dist/components/StyleOverlay.d.ts +2 -1
- package/dist/components/StyleOverlay.d.ts.map +1 -1
- package/dist/components/StyleOverlay.js +4 -1
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanelSections.d.ts +3 -2
- package/dist/components/StylePanelSections.d.ts.map +1 -1
- package/dist/components/StylePanelSections.js +7 -1
- package/dist/components/StylePanelSections.js.map +1 -1
- package/dist/components/Swiper.d.ts +1 -1
- package/dist/components/Swiper.d.ts.map +1 -1
- package/dist/components/Swiper.js +5 -1
- package/dist/components/Swiper.js.map +1 -1
- package/dist/components/Switch.d.ts +1 -1
- package/dist/components/Switch.d.ts.map +1 -1
- package/dist/components/Switch.js +3 -1
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.d.ts +1 -1
- package/dist/components/Table.d.ts.map +1 -1
- package/dist/components/Table.js +10 -1
- 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 +3 -1
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/TagInput.d.ts +1 -1
- package/dist/components/TagInput.d.ts.map +1 -1
- package/dist/components/TagInput.js +3 -1
- package/dist/components/TagInput.js.map +1 -1
- package/dist/components/Text.d.ts.map +1 -1
- package/dist/components/Text.js +17 -10
- package/dist/components/Text.js.map +1 -1
- package/dist/components/Textarea.d.ts +3 -0
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +25 -7
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.d.ts +17 -1
- package/dist/components/ThemeSwitcher.d.ts.map +1 -1
- package/dist/components/ThemeSwitcher.js +67 -10
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/ThemeSwitcher.module.scss +140 -3
- package/dist/components/TiltFx.d.ts +1 -1
- package/dist/components/TiltFx.d.ts.map +1 -1
- package/dist/components/TiltFx.js +1 -1
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Timeline.d.ts +1 -1
- package/dist/components/Timeline.d.ts.map +1 -1
- package/dist/components/Timeline.js +4 -1
- package/dist/components/Timeline.js.map +1 -1
- package/dist/components/Toast.d.ts.map +1 -1
- package/dist/components/Toast.js +4 -1
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/Toaster.d.ts.map +1 -1
- package/dist/components/Toaster.js +4 -2
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +3 -1
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip.js +2 -1
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/TypeFx.d.ts +1 -1
- package/dist/components/TypeFx.d.ts.map +1 -1
- package/dist/components/TypeFx.js +1 -1
- package/dist/components/TypeFx.js.map +1 -1
- package/dist/components/User.d.ts +3 -2
- package/dist/components/User.d.ts.map +1 -1
- package/dist/components/User.js +6 -1
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.d.ts +4 -3
- package/dist/components/UserMenu.d.ts.map +1 -1
- package/dist/components/UserMenu.js +3 -1
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/components/WeatherFx.d.ts +1 -1
- package/dist/components/WeatherFx.d.ts.map +1 -1
- package/dist/components/WeatherFx.js +1 -1
- package/dist/components/WeatherFx.js.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/DataThemeProvider.d.ts +1 -1
- package/dist/contexts/DataThemeProvider.d.ts.map +1 -1
- package/dist/contexts/ThemeProvider.js +1 -1
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/ToastProvider.js +1 -1
- package/dist/contexts/ToastProvider.js.map +1 -1
- package/dist/hooks/useArrowNavigation.d.ts.map +1 -1
- package/dist/hooks/useArrowNavigation.js +52 -7
- package/dist/hooks/useArrowNavigation.js.map +1 -1
- package/dist/modules/code/CodeBlock.impl.d.ts +1 -1
- package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.impl.js +10 -1
- package/dist/modules/code/CodeBlock.impl.js.map +1 -1
- package/dist/modules/data/BarChart.impl.d.ts +1 -1
- package/dist/modules/data/BarChart.impl.d.ts.map +1 -1
- package/dist/modules/data/BarChart.impl.js +8 -3
- package/dist/modules/data/BarChart.impl.js.map +1 -1
- package/dist/modules/data/ChartHeader.d.ts +2 -1
- package/dist/modules/data/ChartHeader.d.ts.map +1 -1
- package/dist/modules/data/ChartHeader.js +7 -1
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.d.ts.map +1 -1
- package/dist/modules/data/ChartStatus.js +3 -1
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/DataTooltip.js +4 -1
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/Legend.d.ts.map +1 -1
- package/dist/modules/data/Legend.js +3 -2
- package/dist/modules/data/Legend.js.map +1 -1
- package/dist/modules/data/LineBarChart.impl.d.ts +1 -1
- package/dist/modules/data/LineBarChart.impl.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.impl.js +8 -3
- package/dist/modules/data/LineBarChart.impl.js.map +1 -1
- package/dist/modules/data/LineChart.impl.d.ts +1 -1
- package/dist/modules/data/LineChart.impl.d.ts.map +1 -1
- package/dist/modules/data/LineChart.impl.js +8 -3
- package/dist/modules/data/LineChart.impl.js.map +1 -1
- package/dist/modules/data/LinearGauge.d.ts +1 -1
- package/dist/modules/data/LinearGauge.d.ts.map +1 -1
- package/dist/modules/data/LinearGauge.js +3 -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 +8 -3
- package/dist/modules/data/PieChart.impl.js.map +1 -1
- package/dist/modules/data/RadialGauge.d.ts +1 -1
- package/dist/modules/data/RadialGauge.d.ts.map +1 -1
- package/dist/modules/data/RadialGauge.js +3 -1
- package/dist/modules/data/RadialGauge.js.map +1 -1
- package/dist/modules/data/Swatch.js +2 -2
- package/dist/modules/data/Swatch.js.map +1 -1
- package/dist/modules/data/interfaces.d.ts +3 -2
- package/dist/modules/data/interfaces.d.ts.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 +5 -1
- package/dist/modules/media/MediaUpload.impl.js.map +1 -1
- package/dist/modules/navigation/HeadingLink.d.ts +1 -1
- package/dist/modules/navigation/HeadingLink.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +5 -2
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/HeadingNav.d.ts +1 -1
- package/dist/modules/navigation/HeadingNav.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingNav.js +7 -1
- package/dist/modules/navigation/HeadingNav.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts +1 -1
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +10 -1
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.d.ts +1 -1
- package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +230 -16
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.d.ts +1 -1
- package/dist/modules/navigation/MobileMegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +7 -1
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/types.d.ts +14 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/utils/MissingDependency.d.ts.map +1 -1
- package/dist/utils/MissingDependency.js +3 -1
- package/dist/utils/MissingDependency.js.map +1 -1
- package/dist/utils/spacingStyle.d.ts +33 -0
- package/dist/utils/spacingStyle.d.ts.map +1 -0
- package/dist/utils/spacingStyle.js +34 -0
- package/dist/utils/spacingStyle.js.map +1 -0
- package/package.json +1 -1
- package/dist/components/Particle.d.ts.map +0 -1
- package/dist/components/Particle.js.map +0 -1
|
@@ -2,29 +2,86 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import classNames from "clsx";
|
|
4
4
|
import React, { forwardRef } from "react";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { useTheme } from "../contexts/ThemeProvider";
|
|
6
|
+
import { Column } from "./Column";
|
|
7
|
+
import { IconButton } from "./IconButton";
|
|
8
|
+
import { Row } from "./Row";
|
|
7
9
|
import styles from "./ThemeSwitcher.module.scss";
|
|
8
10
|
const THEMES = [
|
|
9
11
|
{ value: "system", icon: "computer", label: "System theme" },
|
|
10
12
|
{ value: "dark", icon: "dark", label: "Dark theme" },
|
|
11
13
|
{ value: "light", icon: "light", label: "Light theme" },
|
|
12
14
|
];
|
|
13
|
-
const ThemeSwitcher = forwardRef(({ collapsed, className, ...flex }, ref) => {
|
|
15
|
+
const ThemeSwitcher = forwardRef(({ collapsed, direction = "row", className, ...flex }, ref) => {
|
|
14
16
|
const { theme, setTheme } = useTheme();
|
|
15
17
|
const [mounted, setMounted] = React.useState(false);
|
|
18
|
+
// Two frames after `mounted` has committed, so a collapsed group appears
|
|
19
|
+
// only once the browser has laid it out showing the right option (see
|
|
20
|
+
// `.pending`). One frame is not enough: its callback runs before that
|
|
21
|
+
// frame's style pass, which would see the new classes and the reveal
|
|
22
|
+
// together and animate the swap.
|
|
23
|
+
const [ready, setReady] = React.useState(false);
|
|
16
24
|
// The server does not know the visitor's theme, so nothing is marked active
|
|
17
25
|
// until the client says which one it is.
|
|
18
26
|
React.useEffect(() => {
|
|
19
27
|
setMounted(true);
|
|
20
28
|
}, []);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
29
|
+
React.useEffect(() => {
|
|
30
|
+
if (!mounted)
|
|
31
|
+
return;
|
|
32
|
+
let frame = requestAnimationFrame(() => {
|
|
33
|
+
frame = requestAnimationFrame(() => setReady(true));
|
|
34
|
+
});
|
|
35
|
+
return () => cancelAnimationFrame(frame);
|
|
36
|
+
}, [mounted]);
|
|
37
|
+
const pending = collapsed && !ready;
|
|
38
|
+
/*
|
|
39
|
+
* Opening downwards, the active option leads.
|
|
40
|
+
*
|
|
41
|
+
* The shut control is the active option — that is what a collapsed group
|
|
42
|
+
* is. Open it in fixed order and the panel's first slot belongs to
|
|
43
|
+
* whichever theme happens to be listed first, so the icon the pointer is
|
|
44
|
+
* already resting on changes identity as the panel unrolls: you hover the
|
|
45
|
+
* moon and the computer arrives underneath your cursor. Click without
|
|
46
|
+
* looking and you have set the wrong theme.
|
|
47
|
+
*
|
|
48
|
+
* Leading with the active option keeps one invariant instead — the theme
|
|
49
|
+
* in force is always the one in the anchor slot, before opening and again
|
|
50
|
+
* after choosing. The other two keep their order relative to each other,
|
|
51
|
+
* so the list is still predictable.
|
|
52
|
+
*
|
|
53
|
+
* Reordered here rather than with CSS `order` so that the tab order and
|
|
54
|
+
* the visual order stay the same thing. Keys are stable, so React moves
|
|
55
|
+
* the existing nodes and a focused button keeps its focus.
|
|
56
|
+
*/
|
|
57
|
+
const ordered = collapsed && direction === "column" && mounted
|
|
58
|
+
? [...THEMES].sort((a, b) => Number(theme === b.value) - Number(theme === a.value))
|
|
59
|
+
: THEMES;
|
|
60
|
+
const options = ordered.map(({ value, icon, label }, index) => {
|
|
61
|
+
const active = mounted && theme === value;
|
|
62
|
+
return (_jsx(Row, { fit: true,
|
|
63
|
+
// Before mount no option is known to be active, so a collapsed group
|
|
64
|
+
// keeps just its first slot open: the one-option footprint it will
|
|
65
|
+
// have, held invisible by `.pending` until the right option is in it.
|
|
66
|
+
className: classNames(styles.option, (mounted ? !active : index > 0) && styles.inactive), suppressHydrationWarning: true, children: _jsx(IconButton, { icon: icon, variant: active ? "primary" : "tertiary", onClick: () => setTheme(value), "aria-label": label, "aria-pressed": active, suppressHydrationWarning: true }) }, value));
|
|
67
|
+
});
|
|
68
|
+
/*
|
|
69
|
+
* Opening downwards needs two elements, not one.
|
|
70
|
+
*
|
|
71
|
+
* The outer box is what the layout sees, and it stays the size of a single
|
|
72
|
+
* option however many are showing — that is the whole point of the
|
|
73
|
+
* collapsed control, and a group that grows in the flow would push its
|
|
74
|
+
* neighbours along every time it opened. The panel is taken out of the
|
|
75
|
+
* flow and hung from the outer box's top-left, so it grows over the page
|
|
76
|
+
* instead of through the header.
|
|
77
|
+
*
|
|
78
|
+
* The border and the radius move to the panel with the options, because
|
|
79
|
+
* they belong to the thing that is actually visible.
|
|
80
|
+
*/
|
|
81
|
+
if (collapsed && direction === "column") {
|
|
82
|
+
return (_jsx(Row, { "data-border": "rounded", ref: ref, fit: true, className: classNames(styles.anchor, pending && styles.pending, className), suppressHydrationWarning: true, ...flex, children: _jsx(Column, { gap: "2", border: "neutral-alpha-weak", radius: "full", background: "page", className: classNames(styles.collapsed, styles.panel), suppressHydrationWarning: true, children: options }) }));
|
|
83
|
+
}
|
|
84
|
+
return (_jsx(Row, { "data-border": "rounded", ref: ref, gap: "2", border: "neutral-alpha-weak", radius: "full", suppressHydrationWarning: true, className: classNames(collapsed && styles.collapsed, pending && styles.pending, className), ...flex, children: options }));
|
|
28
85
|
});
|
|
29
86
|
ThemeSwitcher.displayName = "ThemeSwitcher";
|
|
30
87
|
export { ThemeSwitcher };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,26 +24,39 @@
|
|
|
24
24
|
overflow: hidden;
|
|
25
25
|
transition:
|
|
26
26
|
max-width var(--transition-duration-micro-medium, 0.15s) ease,
|
|
27
|
+
margin var(--transition-duration-micro-medium, 0.15s) ease,
|
|
27
28
|
opacity var(--transition-duration-micro-short, 0.1s) ease;
|
|
28
|
-
max-width: var(--static-space-
|
|
29
|
+
max-width: var(--static-space-32, 2rem);
|
|
29
30
|
}
|
|
30
31
|
|
|
32
|
+
/* A zero-width option still owns its share of the group's gap, which left
|
|
33
|
+
the pill a few pixels wider than the one button it shows. Each hidden
|
|
34
|
+
option takes one gap with it: the gap before it, or, for the first
|
|
35
|
+
option, the gap after it. The value is the group's `gap="2"`. */
|
|
31
36
|
.option.inactive {
|
|
32
37
|
max-width: 0;
|
|
33
38
|
opacity: 0;
|
|
39
|
+
margin-left: calc(-1 * var(--static-space-2, 0.125rem));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.option.inactive:first-child {
|
|
43
|
+
margin-left: 0;
|
|
44
|
+
margin-right: calc(-1 * var(--static-space-2, 0.125rem));
|
|
34
45
|
}
|
|
35
46
|
|
|
36
47
|
&:hover .option.inactive,
|
|
37
48
|
&:focus-within .option.inactive {
|
|
38
|
-
max-width: var(--static-space-
|
|
49
|
+
max-width: var(--static-space-32, 2rem);
|
|
39
50
|
opacity: 1;
|
|
51
|
+
margin: 0;
|
|
40
52
|
}
|
|
41
53
|
}
|
|
42
54
|
|
|
43
55
|
@media (hover: none) {
|
|
44
56
|
.collapsed .option.inactive {
|
|
45
|
-
max-width: var(--static-space-
|
|
57
|
+
max-width: var(--static-space-32, 2rem);
|
|
46
58
|
opacity: 1;
|
|
59
|
+
margin: 0;
|
|
47
60
|
}
|
|
48
61
|
}
|
|
49
62
|
|
|
@@ -52,3 +65,127 @@
|
|
|
52
65
|
transition: none;
|
|
53
66
|
}
|
|
54
67
|
}
|
|
68
|
+
|
|
69
|
+
/*
|
|
70
|
+
* Opening downwards, over the page.
|
|
71
|
+
*
|
|
72
|
+
* The anchor is what the surrounding layout sees, and it is exactly one option
|
|
73
|
+
* — so a header reserves one slot whether the group is open or shut, and
|
|
74
|
+
* nothing beside it moves when it opens. `overflow: visible` matters: the
|
|
75
|
+
* panel is taller than a typical header and has to be allowed out of it.
|
|
76
|
+
*/
|
|
77
|
+
.anchor {
|
|
78
|
+
position: relative;
|
|
79
|
+
/* One option's footprint: the option buttons are `IconButton`s at their
|
|
80
|
+
default size (32px), inside the panel's 1px border. Sized to what is
|
|
81
|
+
drawn, so the control centres in its row and reserves no dead space. */
|
|
82
|
+
width: calc(var(--static-space-32, 2rem) + 2px);
|
|
83
|
+
height: calc(var(--static-space-32, 2rem) + 2px);
|
|
84
|
+
overflow: visible;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.panel {
|
|
88
|
+
position: absolute;
|
|
89
|
+
top: 0;
|
|
90
|
+
left: 0;
|
|
91
|
+
/* Above the page, and above a sticky header's own content. */
|
|
92
|
+
z-index: 1;
|
|
93
|
+
|
|
94
|
+
/* Shut, the panel is the size of the one option it shows and has no edges of
|
|
95
|
+
its own to draw: a pill border around a single icon button is a second
|
|
96
|
+
outline around the button's own. They arrive with the panel opening. */
|
|
97
|
+
border-color: transparent;
|
|
98
|
+
background: transparent;
|
|
99
|
+
transition:
|
|
100
|
+
border-color var(--transition-duration-micro-medium, 0.15s) ease,
|
|
101
|
+
background var(--transition-duration-micro-medium, 0.15s) ease,
|
|
102
|
+
box-shadow var(--transition-duration-micro-medium, 0.15s) ease;
|
|
103
|
+
|
|
104
|
+
&:hover,
|
|
105
|
+
&:focus-within {
|
|
106
|
+
border-color: var(--neutral-alpha-weak);
|
|
107
|
+
background: var(--page-background);
|
|
108
|
+
box-shadow: var(--shadow-m);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
/*
|
|
112
|
+
* Vertical clipping, where the row variant clips horizontally.
|
|
113
|
+
*
|
|
114
|
+
* `max-height` rather than `height` so the option is never squashed on the
|
|
115
|
+
* way out, and the margin trick is the row variant's, turned ninety degrees:
|
|
116
|
+
* a zero-height option still owns its share of the column's `gap="2"`, which
|
|
117
|
+
* would leave the shut panel a few pixels taller than the button it shows.
|
|
118
|
+
*/
|
|
119
|
+
.option {
|
|
120
|
+
max-width: none;
|
|
121
|
+
max-height: var(--static-space-32, 2rem);
|
|
122
|
+
transition:
|
|
123
|
+
max-height var(--transition-duration-micro-medium, 0.15s) ease,
|
|
124
|
+
margin var(--transition-duration-micro-medium, 0.15s) ease,
|
|
125
|
+
opacity var(--transition-duration-micro-short, 0.1s) ease;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.option.inactive {
|
|
129
|
+
max-width: none;
|
|
130
|
+
max-height: 0;
|
|
131
|
+
opacity: 0;
|
|
132
|
+
margin-left: 0;
|
|
133
|
+
margin-right: 0;
|
|
134
|
+
margin-top: calc(-1 * var(--static-space-2, 0.125rem));
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.option.inactive:first-child {
|
|
138
|
+
margin-top: 0;
|
|
139
|
+
margin-bottom: calc(-1 * var(--static-space-2, 0.125rem));
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
&:hover .option.inactive,
|
|
143
|
+
&:focus-within .option.inactive {
|
|
144
|
+
max-height: var(--static-space-32, 2rem);
|
|
145
|
+
opacity: 1;
|
|
146
|
+
margin: 0;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
@media (hover: none) {
|
|
151
|
+
.panel .option.inactive {
|
|
152
|
+
max-height: var(--static-space-32, 2rem);
|
|
153
|
+
opacity: 1;
|
|
154
|
+
margin: 0;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/* Always open on a touch device, so it must carry its edges and reserve its
|
|
158
|
+
height rather than hanging over whatever is under it. */
|
|
159
|
+
.panel {
|
|
160
|
+
position: relative;
|
|
161
|
+
border-color: var(--neutral-alpha-weak);
|
|
162
|
+
background: var(--page-background);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.anchor {
|
|
166
|
+
width: auto;
|
|
167
|
+
height: auto;
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/*
|
|
172
|
+
* Before the client knows the theme.
|
|
173
|
+
*
|
|
174
|
+
* The server cannot tell which option is active, so the collapsed group is
|
|
175
|
+
* rendered at its one-option size (the options after the first are marked
|
|
176
|
+
* inactive) and invisible, and it appears once the active option is known.
|
|
177
|
+
* Rendering it open instead drew the whole group and then snapped it shut on
|
|
178
|
+
* hydration. Transitions are off while pending: the reveal comes a frame after
|
|
179
|
+
* the classes settle, so the swap to the right option is never animated.
|
|
180
|
+
*
|
|
181
|
+
* Last in the file, and naming the panel, so it outranks the `.panel .option`
|
|
182
|
+
* transition above rather than tying with it.
|
|
183
|
+
*/
|
|
184
|
+
.pending {
|
|
185
|
+
visibility: hidden;
|
|
186
|
+
|
|
187
|
+
.option,
|
|
188
|
+
.panel .option {
|
|
189
|
+
transition: none;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TiltFx.d.ts","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"TiltFx.d.ts","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,iGAwFV,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect, useRef, useCallback, forwardRef } from "react";
|
|
4
4
|
import styles from "./TiltFx.module.scss";
|
|
5
|
-
import { Flex } from "
|
|
5
|
+
import { Flex } from "./Flex";
|
|
6
6
|
import { useReducedMotion } from "../hooks/useReducedMotion";
|
|
7
7
|
const TiltFx = forwardRef(({ children, intensity = 1, reducedMotion = "auto", ...rest }, ref) => {
|
|
8
8
|
const internalRef = useRef(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,mGA6IZ,CAAA;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import { Column
|
|
4
|
+
import { Column } from "./Column";
|
|
5
|
+
import { Flex } from "./Flex";
|
|
6
|
+
import { Line } from "./Line";
|
|
7
|
+
import { Text } from "./Text";
|
|
5
8
|
const Timeline = forwardRef(({ items, alignment = "left", size = "m", ...flex }, ref) => {
|
|
6
9
|
// Helper to get color variable for state
|
|
7
10
|
const getStateColor = (state) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AASD,QAAA,MAAM,KAAK,mFAmDV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/dist/components/Toast.js
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect, useState, forwardRef } from "react";
|
|
4
|
-
import { IconButton
|
|
4
|
+
import { IconButton } from "./IconButton";
|
|
5
|
+
import { Icon } from "./Icon";
|
|
6
|
+
import { Flex } from "./Flex";
|
|
7
|
+
import { Row } from "./Row";
|
|
5
8
|
import classNames from "clsx";
|
|
6
9
|
import styles from "./Toast.module.scss";
|
|
7
10
|
const iconMap = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAYzC,MAAM,OAAO,GAAiD;IAC5D,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACxD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,QACT,UAAU,EAAC,SAAS,EACpB,MAAM,EAAC,GAAG,EACV,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YAC9D,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;YACzB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO;SAC1B,CAAC,YAEF,MAAC,IAAI,IAAC,SAAS,QAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aACtC,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,YAAY,EAAE,GAAG,OAAO,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,GAAI,EACzF,KAAC,GAAG,IAAC,SAAS,QAAC,WAAW,EAAC,gBAAgB,YACxC,QAAQ,GACL,EACL,MAAM,IAAI,MAAM,EAChB,OAAO,IAAI,CACV,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAChC,CACH,IACI,GACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../src/components/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../src/components/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,UAAU,YAAY;IACpB,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;QACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1B,EAAE,CAAC;IACJ,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,EAAE,CAAC,EAAE,aAAa,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,qFAwEX,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect, useState, forwardRef } from "react";
|
|
4
4
|
import { createPortal } from "react-dom";
|
|
5
|
-
import { Column
|
|
5
|
+
import { Column } from "./Column";
|
|
6
|
+
import { Row } from "./Row";
|
|
7
|
+
import { Toast } from "./Toast";
|
|
6
8
|
import styles from "./Toaster.module.scss";
|
|
7
9
|
import classNames from "clsx";
|
|
8
|
-
import { useLayout } from "../contexts";
|
|
10
|
+
import { useLayout } from "../contexts/LayoutProvider";
|
|
9
11
|
const Toaster = forwardRef(({ toasts, removeToast, xl, l, m, s, xs }, ref) => {
|
|
10
12
|
const [mounted, setMounted] = useState(false);
|
|
11
13
|
const { currentBreakpoint } = useLayout();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../src/components/Toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../src/components/Toaster.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEnD,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IACzC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EACJ,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAExG,QAAA,MAAM,YAAY,6IAyEjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import classNames from "clsx";
|
|
5
|
-
import { Flex
|
|
5
|
+
import { Flex } from "./Flex";
|
|
6
|
+
import { Icon } from "./Icon";
|
|
7
|
+
import { ElementType } from "./ElementType";
|
|
6
8
|
import styles from "./ToggleButton.module.scss";
|
|
7
9
|
const ToggleButton = forwardRef(({ label, selected = false, variant = "ghost", size = "m", radius, corners, rounded = false, horizontal = "center", fillWidth = false, weight = "default", truncate = false, disabled = false, prefixIcon, suffixIcon, className, style, children, href, ...props }, ref) => {
|
|
8
10
|
return (_jsxs(ElementType, { ref: ref, href: href, disabled: disabled, "data-disabled": disabled ? true : undefined, "data-border": rounded ? "rounded" : undefined, className: classNames(styles.button, styles[variant], styles[size], selected && styles.selected, corners === "none" || radius === "none"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IAC7D,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,OAAO,kGAoCZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import classNames from "clsx";
|
|
4
|
-
import { Icon
|
|
4
|
+
import { Icon } from "./Icon";
|
|
5
|
+
import { Row } from "./Row";
|
|
5
6
|
import styles from "./Tooltip.module.scss";
|
|
6
7
|
const Tooltip = forwardRef(({ label, prefixIcon, suffixIcon, className, style, ...flex }, ref) => {
|
|
7
8
|
return (_jsxs(Row, { m: { hide: true }, ref: ref, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAU3C,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,OAAO,CACL,MAAC,GAAG,IACF,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EACjB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,GAAG,KAAK;SACT,EACD,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,GAAG,EACP,MAAM,EAAE,CAAC,EACT,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,GAAG,EACZ,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,KAC3C,IAAI,aAEP,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,EACnD,KAAC,GAAG,IACF,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,iBAAiB,EAC7B,YAAY,EAAC,gBAAgB,YAE5B,KAAK,GACF,EACL,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,IAC/C,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypeFx.d.ts","sourceRoot":"","sources":["../../src/components/TypeFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"TypeFx.d.ts","sourceRoot":"","sources":["../../src/components/TypeFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IACtF,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,kGAwGV,CAAC;AAIH,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useEffect, useRef, forwardRef } from "react";
|
|
4
|
-
import { Text } from "
|
|
4
|
+
import { Text } from "./Text";
|
|
5
5
|
const TypeFx = forwardRef(({ words, speed = 100, delay = 0, hold = 2000, trigger = "instant", onTrigger, loop = true, children, ...text }, ref) => {
|
|
6
6
|
const [displayText, setDisplayText] = useState("");
|
|
7
7
|
const [isComplete, setIsComplete] = useState(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypeFx.js","sourceRoot":"","sources":["../../src/components/TypeFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"TypeFx.js","sourceRoot":"","sources":["../../src/components/TypeFx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../src/components/User.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../src/components/User.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAGpD,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,kFAmDT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/components/User.js
CHANGED
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import classNames from "clsx";
|
|
5
|
-
import { Flex
|
|
5
|
+
import { Flex } from "./Flex";
|
|
6
|
+
import { Text } from "./Text";
|
|
7
|
+
import { Skeleton } from "./Skeleton";
|
|
8
|
+
import { Tag } from "./Tag";
|
|
9
|
+
import { Avatar } from "./Avatar";
|
|
10
|
+
import { Column } from "./Column";
|
|
6
11
|
const User = forwardRef(({ name, children, subline, tagProps = {}, loading = false, avatarProps = {}, className }, ref) => {
|
|
7
12
|
const { src, value, empty, ...restAvatarProps } = avatarProps;
|
|
8
13
|
const isEmpty = empty || (!src && !value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"User.js","sourceRoot":"","sources":["../../src/components/User.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"User.js","sourceRoot":"","sources":["../../src/components/User.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAalC,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,SAAS,EAAE,EACxF,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,GAAG,WAAW,CAAC;IAC9D,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,aACxE,KAAC,MAAM,IACL,IAAI,EAAC,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,OAAO,KACZ,eAAe,GACnB,EACD,QAAQ,EACR,IAAI,IAAI,CACP,MAAC,MAAM,IAAC,WAAW,EAAC,GAAG,EAAC,YAAY,EAAC,IAAI,aACtC,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,GAAG,YAC7B,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,gBAAY,cAAc,GAAG,GACpE,CACR,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,aAC7B,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,YAC1D,IAAI,GACA,EACN,QAAQ,CAAC,KAAK,IAAI,CACjB,KAAC,GAAG,IAAC,IAAI,EAAC,GAAG,KAAK,QAAQ,YACvB,QAAQ,CAAC,KAAK,GACX,CACP,IACI,CACR,EACA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,QAAQ,EAAC,GAAG,YAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,gBAAY,iBAAiB,GAAG,GACvE,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACtE,OAAO,GACH,CACR,IACM,CACV,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
|