@studio-helga/once-ui-core 1.7.8
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/README.md +54 -0
- package/dist/README.md +54 -0
- package/dist/components/Accordion.d.ts +25 -0
- package/dist/components/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion.js +75 -0
- package/dist/components/Accordion.js.map +1 -0
- package/dist/components/Accordion.module.scss +5 -0
- package/dist/components/AccordionGroup.d.ts +16 -0
- package/dist/components/AccordionGroup.d.ts.map +1 -0
- package/dist/components/AccordionGroup.js +27 -0
- package/dist/components/AccordionGroup.js.map +1 -0
- package/dist/components/Animation.d.ts +34 -0
- package/dist/components/Animation.d.ts.map +1 -0
- package/dist/components/Animation.js +230 -0
- package/dist/components/Animation.js.map +1 -0
- package/dist/components/Arrow.d.ts +11 -0
- package/dist/components/Arrow.d.ts.map +1 -0
- package/dist/components/Arrow.js +33 -0
- package/dist/components/Arrow.js.map +1 -0
- package/dist/components/Arrow.module.scss +39 -0
- package/dist/components/ArrowNavigationContext.d.ts +33 -0
- package/dist/components/ArrowNavigationContext.d.ts.map +1 -0
- package/dist/components/ArrowNavigationContext.js +60 -0
- package/dist/components/ArrowNavigationContext.js.map +1 -0
- package/dist/components/AutoScroll.d.ts +14 -0
- package/dist/components/AutoScroll.d.ts.map +1 -0
- package/dist/components/AutoScroll.js +178 -0
- package/dist/components/AutoScroll.js.map +1 -0
- package/dist/components/AutoScroll.module.scss +9 -0
- package/dist/components/Avatar.d.ts +21 -0
- package/dist/components/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar.js +54 -0
- package/dist/components/Avatar.js.map +1 -0
- package/dist/components/Avatar.module.scss +56 -0
- package/dist/components/AvatarGroup.d.ts +14 -0
- package/dist/components/AvatarGroup.d.ts.map +1 -0
- package/dist/components/AvatarGroup.js +20 -0
- package/dist/components/AvatarGroup.js.map +1 -0
- package/dist/components/AvatarGroup.module.scss +11 -0
- package/dist/components/Background.d.ts +49 -0
- package/dist/components/Background.d.ts.map +1 -0
- package/dist/components/Background.js +72 -0
- package/dist/components/Background.js.map +1 -0
- package/dist/components/Background.module.scss +23 -0
- package/dist/components/Badge.d.ts +17 -0
- package/dist/components/Badge.d.ts.map +1 -0
- package/dist/components/Badge.js +21 -0
- package/dist/components/Badge.js.map +1 -0
- package/dist/components/Badge.module.scss +67 -0
- package/dist/components/Banner.d.ts +6 -0
- package/dist/components/Banner.d.ts.map +1 -0
- package/dist/components/Banner.js +7 -0
- package/dist/components/Banner.js.map +1 -0
- package/dist/components/BlobFx.d.ts +8 -0
- package/dist/components/BlobFx.d.ts.map +1 -0
- package/dist/components/BlobFx.js +82 -0
- package/dist/components/BlobFx.js.map +1 -0
- package/dist/components/BlockQuote.d.ts +21 -0
- package/dist/components/BlockQuote.d.ts.map +1 -0
- package/dist/components/BlockQuote.js +10 -0
- package/dist/components/BlockQuote.js.map +1 -0
- package/dist/components/Button.d.ts +27 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/Button.js +25 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/Button.module.scss +154 -0
- package/dist/components/Card.d.ts +13 -0
- package/dist/components/Card.d.ts.map +1 -0
- package/dist/components/Card.js +13 -0
- package/dist/components/Card.js.map +1 -0
- package/dist/components/Card.module.scss +7 -0
- package/dist/components/Carousel.d.ts +32 -0
- package/dist/components/Carousel.d.ts.map +1 -0
- package/dist/components/Carousel.js +156 -0
- package/dist/components/Carousel.js.map +1 -0
- package/dist/components/Carousel.module.scss +48 -0
- package/dist/components/CelebrationFx.d.ts +17 -0
- package/dist/components/CelebrationFx.d.ts.map +1 -0
- package/dist/components/CelebrationFx.js +314 -0
- package/dist/components/CelebrationFx.js.map +1 -0
- package/dist/components/Checkbox.d.ts +11 -0
- package/dist/components/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox.js +56 -0
- package/dist/components/Checkbox.js.map +1 -0
- package/dist/components/Chip.d.ts +17 -0
- package/dist/components/Chip.d.ts.map +1 -0
- package/dist/components/Chip.js +43 -0
- package/dist/components/Chip.js.map +1 -0
- package/dist/components/Chip.module.scss +39 -0
- package/dist/components/ClientFlex.d.ts +13 -0
- package/dist/components/ClientFlex.d.ts.map +1 -0
- package/dist/components/ClientFlex.js +110 -0
- package/dist/components/ClientFlex.js.map +1 -0
- package/dist/components/ClientGrid.d.ts +13 -0
- package/dist/components/ClientGrid.d.ts.map +1 -0
- package/dist/components/ClientGrid.js +110 -0
- package/dist/components/ClientGrid.js.map +1 -0
- package/dist/components/ColorInput.d.ts +11 -0
- package/dist/components/ColorInput.d.ts.map +1 -0
- package/dist/components/ColorInput.js +78 -0
- package/dist/components/ColorInput.js.map +1 -0
- package/dist/components/Column.d.ts +7 -0
- package/dist/components/Column.d.ts.map +1 -0
- package/dist/components/Column.js +10 -0
- package/dist/components/Column.js.map +1 -0
- package/dist/components/CompareImage.d.ts +16 -0
- package/dist/components/CompareImage.d.ts.map +1 -0
- package/dist/components/CompareImage.js +58 -0
- package/dist/components/CompareImage.js.map +1 -0
- package/dist/components/CompareImage.module.scss +14 -0
- package/dist/components/ContextMenu.d.ts +22 -0
- package/dist/components/ContextMenu.d.ts.map +1 -0
- package/dist/components/ContextMenu.js +224 -0
- package/dist/components/ContextMenu.js.map +1 -0
- package/dist/components/ContextMenu.module.scss +15 -0
- package/dist/components/CountFx.d.ts +15 -0
- package/dist/components/CountFx.d.ts.map +1 -0
- package/dist/components/CountFx.js +203 -0
- package/dist/components/CountFx.js.map +1 -0
- package/dist/components/CountdownFx.d.ts +11 -0
- package/dist/components/CountdownFx.d.ts.map +1 -0
- package/dist/components/CountdownFx.js +49 -0
- package/dist/components/CountdownFx.js.map +1 -0
- package/dist/components/Cursor.d.ts +8 -0
- package/dist/components/Cursor.d.ts.map +1 -0
- package/dist/components/Cursor.js +79 -0
- package/dist/components/Cursor.js.map +1 -0
- package/dist/components/CursorCard.d.ts +13 -0
- package/dist/components/CursorCard.d.ts.map +1 -0
- package/dist/components/CursorCard.js +63 -0
- package/dist/components/CursorCard.js.map +1 -0
- package/dist/components/CursorCard.module.scss +12 -0
- package/dist/components/DateInput.d.ts +18 -0
- package/dist/components/DateInput.d.ts.map +1 -0
- package/dist/components/DateInput.js +43 -0
- package/dist/components/DateInput.js.map +1 -0
- package/dist/components/DatePicker.d.ts +33 -0
- package/dist/components/DatePicker.d.ts.map +1 -0
- package/dist/components/DatePicker.js +487 -0
- package/dist/components/DatePicker.js.map +1 -0
- package/dist/components/DatePicker.module.scss +194 -0
- package/dist/components/DateRangeInput.d.ts +15 -0
- package/dist/components/DateRangeInput.d.ts.map +1 -0
- package/dist/components/DateRangeInput.js +45 -0
- package/dist/components/DateRangeInput.js.map +1 -0
- package/dist/components/DateRangePicker.d.ts +17 -0
- package/dist/components/DateRangePicker.d.ts.map +1 -0
- package/dist/components/DateRangePicker.js +78 -0
- package/dist/components/DateRangePicker.js.map +1 -0
- package/dist/components/Dialog.d.ts +21 -0
- package/dist/components/Dialog.d.ts.map +1 -0
- package/dist/components/Dialog.js +230 -0
- package/dist/components/Dialog.js.map +1 -0
- package/dist/components/Dialog.module.scss +33 -0
- package/dist/components/Dropdown.d.ts +13 -0
- package/dist/components/Dropdown.d.ts.map +1 -0
- package/dist/components/Dropdown.js +21 -0
- package/dist/components/Dropdown.js.map +1 -0
- package/dist/components/DropdownWrapper.d.ts +29 -0
- package/dist/components/DropdownWrapper.d.ts.map +1 -0
- package/dist/components/DropdownWrapper.js +505 -0
- package/dist/components/DropdownWrapper.js.map +1 -0
- package/dist/components/DropdownWrapper.module.scss +15 -0
- package/dist/components/ElementType.d.ts +14 -0
- package/dist/components/ElementType.d.ts.map +1 -0
- package/dist/components/ElementType.js +21 -0
- package/dist/components/ElementType.js.map +1 -0
- package/dist/components/EmojiPicker.d.ts +16 -0
- package/dist/components/EmojiPicker.d.ts.map +1 -0
- package/dist/components/EmojiPicker.js +178 -0
- package/dist/components/EmojiPicker.js.map +1 -0
- package/dist/components/EmojiPicker.module.scss +14 -0
- package/dist/components/EmojiPickerDropdown.d.ts +11 -0
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -0
- package/dist/components/EmojiPickerDropdown.js +14 -0
- package/dist/components/EmojiPickerDropdown.js.map +1 -0
- package/dist/components/Fade.d.ts +19 -0
- package/dist/components/Fade.d.ts.map +1 -0
- package/dist/components/Fade.js +43 -0
- package/dist/components/Fade.js.map +1 -0
- package/dist/components/Fade.module.scss +6 -0
- package/dist/components/FadingLettersFx.d.ts +15 -0
- package/dist/components/FadingLettersFx.d.ts.map +1 -0
- package/dist/components/FadingLettersFx.js +27 -0
- package/dist/components/FadingLettersFx.js.map +1 -0
- package/dist/components/FadingLettersFx.module.scss +71 -0
- package/dist/components/Feedback.d.ts +16 -0
- package/dist/components/Feedback.d.ts.map +1 -0
- package/dist/components/Feedback.js +16 -0
- package/dist/components/Feedback.js.map +1 -0
- package/dist/components/Flex.d.ts +11 -0
- package/dist/components/Flex.d.ts.map +1 -0
- package/dist/components/Flex.js +31 -0
- package/dist/components/Flex.js.map +1 -0
- package/dist/components/FlipFx.d.ts +17 -0
- package/dist/components/FlipFx.d.ts.map +1 -0
- package/dist/components/FlipFx.js +76 -0
- package/dist/components/FlipFx.js.map +1 -0
- package/dist/components/FocusTrap.d.ts +16 -0
- package/dist/components/FocusTrap.d.ts.map +1 -0
- package/dist/components/FocusTrap.js +87 -0
- package/dist/components/FocusTrap.js.map +1 -0
- package/dist/components/GlitchFx.d.ts +12 -0
- package/dist/components/GlitchFx.d.ts.map +1 -0
- package/dist/components/GlitchFx.js +41 -0
- package/dist/components/GlitchFx.js.map +1 -0
- package/dist/components/GlitchFx.module.scss +92 -0
- package/dist/components/Grid.d.ts +11 -0
- package/dist/components/Grid.d.ts.map +1 -0
- package/dist/components/Grid.js +32 -0
- package/dist/components/Grid.js.map +1 -0
- package/dist/components/Heading.d.ts +9 -0
- package/dist/components/Heading.d.ts.map +1 -0
- package/dist/components/Heading.js +50 -0
- package/dist/components/Heading.js.map +1 -0
- package/dist/components/HoloFx.d.ts +32 -0
- package/dist/components/HoloFx.d.ts.map +1 -0
- package/dist/components/HoloFx.js +90 -0
- package/dist/components/HoloFx.js.map +1 -0
- package/dist/components/HoloFx.module.scss +32 -0
- package/dist/components/Hover.d.ts +14 -0
- package/dist/components/Hover.d.ts.map +1 -0
- package/dist/components/Hover.js +99 -0
- package/dist/components/Hover.js.map +1 -0
- package/dist/components/Hover.module.scss +12 -0
- package/dist/components/HoverCard.d.ts +5 -0
- package/dist/components/HoverCard.d.ts.map +1 -0
- package/dist/components/HoverCard.js +10 -0
- package/dist/components/HoverCard.js.map +1 -0
- package/dist/components/HoverCard.module.scss +12 -0
- package/dist/components/Icon.d.ts +18 -0
- package/dist/components/Icon.d.ts.map +1 -0
- package/dist/components/Icon.js +35 -0
- package/dist/components/Icon.js.map +1 -0
- package/dist/components/Icon.module.scss +19 -0
- package/dist/components/IconButton.d.ts +23 -0
- package/dist/components/IconButton.d.ts.map +1 -0
- package/dist/components/IconButton.js +23 -0
- package/dist/components/IconButton.js.map +1 -0
- package/dist/components/IconButton.module.scss +34 -0
- package/dist/components/InfiniteScroll.d.ts +16 -0
- package/dist/components/InfiniteScroll.d.ts.map +1 -0
- package/dist/components/InfiniteScroll.js +52 -0
- package/dist/components/InfiniteScroll.js.map +1 -0
- package/dist/components/InlineCode.d.ts +10 -0
- package/dist/components/InlineCode.d.ts.map +1 -0
- package/dist/components/InlineCode.js +12 -0
- package/dist/components/InlineCode.js.map +1 -0
- package/dist/components/InlineCode.module.scss +5 -0
- package/dist/components/Input.d.ts +24 -0
- package/dist/components/Input.d.ts.map +1 -0
- package/dist/components/Input.js +82 -0
- package/dist/components/Input.js.map +1 -0
- package/dist/components/Input.module.scss +196 -0
- package/dist/components/InteractiveDetails.d.ts +15 -0
- package/dist/components/InteractiveDetails.d.ts.map +1 -0
- package/dist/components/InteractiveDetails.js +10 -0
- package/dist/components/InteractiveDetails.js.map +1 -0
- package/dist/components/Kbd.d.ts +12 -0
- package/dist/components/Kbd.d.ts.map +1 -0
- package/dist/components/Kbd.js +7 -0
- package/dist/components/Kbd.js.map +1 -0
- package/dist/components/LetterFx.d.ts +13 -0
- package/dist/components/LetterFx.d.ts.map +1 -0
- package/dist/components/LetterFx.js +80 -0
- package/dist/components/LetterFx.js.map +1 -0
- package/dist/components/Line.d.ts +9 -0
- package/dist/components/Line.d.ts.map +1 -0
- package/dist/components/Line.js +10 -0
- package/dist/components/Line.js.map +1 -0
- package/dist/components/List.d.ts +11 -0
- package/dist/components/List.d.ts.map +1 -0
- package/dist/components/List.js +13 -0
- package/dist/components/List.js.map +1 -0
- package/dist/components/List.module.scss +5 -0
- package/dist/components/ListItem.d.ts +10 -0
- package/dist/components/ListItem.d.ts.map +1 -0
- package/dist/components/ListItem.js +13 -0
- package/dist/components/ListItem.js.map +1 -0
- package/dist/components/Logo.d.ts +18 -0
- package/dist/components/Logo.d.ts.map +1 -0
- package/dist/components/Logo.js +99 -0
- package/dist/components/Logo.js.map +1 -0
- package/dist/components/LogoCloud.d.ts +14 -0
- package/dist/components/LogoCloud.d.ts.map +1 -0
- package/dist/components/LogoCloud.js +38 -0
- package/dist/components/LogoCloud.js.map +1 -0
- package/dist/components/LogoCloud.module.scss +42 -0
- package/dist/components/Mask.d.ts +15 -0
- package/dist/components/Mask.d.ts.map +1 -0
- package/dist/components/Mask.js +107 -0
- package/dist/components/Mask.js.map +1 -0
- package/dist/components/Mask.module.scss +8 -0
- package/dist/components/MasonryGrid.d.ts +22 -0
- package/dist/components/MasonryGrid.d.ts.map +1 -0
- package/dist/components/MasonryGrid.js +53 -0
- package/dist/components/MasonryGrid.js.map +1 -0
- package/dist/components/MasonryGrid.module.scss +199 -0
- package/dist/components/MatrixFx.d.ts +27 -0
- package/dist/components/MatrixFx.d.ts.map +1 -0
- package/dist/components/MatrixFx.js +799 -0
- package/dist/components/MatrixFx.js.map +1 -0
- package/dist/components/Media.d.ts +26 -0
- package/dist/components/Media.d.ts.map +1 -0
- package/dist/components/Media.js +112 -0
- package/dist/components/Media.js.map +1 -0
- package/dist/components/Modal.d.ts +11 -0
- package/dist/components/Modal.d.ts.map +1 -0
- package/dist/components/Modal.js +72 -0
- package/dist/components/Modal.js.map +1 -0
- package/dist/components/NavIcon.d.ts +11 -0
- package/dist/components/NavIcon.d.ts.map +1 -0
- package/dist/components/NavIcon.js +11 -0
- package/dist/components/NavIcon.js.map +1 -0
- package/dist/components/NavIcon.module.scss +25 -0
- package/dist/components/NumberInput.d.ts +13 -0
- package/dist/components/NumberInput.d.ts.map +1 -0
- package/dist/components/NumberInput.js +44 -0
- package/dist/components/NumberInput.js.map +1 -0
- package/dist/components/NumberInput.module.scss +18 -0
- package/dist/components/OTPInput.d.ts +13 -0
- package/dist/components/OTPInput.d.ts.map +1 -0
- package/dist/components/OTPInput.js +71 -0
- package/dist/components/OTPInput.js.map +1 -0
- package/dist/components/OTPInput.module.scss +26 -0
- package/dist/components/OgCard.d.ts +34 -0
- package/dist/components/OgCard.d.ts.map +1 -0
- package/dist/components/OgCard.js +102 -0
- package/dist/components/OgCard.js.map +1 -0
- package/dist/components/Option.d.ts +21 -0
- package/dist/components/Option.d.ts.map +1 -0
- package/dist/components/Option.js +93 -0
- package/dist/components/Option.js.map +1 -0
- package/dist/components/Option.module.scss +47 -0
- package/dist/components/Particle.d.ts +21 -0
- package/dist/components/Particle.d.ts.map +1 -0
- package/dist/components/Particle.js +140 -0
- package/dist/components/Particle.js.map +1 -0
- package/dist/components/PasswordInput.d.ts +4 -0
- package/dist/components/PasswordInput.d.ts.map +1 -0
- package/dist/components/PasswordInput.js +12 -0
- package/dist/components/PasswordInput.js.map +1 -0
- package/dist/components/ProgressBar.d.ts +15 -0
- package/dist/components/ProgressBar.d.ts.map +1 -0
- package/dist/components/ProgressBar.js +12 -0
- package/dist/components/ProgressBar.js.map +1 -0
- package/dist/components/Pulse.d.ts +13 -0
- package/dist/components/Pulse.d.ts.map +1 -0
- package/dist/components/Pulse.js +11 -0
- package/dist/components/Pulse.js.map +1 -0
- package/dist/components/Pulse.module.scss +22 -0
- package/dist/components/RadioButton.d.ts +15 -0
- package/dist/components/RadioButton.d.ts.map +1 -0
- package/dist/components/RadioButton.js +45 -0
- package/dist/components/RadioButton.js.map +1 -0
- package/dist/components/RevealFx.d.ts +16 -0
- package/dist/components/RevealFx.d.ts.map +1 -0
- package/dist/components/RevealFx.js +83 -0
- package/dist/components/RevealFx.js.map +1 -0
- package/dist/components/RevealFx.module.scss +27 -0
- package/dist/components/Row.d.ts +7 -0
- package/dist/components/Row.d.ts.map +1 -0
- package/dist/components/Row.js +10 -0
- package/dist/components/Row.js.map +1 -0
- package/dist/components/ScrollContainer.d.ts +9 -0
- package/dist/components/ScrollContainer.d.ts.map +1 -0
- package/dist/components/ScrollContainer.js +67 -0
- package/dist/components/ScrollContainer.js.map +1 -0
- package/dist/components/ScrollLock.d.ts +8 -0
- package/dist/components/ScrollLock.d.ts.map +1 -0
- package/dist/components/ScrollLock.js +112 -0
- package/dist/components/ScrollLock.js.map +1 -0
- package/dist/components/ScrollToTop.d.ts +7 -0
- package/dist/components/ScrollToTop.d.ts.map +1 -0
- package/dist/components/ScrollToTop.js +24 -0
- package/dist/components/ScrollToTop.js.map +1 -0
- package/dist/components/ScrollToTop.module.scss +11 -0
- package/dist/components/Scroller.d.ts +14 -0
- package/dist/components/Scroller.d.ts.map +1 -0
- package/dist/components/Scroller.js +100 -0
- package/dist/components/Scroller.js.map +1 -0
- package/dist/components/Scroller.module.scss +20 -0
- package/dist/components/SegmentedControl.d.ts +18 -0
- package/dist/components/SegmentedControl.d.ts.map +1 -0
- package/dist/components/SegmentedControl.js +70 -0
- package/dist/components/SegmentedControl.js.map +1 -0
- package/dist/components/Select.d.ts +19 -0
- package/dist/components/Select.d.ts.map +1 -0
- package/dist/components/Select.js +170 -0
- package/dist/components/Select.js.map +1 -0
- package/dist/components/ServerFlex.d.ts +12 -0
- package/dist/components/ServerFlex.d.ts.map +1 -0
- package/dist/components/ServerFlex.js +282 -0
- package/dist/components/ServerFlex.js.map +1 -0
- package/dist/components/ServerGrid.d.ts +13 -0
- package/dist/components/ServerGrid.d.ts.map +1 -0
- package/dist/components/ServerGrid.js +207 -0
- package/dist/components/ServerGrid.js.map +1 -0
- package/dist/components/SharedInteractiveStyles.module.scss +91 -0
- package/dist/components/ShineFx.d.ts +13 -0
- package/dist/components/ShineFx.d.ts.map +1 -0
- package/dist/components/ShineFx.js +19 -0
- package/dist/components/ShineFx.js.map +1 -0
- package/dist/components/ShineFx.module.scss +50 -0
- package/dist/components/Skeleton.d.ts +13 -0
- package/dist/components/Skeleton.d.ts.map +1 -0
- package/dist/components/Skeleton.js +12 -0
- package/dist/components/Skeleton.js.map +1 -0
- package/dist/components/Skeleton.module.scss +120 -0
- package/dist/components/Slider.d.ts +17 -0
- package/dist/components/Slider.d.ts.map +1 -0
- package/dist/components/Slider.js +29 -0
- package/dist/components/Slider.js.map +1 -0
- package/dist/components/Slider.module.scss +75 -0
- package/dist/components/SmartLink.d.ts +18 -0
- package/dist/components/SmartLink.d.ts.map +1 -0
- package/dist/components/SmartLink.js +36 -0
- package/dist/components/SmartLink.js.map +1 -0
- package/dist/components/Spinner.d.ts +11 -0
- package/dist/components/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner.js +11 -0
- package/dist/components/Spinner.js.map +1 -0
- package/dist/components/Spinner.module.scss +71 -0
- package/dist/components/SplitView.d.ts +16 -0
- package/dist/components/SplitView.d.ts.map +1 -0
- package/dist/components/SplitView.js +80 -0
- package/dist/components/SplitView.js.map +1 -0
- package/dist/components/SplitView.module.scss +18 -0
- package/dist/components/StatusIndicator.d.ts +12 -0
- package/dist/components/StatusIndicator.d.ts.map +1 -0
- package/dist/components/StatusIndicator.js +11 -0
- package/dist/components/StatusIndicator.js.map +1 -0
- package/dist/components/StatusIndicator.module.scss +72 -0
- package/dist/components/StyleOverlay.d.ts +10 -0
- package/dist/components/StyleOverlay.d.ts.map +1 -0
- package/dist/components/StyleOverlay.js +17 -0
- package/dist/components/StyleOverlay.js.map +1 -0
- package/dist/components/StyleOverlay.module.scss +18 -0
- package/dist/components/StylePanel.d.ts +8 -0
- package/dist/components/StylePanel.d.ts.map +1 -0
- package/dist/components/StylePanel.js +193 -0
- package/dist/components/StylePanel.js.map +1 -0
- package/dist/components/StylePanel.module.scss +127 -0
- package/dist/components/Swiper.d.ts +17 -0
- package/dist/components/Swiper.d.ts.map +1 -0
- package/dist/components/Swiper.js +170 -0
- package/dist/components/Swiper.js.map +1 -0
- package/dist/components/Swiper.module.scss +31 -0
- package/dist/components/Switch.d.ts +17 -0
- package/dist/components/Switch.d.ts.map +1 -0
- package/dist/components/Switch.js +33 -0
- package/dist/components/Switch.js.map +1 -0
- package/dist/components/Switch.module.scss +102 -0
- package/dist/components/Table.d.ts +16 -0
- package/dist/components/Table.d.ts.map +1 -0
- package/dist/components/Table.js +44 -0
- package/dist/components/Table.js.map +1 -0
- package/dist/components/Table.module.scss +5 -0
- package/dist/components/Tag.d.ts +16 -0
- package/dist/components/Tag.d.ts.map +1 -0
- package/dist/components/Tag.js +14 -0
- package/dist/components/Tag.js.map +1 -0
- package/dist/components/Tag.module.scss +10 -0
- package/dist/components/TagInput.d.ts +9 -0
- package/dist/components/TagInput.d.ts.map +1 -0
- package/dist/components/TagInput.js +36 -0
- package/dist/components/TagInput.js.map +1 -0
- package/dist/components/Text.d.ts +9 -0
- package/dist/components/Text.d.ts.map +1 -0
- package/dist/components/Text.js +50 -0
- package/dist/components/Text.js.map +1 -0
- package/dist/components/Textarea.d.ts +24 -0
- package/dist/components/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea.js +109 -0
- package/dist/components/Textarea.js.map +1 -0
- package/dist/components/ThemeInit.d.ts +20 -0
- package/dist/components/ThemeInit.d.ts.map +1 -0
- package/dist/components/ThemeInit.js +46 -0
- package/dist/components/ThemeInit.js.map +1 -0
- package/dist/components/ThemeSwitcher.d.ts +4 -0
- package/dist/components/ThemeSwitcher.d.ts.map +1 -0
- package/dist/components/ThemeSwitcher.js +21 -0
- package/dist/components/ThemeSwitcher.js.map +1 -0
- package/dist/components/TiltFx.d.ts +10 -0
- package/dist/components/TiltFx.d.ts.map +1 -0
- package/dist/components/TiltFx.js +67 -0
- package/dist/components/TiltFx.js.map +1 -0
- package/dist/components/TiltFx.module.scss +11 -0
- package/dist/components/Timeline.d.ts +18 -0
- package/dist/components/Timeline.d.ts.map +1 -0
- package/dist/components/Timeline.js +72 -0
- package/dist/components/Timeline.js.map +1 -0
- package/dist/components/Toast.d.ts +12 -0
- package/dist/components/Toast.d.ts.map +1 -0
- package/dist/components/Toast.js +29 -0
- package/dist/components/Toast.js.map +1 -0
- package/dist/components/Toast.module.scss +11 -0
- package/dist/components/Toaster.d.ts +19 -0
- package/dist/components/Toaster.d.ts.map +1 -0
- package/dist/components/Toaster.js +47 -0
- package/dist/components/Toaster.js.map +1 -0
- package/dist/components/Toaster.module.scss +58 -0
- package/dist/components/ToggleButton.d.ts +25 -0
- package/dist/components/ToggleButton.d.ts.map +1 -0
- package/dist/components/ToggleButton.js +20 -0
- package/dist/components/ToggleButton.js.map +1 -0
- package/dist/components/ToggleButton.module.scss +73 -0
- package/dist/components/Tooltip.d.ts +13 -0
- package/dist/components/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip.js +15 -0
- package/dist/components/Tooltip.js.map +1 -0
- package/dist/components/Tooltip.module.scss +14 -0
- package/dist/components/TypeFx.d.ts +15 -0
- package/dist/components/TypeFx.d.ts.map +1 -0
- package/dist/components/TypeFx.js +84 -0
- package/dist/components/TypeFx.js.map +1 -0
- package/dist/components/User.d.ts +16 -0
- package/dist/components/User.d.ts.map +1 -0
- package/dist/components/User.js +13 -0
- package/dist/components/User.js.map +1 -0
- package/dist/components/UserMenu.d.ts +13 -0
- package/dist/components/UserMenu.d.ts.map +1 -0
- package/dist/components/UserMenu.js +13 -0
- package/dist/components/UserMenu.js.map +1 -0
- package/dist/components/UserMenu.module.scss +14 -0
- package/dist/components/WeatherFx.d.ts +18 -0
- package/dist/components/WeatherFx.d.ts.map +1 -0
- package/dist/components/WeatherFx.js +864 -0
- package/dist/components/WeatherFx.js.map +1 -0
- package/dist/components/index.d.ts +121 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +121 -0
- package/dist/components/index.js.map +1 -0
- package/dist/contexts/DataThemeProvider.d.ts +26 -0
- package/dist/contexts/DataThemeProvider.d.ts.map +1 -0
- package/dist/contexts/DataThemeProvider.js +103 -0
- package/dist/contexts/DataThemeProvider.js.map +1 -0
- package/dist/contexts/IconProvider.d.ts +12 -0
- package/dist/contexts/IconProvider.d.ts.map +1 -0
- package/dist/contexts/IconProvider.js +20 -0
- package/dist/contexts/IconProvider.js.map +1 -0
- package/dist/contexts/LayoutProvider.d.ts +27 -0
- package/dist/contexts/LayoutProvider.d.ts.map +1 -0
- package/dist/contexts/LayoutProvider.js +96 -0
- package/dist/contexts/LayoutProvider.js.map +1 -0
- package/dist/contexts/ThemeProvider.d.ts +49 -0
- package/dist/contexts/ThemeProvider.d.ts.map +1 -0
- package/dist/contexts/ThemeProvider.js +285 -0
- package/dist/contexts/ThemeProvider.js.map +1 -0
- package/dist/contexts/ToastProvider.d.ts +24 -0
- package/dist/contexts/ToastProvider.d.ts.map +1 -0
- package/dist/contexts/ToastProvider.js +34 -0
- package/dist/contexts/ToastProvider.js.map +1 -0
- package/dist/contexts/index.d.ts +6 -0
- package/dist/contexts/index.d.ts.map +1 -0
- package/dist/contexts/index.js +6 -0
- package/dist/contexts/index.js.map +1 -0
- package/dist/css/styles.css +1 -0
- package/dist/css/styles.css.map +1 -0
- package/dist/css/tokens.css +1 -0
- package/dist/css/tokens.css.map +1 -0
- package/dist/data/emoji-data.json +16062 -0
- package/dist/hooks/index.d.ts +8 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +8 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useArrowNavigation.d.ts +23 -0
- package/dist/hooks/useArrowNavigation.d.ts.map +1 -0
- package/dist/hooks/useArrowNavigation.js +205 -0
- package/dist/hooks/useArrowNavigation.js.map +1 -0
- package/dist/hooks/useDebounce.d.ts +2 -0
- package/dist/hooks/useDebounce.d.ts.map +1 -0
- package/dist/hooks/useDebounce.js +15 -0
- package/dist/hooks/useDebounce.js.map +1 -0
- package/dist/hooks/useFetchOg.d.ts +17 -0
- package/dist/hooks/useFetchOg.d.ts.map +1 -0
- package/dist/hooks/useFetchOg.js +63 -0
- package/dist/hooks/useFetchOg.js.map +1 -0
- package/dist/hooks/useHeadingLinks.d.ts +6 -0
- package/dist/hooks/useHeadingLinks.d.ts.map +1 -0
- package/dist/hooks/useHeadingLinks.js +17 -0
- package/dist/hooks/useHeadingLinks.js.map +1 -0
- package/dist/hooks/useInViewport.d.ts +3 -0
- package/dist/hooks/useInViewport.d.ts.map +1 -0
- package/dist/hooks/useInViewport.js +19 -0
- package/dist/hooks/useInViewport.js.map +1 -0
- package/dist/hooks/useReducedMotion.d.ts +8 -0
- package/dist/hooks/useReducedMotion.d.ts.map +1 -0
- package/dist/hooks/useReducedMotion.js +44 -0
- package/dist/hooks/useReducedMotion.js.map +1 -0
- package/dist/hooks/useResponsiveClasses.d.ts +9 -0
- package/dist/hooks/useResponsiveClasses.d.ts.map +1 -0
- package/dist/hooks/useResponsiveClasses.js +250 -0
- package/dist/hooks/useResponsiveClasses.js.map +1 -0
- package/dist/hooks/useStreamingData.d.ts +24 -0
- package/dist/hooks/useStreamingData.d.ts.map +1 -0
- package/dist/hooks/useStreamingData.js +89 -0
- package/dist/hooks/useStreamingData.js.map +1 -0
- package/dist/hooks/useStreamingViewport.d.ts +25 -0
- package/dist/hooks/useStreamingViewport.d.ts.map +1 -0
- package/dist/hooks/useStreamingViewport.js +120 -0
- package/dist/hooks/useStreamingViewport.js.map +1 -0
- package/dist/icons.d.ts +5 -0
- package/dist/icons.d.ts.map +1 -0
- package/dist/icons.js +56 -0
- package/dist/icons.js.map +1 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +11 -0
- package/dist/index.js.map +1 -0
- package/dist/interfaces.d.ts +177 -0
- package/dist/interfaces.d.ts.map +1 -0
- package/dist/interfaces.js +2 -0
- package/dist/interfaces.js.map +1 -0
- package/dist/modules/code/CodeBlock.d.ts +6 -0
- package/dist/modules/code/CodeBlock.d.ts.map +1 -0
- package/dist/modules/code/CodeBlock.impl.d.ts +34 -0
- package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -0
- package/dist/modules/code/CodeBlock.impl.js +497 -0
- package/dist/modules/code/CodeBlock.impl.js.map +1 -0
- package/dist/modules/code/CodeBlock.js +14 -0
- package/dist/modules/code/CodeBlock.js.map +1 -0
- package/dist/modules/code/CodeBlock.module.scss +43 -0
- package/dist/modules/code/CodeDiff.css +175 -0
- package/dist/modules/code/CodeHighlight.css +116 -0
- package/dist/modules/code/LineNumber.css +34 -0
- package/dist/modules/data/BarChart.d.ts +6 -0
- package/dist/modules/data/BarChart.d.ts.map +1 -0
- package/dist/modules/data/BarChart.impl.d.ts +12 -0
- package/dist/modules/data/BarChart.impl.d.ts.map +1 -0
- package/dist/modules/data/BarChart.impl.js +129 -0
- package/dist/modules/data/BarChart.impl.js.map +1 -0
- package/dist/modules/data/BarChart.js +14 -0
- package/dist/modules/data/BarChart.js.map +1 -0
- package/dist/modules/data/ChartHeader.d.ts +14 -0
- package/dist/modules/data/ChartHeader.d.ts.map +1 -0
- package/dist/modules/data/ChartHeader.js +116 -0
- package/dist/modules/data/ChartHeader.js.map +1 -0
- package/dist/modules/data/ChartStatus.d.ts +10 -0
- package/dist/modules/data/ChartStatus.d.ts.map +1 -0
- package/dist/modules/data/ChartStatus.js +10 -0
- package/dist/modules/data/ChartStatus.js.map +1 -0
- package/dist/modules/data/DataTooltip.d.ts +16 -0
- package/dist/modules/data/DataTooltip.d.ts.map +1 -0
- package/dist/modules/data/DataTooltip.js +16 -0
- package/dist/modules/data/DataTooltip.js.map +1 -0
- package/dist/modules/data/Gauge.module.css +27 -0
- package/dist/modules/data/Gradient.d.ts +32 -0
- package/dist/modules/data/Gradient.d.ts.map +1 -0
- package/dist/modules/data/Gradient.js +56 -0
- package/dist/modules/data/Gradient.js.map +1 -0
- package/dist/modules/data/Legend.d.ts +15 -0
- package/dist/modules/data/Legend.d.ts.map +1 -0
- package/dist/modules/data/Legend.js +69 -0
- package/dist/modules/data/Legend.js.map +1 -0
- package/dist/modules/data/LineBarChart.d.ts +6 -0
- package/dist/modules/data/LineBarChart.d.ts.map +1 -0
- package/dist/modules/data/LineBarChart.impl.d.ts +12 -0
- package/dist/modules/data/LineBarChart.impl.d.ts.map +1 -0
- package/dist/modules/data/LineBarChart.impl.js +124 -0
- package/dist/modules/data/LineBarChart.impl.js.map +1 -0
- package/dist/modules/data/LineBarChart.js +14 -0
- package/dist/modules/data/LineBarChart.js.map +1 -0
- package/dist/modules/data/LineChart.d.ts +6 -0
- package/dist/modules/data/LineChart.d.ts.map +1 -0
- package/dist/modules/data/LineChart.impl.d.ts +17 -0
- package/dist/modules/data/LineChart.impl.d.ts.map +1 -0
- package/dist/modules/data/LineChart.impl.js +137 -0
- package/dist/modules/data/LineChart.impl.js.map +1 -0
- package/dist/modules/data/LineChart.js +14 -0
- package/dist/modules/data/LineChart.js.map +1 -0
- package/dist/modules/data/LinearGauge.d.ts +18 -0
- package/dist/modules/data/LinearGauge.d.ts.map +1 -0
- package/dist/modules/data/LinearGauge.js +78 -0
- package/dist/modules/data/LinearGauge.js.map +1 -0
- package/dist/modules/data/PieChart.d.ts +6 -0
- package/dist/modules/data/PieChart.d.ts.map +1 -0
- package/dist/modules/data/PieChart.impl.d.ts +18 -0
- package/dist/modules/data/PieChart.impl.d.ts.map +1 -0
- package/dist/modules/data/PieChart.impl.js +100 -0
- package/dist/modules/data/PieChart.impl.js.map +1 -0
- package/dist/modules/data/PieChart.js +14 -0
- package/dist/modules/data/PieChart.js.map +1 -0
- package/dist/modules/data/RadialGauge.d.ts +25 -0
- package/dist/modules/data/RadialGauge.d.ts.map +1 -0
- package/dist/modules/data/RadialGauge.js +94 -0
- package/dist/modules/data/RadialGauge.js.map +1 -0
- package/dist/modules/data/Swatch.d.ts +9 -0
- package/dist/modules/data/Swatch.d.ts.map +1 -0
- package/dist/modules/data/Swatch.js +44 -0
- package/dist/modules/data/Swatch.js.map +1 -0
- package/dist/modules/data/index.d.ts +14 -0
- package/dist/modules/data/index.d.ts.map +1 -0
- package/dist/modules/data/index.js +14 -0
- package/dist/modules/data/index.js.map +1 -0
- package/dist/modules/data/interfaces.d.ts +53 -0
- package/dist/modules/data/interfaces.d.ts.map +1 -0
- package/dist/modules/data/interfaces.js +2 -0
- package/dist/modules/data/interfaces.js.map +1 -0
- package/dist/modules/data/rechartsLoader.d.ts +2 -0
- package/dist/modules/data/rechartsLoader.d.ts.map +1 -0
- package/dist/modules/data/rechartsLoader.js +15 -0
- package/dist/modules/data/rechartsLoader.js.map +1 -0
- package/dist/modules/data/utils/colorDistribution.d.ts +10 -0
- package/dist/modules/data/utils/colorDistribution.d.ts.map +1 -0
- package/dist/modules/data/utils/colorDistribution.js +46 -0
- package/dist/modules/data/utils/colorDistribution.js.map +1 -0
- package/dist/modules/data/utils/formatDate.d.ts +12 -0
- package/dist/modules/data/utils/formatDate.d.ts.map +1 -0
- package/dist/modules/data/utils/formatDate.js +30 -0
- package/dist/modules/data/utils/formatDate.js.map +1 -0
- package/dist/modules/index.d.ts +6 -0
- package/dist/modules/index.d.ts.map +1 -0
- package/dist/modules/index.js +7 -0
- package/dist/modules/index.js.map +1 -0
- package/dist/modules/media/MediaUpload.d.ts +6 -0
- package/dist/modules/media/MediaUpload.d.ts.map +1 -0
- package/dist/modules/media/MediaUpload.impl.d.ts +24 -0
- package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -0
- package/dist/modules/media/MediaUpload.impl.js +106 -0
- package/dist/modules/media/MediaUpload.impl.js.map +1 -0
- package/dist/modules/media/MediaUpload.js +14 -0
- package/dist/modules/media/MediaUpload.js.map +1 -0
- package/dist/modules/media/MediaUpload.module.scss +24 -0
- package/dist/modules/navigation/HeadingLink.d.ts +11 -0
- package/dist/modules/navigation/HeadingLink.d.ts.map +1 -0
- package/dist/modules/navigation/HeadingLink.js +39 -0
- package/dist/modules/navigation/HeadingLink.js.map +1 -0
- package/dist/modules/navigation/HeadingLink.module.scss +15 -0
- package/dist/modules/navigation/HeadingNav.d.ts +8 -0
- package/dist/modules/navigation/HeadingNav.d.ts.map +1 -0
- package/dist/modules/navigation/HeadingNav.js +168 -0
- package/dist/modules/navigation/HeadingNav.js.map +1 -0
- package/dist/modules/navigation/Kbar.d.ts +34 -0
- package/dist/modules/navigation/Kbar.d.ts.map +1 -0
- package/dist/modules/navigation/Kbar.js +192 -0
- package/dist/modules/navigation/Kbar.js.map +1 -0
- package/dist/modules/navigation/Kbar.module.scss +60 -0
- package/dist/modules/navigation/MegaMenu.d.ts +28 -0
- package/dist/modules/navigation/MegaMenu.d.ts.map +1 -0
- package/dist/modules/navigation/MegaMenu.js +182 -0
- package/dist/modules/navigation/MegaMenu.js.map +1 -0
- package/dist/modules/navigation/MegaMenu.module.scss +14 -0
- package/dist/modules/navigation/MobileMegaMenu.d.ts +28 -0
- package/dist/modules/navigation/MobileMegaMenu.d.ts.map +1 -0
- package/dist/modules/navigation/MobileMegaMenu.js +22 -0
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -0
- package/dist/modules/navigation/index.d.ts +6 -0
- package/dist/modules/navigation/index.d.ts.map +1 -0
- package/dist/modules/navigation/index.js +6 -0
- package/dist/modules/navigation/index.js.map +1 -0
- package/dist/modules/seo/Meta.d.ts +29 -0
- package/dist/modules/seo/Meta.d.ts.map +1 -0
- package/dist/modules/seo/Meta.js +53 -0
- package/dist/modules/seo/Meta.js.map +1 -0
- package/dist/modules/seo/Schema.d.ts +19 -0
- package/dist/modules/seo/Schema.d.ts.map +1 -0
- package/dist/modules/seo/Schema.js +65 -0
- package/dist/modules/seo/Schema.js.map +1 -0
- package/dist/package.json +130 -0
- package/dist/server/index.d.ts +2 -0
- package/dist/server/index.d.ts.map +1 -0
- package/dist/server/index.js +2 -0
- package/dist/server/index.js.map +1 -0
- package/dist/server/og-utils.d.ts +20 -0
- package/dist/server/og-utils.d.ts.map +1 -0
- package/dist/server/og-utils.js +125 -0
- package/dist/server/og-utils.js.map +1 -0
- package/dist/styles/background.scss +423 -0
- package/dist/styles/border.scss +546 -0
- package/dist/styles/breakpoints.scss +28 -0
- package/dist/styles/color.scss +183 -0
- package/dist/styles/display.scss +391 -0
- package/dist/styles/flex.scss +518 -0
- package/dist/styles/global.scss +36 -0
- package/dist/styles/grid.scss +293 -0
- package/dist/styles/index.scss +14 -0
- package/dist/styles/position.scss +1549 -0
- package/dist/styles/shadow.scss +19 -0
- package/dist/styles/size.scss +53 -0
- package/dist/styles/spacing.scss +1505 -0
- package/dist/styles/typography.scss +215 -0
- package/dist/styles/utilities.scss +23 -0
- package/dist/test/dialogTestUtils.d.ts +2 -0
- package/dist/test/dialogTestUtils.d.ts.map +1 -0
- package/dist/test/dialogTestUtils.js +12 -0
- package/dist/test/dialogTestUtils.js.map +1 -0
- package/dist/test/setup.d.ts +2 -0
- package/dist/test/setup.d.ts.map +1 -0
- package/dist/test/setup.js +59 -0
- package/dist/test/setup.js.map +1 -0
- package/dist/tokens/border.scss +95 -0
- package/dist/tokens/data.scss +107 -0
- package/dist/tokens/function.scss +742 -0
- package/dist/tokens/index.scss +8 -0
- package/dist/tokens/layout.scss +275 -0
- package/dist/tokens/scheme.scss +352 -0
- package/dist/tokens/shadow.scss +7 -0
- package/dist/tokens/theme.scss +639 -0
- package/dist/tokens/typography.scss +116 -0
- package/dist/types.d.ts +25 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +16 -0
- package/dist/types.js.map +1 -0
- package/dist/utils/MissingDependency.d.ts +7 -0
- package/dist/utils/MissingDependency.d.ts.map +1 -0
- package/dist/utils/MissingDependency.js +6 -0
- package/dist/utils/MissingDependency.js.map +1 -0
- package/dist/utils/devLogger.d.ts +13 -0
- package/dist/utils/devLogger.d.ts.map +1 -0
- package/dist/utils/devLogger.js +34 -0
- package/dist/utils/devLogger.js.map +1 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +3 -0
- package/dist/utils/index.js.map +1 -0
- package/package.json +155 -0
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useContext, useEffect, useState } from "react";
|
|
4
|
+
// Default breakpoints
|
|
5
|
+
export const DEFAULT_BREAKPOINTS = {
|
|
6
|
+
xs: 480, // Extra small (mobile small)
|
|
7
|
+
s: 768, // Small (mobile)
|
|
8
|
+
m: 1024, // Medium (tablet)
|
|
9
|
+
l: 1440, // Large (desktop)
|
|
10
|
+
xl: Infinity, // Above all breakpoints
|
|
11
|
+
};
|
|
12
|
+
const LayoutContext = createContext(null);
|
|
13
|
+
const LayoutProvider = ({ children, breakpoints: customBreakpoints, }) => {
|
|
14
|
+
// Merge custom breakpoints with defaults
|
|
15
|
+
const breakpoints = {
|
|
16
|
+
...DEFAULT_BREAKPOINTS,
|
|
17
|
+
...customBreakpoints,
|
|
18
|
+
};
|
|
19
|
+
const [width, setWidth] = useState(0);
|
|
20
|
+
const [currentBreakpoint, setCurrentBreakpoint] = useState("l");
|
|
21
|
+
// Determine current breakpoint based on width
|
|
22
|
+
const getCurrentBreakpoint = (width) => {
|
|
23
|
+
if (width <= breakpoints.xs)
|
|
24
|
+
return "xs";
|
|
25
|
+
if (width <= breakpoints.s)
|
|
26
|
+
return "s";
|
|
27
|
+
if (width <= breakpoints.m)
|
|
28
|
+
return "m";
|
|
29
|
+
if (width <= breakpoints.l)
|
|
30
|
+
return "l";
|
|
31
|
+
return "xl";
|
|
32
|
+
};
|
|
33
|
+
// Check if current breakpoint matches the given key
|
|
34
|
+
const isBreakpoint = (key) => {
|
|
35
|
+
return currentBreakpoint === key;
|
|
36
|
+
};
|
|
37
|
+
// Check if current width is at or below the given breakpoint (max-width)
|
|
38
|
+
const maxWidth = (key) => {
|
|
39
|
+
return width <= breakpoints[key];
|
|
40
|
+
};
|
|
41
|
+
// Check if current width is above the given breakpoint (min-width)
|
|
42
|
+
const minWidth = (key) => {
|
|
43
|
+
return width > breakpoints[key];
|
|
44
|
+
};
|
|
45
|
+
const isDefaultBreakpoints = () => {
|
|
46
|
+
return JSON.stringify(breakpoints) === JSON.stringify(DEFAULT_BREAKPOINTS);
|
|
47
|
+
};
|
|
48
|
+
useEffect(() => {
|
|
49
|
+
// Initialize width
|
|
50
|
+
const updateWidth = () => {
|
|
51
|
+
const newWidth = window.innerWidth;
|
|
52
|
+
const newBreakpoint = getCurrentBreakpoint(newWidth);
|
|
53
|
+
// Only update state if breakpoint actually changed
|
|
54
|
+
setWidth(newWidth);
|
|
55
|
+
setCurrentBreakpoint((prev) => {
|
|
56
|
+
if (prev !== newBreakpoint) {
|
|
57
|
+
return newBreakpoint;
|
|
58
|
+
}
|
|
59
|
+
return prev;
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
// Debounce resize handler
|
|
63
|
+
let timeoutId;
|
|
64
|
+
const debouncedUpdateWidth = () => {
|
|
65
|
+
clearTimeout(timeoutId);
|
|
66
|
+
timeoutId = setTimeout(updateWidth, 100);
|
|
67
|
+
};
|
|
68
|
+
// Set initial width
|
|
69
|
+
updateWidth();
|
|
70
|
+
// Add resize listener with debouncing
|
|
71
|
+
window.addEventListener("resize", debouncedUpdateWidth);
|
|
72
|
+
return () => {
|
|
73
|
+
clearTimeout(timeoutId);
|
|
74
|
+
window.removeEventListener("resize", debouncedUpdateWidth);
|
|
75
|
+
};
|
|
76
|
+
}, [breakpoints]);
|
|
77
|
+
const value = {
|
|
78
|
+
currentBreakpoint,
|
|
79
|
+
width,
|
|
80
|
+
breakpoints,
|
|
81
|
+
isDefaultBreakpoints,
|
|
82
|
+
isBreakpoint,
|
|
83
|
+
maxWidth,
|
|
84
|
+
minWidth,
|
|
85
|
+
};
|
|
86
|
+
return _jsx(LayoutContext.Provider, { value: value, children: children });
|
|
87
|
+
};
|
|
88
|
+
export const useLayout = () => {
|
|
89
|
+
const context = useContext(LayoutContext);
|
|
90
|
+
if (!context) {
|
|
91
|
+
throw new Error("useLayout must be used within a LayoutProvider");
|
|
92
|
+
}
|
|
93
|
+
return context;
|
|
94
|
+
};
|
|
95
|
+
export { LayoutProvider };
|
|
96
|
+
//# sourceMappingURL=LayoutProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LayoutProvider.js","sourceRoot":"","sources":["../../src/contexts/LayoutProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { Schemes } from "../types";
|
|
2
|
+
export type Theme = "dark" | "light" | "system";
|
|
3
|
+
export type NeutralColor = "sand" | "gray" | "slate";
|
|
4
|
+
export type SolidType = "color" | "contrast" | "inverse";
|
|
5
|
+
export type SolidStyle = "flat" | "plastic";
|
|
6
|
+
export type BorderStyle = "rounded" | "playful" | "conservative";
|
|
7
|
+
export type SurfaceStyle = "filled" | "translucent";
|
|
8
|
+
export type TransitionStyle = "all" | "micro" | "macro" | "none";
|
|
9
|
+
export type ScalingSize = "90" | "95" | "100" | "105" | "110";
|
|
10
|
+
export type DataStyle = "categorical" | "divergent" | "sequential";
|
|
11
|
+
interface StyleOptions {
|
|
12
|
+
theme: Theme;
|
|
13
|
+
neutral: NeutralColor | "custom";
|
|
14
|
+
brand: Schemes | "custom";
|
|
15
|
+
accent: Schemes | "custom";
|
|
16
|
+
solid: SolidType;
|
|
17
|
+
solidStyle: SolidStyle;
|
|
18
|
+
border: BorderStyle;
|
|
19
|
+
surface: SurfaceStyle;
|
|
20
|
+
transition: TransitionStyle;
|
|
21
|
+
scaling: ScalingSize;
|
|
22
|
+
}
|
|
23
|
+
type ThemeProviderState = {
|
|
24
|
+
theme: Theme;
|
|
25
|
+
resolvedTheme: "light" | "dark";
|
|
26
|
+
setTheme: (theme: Theme) => void;
|
|
27
|
+
};
|
|
28
|
+
type StyleProviderState = StyleOptions & {
|
|
29
|
+
setStyle: (style: Partial<StyleOptions>) => void;
|
|
30
|
+
};
|
|
31
|
+
type ThemeProviderProps = {
|
|
32
|
+
children: React.ReactNode;
|
|
33
|
+
theme?: Theme;
|
|
34
|
+
neutral?: NeutralColor | "custom";
|
|
35
|
+
brand?: Schemes | "custom";
|
|
36
|
+
accent?: Schemes | "custom";
|
|
37
|
+
solid?: SolidType;
|
|
38
|
+
solidStyle?: SolidStyle;
|
|
39
|
+
border?: BorderStyle;
|
|
40
|
+
surface?: SurfaceStyle;
|
|
41
|
+
transition?: TransitionStyle;
|
|
42
|
+
scaling?: ScalingSize;
|
|
43
|
+
};
|
|
44
|
+
declare const defaultStyleOptions: StyleOptions;
|
|
45
|
+
export declare function ThemeProvider({ children, theme: propTheme, neutral, brand, accent, solid, solidStyle, border, surface, transition, scaling, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
export declare const useTheme: () => ThemeProviderState;
|
|
47
|
+
export declare const useStyle: () => StyleProviderState;
|
|
48
|
+
export { defaultStyleOptions };
|
|
49
|
+
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/contexts/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAInC,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AACzD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,cAAc,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,aAAa,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AACjE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAC9D,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC;AAEnE,UAAU,YAAY;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,YAAY,GAAG,QAAQ,CAAC;IACjC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,MAAM,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,KAAK,kBAAkB,GAAG,YAAY,GAAG;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAQF,QAAA,MAAM,mBAAmB,EAAE,YAW1B,CAAC;AAuFF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EAAE,SAAoB,EAC3B,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,MAAM,EACN,OAAO,EACP,UAAU,EACV,OAAO,GACR,EAAE,kBAAkB,2CAkLpB;AAED,eAAO,MAAM,QAAQ,0BAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ,0BAMpB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -0,0 +1,285 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { dev } from "../utils";
|
|
4
|
+
import { createContext, useContext, useEffect, useState, useCallback } from "react";
|
|
5
|
+
const initialThemeState = {
|
|
6
|
+
theme: "system",
|
|
7
|
+
resolvedTheme: "dark",
|
|
8
|
+
setTheme: () => null,
|
|
9
|
+
};
|
|
10
|
+
const defaultStyleOptions = {
|
|
11
|
+
theme: "system",
|
|
12
|
+
neutral: "gray",
|
|
13
|
+
brand: "blue",
|
|
14
|
+
accent: "indigo",
|
|
15
|
+
solid: "contrast",
|
|
16
|
+
solidStyle: "flat",
|
|
17
|
+
border: "playful",
|
|
18
|
+
surface: "filled",
|
|
19
|
+
transition: "all",
|
|
20
|
+
scaling: "100",
|
|
21
|
+
};
|
|
22
|
+
const initialStyleState = {
|
|
23
|
+
...defaultStyleOptions,
|
|
24
|
+
setStyle: () => null,
|
|
25
|
+
};
|
|
26
|
+
const ThemeProviderContext = createContext(initialThemeState);
|
|
27
|
+
const StyleProviderContext = createContext(initialStyleState);
|
|
28
|
+
function getStoredStyleValues() {
|
|
29
|
+
if (typeof window === "undefined")
|
|
30
|
+
return {};
|
|
31
|
+
try {
|
|
32
|
+
const storedStyle = {};
|
|
33
|
+
const styleKeys = [
|
|
34
|
+
"neutral",
|
|
35
|
+
"brand",
|
|
36
|
+
"accent",
|
|
37
|
+
"solid",
|
|
38
|
+
"solid-style",
|
|
39
|
+
"border",
|
|
40
|
+
"surface",
|
|
41
|
+
"transition",
|
|
42
|
+
"scaling",
|
|
43
|
+
];
|
|
44
|
+
styleKeys.forEach((key) => {
|
|
45
|
+
const kebabKey = key;
|
|
46
|
+
const camelKey = kebabKey.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
47
|
+
const value = localStorage.getItem(`data-${kebabKey}`);
|
|
48
|
+
if (value) {
|
|
49
|
+
if (camelKey === "border") {
|
|
50
|
+
storedStyle[camelKey] = value;
|
|
51
|
+
}
|
|
52
|
+
else if (camelKey === "solidStyle") {
|
|
53
|
+
storedStyle[camelKey] = value;
|
|
54
|
+
}
|
|
55
|
+
else if (camelKey === "transition") {
|
|
56
|
+
storedStyle[camelKey] = value;
|
|
57
|
+
}
|
|
58
|
+
else if (camelKey === "scaling") {
|
|
59
|
+
storedStyle[camelKey] = value;
|
|
60
|
+
}
|
|
61
|
+
else if (camelKey === "surface") {
|
|
62
|
+
storedStyle[camelKey] = value;
|
|
63
|
+
}
|
|
64
|
+
else if (camelKey === "neutral") {
|
|
65
|
+
storedStyle.neutral = value;
|
|
66
|
+
}
|
|
67
|
+
else if (camelKey === "brand") {
|
|
68
|
+
storedStyle.brand = value;
|
|
69
|
+
}
|
|
70
|
+
else if (camelKey === "accent") {
|
|
71
|
+
storedStyle.accent = value;
|
|
72
|
+
}
|
|
73
|
+
else if (camelKey === "solid") {
|
|
74
|
+
storedStyle.solid = value;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
return storedStyle;
|
|
79
|
+
}
|
|
80
|
+
catch (e) {
|
|
81
|
+
dev.error("Error reading stored style values:", e);
|
|
82
|
+
return {};
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
const getInitialTheme = () => {
|
|
86
|
+
if (typeof window === "undefined")
|
|
87
|
+
return "system";
|
|
88
|
+
const savedTheme = localStorage.getItem("data-theme");
|
|
89
|
+
if (savedTheme && (savedTheme === "light" || savedTheme === "dark")) {
|
|
90
|
+
return savedTheme;
|
|
91
|
+
}
|
|
92
|
+
const domTheme = document.documentElement.getAttribute("data-theme");
|
|
93
|
+
if (domTheme === "dark" || domTheme === "light") {
|
|
94
|
+
return "system";
|
|
95
|
+
}
|
|
96
|
+
return "system";
|
|
97
|
+
};
|
|
98
|
+
const getInitialResolvedTheme = () => {
|
|
99
|
+
if (typeof window === "undefined")
|
|
100
|
+
return "dark";
|
|
101
|
+
const domTheme = document.documentElement.getAttribute("data-theme");
|
|
102
|
+
return domTheme === "dark" || domTheme === "light" ? domTheme : "dark";
|
|
103
|
+
};
|
|
104
|
+
export function ThemeProvider({ children, theme: propTheme = "system", neutral, brand, accent, solid, solidStyle, border, surface, transition, scaling, }) {
|
|
105
|
+
// If propTheme is light/dark, use it directly (forced mode)
|
|
106
|
+
// Otherwise, use the stored preference from localStorage/DOM
|
|
107
|
+
const initialThemeValue = propTheme !== "system" ? propTheme : getInitialTheme();
|
|
108
|
+
// For resolvedTheme, if propTheme is light/dark, use that directly
|
|
109
|
+
// Otherwise, get from DOM
|
|
110
|
+
const initialResolvedValue = propTheme !== "system" ? propTheme : getInitialResolvedTheme();
|
|
111
|
+
const [theme, setTheme] = useState(initialThemeValue);
|
|
112
|
+
const [resolvedTheme, setResolvedTheme] = useState(initialResolvedValue);
|
|
113
|
+
const getResolvedTheme = useCallback((t) => {
|
|
114
|
+
if (t === "system") {
|
|
115
|
+
return typeof window !== "undefined" &&
|
|
116
|
+
window.matchMedia("(prefers-color-scheme: dark)").matches
|
|
117
|
+
? "dark"
|
|
118
|
+
: "light";
|
|
119
|
+
}
|
|
120
|
+
return t;
|
|
121
|
+
}, []);
|
|
122
|
+
useEffect(() => {
|
|
123
|
+
if (typeof window === "undefined")
|
|
124
|
+
return;
|
|
125
|
+
// Only listen for system theme changes if:
|
|
126
|
+
// 1. Current theme is 'system' AND
|
|
127
|
+
// 2. propTheme is 'system' (not forcing light/dark)
|
|
128
|
+
if (theme === "system" && propTheme === "system") {
|
|
129
|
+
const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
|
|
130
|
+
const handleChange = () => {
|
|
131
|
+
const newResolved = mediaQuery.matches ? "dark" : "light";
|
|
132
|
+
document.documentElement.setAttribute("data-theme", newResolved);
|
|
133
|
+
setResolvedTheme(newResolved);
|
|
134
|
+
dev.log(`System theme changed to: ${newResolved}`);
|
|
135
|
+
};
|
|
136
|
+
mediaQuery.addEventListener("change", handleChange);
|
|
137
|
+
return () => mediaQuery.removeEventListener("change", handleChange);
|
|
138
|
+
}
|
|
139
|
+
}, [theme, propTheme]);
|
|
140
|
+
const setThemeAndSave = useCallback((newTheme) => {
|
|
141
|
+
try {
|
|
142
|
+
// If propTheme is light/dark, we always use that for the DOM (forced mode)
|
|
143
|
+
const isForced = propTheme !== "system";
|
|
144
|
+
const resolved = isForced
|
|
145
|
+
? propTheme
|
|
146
|
+
: newTheme === "system"
|
|
147
|
+
? window.matchMedia("(prefers-color-scheme: dark)").matches
|
|
148
|
+
? "dark"
|
|
149
|
+
: "light"
|
|
150
|
+
: newTheme;
|
|
151
|
+
// Only update localStorage if not in forced mode
|
|
152
|
+
if (!isForced) {
|
|
153
|
+
if (newTheme === "system") {
|
|
154
|
+
localStorage.removeItem("data-theme");
|
|
155
|
+
}
|
|
156
|
+
else {
|
|
157
|
+
localStorage.setItem("data-theme", newTheme);
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
// Always update React state
|
|
161
|
+
setTheme(newTheme);
|
|
162
|
+
setResolvedTheme(resolved);
|
|
163
|
+
// Set the DOM attribute to the resolved theme
|
|
164
|
+
document.documentElement.setAttribute("data-theme", resolved);
|
|
165
|
+
dev.log(`Theme set to ${newTheme} (resolved: ${resolved})`);
|
|
166
|
+
}
|
|
167
|
+
catch (e) {
|
|
168
|
+
dev.error("Error setting theme:", e);
|
|
169
|
+
}
|
|
170
|
+
}, [propTheme]);
|
|
171
|
+
const storedValues = typeof window !== "undefined" ? getStoredStyleValues() : {};
|
|
172
|
+
const directProps = {};
|
|
173
|
+
if (neutral)
|
|
174
|
+
directProps.neutral = neutral;
|
|
175
|
+
if (brand)
|
|
176
|
+
directProps.brand = brand;
|
|
177
|
+
if (accent)
|
|
178
|
+
directProps.accent = accent;
|
|
179
|
+
if (solid)
|
|
180
|
+
directProps.solid = solid;
|
|
181
|
+
if (solidStyle)
|
|
182
|
+
directProps.solidStyle = solidStyle;
|
|
183
|
+
if (border)
|
|
184
|
+
directProps.border = border;
|
|
185
|
+
if (surface)
|
|
186
|
+
directProps.surface = surface;
|
|
187
|
+
if (transition)
|
|
188
|
+
directProps.transition = transition;
|
|
189
|
+
if (scaling)
|
|
190
|
+
directProps.scaling = scaling;
|
|
191
|
+
const [style, setStyleState] = useState({
|
|
192
|
+
...defaultStyleOptions,
|
|
193
|
+
...directProps,
|
|
194
|
+
...storedValues,
|
|
195
|
+
theme: theme,
|
|
196
|
+
});
|
|
197
|
+
useEffect(() => {
|
|
198
|
+
setStyleState((prevStyle) => ({
|
|
199
|
+
...prevStyle,
|
|
200
|
+
theme: theme,
|
|
201
|
+
}));
|
|
202
|
+
}, [theme]);
|
|
203
|
+
const themeValue = {
|
|
204
|
+
theme,
|
|
205
|
+
resolvedTheme,
|
|
206
|
+
setTheme: setThemeAndSave,
|
|
207
|
+
};
|
|
208
|
+
const camelToKebab = (str) => {
|
|
209
|
+
return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
|
|
210
|
+
};
|
|
211
|
+
const styleValue = {
|
|
212
|
+
...style,
|
|
213
|
+
setStyle: (newStyle) => {
|
|
214
|
+
setStyleState((prevStyle) => ({
|
|
215
|
+
...prevStyle,
|
|
216
|
+
...newStyle,
|
|
217
|
+
}));
|
|
218
|
+
Object.entries(newStyle).forEach(([key, value]) => {
|
|
219
|
+
if (value && key !== "setStyle") {
|
|
220
|
+
const attrName = `data-${camelToKebab(key)}`;
|
|
221
|
+
if (key === "theme") {
|
|
222
|
+
if (value === "system") {
|
|
223
|
+
localStorage.removeItem("data-theme");
|
|
224
|
+
const resolvedValue = window.matchMedia("(prefers-color-scheme: dark)").matches
|
|
225
|
+
? "dark"
|
|
226
|
+
: "light";
|
|
227
|
+
document.documentElement.setAttribute(attrName, resolvedValue);
|
|
228
|
+
}
|
|
229
|
+
else {
|
|
230
|
+
localStorage.setItem("data-theme", value.toString());
|
|
231
|
+
document.documentElement.setAttribute(attrName, value.toString());
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
else {
|
|
235
|
+
document.documentElement.setAttribute(attrName, value.toString());
|
|
236
|
+
localStorage.setItem(`data-${camelToKebab(key)}`, value.toString());
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
});
|
|
240
|
+
},
|
|
241
|
+
};
|
|
242
|
+
useEffect(() => {
|
|
243
|
+
if (typeof window !== "undefined") {
|
|
244
|
+
Object.entries(style).forEach(([key, value]) => {
|
|
245
|
+
if (value && key !== "setStyle") {
|
|
246
|
+
if (key === "theme") {
|
|
247
|
+
// If propTheme is light/dark, always use that for the DOM (forced mode)
|
|
248
|
+
if (propTheme !== "system") {
|
|
249
|
+
document.documentElement.setAttribute(`data-${camelToKebab(key)}`, propTheme);
|
|
250
|
+
}
|
|
251
|
+
else if (value === "system") {
|
|
252
|
+
const resolvedValue = window.matchMedia("(prefers-color-scheme: dark)").matches
|
|
253
|
+
? "dark"
|
|
254
|
+
: "light";
|
|
255
|
+
document.documentElement.setAttribute(`data-${camelToKebab(key)}`, resolvedValue);
|
|
256
|
+
}
|
|
257
|
+
else {
|
|
258
|
+
document.documentElement.setAttribute(`data-${camelToKebab(key)}`, value.toString());
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
else {
|
|
262
|
+
document.documentElement.setAttribute(`data-${camelToKebab(key)}`, value.toString());
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
});
|
|
266
|
+
}
|
|
267
|
+
}, [style, propTheme]);
|
|
268
|
+
return (_jsx(ThemeProviderContext.Provider, { value: themeValue, children: _jsx(StyleProviderContext.Provider, { value: styleValue, children: children }) }));
|
|
269
|
+
}
|
|
270
|
+
export const useTheme = () => {
|
|
271
|
+
const context = useContext(ThemeProviderContext);
|
|
272
|
+
if (context === undefined) {
|
|
273
|
+
throw new Error("useTheme must be used within a ThemeProvider");
|
|
274
|
+
}
|
|
275
|
+
return context;
|
|
276
|
+
};
|
|
277
|
+
export const useStyle = () => {
|
|
278
|
+
const context = useContext(StyleProviderContext);
|
|
279
|
+
if (context === undefined) {
|
|
280
|
+
throw new Error("useStyle must be used within a ThemeProvider");
|
|
281
|
+
}
|
|
282
|
+
return context;
|
|
283
|
+
};
|
|
284
|
+
export { defaultStyleOptions };
|
|
285
|
+
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/contexts/ThemeProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { ToastPosition } from "../types";
|
|
3
|
+
interface Toast {
|
|
4
|
+
id: string;
|
|
5
|
+
variant: "success" | "danger";
|
|
6
|
+
message: ReactNode;
|
|
7
|
+
action?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
interface ToastContextProps {
|
|
10
|
+
toasts: Toast[];
|
|
11
|
+
addToast: (toast: Omit<Toast, "id">) => void;
|
|
12
|
+
removeToast: (id: string) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const useToast: () => ToastContextProps;
|
|
15
|
+
declare const ToastProvider: React.FC<{
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
xl?: ToastPosition;
|
|
18
|
+
l?: ToastPosition;
|
|
19
|
+
m?: ToastPosition;
|
|
20
|
+
s?: ToastPosition;
|
|
21
|
+
xs?: ToastPosition;
|
|
22
|
+
}>;
|
|
23
|
+
export { ToastProvider };
|
|
24
|
+
//# sourceMappingURL=ToastProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/contexts/ToastProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAID,eAAO,MAAM,QAAQ,yBAMpB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,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,CA4BA,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useContext, useState } from "react";
|
|
4
|
+
import { Toaster } from "../components";
|
|
5
|
+
const ToastContext = createContext(undefined);
|
|
6
|
+
export const useToast = () => {
|
|
7
|
+
const context = useContext(ToastContext);
|
|
8
|
+
if (!context) {
|
|
9
|
+
throw new Error("useToast must be used within a ToastProvider");
|
|
10
|
+
}
|
|
11
|
+
return context;
|
|
12
|
+
};
|
|
13
|
+
const ToastProvider = ({ children, xl, l, m, s, xs }) => {
|
|
14
|
+
// Use the same Toast interface type for the state
|
|
15
|
+
const [toasts, setToasts] = useState([]);
|
|
16
|
+
const addToast = (toast) => {
|
|
17
|
+
const newToast = {
|
|
18
|
+
id: Math.random().toString(36).substring(7),
|
|
19
|
+
...toast,
|
|
20
|
+
};
|
|
21
|
+
setToasts((prev) => [...prev, newToast]);
|
|
22
|
+
};
|
|
23
|
+
const removeToast = (id) => {
|
|
24
|
+
setToasts((prev) => prev.filter((toast) => toast.id !== id));
|
|
25
|
+
};
|
|
26
|
+
return (_jsxs(ToastContext.Provider, { value: {
|
|
27
|
+
toasts,
|
|
28
|
+
addToast,
|
|
29
|
+
removeToast,
|
|
30
|
+
}, children: [children, _jsx(Toaster, { toasts: toasts, removeToast: removeToast, xl: xl, l: l, m: m, s: s, xs: xs })] }));
|
|
31
|
+
};
|
|
32
|
+
ToastProvider.displayName = "ToastProvider";
|
|
33
|
+
export { ToastProvider };
|
|
34
|
+
//# sourceMappingURL=ToastProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastProvider.js","sourceRoot":"","sources":["../../src/contexts/ToastProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAgBxC,MAAM,YAAY,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,aAAa,GAOd,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACrC,kDAAkD;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC5C,MAAM,QAAQ,GAAU;YACtB,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;YAC3C,GAAG,KAAK;SACT,CAAC;QACF,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,EAAE;QACjC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,MAAM;YACN,QAAQ;YACR,WAAW;SACZ,aAEA,QAAQ,EACT,KAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,GAAI,IACjE,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
|