@jbpark/ui-kit 2.9.1 → 2.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.ko.md +14 -13
- package/README.md +14 -13
- package/dist/Button.d.mts +1 -1
- package/dist/Button.d.mts.map +1 -1
- package/dist/Button.mjs +1 -1
- package/dist/Button.mjs.map +1 -1
- package/dist/Card.d.mts +1 -1
- package/dist/Card.d.mts.map +1 -1
- package/dist/Card.mjs +1 -1
- package/dist/Card.mjs.map +1 -1
- package/dist/Layout.d.mts +13 -44
- package/dist/Layout.d.mts.map +1 -1
- package/dist/Layout.mjs +7 -16
- package/dist/Layout.mjs.map +1 -1
- package/dist/Menu.d.mts +2 -62
- package/dist/Menu.mjs +2 -68
- package/dist/Reveals.d.mts +6 -38
- package/dist/Reveals.d.mts.map +1 -1
- package/dist/Reveals.mjs +4 -23
- package/dist/Reveals.mjs.map +1 -1
- package/dist/Space.d.mts +1 -1
- package/dist/Space.d.mts.map +1 -1
- package/dist/Space.mjs +2 -2
- package/dist/Space.mjs.map +1 -1
- package/dist/Tag.d.mts +2 -2
- package/dist/Tag.d.mts.map +1 -1
- package/dist/Tag.mjs +1 -1
- package/dist/Tag.mjs.map +1 -1
- package/dist/Typography.d.mts +13 -36
- package/dist/Typography.d.mts.map +1 -1
- package/dist/Typography.mjs +7 -12
- package/dist/Typography.mjs.map +1 -1
- package/dist/components/atoms/checkbox/checkbox.d.mts +32 -0
- package/dist/components/atoms/checkbox/checkbox.d.mts.map +1 -0
- package/dist/components/atoms/{Checkbox/index.mjs → checkbox/checkbox.mjs} +2 -4
- package/dist/components/atoms/checkbox/checkbox.mjs.map +1 -0
- package/dist/components/atoms/{Checkbox/Group/index.d.mts → checkbox/group.d.mts} +14 -4
- package/dist/components/atoms/checkbox/group.d.mts.map +1 -0
- package/dist/components/atoms/{Checkbox/Group/index.mjs → checkbox/group.mjs} +6 -4
- package/dist/components/atoms/checkbox/group.mjs.map +1 -0
- package/dist/components/atoms/checkbox/index.d.mts +11 -0
- package/dist/components/atoms/checkbox/index.d.mts.map +1 -0
- package/dist/components/atoms/checkbox/index.mjs +10 -0
- package/dist/components/atoms/checkbox/index.mjs.map +1 -0
- package/dist/components/atoms/{ColorPicker/index.d.mts → color-picker.d.mts} +2 -2
- package/dist/components/atoms/color-picker.d.mts.map +1 -0
- package/dist/components/atoms/{ColorPicker/index.mjs → color-picker.mjs} +4 -4
- package/dist/components/atoms/color-picker.mjs.map +1 -0
- package/dist/components/atoms/float-button/back-top.d.mts +18 -0
- package/dist/components/atoms/float-button/back-top.d.mts.map +1 -0
- package/dist/components/atoms/{FloatButton/BackTop/index.mjs → float-button/back-top.mjs} +6 -4
- package/dist/components/atoms/float-button/back-top.mjs.map +1 -0
- package/dist/components/atoms/float-button/float-button.d.mts +13 -0
- package/dist/components/atoms/float-button/float-button.d.mts.map +1 -0
- package/dist/components/atoms/{FloatButton/index.mjs → float-button/float-button.mjs} +2 -4
- package/dist/components/atoms/float-button/float-button.mjs.map +1 -0
- package/dist/components/atoms/float-button/index.d.mts +11 -0
- package/dist/components/atoms/float-button/index.d.mts.map +1 -0
- package/dist/components/atoms/float-button/index.mjs +10 -0
- package/dist/components/atoms/float-button/index.mjs.map +1 -0
- package/dist/components/atoms/index.d.mts +11 -11
- package/dist/components/atoms/index.mjs +11 -11
- package/dist/components/atoms/input/index.d.mts +13 -0
- package/dist/components/atoms/input/index.d.mts.map +1 -0
- package/dist/components/atoms/input/index.mjs +12 -0
- package/dist/components/atoms/input/index.mjs.map +1 -0
- package/dist/components/atoms/input/input.d.mts +9 -0
- package/dist/components/atoms/input/input.d.mts.map +1 -0
- package/dist/components/atoms/{Input/index.mjs → input/input.mjs} +2 -6
- package/dist/components/atoms/input/input.mjs.map +1 -0
- package/dist/components/atoms/input/search.d.mts +28 -0
- package/dist/components/atoms/input/search.d.mts.map +1 -0
- package/dist/components/atoms/{Input/Search/index.mjs → input/search.mjs} +6 -6
- package/dist/components/atoms/input/search.mjs.map +1 -0
- package/dist/components/atoms/input/text-area.d.mts +11 -0
- package/dist/components/atoms/input/text-area.d.mts.map +1 -0
- package/dist/components/atoms/{Input/TextArea/index.mjs → input/text-area.mjs} +5 -5
- package/dist/components/atoms/input/text-area.mjs.map +1 -0
- package/dist/components/atoms/{Popover/index.d.mts → popover.d.mts} +2 -2
- package/dist/components/atoms/popover.d.mts.map +1 -0
- package/dist/components/atoms/{Popover/index.mjs → popover.mjs} +6 -6
- package/dist/components/atoms/popover.mjs.map +1 -0
- package/dist/components/atoms/{Progress/index.d.mts → progress.d.mts} +2 -2
- package/dist/components/atoms/progress.d.mts.map +1 -0
- package/dist/components/atoms/{Progress/index.mjs → progress.mjs} +5 -5
- package/dist/components/atoms/progress.mjs.map +1 -0
- package/dist/components/atoms/{Radio/Group/index.d.mts → radio/group.d.mts} +18 -4
- package/dist/components/atoms/radio/group.d.mts.map +1 -0
- package/dist/components/atoms/{Radio/Group/index.mjs → radio/group.mjs} +7 -5
- package/dist/components/atoms/radio/group.mjs.map +1 -0
- package/dist/components/atoms/radio/index.d.mts +11 -0
- package/dist/components/atoms/radio/index.d.mts.map +1 -0
- package/dist/components/atoms/radio/index.mjs +10 -0
- package/dist/components/atoms/radio/index.mjs.map +1 -0
- package/dist/components/atoms/radio/radio.d.mts +34 -0
- package/dist/components/atoms/radio/radio.d.mts.map +1 -0
- package/dist/components/atoms/{Radio/index.mjs → radio/radio.mjs} +2 -4
- package/dist/components/atoms/radio/radio.mjs.map +1 -0
- package/dist/components/atoms/{Select/index.d.mts → select.d.mts} +4 -4
- package/dist/components/atoms/select.d.mts.map +1 -0
- package/dist/components/atoms/{Select/index.mjs → select.mjs} +5 -5
- package/dist/components/atoms/select.mjs.map +1 -0
- package/dist/components/atoms/skeleton/button.d.mts +11 -0
- package/dist/components/atoms/skeleton/button.d.mts.map +1 -0
- package/dist/components/atoms/{Skeleton/Button/index.mjs → skeleton/button.mjs} +4 -4
- package/dist/components/atoms/{Skeleton/Button/index.mjs.map → skeleton/button.mjs.map} +1 -1
- package/dist/components/atoms/skeleton/index.d.mts +13 -0
- package/dist/components/atoms/skeleton/index.d.mts.map +1 -0
- package/dist/components/atoms/skeleton/index.mjs +12 -0
- package/dist/components/atoms/skeleton/index.mjs.map +1 -0
- package/dist/components/atoms/skeleton/node.d.mts +11 -0
- package/dist/components/atoms/skeleton/node.d.mts.map +1 -0
- package/dist/components/atoms/{Skeleton/Node/index.mjs → skeleton/node.mjs} +4 -4
- package/dist/components/atoms/skeleton/node.mjs.map +1 -0
- package/dist/components/atoms/{Skeleton/index.d.mts → skeleton/skeleton.d.mts} +19 -31
- package/dist/components/atoms/skeleton/skeleton.d.mts.map +1 -0
- package/dist/components/atoms/{Skeleton/index.mjs → skeleton/skeleton.mjs} +2 -6
- package/dist/components/atoms/skeleton/skeleton.mjs.map +1 -0
- package/dist/components/atoms/{Spin/index.d.mts → spin.d.mts} +2 -2
- package/dist/components/atoms/spin.d.mts.map +1 -0
- package/dist/components/atoms/{Spin/index.mjs → spin.mjs} +3 -3
- package/dist/components/atoms/spin.mjs.map +1 -0
- package/dist/components/atoms/{Switch/index.d.mts → switch.d.mts} +2 -2
- package/dist/components/atoms/switch.d.mts.map +1 -0
- package/dist/components/atoms/{Switch/index.mjs → switch.mjs} +5 -5
- package/dist/components/atoms/switch.mjs.map +1 -0
- package/dist/components/atoms/{Typography/Link/index.d.mts → typography/link.d.mts} +3 -3
- package/dist/components/atoms/typography/link.d.mts.map +1 -0
- package/dist/components/atoms/{Typography/Link/index.mjs → typography/link.mjs} +3 -3
- package/dist/components/atoms/typography/link.mjs.map +1 -0
- package/dist/components/atoms/{Typography/Paragraph/index.d.mts → typography/paragraph.d.mts} +3 -3
- package/dist/components/atoms/typography/paragraph.d.mts.map +1 -0
- package/dist/components/atoms/{Typography/Paragraph/index.mjs → typography/paragraph.mjs} +3 -3
- package/dist/components/atoms/typography/paragraph.mjs.map +1 -0
- package/dist/components/atoms/{Typography/Text/index.d.mts → typography/text.d.mts} +3 -3
- package/dist/components/atoms/typography/text.d.mts.map +1 -0
- package/dist/components/atoms/{Typography/Text/index.mjs → typography/text.mjs} +3 -3
- package/dist/components/atoms/typography/text.mjs.map +1 -0
- package/dist/components/atoms/{Typography/Title/index.d.mts → typography/title.d.mts} +3 -3
- package/dist/components/atoms/typography/title.d.mts.map +1 -0
- package/dist/components/atoms/{Typography/Title/index.mjs → typography/title.mjs} +3 -3
- package/dist/components/atoms/typography/title.mjs.map +1 -0
- package/dist/components/atoms/typography/typography.d.mts +11 -0
- package/dist/components/atoms/typography/typography.d.mts.map +1 -0
- package/dist/components/atoms/typography/typography.mjs +13 -0
- package/dist/components/atoms/typography/typography.mjs.map +1 -0
- package/dist/components/molecules/{Collapse/index.d.mts → collapse.d.mts} +2 -2
- package/dist/components/molecules/collapse.d.mts.map +1 -0
- package/dist/components/molecules/{Collapse/index.mjs → collapse.mjs} +5 -5
- package/dist/components/molecules/collapse.mjs.map +1 -0
- package/dist/components/molecules/{Dropdown/index.d.mts → dropdown.d.mts} +4 -3
- package/dist/components/molecules/dropdown.d.mts.map +1 -0
- package/dist/components/molecules/{Dropdown/index.mjs → dropdown.mjs} +5 -4
- package/dist/components/molecules/dropdown.mjs.map +1 -0
- package/dist/components/molecules/index.d.mts +6 -5
- package/dist/components/molecules/index.mjs +6 -5
- package/dist/components/molecules/marquees/index.d.mts +11 -0
- package/dist/components/molecules/marquees/index.d.mts.map +1 -0
- package/dist/components/molecules/marquees/index.mjs +10 -0
- package/dist/components/molecules/marquees/index.mjs.map +1 -0
- package/dist/components/molecules/marquees/item.d.mts +25 -0
- package/dist/components/molecules/marquees/item.d.mts.map +1 -0
- package/dist/components/molecules/{Marquees/Item/index.mjs → marquees/item.mjs} +4 -2
- package/dist/components/molecules/marquees/item.mjs.map +1 -0
- package/dist/components/molecules/marquees/marquees.d.mts +21 -0
- package/dist/components/molecules/marquees/marquees.d.mts.map +1 -0
- package/dist/components/molecules/{Marquees/index.mjs → marquees/marquees.mjs} +3 -4
- package/dist/components/molecules/marquees/marquees.mjs.map +1 -0
- package/dist/components/molecules/menu/item/index.mjs +3 -0
- package/dist/components/molecules/{Menu/Item/index.mjs → menu/item/item.mjs} +6 -4
- package/dist/components/molecules/menu/item/item.mjs.map +1 -0
- package/dist/components/molecules/{Menu/Item/Label/index.mjs → menu/item/label.mjs} +4 -4
- package/dist/components/molecules/menu/item/label.mjs.map +1 -0
- package/dist/components/molecules/menu/menu.d.mts +62 -0
- package/dist/components/molecules/menu/menu.d.mts.map +1 -0
- package/dist/components/molecules/menu/menu.mjs +70 -0
- package/dist/components/molecules/menu/menu.mjs.map +1 -0
- package/dist/components/molecules/{Reveals/Item/index.d.mts → reveals/item.d.mts} +2 -2
- package/dist/components/molecules/reveals/item.d.mts.map +1 -0
- package/dist/components/molecules/{Reveals/Item/index.mjs → reveals/item.mjs} +3 -3
- package/dist/components/molecules/reveals/item.mjs.map +1 -0
- package/dist/components/molecules/reveals/reveals.d.mts +29 -0
- package/dist/components/molecules/reveals/reveals.d.mts.map +1 -0
- package/dist/components/molecules/reveals/reveals.mjs +28 -0
- package/dist/components/molecules/reveals/reveals.mjs.map +1 -0
- package/dist/components/molecules/splitter/index.d.mts +11 -0
- package/dist/components/molecules/splitter/index.d.mts.map +1 -0
- package/dist/components/molecules/splitter/index.mjs +10 -0
- package/dist/components/molecules/splitter/index.mjs.map +1 -0
- package/dist/components/molecules/splitter/panel.d.mts +17 -0
- package/dist/components/molecules/splitter/panel.d.mts.map +1 -0
- package/dist/components/molecules/splitter/panel.mjs +18 -0
- package/dist/components/molecules/splitter/panel.mjs.map +1 -0
- package/dist/components/molecules/splitter/splitter.d.mts +30 -0
- package/dist/components/molecules/splitter/splitter.d.mts.map +1 -0
- package/dist/components/molecules/{Splitter/index.mjs → splitter/splitter.mjs} +7 -14
- package/dist/components/molecules/splitter/splitter.mjs.map +1 -0
- package/dist/components/organisms/{Drawer/index.d.mts → drawer.d.mts} +2 -2
- package/dist/components/organisms/drawer.d.mts.map +1 -0
- package/dist/components/organisms/{Drawer/index.mjs → drawer.mjs} +6 -6
- package/dist/components/organisms/drawer.mjs.map +1 -0
- package/dist/components/organisms/index.d.mts +4 -4
- package/dist/components/organisms/index.mjs +4 -4
- package/dist/components/organisms/list/index.d.mts +11 -0
- package/dist/components/organisms/list/index.d.mts.map +1 -0
- package/dist/components/organisms/list/index.mjs +10 -0
- package/dist/components/organisms/list/index.mjs.map +1 -0
- package/dist/components/organisms/list/item.d.mts +11 -0
- package/dist/components/organisms/list/item.d.mts.map +1 -0
- package/dist/components/organisms/{List/Item/index.mjs → list/item.mjs} +3 -3
- package/dist/components/organisms/list/item.mjs.map +1 -0
- package/dist/components/organisms/{List/index.d.mts → list/list.d.mts} +17 -24
- package/dist/components/organisms/list/list.d.mts.map +1 -0
- package/dist/components/organisms/{List/index.mjs → list/list.mjs} +3 -5
- package/dist/components/organisms/list/list.mjs.map +1 -0
- package/dist/components/organisms/{Modal/index.d.mts → modal.d.mts} +2 -2
- package/dist/components/organisms/modal.d.mts.map +1 -0
- package/dist/components/organisms/{Modal/index.mjs → modal.mjs} +6 -6
- package/dist/components/organisms/modal.mjs.map +1 -0
- package/dist/components/organisms/swiper/index.d.mts +11 -0
- package/dist/components/organisms/swiper/index.d.mts.map +1 -0
- package/dist/components/organisms/swiper/index.mjs +10 -0
- package/dist/components/organisms/swiper/index.mjs.map +1 -0
- package/dist/components/organisms/swiper/slide.d.mts +15 -0
- package/dist/components/organisms/swiper/slide.d.mts.map +1 -0
- package/dist/components/organisms/{Swiper/Slide/index.mjs → swiper/slide.mjs} +5 -3
- package/dist/components/organisms/swiper/slide.mjs.map +1 -0
- package/dist/components/organisms/{Swiper/index.d.mts → swiper/swiper.d.mts} +12 -23
- package/dist/components/organisms/swiper/swiper.d.mts.map +1 -0
- package/dist/components/organisms/{Swiper/index.mjs → swiper/swiper.mjs} +5 -7
- package/dist/components/organisms/swiper/swiper.mjs.map +1 -0
- package/dist/components/templates/layout/content.d.mts +12 -0
- package/dist/components/templates/layout/content.d.mts.map +1 -0
- package/dist/components/templates/{Layout/Content/index.mjs → layout/content.mjs} +3 -3
- package/dist/components/templates/layout/content.mjs.map +1 -0
- package/dist/components/templates/layout/footer.d.mts +12 -0
- package/dist/components/templates/layout/footer.d.mts.map +1 -0
- package/dist/components/templates/{Layout/Footer/index.mjs → layout/footer.mjs} +3 -3
- package/dist/components/templates/layout/footer.mjs.map +1 -0
- package/dist/components/templates/layout/header.d.mts +12 -0
- package/dist/components/templates/layout/header.d.mts.map +1 -0
- package/dist/components/templates/{Layout/Header/index.mjs → layout/header.mjs} +3 -3
- package/dist/components/templates/layout/header.mjs.map +1 -0
- package/dist/components/templates/layout/layout.d.mts +12 -0
- package/dist/components/templates/layout/layout.d.mts.map +1 -0
- package/dist/components/templates/layout/layout.mjs +18 -0
- package/dist/components/templates/layout/layout.mjs.map +1 -0
- package/dist/components/templates/layout/sider.d.mts +34 -0
- package/dist/components/templates/layout/sider.d.mts.map +1 -0
- package/dist/components/templates/{Layout/Sider/index.mjs → layout/sider.mjs} +3 -3
- package/dist/components/templates/layout/sider.mjs.map +1 -0
- package/dist/core/button.d.mts +2 -2
- package/dist/core/dialog.mjs.map +1 -1
- package/dist/index.d.mts +20 -20
- package/dist/index.mjs +20 -20
- package/dist/style.css +0 -4
- package/package.json +1 -1
- package/dist/Menu.d.mts.map +0 -1
- package/dist/Menu.mjs.map +0 -1
- package/dist/components/atoms/Checkbox/Group/index.d.mts.map +0 -1
- package/dist/components/atoms/Checkbox/Group/index.mjs.map +0 -1
- package/dist/components/atoms/Checkbox/index.d.mts +0 -44
- package/dist/components/atoms/Checkbox/index.d.mts.map +0 -1
- package/dist/components/atoms/Checkbox/index.mjs.map +0 -1
- package/dist/components/atoms/ColorPicker/index.d.mts.map +0 -1
- package/dist/components/atoms/ColorPicker/index.mjs.map +0 -1
- package/dist/components/atoms/FloatButton/BackTop/index.d.mts +0 -12
- package/dist/components/atoms/FloatButton/BackTop/index.d.mts.map +0 -1
- package/dist/components/atoms/FloatButton/BackTop/index.mjs.map +0 -1
- package/dist/components/atoms/FloatButton/index.d.mts +0 -22
- package/dist/components/atoms/FloatButton/index.d.mts.map +0 -1
- package/dist/components/atoms/FloatButton/index.mjs.map +0 -1
- package/dist/components/atoms/Input/Search/index.d.mts +0 -15
- package/dist/components/atoms/Input/Search/index.d.mts.map +0 -1
- package/dist/components/atoms/Input/Search/index.mjs.map +0 -1
- package/dist/components/atoms/Input/TextArea/index.d.mts +0 -1
- package/dist/components/atoms/Input/TextArea/index.mjs.map +0 -1
- package/dist/components/atoms/Input/index.d.mts +0 -31
- package/dist/components/atoms/Input/index.d.mts.map +0 -1
- package/dist/components/atoms/Input/index.mjs.map +0 -1
- package/dist/components/atoms/Popover/index.d.mts.map +0 -1
- package/dist/components/atoms/Popover/index.mjs.map +0 -1
- package/dist/components/atoms/Progress/index.d.mts.map +0 -1
- package/dist/components/atoms/Progress/index.mjs.map +0 -1
- package/dist/components/atoms/Radio/Group/index.d.mts.map +0 -1
- package/dist/components/atoms/Radio/Group/index.mjs.map +0 -1
- package/dist/components/atoms/Radio/index.d.mts +0 -50
- package/dist/components/atoms/Radio/index.d.mts.map +0 -1
- package/dist/components/atoms/Radio/index.mjs.map +0 -1
- package/dist/components/atoms/Select/index.d.mts.map +0 -1
- package/dist/components/atoms/Select/index.mjs.map +0 -1
- package/dist/components/atoms/Skeleton/Button/index.d.mts +0 -2
- package/dist/components/atoms/Skeleton/Node/index.d.mts +0 -2
- package/dist/components/atoms/Skeleton/Node/index.mjs.map +0 -1
- package/dist/components/atoms/Skeleton/index.d.mts.map +0 -1
- package/dist/components/atoms/Skeleton/index.mjs.map +0 -1
- package/dist/components/atoms/Spin/index.d.mts.map +0 -1
- package/dist/components/atoms/Spin/index.mjs.map +0 -1
- package/dist/components/atoms/Switch/index.d.mts.map +0 -1
- package/dist/components/atoms/Switch/index.mjs.map +0 -1
- package/dist/components/atoms/Typography/Link/index.d.mts.map +0 -1
- package/dist/components/atoms/Typography/Link/index.mjs.map +0 -1
- package/dist/components/atoms/Typography/Paragraph/index.d.mts.map +0 -1
- package/dist/components/atoms/Typography/Paragraph/index.mjs.map +0 -1
- package/dist/components/atoms/Typography/Text/index.d.mts.map +0 -1
- package/dist/components/atoms/Typography/Text/index.mjs.map +0 -1
- package/dist/components/atoms/Typography/Title/index.d.mts.map +0 -1
- package/dist/components/atoms/Typography/Title/index.mjs.map +0 -1
- package/dist/components/molecules/Collapse/index.d.mts.map +0 -1
- package/dist/components/molecules/Collapse/index.mjs.map +0 -1
- package/dist/components/molecules/Dropdown/index.d.mts.map +0 -1
- package/dist/components/molecules/Dropdown/index.mjs.map +0 -1
- package/dist/components/molecules/Marquees/Item/index.d.mts +0 -17
- package/dist/components/molecules/Marquees/Item/index.d.mts.map +0 -1
- package/dist/components/molecules/Marquees/Item/index.mjs.map +0 -1
- package/dist/components/molecules/Marquees/index.d.mts +0 -31
- package/dist/components/molecules/Marquees/index.d.mts.map +0 -1
- package/dist/components/molecules/Marquees/index.mjs.map +0 -1
- package/dist/components/molecules/Menu/Item/Label/index.mjs.map +0 -1
- package/dist/components/molecules/Menu/Item/index.mjs.map +0 -1
- package/dist/components/molecules/Reveals/Item/index.d.mts.map +0 -1
- package/dist/components/molecules/Reveals/Item/index.mjs.map +0 -1
- package/dist/components/molecules/Splitter/index.d.mts +0 -31
- package/dist/components/molecules/Splitter/index.d.mts.map +0 -1
- package/dist/components/molecules/Splitter/index.mjs.map +0 -1
- package/dist/components/organisms/Drawer/index.d.mts.map +0 -1
- package/dist/components/organisms/Drawer/index.mjs.map +0 -1
- package/dist/components/organisms/List/Item/index.mjs.map +0 -1
- package/dist/components/organisms/List/index.d.mts.map +0 -1
- package/dist/components/organisms/List/index.mjs.map +0 -1
- package/dist/components/organisms/Modal/index.d.mts.map +0 -1
- package/dist/components/organisms/Modal/index.mjs.map +0 -1
- package/dist/components/organisms/Swiper/Slide/index.mjs.map +0 -1
- package/dist/components/organisms/Swiper/index.d.mts.map +0 -1
- package/dist/components/organisms/Swiper/index.mjs.map +0 -1
- package/dist/components/templates/Layout/Content/index.d.mts +0 -7
- package/dist/components/templates/Layout/Content/index.d.mts.map +0 -1
- package/dist/components/templates/Layout/Content/index.mjs.map +0 -1
- package/dist/components/templates/Layout/Footer/index.d.mts +0 -7
- package/dist/components/templates/Layout/Footer/index.d.mts.map +0 -1
- package/dist/components/templates/Layout/Footer/index.mjs.map +0 -1
- package/dist/components/templates/Layout/Header/index.d.mts +0 -7
- package/dist/components/templates/Layout/Header/index.d.mts.map +0 -1
- package/dist/components/templates/Layout/Header/index.mjs.map +0 -1
- package/dist/components/templates/Layout/Sider/index.d.mts +0 -19
- package/dist/components/templates/Layout/Sider/index.d.mts.map +0 -1
- package/dist/components/templates/Layout/Sider/index.mjs.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.d.mts","names":[],"sources":["../../../src/components/organisms/drawer.tsx"],"mappings":";;;UAoBiB,KAAA;EACf,IAAA;EACA,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,QAAA;EACA,SAAA,GAAY,KAAA,CAAM,SAAA;EAClB,SAAA;EACA,IAAA;EACA,YAAA;EACA,SAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA;EACA,SAAA;EACA,KAAA,GAAQ,KAAA,CAAM,aAAA;EACd,UAAA;IACE,IAAA;IACA,OAAA;IACA,SAAA;IACA,MAAA;IACA,KAAA;IACA,KAAA;IACA,KAAA;IACA,IAAA;IACA,MAAA;EAAA;EAEF,SAAA,GAAY,WAAA;EACZ,OAAA;AAAA;AAAA,cAqBI,MAAA;EAAU,IAAA;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,UAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAqBb,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { cn, renderConditional } from "
|
|
4
|
-
import { drawer_exports } from "
|
|
5
|
-
import "
|
|
6
|
-
import Button from "
|
|
3
|
+
import { cn, renderConditional } from "../../utils.mjs";
|
|
4
|
+
import { drawer_exports } from "../../core/drawer.mjs";
|
|
5
|
+
import "../../core.mjs";
|
|
6
|
+
import Button from "../../Button.mjs";
|
|
7
7
|
import { X } from "lucide-react";
|
|
8
8
|
import { useEffect } from "react";
|
|
9
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
10
|
|
|
11
|
-
//#region src/components/organisms/
|
|
11
|
+
//#region src/components/organisms/drawer.tsx
|
|
12
12
|
const { DrawerContent, Drawer: DrawerCore, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } = drawer_exports;
|
|
13
13
|
const SIZES = {
|
|
14
14
|
small: "30%",
|
|
@@ -93,4 +93,4 @@ const Drawer = ({ open, title, extra, footer, closable = true, closeIcon, direct
|
|
|
93
93
|
|
|
94
94
|
//#endregion
|
|
95
95
|
export { Drawer as default };
|
|
96
|
-
//# sourceMappingURL=
|
|
96
|
+
//# sourceMappingURL=drawer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.mjs","names":["drawer"],"sources":["../../../src/components/organisms/drawer.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\nimport { X } from 'lucide-react';\n\nimport { drawer } from '@repo/ui/core';\nimport { cn, renderConditional } from '@repo/ui/utils';\n\nimport Button from '../atoms/button';\n\nconst {\n DrawerContent,\n Drawer: DrawerCore,\n DrawerDescription,\n DrawerFooter,\n DrawerHeader,\n DrawerTitle,\n} = drawer;\n\nexport interface Props {\n open: boolean;\n children?: React.ReactNode;\n title?: React.ReactNode;\n extra?: React.ReactNode;\n footer?: React.ReactNode;\n closable?: boolean;\n closeIcon?: React.ReactNode;\n direction?: 'top' | 'bottom' | 'left' | 'right';\n size?: 'small' | 'medium' | 'large' | 'full' | string;\n maskClosable?: boolean;\n handlebar?: boolean;\n draggable?: boolean;\n rounded?: boolean;\n mask?: boolean;\n className?: string;\n style?: React.CSSProperties;\n classNames?: {\n mask?: string;\n content?: string;\n handlebar?: string;\n header?: string;\n title?: string;\n close?: string;\n extra?: string;\n body?: string;\n footer?: string;\n };\n container?: HTMLElement;\n onClose: () => void;\n}\n\nconst SIZES: Record<string, string> = {\n small: '30%',\n medium: '50%',\n large: '75%',\n full: '90%',\n};\n\nconst getSizeStyles = (\n direction: 'top' | 'bottom' | 'left' | 'right',\n size: string,\n): React.CSSProperties => {\n const value = SIZES[size] || size;\n\n return direction === 'top' || direction === 'bottom'\n ? { height: value }\n : { width: value };\n};\n\nconst Drawer = ({\n open,\n title,\n extra,\n footer,\n closable = true,\n closeIcon,\n direction = 'bottom',\n size = 'medium',\n maskClosable = true,\n handlebar = true,\n draggable = false,\n rounded = false,\n mask = true,\n className,\n classNames,\n style,\n children,\n container,\n onClose,\n ...props\n}: Props) => {\n useEffect(() => {\n if (!open || mask) {\n return;\n }\n\n const originalPointerEvents = document.body.style.pointerEvents;\n\n const raf = window.requestAnimationFrame(() => {\n document.body.style.pointerEvents = 'auto';\n });\n\n return () => {\n window.cancelAnimationFrame(raf);\n document.body.style.pointerEvents = originalPointerEvents;\n };\n }, [open, mask]);\n\n return (\n <DrawerCore\n open={open}\n direction={direction}\n handleOnly={!draggable}\n container={container}\n onOpenChange={open => {\n if (!open && maskClosable) {\n onClose();\n }\n }}\n {...props}\n >\n <DrawerContent\n className={cn(\n 'border-none outline-none',\n rounded ? 'rounded-t-[30px]!' : 'rounded-none!',\n classNames?.content,\n className,\n //\n )}\n handlebar={handlebar}\n mask={mask}\n classNames={{\n mask: classNames?.mask || '',\n handlebar: classNames?.handlebar || '',\n }}\n style={{\n ...getSizeStyles(direction, size),\n ...style,\n }}\n >\n <DrawerHeader\n className={cn(\n classNames?.header,\n !title && 'p-0',\n //\n )}\n >\n <div className=\"flex items-start gap-2\">\n {renderConditional(closable ? closeIcon || <X /> : null, v => (\n <Button\n type=\"text\"\n shape=\"circle\"\n size=\"small\"\n aria-label=\"닫기\"\n icon={v}\n onClick={onClose}\n className={cn(classNames?.close)}\n />\n ))}\n <div className=\"flex flex-1 items-start justify-between gap-2\">\n <DrawerTitle className={cn(classNames?.title)}>\n {title}\n </DrawerTitle>\n {renderConditional(extra, v => (\n <div className={cn('shrink-0', classNames?.extra)}>{v}</div>\n ))}\n </div>\n </div>\n <DrawerDescription className=\"hidden\" />\n </DrawerHeader>\n <div\n className={cn(\n 'overflow-auto p-5',\n classNames?.body,\n //\n )}\n >\n {children}\n </div>\n {renderConditional(footer, v => (\n <DrawerFooter className={cn(classNames?.footer)}>{v}</DrawerFooter>\n ))}\n </DrawerContent>\n </DrawerCore>\n );\n};\n\nexport default Drawer;\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,EACJ,eACA,QAAQ,YACR,mBACA,cACA,cACA,gBACEA;AAkCJ,MAAM,QAAgC;CACpC,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACP;AAED,MAAM,iBACJ,WACA,SACwB;CACxB,MAAM,QAAQ,MAAM,SAAS;AAE7B,QAAO,cAAc,SAAS,cAAc,WACxC,EAAE,QAAQ,OAAO,GACjB,EAAE,OAAO,OAAO;;AAGtB,MAAM,UAAU,EACd,MACA,OACA,OACA,QACA,WAAW,MACX,WACA,YAAY,UACZ,OAAO,UACP,eAAe,MACf,YAAY,MACZ,YAAY,OACZ,UAAU,OACV,OAAO,MACP,WACA,YACA,OACA,UACA,WACA,SACA,GAAG,YACQ;AACX,iBAAgB;AACd,MAAI,CAAC,QAAQ,KACX;EAGF,MAAM,wBAAwB,SAAS,KAAK,MAAM;EAElD,MAAM,MAAM,OAAO,4BAA4B;AAC7C,YAAS,KAAK,MAAM,gBAAgB;IACpC;AAEF,eAAa;AACX,UAAO,qBAAqB,IAAI;AAChC,YAAS,KAAK,MAAM,gBAAgB;;IAErC,CAAC,MAAM,KAAK,CAAC;AAEhB,QACE,oBAAC;EACO;EACK;EACX,YAAY,CAAC;EACF;EACX,eAAc,SAAQ;AACpB,OAAI,CAAC,QAAQ,aACX,UAAS;;EAGb,GAAI;YAEJ,qBAAC;GACC,WAAW,GACT,4BACA,UAAU,sBAAsB,iBAChC,YAAY,SACZ,UAED;GACU;GACL;GACN,YAAY;IACV,MAAM,YAAY,QAAQ;IAC1B,WAAW,YAAY,aAAa;IACrC;GACD,OAAO;IACL,GAAG,cAAc,WAAW,KAAK;IACjC,GAAG;IACJ;;IAED,qBAAC;KACC,WAAW,GACT,YAAY,QACZ,CAAC,SAAS,MAEX;gBAED,qBAAC;MAAI,WAAU;iBACZ,kBAAkB,WAAW,aAAa,oBAAC,MAAI,GAAG,OAAM,MACvD,oBAAC;OACC,MAAK;OACL,OAAM;OACN,MAAK;OACL,cAAW;OACX,MAAM;OACN,SAAS;OACT,WAAW,GAAG,YAAY,MAAM;QAChC,CACF,EACF,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAY,WAAW,GAAG,YAAY,MAAM;kBAC1C;SACW,EACb,kBAAkB,QAAO,MACxB,oBAAC;QAAI,WAAW,GAAG,YAAY,YAAY,MAAM;kBAAG;SAAQ,CAC5D;QACE;OACF,EACN,oBAAC,qBAAkB,WAAU,WAAW;MAC3B;IACf,oBAAC;KACC,WAAW,GACT,qBACA,YAAY,KAEb;KAEA;MACG;IACL,kBAAkB,SAAQ,MACzB,oBAAC;KAAa,WAAW,GAAG,YAAY,OAAO;eAAG;MAAiB,CACnE;;IACY;GACL"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Drawer, Props } from "./
|
|
2
|
-
import { List } from "./
|
|
3
|
-
import { Modal } from "./
|
|
4
|
-
import { Swiper } from "./
|
|
1
|
+
import { Drawer, Props } from "./drawer.mjs";
|
|
2
|
+
import { List } from "./list/index.mjs";
|
|
3
|
+
import { Modal } from "./modal.mjs";
|
|
4
|
+
import { Swiper } from "./swiper/index.mjs";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Drawer from "./
|
|
2
|
-
import List from "./
|
|
3
|
-
import Modal from "./
|
|
4
|
-
import Swiper from "./
|
|
1
|
+
import Drawer from "./drawer.mjs";
|
|
2
|
+
import List from "./list/index.mjs";
|
|
3
|
+
import Modal from "./modal.mjs";
|
|
4
|
+
import Swiper from "./swiper/index.mjs";
|
|
5
5
|
|
|
6
6
|
export { };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Item } from "./item.mjs";
|
|
2
|
+
import { List as List$1 } from "./list.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/components/organisms/list/index.d.ts
|
|
5
|
+
type ListComponent = typeof List$1 & {
|
|
6
|
+
Item: typeof Item;
|
|
7
|
+
};
|
|
8
|
+
declare const List: ListComponent;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { List };
|
|
11
|
+
//# sourceMappingURL=index.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/organisms/list/index.ts"],"mappings":";;;;KAGK,aAAA,UAAuB,MAAA;EAAa,IAAA,SAAa,IAAA;AAAA;AAAA,cAEhD,IAAA,EAAmB,aAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["ListImpl"],"sources":["../../../../src/components/organisms/list/index.ts"],"sourcesContent":["import Item from './item';\nimport ListImpl from './list';\n\ntype ListComponent = typeof ListImpl & { Item: typeof Item };\n\nconst List = ListImpl as ListComponent;\n\nList.Item = Item;\n\nexport default List;\n"],"mappings":";;;;AAKA,MAAM,OAAOA;AAEb,KAAK,OAAO"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/components/organisms/list/item.d.ts
|
|
4
|
+
declare const Item: ({
|
|
5
|
+
children,
|
|
6
|
+
className,
|
|
7
|
+
...props
|
|
8
|
+
}: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime0.JSX.Element;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { Item };
|
|
11
|
+
//# sourceMappingURL=item.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.d.mts","names":[],"sources":["../../../../src/components/organisms/list/item.tsx"],"mappings":";;;cAEM,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIX,KAAA,CAAM,wBAAA,YAA+B,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { cn } from "
|
|
1
|
+
import { cn } from "../../../utils.mjs";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
|
|
4
|
-
//#region src/components/organisms/
|
|
4
|
+
//#region src/components/organisms/list/item.tsx
|
|
5
5
|
const Item = ({ children, className, ...props }) => {
|
|
6
6
|
return /* @__PURE__ */ jsx("div", {
|
|
7
7
|
className: cn(className),
|
|
@@ -12,4 +12,4 @@ const Item = ({ children, className, ...props }) => {
|
|
|
12
12
|
|
|
13
13
|
//#endregion
|
|
14
14
|
export { Item as default };
|
|
15
|
-
//# sourceMappingURL=
|
|
15
|
+
//# sourceMappingURL=item.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.mjs","names":[],"sources":["../../../../src/components/organisms/list/item.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nconst Item = ({\n children,\n className,\n ...props\n}: React.ComponentPropsWithoutRef<'div'>) => {\n return (\n <div className={cn(className)} {...props}>\n {children}\n </div>\n );\n};\n\nexport default Item;\n"],"mappings":";;;;AAEA,MAAM,QAAQ,EACZ,UACA,WACA,GAAG,YACwC;AAC3C,QACE,oBAAC;EAAI,WAAW,GAAG,UAAU;EAAE,GAAI;EAChC;GACG"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Skeleton } from "../../atoms/
|
|
1
|
+
import { Skeleton } from "../../atoms/skeleton/index.mjs";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
|
-
//#region src/components/organisms/
|
|
5
|
+
//#region src/components/organisms/list/list.d.ts
|
|
6
6
|
interface Props<T> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
7
7
|
loading?: boolean;
|
|
8
8
|
loaderProps?: React.ComponentProps<typeof Skeleton>;
|
|
@@ -25,27 +25,20 @@ interface Props<T> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'>
|
|
|
25
25
|
data?: T[];
|
|
26
26
|
renderItem?: (item: T, index: number) => React.ReactNode;
|
|
27
27
|
}
|
|
28
|
-
declare const List: {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}: Props<T>): string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element;
|
|
43
|
-
Item: ({
|
|
44
|
-
children,
|
|
45
|
-
className,
|
|
46
|
-
...props
|
|
47
|
-
}: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime0.JSX.Element;
|
|
48
|
-
};
|
|
28
|
+
declare const List: <T>({
|
|
29
|
+
loading,
|
|
30
|
+
loaderProps,
|
|
31
|
+
loader,
|
|
32
|
+
header,
|
|
33
|
+
title,
|
|
34
|
+
empty,
|
|
35
|
+
scroll,
|
|
36
|
+
data,
|
|
37
|
+
className,
|
|
38
|
+
classNames,
|
|
39
|
+
renderItem,
|
|
40
|
+
...props
|
|
41
|
+
}: Props<T>) => string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element;
|
|
49
42
|
//#endregion
|
|
50
43
|
export { List };
|
|
51
|
-
//# sourceMappingURL=
|
|
44
|
+
//# sourceMappingURL=list.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.d.mts","names":[],"sources":["../../../../src/components/organisms/list/list.tsx"],"mappings":";;;;;UAUU,KAAA,YAAiB,IAAA,CACzB,KAAA,CAAM,wBAAA;EAGN,OAAA;EACA,WAAA,GAAc,KAAA,CAAM,cAAA,QAAsB,QAAA;EAC1C,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,UAAA;IACE,KAAA;IACA,MAAA;IACA,IAAA;EAAA;EAEF,MAAA;IACE,OAAA;IACA,OAAA;IACA,MAAA,GAAS,KAAA,CAAM,SAAA;IACf,OAAA,GAAU,wBAAA;IACV,IAAA;EAAA;EAEF,IAAA,GAAO,CAAA;EACP,UAAA,IAAc,IAAA,EAAM,CAAA,EAAG,KAAA,aAAkB,KAAA,CAAM,SAAA;AAAA;AAAA,cAG3C,IAAA;EAAY,OAAA;EAAA,WAAA;EAAA,MAAA;EAAA,MAAA;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA,IAAA;EAAA,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAaf,KAAA,CAAM,CAAA,wCAAE,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { cn, renderConditional } from "../../../utils.mjs";
|
|
4
|
-
import Skeleton from "../../atoms/
|
|
5
|
-
import Item from "./Item/index.mjs";
|
|
4
|
+
import Skeleton from "../../atoms/skeleton/index.mjs";
|
|
6
5
|
import React, { useEffect } from "react";
|
|
7
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
7
|
import { useIntersectionObserver } from "@uidotdev/usehooks";
|
|
9
8
|
|
|
10
|
-
//#region src/components/organisms/
|
|
9
|
+
//#region src/components/organisms/list/list.tsx
|
|
11
10
|
const List = ({ loading, loaderProps, loader, header, title, empty, scroll, data, className, classNames, renderItem = () => null, ...props }) => {
|
|
12
11
|
const [loaderRef, entry] = useIntersectionObserver({
|
|
13
12
|
threshold: 0,
|
|
@@ -69,8 +68,7 @@ const List = ({ loading, loaderProps, loader, header, title, empty, scroll, data
|
|
|
69
68
|
]
|
|
70
69
|
});
|
|
71
70
|
};
|
|
72
|
-
List.Item = Item;
|
|
73
71
|
|
|
74
72
|
//#endregion
|
|
75
73
|
export { List as default };
|
|
76
|
-
//# sourceMappingURL=
|
|
74
|
+
//# sourceMappingURL=list.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.mjs","names":[],"sources":["../../../../src/components/organisms/list/list.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect } from 'react';\n\nimport { useIntersectionObserver } from '@uidotdev/usehooks';\n\nimport { cn, renderConditional } from '@repo/ui/utils';\n\nimport Skeleton from '../../atoms/skeleton';\n\ninterface Props<T> extends Omit<\n React.ComponentPropsWithoutRef<'div'>,\n 'title'\n> {\n loading?: boolean;\n loaderProps?: React.ComponentProps<typeof Skeleton>;\n loader?: React.ReactNode;\n title?: React.ReactNode;\n header?: React.ReactNode;\n empty?: React.ReactNode;\n classNames?: {\n title?: string;\n header?: string;\n body?: string;\n };\n scroll?: {\n hasMore: boolean;\n loading: boolean;\n loader?: React.ReactNode;\n options?: IntersectionObserverInit;\n next: () => void;\n };\n data?: T[];\n renderItem?: (item: T, index: number) => React.ReactNode;\n}\n\nconst List = <T,>({\n loading,\n loaderProps,\n loader,\n header,\n title,\n empty,\n scroll,\n data,\n className,\n classNames,\n renderItem = () => null,\n ...props\n}: Props<T>) => {\n const [loaderRef, entry] = useIntersectionObserver({\n threshold: 0,\n root: null,\n rootMargin: '0px',\n ...scroll?.options,\n });\n\n useEffect(() => {\n if (!scroll) {\n return;\n }\n\n if (entry?.isIntersecting && scroll.hasMore && !scroll.loading) {\n scroll.next();\n }\n }, [entry, scroll]);\n\n if (loading) {\n return (\n loader || (\n <div className={cn(className)} {...props}>\n <div className={cn(classNames?.title)}>{title && <Skeleton />}</div>\n <div className={cn(classNames?.header)}>\n {header && <Skeleton size=\"small\" />}\n </div>\n <div className={cn('space-y-2', classNames?.body)}>\n <Skeleton.Node count={10} gap={10} {...loaderProps} />\n </div>\n </div>\n )\n );\n }\n\n if (!data?.length && empty) {\n return empty;\n }\n\n return (\n <div\n className={cn(\n className,\n //\n )}\n {...props}\n >\n {renderConditional(title, v => (\n <h2\n className={cn(\n 'px-1.5 py-4',\n 'text-black-90 text-lg leading-5.75 font-bold',\n //\n )}\n >\n {v}\n </h2>\n ))}\n <div className={cn(classNames?.header)}>{header}</div>\n <div className={cn('space-y-2', classNames?.body)}>\n {data?.map((item, i) => renderItem(item, i))}\n {scroll?.loading &&\n (scroll?.loader ?? (\n <Skeleton.Node count={10} gap={10} {...loaderProps} />\n ))}\n <div ref={loaderRef} />\n </div>\n </div>\n );\n};\n\nexport default List;\n"],"mappings":";;;;;;;;;AAoCA,MAAM,QAAY,EAChB,SACA,aACA,QACA,QACA,OACA,OACA,QACA,MACA,WACA,YACA,mBAAmB,MACnB,GAAG,YACW;CACd,MAAM,CAAC,WAAW,SAAS,wBAAwB;EACjD,WAAW;EACX,MAAM;EACN,YAAY;EACZ,GAAG,QAAQ;EACZ,CAAC;AAEF,iBAAgB;AACd,MAAI,CAAC,OACH;AAGF,MAAI,OAAO,kBAAkB,OAAO,WAAW,CAAC,OAAO,QACrD,QAAO,MAAM;IAEd,CAAC,OAAO,OAAO,CAAC;AAEnB,KAAI,QACF,QACE,UACE,qBAAC;EAAI,WAAW,GAAG,UAAU;EAAE,GAAI;;GACjC,oBAAC;IAAI,WAAW,GAAG,YAAY,MAAM;cAAG,SAAS,oBAAC,aAAW;KAAO;GACpE,oBAAC;IAAI,WAAW,GAAG,YAAY,OAAO;cACnC,UAAU,oBAAC,YAAS,MAAK,UAAU;KAChC;GACN,oBAAC;IAAI,WAAW,GAAG,aAAa,YAAY,KAAK;cAC/C,oBAAC,SAAS;KAAK,OAAO;KAAI,KAAK;KAAI,GAAI;MAAe;KAClD;;GACF;AAKZ,KAAI,CAAC,MAAM,UAAU,MACnB,QAAO;AAGT,QACE,qBAAC;EACC,WAAW,GACT,UAED;EACD,GAAI;;GAEH,kBAAkB,QAAO,MACxB,oBAAC;IACC,WAAW,GACT,eACA,+CAED;cAEA;KACE,CACL;GACF,oBAAC;IAAI,WAAW,GAAG,YAAY,OAAO;cAAG;KAAa;GACtD,qBAAC;IAAI,WAAW,GAAG,aAAa,YAAY,KAAK;;KAC9C,MAAM,KAAK,MAAM,MAAM,WAAW,MAAM,EAAE,CAAC;KAC3C,QAAQ,YACN,QAAQ,UACP,oBAAC,SAAS;MAAK,OAAO;MAAI,KAAK;MAAI,GAAI;OAAe;KAE1D,oBAAC,SAAI,KAAK,YAAa;;KACnB;;GACF"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
|
-
//#region src/components/organisms/
|
|
4
|
+
//#region src/components/organisms/modal.d.ts
|
|
5
5
|
interface Props {
|
|
6
6
|
open?: boolean;
|
|
7
7
|
maskClosable?: boolean;
|
|
@@ -63,4 +63,4 @@ declare const Modal: {
|
|
|
63
63
|
};
|
|
64
64
|
//#endregion
|
|
65
65
|
export { Modal };
|
|
66
|
-
//# sourceMappingURL=
|
|
66
|
+
//# sourceMappingURL=modal.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.d.mts","names":[],"sources":["../../../src/components/organisms/modal.tsx"],"mappings":";;;;UA6BU,KAAA;EACR,IAAA;EACA,YAAA;EACA,QAAA;IAGM,SAAA,GAAY,KAAA,CAAM,SAAA;IAClB,QAAA;EAAA;EAEN,SAAA,GAAY,KAAA,CAAM,SAAA;EAClB,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,SAAA;EACA,UAAA;IACE,IAAA;IACA,MAAA;IACA,IAAA;IACA,MAAA;EAAA;EAEF,KAAA,GAAQ,KAAA,CAAM,aAAA;EACd,MAAA;EACA,UAAA;EACA,SAAA,GAAY,WAAA;EACZ,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,IAAA;EACA,QAAA;AAAA;AAAA,UAGQ,WAAA,SAAoB,KAAA;EAC5B,IAAA;EACA,EAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,SAAA,GAAY,WAAA;AAAA;AAAA,cAiCR,KAAA;EAAA;;;;;;;;;;;;;;;;;KAiBH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cA+Na,WAAA;iBACG,WAAA;eAEF,WAAA;iBACE,WAAA;iBAEA,WAAA;AAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { cn } from "
|
|
4
|
-
import { dialog_exports } from "
|
|
5
|
-
import "
|
|
6
|
-
import Button from "
|
|
3
|
+
import { cn } from "../../utils.mjs";
|
|
4
|
+
import { dialog_exports } from "../../core/dialog.mjs";
|
|
5
|
+
import "../../core.mjs";
|
|
6
|
+
import Button from "../../Button.mjs";
|
|
7
7
|
import { Check, CircleQuestionMark, Info, OctagonAlert, OctagonX } from "lucide-react";
|
|
8
8
|
import React, { useEffect, useState } from "react";
|
|
9
9
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -11,7 +11,7 @@ import { createPortal } from "react-dom";
|
|
|
11
11
|
import { createRoot } from "react-dom/client";
|
|
12
12
|
import { v4 } from "uuid";
|
|
13
13
|
|
|
14
|
-
//#region src/components/organisms/
|
|
14
|
+
//#region src/components/organisms/modal.tsx
|
|
15
15
|
const { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } = dialog_exports;
|
|
16
16
|
const isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
|
|
17
17
|
let modalRoot = null;
|
|
@@ -193,4 +193,4 @@ Modal.confirm = (props) => renderModal({
|
|
|
193
193
|
|
|
194
194
|
//#endregion
|
|
195
195
|
export { Modal as default };
|
|
196
|
-
//# sourceMappingURL=
|
|
196
|
+
//# sourceMappingURL=modal.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.mjs","names":["dialog","uuid"],"sources":["../../../src/components/organisms/modal.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Root, createRoot } from 'react-dom/client';\n\nimport {\n Check,\n CircleQuestionMark,\n Info,\n OctagonAlert,\n OctagonX,\n} from 'lucide-react';\nimport { v4 as uuid } from 'uuid';\n\nimport { dialog } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../atoms/button';\n\nconst {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n} = dialog;\n\ninterface Props {\n open?: boolean;\n maskClosable?: boolean;\n closable?:\n | boolean\n | {\n closeIcon?: React.ReactNode;\n disabled?: boolean;\n };\n closeIcon?: React.ReactNode;\n title?: React.ReactNode;\n content?: React.ReactNode;\n footer?: React.ReactNode;\n className?: string;\n classNames?: {\n mask?: string;\n header?: string;\n body?: string;\n footer?: string;\n };\n style?: React.CSSProperties;\n okText?: string;\n cancelText?: string;\n container?: HTMLElement;\n children?: React.ReactNode;\n onOk?: () => void;\n onCancel?: () => void;\n}\n\ninterface StaticProps extends Props {\n type?: 'info' | 'success' | 'error' | 'warning' | 'confirm';\n id?: string;\n icon?: React.ReactNode;\n container?: HTMLElement;\n}\n\nconst isBrowser =\n typeof window !== 'undefined' && typeof document !== 'undefined';\n\nlet modalRoot: Root | null = null;\nlet modalStack: StaticProps[] = [];\nlet updateStack: (() => void) | null = null;\n\nconst createModalRoot = (container?: HTMLElement) => {\n if (!isBrowser) {\n return null;\n }\n\n const targetContainer = container || document.body;\n let rootEl = targetContainer.querySelector(\n '#modal-root',\n ) as HTMLElement | null;\n\n if (!rootEl) {\n rootEl = document.createElement('div');\n rootEl.setAttribute('id', 'modal-root');\n rootEl.setAttribute('role', 'dialog');\n rootEl.setAttribute('aria-modal', 'true');\n rootEl.style.zIndex = '10000';\n rootEl.style.position = 'absolute';\n targetContainer.appendChild(rootEl);\n }\n\n return rootEl;\n};\n\nconst Modal = ({\n open = false,\n maskClosable = false,\n closable = false,\n closeIcon,\n className,\n classNames,\n style,\n title,\n footer,\n container,\n children,\n okText = 'OK',\n cancelText = 'Cancel',\n onOk,\n onCancel,\n ...props\n}: Props) => {\n if (typeof window === 'undefined') {\n return null;\n }\n\n return (\n <Dialog\n open={open}\n onOpenChange={(open: boolean) => {\n if (!open && maskClosable) {\n onCancel?.();\n }\n }}\n {...props}\n >\n <DialogContent\n className={cn(\n 'rounded-lg p-4 max-sm:max-w-[80%]',\n 'border-none outline-none',\n className,\n )}\n classNames={{\n ...classNames,\n mask: cn('bg-black/60', classNames?.mask),\n }}\n style={style}\n showCloseButton={!!closable}\n closeIcon={closeIcon}\n container={container}\n onCancel={onCancel}\n >\n {/**\n * @todo [Dialog & AlertDialog] fix: can't get id correctly in shadow dom\n * @see https://github.com/radix-ui/primitives/pull/3384\n **/}\n <DialogHeader\n className={cn(\n classNames?.header,\n !title && 'hidden',\n //\n )}\n >\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription className=\"hidden\" />\n </DialogHeader>\n <div className={cn('break-all', classNames?.body)}>{children}</div>\n {footer !== null && (\n <DialogFooter\n className={cn('flex-row justify-end gap-x-2', classNames?.footer)}\n >\n {footer || (\n <>\n <Button onClick={onOk}>{okText}</Button>\n <Button variant=\"outlined\" onClick={onCancel}>\n {cancelText}\n </Button>\n </>\n )}\n </DialogFooter>\n )}\n </DialogContent>\n </Dialog>\n );\n};\n\nconst STATIC_ICONS = {\n info: <Info className=\"text-blue-400\" />,\n success: <Check className=\"text-green-400\" />,\n error: <OctagonX className=\"text-red-400\" />,\n warning: <OctagonAlert className=\"text-yellow-400\" />,\n confirm: <CircleQuestionMark />,\n};\n\nconst StaticModal = ({\n type,\n title,\n content,\n okText = 'OK',\n cancelText = 'Cancel',\n id,\n container,\n icon,\n onOk,\n onCancel,\n ...props\n}: StaticProps) => {\n const [open, setOpen] = useState(true);\n\n const closeModal = (callback?: () => void) => {\n callback?.();\n setOpen(false);\n setTimeout(() => {\n Modal.destroy(id);\n }, 200);\n };\n\n const footer =\n type === 'confirm' ? (\n <div className=\"grid w-full grid-cols-5 gap-x-2\">\n <Button\n variant=\"outlined\"\n className=\"col-span-2\"\n onClick={() => closeModal(onCancel)}\n >\n {cancelText}\n </Button>\n <Button className=\"col-span-3\" onClick={() => closeModal(onOk)}>\n {okText}\n </Button>\n </div>\n ) : (\n <Button\n className={cn(\n 'grow',\n //\n )}\n onClick={() => closeModal(onOk)}\n >\n {okText}\n </Button>\n );\n\n if (!isBrowser) {\n return null;\n }\n\n return createPortal(\n <Modal\n open={open}\n footer={footer}\n className={cn(\n 'z-10000',\n 'box-content w-100',\n 'rounded-3xl p-4',\n 'gap-y-0',\n )}\n classNames={{\n mask: 'z-10000 bg-black/[.6]',\n body: cn(\n 'text-black-70 whitespace-pre-wrap text-center',\n content && 'mt-3',\n ),\n footer: 'mt-9',\n }}\n title={\n <p\n className={cn(\n 'text-center text-lg leading-normal whitespace-pre-wrap',\n 'flex items-center justify-center gap-x-2',\n //\n )}\n >\n {icon || (type && STATIC_ICONS[type])}\n {title}\n </p>\n }\n container={container}\n onCancel={() => closeModal(onOk)}\n {...props}\n >\n {content}\n </Modal>,\n createModalRoot(container)!,\n );\n};\n\nconst ModalStackRenderer = () => {\n const [, forceUpdate] = useState({});\n\n useEffect(() => {\n updateStack = () => forceUpdate({});\n return () => {\n updateStack = null;\n };\n }, []);\n\n return (\n <>\n {modalStack.map(({ id, ...props }) => (\n <StaticModal key={id} id={id} {...props} />\n ))}\n </>\n );\n};\n\nconst modalRoots = new Map<HTMLElement, Root>();\n\nconst renderModal = (props: StaticProps) => {\n if (!isBrowser) {\n return;\n }\n\n const targetContainer = props.container || document.body;\n const rootElement = createModalRoot(targetContainer)!;\n\n if (!modalRoots.has(targetContainer)) {\n const root = createRoot(rootElement);\n modalRoots.set(targetContainer, root);\n root.render(<ModalStackRenderer />);\n }\n\n const id = props.id || uuid();\n modalStack.push({ ...props, id });\n updateStack?.();\n\n return id;\n};\n\nModal.destroy = (id?: string) => {\n modalStack = id ? modalStack.filter(modal => modal.id !== id) : [];\n\n updateStack?.();\n\n if (!modalStack.length && modalRoot) {\n modalRoot.unmount();\n modalRoot = null;\n }\n};\n\nModal.destroyAll = () => {\n Modal.destroy();\n};\n\nModal.info = (props: StaticProps) => renderModal({ type: 'info', ...props });\nModal.success = (props: StaticProps) =>\n renderModal({ type: 'success', ...props });\nModal.error = (props: StaticProps) => renderModal({ type: 'error', ...props });\nModal.warning = (props: StaticProps) =>\n renderModal({ type: 'warning', ...props });\nModal.confirm = (props: StaticProps) =>\n renderModal({ type: 'confirm', ...props });\n\nexport default Modal;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Slide } from "./slide.mjs";
|
|
2
|
+
import { Swiper as Swiper$1 } from "./swiper.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/components/organisms/swiper/index.d.ts
|
|
5
|
+
type SwiperComponent = typeof Swiper$1 & {
|
|
6
|
+
Slide: typeof Slide;
|
|
7
|
+
};
|
|
8
|
+
declare const Swiper: SwiperComponent;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { Swiper };
|
|
11
|
+
//# sourceMappingURL=index.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/organisms/swiper/index.ts"],"mappings":";;;;KAGK,eAAA,UAAyB,QAAA;EAAe,KAAA,SAAc,KAAA;AAAA;AAAA,cAErD,MAAA,EAAuB,eAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import Slide from "./slide.mjs";
|
|
2
|
+
import Swiper$1, { initialOptions } from "./swiper.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/components/organisms/swiper/index.ts
|
|
5
|
+
const Swiper = Swiper$1;
|
|
6
|
+
Swiper.Slide = Slide;
|
|
7
|
+
|
|
8
|
+
//#endregion
|
|
9
|
+
export { Swiper as default };
|
|
10
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["SwiperImpl"],"sources":["../../../../src/components/organisms/swiper/index.ts"],"sourcesContent":["import Slide from './slide';\nimport SwiperImpl, { initialOptions } from './swiper';\n\ntype SwiperComponent = typeof SwiperImpl & { Slide: typeof Slide };\n\nconst Swiper = SwiperImpl as SwiperComponent;\n\nSwiper.Slide = Slide;\n\nexport default Swiper;\nexport { initialOptions };\n"],"mappings":";;;;AAKA,MAAM,SAASA;AAEf,OAAO,QAAQ"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { SwiperSlideProps } from "swiper/react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/organisms/swiper/slide.d.ts
|
|
5
|
+
declare const Slide: {
|
|
6
|
+
({
|
|
7
|
+
children,
|
|
8
|
+
className,
|
|
9
|
+
...props
|
|
10
|
+
}: SwiperSlideProps): react_jsx_runtime0.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
//#endregion
|
|
14
|
+
export { Slide };
|
|
15
|
+
//# sourceMappingURL=slide.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide.d.mts","names":[],"sources":["../../../../src/components/organisms/swiper/slide.tsx"],"mappings":";;;;cAMM,KAAA;EAAA;;;;KAA4C,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "../../../utils.mjs";
|
|
2
4
|
import { jsx } from "react/jsx-runtime";
|
|
3
5
|
import { SwiperSlide } from "swiper/react";
|
|
4
6
|
|
|
5
|
-
//#region src/components/organisms/
|
|
7
|
+
//#region src/components/organisms/swiper/slide.tsx
|
|
6
8
|
const Slide = ({ children, className, ...props }) => {
|
|
7
9
|
return /* @__PURE__ */ jsx(SwiperSlide, {
|
|
8
10
|
className: cn(className),
|
|
@@ -14,4 +16,4 @@ Slide.displayName = "SwiperSlide";
|
|
|
14
16
|
|
|
15
17
|
//#endregion
|
|
16
18
|
export { Slide as default };
|
|
17
|
-
//# sourceMappingURL=
|
|
19
|
+
//# sourceMappingURL=slide.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide.mjs","names":[],"sources":["../../../../src/components/organisms/swiper/slide.tsx"],"sourcesContent":["'use client';\n\nimport { SwiperSlide, type SwiperSlideProps } from 'swiper/react';\n\nimport { cn } from '@repo/ui/utils';\n\nconst Slide = ({ children, className, ...props }: SwiperSlideProps) => {\n return (\n <SwiperSlide className={cn(className)} {...props}>\n {children}\n </SwiperSlide>\n );\n};\n\nSlide.displayName = 'SwiperSlide';\n\nexport default Slide;\n"],"mappings":";;;;;;;AAMA,MAAM,SAAS,EAAE,UAAU,WAAW,GAAG,YAA8B;AACrE,QACE,oBAAC;EAAY,WAAW,GAAG,UAAU;EAAE,GAAI;EACxC;GACW;;AAIlB,MAAM,cAAc"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import * as swiper_react0 from "swiper/react";
|
|
3
2
|
import { SwiperProps } from "swiper/react";
|
|
4
3
|
import "swiper/css";
|
|
5
4
|
import "swiper/css/autoplay";
|
|
@@ -8,7 +7,7 @@ import "swiper/css/navigation";
|
|
|
8
7
|
import "swiper/css/scrollbar";
|
|
9
8
|
import { SwiperOptions } from "swiper/types";
|
|
10
9
|
|
|
11
|
-
//#region src/components/organisms/
|
|
10
|
+
//#region src/components/organisms/swiper/swiper.d.ts
|
|
12
11
|
interface Props<T> extends SwiperProps {
|
|
13
12
|
loading?: boolean;
|
|
14
13
|
loader?: React.ReactNode;
|
|
@@ -17,26 +16,16 @@ interface Props<T> extends SwiperProps {
|
|
|
17
16
|
data: T[];
|
|
18
17
|
renderItem(item: T, key: number): React.ReactNode;
|
|
19
18
|
}
|
|
20
|
-
declare const Swiper$1: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}: Props<T>): react_jsx_runtime0.JSX.Element;
|
|
31
|
-
Slide: {
|
|
32
|
-
({
|
|
33
|
-
children,
|
|
34
|
-
className,
|
|
35
|
-
...props
|
|
36
|
-
}: swiper_react0.SwiperSlideProps): react_jsx_runtime0.JSX.Element;
|
|
37
|
-
displayName: string;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
19
|
+
declare const Swiper$1: <T>({
|
|
20
|
+
loading,
|
|
21
|
+
loader,
|
|
22
|
+
options,
|
|
23
|
+
data,
|
|
24
|
+
style,
|
|
25
|
+
renderItem,
|
|
26
|
+
loadingClassName,
|
|
27
|
+
...props
|
|
28
|
+
}: Props<T>) => react_jsx_runtime0.JSX.Element;
|
|
40
29
|
//#endregion
|
|
41
30
|
export { Swiper$1 as Swiper };
|
|
42
|
-
//# sourceMappingURL=
|
|
31
|
+
//# sourceMappingURL=swiper.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swiper.d.mts","names":[],"sources":["../../../../src/components/organisms/swiper/swiper.tsx"],"mappings":";;;;;;;;;;UA6BU,KAAA,YAAiB,WAAA;EACzB,OAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,gBAAA;EACA,OAAA,GAAU,aAAA;EACV,IAAA,EAAM,CAAA;EACN,UAAA,CAAW,IAAA,EAAM,CAAA,EAAG,GAAA,WAAc,KAAA,CAAM,SAAA;AAAA;AAAA,cAGpC,QAAA;EAAc,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,UAAA;EAAA,gBAAA;EAAA,GAAA;AAAA,GASjB,KAAA,CAAM,CAAA,MAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { cn } from "../../../utils.mjs";
|
|
4
|
-
import Spin from "../../atoms/
|
|
4
|
+
import Spin from "../../atoms/spin.mjs";
|
|
5
5
|
import "../../atoms/index.mjs";
|
|
6
|
-
import Slide from "./Slide/index.mjs";
|
|
7
6
|
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
import { Autoplay, EffectCards, Navigation, Scrollbar } from "swiper/modules";
|
|
9
7
|
import { Swiper } from "swiper/react";
|
|
8
|
+
import { Autoplay, EffectCards, Navigation, Scrollbar } from "swiper/modules";
|
|
10
9
|
import "swiper/css";
|
|
11
10
|
import "swiper/css/autoplay";
|
|
12
11
|
import "swiper/css/effect-cards";
|
|
13
12
|
import "swiper/css/navigation";
|
|
14
13
|
import "swiper/css/scrollbar";
|
|
15
14
|
|
|
16
|
-
//#region src/components/organisms/
|
|
15
|
+
//#region src/components/organisms/swiper/swiper.tsx
|
|
17
16
|
const initialOptions = {
|
|
18
17
|
loop: false,
|
|
19
18
|
spaceBetween: 8,
|
|
@@ -51,8 +50,7 @@ const Swiper$1 = ({ loading, loader, options = {}, data = [], style, renderItem,
|
|
|
51
50
|
children: data.map((item, i) => renderItem(item, i))
|
|
52
51
|
});
|
|
53
52
|
};
|
|
54
|
-
Swiper$1.Slide = Slide;
|
|
55
53
|
|
|
56
54
|
//#endregion
|
|
57
|
-
export { Swiper$1 as default };
|
|
58
|
-
//# sourceMappingURL=
|
|
55
|
+
export { Swiper$1 as default, initialOptions };
|
|
56
|
+
//# sourceMappingURL=swiper.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swiper.mjs","names":["Swiper","SwiperCore"],"sources":["../../../../src/components/organisms/swiper/swiper.tsx"],"sourcesContent":["'use client';\n\nimport { Autoplay, EffectCards, Navigation, Scrollbar } from 'swiper/modules';\nimport { Swiper as SwiperCore, SwiperProps } from 'swiper/react';\nimport { SwiperOptions } from 'swiper/types';\n\nimport { cn } from '@repo/ui/utils';\n\nimport 'swiper/css';\nimport 'swiper/css/autoplay';\nimport 'swiper/css/effect-cards';\nimport 'swiper/css/navigation';\nimport 'swiper/css/scrollbar';\n\nimport { Spin } from '../../atoms';\n\nexport const initialOptions: SwiperOptions = {\n loop: false,\n spaceBetween: 8,\n slidesPerView: 'auto',\n navigation: false,\n autoplay: {\n delay: 2500,\n disableOnInteraction: false,\n },\n};\n\nconst initialStyle = { width: '100%', maxWidth: '100vw', overflow: 'hidden' };\n\ninterface Props<T> extends SwiperProps {\n loading?: boolean;\n loader?: React.ReactNode;\n loadingClassName?: string;\n options?: SwiperOptions;\n data: T[];\n renderItem(item: T, key: number): React.ReactNode;\n}\n\nconst Swiper = <T,>({\n loading,\n loader,\n options = {},\n data = [],\n style,\n renderItem,\n loadingClassName,\n ...props\n}: Props<T>) => {\n if (loading) {\n return (\n <div className={cn('h-32', loadingClassName)}>\n {loader || <Spin spinning />}\n </div>\n );\n }\n\n return (\n <SwiperCore\n modules={[Navigation, Scrollbar, Autoplay, EffectCards]}\n {...initialOptions}\n {...options}\n style={{ ...initialStyle, ...style }}\n {...props}\n >\n {data.map((item: T, i) => renderItem(item, i))}\n </SwiperCore>\n );\n};\n\nexport default Swiper;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,iBAAgC;CAC3C,MAAM;CACN,cAAc;CACd,eAAe;CACf,YAAY;CACZ,UAAU;EACR,OAAO;EACP,sBAAsB;EACvB;CACF;AAED,MAAM,eAAe;CAAE,OAAO;CAAQ,UAAU;CAAS,UAAU;CAAU;AAW7E,MAAMA,YAAc,EAClB,SACA,QACA,UAAU,EAAE,EACZ,OAAO,EAAE,EACT,OACA,YACA,kBACA,GAAG,YACW;AACd,KAAI,QACF,QACE,oBAAC;EAAI,WAAW,GAAG,QAAQ,iBAAiB;YACzC,UAAU,oBAAC,QAAK,iBAAW;GACxB;AAIV,QACE,oBAACC;EACC,SAAS;GAAC;GAAY;GAAW;GAAU;GAAY;EACvD,GAAI;EACJ,GAAI;EACJ,OAAO;GAAE,GAAG;GAAc,GAAG;GAAO;EACpC,GAAI;YAEH,KAAK,KAAK,MAAS,MAAM,WAAW,MAAM,EAAE,CAAC;GACnC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/components/templates/layout/content.d.ts
|
|
4
|
+
interface Props extends React.ComponentPropsWithoutRef<'main'> {}
|
|
5
|
+
declare const Content: ({
|
|
6
|
+
children,
|
|
7
|
+
className,
|
|
8
|
+
...props
|
|
9
|
+
}: Props) => react_jsx_runtime0.JSX.Element;
|
|
10
|
+
//#endregion
|
|
11
|
+
export { Content, Props };
|
|
12
|
+
//# sourceMappingURL=content.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content.d.mts","names":[],"sources":["../../../../src/components/templates/layout/content.tsx"],"mappings":";;;UAEiB,KAAA,SAAc,KAAA,CAAM,wBAAA;AAAA,cAE/B,OAAA;EAAW,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAmC,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { cn } from "
|
|
1
|
+
import { cn } from "../../../utils.mjs";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
|
|
4
|
-
//#region src/components/templates/
|
|
4
|
+
//#region src/components/templates/layout/content.tsx
|
|
5
5
|
const Content = ({ children, className, ...props }) => {
|
|
6
6
|
return /* @__PURE__ */ jsx("main", {
|
|
7
7
|
className: cn("min-h-0 min-w-0 shrink grow basis-0", className),
|
|
@@ -12,4 +12,4 @@ const Content = ({ children, className, ...props }) => {
|
|
|
12
12
|
|
|
13
13
|
//#endregion
|
|
14
14
|
export { Content as default };
|
|
15
|
-
//# sourceMappingURL=
|
|
15
|
+
//# sourceMappingURL=content.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content.mjs","names":[],"sources":["../../../../src/components/templates/layout/content.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'main'> {}\n\nconst Content = ({ children, className, ...props }: Props) => {\n return (\n <main\n className={cn('min-h-0 min-w-0 shrink grow basis-0', className)}\n {...props}\n >\n {children}\n </main>\n );\n};\n\nexport default Content;\n"],"mappings":";;;;AAIA,MAAM,WAAW,EAAE,UAAU,WAAW,GAAG,YAAmB;AAC5D,QACE,oBAAC;EACC,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;EAEH;GACI"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/components/templates/layout/footer.d.ts
|
|
4
|
+
interface Props extends React.ComponentPropsWithoutRef<'footer'> {}
|
|
5
|
+
declare const Footer: ({
|
|
6
|
+
children,
|
|
7
|
+
className,
|
|
8
|
+
...props
|
|
9
|
+
}: Props) => react_jsx_runtime0.JSX.Element;
|
|
10
|
+
//#endregion
|
|
11
|
+
export { Footer, Props };
|
|
12
|
+
//# sourceMappingURL=footer.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"footer.d.mts","names":[],"sources":["../../../../src/components/templates/layout/footer.tsx"],"mappings":";;;UAEiB,KAAA,SAAc,KAAA,CAAM,wBAAA;AAAA,cAE/B,MAAA;EAAU,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAmC,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { cn } from "
|
|
1
|
+
import { cn } from "../../../utils.mjs";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
|
|
4
|
-
//#region src/components/templates/
|
|
4
|
+
//#region src/components/templates/layout/footer.tsx
|
|
5
5
|
const Footer = ({ children, className, ...props }) => {
|
|
6
6
|
return /* @__PURE__ */ jsx("footer", {
|
|
7
7
|
className: cn("w-full", className),
|
|
@@ -12,4 +12,4 @@ const Footer = ({ children, className, ...props }) => {
|
|
|
12
12
|
|
|
13
13
|
//#endregion
|
|
14
14
|
export { Footer as default };
|
|
15
|
-
//# sourceMappingURL=
|
|
15
|
+
//# sourceMappingURL=footer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"footer.mjs","names":[],"sources":["../../../../src/components/templates/layout/footer.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'footer'> {}\n\nconst Footer = ({ children, className, ...props }: Props) => {\n return (\n <footer className={cn('w-full', className)} {...props}>\n {children}\n </footer>\n );\n};\n\nexport default Footer;\n"],"mappings":";;;;AAIA,MAAM,UAAU,EAAE,UAAU,WAAW,GAAG,YAAmB;AAC3D,QACE,oBAAC;EAAO,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;EAC7C;GACM"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/components/templates/layout/header.d.ts
|
|
4
|
+
interface Props extends React.ComponentPropsWithoutRef<'header'> {}
|
|
5
|
+
declare const Header: ({
|
|
6
|
+
children,
|
|
7
|
+
className,
|
|
8
|
+
...props
|
|
9
|
+
}: Props) => react_jsx_runtime0.JSX.Element;
|
|
10
|
+
//#endregion
|
|
11
|
+
export { Header, Props };
|
|
12
|
+
//# sourceMappingURL=header.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header.d.mts","names":[],"sources":["../../../../src/components/templates/layout/header.tsx"],"mappings":";;;UAEiB,KAAA,SAAc,KAAA,CAAM,wBAAA;AAAA,cAE/B,MAAA;EAAU,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAmC,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { cn } from "
|
|
1
|
+
import { cn } from "../../../utils.mjs";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
|
|
4
|
-
//#region src/components/templates/
|
|
4
|
+
//#region src/components/templates/layout/header.tsx
|
|
5
5
|
const Header = ({ children, className, ...props }) => {
|
|
6
6
|
return /* @__PURE__ */ jsx("header", {
|
|
7
7
|
className: cn("sticky top-0 z-50", "flex h-16 w-full items-center px-5", className),
|
|
@@ -12,4 +12,4 @@ const Header = ({ children, className, ...props }) => {
|
|
|
12
12
|
|
|
13
13
|
//#endregion
|
|
14
14
|
export { Header as default };
|
|
15
|
-
//# sourceMappingURL=
|
|
15
|
+
//# sourceMappingURL=header.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/components/templates/layout/header.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'header'> {}\n\nconst Header = ({ children, className, ...props }: Props) => {\n return (\n <header\n className={cn(\n 'sticky top-0 z-50',\n 'flex h-16 w-full items-center px-5',\n className,\n //\n )}\n {...props}\n >\n {children}\n </header>\n );\n};\n\nexport default Header;\n"],"mappings":";;;;AAIA,MAAM,UAAU,EAAE,UAAU,WAAW,GAAG,YAAmB;AAC3D,QACE,oBAAC;EACC,WAAW,GACT,qBACA,sCACA,UAED;EACD,GAAI;EAEH;GACM"}
|