@smitch/breeze 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.npmignore +14 -0
- package/README.md +485 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/lib/@hooks/useWindowWidth.js +17 -0
- package/lib/@hooks/useWindowWidth.js.map +1 -0
- package/lib/@utils/merge.js +35 -0
- package/lib/@utils/merge.js.map +1 -0
- package/lib/accordion/Accordion.js +28 -0
- package/lib/accordion/Accordion.js.map +1 -0
- package/lib/accordion/atoms/AccordionCard.js +9 -0
- package/lib/accordion/atoms/AccordionCard.js.map +1 -0
- package/lib/accordion/atoms/AccordionHead.js +23 -0
- package/lib/accordion/atoms/AccordionHead.js.map +1 -0
- package/lib/accordion/atoms/AccordionItem.js +10 -0
- package/lib/accordion/atoms/AccordionItem.js.map +1 -0
- package/lib/accordion/atoms/AccordionSection.js +8 -0
- package/lib/accordion/atoms/AccordionSection.js.map +1 -0
- package/lib/accordion/atoms/index.js +5 -0
- package/lib/accordion/atoms/index.js.map +1 -0
- package/lib/accordion/index.js +3 -0
- package/lib/accordion/index.js.map +1 -0
- package/lib/accordion/types/index.js +2 -0
- package/lib/accordion/types/index.js.map +1 -0
- package/lib/alert/Alert.js +42 -0
- package/lib/alert/Alert.js.map +1 -0
- package/lib/alert/index.js +2 -0
- package/lib/alert/index.js.map +1 -0
- package/lib/alert/types/index.js +2 -0
- package/lib/alert/types/index.js.map +1 -0
- package/lib/autocomplete/Autocomplete.js +9 -0
- package/lib/autocomplete/Autocomplete.js.map +1 -0
- package/lib/autocomplete/index.js +2 -0
- package/lib/autocomplete/index.js.map +1 -0
- package/lib/autocomplete/types/index.js +2 -0
- package/lib/autocomplete/types/index.js.map +1 -0
- package/lib/badge/Badge.js +57 -0
- package/lib/badge/Badge.js.map +1 -0
- package/lib/badge/index.js +2 -0
- package/lib/badge/index.js.map +1 -0
- package/lib/badge/types/index.js +2 -0
- package/lib/badge/types/index.js.map +1 -0
- package/lib/blockquote/Blockquote.js +22 -0
- package/lib/blockquote/Blockquote.js.map +1 -0
- package/lib/blockquote/index.js +2 -0
- package/lib/blockquote/index.js.map +1 -0
- package/lib/blockquote/types/index.js +2 -0
- package/lib/blockquote/types/index.js.map +1 -0
- package/lib/breadcrumbs/Breadcrumbs.js +47 -0
- package/lib/breadcrumbs/Breadcrumbs.js.map +1 -0
- package/lib/breadcrumbs/index.js +2 -0
- package/lib/breadcrumbs/index.js.map +1 -0
- package/lib/breadcrumbs/types/index.js +2 -0
- package/lib/breadcrumbs/types/index.js.map +1 -0
- package/lib/button/Button.js +76 -0
- package/lib/button/Button.js.map +1 -0
- package/lib/button/index.js +3 -0
- package/lib/button/index.js.map +1 -0
- package/lib/button/types/index.js +2 -0
- package/lib/button/types/index.js.map +1 -0
- package/lib/button/variants/CloseButton.js +18 -0
- package/lib/button/variants/CloseButton.js.map +1 -0
- package/lib/button/variants/index.js +2 -0
- package/lib/button/variants/index.js.map +1 -0
- package/lib/button/variants/types/index.js +2 -0
- package/lib/button/variants/types/index.js.map +1 -0
- package/lib/buttongroup/ButtonGroup.js +35 -0
- package/lib/buttongroup/ButtonGroup.js.map +1 -0
- package/lib/buttongroup/index.js +2 -0
- package/lib/buttongroup/index.js.map +1 -0
- package/lib/buttongroup/types/index.js +2 -0
- package/lib/buttongroup/types/index.js.map +1 -0
- package/lib/card/Card.js +32 -0
- package/lib/card/Card.js.map +1 -0
- package/lib/card/atoms/CardBody.js +8 -0
- package/lib/card/atoms/CardBody.js.map +1 -0
- package/lib/card/atoms/CardFooter.js +9 -0
- package/lib/card/atoms/CardFooter.js.map +1 -0
- package/lib/card/atoms/CardHeader.js +8 -0
- package/lib/card/atoms/CardHeader.js.map +1 -0
- package/lib/card/atoms/CardImage.js +16 -0
- package/lib/card/atoms/CardImage.js.map +1 -0
- package/lib/card/index.js +6 -0
- package/lib/card/index.js.map +1 -0
- package/lib/card/types/index.js +2 -0
- package/lib/card/types/index.js.map +1 -0
- package/lib/carousel/Carousel.js +147 -0
- package/lib/carousel/Carousel.js.map +1 -0
- package/lib/carousel/index.js +2 -0
- package/lib/carousel/index.js.map +1 -0
- package/lib/carousel/types/index.js +2 -0
- package/lib/carousel/types/index.js.map +1 -0
- package/lib/charts/BarChart.js +24 -0
- package/lib/charts/BarChart.js.map +1 -0
- package/lib/charts/BubbleChart.js +24 -0
- package/lib/charts/BubbleChart.js.map +1 -0
- package/lib/charts/ChartWrap.js +69 -0
- package/lib/charts/ChartWrap.js.map +1 -0
- package/lib/charts/DoughnutChart.js +20 -0
- package/lib/charts/DoughnutChart.js.map +1 -0
- package/lib/charts/LineChart.js +24 -0
- package/lib/charts/LineChart.js.map +1 -0
- package/lib/charts/MixedChart.js +24 -0
- package/lib/charts/MixedChart.js.map +1 -0
- package/lib/charts/PieChart.js +20 -0
- package/lib/charts/PieChart.js.map +1 -0
- package/lib/charts/PolarAreaChart.js +23 -0
- package/lib/charts/PolarAreaChart.js.map +1 -0
- package/lib/charts/RadarChart.js +23 -0
- package/lib/charts/RadarChart.js.map +1 -0
- package/lib/charts/ScatterChart.js +24 -0
- package/lib/charts/ScatterChart.js.map +1 -0
- package/lib/charts/index.js +10 -0
- package/lib/charts/index.js.map +1 -0
- package/lib/charts/types/index.js +2 -0
- package/lib/charts/types/index.js.map +1 -0
- package/lib/checkbox/Checkbox.js +9 -0
- package/lib/checkbox/Checkbox.js.map +1 -0
- package/lib/checkbox/index.js +2 -0
- package/lib/checkbox/index.js.map +1 -0
- package/lib/checkbox/types/index.js +2 -0
- package/lib/checkbox/types/index.js.map +1 -0
- package/lib/clock/Clock.js +99 -0
- package/lib/clock/Clock.js.map +1 -0
- package/lib/clock/index.js +2 -0
- package/lib/clock/index.js.map +1 -0
- package/lib/clock/types/index.js +2 -0
- package/lib/clock/types/index.js.map +1 -0
- package/lib/codeblock/Codeblock.js +21 -0
- package/lib/codeblock/Codeblock.js.map +1 -0
- package/lib/codeblock/index.js +2 -0
- package/lib/codeblock/index.js.map +1 -0
- package/lib/codeblock/types/index.js +2 -0
- package/lib/codeblock/types/index.js.map +1 -0
- package/lib/counter/Counter.js +39 -0
- package/lib/counter/Counter.js.map +1 -0
- package/lib/counter/index.js +2 -0
- package/lib/counter/index.js.map +1 -0
- package/lib/counter/types/index.js +2 -0
- package/lib/counter/types/index.js.map +1 -0
- package/lib/datatable/DataTable.js +44 -0
- package/lib/datatable/DataTable.js.map +1 -0
- package/lib/datatable/index.js +2 -0
- package/lib/datatable/index.js.map +1 -0
- package/lib/datatable/types/index.js +2 -0
- package/lib/datatable/types/index.js.map +1 -0
- package/lib/dialog/Dialog.js +45 -0
- package/lib/dialog/Dialog.js.map +1 -0
- package/lib/dialog/hooks/useDisableBack.js +16 -0
- package/lib/dialog/hooks/useDisableBack.js.map +1 -0
- package/lib/dialog/index.js +2 -0
- package/lib/dialog/index.js.map +1 -0
- package/lib/dialog/types/index.js +2 -0
- package/lib/dialog/types/index.js.map +1 -0
- package/lib/drawer/Drawer.js +39 -0
- package/lib/drawer/Drawer.js.map +1 -0
- package/lib/drawer/index.js +2 -0
- package/lib/drawer/index.js.map +1 -0
- package/lib/drawer/types/index.js +2 -0
- package/lib/drawer/types/index.js.map +1 -0
- package/lib/dropdown/Dropdown.js +40 -0
- package/lib/dropdown/Dropdown.js.map +1 -0
- package/lib/dropdown/index.js +2 -0
- package/lib/dropdown/index.js.map +1 -0
- package/lib/dropdown/types/index.js +2 -0
- package/lib/dropdown/types/index.js.map +1 -0
- package/lib/figure/Figure.js +42 -0
- package/lib/figure/Figure.js.map +1 -0
- package/lib/figure/index.js +2 -0
- package/lib/figure/index.js.map +1 -0
- package/lib/figure/types/index.js +2 -0
- package/lib/figure/types/index.js.map +1 -0
- package/lib/fileupload/FileUpload.js +52 -0
- package/lib/fileupload/FileUpload.js.map +1 -0
- package/lib/fileupload/Files.js +22 -0
- package/lib/fileupload/Files.js.map +1 -0
- package/lib/fileupload/index.js +2 -0
- package/lib/fileupload/index.js.map +1 -0
- package/lib/fileupload/types/index.js +25 -0
- package/lib/fileupload/types/index.js.map +1 -0
- package/lib/form/Fieldset.js +9 -0
- package/lib/form/Fieldset.js.map +1 -0
- package/lib/form/Form.js +64 -0
- package/lib/form/Form.js.map +1 -0
- package/lib/form/Legend.js +21 -0
- package/lib/form/Legend.js.map +1 -0
- package/lib/form/RegisterForm.js +19 -0
- package/lib/form/RegisterForm.js.map +1 -0
- package/lib/form/index.js +5 -0
- package/lib/form/index.js.map +1 -0
- package/lib/form/types/index.js +2 -0
- package/lib/form/types/index.js.map +1 -0
- package/lib/gallery/Gallery.js +12 -0
- package/lib/gallery/Gallery.js.map +1 -0
- package/lib/gallery/index.js +2 -0
- package/lib/gallery/index.js.map +1 -0
- package/lib/gallery/types/index.js +2 -0
- package/lib/gallery/types/index.js.map +1 -0
- package/lib/heading/Heading.js +38 -0
- package/lib/heading/Heading.js.map +1 -0
- package/lib/heading/index.js +2 -0
- package/lib/heading/index.js.map +1 -0
- package/lib/heading/types/index.js +2 -0
- package/lib/heading/types/index.js.map +1 -0
- package/lib/hero/Hero.js +72 -0
- package/lib/hero/Hero.js.map +1 -0
- package/lib/hero/index.js +2 -0
- package/lib/hero/index.js.map +1 -0
- package/lib/hero/types/index.js +2 -0
- package/lib/hero/types/index.js.map +1 -0
- package/lib/icon/Icon.js +37 -0
- package/lib/icon/Icon.js.map +1 -0
- package/lib/icon/index.js +2 -0
- package/lib/icon/index.js.map +1 -0
- package/lib/icon/types/index.js +2 -0
- package/lib/icon/types/index.js.map +1 -0
- package/lib/index.js +52 -0
- package/lib/index.js.map +1 -0
- package/lib/input/Input.js +37 -0
- package/lib/input/Input.js.map +1 -0
- package/lib/input/index.js +2 -0
- package/lib/input/index.js.map +1 -0
- package/lib/input/types/index.js +2 -0
- package/lib/input/types/index.js.map +1 -0
- package/lib/label/Label.js +36 -0
- package/lib/label/Label.js.map +1 -0
- package/lib/label/index.js +2 -0
- package/lib/label/index.js.map +1 -0
- package/lib/label/types/index.js +2 -0
- package/lib/label/types/index.js.map +1 -0
- package/lib/loading/Loading.js +71 -0
- package/lib/loading/Loading.js.map +1 -0
- package/lib/loading/index.js +3 -0
- package/lib/loading/index.js.map +1 -0
- package/lib/loading/spinners/Bars.js +7 -0
- package/lib/loading/spinners/Bars.js.map +1 -0
- package/lib/loading/spinners/Clock.js +7 -0
- package/lib/loading/spinners/Clock.js.map +1 -0
- package/lib/loading/spinners/Dots.js +7 -0
- package/lib/loading/spinners/Dots.js.map +1 -0
- package/lib/loading/spinners/Pulse.js +7 -0
- package/lib/loading/spinners/Pulse.js.map +1 -0
- package/lib/loading/spinners/Spindots.js +7 -0
- package/lib/loading/spinners/Spindots.js.map +1 -0
- package/lib/loading/spinners/Spinner.js +7 -0
- package/lib/loading/spinners/Spinner.js.map +1 -0
- package/lib/loading/spinners/Wifi.js +7 -0
- package/lib/loading/spinners/Wifi.js.map +1 -0
- package/lib/loading/spinners/index.js +8 -0
- package/lib/loading/spinners/index.js.map +1 -0
- package/lib/loading/types/index.js +2 -0
- package/lib/loading/types/index.js.map +1 -0
- package/lib/map/LazyMap.js +146 -0
- package/lib/map/LazyMap.js.map +1 -0
- package/lib/map/LazyMapCircle.js +14 -0
- package/lib/map/LazyMapCircle.js.map +1 -0
- package/lib/map/LazyMapLine.js +13 -0
- package/lib/map/LazyMapLine.js.map +1 -0
- package/lib/map/LazyMapMarker.js +72 -0
- package/lib/map/LazyMapMarker.js.map +1 -0
- package/lib/map/LazyMapPolygon.js +9 -0
- package/lib/map/LazyMapPolygon.js.map +1 -0
- package/lib/map/LazyMapRectangle.js +12 -0
- package/lib/map/LazyMapRectangle.js.map +1 -0
- package/lib/map/Map.js +34 -0
- package/lib/map/Map.js.map +1 -0
- package/lib/map/MapCircle.js +34 -0
- package/lib/map/MapCircle.js.map +1 -0
- package/lib/map/MapLine.js +34 -0
- package/lib/map/MapLine.js.map +1 -0
- package/lib/map/MapMarker.js +34 -0
- package/lib/map/MapMarker.js.map +1 -0
- package/lib/map/MapPolygon.js +34 -0
- package/lib/map/MapPolygon.js.map +1 -0
- package/lib/map/MapRectangle.js +34 -0
- package/lib/map/MapRectangle.js.map +1 -0
- package/lib/map/index.js +7 -0
- package/lib/map/index.js.map +1 -0
- package/lib/map/tileOptions.js +33 -0
- package/lib/map/tileOptions.js.map +1 -0
- package/lib/map/types/index.js +2 -0
- package/lib/map/types/index.js.map +1 -0
- package/lib/modal/Modal.js +33 -0
- package/lib/modal/Modal.js.map +1 -0
- package/lib/modal/hooks/useDisableBack.js +14 -0
- package/lib/modal/hooks/useDisableBack.js.map +1 -0
- package/lib/modal/index.js +2 -0
- package/lib/modal/index.js.map +1 -0
- package/lib/modal/types/index.js +2 -0
- package/lib/modal/types/index.js.map +1 -0
- package/lib/navbar/NavBar.js +17 -0
- package/lib/navbar/NavBar.js.map +1 -0
- package/lib/navbar/NavBrand.js +9 -0
- package/lib/navbar/NavBrand.js.map +1 -0
- package/lib/navbar/NavLinks.js +27 -0
- package/lib/navbar/NavLinks.js.map +1 -0
- package/lib/navbar/index.js +2 -0
- package/lib/navbar/index.js.map +1 -0
- package/lib/navbar/types/index.js +2 -0
- package/lib/navbar/types/index.js.map +1 -0
- package/lib/pagination/Pagination.js +42 -0
- package/lib/pagination/Pagination.js.map +1 -0
- package/lib/pagination/index.js +2 -0
- package/lib/pagination/index.js.map +1 -0
- package/lib/pagination/types/index.js +2 -0
- package/lib/pagination/types/index.js.map +1 -0
- package/lib/passwordinput/PasswordInput.js +22 -0
- package/lib/passwordinput/PasswordInput.js.map +1 -0
- package/lib/passwordinput/index.js +2 -0
- package/lib/passwordinput/index.js.map +1 -0
- package/lib/passwordinput/types/index.js +2 -0
- package/lib/passwordinput/types/index.js.map +1 -0
- package/lib/pictogram/Pictogram.js +21 -0
- package/lib/pictogram/Pictogram.js.map +1 -0
- package/lib/pictogram/index.js +2 -0
- package/lib/pictogram/index.js.map +1 -0
- package/lib/pictogram/types/index.js +2 -0
- package/lib/pictogram/types/index.js.map +1 -0
- package/lib/placeholder/PlaceHolder.js +28 -0
- package/lib/placeholder/PlaceHolder.js.map +1 -0
- package/lib/placeholder/index.js +2 -0
- package/lib/placeholder/index.js.map +1 -0
- package/lib/placeholder/types/index.js +2 -0
- package/lib/placeholder/types/index.js.map +1 -0
- package/lib/progress/Progress.js +26 -0
- package/lib/progress/Progress.js.map +1 -0
- package/lib/progress/index.js +2 -0
- package/lib/progress/index.js.map +1 -0
- package/lib/progress/types/index.js +2 -0
- package/lib/progress/types/index.js.map +1 -0
- package/lib/radiogroup/RadioGroup.js +28 -0
- package/lib/radiogroup/RadioGroup.js.map +1 -0
- package/lib/radiogroup/index.js +2 -0
- package/lib/radiogroup/index.js.map +1 -0
- package/lib/radiogroup/types/index.js +2 -0
- package/lib/radiogroup/types/index.js.map +1 -0
- package/lib/rangeinput/RangeInput.js +45 -0
- package/lib/rangeinput/RangeInput.js.map +1 -0
- package/lib/rangeinput/index.js +2 -0
- package/lib/rangeinput/index.js.map +1 -0
- package/lib/rangeinput/types/index.js +2 -0
- package/lib/rangeinput/types/index.js.map +1 -0
- package/lib/ratings/Ratings.js +25 -0
- package/lib/ratings/Ratings.js.map +1 -0
- package/lib/ratings/index.js +2 -0
- package/lib/ratings/index.js.map +1 -0
- package/lib/ratings/types/index.js +2 -0
- package/lib/ratings/types/index.js.map +1 -0
- package/lib/searchinput/SearchInput.js +22 -0
- package/lib/searchinput/SearchInput.js.map +1 -0
- package/lib/searchinput/index.js +2 -0
- package/lib/searchinput/index.js.map +1 -0
- package/lib/searchinput/types/index.js +2 -0
- package/lib/searchinput/types/index.js.map +1 -0
- package/lib/select/Select.js +34 -0
- package/lib/select/Select.js.map +1 -0
- package/lib/select/index.js +2 -0
- package/lib/select/index.js.map +1 -0
- package/lib/select/types/index.js +2 -0
- package/lib/select/types/index.js.map +1 -0
- package/lib/sidebar/Sidebar.js +56 -0
- package/lib/sidebar/Sidebar.js.map +1 -0
- package/lib/sidebar/index.js +2 -0
- package/lib/sidebar/index.js.map +1 -0
- package/lib/sidebar/types/index.js +2 -0
- package/lib/sidebar/types/index.js.map +1 -0
- package/lib/socialshare/SocialShare.js +64 -0
- package/lib/socialshare/SocialShare.js.map +1 -0
- package/lib/socialshare/buttons/BlueskyButton.js +18 -0
- package/lib/socialshare/buttons/BlueskyButton.js.map +1 -0
- package/lib/socialshare/buttons/EmailButton.js +16 -0
- package/lib/socialshare/buttons/EmailButton.js.map +1 -0
- package/lib/socialshare/buttons/FacebookButton.js +16 -0
- package/lib/socialshare/buttons/FacebookButton.js.map +1 -0
- package/lib/socialshare/buttons/LinkedinButton.js +16 -0
- package/lib/socialshare/buttons/LinkedinButton.js.map +1 -0
- package/lib/socialshare/buttons/PinterestButton.js +19 -0
- package/lib/socialshare/buttons/PinterestButton.js.map +1 -0
- package/lib/socialshare/buttons/RedditButton.js +19 -0
- package/lib/socialshare/buttons/RedditButton.js.map +1 -0
- package/lib/socialshare/buttons/SlackButton.js +17 -0
- package/lib/socialshare/buttons/SlackButton.js.map +1 -0
- package/lib/socialshare/buttons/TelegramButton.js +19 -0
- package/lib/socialshare/buttons/TelegramButton.js.map +1 -0
- package/lib/socialshare/buttons/WhatsappButton.js +16 -0
- package/lib/socialshare/buttons/WhatsappButton.js.map +1 -0
- package/lib/socialshare/buttons/XButton.js +19 -0
- package/lib/socialshare/buttons/XButton.js.map +1 -0
- package/lib/socialshare/index.js +12 -0
- package/lib/socialshare/index.js.map +1 -0
- package/lib/socialshare/types/index.js +2 -0
- package/lib/socialshare/types/index.js.map +1 -0
- package/lib/statbar/StatBar.js +15 -0
- package/lib/statbar/StatBar.js.map +1 -0
- package/lib/statbar/index.js +2 -0
- package/lib/statbar/index.js.map +1 -0
- package/lib/statbar/types/index.js +2 -0
- package/lib/statbar/types/index.js.map +1 -0
- package/lib/switch/Switch.js +55 -0
- package/lib/switch/Switch.js.map +1 -0
- package/lib/switch/index.js +2 -0
- package/lib/switch/index.js.map +1 -0
- package/lib/switch/types/index.js +2 -0
- package/lib/switch/types/index.js.map +1 -0
- package/lib/tabs/Tab.js +6 -0
- package/lib/tabs/Tab.js.map +1 -0
- package/lib/tabs/TabBar.js +18 -0
- package/lib/tabs/TabBar.js.map +1 -0
- package/lib/tabs/Tabs.js +59 -0
- package/lib/tabs/Tabs.js.map +1 -0
- package/lib/tabs/index.js +2 -0
- package/lib/tabs/index.js.map +1 -0
- package/lib/tabs/types/index.js +2 -0
- package/lib/tabs/types/index.js.map +1 -0
- package/lib/textarea/TextArea.js +17 -0
- package/lib/textarea/TextArea.js.map +1 -0
- package/lib/textarea/index.js +2 -0
- package/lib/textarea/index.js.map +1 -0
- package/lib/textarea/types/index.js +2 -0
- package/lib/textarea/types/index.js.map +1 -0
- package/lib/textinput/TextInput.js +18 -0
- package/lib/textinput/TextInput.js.map +1 -0
- package/lib/textinput/index.js +2 -0
- package/lib/textinput/index.js.map +1 -0
- package/lib/textinput/types/index.js +2 -0
- package/lib/textinput/types/index.js.map +1 -0
- package/lib/ticker/Ticker.js +21 -0
- package/lib/ticker/Ticker.js.map +1 -0
- package/lib/ticker/index.js +2 -0
- package/lib/ticker/index.js.map +1 -0
- package/lib/ticker/types/index.js +2 -0
- package/lib/ticker/types/index.js.map +1 -0
- package/lib/toast/Toast.js +76 -0
- package/lib/toast/Toast.js.map +1 -0
- package/lib/toast/index.js +2 -0
- package/lib/toast/index.js.map +1 -0
- package/lib/toast/types/index.js +2 -0
- package/lib/toast/types/index.js.map +1 -0
- package/lib/twitterembed/TwitterEmbed.js +123 -0
- package/lib/twitterembed/TwitterEmbed.js.map +1 -0
- package/lib/twitterembed/index.js +2 -0
- package/lib/twitterembed/index.js.map +1 -0
- package/lib/twitterembed/types/index.js +2 -0
- package/lib/twitterembed/types/index.js.map +1 -0
- package/lib/videoplayer/Video.js +130 -0
- package/lib/videoplayer/Video.js.map +1 -0
- package/lib/videoplayer/VideoControls.js +63 -0
- package/lib/videoplayer/VideoControls.js.map +1 -0
- package/lib/videoplayer/VideoPlayer.js +66 -0
- package/lib/videoplayer/VideoPlayer.js.map +1 -0
- package/lib/videoplayer/VideoTracks.js +9 -0
- package/lib/videoplayer/VideoTracks.js.map +1 -0
- package/lib/videoplayer/controls/CaptionsControl.js +15 -0
- package/lib/videoplayer/controls/CaptionsControl.js.map +1 -0
- package/lib/videoplayer/controls/FullscreenControl.js +8 -0
- package/lib/videoplayer/controls/FullscreenControl.js.map +1 -0
- package/lib/videoplayer/controls/PipControl.js +8 -0
- package/lib/videoplayer/controls/PipControl.js.map +1 -0
- package/lib/videoplayer/controls/SoundControl.js +8 -0
- package/lib/videoplayer/controls/SoundControl.js.map +1 -0
- package/lib/videoplayer/controls/index.js +5 -0
- package/lib/videoplayer/controls/index.js.map +1 -0
- package/lib/videoplayer/index.js +3 -0
- package/lib/videoplayer/index.js.map +1 -0
- package/lib/videoplayer/types/index.js +2 -0
- package/lib/videoplayer/types/index.js.map +1 -0
- package/lib/youtubeembed/YoutubeEmbed.js +33 -0
- package/lib/youtubeembed/YoutubeEmbed.js.map +1 -0
- package/lib/youtubeembed/index.js +2 -0
- package/lib/youtubeembed/index.js.map +1 -0
- package/lib/youtubeembed/types/index.js +2 -0
- package/lib/youtubeembed/types/index.js.map +1 -0
- package/package.json +39 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { AccordionHead, AccordionSection } from '../atoms';
|
|
4
|
+
var themeClasses = 'bg-light text-dark dark:bg-dark dark:text-light border-neutral';
|
|
5
|
+
var AccordionItem = function (_a) {
|
|
6
|
+
var layoutClasses = _a.layoutClasses, id = _a.id, title = _a.title, _b = _a.icon, icon = _b === void 0 ? 'symbol' : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? 'right' : _c, _d = _a.layout, layout = _d === void 0 ? 'default' : _d, open = _a.open, setOpen = _a.setOpen, children = _a.children;
|
|
7
|
+
return (_jsxs("div", { className: "accordion-item ".concat(layoutClasses, " ").concat(themeClasses), children: [_jsx(AccordionHead, { id: id, title: title, icon: icon, iconPosition: iconPosition, layout: layout, open: open, setopen: setOpen }), _jsx(AccordionSection, { children: children })] }, id));
|
|
8
|
+
};
|
|
9
|
+
export default AccordionItem;
|
|
10
|
+
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/ui/accordion/atoms/AccordionItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAMZ,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE1D,IAAM,YAAY,GAAG,gEAAgE,CAAA;AAErF,IAAM,aAAa,GAAG,UAAC,EAUF;QATpB,aAAa,mBAAA,EACb,EAAE,QAAA,EACF,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,oBAAsB,EAAtB,YAAY,mBAAG,OAAO,KAAA,EACtB,cAAkB,EAAlB,MAAM,mBAAG,SAAS,KAAA,EAClB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,OAAO,CACN,eACC,SAAS,EAAE,yBAAkB,aAAa,cAAI,YAAY,CAAE,aAG5D,KAAC,aAAa,IACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GACf,EACF,KAAC,gBAAgB,cAAE,QAAQ,GAAoB,KAX1C,EAAE,CAYF,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,aAAa,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { AccordionItemProps } from '../types'\n\nimport { AccordionHead, AccordionSection } from '../atoms'\n\nconst themeClasses = 'bg-light text-dark dark:bg-dark dark:text-light border-neutral'\n\nconst AccordionItem = ({\n\tlayoutClasses,\n\tid,\n\ttitle,\n\ticon = 'symbol',\n\ticonPosition = 'right',\n\tlayout = 'default',\n\topen,\n\tsetOpen,\n\tchildren,\n}: AccordionItemProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={`accordion-item ${layoutClasses} ${themeClasses}`}\n\t\t\tkey={id}\n\t\t>\n\t\t\t<AccordionHead\n\t\t\t\tid={id}\n\t\t\t\ttitle={title}\n\t\t\t\ticon={icon}\n\t\t\t\ticonPosition={iconPosition}\n\t\t\t\tlayout={layout}\n\t\t\t\topen={open}\n\t\t\t\tsetopen={setOpen}\n\t\t\t/>\n\t\t\t<AccordionSection>{children}</AccordionSection>\n\t\t</div>\n\t)\n}\n\nexport default AccordionItem\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
var AccordionSection = function (_a) {
|
|
4
|
+
var children = _a.children;
|
|
5
|
+
return (_jsx("section", { className: 'accordion-section max-h-0 peer-[.open]:max-h-fit overflow-y-auto transition-all duration-500', role: 'group', children: children }));
|
|
6
|
+
};
|
|
7
|
+
export default AccordionSection;
|
|
8
|
+
//# sourceMappingURL=AccordionSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionSection.js","sourceRoot":"","sources":["../../../../src/ui/accordion/atoms/AccordionSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAMZ,IAAM,gBAAgB,GAAG,UAAC,EAAmC;QAAjC,QAAQ,cAAA;IACnC,OAAO,CACN,kBACC,SAAS,EAAC,8FAA8F,EACxG,IAAI,EAAC,OAAO,YAEX,QAAQ,GACA,CACV,CAAA;AACF,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { AccordionSectionProps } from '../types'\n\nconst AccordionSection = ({ children }: AccordionSectionProps) => {\n\treturn (\n\t\t<section\n\t\t\tclassName='accordion-section max-h-0 peer-[.open]:max-h-fit overflow-y-auto transition-all duration-500'\n\t\t\trole='group'\n\t\t>\n\t\t\t{children}\n\t\t</section>\n\t)\n}\n\nexport default AccordionSection\n"]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as AccordionHead } from './AccordionHead';
|
|
2
|
+
export { default as AccordionCard } from './AccordionCard';
|
|
3
|
+
export { default as AccordionItem } from './AccordionItem';
|
|
4
|
+
export { default as AccordionSection } from './AccordionSection';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/accordion/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA","sourcesContent":["export { default as AccordionHead } from './AccordionHead'\nexport { default as AccordionCard } from './AccordionCard'\nexport { default as AccordionItem } from './AccordionItem'\nexport { default as AccordionSection } from './AccordionSection'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA","sourcesContent":["export { default as Accordion } from './Accordion'\nexport { AccordionItem, AccordionCard } from './atoms'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/accordion/types/index.ts"],"names":[],"mappings":"","sourcesContent":["interface DataProps {\n id: string;\n title?: string;\n name: string;\n description: string;\n body?: string;\n src: string;\n link: string;\n}\n\nexport interface AccordionProps {\n className?: string;\n style?: React.CSSProperties;\n size?: \"sm\" | \"md\" | \"lg\";\n data?: DataProps[];\n children?: React.ReactNode;\n opened?: string;\n layout?: \"default\" | \"flush\" | \"spaced\";\n icon?: \"symbol\" | \"arrow\";\n iconPosition?: \"left\" | \"right\";\n iconColor?: \"info\" | \"success\" | \"warning\" | \"danger\" | \"primary\" | \"secondary\" | \"current\";\n}\n\nexport interface AccordionHeadProps {\n icon?: \"symbol\" | \"arrow\";\n id: string;\n open: string;\n setopen: (id: string) => void;\n title?: string;\n name?: string;\n iconPosition?: \"left\" | \"right\";\n iconColor?: \"info\" | \"success\" | \"warning\" | \"danger\" | \"primary\" | \"secondary\" | \"current\";\n layout?: \"default\" | \"flush\" | \"spaced\";\n}\n\nexport interface AccordionCardProps {\n src?: string;\n title: string;\n description?: string;\n link?: string;\n}\n\nexport interface AccordionSectionProps {\n children: React.ReactNode;\n}\n\nexport interface AccordionItemProps {\n children: React.ReactNode;\n layoutClasses: string;\n id: string;\n title: string;\n icon?: \"symbol\" | \"arrow\";\n iconPosition?: \"left\" | \"right\";\n layout?: \"default\" | \"flush\" | \"spaced\";\n open: string;\n setOpen: (id: string) => void;\n}\n"]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import { CloseButton, Heading, Badge } from "..";
|
|
5
|
+
var defaultStyles = "border-s-8 bg-slate-50 text-dark dark:bg-slate-700 dark:text-light";
|
|
6
|
+
var outlineStyles = "border-0 outline outline-2 md:outline-4 bg-slate-50 text-dark dark:bg-slate-700 dark:text-light";
|
|
7
|
+
var solidStyles = "solid border-none";
|
|
8
|
+
var statuses = {
|
|
9
|
+
info: "border-info outline-info",
|
|
10
|
+
success: "border-success outline-success",
|
|
11
|
+
warning: "border-warning outline-warning",
|
|
12
|
+
error: "border-error outline-error",
|
|
13
|
+
dark: "border-slate-600 outline-slate-600",
|
|
14
|
+
light: "border-white outline-white",
|
|
15
|
+
};
|
|
16
|
+
var solidStatuses = {
|
|
17
|
+
info: "bg-info-light text-dark",
|
|
18
|
+
success: "bg-success-light text-dark",
|
|
19
|
+
warning: "bg-warning-light text-dark",
|
|
20
|
+
error: "bg-error-light text-dark",
|
|
21
|
+
dark: "bg-slate-700 text-light",
|
|
22
|
+
light: "bg-slate-50 text-dark",
|
|
23
|
+
};
|
|
24
|
+
var layouts = {
|
|
25
|
+
default: defaultStyles,
|
|
26
|
+
outline: outlineStyles,
|
|
27
|
+
solid: solidStyles,
|
|
28
|
+
};
|
|
29
|
+
var roundeds = {
|
|
30
|
+
none: "rounded-0",
|
|
31
|
+
md: "rounded",
|
|
32
|
+
lg: "rounded-lg",
|
|
33
|
+
};
|
|
34
|
+
var Alert = function (_a) {
|
|
35
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, style = _a.style, _c = _a.status, status = _c === void 0 ? "info" : _c, _d = _a.layout, layout = _d === void 0 ? "default" : _d, title = _a.title, message = _a.message, _e = _a.dismissable, dismissable = _e === void 0 ? false : _e, onClick = _a.onClick, badge = _a.badge, _f = _a.badgeBackground, badgeBackground = _f === void 0 ? "dark" : _f, _g = _a.badgeColor, badgeColor = _g === void 0 ? "light" : _g, _h = _a.rounded, rounded = _h === void 0 ? "none" : _h;
|
|
36
|
+
var layoutClasses = useMemo(function () { return layouts[layout]; }, [layout]);
|
|
37
|
+
var roundedClasses = useMemo(function () { return roundeds[rounded]; }, [rounded]);
|
|
38
|
+
var statusClasses = useMemo(function () { return (layout === "solid" ? "".concat(solidStatuses[status]) : "".concat(statuses[status])); }, [layout, status]);
|
|
39
|
+
return (_jsxs("blockquote", { className: twMerge("alert group relative px-2 md:px-3 lg:px-4 py-1 ".concat(statusClasses, " ").concat(layoutClasses, " ").concat(roundedClasses), className), style: style, "data-testid": "alert", role: "alert", children: [title && (_jsxs(Heading, { level: 5, className: "mt-2 mb-0 uppercase font-bold opacity-85 relative", children: [badge && (_jsx(Badge, { badgeBackground: badgeBackground, badgeColor: badgeColor, size: "md", layout: "circle", position: "left", className: "top-0 start-0 relative mr-2", children: badge })), title] })), typeof message === "string" ? (_jsx("div", { className: "text-base md:text-lg lg:text-xl mb-[1em] mt-[1em]", dangerouslySetInnerHTML: { __html: message } })) : (_jsx("div", { className: "text-base md:text-lg lg:text-xl mb-[1em] mt-[1em]", children: message })), dismissable && (_jsx(CloseButton, { size: "md", onClick: onClick, className: "absolute right-2 top-2" }))] }));
|
|
40
|
+
};
|
|
41
|
+
export default Alert;
|
|
42
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/ui/alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAEjD,IAAM,aAAa,GAAG,oEAAoE,CAAC;AAC3F,IAAM,aAAa,GACjB,iGAAiG,CAAC;AACpG,IAAM,WAAW,GAAG,mBAAmB,CAAC;AAExC,IAAM,QAAQ,GAAG;IACf,IAAI,EAAE,0BAA0B;IAChC,OAAO,EAAE,gCAAgC;IACzC,OAAO,EAAE,gCAAgC;IACzC,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,oCAAoC;IAC1C,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,IAAM,aAAa,GAAG;IACpB,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,4BAA4B;IACrC,OAAO,EAAE,4BAA4B;IACrC,KAAK,EAAE,0BAA0B;IACjC,IAAI,EAAE,yBAAyB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC;AAEF,IAAM,OAAO,GAAG;IACd,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,IAAM,QAAQ,GAAG;IACf,IAAI,EAAE,WAAW;IACjB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,YAAY;CACjB,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,EAaF;QAZX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,cAAkB,EAAlB,MAAM,mBAAG,SAAS,KAAA,EAClB,KAAK,WAAA,EACL,OAAO,aAAA,EACP,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,OAAO,aAAA,EACP,KAAK,WAAA,EACL,uBAAwB,EAAxB,eAAe,mBAAG,MAAM,KAAA,EACxB,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA;IAEhB,IAAM,aAAa,GAAG,OAAO,CAAC,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,EAAf,CAAe,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/D,IAAM,cAAc,GAAG,OAAO,CAAC,cAAM,OAAA,QAAQ,CAAC,OAAO,CAAC,EAAjB,CAAiB,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,IAAM,aAAa,GAAG,OAAO,CAC3B,cAAM,OAAA,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,UAAG,aAAa,CAAC,MAAM,CAAC,CAAE,CAAC,CAAC,CAAC,UAAG,QAAQ,CAAC,MAAM,CAAC,CAAE,CAAC,EAAzE,CAAyE,EAC/E,CAAC,MAAM,EAAE,MAAM,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,sBACE,SAAS,EAAE,OAAO,CAChB,yDAAkD,aAAa,cAAI,aAAa,cAAI,cAAc,CAAE,EACpG,SAAS,CACV,EACD,KAAK,EAAE,KAAK,iBACA,OAAO,EACnB,IAAI,EAAC,OAAO,aAEX,KAAK,IAAI,CACR,MAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,mDAAmD,aAC9E,KAAK,IAAI,CACR,KAAC,KAAK,IACJ,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,QAAQ,EACf,QAAQ,EAAC,MAAM,EACf,SAAS,EAAC,6BAA6B,YAEtC,KAAK,GACA,CACT,EACA,KAAK,IACE,CACX,EACA,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,cACE,SAAS,EAAC,mDAAmD,EAC7D,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GACvC,CACR,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,mDAAmD,YAAE,OAAO,GAAO,CACnF,EAEA,WAAW,IAAI,CACd,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,wBAAwB,GAAG,CAC/E,IACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { AlertProps } from \"./types\";\n\nimport { CloseButton, Heading, Badge } from \"..\";\n\nconst defaultStyles = \"border-s-8 bg-slate-50 text-dark dark:bg-slate-700 dark:text-light\";\nconst outlineStyles =\n \"border-0 outline outline-2 md:outline-4 bg-slate-50 text-dark dark:bg-slate-700 dark:text-light\";\nconst solidStyles = `solid border-none`;\n\nconst statuses = {\n info: \"border-info outline-info\",\n success: \"border-success outline-success\",\n warning: \"border-warning outline-warning\",\n error: \"border-error outline-error\",\n dark: \"border-slate-600 outline-slate-600\",\n light: \"border-white outline-white\",\n};\n\nconst solidStatuses = {\n info: \"bg-info-light text-dark\",\n success: \"bg-success-light text-dark\",\n warning: \"bg-warning-light text-dark\",\n error: \"bg-error-light text-dark\",\n dark: \"bg-slate-700 text-light\",\n light: \"bg-slate-50 text-dark\",\n};\n\nconst layouts = {\n default: defaultStyles,\n outline: outlineStyles,\n solid: solidStyles,\n};\n\nconst roundeds = {\n none: \"rounded-0\",\n md: \"rounded\",\n lg: \"rounded-lg\",\n};\n\nconst Alert = ({\n className = \"\",\n style,\n status = \"info\",\n layout = \"default\",\n title,\n message,\n dismissable = false,\n onClick,\n badge,\n badgeBackground = \"dark\",\n badgeColor = \"light\",\n rounded = \"none\",\n}: AlertProps) => {\n const layoutClasses = useMemo(() => layouts[layout], [layout]);\n const roundedClasses = useMemo(() => roundeds[rounded], [rounded]);\n const statusClasses = useMemo(\n () => (layout === \"solid\" ? `${solidStatuses[status]}` : `${statuses[status]}`),\n [layout, status]\n );\n\n return (\n <blockquote\n className={twMerge(\n `alert group relative px-2 md:px-3 lg:px-4 py-1 ${statusClasses} ${layoutClasses} ${roundedClasses}`,\n className\n )}\n style={style}\n data-testid=\"alert\"\n role=\"alert\"\n >\n {title && (\n <Heading level={5} className={`mt-2 mb-0 uppercase font-bold opacity-85 relative`}>\n {badge && (\n <Badge\n badgeBackground={badgeBackground}\n badgeColor={badgeColor}\n size=\"md\"\n layout=\"circle\"\n position=\"left\"\n className=\"top-0 start-0 relative mr-2\"\n >\n {badge}\n </Badge>\n )}\n {title}\n </Heading>\n )}\n {typeof message === \"string\" ? (\n <div\n className=\"text-base md:text-lg lg:text-xl mb-[1em] mt-[1em]\"\n dangerouslySetInnerHTML={{ __html: message }}\n ></div>\n ) : (\n <div className=\"text-base md:text-lg lg:text-xl mb-[1em] mt-[1em]\">{message}</div>\n )}\n\n {dismissable && (\n <CloseButton size=\"md\" onClick={onClick} className=\"absolute right-2 top-2\" />\n )}\n </blockquote>\n );\n};\n\nexport default Alert;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA","sourcesContent":["export { default as Alert } from './Alert'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/alert/types/index.ts"],"names":[],"mappings":"","sourcesContent":["interface BadgeProps {\n badge?: React.ReactNode;\n badgeBackground?: \"dark\" | \"light\" | \"info\" | \"success\" | \"warning\" | \"danger\" | \"transparent\";\n badgeColor?: \"dark\" | \"light\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n}\n\nexport interface AlertProps extends BadgeProps {\n className?: string;\n style?: React.CSSProperties;\n title?: string;\n status?: \"info\" | \"success\" | \"warning\" | \"error\" | \"dark\" | \"light\";\n message: React.ReactNode;\n layout?: \"default\" | \"solid\" | \"outline\";\n onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n dismissable?: boolean;\n rounded?: \"none\" | \"md\" | \"lg\";\n}\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { twMerge } from 'tailwind-merge';
|
|
3
|
+
import { Input, Label } from '..';
|
|
4
|
+
var Autocomplete = function (_a) {
|
|
5
|
+
var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, data = _a.data, list = _a.list, required = _a.required, name = _a.name, _d = _a.placeholder, placeholder = _d === void 0 ? 'Please Select' : _d, onChange = _a.onChange, autocomplete = _a.autocomplete, label = _a.label, _e = _a.layout, layout = _e === void 0 ? 'row' : _e, rounded = _a.rounded, _f = _a.suppressHydrationWarning, suppressHydrationWarning = _f === void 0 ? false : _f;
|
|
6
|
+
return (_jsxs(Label, { label: label, layout: layout, required: required, size: size, children: [_jsx(Input, { list: list, placeholder: placeholder, required: required, name: name || list, onChange: onChange, className: twMerge("autocomplete group [&::-webkit-calendar-picker-indicator]:opacity-0", className), size: size, autocomplete: autocomplete, "data-testid": name || list, rounded: rounded, suppressHydrationWarning: suppressHydrationWarning }), _jsx("datalist", { className: 'datalist bg-light text-dark dark:bg-dark dark:text-light dark:[color-scheme:dark]', id: list, "data-testid": 'datalist', children: data.map(function (el, index) { return (_jsx("option", { value: el }, index)); }) })] }));
|
|
7
|
+
};
|
|
8
|
+
export default Autocomplete;
|
|
9
|
+
//# sourceMappingURL=Autocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/ui/autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAIxC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAAI,CAAA;AAEjC,IAAM,YAAY,GAAG,UAAC,EAcF;QAbnB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,mBAA6B,EAA7B,WAAW,mBAAG,eAAe,KAAA,EAC7B,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,OAAO,aAAA,EACP,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAA;IAEhC,OAAO,CACN,MAAC,KAAK,IACL,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,aAEV,KAAC,KAAK,IACL,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,IAAI,IAAI,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,CACjB,qEAAqE,EACrE,SAAS,CACT,EACD,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,iBACb,IAAI,IAAI,IAAI,EACzB,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,wBAAwB,GACjD,EAEF,mBACC,SAAS,EAAC,mFAAmF,EAC7F,EAAE,EAAE,IAAI,iBACI,UAAU,YAErB,IAAI,CAAC,GAAG,CAAC,UAAC,EAAE,EAAE,KAAK,IAAK,OAAA,CACxB,iBAEC,KAAK,EAAE,EAAE,IADJ,KAAK,CAET,CACF,EALwB,CAKxB,CAAC,GACQ,IACJ,CACR,CAAA;AACF,CAAC,CAAA;AAED,eAAe,YAAY,CAAA","sourcesContent":["import React from 'react'\n\nimport { twMerge } from 'tailwind-merge'\n\nimport { AutocompleteProps } from './types'\n\nimport { Input, Label } from '..'\n\nconst Autocomplete = ({\n\tclassName = '',\n\tsize = 'md',\n\tdata,\n\tlist,\n\trequired,\n\tname,\n\tplaceholder = 'Please Select',\n\tonChange,\n\tautocomplete,\n\tlabel,\n\tlayout = 'row',\n\trounded,\n\tsuppressHydrationWarning = false,\n}: AutocompleteProps) => {\n\treturn (\n\t\t<Label\n\t\t\tlabel={label}\n\t\t\tlayout={layout}\n\t\t\trequired={required}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<Input\n\t\t\t\tlist={list}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\trequired={required}\n\t\t\t\tname={name || list}\n\t\t\t\tonChange={onChange}\n\t\t\t\tclassName={twMerge(\n\t\t\t\t\t`autocomplete group [&::-webkit-calendar-picker-indicator]:opacity-0`,\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\tsize={size}\n\t\t\t\tautocomplete={autocomplete}\n\t\t\t\tdata-testid={name || list}\n\t\t\t\trounded={rounded}\n\t\t\t\tsuppressHydrationWarning={suppressHydrationWarning}\n\t\t\t/>\n\n\t\t\t<datalist\n\t\t\t\tclassName='datalist bg-light text-dark dark:bg-dark dark:text-light dark:[color-scheme:dark]'\n\t\t\t\tid={list}\n\t\t\t\tdata-testid='datalist'\n\t\t\t>\n\t\t\t\t{data.map((el, index) => (\n\t\t\t\t\t<option\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tvalue={el}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</datalist>\n\t\t</Label>\n\t)\n}\n\nexport default Autocomplete\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA","sourcesContent":["export { default as Autocomplete } from './Autocomplete'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/autocomplete/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface AutocompleteProps {\n\tclassName?: string\n\tstyle?: React.CSSProperties\n\tsize?: 'sm' | 'md' | 'lg' | 'xl'\n\tdata: any[]\n\tlist: string\n\tname?: string\n\trequired?: boolean\n\tplaceholder?: string\n\tonChange?: React.ChangeEventHandler<HTMLInputElement>\n\tautocomplete?: 'on' | 'off' | string\n\tlabel: string\n\tlayout?: 'col' | 'row'\n\trounded?: 'none' | 'md' | 'lg' | 'full'\n\tsuppressHydrationWarning?: boolean\n}\n"]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
var backgrounds = {
|
|
5
|
+
info: "bg-info",
|
|
6
|
+
success: "bg-success",
|
|
7
|
+
warning: "bg-warning",
|
|
8
|
+
danger: "bg-danger",
|
|
9
|
+
primary: "bg-primary",
|
|
10
|
+
secondary: "bg-secondary",
|
|
11
|
+
dark: "bg-slate-700",
|
|
12
|
+
light: "bg-white",
|
|
13
|
+
accent: "bg-accent",
|
|
14
|
+
neutral: "bg-neutral",
|
|
15
|
+
transparent: "bg-transparent",
|
|
16
|
+
};
|
|
17
|
+
var colors = {
|
|
18
|
+
info: "!text-info",
|
|
19
|
+
success: "text-success",
|
|
20
|
+
warning: "text-warning",
|
|
21
|
+
danger: "!text-danger",
|
|
22
|
+
primary: "text-primary",
|
|
23
|
+
secondary: "text-secondary",
|
|
24
|
+
dark: "text-dark",
|
|
25
|
+
light: "text-light",
|
|
26
|
+
accent: "text-accent",
|
|
27
|
+
current: "text-current",
|
|
28
|
+
neutral: "text-neutral",
|
|
29
|
+
};
|
|
30
|
+
var layouts = {
|
|
31
|
+
square: "aspect-square p-[.15em] leading-3",
|
|
32
|
+
circle: "rounded-full aspect-square p-[.175em] leading-3",
|
|
33
|
+
rounded: "rounded-md px-[.25em] py-[.1em] leading-5",
|
|
34
|
+
pill: "rounded-full px-[.25em] py-[.1em] leading-5",
|
|
35
|
+
};
|
|
36
|
+
var sizes = {
|
|
37
|
+
sm: "text-sm",
|
|
38
|
+
md: "text-base",
|
|
39
|
+
lg: "text-lg",
|
|
40
|
+
inherit: "text-[60%]",
|
|
41
|
+
};
|
|
42
|
+
var positions = {
|
|
43
|
+
inline: "relative -top-3",
|
|
44
|
+
right: "absolute end-0 top-0",
|
|
45
|
+
left: "absolute -start-6",
|
|
46
|
+
};
|
|
47
|
+
var Badge = function (_a) {
|
|
48
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, style = _a.style, _c = _a.layout, layout = _c === void 0 ? "circle" : _c, _d = _a.badgeBackground, badgeBackground = _d === void 0 ? "info" : _d, _e = _a.badgeColor, badgeColor = _e === void 0 ? "dark" : _e, _f = _a.position, position = _f === void 0 ? "inline" : _f, children = _a.children, _g = _a.size, size = _g === void 0 ? "inherit" : _g;
|
|
49
|
+
var layoutClasses = useMemo(function () { return layouts[layout]; }, [layout]);
|
|
50
|
+
var backgroundClasses = useMemo(function () { return backgrounds[badgeBackground]; }, [badgeBackground]);
|
|
51
|
+
var colorClasses = useMemo(function () { return colors[badgeColor]; }, [badgeColor]);
|
|
52
|
+
var positionClasses = useMemo(function () { return positions[position]; }, [position]);
|
|
53
|
+
var sizeClasses = useMemo(function () { return sizes[size]; }, [size]);
|
|
54
|
+
return (_jsx("small", { className: twMerge("badge group inline-block leading-none min-w-[1em] ".concat(sizeClasses, " ").concat(layoutClasses, " ").concat(backgroundClasses, " ").concat(colorClasses, " ").concat(positionClasses), className), style: style, "data-testid": "badge", children: _jsx("span", { className: "flex items-center gap-1", children: children }) }));
|
|
55
|
+
};
|
|
56
|
+
export default Badge;
|
|
57
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/ui/badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAIzC,IAAM,WAAW,GAAG;IAClB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,gBAAgB;CAC9B,CAAC;AAEF,IAAM,MAAM,GAAG;IACb,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF,IAAM,OAAO,GAAG;IACd,MAAM,EAAE,mCAAmC;IAC3C,MAAM,EAAE,iDAAiD;IACzD,OAAO,EAAE,2CAA2C;IACpD,IAAI,EAAE,6CAA6C;CACpD,CAAC;AAEF,IAAM,KAAK,GAAG;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;IACb,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,IAAM,SAAS,GAAG;IAChB,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,EASF;QARX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,uBAAwB,EAAxB,eAAe,mBAAG,MAAM,KAAA,EACxB,kBAAmB,EAAnB,UAAU,mBAAG,MAAM,KAAA,EACnB,gBAAmB,EAAnB,QAAQ,mBAAG,QAAQ,KAAA,EACnB,QAAQ,cAAA,EACR,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAEhB,IAAM,aAAa,GAAG,OAAO,CAAC,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,EAAf,CAAe,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/D,IAAM,iBAAiB,GAAG,OAAO,CAAC,cAAM,OAAA,WAAW,CAAC,eAAe,CAAC,EAA5B,CAA4B,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACzF,IAAM,YAAY,GAAG,OAAO,CAAC,cAAM,OAAA,MAAM,CAAC,UAAU,CAAC,EAAlB,CAAkB,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACrE,IAAM,eAAe,GAAG,OAAO,CAAC,cAAM,OAAA,SAAS,CAAC,QAAQ,CAAC,EAAnB,CAAmB,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvE,IAAM,WAAW,GAAG,OAAO,CAAC,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,EAAX,CAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,gBACE,SAAS,EAAE,OAAO,CAChB,4DAAqD,WAAW,cAAI,aAAa,cAAI,iBAAiB,cAAI,YAAY,cAAI,eAAe,CAAE,EAC3I,SAAS,CACV,EACD,KAAK,EAAE,KAAK,iBACA,OAAO,YAEnB,eAAM,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAQ,GACrD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { BadgeProps } from \"./types\";\n\nconst backgrounds = {\n info: \"bg-info\",\n success: \"bg-success\",\n warning: \"bg-warning\",\n danger: \"bg-danger\",\n primary: \"bg-primary\",\n secondary: \"bg-secondary\",\n dark: \"bg-slate-700\",\n light: \"bg-white\",\n accent: \"bg-accent\",\n neutral: \"bg-neutral\",\n transparent: \"bg-transparent\",\n};\n\nconst colors = {\n info: \"!text-info\",\n success: \"text-success\",\n warning: \"text-warning\",\n danger: \"!text-danger\",\n primary: \"text-primary\",\n secondary: \"text-secondary\",\n dark: \"text-dark\",\n light: \"text-light\",\n accent: \"text-accent\",\n current: \"text-current\",\n neutral: \"text-neutral\",\n};\n\nconst layouts = {\n square: \"aspect-square p-[.15em] leading-3\",\n circle: \"rounded-full aspect-square p-[.175em] leading-3\",\n rounded: \"rounded-md px-[.25em] py-[.1em] leading-5\",\n pill: \"rounded-full px-[.25em] py-[.1em] leading-5\",\n};\n\nconst sizes = {\n sm: \"text-sm\",\n md: \"text-base\",\n lg: \"text-lg\",\n inherit: \"text-[60%]\",\n};\n\nconst positions = {\n inline: \"relative -top-3\",\n right: \"absolute end-0 top-0\",\n left: \"absolute -start-6\",\n};\n\nconst Badge = ({\n className = \"\",\n style,\n layout = \"circle\",\n badgeBackground = \"info\",\n badgeColor = \"dark\",\n position = \"inline\",\n children,\n size = \"inherit\",\n}: BadgeProps) => {\n const layoutClasses = useMemo(() => layouts[layout], [layout]);\n const backgroundClasses = useMemo(() => backgrounds[badgeBackground], [badgeBackground]);\n const colorClasses = useMemo(() => colors[badgeColor], [badgeColor]);\n const positionClasses = useMemo(() => positions[position], [position]);\n const sizeClasses = useMemo(() => sizes[size], [size]);\n\n return (\n <small\n className={twMerge(\n `badge group inline-block leading-none min-w-[1em] ${sizeClasses} ${layoutClasses} ${backgroundClasses} ${colorClasses} ${positionClasses}`,\n className\n )}\n style={style}\n data-testid=\"badge\"\n >\n <span className=\"flex items-center gap-1\">{children}</span>\n </small>\n );\n};\n\nexport default Badge;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA","sourcesContent":["export { default as Badge } from './Badge'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/badge/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface BadgeProps {\n\tclassName?: string\n\tstyle?: React.CSSProperties\n\tchildren: React.ReactNode\n\tlayout?: 'square' | 'circle' | 'rounded' | 'pill'\n\tposition?: 'inline' | 'left' | 'right'\n\tbadgeBackground?:\n\t\t| 'dark'\n\t\t| 'light'\n\t\t| 'info'\n\t\t| 'success'\n\t\t| 'warning'\n\t\t| 'danger'\n\t\t| 'primary'\n\t\t| 'secondary'\n\t\t| 'accent'\n\t\t| 'neutral'\n\t\t| 'transparent'\n\tbadgeColor?:\n\t\t| 'dark'\n\t\t| 'light'\n\t\t| 'info'\n\t\t| 'success'\n\t\t| 'warning'\n\t\t| 'danger'\n\t\t| 'primary'\n\t\t| 'secondary'\n\t\t| 'current'\n\t\t| 'accent'\n\t\t| 'neutral'\n\tsize?: 'sm' | 'md' | 'lg' | 'inherit'\n}\n"]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
var sizes = {
|
|
5
|
+
sm: "text-sm",
|
|
6
|
+
md: "text-base",
|
|
7
|
+
lg: "text-lg",
|
|
8
|
+
xl: "text-xl",
|
|
9
|
+
xxl: "text-2xl",
|
|
10
|
+
};
|
|
11
|
+
var footerAligns = {
|
|
12
|
+
left: "text-left",
|
|
13
|
+
right: "text-right",
|
|
14
|
+
};
|
|
15
|
+
var Blockquote = function (_a) {
|
|
16
|
+
var text = _a.text, author = _a.author, _b = _a.footerAlign, footerAlign = _b === void 0 ? "right" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, cite = _a.cite, _d = _a.className, className = _d === void 0 ? "" : _d, style = _a.style;
|
|
17
|
+
var sizeClasses = useMemo(function () { return sizes[size]; }, [size]);
|
|
18
|
+
var alignClasses = useMemo(function () { return footerAligns[footerAlign]; }, [footerAlign]);
|
|
19
|
+
return (_jsxs("blockquote", { className: twMerge("blockquote border-l-[.5em] border-gray-500 px-4 py-2 italic bg-gray-200 dark:bg-gray-800 text-gray-700 dark:text-gray-300 ".concat(sizeClasses), className), cite: cite, style: style, children: [_jsxs("p", { className: "blockquote-text mb-2", children: ["\u201C", text, "\u201D"] }), author && (_jsxs("footer", { className: "blockquote-footer text-[.8em] ".concat(alignClasses, " font-semibold text-gray-700 dark:text-gray-300"), children: ["\u2014 ", author] }))] }));
|
|
20
|
+
};
|
|
21
|
+
export default Blockquote;
|
|
22
|
+
//# sourceMappingURL=Blockquote.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Blockquote.js","sourceRoot":"","sources":["../../../src/ui/blockquote/Blockquote.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAIzC,IAAM,KAAK,GAAG;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,IAAM,YAAY,GAAG;IACnB,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,EAQF;QAPhB,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,mBAAqB,EAArB,WAAW,mBAAG,OAAO,KAAA,EACrB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,IAAI,UAAA,EACJ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA;IAEL,IAAM,WAAW,GAAG,OAAO,CAAC,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,EAAX,CAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACvD,IAAM,YAAY,GAAG,OAAO,CAAC,cAAM,OAAA,YAAY,CAAC,WAAW,CAAC,EAAzB,CAAyB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE7E,OAAO,CACL,sBACE,SAAS,EAAE,OAAO,CAChB,oIAA6H,WAAW,CAAE,EAC1I,SAAS,CACV,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,aAEZ,aAAG,SAAS,EAAC,sBAAsB,uBAAS,IAAI,cAAY,EAC3D,MAAM,IAAI,CACT,kBACE,SAAS,EAAE,wCAAiC,YAAY,oDAAiD,wBAEtG,MAAM,IACF,CACV,IACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { BlockquoteProps } from \"./types\";\n\nconst sizes = {\n sm: \"text-sm\",\n md: \"text-base\",\n lg: \"text-lg\",\n xl: \"text-xl\",\n xxl: \"text-2xl\",\n};\n\nconst footerAligns = {\n left: \"text-left\",\n right: \"text-right\",\n};\n\nconst Blockquote = ({\n text,\n author,\n footerAlign = \"right\",\n size = \"md\",\n cite,\n className = \"\",\n style,\n}: BlockquoteProps) => {\n const sizeClasses = useMemo(() => sizes[size], [size]);\n const alignClasses = useMemo(() => footerAligns[footerAlign], [footerAlign]);\n\n return (\n <blockquote\n className={twMerge(\n `blockquote border-l-[.5em] border-gray-500 px-4 py-2 italic bg-gray-200 dark:bg-gray-800 text-gray-700 dark:text-gray-300 ${sizeClasses}`,\n className\n )}\n cite={cite}\n style={style}\n >\n <p className=\"blockquote-text mb-2\">“{text}”</p>\n {author && (\n <footer\n className={`blockquote-footer text-[.8em] ${alignClasses} font-semibold text-gray-700 dark:text-gray-300`}\n >\n — {author}\n </footer>\n )}\n </blockquote>\n );\n};\n\nexport default Blockquote;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/blockquote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA","sourcesContent":["export { default as Blockquote } from './Blockquote'"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/blockquote/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface BlockquoteProps {\n text: string;\n author?: string;\n footerAlign?: \"left\" | \"right\";\n cite?: string;\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n className?: string;\n style?: React.CSSProperties;\n}\n"]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useMemo } from "react";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import Link from "next/link";
|
|
6
|
+
import { usePathname } from "next/navigation";
|
|
7
|
+
var sizes = {
|
|
8
|
+
sm: "text-sm",
|
|
9
|
+
md: "text-base",
|
|
10
|
+
lg: "text-lg",
|
|
11
|
+
};
|
|
12
|
+
var separators = {
|
|
13
|
+
slash: 'before:content-["/"]',
|
|
14
|
+
arrow: 'before:content-[">"]',
|
|
15
|
+
pipe: 'before:content-["|"]',
|
|
16
|
+
dot: 'before:content-["•"]',
|
|
17
|
+
};
|
|
18
|
+
var Breadcrumbs = function (_a) {
|
|
19
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, style = _a.style, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.homeLabel, homeLabel = _d === void 0 ? "Home" : _d, _e = _a.separator, separator = _e === void 0 ? "slash" : _e, activeLabel = _a.activeLabel, _f = _a.prefetch, prefetch = _f === void 0 ? true : _f;
|
|
20
|
+
var sizeClasses = useMemo(function () { return sizes[size]; }, [size]);
|
|
21
|
+
var separartorContent = useMemo(function () { return separators[separator]; }, [separator]);
|
|
22
|
+
var pathname = usePathname();
|
|
23
|
+
var paths = [];
|
|
24
|
+
if (pathname)
|
|
25
|
+
paths = pathname.split("/");
|
|
26
|
+
var buildHref = function (path) {
|
|
27
|
+
for (var i = 0; i < paths.length; i++) {
|
|
28
|
+
if (i === paths.length - 1)
|
|
29
|
+
break;
|
|
30
|
+
if (paths[1] === path) {
|
|
31
|
+
return "/" + path;
|
|
32
|
+
}
|
|
33
|
+
else if (paths[2] === path) {
|
|
34
|
+
return "/" + paths[1] + "/" + path;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
return "";
|
|
38
|
+
};
|
|
39
|
+
var displayPath = function (path) {
|
|
40
|
+
return path.replaceAll("_", " ");
|
|
41
|
+
};
|
|
42
|
+
if (paths && paths.length === 2 && paths[paths.length - 1] === "")
|
|
43
|
+
paths.length = paths.length - 1;
|
|
44
|
+
return pathname === "/" ? (_jsx("nav", {})) : (_jsx("nav", { className: twMerge("breadcrumbs group mx-auto w-full text-dark dark:text-light ".concat(sizeClasses), className), style: style, "aria-label": "breadcrumb", "data-testid": "breadcrumbs", children: _jsx("ol", { className: "flex flex-col md:flex-row", children: paths.map(function (path, index) { return (_jsx("li", { className: "breadcrumb ps-4 capitalize first:ps-0 before:inline-block ".concat(separartorContent, " rtl:before:scale-x-[-1] first:before:content-none before:pe-3 rtl:before:pe-0 rtl:before:ps-3 ").concat(index === paths.length - 1 ? "active" : ""), "aria-current": index === paths.length - 1 ? "page" : false, children: index === 0 ? (paths.length === 1 ? ("".concat(homeLabel)) : (_jsx(Link, { href: "/", children: homeLabel }))) : index === paths.length - 1 ? (displayPath(activeLabel || path)) : (_jsx(Link, { href: buildHref(path), prefetch: prefetch, children: displayPath(path) })) }, index)); }) }) }));
|
|
45
|
+
};
|
|
46
|
+
export default Breadcrumbs;
|
|
47
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/ui/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C,IAAM,KAAK,GAAG;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,IAAM,UAAU,GAAG;IACjB,KAAK,EAAE,sBAAsB;IAC7B,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,sBAAsB;IAC5B,GAAG,EAAE,sBAAsB;CAC5B,CAAC;AAEF,IAAM,WAAW,GAAG,UAAC,EAQF;QAPjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,iBAAmB,EAAnB,SAAS,mBAAG,OAAO,KAAA,EACnB,WAAW,iBAAA,EACX,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA;IAEf,IAAM,WAAW,GAAG,OAAO,CAAC,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,EAAX,CAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACvD,IAAM,iBAAiB,GAAG,OAAO,CAAC,cAAM,OAAA,UAAU,CAAC,SAAS,CAAC,EAArB,CAAqB,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE5E,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAI,KAAK,GAAa,EAAE,CAAC;IACzB,IAAI,QAAQ;QAAE,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE1C,IAAM,SAAS,GAAG,UAAC,IAAY;QAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACtC,IAAI,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;gBAAE,MAAM;YAElC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;gBACtB,OAAO,GAAG,GAAG,IAAI,CAAC;YACpB,CAAC;iBAAM,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;gBAC7B,OAAO,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;YACrC,CAAC;QACH,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,IAAY;QAC/B,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE;QAC/D,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAElC,OAAO,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,CACxB,eAAW,CACZ,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAE,OAAO,CAChB,qEAA8D,WAAW,CAAE,EAC3E,SAAS,CACV,EACD,KAAK,EAAE,KAAK,gBACD,YAAY,iBACX,aAAa,YAEzB,aAAI,SAAS,EAAC,2BAA2B,YACtC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC1B,aAEE,SAAS,EAAE,oEAA6D,iBAAiB,8GACvF,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAC1C,kBACY,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,YAExD,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACb,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,UAAG,SAAS,CAAE,CACf,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,YAAE,SAAS,GAAQ,CAClC,CACF,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC/B,WAAW,CAAC,WAAW,IAAI,IAAI,CAAC,CACjC,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,YAC5C,WAAW,CAAC,IAAI,CAAC,GACb,CACR,IAlBI,KAAK,CAmBP,CACN,EAtB2B,CAsB3B,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["\"use client\";\n\nimport React, { useMemo } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport Link from \"next/link\";\nimport { usePathname } from \"next/navigation\";\n\nimport { BreadcrumbsProps } from \"./types\";\n\nconst sizes = {\n sm: \"text-sm\",\n md: \"text-base\",\n lg: \"text-lg\",\n};\n\nconst separators = {\n slash: 'before:content-[\"/\"]',\n arrow: 'before:content-[\">\"]',\n pipe: 'before:content-[\"|\"]',\n dot: 'before:content-[\"•\"]',\n};\n\nconst Breadcrumbs = ({\n className = \"\",\n style,\n size = \"md\",\n homeLabel = \"Home\",\n separator = \"slash\",\n activeLabel,\n prefetch = true,\n}: BreadcrumbsProps) => {\n const sizeClasses = useMemo(() => sizes[size], [size]);\n const separartorContent = useMemo(() => separators[separator], [separator]);\n\n const pathname = usePathname();\n let paths: string[] = [];\n if (pathname) paths = pathname.split(\"/\");\n\n const buildHref = (path: string) => {\n for (let i = 0; i < paths.length; i++) {\n if (i === paths.length - 1) break;\n\n if (paths[1] === path) {\n return \"/\" + path;\n } else if (paths[2] === path) {\n return \"/\" + paths[1] + \"/\" + path;\n }\n }\n return \"\";\n };\n\n const displayPath = (path: string) => {\n return path.replaceAll(\"_\", \" \");\n };\n\n if (paths && paths.length === 2 && paths[paths.length - 1] === \"\")\n paths.length = paths.length - 1;\n\n return pathname === \"/\" ? (\n <nav></nav>\n ) : (\n <nav\n className={twMerge(\n `breadcrumbs group mx-auto w-full text-dark dark:text-light ${sizeClasses}`,\n className\n )}\n style={style}\n aria-label=\"breadcrumb\"\n data-testid=\"breadcrumbs\"\n >\n <ol className=\"flex flex-col md:flex-row\">\n {paths.map((path, index) => (\n <li\n key={index}\n className={`breadcrumb ps-4 capitalize first:ps-0 before:inline-block ${separartorContent} rtl:before:scale-x-[-1] first:before:content-none before:pe-3 rtl:before:pe-0 rtl:before:ps-3 ${\n index === paths.length - 1 ? \"active\" : \"\"\n }`}\n aria-current={index === paths.length - 1 ? \"page\" : false}\n >\n {index === 0 ? (\n paths.length === 1 ? (\n `${homeLabel}`\n ) : (\n <Link href=\"/\">{homeLabel}</Link>\n )\n ) : index === paths.length - 1 ? (\n displayPath(activeLabel || path)\n ) : (\n <Link href={buildHref(path)} prefetch={prefetch}>\n {displayPath(path)}\n </Link>\n )}\n </li>\n ))}\n </ol>\n </nav>\n );\n};\n\nexport default Breadcrumbs;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA","sourcesContent":["export { default as Breadcrumbs } from './Breadcrumbs'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/breadcrumbs/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface BreadcrumbsProps {\n className?: string;\n style?: React.CSSProperties;\n size?: \"sm\" | \"md\" | \"lg\";\n homeLabel?: string;\n activeLabel?: string;\n separator?: \"slash\" | \"arrow\" | \"pipe\" | \"dot\";\n prefetch?: boolean;\n}\n"]}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { twMerge } from 'tailwind-merge';
|
|
5
|
+
var stateStyles = 'disabled:grayscale disabled:opacity-50';
|
|
6
|
+
var sizes = {
|
|
7
|
+
sm: 'text-[.8em] border-[.15em]',
|
|
8
|
+
md: 'text-[1em] border-[.15em]',
|
|
9
|
+
lg: 'text-[1.5em] border-[.15em]',
|
|
10
|
+
xl: 'text-[1.75em] border-[.15em]',
|
|
11
|
+
};
|
|
12
|
+
var layouts = {
|
|
13
|
+
default: '',
|
|
14
|
+
rounded: 'rounded-md',
|
|
15
|
+
pill: 'rounded-full',
|
|
16
|
+
square: 'aspect-square',
|
|
17
|
+
circle: 'aspect-square rounded-full',
|
|
18
|
+
};
|
|
19
|
+
var backgrounds = {
|
|
20
|
+
info: 'bg-info',
|
|
21
|
+
success: 'bg-success',
|
|
22
|
+
warning: 'bg-warning',
|
|
23
|
+
danger: 'bg-error',
|
|
24
|
+
primary: 'bg-primary',
|
|
25
|
+
secondary: 'bg-secondary',
|
|
26
|
+
accent: 'bg-accent',
|
|
27
|
+
dark: 'bg-dark',
|
|
28
|
+
light: 'bg-light',
|
|
29
|
+
transparent: 'bg-transparent',
|
|
30
|
+
neutral: 'bg-neutral',
|
|
31
|
+
};
|
|
32
|
+
var colors = {
|
|
33
|
+
info: 'text-info',
|
|
34
|
+
success: 'text-success',
|
|
35
|
+
warning: 'text-warning',
|
|
36
|
+
danger: 'text-error',
|
|
37
|
+
primary: 'text-primary',
|
|
38
|
+
secondary: 'text-secondary',
|
|
39
|
+
accent: 'text-accent',
|
|
40
|
+
dark: 'text-dark',
|
|
41
|
+
light: 'text-light',
|
|
42
|
+
current: 'text-current',
|
|
43
|
+
neutral: 'text-neutral',
|
|
44
|
+
};
|
|
45
|
+
var borderColors = {
|
|
46
|
+
info: 'border-info',
|
|
47
|
+
success: 'border-success',
|
|
48
|
+
warning: 'border-warning',
|
|
49
|
+
danger: 'border-error',
|
|
50
|
+
primary: 'border-primary',
|
|
51
|
+
secondary: 'border-secondary',
|
|
52
|
+
accent: 'border-accent',
|
|
53
|
+
dark: 'border-dark',
|
|
54
|
+
light: 'border-light',
|
|
55
|
+
current: 'border-current',
|
|
56
|
+
};
|
|
57
|
+
var shadows = {
|
|
58
|
+
sm: 'shadow-sm shadow-[2px_2px_2px_0_rgba(0,0,0,0.15)] rtl:shadow-[-2px_2px_2px_0_rgba(0,0,0,0.15)] dark:shadow-[2px_2px_2px_0_rgba(255,255,255,0.2)] rtl:dark:shadow-[-2px_2px_2px_0_rgba(255,255,255,0.2)]',
|
|
59
|
+
md: 'shadow-md shadow-[4px_4px_4px_0_rgba(0,0,0,0.15)] rtl:shadow-[-4px_4px_4px_0_rgba(0,0,0,0.15)] dark:shadow-[4px_4px_4px_0_rgba(255,255,255,0.2)] rtl:dark:shadow-[-4px_4px_4px_0_rgba(255,255,255,0.2)]',
|
|
60
|
+
lg: 'shadow-lg shadow-[6px_6px_6px_0_rgba(0,0,0,0.15)] rtl:shadow-[-6px_6px_10px_6px_rgba(0,0,0,0.15)] dark:shadow-[6px_6px_6px_0_rgba(255,255,255,0.2)] rtl:dark:shadow-[-6px_6px_6px_0_rgba(255,255,255,0.2)]',
|
|
61
|
+
xl: 'shadow-xl shadow-[8px_8px_8px_0_rgba(0,0,0,0.15)] rtl:shadow-[-8px_8px_8px_0_rgba(0,0,0,0.15)] dark:shadow-[8px_8px_8px_0_rgba(255,255,255,0.2)] rtl:dark:shadow-[-8px_8px_8px_0_rgba(255,255,255,0.2)]',
|
|
62
|
+
none: 'shadow-none',
|
|
63
|
+
};
|
|
64
|
+
var Button = forwardRef(function Button(props, ref) {
|
|
65
|
+
var _a = props.size, size = _a === void 0 ? 'md' : _a, _b = props.className, className = _b === void 0 ? '' : _b, style = props.style, _c = props.btnBackground, btnBackground = _c === void 0 ? 'primary' : _c, _d = props.btnColor, btnColor = _d === void 0 ? 'light' : _d, _e = props.layout, layout = _e === void 0 ? 'default' : _e, _f = props.outline, outline = _f === void 0 ? false : _f, _g = props.outlineColor, outlineColor = _g === void 0 ? 'current' : _g, _h = props.shadow, shadow = _h === void 0 ? 'none' : _h, _j = props.type, type = _j === void 0 ? 'button' : _j, title = props.title, id = props.id, disabled = props.disabled, onClick = props.onClick, onBlur = props.onBlur, tabindex = props.tabindex, _k = props.role, role = _k === void 0 ? 'button' : _k, _l = props.textcase, textcase = _l === void 0 ? 'capitalize' : _l, _m = props.isBold, isBold = _m === void 0 ? false : _m, _o = props.hoverScale, hoverScale = _o === void 0 ? false : _o, _p = props.suppressHydrationWarning, suppressHydrationWarning = _p === void 0 ? false : _p, children = props.children;
|
|
66
|
+
var sizeClasses = useMemo(function () { return sizes[size]; }, [size]);
|
|
67
|
+
var backgroundClasses = useMemo(function () { return backgrounds[btnBackground]; }, [btnBackground]);
|
|
68
|
+
var colorClasses = useMemo(function () { return colors[btnColor]; }, [btnColor]);
|
|
69
|
+
var layoutClasses = useMemo(function () { return layouts[layout]; }, [layout]);
|
|
70
|
+
var shadowClasses = useMemo(function () { return shadows[shadow]; }, [shadow]);
|
|
71
|
+
var outlineStyles = useMemo(function () { return "border-solid ".concat(borderColors[outlineColor]); }, [outlineColor]);
|
|
72
|
+
var outlineClasses = useMemo(function () { return (outline ? outlineStyles : 'border-none'); }, [outline, outlineStyles]);
|
|
73
|
+
return (_jsx("button", { className: twMerge("button group flex gap-2 items-center justify-center group-[.flex-col]:justify-start scale-100 focus:text-accent ".concat(sizeClasses, " p-[.5em] ").concat(textcase, " ").concat(backgroundClasses, " ").concat(colorClasses, " ").concat(layoutClasses, " ").concat(outlineClasses, " ").concat(shadowClasses, " ").concat(stateStyles, " ").concat(isBold ? 'font-semibold' : 'font-normal', " ").concat(hoverScale ? 'hover:scale-105 disabled:hover:scale-100' : ''), className), style: style, "data-testid": 'button', type: type, title: title, id: id, disabled: disabled, tabIndex: tabindex, onClick: onClick, onBlur: onBlur, ref: ref, role: role, suppressHydrationWarning: suppressHydrationWarning, children: children }));
|
|
74
|
+
});
|
|
75
|
+
export default Button;
|
|
76
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui/button/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react'\nimport { forwardRef } from 'react'\n\nimport { twMerge } from 'tailwind-merge'\n\nimport { ButtonProps } from './types'\n\nexport type ButtonRef = HTMLButtonElement\n\nconst stateStyles = 'disabled:grayscale disabled:opacity-50'\n\nconst sizes = {\n\tsm: 'text-[.8em] border-[.15em]',\n\tmd: 'text-[1em] border-[.15em]',\n\tlg: 'text-[1.5em] border-[.15em]',\n\txl: 'text-[1.75em] border-[.15em]',\n}\n\nconst layouts = {\n\tdefault: '',\n\trounded: 'rounded-md',\n\tpill: 'rounded-full',\n\tsquare: 'aspect-square',\n\tcircle: 'aspect-square rounded-full',\n}\n\nconst backgrounds = {\n\tinfo: 'bg-info',\n\tsuccess: 'bg-success',\n\twarning: 'bg-warning',\n\tdanger: 'bg-error',\n\tprimary: 'bg-primary',\n\tsecondary: 'bg-secondary',\n\taccent: 'bg-accent',\n\tdark: 'bg-dark',\n\tlight: 'bg-light',\n\ttransparent: 'bg-transparent',\n\tneutral: 'bg-neutral',\n}\n\nconst colors = {\n\tinfo: 'text-info',\n\tsuccess: 'text-success',\n\twarning: 'text-warning',\n\tdanger: 'text-error',\n\tprimary: 'text-primary',\n\tsecondary: 'text-secondary',\n\taccent: 'text-accent',\n\tdark: 'text-dark',\n\tlight: 'text-light',\n\tcurrent: 'text-current',\n\tneutral: 'text-neutral',\n}\n\nconst borderColors = {\n\tinfo: 'border-info',\n\tsuccess: 'border-success',\n\twarning: 'border-warning',\n\tdanger: 'border-error',\n\tprimary: 'border-primary',\n\tsecondary: 'border-secondary',\n\taccent: 'border-accent',\n\tdark: 'border-dark',\n\tlight: 'border-light',\n\tcurrent: 'border-current',\n}\n\nconst shadows = {\n\tsm: 'shadow-sm shadow-[2px_2px_2px_0_rgba(0,0,0,0.15)] rtl:shadow-[-2px_2px_2px_0_rgba(0,0,0,0.15)] dark:shadow-[2px_2px_2px_0_rgba(255,255,255,0.2)] rtl:dark:shadow-[-2px_2px_2px_0_rgba(255,255,255,0.2)]',\n\tmd: 'shadow-md shadow-[4px_4px_4px_0_rgba(0,0,0,0.15)] rtl:shadow-[-4px_4px_4px_0_rgba(0,0,0,0.15)] dark:shadow-[4px_4px_4px_0_rgba(255,255,255,0.2)] rtl:dark:shadow-[-4px_4px_4px_0_rgba(255,255,255,0.2)]',\n\tlg: 'shadow-lg shadow-[6px_6px_6px_0_rgba(0,0,0,0.15)] rtl:shadow-[-6px_6px_10px_6px_rgba(0,0,0,0.15)] dark:shadow-[6px_6px_6px_0_rgba(255,255,255,0.2)] rtl:dark:shadow-[-6px_6px_6px_0_rgba(255,255,255,0.2)]',\n\txl: 'shadow-xl shadow-[8px_8px_8px_0_rgba(0,0,0,0.15)] rtl:shadow-[-8px_8px_8px_0_rgba(0,0,0,0.15)] dark:shadow-[8px_8px_8px_0_rgba(255,255,255,0.2)] rtl:dark:shadow-[-8px_8px_8px_0_rgba(255,255,255,0.2)]',\n\tnone: 'shadow-none',\n}\n\nconst Button = forwardRef<ButtonRef, ButtonProps>(function Button(props, ref) {\n\tconst {\n\t\tsize = 'md',\n\t\tclassName = '',\n\t\tstyle,\n\t\tbtnBackground = 'primary',\n\t\tbtnColor = 'light',\n\t\tlayout = 'default',\n\t\toutline = false,\n\t\toutlineColor = 'current',\n\t\tshadow = 'none',\n\t\ttype = 'button',\n\t\ttitle,\n\t\tid,\n\t\tdisabled,\n\t\tonClick,\n\t\tonBlur,\n\t\ttabindex,\n\t\trole = 'button',\n\t\ttextcase = 'capitalize',\n\t\tisBold = false,\n\t\thoverScale = false,\n\t\tsuppressHydrationWarning = false,\n\t\tchildren,\n\t} = props\n\tconst sizeClasses = useMemo(() => sizes[size], [size])\n\tconst backgroundClasses = useMemo(() => backgrounds[btnBackground], [btnBackground])\n\tconst colorClasses = useMemo(() => colors[btnColor], [btnColor])\n\tconst layoutClasses = useMemo(() => layouts[layout], [layout])\n\tconst shadowClasses = useMemo(() => shadows[shadow], [shadow])\n\tconst outlineStyles = useMemo(\n\t\t() => `border-solid ${borderColors[outlineColor]}`,\n\t\t[outlineColor]\n\t)\n\tconst outlineClasses = useMemo(\n\t\t() => (outline ? outlineStyles : 'border-none'),\n\t\t[outline, outlineStyles]\n\t)\n\n\treturn (\n\t\t<button\n\t\t\tclassName={twMerge(\n\t\t\t\t`button group flex gap-2 items-center justify-center group-[.flex-col]:justify-start scale-100 focus:text-accent ${sizeClasses} p-[.5em] ${textcase} ${backgroundClasses} ${colorClasses} ${layoutClasses} ${outlineClasses} ${shadowClasses} ${stateStyles} ${isBold ? 'font-semibold' : 'font-normal'} ${hoverScale ? 'hover:scale-105 disabled:hover:scale-100' : ''}`,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t\tdata-testid='button'\n\t\t\ttype={type}\n\t\t\ttitle={title}\n\t\t\tid={id}\n\t\t\tdisabled={disabled}\n\t\t\ttabIndex={tabindex}\n\t\t\tonClick={onClick}\n\t\t\tonBlur={onBlur}\n\t\t\tref={ref}\n\t\t\trole={role}\n\t\t\tsuppressHydrationWarning={suppressHydrationWarning}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t)\n})\n\nexport default Button\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAE5C,cAAc,YAAY,CAAA","sourcesContent":["export { default as Button } from './Button'\n//export { default as CloseButton } from './variants/CloseButton'\nexport * from './variants'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/button/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface ButtonProps {\n className?: string;\n style?: React.CSSProperties;\n children?: React.ReactNode;\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n btnBackground?:\n | \"dark\"\n | \"light\"\n | \"info\"\n | \"success\"\n | \"warning\"\n | \"danger\"\n | \"primary\"\n | \"secondary\"\n | \"transparent\";\n btnColor?:\n | \"dark\"\n | \"light\"\n | \"info\"\n | \"success\"\n | \"warning\"\n | \"danger\"\n | \"primary\"\n | \"secondary\"\n | \"current\";\n layout?: \"default\" | \"rounded\" | \"pill\" | \"square\" | \"circle\";\n outline?: boolean;\n outlineColor?:\n | \"dark\"\n | \"light\"\n | \"info\"\n | \"success\"\n | \"warning\"\n | \"danger\"\n | \"primary\"\n | \"secondary\"\n | \"current\"\n | \"accent\";\n id?: string;\n title?: string;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n onBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;\n type?: \"submit\" | \"reset\" | \"button\";\n disabled?: boolean;\n tabindex?: number;\n role?: string;\n textcase?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"normal-case\";\n isBold?: boolean;\n shadow?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n hoverScale?: boolean;\n suppressHydrationWarning?: boolean;\n}\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import Button from '../Button';
|
|
4
|
+
import { HiMiniXMark } from 'react-icons/hi2';
|
|
5
|
+
import { twMerge } from 'tailwind-merge';
|
|
6
|
+
var sizes = {
|
|
7
|
+
sm: 'w-',
|
|
8
|
+
md: 'w-6',
|
|
9
|
+
lg: 'w-8',
|
|
10
|
+
xl: 'w-12',
|
|
11
|
+
};
|
|
12
|
+
var CloseButton = function (_a) {
|
|
13
|
+
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, onClick = _a.onClick, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.layout, layout = _e === void 0 ? 'circle' : _e, _f = _a.title, title = _f === void 0 ? 'Close?' : _f, _g = _a.hoverScale, hoverScale = _g === void 0 ? true : _g;
|
|
14
|
+
var sizeClasses = useMemo(function () { return sizes[size]; }, [size]);
|
|
15
|
+
return (_jsxs(Button, { className: twMerge("closebtn fixed p-0 right-4 top-4 bg-dark text-light dark:bg-light dark:text-dark ".concat(sizeClasses), className), onClick: onClick, btnBackground: 'transparent', btnColor: 'current', layout: layout, size: size, title: title, disabled: disabled, hoverScale: hoverScale, id: 'close', children: [_jsx(HiMiniXMark, { className: "h-auto w-full" }), _jsx("span", { className: 'sr-only', children: "Close" })] }));
|
|
16
|
+
};
|
|
17
|
+
export default CloseButton;
|
|
18
|
+
//# sourceMappingURL=CloseButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CloseButton.js","sourceRoot":"","sources":["../../../../src/ui/button/variants/CloseButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,MAAM,MAAM,WAAW,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,IAAM,KAAK,GAAG;IACb,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;CACV,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,EAQF;QAPlB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA;IAEjB,IAAM,WAAW,GAAG,OAAO,CAAC,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,EAAX,CAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEtD,OAAO,CACN,MAAC,MAAM,IACN,SAAS,EAAE,OAAO,CACjB,2FAAoF,WAAW,CAAE,EACjG,SAAS,CACT,EACD,OAAO,EAAE,OAAO,EAChB,aAAa,EAAC,aAAa,EAC3B,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,EAAE,EAAC,OAAO,aAEV,KAAC,WAAW,IAAC,SAAS,EAAE,eAAe,GAAI,EAC3C,eAAM,SAAS,EAAC,SAAS,sBAAa,IAC9B,CACT,CAAA;AACF,CAAC,CAAA;AAED,eAAe,WAAW,CAAA","sourcesContent":["import React, { useMemo } from 'react'\nimport Button from '../Button'\nimport { CloseButtonProps } from './types'\nimport { HiMiniXMark } from 'react-icons/hi2'\nimport { twMerge } from 'tailwind-merge'\n\nconst sizes = {\n\tsm: 'w-',\n\tmd: 'w-6',\n\tlg: 'w-8',\n\txl: 'w-12',\n}\n\nconst CloseButton = ({\n\tsize = 'md',\n\tclassName = '',\n\tonClick,\n\tdisabled = false,\n\tlayout = 'circle',\n\ttitle = 'Close?',\n\thoverScale = true,\n}: CloseButtonProps) => {\n\tconst sizeClasses = useMemo(() => sizes[size], [size])\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={twMerge(\n\t\t\t\t`closebtn fixed p-0 right-4 top-4 bg-dark text-light dark:bg-light dark:text-dark ${sizeClasses}`,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClick={onClick}\n\t\t\tbtnBackground='transparent'\n\t\t\tbtnColor='current'\n\t\t\tlayout={layout}\n\t\t\tsize={size}\n\t\t\ttitle={title}\n\t\t\tdisabled={disabled}\n\t\t\thoverScale={hoverScale}\n\t\t\tid='close'\n\t\t>\n\t\t\t<HiMiniXMark className={`h-auto w-full`} />\n\t\t\t<span className='sr-only'>Close</span>\n\t\t</Button>\n\t)\n}\n\nexport default CloseButton\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/button/variants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA","sourcesContent":["export { default as CloseButton } from './CloseButton'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/button/variants/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface CloseButtonProps {\n className?: string;\n layout?: \"square\" | \"circle\";\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n disabled?: boolean;\n title?: string;\n hoverScale?: boolean;\n}\n"]}
|