@arkyn/components 3.0.1-beta.17 → 3.0.1-beta.170
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 +41 -0
- package/package.json +458 -20
- package/styles.d.ts +3 -0
- package/dist/bundle.js +0 -4292
- package/dist/bundle.umd.cjs +0 -30
- package/dist/documentation/src/app.d.ts +0 -3
- package/dist/documentation/src/app.d.ts.map +0 -1
- package/dist/documentation/src/app.js +0 -55
- package/dist/documentation/src/components/examples.alert.d.ts +0 -3
- package/dist/documentation/src/components/examples.alert.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.alert.js +0 -7
- package/dist/documentation/src/components/examples.audioPlayer.d.ts +0 -3
- package/dist/documentation/src/components/examples.audioPlayer.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.audioPlayer.js +0 -8
- package/dist/documentation/src/components/examples.badge.d.ts +0 -3
- package/dist/documentation/src/components/examples.badge.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.badge.js +0 -9
- package/dist/documentation/src/components/examples.button.d.ts +0 -3
- package/dist/documentation/src/components/examples.button.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.button.js +0 -9
- package/dist/documentation/src/components/examples.cardTab.d.ts +0 -3
- package/dist/documentation/src/components/examples.cardTab.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.cardTab.js +0 -7
- package/dist/documentation/src/components/examples.checkbox.d.ts +0 -3
- package/dist/documentation/src/components/examples.checkbox.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.checkbox.js +0 -13
- package/dist/documentation/src/components/examples.currencyInput.d.ts +0 -3
- package/dist/documentation/src/components/examples.currencyInput.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.currencyInput.js +0 -9
- package/dist/documentation/src/components/examples.divider.d.ts +0 -3
- package/dist/documentation/src/components/examples.divider.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.divider.js +0 -7
- package/dist/documentation/src/components/examples.drawer.d.ts +0 -3
- package/dist/documentation/src/components/examples.drawer.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.drawer.js +0 -11
- package/dist/documentation/src/components/examples.iconButton.d.ts +0 -3
- package/dist/documentation/src/components/examples.iconButton.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.iconButton.js +0 -9
- package/dist/documentation/src/components/examples.input.d.ts +0 -3
- package/dist/documentation/src/components/examples.input.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.input.js +0 -9
- package/dist/documentation/src/components/examples.maskedInput.d.ts +0 -3
- package/dist/documentation/src/components/examples.maskedInput.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.maskedInput.js +0 -9
- package/dist/documentation/src/components/examples.modal.d.ts +0 -3
- package/dist/documentation/src/components/examples.modal.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.modal.js +0 -10
- package/dist/documentation/src/components/examples.multiSelect.d.ts +0 -3
- package/dist/documentation/src/components/examples.multiSelect.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.multiSelect.js +0 -92
- package/dist/documentation/src/components/examples.phoneInput.d.ts +0 -3
- package/dist/documentation/src/components/examples.phoneInput.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.phoneInput.js +0 -26
- package/dist/documentation/src/components/examples.radio.d.ts +0 -3
- package/dist/documentation/src/components/examples.radio.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.radio.js +0 -11
- package/dist/documentation/src/components/examples.slider.d.ts +0 -3
- package/dist/documentation/src/components/examples.slider.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.slider.js +0 -10
- package/dist/documentation/src/components/examples.switch.d.ts +0 -3
- package/dist/documentation/src/components/examples.switch.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.switch.js +0 -20
- package/dist/documentation/src/components/examples.tab.d.ts +0 -3
- package/dist/documentation/src/components/examples.tab.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.tab.js +0 -7
- package/dist/documentation/src/components/examples.texarea.d.ts +0 -3
- package/dist/documentation/src/components/examples.texarea.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.texarea.js +0 -34
- package/dist/documentation/src/components/examples.tooltip.d.ts +0 -3
- package/dist/documentation/src/components/examples.tooltip.d.ts.map +0 -1
- package/dist/documentation/src/components/examples.tooltip.js +0 -8
- package/dist/documentation/src/main.d.ts +0 -3
- package/dist/documentation/src/main.d.ts.map +0 -1
- package/dist/documentation/src/main.js +0 -7
- package/dist/documentation/src/ui/box.d.ts +0 -8
- package/dist/documentation/src/ui/box.d.ts.map +0 -1
- package/dist/documentation/src/ui/box.js +0 -5
- package/dist/documentation/src/ui/row.d.ts +0 -7
- package/dist/documentation/src/ui/row.d.ts.map +0 -1
- package/dist/documentation/src/ui/row.js +0 -5
- package/dist/documentation/vite.config.d.ts +0 -3
- package/dist/documentation/vite.config.d.ts.map +0 -1
- package/dist/documentation/vite.config.js +0 -12
- package/dist/src/components/alert/alertContainer/index.d.ts +0 -44
- package/dist/src/components/alert/alertContainer/index.d.ts.map +0 -1
- package/dist/src/components/alert/alertContainer/index.js +0 -71
- package/dist/src/components/alert/alertContent/index.d.ts +0 -45
- package/dist/src/components/alert/alertContent/index.d.ts.map +0 -1
- package/dist/src/components/alert/alertContent/index.js +0 -47
- package/dist/src/components/alert/alertDescription/index.d.ts +0 -49
- package/dist/src/components/alert/alertDescription/index.d.ts.map +0 -1
- package/dist/src/components/alert/alertDescription/index.js +0 -51
- package/dist/src/components/alert/alertIcon/index.d.ts +0 -52
- package/dist/src/components/alert/alertIcon/index.d.ts.map +0 -1
- package/dist/src/components/alert/alertIcon/index.js +0 -66
- package/dist/src/components/alert/alertTitle/index.d.ts +0 -46
- package/dist/src/components/alert/alertTitle/index.d.ts.map +0 -1
- package/dist/src/components/alert/alertTitle/index.js +0 -48
- package/dist/src/components/audioPlayer/index.d.ts +0 -60
- package/dist/src/components/audioPlayer/index.d.ts.map +0 -1
- package/dist/src/components/audioPlayer/index.js +0 -130
- package/dist/src/components/badge/index.d.ts +0 -51
- package/dist/src/components/badge/index.d.ts.map +0 -1
- package/dist/src/components/badge/index.js +0 -49
- package/dist/src/components/button/index.d.ts +0 -60
- package/dist/src/components/button/index.d.ts.map +0 -1
- package/dist/src/components/button/index.js +0 -61
- package/dist/src/components/cardTab/cardTabButton/index.d.ts +0 -72
- package/dist/src/components/cardTab/cardTabButton/index.d.ts.map +0 -1
- package/dist/src/components/cardTab/cardTabButton/index.js +0 -80
- package/dist/src/components/cardTab/cardTabContainer/index.d.ts +0 -83
- package/dist/src/components/cardTab/cardTabContainer/index.d.ts.map +0 -1
- package/dist/src/components/cardTab/cardTabContainer/index.js +0 -88
- package/dist/src/components/cardTab/cardTabContext.d.ts +0 -16
- package/dist/src/components/cardTab/cardTabContext.d.ts.map +0 -1
- package/dist/src/components/cardTab/cardTabContext.js +0 -10
- package/dist/src/components/checkbox/index.d.ts +0 -73
- package/dist/src/components/checkbox/index.d.ts.map +0 -1
- package/dist/src/components/checkbox/index.js +0 -86
- package/dist/src/components/currencyInput/index.d.ts +0 -98
- package/dist/src/components/currencyInput/index.d.ts.map +0 -1
- package/dist/src/components/currencyInput/index.js +0 -140
- package/dist/src/components/divider/index.d.ts +0 -45
- package/dist/src/components/divider/index.d.ts.map +0 -1
- package/dist/src/components/divider/index.js +0 -45
- package/dist/src/components/drawer/drawerContainer/index.d.ts +0 -71
- package/dist/src/components/drawer/drawerContainer/index.d.ts.map +0 -1
- package/dist/src/components/drawer/drawerContainer/index.js +0 -75
- package/dist/src/components/drawer/drawerContext.d.ts +0 -12
- package/dist/src/components/drawer/drawerContext.d.ts.map +0 -1
- package/dist/src/components/drawer/drawerContext.js +0 -10
- package/dist/src/components/drawer/drawerHeader/index.d.ts +0 -55
- package/dist/src/components/drawer/drawerHeader/index.d.ts.map +0 -1
- package/dist/src/components/drawer/drawerHeader/index.js +0 -58
- package/dist/src/components/fieldError/index.d.ts +0 -29
- package/dist/src/components/fieldError/index.d.ts.map +0 -1
- package/dist/src/components/fieldError/index.js +0 -33
- package/dist/src/components/fieldLabel/index.d.ts +0 -38
- package/dist/src/components/fieldLabel/index.d.ts.map +0 -1
- package/dist/src/components/fieldLabel/index.js +0 -39
- package/dist/src/components/fieldWrapper/index.d.ts +0 -41
- package/dist/src/components/fieldWrapper/index.d.ts.map +0 -1
- package/dist/src/components/fieldWrapper/index.js +0 -41
- package/dist/src/components/iconButton/index.d.ts +0 -44
- package/dist/src/components/iconButton/index.d.ts.map +0 -1
- package/dist/src/components/iconButton/index.js +0 -41
- package/dist/src/components/input/index.d.ts +0 -81
- package/dist/src/components/input/index.d.ts.map +0 -1
- package/dist/src/components/input/index.js +0 -112
- package/dist/src/components/maskedInput/index.d.ts +0 -103
- package/dist/src/components/maskedInput/index.d.ts.map +0 -1
- package/dist/src/components/maskedInput/index.js +0 -130
- package/dist/src/components/modal/modalContainer/index.d.ts +0 -78
- package/dist/src/components/modal/modalContainer/index.d.ts.map +0 -1
- package/dist/src/components/modal/modalContainer/index.js +0 -82
- package/dist/src/components/modal/modalContext.d.ts +0 -12
- package/dist/src/components/modal/modalContext.d.ts.map +0 -1
- package/dist/src/components/modal/modalContext.js +0 -10
- package/dist/src/components/modal/modalFooter/index.d.ts +0 -72
- package/dist/src/components/modal/modalFooter/index.d.ts.map +0 -1
- package/dist/src/components/modal/modalFooter/index.js +0 -72
- package/dist/src/components/modal/modalHeader/index.d.ts +0 -66
- package/dist/src/components/modal/modalHeader/index.d.ts.map +0 -1
- package/dist/src/components/modal/modalHeader/index.js +0 -69
- package/dist/src/components/multiSelect/index.d.ts +0 -125
- package/dist/src/components/multiSelect/index.d.ts.map +0 -1
- package/dist/src/components/multiSelect/index.js +0 -169
- package/dist/src/components/multiSelect/multiSelectChevron/index.d.ts +0 -11
- package/dist/src/components/multiSelect/multiSelectChevron/index.d.ts.map +0 -1
- package/dist/src/components/multiSelect/multiSelectChevron/index.js +0 -13
- package/dist/src/components/multiSelect/multiSelectContainer/index.d.ts +0 -19
- package/dist/src/components/multiSelect/multiSelectContainer/index.d.ts.map +0 -1
- package/dist/src/components/multiSelect/multiSelectContainer/index.js +0 -11
- package/dist/src/components/multiSelect/multiSelectContent/index.d.ts +0 -9
- package/dist/src/components/multiSelect/multiSelectContent/index.d.ts.map +0 -1
- package/dist/src/components/multiSelect/multiSelectContent/index.js +0 -8
- package/dist/src/components/multiSelect/multiSelectMark/index.d.ts +0 -10
- package/dist/src/components/multiSelect/multiSelectMark/index.d.ts.map +0 -1
- package/dist/src/components/multiSelect/multiSelectMark/index.js +0 -11
- package/dist/src/components/multiSelect/multiSelectOption/index.d.ts +0 -11
- package/dist/src/components/multiSelect/multiSelectOption/index.d.ts.map +0 -1
- package/dist/src/components/multiSelect/multiSelectOption/index.js +0 -10
- package/dist/src/components/multiSelect/multiSelectOptionsContainer/index.d.ts +0 -12
- package/dist/src/components/multiSelect/multiSelectOptionsContainer/index.d.ts.map +0 -1
- package/dist/src/components/multiSelect/multiSelectOptionsContainer/index.js +0 -44
- package/dist/src/components/multiSelect/multiSelectOverlay/index.d.ts +0 -8
- package/dist/src/components/multiSelect/multiSelectOverlay/index.d.ts.map +0 -1
- package/dist/src/components/multiSelect/multiSelectOverlay/index.js +0 -9
- package/dist/src/components/multiSelect/multiSelectSpinner/index.d.ts +0 -8
- package/dist/src/components/multiSelect/multiSelectSpinner/index.d.ts.map +0 -1
- package/dist/src/components/multiSelect/multiSelectSpinner/index.js +0 -10
- package/dist/src/components/phoneInput/index.d.ts +0 -127
- package/dist/src/components/phoneInput/index.d.ts.map +0 -1
- package/dist/src/components/phoneInput/index.js +0 -202
- package/dist/src/components/phoneInput/phoneInputContainer/index.d.ts +0 -18
- package/dist/src/components/phoneInput/phoneInputContainer/index.d.ts.map +0 -1
- package/dist/src/components/phoneInput/phoneInputContainer/index.js +0 -11
- package/dist/src/components/phoneInput/phoneInputCountriesOverlay/index.d.ts +0 -8
- package/dist/src/components/phoneInput/phoneInputCountriesOverlay/index.d.ts.map +0 -1
- package/dist/src/components/phoneInput/phoneInputCountriesOverlay/index.js +0 -9
- package/dist/src/components/phoneInput/phoneInputCountryOption/index.d.ts +0 -18
- package/dist/src/components/phoneInput/phoneInputCountryOption/index.d.ts.map +0 -1
- package/dist/src/components/phoneInput/phoneInputCountryOption/index.js +0 -10
- package/dist/src/components/phoneInput/phoneInputCountryOptionsContainer/index.d.ts +0 -12
- package/dist/src/components/phoneInput/phoneInputCountryOptionsContainer/index.d.ts.map +0 -1
- package/dist/src/components/phoneInput/phoneInputCountryOptionsContainer/index.js +0 -40
- package/dist/src/components/phoneInput/phoneInputCountrySelector/index.d.ts +0 -17
- package/dist/src/components/phoneInput/phoneInputCountrySelector/index.d.ts.map +0 -1
- package/dist/src/components/phoneInput/phoneInputCountrySelector/index.js +0 -9
- package/dist/src/components/phoneInput/phoneInputMask/index.d.ts +0 -21
- package/dist/src/components/phoneInput/phoneInputMask/index.d.ts.map +0 -1
- package/dist/src/components/phoneInput/phoneInputMask/index.js +0 -34
- package/dist/src/components/radio/radioBox/index.d.ts +0 -85
- package/dist/src/components/radio/radioBox/index.d.ts.map +0 -1
- package/dist/src/components/radio/radioBox/index.js +0 -90
- package/dist/src/components/radio/radioContext.d.ts +0 -18
- package/dist/src/components/radio/radioContext.d.ts.map +0 -1
- package/dist/src/components/radio/radioContext.js +0 -11
- package/dist/src/components/radio/radioGroup/index.d.ts +0 -92
- package/dist/src/components/radio/radioGroup/index.d.ts.map +0 -1
- package/dist/src/components/radio/radioGroup/index.js +0 -100
- package/dist/src/components/slider/index.d.ts +0 -57
- package/dist/src/components/slider/index.d.ts.map +0 -1
- package/dist/src/components/slider/index.js +0 -97
- package/dist/src/components/switch/index.d.ts +0 -94
- package/dist/src/components/switch/index.d.ts.map +0 -1
- package/dist/src/components/switch/index.js +0 -99
- package/dist/src/components/tab/tabButton/index.d.ts +0 -72
- package/dist/src/components/tab/tabButton/index.d.ts.map +0 -1
- package/dist/src/components/tab/tabButton/index.js +0 -80
- package/dist/src/components/tab/tabContainer/index.d.ts +0 -83
- package/dist/src/components/tab/tabContainer/index.d.ts.map +0 -1
- package/dist/src/components/tab/tabContainer/index.js +0 -88
- package/dist/src/components/tab/tabContext.d.ts +0 -16
- package/dist/src/components/tab/tabContext.d.ts.map +0 -1
- package/dist/src/components/tab/tabContext.js +0 -10
- package/dist/src/components/textarea/index.d.ts +0 -103
- package/dist/src/components/textarea/index.d.ts.map +0 -1
- package/dist/src/components/textarea/index.js +0 -127
- package/dist/src/components/tooltip/index.d.ts +0 -80
- package/dist/src/components/tooltip/index.d.ts.map +0 -1
- package/dist/src/components/tooltip/index.js +0 -135
- package/dist/src/hooks/useForm.d.ts +0 -52
- package/dist/src/hooks/useForm.d.ts.map +0 -1
- package/dist/src/hooks/useForm.js +0 -52
- package/dist/src/hooks/useScopedParams.d.ts +0 -89
- package/dist/src/hooks/useScopedParams.d.ts.map +0 -1
- package/dist/src/hooks/useScopedParams.js +0 -107
- package/dist/src/hooks/useScrollLock.d.ts +0 -39
- package/dist/src/hooks/useScrollLock.d.ts.map +0 -1
- package/dist/src/hooks/useScrollLock.js +0 -49
- package/dist/src/hooks/useSlider.d.ts +0 -31
- package/dist/src/hooks/useSlider.d.ts.map +0 -1
- package/dist/src/hooks/useSlider.js +0 -49
- package/dist/src/index.d.ts +0 -40
- package/dist/src/index.d.ts.map +0 -1
- package/dist/src/index.js +0 -42
- package/dist/src/providers/formProvider.d.ts +0 -76
- package/dist/src/providers/formProvider.d.ts.map +0 -1
- package/dist/src/providers/formProvider.js +0 -69
- package/dist/src/services/iconRenderer.d.ts +0 -10
- package/dist/src/services/iconRenderer.d.ts.map +0 -1
- package/dist/src/services/iconRenderer.js +0 -13
- package/dist/src/services/maskCurrencyValues.d.ts +0 -4
- package/dist/src/services/maskCurrencyValues.d.ts.map +0 -1
- package/dist/src/services/maskCurrencyValues.js +0 -23
- package/dist/src/utils/phoneInputUtilities.d.ts +0 -1722
- package/dist/src/utils/phoneInputUtilities.d.ts.map +0 -1
- package/dist/src/utils/phoneInputUtilities.js +0 -99
- package/dist/style.css +0 -1
- package/dist/vite.config.d.ts +0 -3
- package/dist/vite.config.d.ts.map +0 -1
- package/dist/vite.config.js +0 -24
- package/dist/vitest.config.d.ts +0 -3
- package/dist/vitest.config.d.ts.map +0 -1
- package/dist/vitest.config.js +0 -4
- package/documentation/css/reset.css +0 -38
- package/documentation/css/variables.css +0 -41
- package/documentation/index.html +0 -13
- package/documentation/src/app.tsx +0 -93
- package/documentation/src/components/examples.alert.tsx +0 -49
- package/documentation/src/components/examples.audioPlayer.tsx +0 -16
- package/documentation/src/components/examples.badge.tsx +0 -38
- package/documentation/src/components/examples.button.tsx +0 -66
- package/documentation/src/components/examples.cardTab.tsx +0 -36
- package/documentation/src/components/examples.checkbox.tsx +0 -94
- package/documentation/src/components/examples.currencyInput.tsx +0 -263
- package/documentation/src/components/examples.divider.tsx +0 -12
- package/documentation/src/components/examples.drawer.tsx +0 -43
- package/documentation/src/components/examples.iconButton.tsx +0 -78
- package/documentation/src/components/examples.input.tsx +0 -256
- package/documentation/src/components/examples.maskedInput.tsx +0 -274
- package/documentation/src/components/examples.modal.tsx +0 -31
- package/documentation/src/components/examples.multiSelect.tsx +0 -320
- package/documentation/src/components/examples.phoneInput.tsx +0 -262
- package/documentation/src/components/examples.radio.tsx +0 -149
- package/documentation/src/components/examples.slider.tsx +0 -28
- package/documentation/src/components/examples.switch.tsx +0 -180
- package/documentation/src/components/examples.tab.tsx +0 -36
- package/documentation/src/components/examples.texarea.tsx +0 -188
- package/documentation/src/components/examples.tooltip.tsx +0 -45
- package/documentation/src/main.tsx +0 -12
- package/documentation/src/ui/box.tsx +0 -17
- package/documentation/src/ui/row.tsx +0 -11
- package/documentation/vite.config.ts +0 -13
- package/src/components/alert/alertContainer/index.tsx +0 -87
- package/src/components/alert/alertContainer/styles.css +0 -33
- package/src/components/alert/alertContent/index.tsx +0 -53
- package/src/components/alert/alertContent/styles.css +0 -5
- package/src/components/alert/alertDescription/index.tsx +0 -57
- package/src/components/alert/alertDescription/styles.css +0 -7
- package/src/components/alert/alertIcon/index.tsx +0 -79
- package/src/components/alert/alertIcon/styles.css +0 -23
- package/src/components/alert/alertTitle/index.tsx +0 -54
- package/src/components/alert/alertTitle/styles.css +0 -7
- package/src/components/audioPlayer/index.tsx +0 -187
- package/src/components/audioPlayer/styles.css +0 -50
- package/src/components/badge/index.tsx +0 -80
- package/src/components/badge/styles.css +0 -145
- package/src/components/button/index.tsx +0 -104
- package/src/components/button/styles.css +0 -208
- package/src/components/cardTab/cardTabButton/index.tsx +0 -114
- package/src/components/cardTab/cardTabButton/styles.css +0 -30
- package/src/components/cardTab/cardTabContainer/index.tsx +0 -121
- package/src/components/cardTab/cardTabContainer/styles.css +0 -9
- package/src/components/cardTab/cardTabContext.tsx +0 -30
- package/src/components/checkbox/index.tsx +0 -158
- package/src/components/checkbox/styles.css +0 -78
- package/src/components/currencyInput/index.tsx +0 -312
- package/src/components/currencyInput/style.css +0 -226
- package/src/components/divider/index.tsx +0 -58
- package/src/components/divider/styles.css +0 -17
- package/src/components/drawer/drawerContainer/index.tsx +0 -123
- package/src/components/drawer/drawerContainer/styles.css +0 -46
- package/src/components/drawer/drawerContext.tsx +0 -26
- package/src/components/drawer/drawerHeader/index.tsx +0 -88
- package/src/components/drawer/drawerHeader/styles.css +0 -38
- package/src/components/fieldError/index.tsx +0 -43
- package/src/components/fieldError/styles.css +0 -6
- package/src/components/fieldLabel/index.tsx +0 -52
- package/src/components/fieldLabel/styles.css +0 -15
- package/src/components/fieldWrapper/index.tsx +0 -54
- package/src/components/fieldWrapper/styles.css +0 -7
- package/src/components/iconButton/index.tsx +0 -83
- package/src/components/iconButton/styles.css +0 -166
- package/src/components/input/index.tsx +0 -233
- package/src/components/input/style.css +0 -226
- package/src/components/maskedInput/index.tsx +0 -260
- package/src/components/maskedInput/style.css +0 -226
- package/src/components/modal/modalContainer/index.tsx +0 -127
- package/src/components/modal/modalContainer/styles.css +0 -37
- package/src/components/modal/modalContext.tsx +0 -26
- package/src/components/modal/modalFooter/index.tsx +0 -80
- package/src/components/modal/modalFooter/styles.css +0 -27
- package/src/components/modal/modalHeader/index.tsx +0 -99
- package/src/components/modal/modalHeader/styles.css +0 -38
- package/src/components/multiSelect/index.tsx +0 -319
- package/src/components/multiSelect/multiSelectChevron/index.tsx +0 -26
- package/src/components/multiSelect/multiSelectChevron/styles.css +0 -7
- package/src/components/multiSelect/multiSelectContainer/index.tsx +0 -51
- package/src/components/multiSelect/multiSelectContainer/styles.css +0 -134
- package/src/components/multiSelect/multiSelectContent/index.tsx +0 -15
- package/src/components/multiSelect/multiSelectContent/styles.css +0 -24
- package/src/components/multiSelect/multiSelectMark/index.tsx +0 -32
- package/src/components/multiSelect/multiSelectMark/styles.css +0 -44
- package/src/components/multiSelect/multiSelectOption/index.tsx +0 -25
- package/src/components/multiSelect/multiSelectOption/styles.css +0 -37
- package/src/components/multiSelect/multiSelectOptionsContainer/index.tsx +0 -81
- package/src/components/multiSelect/multiSelectOptionsContainer/styles.css +0 -45
- package/src/components/multiSelect/multiSelectOverlay/index.tsx +0 -14
- package/src/components/multiSelect/multiSelectOverlay/styles.css +0 -8
- package/src/components/multiSelect/multiSelectSpinner/index.tsx +0 -22
- package/src/components/multiSelect/multiSelectSpinner/styles.css +0 -12
- package/src/components/phoneInput/index.tsx +0 -332
- package/src/components/phoneInput/phoneInputContainer/index.tsx +0 -46
- package/src/components/phoneInput/phoneInputContainer/styles.css +0 -59
- package/src/components/phoneInput/phoneInputCountriesOverlay/index.tsx +0 -16
- package/src/components/phoneInput/phoneInputCountriesOverlay/styles.css +0 -8
- package/src/components/phoneInput/phoneInputCountryOption/index.tsx +0 -35
- package/src/components/phoneInput/phoneInputCountryOption/styles.css +0 -50
- package/src/components/phoneInput/phoneInputCountryOptionsContainer/index.tsx +0 -77
- package/src/components/phoneInput/phoneInputCountryOptionsContainer/styles.css +0 -59
- package/src/components/phoneInput/phoneInputCountrySelector/index.tsx +0 -37
- package/src/components/phoneInput/phoneInputCountrySelector/styles.css +0 -26
- package/src/components/phoneInput/phoneInputMask/index.tsx +0 -105
- package/src/components/phoneInput/phoneInputMask/style.css +0 -36
- package/src/components/radio/radioBox/index.tsx +0 -124
- package/src/components/radio/radioBox/styles.css +0 -95
- package/src/components/radio/radioContext.tsx +0 -34
- package/src/components/radio/radioGroup/index.tsx +0 -150
- package/src/components/radio/radioGroup/styles.css +0 -5
- package/src/components/slider/index.tsx +0 -132
- package/src/components/slider/styles.css +0 -45
- package/src/components/switch/index.tsx +0 -156
- package/src/components/switch/styles.css +0 -90
- package/src/components/tab/tabButton/index.tsx +0 -114
- package/src/components/tab/tabButton/styles.css +0 -41
- package/src/components/tab/tabContainer/index.tsx +0 -121
- package/src/components/tab/tabContainer/styles.css +0 -11
- package/src/components/tab/tabContext.tsx +0 -28
- package/src/components/textarea/index.tsx +0 -193
- package/src/components/textarea/styles.css +0 -93
- package/src/components/tooltip/index.tsx +0 -172
- package/src/components/tooltip/styles.css +0 -112
- package/src/hooks/useForm.ts +0 -55
- package/src/hooks/useScopedParams.ts +0 -111
- package/src/hooks/useScrollLock.ts +0 -52
- package/src/hooks/useSlider.ts +0 -52
- package/src/index.ts +0 -44
- package/src/providers/formProvider.tsx +0 -88
- package/src/services/iconRenderer.tsx +0 -23
- package/src/services/maskCurrencyValues.ts +0 -54
- package/src/utils/phoneInputUtilities.ts +0 -138
- package/tsconfig.json +0 -35
- package/variables.css +0 -41
- package/vite.config.ts +0 -24
- package/vitest.config.ts +0 -5
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { IconRenderer } from "../../services/iconRenderer";
|
|
3
|
-
import "./styles.css";
|
|
4
|
-
/**
|
|
5
|
-
* Badge component - used to display labels, statuses, and categorizations
|
|
6
|
-
*
|
|
7
|
-
* @param props - Badge component properties
|
|
8
|
-
* @param props.size - Badge size. Default: "lg"
|
|
9
|
-
* @param props.variant - Visual variant of the badge. Default: "ghost"
|
|
10
|
-
* @param props.scheme - Badge color scheme. Default: "primary"
|
|
11
|
-
* @param props.leftIcon - Optional icon to display on the left
|
|
12
|
-
* @param props.rightIcon - Optional icon to display on the right
|
|
13
|
-
*
|
|
14
|
-
* **...Other valid HTML properties for div**
|
|
15
|
-
*
|
|
16
|
-
* @returns Badge JSX element
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* // Basic badge
|
|
21
|
-
* <Badge>New</Badge>
|
|
22
|
-
*
|
|
23
|
-
* // Badge with color scheme
|
|
24
|
-
* <Badge scheme="success">Approved</Badge>
|
|
25
|
-
*
|
|
26
|
-
* // Badge with icons
|
|
27
|
-
* <Badge leftIcon={CheckIcon} scheme="success">
|
|
28
|
-
* Completed
|
|
29
|
-
* </Badge>
|
|
30
|
-
*
|
|
31
|
-
* // Custom badge
|
|
32
|
-
* <Badge
|
|
33
|
-
* size="lg"
|
|
34
|
-
* variant="solid"
|
|
35
|
-
* scheme="warning"
|
|
36
|
-
* rightIcon={AlertIcon}
|
|
37
|
-
* >
|
|
38
|
-
* Warning
|
|
39
|
-
* </Badge>
|
|
40
|
-
* ```
|
|
41
|
-
*/
|
|
42
|
-
function Badge(props) {
|
|
43
|
-
const { variant = "ghost", scheme = "primary", size = "lg", leftIcon, rightIcon, className: baseClassName = "", children, ...rest } = props;
|
|
44
|
-
const iconSizes = { md: 12, lg: 14 };
|
|
45
|
-
const iconSize = iconSizes[size];
|
|
46
|
-
const className = `arkynBadge ${variant} ${scheme} ${size} ${baseClassName}`;
|
|
47
|
-
return (_jsxs("div", { className: className.trim(), ...rest, children: [_jsx(IconRenderer, { iconSize: iconSize, icon: leftIcon }), _jsx("p", { children: children }), _jsx(IconRenderer, { iconSize: iconSize, icon: rightIcon })] }));
|
|
48
|
-
}
|
|
49
|
-
export { Badge };
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { LucideIcon } from "lucide-react";
|
|
2
|
-
import { ButtonHTMLAttributes } from "react";
|
|
3
|
-
import "./styles.css";
|
|
4
|
-
type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
5
|
-
isLoading?: boolean;
|
|
6
|
-
loadingText?: string;
|
|
7
|
-
size?: "xs" | "sm" | "md" | "lg";
|
|
8
|
-
variant?: "solid" | "outline" | "ghost" | "invisible";
|
|
9
|
-
scheme?: "primary" | "success" | "warning" | "danger" | "info";
|
|
10
|
-
leftIcon?: LucideIcon;
|
|
11
|
-
rightIcon?: LucideIcon;
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* Button component - used for user interactions and form submissions
|
|
15
|
-
*
|
|
16
|
-
* @param props - Button component properties
|
|
17
|
-
* @param props.isLoading - Controls loading state with spinner. Default: false
|
|
18
|
-
* @param props.loadingText - Text to display during loading state
|
|
19
|
-
* @param props.size - Button size. Default: "md"
|
|
20
|
-
* @param props.variant - Visual variant of the button. Default: "solid"
|
|
21
|
-
* @param props.scheme - Button color scheme. Default: "primary"
|
|
22
|
-
* @param props.leftIcon - Optional icon to display on the left
|
|
23
|
-
* @param props.rightIcon - Optional icon to display on the right
|
|
24
|
-
*
|
|
25
|
-
* **...Other valid HTML properties for button**
|
|
26
|
-
*
|
|
27
|
-
* @returns Button JSX element
|
|
28
|
-
*
|
|
29
|
-
* @example
|
|
30
|
-
* ```tsx
|
|
31
|
-
* // Basic button
|
|
32
|
-
* <Button>Click me</Button>
|
|
33
|
-
*
|
|
34
|
-
* // Button with color scheme
|
|
35
|
-
* <Button scheme="success">Save</Button>
|
|
36
|
-
*
|
|
37
|
-
* // Button with loading state
|
|
38
|
-
* <Button isLoading loadingText="Saving...">
|
|
39
|
-
* Save
|
|
40
|
-
* </Button>
|
|
41
|
-
*
|
|
42
|
-
* // Button with icons
|
|
43
|
-
* <Button leftIcon={SaveIcon} scheme="success">
|
|
44
|
-
* Save
|
|
45
|
-
* </Button>
|
|
46
|
-
*
|
|
47
|
-
* // Custom button
|
|
48
|
-
* <Button
|
|
49
|
-
* size="lg"
|
|
50
|
-
* variant="outline"
|
|
51
|
-
* scheme="danger"
|
|
52
|
-
* rightIcon={TrashIcon}
|
|
53
|
-
* >
|
|
54
|
-
* Delete
|
|
55
|
-
* </Button>
|
|
56
|
-
* ```
|
|
57
|
-
*/
|
|
58
|
-
declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
59
|
-
export { Button };
|
|
60
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IACtD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuCjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Loader2 } from "lucide-react";
|
|
3
|
-
import { IconRenderer } from "../../services/iconRenderer";
|
|
4
|
-
import "./styles.css";
|
|
5
|
-
/**
|
|
6
|
-
* Button component - used for user interactions and form submissions
|
|
7
|
-
*
|
|
8
|
-
* @param props - Button component properties
|
|
9
|
-
* @param props.isLoading - Controls loading state with spinner. Default: false
|
|
10
|
-
* @param props.loadingText - Text to display during loading state
|
|
11
|
-
* @param props.size - Button size. Default: "md"
|
|
12
|
-
* @param props.variant - Visual variant of the button. Default: "solid"
|
|
13
|
-
* @param props.scheme - Button color scheme. Default: "primary"
|
|
14
|
-
* @param props.leftIcon - Optional icon to display on the left
|
|
15
|
-
* @param props.rightIcon - Optional icon to display on the right
|
|
16
|
-
*
|
|
17
|
-
* **...Other valid HTML properties for button**
|
|
18
|
-
*
|
|
19
|
-
* @returns Button JSX element
|
|
20
|
-
*
|
|
21
|
-
* @example
|
|
22
|
-
* ```tsx
|
|
23
|
-
* // Basic button
|
|
24
|
-
* <Button>Click me</Button>
|
|
25
|
-
*
|
|
26
|
-
* // Button with color scheme
|
|
27
|
-
* <Button scheme="success">Save</Button>
|
|
28
|
-
*
|
|
29
|
-
* // Button with loading state
|
|
30
|
-
* <Button isLoading loadingText="Saving...">
|
|
31
|
-
* Save
|
|
32
|
-
* </Button>
|
|
33
|
-
*
|
|
34
|
-
* // Button with icons
|
|
35
|
-
* <Button leftIcon={SaveIcon} scheme="success">
|
|
36
|
-
* Save
|
|
37
|
-
* </Button>
|
|
38
|
-
*
|
|
39
|
-
* // Custom button
|
|
40
|
-
* <Button
|
|
41
|
-
* size="lg"
|
|
42
|
-
* variant="outline"
|
|
43
|
-
* scheme="danger"
|
|
44
|
-
* rightIcon={TrashIcon}
|
|
45
|
-
* >
|
|
46
|
-
* Delete
|
|
47
|
-
* </Button>
|
|
48
|
-
* ```
|
|
49
|
-
*/
|
|
50
|
-
function Button(props) {
|
|
51
|
-
const { isLoading = false, scheme = "primary", variant = "solid", loadingText, size = "md", leftIcon, rightIcon, disabled, className: baseClassName = "", children, ...rest } = props;
|
|
52
|
-
const iconSizes = { xs: 12, sm: 16, md: 20, lg: 24 };
|
|
53
|
-
const iconSize = iconSizes[size];
|
|
54
|
-
const loadingClass = isLoading ? "loadingTrue" : "loadingFalse";
|
|
55
|
-
const loadingTextClass = !!loadingText
|
|
56
|
-
? "loadingTextTrue"
|
|
57
|
-
: "loadingTextFalse";
|
|
58
|
-
const className = `arkynButton ${loadingClass} ${variant} ${scheme} ${size} ${loadingTextClass} ${baseClassName}`;
|
|
59
|
-
return (_jsxs("button", { className: className, disabled: disabled || isLoading, ...rest, children: [_jsxs("div", { className: "arkynButtonSpinner", children: [_jsx(Loader2, { size: iconSize, strokeWidth: 2.5 }), loadingText && loadingText] }), _jsxs("div", { className: "arkynButtonContent", children: [_jsx(IconRenderer, { iconSize: iconSize, icon: leftIcon }), children, _jsx(IconRenderer, { iconSize: iconSize, icon: rightIcon })] })] }));
|
|
60
|
-
}
|
|
61
|
-
export { Button };
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { ButtonHTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import "./styles.css";
|
|
3
|
-
type CardTabButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "value" | "type"> & {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
value: string;
|
|
6
|
-
};
|
|
7
|
-
/**
|
|
8
|
-
* CardTabButton component - used as interactive buttons within a CardTabContainer for tab navigation
|
|
9
|
-
*
|
|
10
|
-
* @param props - CardTabButton component properties
|
|
11
|
-
* @param props.children - Content to display inside the tab button (required)
|
|
12
|
-
* @param props.value - Unique identifier for the tab button (required)
|
|
13
|
-
* @param props.disabled - Whether the button is disabled. Can be overridden by CardTabContainer's disabled state
|
|
14
|
-
*
|
|
15
|
-
* **...Other valid HTML button properties except children, value, and type**
|
|
16
|
-
*
|
|
17
|
-
* @returns CardTabButton JSX element
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```tsx
|
|
21
|
-
* // Basic tab buttons within CardTabContainer
|
|
22
|
-
* <CardTabContainer>
|
|
23
|
-
* <CardTabButton value="home">Home</CardTabButton>
|
|
24
|
-
* <CardTabButton value="about">About</CardTabButton>
|
|
25
|
-
* <CardTabButton value="contact">Contact</CardTabButton>
|
|
26
|
-
* </CardTabContainer>
|
|
27
|
-
* ```
|
|
28
|
-
*
|
|
29
|
-
* @example
|
|
30
|
-
* ```tsx
|
|
31
|
-
* // Tab button with click handler
|
|
32
|
-
* <CardTabContainer onChange={(value) => console.log('Tab changed:', value)}>
|
|
33
|
-
* <CardTabButton
|
|
34
|
-
* value="profile"
|
|
35
|
-
* onClick={() => console.log('Profile tab clicked')}
|
|
36
|
-
* >
|
|
37
|
-
* Profile
|
|
38
|
-
* </CardTabButton>
|
|
39
|
-
* <CardTabButton value="settings">Settings</CardTabButton>
|
|
40
|
-
* </CardTabContainer>
|
|
41
|
-
* ```
|
|
42
|
-
*
|
|
43
|
-
* @example
|
|
44
|
-
* ```tsx
|
|
45
|
-
* // Disabled tab button
|
|
46
|
-
* <CardTabContainer>
|
|
47
|
-
* <CardTabButton value="available">Available</CardTabButton>
|
|
48
|
-
* <CardTabButton value="coming-soon" disabled>
|
|
49
|
-
* Coming Soon
|
|
50
|
-
* </CardTabButton>
|
|
51
|
-
* </CardTabContainer>
|
|
52
|
-
* ```
|
|
53
|
-
*
|
|
54
|
-
* @example
|
|
55
|
-
* ```tsx
|
|
56
|
-
* // Tab buttons with custom styling and default value
|
|
57
|
-
* <CardTabContainer defaultValue="dashboard">
|
|
58
|
-
* <CardTabButton
|
|
59
|
-
* value="dashboard"
|
|
60
|
-
* className="custom-tab"
|
|
61
|
-
* aria-label="Dashboard tab"
|
|
62
|
-
* >
|
|
63
|
-
* Dashboard
|
|
64
|
-
* </CardTabButton>
|
|
65
|
-
* <CardTabButton value="analytics">Analytics</CardTabButton>
|
|
66
|
-
* <CardTabButton value="reports">Reports</CardTabButton>
|
|
67
|
-
* </CardTabContainer>
|
|
68
|
-
* ```
|
|
69
|
-
*/
|
|
70
|
-
declare function CardTabButton(props: CardTabButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
71
|
-
export { CardTabButton };
|
|
72
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cardTab/cardTabButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG,IAAI,CAC5B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,MAAM,CAC9B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AAEH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAkC/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useCardTab } from "../cardTabContext";
|
|
3
|
-
import "./styles.css";
|
|
4
|
-
/**
|
|
5
|
-
* CardTabButton component - used as interactive buttons within a CardTabContainer for tab navigation
|
|
6
|
-
*
|
|
7
|
-
* @param props - CardTabButton component properties
|
|
8
|
-
* @param props.children - Content to display inside the tab button (required)
|
|
9
|
-
* @param props.value - Unique identifier for the tab button (required)
|
|
10
|
-
* @param props.disabled - Whether the button is disabled. Can be overridden by CardTabContainer's disabled state
|
|
11
|
-
*
|
|
12
|
-
* **...Other valid HTML button properties except children, value, and type**
|
|
13
|
-
*
|
|
14
|
-
* @returns CardTabButton JSX element
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* ```tsx
|
|
18
|
-
* // Basic tab buttons within CardTabContainer
|
|
19
|
-
* <CardTabContainer>
|
|
20
|
-
* <CardTabButton value="home">Home</CardTabButton>
|
|
21
|
-
* <CardTabButton value="about">About</CardTabButton>
|
|
22
|
-
* <CardTabButton value="contact">Contact</CardTabButton>
|
|
23
|
-
* </CardTabContainer>
|
|
24
|
-
* ```
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```tsx
|
|
28
|
-
* // Tab button with click handler
|
|
29
|
-
* <CardTabContainer onChange={(value) => console.log('Tab changed:', value)}>
|
|
30
|
-
* <CardTabButton
|
|
31
|
-
* value="profile"
|
|
32
|
-
* onClick={() => console.log('Profile tab clicked')}
|
|
33
|
-
* >
|
|
34
|
-
* Profile
|
|
35
|
-
* </CardTabButton>
|
|
36
|
-
* <CardTabButton value="settings">Settings</CardTabButton>
|
|
37
|
-
* </CardTabContainer>
|
|
38
|
-
* ```
|
|
39
|
-
*
|
|
40
|
-
* @example
|
|
41
|
-
* ```tsx
|
|
42
|
-
* // Disabled tab button
|
|
43
|
-
* <CardTabContainer>
|
|
44
|
-
* <CardTabButton value="available">Available</CardTabButton>
|
|
45
|
-
* <CardTabButton value="coming-soon" disabled>
|
|
46
|
-
* Coming Soon
|
|
47
|
-
* </CardTabButton>
|
|
48
|
-
* </CardTabContainer>
|
|
49
|
-
* ```
|
|
50
|
-
*
|
|
51
|
-
* @example
|
|
52
|
-
* ```tsx
|
|
53
|
-
* // Tab buttons with custom styling and default value
|
|
54
|
-
* <CardTabContainer defaultValue="dashboard">
|
|
55
|
-
* <CardTabButton
|
|
56
|
-
* value="dashboard"
|
|
57
|
-
* className="custom-tab"
|
|
58
|
-
* aria-label="Dashboard tab"
|
|
59
|
-
* >
|
|
60
|
-
* Dashboard
|
|
61
|
-
* </CardTabButton>
|
|
62
|
-
* <CardTabButton value="analytics">Analytics</CardTabButton>
|
|
63
|
-
* <CardTabButton value="reports">Reports</CardTabButton>
|
|
64
|
-
* </CardTabContainer>
|
|
65
|
-
* ```
|
|
66
|
-
*/
|
|
67
|
-
function CardTabButton(props) {
|
|
68
|
-
const { children, disabled: rawDisabled = false, className: baseClassName = "", onClick, value, ...rest } = props;
|
|
69
|
-
const { disabled, currentTab, changeCurrentTab } = useCardTab();
|
|
70
|
-
const isDisabled = disabled || rawDisabled;
|
|
71
|
-
const disabledClass = isDisabled ? "isDisabled" : "";
|
|
72
|
-
const activeClass = currentTab === value && value ? "isActive" : "";
|
|
73
|
-
const className = `arkynCardTabButton ${disabledClass} ${activeClass} ${baseClassName}`;
|
|
74
|
-
function handleClick(event) {
|
|
75
|
-
changeCurrentTab(value);
|
|
76
|
-
onClick && onClick(event);
|
|
77
|
-
}
|
|
78
|
-
return (_jsx("button", { onClick: handleClick, className: className.trim(), ...rest, disabled: isDisabled, type: "button", children: children }));
|
|
79
|
-
}
|
|
80
|
-
export { CardTabButton };
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import "./styles.css";
|
|
3
|
-
type CardTabContainerProps = Omit<HTMLAttributes<HTMLElement>, "onClick" | "children" | "ref"> & {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
defaultValue?: string;
|
|
7
|
-
onChange?: (index: string) => void;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* CardTabContainer component - used as a wrapper for CardTabButton components to create tabbed navigation
|
|
11
|
-
*
|
|
12
|
-
* @param props - CardTabContainer component properties
|
|
13
|
-
* @param props.children - CardTabButton components and other content (required)
|
|
14
|
-
* @param props.disabled - Whether all tab buttons are disabled. Default: false
|
|
15
|
-
* @param props.defaultValue - Initial tab value to be selected
|
|
16
|
-
* @param props.onChange - Callback function called when tab changes, receives the tab value
|
|
17
|
-
*
|
|
18
|
-
* **...Other valid HTML nav properties except onClick, children, and ref**
|
|
19
|
-
*
|
|
20
|
-
* @returns CardTabContainer JSX element
|
|
21
|
-
*
|
|
22
|
-
* @example
|
|
23
|
-
* ```tsx
|
|
24
|
-
* // Basic tab container
|
|
25
|
-
* <CardTabContainer>
|
|
26
|
-
* <CardTabButton value="home">Home</CardTabButton>
|
|
27
|
-
* <CardTabButton value="about">About</CardTabButton>
|
|
28
|
-
* <CardTabButton value="contact">Contact</CardTabButton>
|
|
29
|
-
* </CardTabContainer>
|
|
30
|
-
* ```
|
|
31
|
-
*
|
|
32
|
-
* @example
|
|
33
|
-
* ```tsx
|
|
34
|
-
* // Tab container with default value and change handler
|
|
35
|
-
* <CardTabContainer
|
|
36
|
-
* defaultValue="dashboard"
|
|
37
|
-
* onChange={(value) => console.log('Active tab:', value)}
|
|
38
|
-
* >
|
|
39
|
-
* <CardTabButton value="dashboard">Dashboard</CardTabButton>
|
|
40
|
-
* <CardTabButton value="analytics">Analytics</CardTabButton>
|
|
41
|
-
* <CardTabButton value="settings">Settings</CardTabButton>
|
|
42
|
-
* </CardTabContainer>
|
|
43
|
-
* ```
|
|
44
|
-
*
|
|
45
|
-
* @example
|
|
46
|
-
* ```tsx
|
|
47
|
-
* // Disabled all tabs
|
|
48
|
-
* <CardTabContainer disabled>
|
|
49
|
-
* <CardTabButton value="tab1">Tab 1</CardTabButton>
|
|
50
|
-
* <CardTabButton value="tab2">Tab 2</CardTabButton>
|
|
51
|
-
* </CardTabContainer>
|
|
52
|
-
* ```
|
|
53
|
-
*
|
|
54
|
-
* @example
|
|
55
|
-
* ```tsx
|
|
56
|
-
* // Tab container with custom styling and state management
|
|
57
|
-
* function MyTabs() {
|
|
58
|
-
* const [activeTab, setActiveTab] = useState('profile');
|
|
59
|
-
*
|
|
60
|
-
* return (
|
|
61
|
-
* <div>
|
|
62
|
-
* <CardTabContainer
|
|
63
|
-
* defaultValue={activeTab}
|
|
64
|
-
* onChange={setActiveTab}
|
|
65
|
-
* className="custom-tabs"
|
|
66
|
-
* role="tablist"
|
|
67
|
-
* >
|
|
68
|
-
* <CardTabButton value="profile">Profile</CardTabButton>
|
|
69
|
-
* <CardTabButton value="account">Account</CardTabButton>
|
|
70
|
-
* <CardTabButton value="notifications">Notifications</CardTabButton>
|
|
71
|
-
* </CardTabContainer>
|
|
72
|
-
*
|
|
73
|
-
* {activeTab === 'profile' && <ProfileContent />}
|
|
74
|
-
* {activeTab === 'account' && <AccountContent />}
|
|
75
|
-
* {activeTab === 'notifications' && <NotificationsContent />}
|
|
76
|
-
* </div>
|
|
77
|
-
* );
|
|
78
|
-
* }
|
|
79
|
-
* ```
|
|
80
|
-
*/
|
|
81
|
-
declare function CardTabContainer(props: CardTabContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
82
|
-
export { CardTabContainer };
|
|
83
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cardTab/cardTabContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5D,OAAO,cAAc,CAAC;AAEtB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,cAAc,CAAC,WAAW,CAAC,EAC3B,SAAS,GAAG,UAAU,GAAG,KAAK,CAC/B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AAEH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA8BrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import { TabProvider } from "../cardTabContext";
|
|
4
|
-
import "./styles.css";
|
|
5
|
-
/**
|
|
6
|
-
* CardTabContainer component - used as a wrapper for CardTabButton components to create tabbed navigation
|
|
7
|
-
*
|
|
8
|
-
* @param props - CardTabContainer component properties
|
|
9
|
-
* @param props.children - CardTabButton components and other content (required)
|
|
10
|
-
* @param props.disabled - Whether all tab buttons are disabled. Default: false
|
|
11
|
-
* @param props.defaultValue - Initial tab value to be selected
|
|
12
|
-
* @param props.onChange - Callback function called when tab changes, receives the tab value
|
|
13
|
-
*
|
|
14
|
-
* **...Other valid HTML nav properties except onClick, children, and ref**
|
|
15
|
-
*
|
|
16
|
-
* @returns CardTabContainer JSX element
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* // Basic tab container
|
|
21
|
-
* <CardTabContainer>
|
|
22
|
-
* <CardTabButton value="home">Home</CardTabButton>
|
|
23
|
-
* <CardTabButton value="about">About</CardTabButton>
|
|
24
|
-
* <CardTabButton value="contact">Contact</CardTabButton>
|
|
25
|
-
* </CardTabContainer>
|
|
26
|
-
* ```
|
|
27
|
-
*
|
|
28
|
-
* @example
|
|
29
|
-
* ```tsx
|
|
30
|
-
* // Tab container with default value and change handler
|
|
31
|
-
* <CardTabContainer
|
|
32
|
-
* defaultValue="dashboard"
|
|
33
|
-
* onChange={(value) => console.log('Active tab:', value)}
|
|
34
|
-
* >
|
|
35
|
-
* <CardTabButton value="dashboard">Dashboard</CardTabButton>
|
|
36
|
-
* <CardTabButton value="analytics">Analytics</CardTabButton>
|
|
37
|
-
* <CardTabButton value="settings">Settings</CardTabButton>
|
|
38
|
-
* </CardTabContainer>
|
|
39
|
-
* ```
|
|
40
|
-
*
|
|
41
|
-
* @example
|
|
42
|
-
* ```tsx
|
|
43
|
-
* // Disabled all tabs
|
|
44
|
-
* <CardTabContainer disabled>
|
|
45
|
-
* <CardTabButton value="tab1">Tab 1</CardTabButton>
|
|
46
|
-
* <CardTabButton value="tab2">Tab 2</CardTabButton>
|
|
47
|
-
* </CardTabContainer>
|
|
48
|
-
* ```
|
|
49
|
-
*
|
|
50
|
-
* @example
|
|
51
|
-
* ```tsx
|
|
52
|
-
* // Tab container with custom styling and state management
|
|
53
|
-
* function MyTabs() {
|
|
54
|
-
* const [activeTab, setActiveTab] = useState('profile');
|
|
55
|
-
*
|
|
56
|
-
* return (
|
|
57
|
-
* <div>
|
|
58
|
-
* <CardTabContainer
|
|
59
|
-
* defaultValue={activeTab}
|
|
60
|
-
* onChange={setActiveTab}
|
|
61
|
-
* className="custom-tabs"
|
|
62
|
-
* role="tablist"
|
|
63
|
-
* >
|
|
64
|
-
* <CardTabButton value="profile">Profile</CardTabButton>
|
|
65
|
-
* <CardTabButton value="account">Account</CardTabButton>
|
|
66
|
-
* <CardTabButton value="notifications">Notifications</CardTabButton>
|
|
67
|
-
* </CardTabContainer>
|
|
68
|
-
*
|
|
69
|
-
* {activeTab === 'profile' && <ProfileContent />}
|
|
70
|
-
* {activeTab === 'account' && <AccountContent />}
|
|
71
|
-
* {activeTab === 'notifications' && <NotificationsContent />}
|
|
72
|
-
* </div>
|
|
73
|
-
* );
|
|
74
|
-
* }
|
|
75
|
-
* ```
|
|
76
|
-
*/
|
|
77
|
-
function CardTabContainer(props) {
|
|
78
|
-
const { children, onChange, defaultValue, disabled = false, className: baseClassName, ...rest } = props;
|
|
79
|
-
const [currentTab, setCurrentTab] = useState(defaultValue || "");
|
|
80
|
-
const className = `arkynCardTabContainer ${baseClassName || ""}`;
|
|
81
|
-
function changeCurrentTab(value) {
|
|
82
|
-
setCurrentTab(value);
|
|
83
|
-
if (onChange)
|
|
84
|
-
onChange(value);
|
|
85
|
-
}
|
|
86
|
-
return (_jsx(TabProvider, { disabled: disabled, currentTab: currentTab, changeCurrentTab: changeCurrentTab, children: _jsx("nav", { className: className.trim(), ...rest, children: children }) }));
|
|
87
|
-
}
|
|
88
|
-
export { CardTabContainer };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
type CardTabContextProps = {
|
|
3
|
-
disabled: boolean;
|
|
4
|
-
currentTab: string;
|
|
5
|
-
changeCurrentTab: (tab: string) => void;
|
|
6
|
-
};
|
|
7
|
-
type TabProviderProps = {
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
disabled: boolean;
|
|
10
|
-
currentTab: string;
|
|
11
|
-
changeCurrentTab: (tab: string) => void;
|
|
12
|
-
};
|
|
13
|
-
declare function useCardTab(): CardTabContextProps;
|
|
14
|
-
declare function TabProvider(props: TabProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export { TabProvider, useCardTab };
|
|
16
|
-
//# sourceMappingURL=cardTabContext.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cardTabContext.d.ts","sourceRoot":"","sources":["../../../../src/components/cardTab/cardTabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAIF,iBAAS,UAAU,wBAElB;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAM3C;AAED,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createContext, useContext } from "react";
|
|
3
|
-
const CardTabContext = createContext({});
|
|
4
|
-
function useCardTab() {
|
|
5
|
-
return useContext(CardTabContext);
|
|
6
|
-
}
|
|
7
|
-
function TabProvider(props) {
|
|
8
|
-
return (_jsx(CardTabContext.Provider, { value: props, children: props.children }));
|
|
9
|
-
}
|
|
10
|
-
export { TabProvider, useCardTab };
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { ButtonHTMLAttributes } from "react";
|
|
2
|
-
import "./styles.css";
|
|
3
|
-
type CheckboxProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size" | "prefix" | "type" | "name" | "defaultValue" | "value" | "onChange" | "onSelect" | "onClick"> & {
|
|
4
|
-
label?: string;
|
|
5
|
-
errorMessage?: boolean;
|
|
6
|
-
size?: "md" | "lg" | "sm";
|
|
7
|
-
name: string;
|
|
8
|
-
value?: string;
|
|
9
|
-
checked?: boolean;
|
|
10
|
-
defaultChecked?: boolean;
|
|
11
|
-
onCheck?: (value: string) => void;
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* Checkbox component - used for creating interactive checkbox inputs with customizable styling and validation
|
|
15
|
-
*
|
|
16
|
-
* @param props - Checkbox component properties
|
|
17
|
-
* @param props.name - Required field name for form handling and hidden input identification
|
|
18
|
-
* @param props.label - Optional label text to display next to the checkbox
|
|
19
|
-
* @param props.errorMessage - Error state indicator to display validation errors
|
|
20
|
-
* @param props.size - Size variant of the checkbox. Default: "md"
|
|
21
|
-
* @param props.value - Optional value to be used when checkbox is checked. Default: "checked"
|
|
22
|
-
* @param props.checked - Controlled checked state of the checkbox
|
|
23
|
-
* @param props.defaultChecked - Default checked state for uncontrolled usage. Default: false
|
|
24
|
-
* @param props.onCheck - Callback function called when checkbox state changes, receives the value or empty string
|
|
25
|
-
*
|
|
26
|
-
* **...Other valid HTML properties for button element (except type, name, defaultValue, value, onChange, onSelect, onClick)**
|
|
27
|
-
*
|
|
28
|
-
* @returns Checkbox JSX element wrapped in FieldWrapper with optional label and error
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* ```tsx
|
|
32
|
-
* // Basic checkbox
|
|
33
|
-
* <Checkbox name="terms" label="I agree to the terms and conditions" />
|
|
34
|
-
*
|
|
35
|
-
* // Checkbox with custom value and validation
|
|
36
|
-
* <Checkbox
|
|
37
|
-
* name="newsletter"
|
|
38
|
-
* label="Subscribe to newsletter"
|
|
39
|
-
* value="subscribed"
|
|
40
|
-
* errorMessage={errors.newsletter}
|
|
41
|
-
* />
|
|
42
|
-
*
|
|
43
|
-
* // Large checkbox with controlled state
|
|
44
|
-
* <Checkbox
|
|
45
|
-
* name="premium"
|
|
46
|
-
* label="Enable premium features"
|
|
47
|
-
* size="lg"
|
|
48
|
-
* checked={isPremium}
|
|
49
|
-
* onCheck={(value) => setIsPremium(!!value)}
|
|
50
|
-
* />
|
|
51
|
-
*
|
|
52
|
-
* // Small checkbox with default checked state
|
|
53
|
-
* <Checkbox
|
|
54
|
-
* name="remember"
|
|
55
|
-
* label="Remember me"
|
|
56
|
-
* size="sm"
|
|
57
|
-
* defaultChecked={true}
|
|
58
|
-
* value="remember_user"
|
|
59
|
-
* />
|
|
60
|
-
*
|
|
61
|
-
* // Checkbox with custom styling and callback
|
|
62
|
-
* <Checkbox
|
|
63
|
-
* name="notifications"
|
|
64
|
-
* label="Enable notifications"
|
|
65
|
-
* className="custom-checkbox"
|
|
66
|
-
* onCheck={(value) => console.log('Notification setting:', value)}
|
|
67
|
-
* disabled={isLoading}
|
|
68
|
-
* />
|
|
69
|
-
* ```
|
|
70
|
-
*/
|
|
71
|
-
declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
72
|
-
export { Checkbox };
|
|
73
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAA2B,MAAM,OAAO,CAAC;AAOtE,OAAO,cAAc,CAAC;AAEtB,KAAK,aAAa,GAAG,IAAI,CACvB,oBAAoB,CAAC,iBAAiB,CAAC,EACrC,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,cAAc,GACd,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,CACZ,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA6DrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|