monobill-mintui 0.4.4 → 0.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +207 -175
- package/dist/components/alert/Alert.d.ts +32 -0
- package/dist/components/alert/Alert.d.ts.map +1 -0
- package/dist/components/alert/index.d.ts +3 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/back-button/BackButton.d.ts +18 -0
- package/dist/components/back-button/BackButton.d.ts.map +1 -0
- package/dist/components/back-button/index.d.ts +3 -0
- package/dist/components/back-button/index.d.ts.map +1 -0
- package/dist/components/button/Button.d.ts +46 -1
- package/dist/components/button/Button.d.ts.map +1 -10
- package/dist/components/button/index.d.ts +3 -1
- package/dist/components/button/index.d.ts.map +1 -10
- package/dist/components/card/Card.d.ts +17 -1
- package/dist/components/card/Card.d.ts.map +1 -10
- package/dist/components/card/index.d.ts +3 -1
- package/dist/components/card/index.d.ts.map +1 -10
- package/dist/components/chart/Chart.d.ts +277 -0
- package/dist/components/chart/Chart.d.ts.map +1 -0
- package/dist/components/chart/index.d.ts +3 -0
- package/dist/components/chart/index.d.ts.map +1 -0
- package/dist/components/checkbox/Checkbox.d.ts +41 -1
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -10
- package/dist/components/checkbox/index.d.ts +3 -1
- package/dist/components/checkbox/index.d.ts.map +1 -10
- package/dist/components/chip/Chip.d.ts +15 -0
- package/dist/components/chip/Chip.d.ts.map +1 -0
- package/dist/components/chip/index.d.ts +3 -0
- package/dist/components/chip/index.d.ts.map +1 -0
- package/dist/components/choice/Choice.d.ts +27 -1
- package/dist/components/choice/Choice.d.ts.map +1 -10
- package/dist/components/choice/ChoiceOption.d.ts +30 -0
- package/dist/components/choice/ChoiceOption.d.ts.map +1 -0
- package/dist/components/choice/index.d.ts +5 -1
- package/dist/components/choice/index.d.ts.map +1 -10
- package/dist/components/clickable/Clickable.d.ts +14 -0
- package/dist/components/clickable/Clickable.d.ts.map +1 -0
- package/dist/components/clickable/index.d.ts +3 -0
- package/dist/components/clickable/index.d.ts.map +1 -0
- package/dist/components/date-picker/DatePicker.d.ts +130 -0
- package/dist/components/date-picker/DatePicker.d.ts.map +1 -0
- package/dist/components/date-picker/index.d.ts +3 -0
- package/dist/components/date-picker/index.d.ts.map +1 -0
- package/dist/components/dropzone/Dropzone.d.ts +59 -0
- package/dist/components/dropzone/Dropzone.d.ts.map +1 -0
- package/dist/components/dropzone/index.d.ts +3 -0
- package/dist/components/dropzone/index.d.ts.map +1 -0
- package/dist/components/form/Form.d.ts +106 -0
- package/dist/components/form/Form.d.ts.map +1 -0
- package/dist/components/form/index.d.ts +3 -0
- package/dist/components/form/index.d.ts.map +1 -0
- package/dist/components/grid/Grid.d.ts +16 -1
- package/dist/components/grid/Grid.d.ts.map +1 -10
- package/dist/components/grid/index.d.ts +3 -1
- package/dist/components/grid/index.d.ts.map +1 -10
- package/dist/components/icon/Icon.d.ts +15 -1
- package/dist/components/icon/Icon.d.ts.map +1 -10
- package/dist/components/icon/build-icons.d.ts +2 -0
- package/dist/components/icon/build-icons.d.ts.map +1 -0
- package/dist/components/icon/icons/archive.d.ts +3 -0
- package/dist/components/icon/icons/archive.d.ts.map +1 -0
- package/dist/components/icon/icons/arrow-down.d.ts +3 -0
- package/dist/components/icon/icons/arrow-down.d.ts.map +1 -0
- package/dist/components/icon/icons/arrow-left.d.ts +3 -0
- package/dist/components/icon/icons/arrow-left.d.ts.map +1 -0
- package/dist/components/icon/icons/arrow-right.d.ts +3 -0
- package/dist/components/icon/icons/arrow-right.d.ts.map +1 -0
- package/dist/components/icon/icons/arrow-up.d.ts +3 -0
- package/dist/components/icon/icons/arrow-up.d.ts.map +1 -0
- package/dist/components/icon/icons/attach.d.ts +3 -0
- package/dist/components/icon/icons/attach.d.ts.map +1 -0
- package/dist/components/icon/icons/barcode.d.ts +3 -0
- package/dist/components/icon/icons/barcode.d.ts.map +1 -0
- package/dist/components/icon/icons/bookmark.d.ts +3 -0
- package/dist/components/icon/icons/bookmark.d.ts.map +1 -0
- package/dist/components/icon/icons/building.d.ts +3 -0
- package/dist/components/icon/icons/building.d.ts.map +1 -0
- package/dist/components/icon/icons/buildings.d.ts +3 -0
- package/dist/components/icon/icons/buildings.d.ts.map +1 -0
- package/dist/components/icon/icons/calendar-day.d.ts +3 -0
- package/dist/components/icon/icons/calendar-day.d.ts.map +1 -0
- package/dist/components/icon/icons/calendar-empty.d.ts +3 -0
- package/dist/components/icon/icons/calendar-empty.d.ts.map +1 -0
- package/dist/components/icon/icons/calendar-week.d.ts +3 -0
- package/dist/components/icon/icons/calendar-week.d.ts.map +1 -0
- package/dist/components/icon/icons/calendar.d.ts +3 -0
- package/dist/components/icon/icons/calendar.d.ts.map +1 -0
- package/dist/components/icon/icons/caret-down.d.ts +3 -0
- package/dist/components/icon/icons/caret-down.d.ts.map +1 -0
- package/dist/components/icon/icons/caret-left.d.ts +3 -0
- package/dist/components/icon/icons/caret-left.d.ts.map +1 -0
- package/dist/components/icon/icons/caret-right.d.ts +3 -0
- package/dist/components/icon/icons/caret-right.d.ts.map +1 -0
- package/dist/components/icon/icons/caret-up.d.ts +3 -0
- package/dist/components/icon/icons/caret-up.d.ts.map +1 -0
- package/dist/components/icon/icons/chat.d.ts +3 -0
- package/dist/components/icon/icons/chat.d.ts.map +1 -0
- package/dist/components/icon/icons/check.d.ts +3 -0
- package/dist/components/icon/icons/check.d.ts.map +1 -0
- package/dist/components/icon/icons/clock.d.ts +3 -0
- package/dist/components/icon/icons/clock.d.ts.map +1 -0
- package/dist/components/icon/icons/close.d.ts +3 -0
- package/dist/components/icon/icons/close.d.ts.map +1 -0
- package/dist/components/icon/icons/copy.d.ts +3 -0
- package/dist/components/icon/icons/copy.d.ts.map +1 -0
- package/dist/components/icon/icons/credit-card.d.ts +3 -0
- package/dist/components/icon/icons/credit-card.d.ts.map +1 -0
- package/dist/components/icon/icons/delete.d.ts +3 -0
- package/dist/components/icon/icons/delete.d.ts.map +1 -0
- package/dist/components/icon/icons/documentation.d.ts +3 -0
- package/dist/components/icon/icons/documentation.d.ts.map +1 -0
- package/dist/components/icon/icons/dollar-sign.d.ts +3 -0
- package/dist/components/icon/icons/dollar-sign.d.ts.map +1 -0
- package/dist/components/icon/icons/download.d.ts +3 -0
- package/dist/components/icon/icons/download.d.ts.map +1 -0
- package/dist/components/icon/icons/duplicate.d.ts +3 -0
- package/dist/components/icon/icons/duplicate.d.ts.map +1 -0
- package/dist/components/icon/icons/edit.d.ts +3 -0
- package/dist/components/icon/icons/edit.d.ts.map +1 -0
- package/dist/components/icon/icons/ellipsis.d.ts +3 -0
- package/dist/components/icon/icons/ellipsis.d.ts.map +1 -0
- package/dist/components/icon/icons/error.d.ts +3 -0
- package/dist/components/icon/icons/error.d.ts.map +1 -0
- package/dist/components/icon/icons/external-link.d.ts +3 -0
- package/dist/components/icon/icons/external-link.d.ts.map +1 -0
- package/dist/components/icon/icons/file.d.ts +3 -0
- package/dist/components/icon/icons/file.d.ts.map +1 -0
- package/dist/components/icon/icons/filter.d.ts +3 -0
- package/dist/components/icon/icons/filter.d.ts.map +1 -0
- package/dist/components/icon/icons/folder.d.ts +3 -0
- package/dist/components/icon/icons/folder.d.ts.map +1 -0
- package/dist/components/icon/icons/grid.d.ts +3 -0
- package/dist/components/icon/icons/grid.d.ts.map +1 -0
- package/dist/components/icon/icons/help.d.ts +3 -0
- package/dist/components/icon/icons/help.d.ts.map +1 -0
- package/dist/components/icon/icons/home.d.ts +3 -0
- package/dist/components/icon/icons/home.d.ts.map +1 -0
- package/dist/components/icon/icons/image.d.ts +3 -0
- package/dist/components/icon/icons/image.d.ts.map +1 -0
- package/dist/components/icon/icons/index.cjs +4 -0
- package/dist/components/icon/icons/index.d.ts +79 -0
- package/dist/components/icon/icons/index.d.ts.map +1 -0
- package/dist/components/{chunks/icon-a2ABTJf-.js → icon/icons/index.js} +215 -260
- package/dist/components/icon/icons/info.d.ts +3 -0
- package/dist/components/icon/icons/info.d.ts.map +1 -0
- package/dist/components/icon/icons/language.d.ts +3 -0
- package/dist/components/icon/icons/language.d.ts.map +1 -0
- package/dist/components/icon/icons/link.d.ts +3 -0
- package/dist/components/icon/icons/link.d.ts.map +1 -0
- package/dist/components/icon/icons/list.d.ts +3 -0
- package/dist/components/icon/icons/list.d.ts.map +1 -0
- package/dist/components/icon/icons/location.d.ts +3 -0
- package/dist/components/icon/icons/location.d.ts.map +1 -0
- package/dist/components/icon/icons/lock.d.ts +3 -0
- package/dist/components/icon/icons/lock.d.ts.map +1 -0
- package/dist/components/icon/icons/login.d.ts +3 -0
- package/dist/components/icon/icons/login.d.ts.map +1 -0
- package/dist/components/icon/icons/logout.d.ts +3 -0
- package/dist/components/icon/icons/logout.d.ts.map +1 -0
- package/dist/components/icon/icons/mail.d.ts +3 -0
- package/dist/components/icon/icons/mail.d.ts.map +1 -0
- package/dist/components/icon/icons/map.d.ts +3 -0
- package/dist/components/icon/icons/map.d.ts.map +1 -0
- package/dist/components/icon/icons/menu.d.ts +3 -0
- package/dist/components/icon/icons/menu.d.ts.map +1 -0
- package/dist/components/icon/icons/moon.d.ts +3 -0
- package/dist/components/icon/icons/moon.d.ts.map +1 -0
- package/dist/components/icon/icons/notifications.d.ts +3 -0
- package/dist/components/icon/icons/notifications.d.ts.map +1 -0
- package/dist/components/icon/icons/paste.d.ts +3 -0
- package/dist/components/icon/icons/paste.d.ts.map +1 -0
- package/dist/components/icon/icons/pin.d.ts +3 -0
- package/dist/components/icon/icons/pin.d.ts.map +1 -0
- package/dist/components/icon/icons/plus.d.ts +3 -0
- package/dist/components/icon/icons/plus.d.ts.map +1 -0
- package/dist/components/icon/icons/print.d.ts +3 -0
- package/dist/components/icon/icons/print.d.ts.map +1 -0
- package/dist/components/icon/icons/refresh.d.ts +3 -0
- package/dist/components/icon/icons/refresh.d.ts.map +1 -0
- package/dist/components/icon/icons/remove.d.ts +3 -0
- package/dist/components/icon/icons/remove.d.ts.map +1 -0
- package/dist/components/icon/icons/save.d.ts +3 -0
- package/dist/components/icon/icons/save.d.ts.map +1 -0
- package/dist/components/icon/icons/search.d.ts +3 -0
- package/dist/components/icon/icons/search.d.ts.map +1 -0
- package/dist/components/icon/icons/settings.d.ts +3 -0
- package/dist/components/icon/icons/settings.d.ts.map +1 -0
- package/dist/components/icon/icons/share.d.ts +3 -0
- package/dist/components/icon/icons/share.d.ts.map +1 -0
- package/dist/components/icon/icons/sort-arrows.d.ts +3 -0
- package/dist/components/icon/icons/sort-arrows.d.ts.map +1 -0
- package/dist/components/icon/icons/sort.d.ts +3 -0
- package/dist/components/icon/icons/sort.d.ts.map +1 -0
- package/dist/components/icon/icons/star.d.ts +3 -0
- package/dist/components/icon/icons/star.d.ts.map +1 -0
- package/dist/components/icon/icons/success.d.ts +3 -0
- package/dist/components/icon/icons/success.d.ts.map +1 -0
- package/dist/components/icon/icons/sun.d.ts +3 -0
- package/dist/components/icon/icons/sun.d.ts.map +1 -0
- package/dist/components/icon/icons/table.d.ts +3 -0
- package/dist/components/icon/icons/table.d.ts.map +1 -0
- package/dist/components/icon/icons/tag.d.ts +3 -0
- package/dist/components/icon/icons/tag.d.ts.map +1 -0
- package/dist/components/icon/icons/trash.d.ts +3 -0
- package/dist/components/icon/icons/trash.d.ts.map +1 -0
- package/dist/components/icon/icons/unlock.d.ts +3 -0
- package/dist/components/icon/icons/unlock.d.ts.map +1 -0
- package/dist/components/icon/icons/upload.d.ts +3 -0
- package/dist/components/icon/icons/upload.d.ts.map +1 -0
- package/dist/components/icon/icons/user-add.d.ts +3 -0
- package/dist/components/icon/icons/user-add.d.ts.map +1 -0
- package/dist/components/icon/icons/user.d.ts +3 -0
- package/dist/components/icon/icons/user.d.ts.map +1 -0
- package/dist/components/icon/icons/users.d.ts +3 -0
- package/dist/components/icon/icons/users.d.ts.map +1 -0
- package/dist/components/icon/icons/video.d.ts +3 -0
- package/dist/components/icon/icons/video.d.ts.map +1 -0
- package/dist/components/icon/icons/warning.d.ts +3 -0
- package/dist/components/icon/icons/warning.d.ts.map +1 -0
- package/dist/components/icon/index.d.ts +3 -2
- package/dist/components/icon/index.d.ts.map +1 -10
- package/dist/components/icon/registry.d.ts +15 -0
- package/dist/components/icon/registry.d.ts.map +1 -0
- package/dist/components/input/Input.d.ts +56 -0
- package/dist/components/input/Input.d.ts.map +1 -0
- package/dist/components/input/index.d.ts +3 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/link/Link.d.ts +16 -1
- package/dist/components/link/Link.d.ts.map +1 -10
- package/dist/components/link/index.d.ts +3 -1
- package/dist/components/link/index.d.ts.map +1 -10
- package/dist/components/modal/Modal.d.ts +32 -1
- package/dist/components/modal/Modal.d.ts.map +1 -10
- package/dist/components/modal/index.d.ts +3 -1
- package/dist/components/modal/index.d.ts.map +1 -10
- package/dist/components/off-canvas/OffCanvas.d.ts +42 -0
- package/dist/components/off-canvas/OffCanvas.d.ts.map +1 -0
- package/dist/components/off-canvas/index.d.ts +3 -0
- package/dist/components/off-canvas/index.d.ts.map +1 -0
- package/dist/components/page/Page.d.ts +29 -1
- package/dist/components/page/Page.d.ts.map +1 -10
- package/dist/components/page/index.d.ts +3 -1
- package/dist/components/page/index.d.ts.map +1 -10
- package/dist/components/popover/Popover.d.ts +48 -1
- package/dist/components/popover/Popover.d.ts.map +1 -10
- package/dist/components/popover/index.d.ts +3 -1
- package/dist/components/popover/index.d.ts.map +1 -10
- package/dist/components/resource-table/ResourceTable.d.ts +159 -0
- package/dist/components/resource-table/ResourceTable.d.ts.map +1 -0
- package/dist/components/resource-table/index.d.ts +3 -0
- package/dist/components/resource-table/index.d.ts.map +1 -0
- package/dist/components/select/Select.d.ts +34 -0
- package/dist/components/select/Select.d.ts.map +1 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/side-navigation/SideNavigation.d.ts +22 -0
- package/dist/components/side-navigation/SideNavigation.d.ts.map +1 -0
- package/dist/components/side-navigation/SideNavigationActionHeader.d.ts +2 -0
- package/dist/components/side-navigation/SideNavigationActionHeader.d.ts.map +1 -0
- package/dist/components/side-navigation/SideNavigationActionLinks.d.ts +9 -0
- package/dist/components/side-navigation/SideNavigationActionLinks.d.ts.map +1 -0
- package/dist/components/side-navigation/SideNavigationActionMenu.d.ts +23 -0
- package/dist/components/side-navigation/SideNavigationActionMenu.d.ts.map +1 -0
- package/dist/components/side-navigation/SideNavigationLink.d.ts +28 -0
- package/dist/components/side-navigation/SideNavigationLink.d.ts.map +1 -0
- package/dist/components/side-navigation/SideNavigationLinks.d.ts +14 -0
- package/dist/components/side-navigation/SideNavigationLinks.d.ts.map +1 -0
- package/dist/components/side-navigation/index.d.ts +8 -0
- package/dist/components/side-navigation/index.d.ts.map +1 -0
- package/dist/components/spinner/Spinner.d.ts +13 -1
- package/dist/components/spinner/Spinner.d.ts.map +1 -10
- package/dist/components/spinner/index.d.ts +3 -1
- package/dist/components/spinner/index.d.ts.map +1 -10
- package/dist/components/stack/Stack.d.ts +20 -1
- package/dist/components/stack/Stack.d.ts.map +1 -10
- package/dist/components/stack/index.d.ts +3 -1
- package/dist/components/stack/index.d.ts.map +1 -10
- package/dist/components/switch/Switch.d.ts +32 -1
- package/dist/components/switch/Switch.d.ts.map +1 -10
- package/dist/components/switch/index.d.ts +3 -1
- package/dist/components/switch/index.d.ts.map +1 -10
- package/dist/components/table/Table.d.ts +15 -0
- package/dist/components/table/Table.d.ts.map +1 -0
- package/dist/components/table/index.d.ts +3 -0
- package/dist/components/table/index.d.ts.map +1 -0
- package/dist/components/tabs/Tab.d.ts +19 -0
- package/dist/components/tabs/Tab.d.ts.map +1 -0
- package/dist/components/tabs/TabContent.d.ts +13 -0
- package/dist/components/tabs/TabContent.d.ts.map +1 -0
- package/dist/components/tabs/TabList.d.ts +12 -0
- package/dist/components/tabs/TabList.d.ts.map +1 -0
- package/dist/components/tabs/Tabs.d.ts +20 -0
- package/dist/components/tabs/Tabs.d.ts.map +1 -0
- package/dist/components/tabs/index.d.ts +9 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tags/Tags.d.ts +57 -0
- package/dist/components/tags/Tags.d.ts.map +1 -0
- package/dist/components/tags/index.d.ts +3 -0
- package/dist/components/tags/index.d.ts.map +1 -0
- package/dist/components/text/Text.d.ts +25 -1
- package/dist/components/text/Text.d.ts.map +1 -10
- package/dist/components/text/index.d.ts +3 -1
- package/dist/components/text/index.d.ts.map +1 -10
- package/dist/icons/calendar-day.svg +3 -0
- package/dist/icons/calendar-empty.svg +3 -0
- package/dist/icons/calendar-week.svg +3 -0
- package/dist/icons/calendar.svg +1 -1
- package/dist/icons/credit-card.svg +3 -0
- package/dist/icons/dollar-sign.svg +3 -0
- package/dist/icons/edit.svg +1 -1
- package/dist/icons/sort-arrows.svg +3 -0
- package/dist/icons/table.svg +3 -0
- package/dist/index.cjs +209 -1
- package/dist/index.d.ts +69 -35
- package/dist/index.d.ts.map +1 -10
- package/dist/index.js +8697 -16
- package/dist/plus-C2ciGlkq.cjs +1 -0
- package/dist/plus-csC2ambK.js +136 -0
- package/package.json +37 -87
- package/tailwind.preset.cjs +24 -0
- package/tailwind.preset.js +24 -0
- package/dist/components/button/index.cjs +0 -1
- package/dist/components/button/index.js +0 -2
- package/dist/components/card/index.cjs +0 -1
- package/dist/components/card/index.js +0 -2
- package/dist/components/checkbox/index.cjs +0 -1
- package/dist/components/checkbox/index.js +0 -1
- package/dist/components/choice/index.cjs +0 -1
- package/dist/components/choice/index.js +0 -1
- package/dist/components/chunks/Icon-BTlX8dXa.js +0 -1
- package/dist/components/chunks/Icon-xNhleOos.js +0 -77
- package/dist/components/chunks/button-4_r-rdhN.js +0 -1
- package/dist/components/chunks/button-DFs4DmfC.js +0 -575
- package/dist/components/chunks/card-D8FpQZBD.js +0 -1
- package/dist/components/chunks/card-DhRHTSkL.js +0 -58
- package/dist/components/chunks/checkbox-Bakjptcp.js +0 -1
- package/dist/components/chunks/checkbox-D95xYxXV.js +0 -169
- package/dist/components/chunks/choice-BlAkXCQN.js +0 -204
- package/dist/components/chunks/choice-C0EYGPxa.js +0 -1
- package/dist/components/chunks/grid-DVHtippr.js +0 -1
- package/dist/components/chunks/grid-DqlQrFkp.js +0 -62
- package/dist/components/chunks/icon-BZolpoyx.js +0 -1
- package/dist/components/chunks/link-C49HKGxh.js +0 -75
- package/dist/components/chunks/link-S0yBi9n7.js +0 -1
- package/dist/components/chunks/modal-B2sNSV2Q.js +0 -1
- package/dist/components/chunks/modal-BQlup2Mw.js +0 -98
- package/dist/components/chunks/page-BiSPS1-l.js +0 -1
- package/dist/components/chunks/page-DFKYJekL.js +0 -112
- package/dist/components/chunks/popover-BkTNH5gb.js +0 -181
- package/dist/components/chunks/popover-DFCs6KnJ.js +0 -1
- package/dist/components/chunks/spinner-Ch8momJm.js +0 -63
- package/dist/components/chunks/spinner-zGnecx3W.js +0 -111
- package/dist/components/chunks/stack-BvgkqvMX.js +0 -1
- package/dist/components/chunks/stack-DzZy3iH1.js +0 -114
- package/dist/components/chunks/switch-C5FOAA64.js +0 -1
- package/dist/components/chunks/switch-CCyMw1-M.js +0 -138
- package/dist/components/chunks/text-B-qq-sZ2.js +0 -111
- package/dist/components/chunks/text-nTrVku3e.js +0 -1
- package/dist/components/grid/index.cjs +0 -1
- package/dist/components/grid/index.js +0 -2
- package/dist/components/icon/index.cjs +0 -1
- package/dist/components/icon/index.js +0 -3
- package/dist/components/link/index.cjs +0 -1
- package/dist/components/link/index.js +0 -2
- package/dist/components/modal/index.cjs +0 -1
- package/dist/components/modal/index.js +0 -1
- package/dist/components/page/index.cjs +0 -1
- package/dist/components/page/index.js +0 -2
- package/dist/components/popover/index.cjs +0 -1
- package/dist/components/popover/index.js +0 -1
- package/dist/components/spinner/index.cjs +0 -1
- package/dist/components/spinner/index.js +0 -2
- package/dist/components/stack/index.cjs +0 -1
- package/dist/components/stack/index.js +0 -2
- package/dist/components/switch/index.cjs +0 -1
- package/dist/components/switch/index.js +0 -2
- package/dist/components/text/index.cjs +0 -1
- package/dist/components/text/index.js +0 -2
- package/dist/mintui-elements.d.ts +0 -78
- package/dist/mintui-elements.d.ts.map +0 -10
- package/dist/styles.css +0 -1
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
//#region src/components/stack/Stack.js
|
|
2
|
-
var e = class extends HTMLElement {
|
|
3
|
-
static get observedAttributes() {
|
|
4
|
-
return ["direction", "text-align"];
|
|
5
|
-
}
|
|
6
|
-
constructor() {
|
|
7
|
-
super();
|
|
8
|
-
}
|
|
9
|
-
connectedCallback() {
|
|
10
|
-
this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "block"), this.render(), this.getTextAlign() && this._observeChildren();
|
|
11
|
-
}
|
|
12
|
-
attributeChangedCallback(e, t, n) {
|
|
13
|
-
t !== n && (this.render(), e === "text-align" && this._observeChildren());
|
|
14
|
-
}
|
|
15
|
-
_observeChildren() {
|
|
16
|
-
this._childObserver || (this._childObserver = new MutationObserver(() => {
|
|
17
|
-
let e = this.getTextAlign();
|
|
18
|
-
e && this._applyTextAlignToChildren(e);
|
|
19
|
-
}), this._childObserver.observe(this, {
|
|
20
|
-
childList: !0,
|
|
21
|
-
subtree: !1
|
|
22
|
-
}));
|
|
23
|
-
}
|
|
24
|
-
disconnectedCallback() {
|
|
25
|
-
this._childObserver &&= (this._childObserver.disconnect(), null);
|
|
26
|
-
}
|
|
27
|
-
getDirection() {
|
|
28
|
-
return (this.getAttribute("direction") || "vertical") === "horizontal" ? "horizontal" : "vertical";
|
|
29
|
-
}
|
|
30
|
-
getTextAlign() {
|
|
31
|
-
let e = this.getAttribute("text-align") || "";
|
|
32
|
-
return [
|
|
33
|
-
"left",
|
|
34
|
-
"center",
|
|
35
|
-
"right",
|
|
36
|
-
"justify"
|
|
37
|
-
].includes(e) ? e : "";
|
|
38
|
-
}
|
|
39
|
-
getStackClasses() {
|
|
40
|
-
let e = this.getDirection(), t = this.getTextAlign(), n = [
|
|
41
|
-
"flex",
|
|
42
|
-
e === "horizontal" ? "flex-row" : "flex-col",
|
|
43
|
-
"gap-3"
|
|
44
|
-
];
|
|
45
|
-
return t && (n.push(`text-${t}`), n.push(`[&>*]:text-${t}`), n.push(`[&>*_.mint-button-content]:text-${t}`), t === "left" ? (n.push("[&>mint-button]:!justify-start"), n.push("[&>mint-button>button]:!justify-start")) : t === "right" ? (n.push("[&>mint-button]:!justify-end"), n.push("[&>mint-button>button]:!justify-end")) : t === "center" && (n.push("[&>mint-button]:!justify-center"), n.push("[&>mint-button>button]:!justify-center"))), n.join(" ");
|
|
46
|
-
}
|
|
47
|
-
render() {
|
|
48
|
-
let e = this.getStackClasses(), t = this.getTextAlign();
|
|
49
|
-
[
|
|
50
|
-
"flex",
|
|
51
|
-
"flex-row",
|
|
52
|
-
"flex-col",
|
|
53
|
-
"gap-1",
|
|
54
|
-
"gap-2",
|
|
55
|
-
"gap-3",
|
|
56
|
-
"text-left",
|
|
57
|
-
"text-center",
|
|
58
|
-
"text-right",
|
|
59
|
-
"text-justify",
|
|
60
|
-
"[&>*]:text-left",
|
|
61
|
-
"[&>*]:text-center",
|
|
62
|
-
"[&>*]:text-right",
|
|
63
|
-
"[&>*]:text-justify",
|
|
64
|
-
"[&>*_.mint-button-content]:text-left",
|
|
65
|
-
"[&>*_.mint-button-content]:text-center",
|
|
66
|
-
"[&>*_.mint-button-content]:text-right",
|
|
67
|
-
"[&>*_.mint-button-content]:text-justify",
|
|
68
|
-
"[&>mint-button]:!justify-start",
|
|
69
|
-
"[&>mint-button]:!justify-center",
|
|
70
|
-
"[&>mint-button]:!justify-end",
|
|
71
|
-
"[&>mint-button>button]:!justify-start",
|
|
72
|
-
"[&>mint-button>button]:!justify-center",
|
|
73
|
-
"[&>mint-button>button]:!justify-end"
|
|
74
|
-
].forEach((e) => this.classList.remove(e)), e.split(" ").forEach((e) => {
|
|
75
|
-
e && this.classList.add(e);
|
|
76
|
-
}), [
|
|
77
|
-
"box-border",
|
|
78
|
-
"m-0",
|
|
79
|
-
"p-0",
|
|
80
|
-
"border-0",
|
|
81
|
-
"align-baseline",
|
|
82
|
-
"block"
|
|
83
|
-
].forEach((e) => {
|
|
84
|
-
this.classList.contains(e) || this.classList.add(e);
|
|
85
|
-
}), t ? this._applyTextAlignToChildren(t) : this._removeTextAlignFromChildren();
|
|
86
|
-
}
|
|
87
|
-
_applyTextAlignToChildren(e) {
|
|
88
|
-
Array.from(this.children).forEach((t) => {
|
|
89
|
-
if (t.tagName === "MINT-BUTTON") {
|
|
90
|
-
let n = t.querySelector("button");
|
|
91
|
-
if (n) {
|
|
92
|
-
n.classList.remove("justify-start", "justify-center", "justify-end"), e === "left" ? n.classList.add("justify-start") : e === "right" ? n.classList.add("justify-end") : e === "center" && n.classList.add("justify-center");
|
|
93
|
-
let t = n.querySelector(".mint-button-content");
|
|
94
|
-
t && (t.classList.remove("text-left", "text-center", "text-right", "text-justify"), t.classList.add(`text-${e}`));
|
|
95
|
-
}
|
|
96
|
-
} else t.classList.remove("text-left", "text-center", "text-right", "text-justify"), t.classList.add(`text-${e}`);
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
_removeTextAlignFromChildren() {
|
|
100
|
-
Array.from(this.children).forEach((e) => {
|
|
101
|
-
if (e.tagName === "MINT-BUTTON") {
|
|
102
|
-
let t = e.querySelector("button");
|
|
103
|
-
if (t) {
|
|
104
|
-
t.classList.remove("justify-start", "justify-end"), t.classList.add("justify-center");
|
|
105
|
-
let e = t.querySelector(".mint-button-content");
|
|
106
|
-
e && e.classList.remove("text-left", "text-center", "text-right", "text-justify");
|
|
107
|
-
}
|
|
108
|
-
} else e.classList.remove("text-left", "text-center", "text-right", "text-justify");
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
};
|
|
112
|
-
customElements.get("mint-stack") || customElements.define("mint-stack", e);
|
|
113
|
-
//#endregion
|
|
114
|
-
export { e as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
require(`./Icon-BTlX8dXa.js`);var e=class extends HTMLElement{static get observedAttributes(){return[`checked`,`disabled`,`label`,`icon`]}constructor(){super(),this._button=null,this._checked=!1}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`inline-block`,`flex`,`items-center`),this._checked=this.hasAttribute(`checked`),this.render()}disconnectedCallback(){this.removeEventListeners()}attributeChangedCallback(e,t,n){e===`checked`&&(this._checked=n!==null),t!==n&&this.render()}get checked(){return this._checked}set checked(e){e?this.setAttribute(`checked`,``):this.removeAttribute(`checked`),this._checked=!!e,this.render()}isDisabled(){return this.hasAttribute(`disabled`)}getLabel(){return this.getAttribute(`label`)||``}getIcon(){return this.getAttribute(`icon`)||``}hasIcon(){return!!this.getIcon()}getSwitchClasses(){let e=[`relative`,`inline-flex`,`items-center`,`rounded-full`,`h-5`,`w-10`,`border`,`transition-colors`,`duration-200`,`ease-in-out`,`outline-none`,`focus:outline-none`,`focus-visible:ring-2`,`focus-visible:ring-offset-2`,`focus-visible:ring-slate-500`,`dark:focus-visible:ring-slate-400`,`active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]`,`disabled:opacity-50`,`disabled:cursor-not-allowed`],t=this._checked?[`bg-slate-950`,`dark:bg-slate-600`,`border-slate-700`,`dark:border-slate-500`]:[`bg-slate-200`,`dark:bg-slate-400`,`border-slate-300`,`dark:border-slate-500`];return[...e,...t].join(` `)}getThumbClasses(){let e=[`relative`,`inline-block`,`rounded-full`,`bg-white`,`dark:bg-gray-50`,`h-4`,`w-4`,`shadow-lg`,`transform`,`transition-transform`,`duration-200`,`ease-in-out`,`pointer-events-none`,`overflow-hidden`],t=this._checked?`translate-x-5`:`translate-x-0.5`;return[...e,t].join(` `)}getIconClasses(){return[`absolute`,`inset-0`,`flex`,`items-center`,`justify-center`,`pointer-events-none`].join(` `)}render(){let e=this.getSwitchClasses(),t=this.getThumbClasses(),n=this.getLabel(),r=this.getIcon();this._button||(this._button=document.createElement(`button`),this.appendChild(this._button),this.setupEventListeners()),this._button.className=e,this._button.disabled=this.isDisabled(),this._button.setAttribute(`aria-checked`,this._checked),this._button.setAttribute(`aria-label`,n),this._button.setAttribute(`role`,`switch`),this._button.type=`button`;let i=this._button.querySelector(`span`);i||(i=document.createElement(`span`),this._button.appendChild(i)),i.className=t;let a=i.querySelector(`span`);if(r){let e=a;e||(e=document.createElement(`span`),e.className=this.getIconClasses(),i.appendChild(e));let t=e.querySelector(`mint-icon`);t||(t=document.createElement(`mint-icon`),e.appendChild(t)),t.setAttribute(`name`,r)}else a&&a.remove()}setupEventListeners(){this._button&&this._button.addEventListener(`click`,this.handleToggle.bind(this))}removeEventListeners(){this._button&&this._button.removeEventListener(`click`,this.handleToggle.bind(this))}handleToggle(e){this.isDisabled()||(this.checked=!this._checked,this.dispatchEvent(new CustomEvent(`change`,{detail:{checked:this._checked},bubbles:!0,cancelable:!0})),this.dispatchEvent(new CustomEvent(`toggle`,{detail:{checked:this._checked},bubbles:!0,cancelable:!0})))}};customElements.get(`mint-switch`)||customElements.define(`mint-switch`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import "./Icon-xNhleOos.js";
|
|
2
|
-
//#region src/components/switch/Switch.js
|
|
3
|
-
var e = class extends HTMLElement {
|
|
4
|
-
static get observedAttributes() {
|
|
5
|
-
return [
|
|
6
|
-
"checked",
|
|
7
|
-
"disabled",
|
|
8
|
-
"label",
|
|
9
|
-
"icon"
|
|
10
|
-
];
|
|
11
|
-
}
|
|
12
|
-
constructor() {
|
|
13
|
-
super(), this._button = null, this._checked = !1;
|
|
14
|
-
}
|
|
15
|
-
connectedCallback() {
|
|
16
|
-
this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block", "flex", "items-center"), this._checked = this.hasAttribute("checked"), this.render();
|
|
17
|
-
}
|
|
18
|
-
disconnectedCallback() {
|
|
19
|
-
this.removeEventListeners();
|
|
20
|
-
}
|
|
21
|
-
attributeChangedCallback(e, t, n) {
|
|
22
|
-
e === "checked" && (this._checked = n !== null), t !== n && this.render();
|
|
23
|
-
}
|
|
24
|
-
get checked() {
|
|
25
|
-
return this._checked;
|
|
26
|
-
}
|
|
27
|
-
set checked(e) {
|
|
28
|
-
e ? this.setAttribute("checked", "") : this.removeAttribute("checked"), this._checked = !!e, this.render();
|
|
29
|
-
}
|
|
30
|
-
isDisabled() {
|
|
31
|
-
return this.hasAttribute("disabled");
|
|
32
|
-
}
|
|
33
|
-
getLabel() {
|
|
34
|
-
return this.getAttribute("label") || "";
|
|
35
|
-
}
|
|
36
|
-
getIcon() {
|
|
37
|
-
return this.getAttribute("icon") || "";
|
|
38
|
-
}
|
|
39
|
-
hasIcon() {
|
|
40
|
-
return !!this.getIcon();
|
|
41
|
-
}
|
|
42
|
-
getSwitchClasses() {
|
|
43
|
-
let e = [
|
|
44
|
-
"relative",
|
|
45
|
-
"inline-flex",
|
|
46
|
-
"items-center",
|
|
47
|
-
"rounded-full",
|
|
48
|
-
"h-5",
|
|
49
|
-
"w-10",
|
|
50
|
-
"border",
|
|
51
|
-
"transition-colors",
|
|
52
|
-
"duration-200",
|
|
53
|
-
"ease-in-out",
|
|
54
|
-
"outline-none",
|
|
55
|
-
"focus:outline-none",
|
|
56
|
-
"focus-visible:ring-2",
|
|
57
|
-
"focus-visible:ring-offset-2",
|
|
58
|
-
"focus-visible:ring-slate-500",
|
|
59
|
-
"dark:focus-visible:ring-slate-400",
|
|
60
|
-
"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
|
|
61
|
-
"disabled:opacity-50",
|
|
62
|
-
"disabled:cursor-not-allowed"
|
|
63
|
-
], t = this._checked ? [
|
|
64
|
-
"bg-slate-950",
|
|
65
|
-
"dark:bg-slate-600",
|
|
66
|
-
"border-slate-700",
|
|
67
|
-
"dark:border-slate-500"
|
|
68
|
-
] : [
|
|
69
|
-
"bg-slate-200",
|
|
70
|
-
"dark:bg-slate-400",
|
|
71
|
-
"border-slate-300",
|
|
72
|
-
"dark:border-slate-500"
|
|
73
|
-
];
|
|
74
|
-
return [...e, ...t].join(" ");
|
|
75
|
-
}
|
|
76
|
-
getThumbClasses() {
|
|
77
|
-
let e = [
|
|
78
|
-
"relative",
|
|
79
|
-
"inline-block",
|
|
80
|
-
"rounded-full",
|
|
81
|
-
"bg-white",
|
|
82
|
-
"dark:bg-gray-50",
|
|
83
|
-
"h-4",
|
|
84
|
-
"w-4",
|
|
85
|
-
"shadow-lg",
|
|
86
|
-
"transform",
|
|
87
|
-
"transition-transform",
|
|
88
|
-
"duration-200",
|
|
89
|
-
"ease-in-out",
|
|
90
|
-
"pointer-events-none",
|
|
91
|
-
"overflow-hidden"
|
|
92
|
-
], t = this._checked ? "translate-x-5" : "translate-x-0.5";
|
|
93
|
-
return [...e, t].join(" ");
|
|
94
|
-
}
|
|
95
|
-
getIconClasses() {
|
|
96
|
-
return [
|
|
97
|
-
"absolute",
|
|
98
|
-
"inset-0",
|
|
99
|
-
"flex",
|
|
100
|
-
"items-center",
|
|
101
|
-
"justify-center",
|
|
102
|
-
"pointer-events-none"
|
|
103
|
-
].join(" ");
|
|
104
|
-
}
|
|
105
|
-
render() {
|
|
106
|
-
let e = this.getSwitchClasses(), t = this.getThumbClasses(), n = this.getLabel(), r = this.getIcon();
|
|
107
|
-
this._button || (this._button = document.createElement("button"), this.appendChild(this._button), this.setupEventListeners()), this._button.className = e, this._button.disabled = this.isDisabled(), this._button.setAttribute("aria-checked", this._checked), this._button.setAttribute("aria-label", n), this._button.setAttribute("role", "switch"), this._button.type = "button";
|
|
108
|
-
let i = this._button.querySelector("span");
|
|
109
|
-
i || (i = document.createElement("span"), this._button.appendChild(i)), i.className = t;
|
|
110
|
-
let a = i.querySelector("span");
|
|
111
|
-
if (r) {
|
|
112
|
-
let e = a;
|
|
113
|
-
e || (e = document.createElement("span"), e.className = this.getIconClasses(), i.appendChild(e));
|
|
114
|
-
let t = e.querySelector("mint-icon");
|
|
115
|
-
t || (t = document.createElement("mint-icon"), e.appendChild(t)), t.setAttribute("name", r);
|
|
116
|
-
} else a && a.remove();
|
|
117
|
-
}
|
|
118
|
-
setupEventListeners() {
|
|
119
|
-
this._button && this._button.addEventListener("click", this.handleToggle.bind(this));
|
|
120
|
-
}
|
|
121
|
-
removeEventListeners() {
|
|
122
|
-
this._button && this._button.removeEventListener("click", this.handleToggle.bind(this));
|
|
123
|
-
}
|
|
124
|
-
handleToggle(e) {
|
|
125
|
-
this.isDisabled() || (this.checked = !this._checked, this.dispatchEvent(new CustomEvent("change", {
|
|
126
|
-
detail: { checked: this._checked },
|
|
127
|
-
bubbles: !0,
|
|
128
|
-
cancelable: !0
|
|
129
|
-
})), this.dispatchEvent(new CustomEvent("toggle", {
|
|
130
|
-
detail: { checked: this._checked },
|
|
131
|
-
bubbles: !0,
|
|
132
|
-
cancelable: !0
|
|
133
|
-
})));
|
|
134
|
-
}
|
|
135
|
-
};
|
|
136
|
-
customElements.get("mint-switch") || customElements.define("mint-switch", e);
|
|
137
|
-
//#endregion
|
|
138
|
-
export { e as t };
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
//#region src/components/text/Text.js
|
|
2
|
-
var e = class extends HTMLElement {
|
|
3
|
-
static get observedAttributes() {
|
|
4
|
-
return [
|
|
5
|
-
"variant",
|
|
6
|
-
"size",
|
|
7
|
-
"bold",
|
|
8
|
-
"underline",
|
|
9
|
-
"strike",
|
|
10
|
-
"italic",
|
|
11
|
-
"display"
|
|
12
|
-
];
|
|
13
|
-
}
|
|
14
|
-
constructor() {
|
|
15
|
-
super(), this._darkModeObserver = null, this._userClasses = /* @__PURE__ */ new Set();
|
|
16
|
-
}
|
|
17
|
-
connectedCallback() {
|
|
18
|
-
this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline"), this._captureUserClasses(), this.render(), this._observeDarkMode();
|
|
19
|
-
}
|
|
20
|
-
_captureUserClasses() {
|
|
21
|
-
Array.from(this.classList).forEach((e) => this._userClasses.add(e));
|
|
22
|
-
}
|
|
23
|
-
attributeChangedCallback(e, t, n) {
|
|
24
|
-
t !== n && this.render();
|
|
25
|
-
}
|
|
26
|
-
disconnectedCallback() {
|
|
27
|
-
this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null);
|
|
28
|
-
}
|
|
29
|
-
_observeDarkMode() {
|
|
30
|
-
this._darkModeObserver || (this._darkModeObserver = new MutationObserver(() => {
|
|
31
|
-
this.render();
|
|
32
|
-
}), this._darkModeObserver.observe(document.documentElement, {
|
|
33
|
-
attributes: !0,
|
|
34
|
-
attributeFilter: ["class"]
|
|
35
|
-
}));
|
|
36
|
-
}
|
|
37
|
-
getVariant() {
|
|
38
|
-
return this.getAttribute("variant") || "default";
|
|
39
|
-
}
|
|
40
|
-
getSize() {
|
|
41
|
-
return this.getAttribute("size") || "regular";
|
|
42
|
-
}
|
|
43
|
-
isBold() {
|
|
44
|
-
return this.hasAttribute("bold");
|
|
45
|
-
}
|
|
46
|
-
isUnderline() {
|
|
47
|
-
return this.hasAttribute("underline");
|
|
48
|
-
}
|
|
49
|
-
isStrike() {
|
|
50
|
-
return this.hasAttribute("strike");
|
|
51
|
-
}
|
|
52
|
-
isItalic() {
|
|
53
|
-
return this.hasAttribute("italic");
|
|
54
|
-
}
|
|
55
|
-
getDisplay() {
|
|
56
|
-
return this.hasAttribute("display") ? this.getAttribute("display") : this.getSize() === "regular" ? "inline-block" : "block";
|
|
57
|
-
}
|
|
58
|
-
getTextClasses() {
|
|
59
|
-
let e = this.getSize(), t = this.getVariant(), n = document.documentElement.classList.contains("dark"), r = {
|
|
60
|
-
heading: ["font-semibold"],
|
|
61
|
-
"sub-heading": ["font-medium"],
|
|
62
|
-
regular: []
|
|
63
|
-
}, i = {
|
|
64
|
-
default: n ? ["text-gray-100"] : ["text-gray-900"],
|
|
65
|
-
muted: ["text-gray-400"],
|
|
66
|
-
danger: n ? ["text-red-400"] : ["text-red-600"],
|
|
67
|
-
success: n ? ["text-green-400"] : ["text-green-600"]
|
|
68
|
-
}, a = [];
|
|
69
|
-
this.isBold() && a.push("font-bold"), this.isUnderline() && a.push("underline"), this.isStrike() && a.push("line-through"), this.isItalic() && a.push("italic");
|
|
70
|
-
let o = this.getDisplay();
|
|
71
|
-
return [
|
|
72
|
-
o === "block" ? "block" : o === "inline" ? "inline" : "inline-block",
|
|
73
|
-
...r[e] || r.regular,
|
|
74
|
-
...i[t] || i.default,
|
|
75
|
-
...a
|
|
76
|
-
].join(" ");
|
|
77
|
-
}
|
|
78
|
-
render() {
|
|
79
|
-
let e = this.getSize(), t = [
|
|
80
|
-
"text-gray-100",
|
|
81
|
-
"text-gray-900",
|
|
82
|
-
"text-gray-400",
|
|
83
|
-
"text-red-400",
|
|
84
|
-
"text-red-600",
|
|
85
|
-
"text-green-400",
|
|
86
|
-
"text-green-600"
|
|
87
|
-
], n = [
|
|
88
|
-
"text-2xl",
|
|
89
|
-
"text-lg",
|
|
90
|
-
"text-sm"
|
|
91
|
-
];
|
|
92
|
-
n.forEach((e) => {
|
|
93
|
-
this.classList.remove(e), this._userClasses.delete(e);
|
|
94
|
-
}), t.forEach((e) => {
|
|
95
|
-
this.classList.remove(e), this._userClasses.delete(e);
|
|
96
|
-
});
|
|
97
|
-
let r = this.getTextClasses().split(" ").filter((e) => e.trim());
|
|
98
|
-
Array.from(this.classList).forEach((e) => {
|
|
99
|
-
!t.includes(e) && !n.includes(e) && this._userClasses.add(e);
|
|
100
|
-
}), this.className = [...new Set([...r, ...Array.from(this._userClasses)])].join(" ");
|
|
101
|
-
let i = {
|
|
102
|
-
heading: "clamp(1.25rem, 2.5vw + 0.5rem, 1.5rem)",
|
|
103
|
-
"sub-heading": "clamp(1rem, 1.5vw + 0.5rem, 1.125rem)",
|
|
104
|
-
regular: "clamp(0.875rem, 1vw + 0.5rem, 0.875rem)"
|
|
105
|
-
}, a = i[e] || i.regular;
|
|
106
|
-
this.style.setProperty("font-size", a);
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
customElements.get("mint-text") || customElements.define("mint-text", e);
|
|
110
|
-
//#endregion
|
|
111
|
-
export { e as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var e=class extends HTMLElement{static get observedAttributes(){return[`variant`,`size`,`bold`,`underline`,`strike`,`italic`,`display`]}constructor(){super(),this._darkModeObserver=null,this._userClasses=new Set}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`),this._captureUserClasses(),this.render(),this._observeDarkMode()}_captureUserClasses(){Array.from(this.classList).forEach(e=>this._userClasses.add(e))}attributeChangedCallback(e,t,n){t!==n&&this.render()}disconnectedCallback(){this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null)}_observeDarkMode(){this._darkModeObserver||(this._darkModeObserver=new MutationObserver(()=>{this.render()}),this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}))}getVariant(){return this.getAttribute(`variant`)||`default`}getSize(){return this.getAttribute(`size`)||`regular`}isBold(){return this.hasAttribute(`bold`)}isUnderline(){return this.hasAttribute(`underline`)}isStrike(){return this.hasAttribute(`strike`)}isItalic(){return this.hasAttribute(`italic`)}getDisplay(){return this.hasAttribute(`display`)?this.getAttribute(`display`):this.getSize()===`regular`?`inline-block`:`block`}getTextClasses(){let e=this.getSize(),t=this.getVariant(),n=document.documentElement.classList.contains(`dark`),r={heading:[`font-semibold`],"sub-heading":[`font-medium`],regular:[]},i={default:n?[`text-gray-100`]:[`text-gray-900`],muted:[`text-gray-400`],danger:n?[`text-red-400`]:[`text-red-600`],success:n?[`text-green-400`]:[`text-green-600`]},a=[];this.isBold()&&a.push(`font-bold`),this.isUnderline()&&a.push(`underline`),this.isStrike()&&a.push(`line-through`),this.isItalic()&&a.push(`italic`);let o=this.getDisplay();return[o===`block`?`block`:o===`inline`?`inline`:`inline-block`,...r[e]||r.regular,...i[t]||i.default,...a].join(` `)}render(){let e=this.getSize(),t=[`text-gray-100`,`text-gray-900`,`text-gray-400`,`text-red-400`,`text-red-600`,`text-green-400`,`text-green-600`],n=[`text-2xl`,`text-lg`,`text-sm`];n.forEach(e=>{this.classList.remove(e),this._userClasses.delete(e)}),t.forEach(e=>{this.classList.remove(e),this._userClasses.delete(e)});let r=this.getTextClasses().split(` `).filter(e=>e.trim());Array.from(this.classList).forEach(e=>{!t.includes(e)&&!n.includes(e)&&this._userClasses.add(e)}),this.className=[...new Set([...r,...Array.from(this._userClasses)])].join(` `);let i={heading:`clamp(1.25rem, 2.5vw + 0.5rem, 1.5rem)`,"sub-heading":`clamp(1rem, 1.5vw + 0.5rem, 1.125rem)`,regular:`clamp(0.875rem, 1vw + 0.5rem, 0.875rem)`},a=i[e]||i.regular;this.style.setProperty(`font-size`,a)}};customElements.get(`mint-text`)||customElements.define(`mint-text`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`../chunks/grid-DVHtippr.js`);module.exports=e.t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../chunks/Icon-BTlX8dXa.js`);require(`../chunks/icon-BZolpoyx.js`),exports.default=e.t,exports.getAllIcons=e.n,exports.getIcon=e.r,exports.hasIcon=e.i,exports.registerIcon=e.a;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`../chunks/link-S0yBi9n7.js`);module.exports=e.t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
require(`../chunks/modal-B2sNSV2Q.js`);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "../chunks/modal-BQlup2Mw.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`../chunks/page-BiSPS1-l.js`);module.exports=e.t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
require(`../chunks/popover-DFCs6KnJ.js`);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "../chunks/popover-BkTNH5gb.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`../chunks/spinner-Ch8momJm.js`);module.exports=e.t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`../chunks/stack-BvgkqvMX.js`);module.exports=e.t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`../chunks/switch-C5FOAA64.js`);module.exports=e.t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`../chunks/text-nTrVku3e.js`);module.exports=e.t;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* DOM typings for MintUI custom elements (implementation is plain JS).
|
|
3
|
-
*
|
|
4
|
-
* Observed attributes (use `setAttribute` / HTML): see JSDoc on each class.
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
/** Attributes: variant, tone, disabled, loading, button-type, full-width, icon-position, icon */
|
|
8
|
-
export declare class MintButton extends HTMLElement {}
|
|
9
|
-
|
|
10
|
-
/** Attributes: checked, disabled, label, icon */
|
|
11
|
-
export declare class MintSwitch extends HTMLElement {}
|
|
12
|
-
|
|
13
|
-
/** Attributes: size, data-button-variant, data-button-tone */
|
|
14
|
-
export declare class MintSpinner extends HTMLElement {}
|
|
15
|
-
|
|
16
|
-
/** Attributes: name */
|
|
17
|
-
export declare class MintIcon extends HTMLElement {}
|
|
18
|
-
|
|
19
|
-
/** Attributes: variant, size, bold, underline, strike, italic, display */
|
|
20
|
-
export declare class MintText extends HTMLElement {}
|
|
21
|
-
|
|
22
|
-
/** Attributes: direction, text-align */
|
|
23
|
-
export declare class MintStack extends HTMLElement {}
|
|
24
|
-
|
|
25
|
-
export declare class MintCard extends HTMLElement {}
|
|
26
|
-
|
|
27
|
-
/** Attributes: href, target */
|
|
28
|
-
export declare class MintLink extends HTMLElement {}
|
|
29
|
-
|
|
30
|
-
/** Attributes: heading, fallback-href, show-back-button */
|
|
31
|
-
export declare class MintPage extends HTMLElement {}
|
|
32
|
-
|
|
33
|
-
/** Attributes: columns, sm, md, lg, xl, gap */
|
|
34
|
-
export declare class MintGrid extends HTMLElement {}
|
|
35
|
-
|
|
36
|
-
/** Attributes: id, heading, open */
|
|
37
|
-
export declare class MintModal extends HTMLElement {}
|
|
38
|
-
|
|
39
|
-
/** Attributes: id, direction, open, trigger-id */
|
|
40
|
-
export declare class MintPopover extends HTMLElement {}
|
|
41
|
-
|
|
42
|
-
/** Attributes: checked, disabled, label, info, id, name, value */
|
|
43
|
-
export declare class MintCheckbox extends HTMLElement {}
|
|
44
|
-
|
|
45
|
-
/** Attributes: checked, disabled, label, info, id, name, value */
|
|
46
|
-
export declare class MintChoice extends HTMLElement {}
|
|
47
|
-
|
|
48
|
-
/** Icon module shape used by the registry helpers. */
|
|
49
|
-
export interface MintIconRegistration {
|
|
50
|
-
name: string
|
|
51
|
-
[key: string]: unknown
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
export declare function registerIcon(icon: MintIconRegistration): void
|
|
55
|
-
export declare function getIcon(name: string): MintIconRegistration | undefined
|
|
56
|
-
export declare function hasIcon(name: string): boolean
|
|
57
|
-
export declare function getAllIcons(): MintIconRegistration[]
|
|
58
|
-
|
|
59
|
-
declare global {
|
|
60
|
-
interface HTMLElementTagNameMap {
|
|
61
|
-
'mint-button': MintButton
|
|
62
|
-
'mint-switch': MintSwitch
|
|
63
|
-
'mint-spinner': MintSpinner
|
|
64
|
-
'mint-icon': MintIcon
|
|
65
|
-
'mint-text': MintText
|
|
66
|
-
'mint-stack': MintStack
|
|
67
|
-
'mint-card': MintCard
|
|
68
|
-
'mint-link': MintLink
|
|
69
|
-
'mint-page': MintPage
|
|
70
|
-
'mint-grid': MintGrid
|
|
71
|
-
'mint-modal': MintModal
|
|
72
|
-
'mint-popover': MintPopover
|
|
73
|
-
'mint-checkbox': MintCheckbox
|
|
74
|
-
'mint-choice': MintChoice
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
export {}
|
package/dist/styles.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/* MintUI web components expect Tailwind CSS in your app; this package does not ship a compiled Tailwind bundle. */
|