@bricks-toolkit/toolkit 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/dist/avatar/index.cjs +11 -1
- package/dist/avatar/index.mjs +2 -1
- package/dist/badge/index.cjs +11 -1
- package/dist/badge/index.mjs +2 -1
- package/dist/breadcrumbs/index.cjs +11 -1
- package/dist/breadcrumbs/index.mjs +2 -1
- package/dist/button/index.cjs +13 -2
- package/dist/button/index.mjs +4 -2
- package/dist/card/index.cjs +31 -1
- package/dist/card/index.mjs +2 -1
- package/dist/checkbox/index.cjs +11 -1
- package/dist/checkbox/index.mjs +2 -1
- package/dist/chunk-2POU3NX4.mjs +192 -0
- package/dist/chunk-32SKYPQW.mjs +156 -0
- package/dist/chunk-3IPWW66F.cjs +205 -0
- package/dist/chunk-446OJWC6.mjs +285 -0
- package/dist/chunk-4DA7CRNV.mjs +376 -0
- package/dist/chunk-4DR57X7U.mjs +182 -0
- package/dist/chunk-4QSDPHPI.mjs +285 -0
- package/dist/chunk-56ILK7Y4.cjs +315 -0
- package/dist/chunk-5J3OMAO4.cjs +222 -0
- package/dist/chunk-5RKET2JO.cjs +287 -0
- package/dist/chunk-65UZC3FK.mjs +312 -0
- package/dist/chunk-6CC5KIA5.cjs +148 -0
- package/dist/chunk-6R3OYBQ6.cjs +209 -0
- package/dist/chunk-6UO72EJA.cjs +2 -0
- package/dist/chunk-6ZCY4O5M.mjs +63 -0
- package/dist/chunk-7364SUK6.mjs +359 -0
- package/dist/chunk-7DDDQ3RH.cjs +66 -0
- package/dist/chunk-7PDGAIC3.cjs +189 -0
- package/dist/chunk-7R5JRJ2W.cjs +255 -0
- package/dist/chunk-7WNJ7L4Z.mjs +335 -0
- package/dist/chunk-AJXVELXK.cjs +218 -0
- package/dist/chunk-ARTXRQO6.mjs +1 -0
- package/dist/chunk-B4OV5GRT.cjs +510 -0
- package/dist/chunk-B5MYGYJY.mjs +122 -0
- package/dist/chunk-BBVWG5GH.cjs +75 -0
- package/dist/chunk-BVBCAAES.mjs +35 -0
- package/dist/chunk-CBA54EY4.mjs +508 -0
- package/dist/chunk-CMER5LO3.mjs +330 -0
- package/dist/chunk-DHC5LI2P.cjs +338 -0
- package/dist/chunk-DMLPA65B.mjs +107 -0
- package/dist/chunk-DN2GFJF4.mjs +175 -0
- package/dist/chunk-ECLNLPOR.cjs +70 -0
- package/dist/chunk-H77YWN3L.mjs +220 -0
- package/dist/chunk-HIWJDLIS.cjs +124 -0
- package/dist/chunk-HQGDSOSN.mjs +274 -0
- package/dist/chunk-IC4HGEI6.cjs +38 -0
- package/dist/chunk-JKPNJ4PZ.mjs +313 -0
- package/dist/chunk-JV6AWBN5.mjs +113 -0
- package/dist/chunk-K3IJEZ4S.mjs +203 -0
- package/dist/chunk-KA35BV7V.mjs +207 -0
- package/dist/chunk-KH6LV7IS.mjs +36 -0
- package/dist/chunk-KLBABQEJ.cjs +378 -0
- package/dist/chunk-L5VQZZVR.cjs +3197 -0
- package/dist/chunk-LTG6YP5I.cjs +69 -0
- package/dist/chunk-MVUNJPGH.cjs +184 -0
- package/dist/chunk-NMJ5CVZH.cjs +2 -0
- package/dist/chunk-NRCNRHXL.cjs +109 -0
- package/dist/chunk-NRZIXK35.cjs +276 -0
- package/dist/chunk-OCPFOFJ4.mjs +3195 -0
- package/dist/chunk-OEU5VG3D.cjs +362 -0
- package/dist/chunk-OPOCCRJG.cjs +193 -0
- package/dist/chunk-OQPCL5XX.mjs +187 -0
- package/dist/chunk-PCYGJNEQ.cjs +280 -0
- package/dist/chunk-PJH2KEWK.mjs +200 -0
- package/dist/chunk-PJWELBN2.cjs +115 -0
- package/dist/chunk-Q3IFXFFD.cjs +202 -0
- package/dist/chunk-R72GDCWE.cjs +314 -0
- package/dist/chunk-RAD5VJHR.mjs +146 -0
- package/dist/chunk-RYWDZHKG.mjs +274 -0
- package/dist/chunk-S7VEND5Z.cjs +162 -0
- package/dist/chunk-SBNNV6FE.mjs +1 -0
- package/dist/chunk-SFUOCZJY.mjs +187 -0
- package/dist/chunk-SHQ2MPBE.mjs +73 -0
- package/dist/chunk-TIVSMCXZ.mjs +253 -0
- package/dist/chunk-TNGW5YHA.cjs +37 -0
- package/dist/chunk-VC7MOPU6.cjs +287 -0
- package/dist/chunk-VHVFRWF5.mjs +64 -0
- package/dist/chunk-VKQDW7C2.mjs +336 -0
- package/dist/chunk-VRZFAKSV.cjs +177 -0
- package/dist/chunk-W2ZAPLQH.cjs +337 -0
- package/dist/chunk-XFNRKHHF.cjs +332 -0
- package/dist/chunk-Y3NTKFUE.mjs +66 -0
- package/dist/chunk-YMMNWJT6.cjs +134 -0
- package/dist/chunk-YOTCXSXL.mjs +132 -0
- package/dist/combo-box/index.cjs +11 -1
- package/dist/combo-box/index.mjs +2 -1
- package/dist/date-picker/index.cjs +11 -2
- package/dist/date-picker/index.mjs +2 -2
- package/dist/dialog/index.cjs +27 -1
- package/dist/dialog/index.mjs +2 -1
- package/dist/dropdown-menu/index.cjs +27 -1
- package/dist/dropdown-menu/index.mjs +2 -1
- package/dist/email/index.cjs +11 -2
- package/dist/email/index.mjs +2 -2
- package/dist/file-upload/index.cjs +11 -1
- package/dist/file-upload/index.mjs +2 -1
- package/dist/header/index.cjs +11 -2
- package/dist/header/index.mjs +2 -2
- package/dist/icon-button/index.cjs +13 -2
- package/dist/icon-button/index.mjs +4 -2
- package/dist/image/index.cjs +12 -1
- package/dist/image/index.mjs +3 -1
- package/dist/index.cjs +839 -2
- package/dist/index.mjs +601 -2
- package/dist/link/index.cjs +11 -1
- package/dist/link/index.mjs +2 -1
- package/dist/loader/index.cjs +11 -2
- package/dist/loader/index.mjs +2 -2
- package/dist/modal/index.cjs +27 -1
- package/dist/modal/index.mjs +2 -1
- package/dist/multi-select/index.cjs +11 -2
- package/dist/multi-select/index.mjs +2 -2
- package/dist/otp-input/index.cjs +11 -1
- package/dist/otp-input/index.mjs +2 -1
- package/dist/password-input/index.cjs +11 -2
- package/dist/password-input/index.mjs +2 -2
- package/dist/phone/index.cjs +11 -2
- package/dist/phone/index.mjs +2 -2
- package/dist/radio-button/index.cjs +11 -1
- package/dist/radio-button/index.mjs +2 -1
- package/dist/search-input/index.cjs +12 -2
- package/dist/search-input/index.mjs +3 -2
- package/dist/select/index.cjs +11 -2
- package/dist/select/index.mjs +2 -2
- package/dist/sidebar/index.cjs +11 -1
- package/dist/sidebar/index.mjs +2 -1
- package/dist/skeleton/index.cjs +27 -1
- package/dist/skeleton/index.mjs +2 -1
- package/dist/styles.css +5069 -1
- package/dist/table/index.cjs +15 -1
- package/dist/table/index.mjs +2 -1
- package/dist/tabs/index.cjs +14 -2
- package/dist/tabs/index.mjs +5 -2
- package/dist/text-input/index.cjs +11 -2
- package/dist/text-input/index.mjs +2 -2
- package/dist/theme-provider/index.cjs +14 -1
- package/dist/theme-provider/index.mjs +1 -1
- package/dist/time-picker/index.cjs +11 -2
- package/dist/time-picker/index.mjs +2 -2
- package/dist/toaster/index.cjs +11 -1
- package/dist/toaster/index.mjs +2 -1
- package/dist/tooltip/index.cjs +12 -1
- package/dist/tooltip/index.mjs +3 -1
- package/package.json +105 -123
- package/dist/Button.types-BsQYqZml.d.ts +0 -27
- package/dist/Button.types-D-srlWFf.d.mts +0 -27
- package/dist/TextInput.types-DRI8HQza.d.mts +0 -32
- package/dist/TextInput.types-DRI8HQza.d.ts +0 -32
- package/dist/Tooltip.types-PbUasE3C.d.mts +0 -36
- package/dist/Tooltip.types-PbUasE3C.d.ts +0 -36
- package/dist/avatar/index.d.mts +0 -29
- package/dist/avatar/index.d.ts +0 -29
- package/dist/badge/index.d.mts +0 -57
- package/dist/badge/index.d.ts +0 -57
- package/dist/breadcrumbs/index.d.mts +0 -32
- package/dist/breadcrumbs/index.d.ts +0 -32
- package/dist/button/index.d.mts +0 -8
- package/dist/button/index.d.ts +0 -8
- package/dist/card/index.d.mts +0 -42
- package/dist/card/index.d.ts +0 -42
- package/dist/checkbox/index.d.mts +0 -36
- package/dist/checkbox/index.d.ts +0 -36
- package/dist/combo-box/index.d.mts +0 -62
- package/dist/combo-box/index.d.ts +0 -62
- package/dist/components/Accordion/Accordion.d.ts +0 -5
- package/dist/components/Accordion/Accordion.types.d.ts +0 -32
- package/dist/components/Accordion/index.d.ts +0 -2
- package/dist/components/Avatar/Avatar.d.ts +0 -2
- package/dist/components/Avatar/Avatar.stories.d.ts +0 -11
- package/dist/components/Avatar/Avatar.test.d.ts +0 -1
- package/dist/components/Avatar/Avatar.types.d.ts +0 -24
- package/dist/components/Avatar/index.d.ts +0 -2
- package/dist/components/Badge/Badge.d.ts +0 -11
- package/dist/components/Badge/Badge.stories.d.ts +0 -21
- package/dist/components/Badge/Badge.test.d.ts +0 -1
- package/dist/components/Badge/Badge.types.d.ts +0 -43
- package/dist/components/Badge/index.d.ts +0 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +0 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -13
- package/dist/components/Breadcrumbs/Breadcrumbs.test.d.ts +0 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts +0 -27
- package/dist/components/Breadcrumbs/index.d.ts +0 -2
- package/dist/components/Button/Button.d.ts +0 -2
- package/dist/components/Button/Button.stories.d.ts +0 -20
- package/dist/components/Button/Button.test.d.ts +0 -1
- package/dist/components/Button/Button.types.d.ts +0 -24
- package/dist/components/Button/index.d.ts +0 -2
- package/dist/components/Card/Card.d.ts +0 -25
- package/dist/components/Card/Card.stories.d.ts +0 -8
- package/dist/components/Card/Card.test.d.ts +0 -1
- package/dist/components/Card/Card.types.d.ts +0 -14
- package/dist/components/Card/index.d.ts +0 -2
- package/dist/components/Checkbox/Checkbox.d.ts +0 -2
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -16
- package/dist/components/Checkbox/Checkbox.test.d.ts +0 -1
- package/dist/components/Checkbox/Checkbox.types.d.ts +0 -31
- package/dist/components/Checkbox/index.d.ts +0 -2
- package/dist/components/ComboBox/ComboBox.d.ts +0 -2
- package/dist/components/ComboBox/ComboBox.stories.d.ts +0 -12
- package/dist/components/ComboBox/ComboBox.test.d.ts +0 -1
- package/dist/components/ComboBox/ComboBox.types.d.ts +0 -57
- package/dist/components/ComboBox/index.d.ts +0 -2
- package/dist/components/DatePicker/DatePicker.d.ts +0 -2
- package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -25
- package/dist/components/DatePicker/DatePicker.test.d.ts +0 -1
- package/dist/components/DatePicker/DatePicker.types.d.ts +0 -27
- package/dist/components/DatePicker/index.d.ts +0 -2
- package/dist/components/Dialog/Dialog.d.ts +0 -6
- package/dist/components/Dialog/Dialog.stories.d.ts +0 -9
- package/dist/components/Dialog/Dialog.test.d.ts +0 -1
- package/dist/components/Dialog/Dialog.types.d.ts +0 -52
- package/dist/components/Dialog/index.d.ts +0 -2
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +0 -7
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +0 -9
- package/dist/components/DropdownMenu/DropdownMenu.test.d.ts +0 -1
- package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +0 -24
- package/dist/components/DropdownMenu/index.d.ts +0 -2
- package/dist/components/Email/Email.d.ts +0 -2
- package/dist/components/Email/Email.stories.d.ts +0 -11
- package/dist/components/Email/Email.test.d.ts +0 -1
- package/dist/components/Email/Email.types.d.ts +0 -33
- package/dist/components/Email/index.d.ts +0 -2
- package/dist/components/FileUpload/FileUpload.d.ts +0 -2
- package/dist/components/FileUpload/FileUpload.stories.d.ts +0 -10
- package/dist/components/FileUpload/FileUpload.test.d.ts +0 -1
- package/dist/components/FileUpload/FileUpload.types.d.ts +0 -22
- package/dist/components/FileUpload/index.d.ts +0 -2
- package/dist/components/Header/Header.d.ts +0 -7
- package/dist/components/Header/Header.stories.d.ts +0 -8
- package/dist/components/Header/Header.test.d.ts +0 -1
- package/dist/components/Header/Header.types.d.ts +0 -19
- package/dist/components/Header/index.d.ts +0 -2
- package/dist/components/IconButton/IconButton.d.ts +0 -2
- package/dist/components/IconButton/IconButton.stories.d.ts +0 -17
- package/dist/components/IconButton/IconButton.types.d.ts +0 -10
- package/dist/components/IconButton/index.d.ts +0 -2
- package/dist/components/Image/Image.d.ts +0 -6
- package/dist/components/Image/Image.stories.d.ts +0 -13
- package/dist/components/Image/Image.test.d.ts +0 -1
- package/dist/components/Image/Image.types.d.ts +0 -40
- package/dist/components/Image/index.d.ts +0 -2
- package/dist/components/Link/Link.d.ts +0 -2
- package/dist/components/Link/Link.stories.d.ts +0 -15
- package/dist/components/Link/Link.test.d.ts +0 -1
- package/dist/components/Link/Link.types.d.ts +0 -20
- package/dist/components/Link/index.d.ts +0 -2
- package/dist/components/Loader/Loader.d.ts +0 -2
- package/dist/components/Loader/Loader.stories.d.ts +0 -12
- package/dist/components/Loader/Loader.test.d.ts +0 -1
- package/dist/components/Loader/Loader.types.d.ts +0 -17
- package/dist/components/Loader/index.d.ts +0 -2
- package/dist/components/Modal/Modal.d.ts +0 -14
- package/dist/components/Modal/Modal.stories.d.ts +0 -14
- package/dist/components/Modal/Modal.test.d.ts +0 -1
- package/dist/components/Modal/Modal.types.d.ts +0 -100
- package/dist/components/Modal/index.d.ts +0 -2
- package/dist/components/MultiSelect/MultiSelect.d.ts +0 -2
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -15
- package/dist/components/MultiSelect/MultiSelect.test.d.ts +0 -1
- package/dist/components/MultiSelect/MultiSelect.types.d.ts +0 -55
- package/dist/components/MultiSelect/index.d.ts +0 -2
- package/dist/components/OtpInput/OtpInput.d.ts +0 -2
- package/dist/components/OtpInput/OtpInput.stories.d.ts +0 -10
- package/dist/components/OtpInput/OtpInput.test.d.ts +0 -1
- package/dist/components/OtpInput/OtpInput.types.d.ts +0 -53
- package/dist/components/OtpInput/index.d.ts +0 -2
- package/dist/components/PasswordInput/PasswordInput.d.ts +0 -2
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts +0 -23
- package/dist/components/PasswordInput/PasswordInput.test.d.ts +0 -1
- package/dist/components/PasswordInput/PasswordInput.types.d.ts +0 -27
- package/dist/components/PasswordInput/index.d.ts +0 -2
- package/dist/components/Phone/Phone.d.ts +0 -2
- package/dist/components/Phone/Phone.stories.d.ts +0 -11
- package/dist/components/Phone/Phone.test.d.ts +0 -1
- package/dist/components/Phone/Phone.types.d.ts +0 -36
- package/dist/components/Phone/countries.d.ts +0 -8
- package/dist/components/Phone/index.d.ts +0 -2
- package/dist/components/RadioButton/RadioButton.d.ts +0 -2
- package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -21
- package/dist/components/RadioButton/RadioButton.test.d.ts +0 -1
- package/dist/components/RadioButton/RadioButton.types.d.ts +0 -51
- package/dist/components/RadioButton/index.d.ts +0 -2
- package/dist/components/SearchInput/SearchInput.d.ts +0 -6
- package/dist/components/SearchInput/SearchInput.stories.d.ts +0 -8
- package/dist/components/SearchInput/SearchInput.test.d.ts +0 -1
- package/dist/components/SearchInput/SearchInput.types.d.ts +0 -12
- package/dist/components/SearchInput/index.d.ts +0 -2
- package/dist/components/Select/Select.d.ts +0 -2
- package/dist/components/Select/Select.stories.d.ts +0 -12
- package/dist/components/Select/Select.test.d.ts +0 -1
- package/dist/components/Select/Select.types.d.ts +0 -31
- package/dist/components/Select/index.d.ts +0 -2
- package/dist/components/Sidebar/Sidebar.d.ts +0 -7
- package/dist/components/Sidebar/Sidebar.stories.d.ts +0 -10
- package/dist/components/Sidebar/Sidebar.test.d.ts +0 -1
- package/dist/components/Sidebar/Sidebar.types.d.ts +0 -87
- package/dist/components/Sidebar/index.d.ts +0 -2
- package/dist/components/Skeleton/Skeleton.d.ts +0 -26
- package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -13
- package/dist/components/Skeleton/Skeleton.types.d.ts +0 -47
- package/dist/components/Skeleton/index.d.ts +0 -2
- package/dist/components/Stepper/Stepper.d.ts +0 -2
- package/dist/components/Stepper/Stepper.stories.d.ts +0 -23
- package/dist/components/Stepper/Stepper.test.d.ts +0 -1
- package/dist/components/Stepper/Stepper.types.d.ts +0 -47
- package/dist/components/Stepper/index.d.ts +0 -2
- package/dist/components/Table/Pagination.d.ts +0 -3
- package/dist/components/Table/Table.d.ts +0 -3
- package/dist/components/Table/Table.stories.d.ts +0 -13
- package/dist/components/Table/Table.test.d.ts +0 -1
- package/dist/components/Table/Table.types.d.ts +0 -85
- package/dist/components/Table/index.d.ts +0 -3
- package/dist/components/Tabs/Tabs.d.ts +0 -2
- package/dist/components/Tabs/Tabs.stories.d.ts +0 -17
- package/dist/components/Tabs/Tabs.test.d.ts +0 -1
- package/dist/components/Tabs/Tabs.types.d.ts +0 -21
- package/dist/components/Tabs/index.d.ts +0 -2
- package/dist/components/TextInput/TextInput.d.ts +0 -2
- package/dist/components/TextInput/TextInput.stories.d.ts +0 -25
- package/dist/components/TextInput/TextInput.test.d.ts +0 -1
- package/dist/components/TextInput/TextInput.types.d.ts +0 -29
- package/dist/components/TextInput/index.d.ts +0 -2
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +0 -8
- package/dist/components/ThemeProvider/ThemeProvider.stories.d.ts +0 -16
- package/dist/components/ThemeProvider/ThemeProvider.test.d.ts +0 -1
- package/dist/components/ThemeProvider/ThemeProvider.types.d.ts +0 -112
- package/dist/components/ThemeProvider/index.d.ts +0 -2
- package/dist/components/TimePicker/TimePicker.d.ts +0 -2
- package/dist/components/TimePicker/TimePicker.stories.d.ts +0 -23
- package/dist/components/TimePicker/TimePicker.test.d.ts +0 -1
- package/dist/components/TimePicker/TimePicker.types.d.ts +0 -27
- package/dist/components/TimePicker/index.d.ts +0 -2
- package/dist/components/Toaster/Toaster.d.ts +0 -2
- package/dist/components/Toaster/Toaster.stories.d.ts +0 -13
- package/dist/components/Toaster/Toaster.test.d.ts +0 -1
- package/dist/components/Toaster/Toaster.types.d.ts +0 -23
- package/dist/components/Toaster/index.d.ts +0 -2
- package/dist/components/Toggle/Toggle.d.ts +0 -2
- package/dist/components/Toggle/Toggle.stories.d.ts +0 -11
- package/dist/components/Toggle/Toggle.types.d.ts +0 -10
- package/dist/components/Toggle/index.d.ts +0 -2
- package/dist/components/Tooltip/Tooltip.d.ts +0 -2
- package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -13
- package/dist/components/Tooltip/Tooltip.test.d.ts +0 -1
- package/dist/components/Tooltip/Tooltip.types.d.ts +0 -33
- package/dist/components/Tooltip/index.d.ts +0 -2
- package/dist/date-picker/index.d.mts +0 -32
- package/dist/date-picker/index.d.ts +0 -32
- package/dist/dialog/index.d.mts +0 -61
- package/dist/dialog/index.d.ts +0 -61
- package/dist/dropdown-menu/index.d.mts +0 -34
- package/dist/dropdown-menu/index.d.ts +0 -34
- package/dist/email/index.d.mts +0 -38
- package/dist/email/index.d.ts +0 -38
- package/dist/file-upload/index.d.mts +0 -27
- package/dist/file-upload/index.d.ts +0 -27
- package/dist/header/index.d.mts +0 -28
- package/dist/header/index.d.ts +0 -28
- package/dist/icon-button/index.d.mts +0 -16
- package/dist/icon-button/index.d.ts +0 -16
- package/dist/image/index.d.mts +0 -48
- package/dist/image/index.d.ts +0 -48
- package/dist/index.d.mts +0 -141
- package/dist/index.d.ts +0 -75
- package/dist/link/index.d.mts +0 -25
- package/dist/link/index.d.ts +0 -25
- package/dist/loader/index.d.mts +0 -21
- package/dist/loader/index.d.ts +0 -21
- package/dist/modal/index.d.mts +0 -116
- package/dist/modal/index.d.ts +0 -116
- package/dist/multi-select/index.d.mts +0 -59
- package/dist/multi-select/index.d.ts +0 -59
- package/dist/otp-input/index.d.mts +0 -57
- package/dist/otp-input/index.d.ts +0 -57
- package/dist/password-input/index.d.mts +0 -32
- package/dist/password-input/index.d.ts +0 -32
- package/dist/phone/index.d.mts +0 -41
- package/dist/phone/index.d.ts +0 -41
- package/dist/radio-button/index.d.mts +0 -56
- package/dist/radio-button/index.d.ts +0 -56
- package/dist/search-input/index.d.mts +0 -22
- package/dist/search-input/index.d.ts +0 -22
- package/dist/select/index.d.mts +0 -36
- package/dist/select/index.d.ts +0 -36
- package/dist/sidebar/index.d.mts +0 -96
- package/dist/sidebar/index.d.ts +0 -96
- package/dist/skeleton/index.d.mts +0 -76
- package/dist/skeleton/index.d.ts +0 -76
- package/dist/styles.d.mts +0 -2
- package/dist/styles.d.ts +0 -2
- package/dist/table/index.d.mts +0 -92
- package/dist/table/index.d.ts +0 -92
- package/dist/tabs/index.d.mts +0 -26
- package/dist/tabs/index.d.ts +0 -26
- package/dist/text-input/index.d.mts +0 -7
- package/dist/text-input/index.d.ts +0 -7
- package/dist/theme-provider/index.d.mts +0 -122
- package/dist/theme-provider/index.d.ts +0 -122
- package/dist/time-picker/index.d.mts +0 -32
- package/dist/time-picker/index.d.ts +0 -32
- package/dist/toaster/index.d.mts +0 -28
- package/dist/toaster/index.d.ts +0 -28
- package/dist/tooltip/index.d.mts +0 -7
- package/dist/tooltip/index.d.ts +0 -7
- package/dist/utils/cn.d.ts +0 -2
- package/dist/utils/index.d.ts +0 -1
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
export type OtpVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
|
|
2
|
-
export type OtpSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
-
export type OtpState = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
-
export interface OtpInputProps {
|
|
5
|
-
/** The total number of input boxes (defaults to 4 or 6 depending on your preference, normally 4 or 6. We default to 4). */
|
|
6
|
-
length?: number;
|
|
7
|
-
/** The current value of the OTP input. */
|
|
8
|
-
value?: string;
|
|
9
|
-
/** Fired when the value changes. */
|
|
10
|
-
onChange?: (value: string) => void;
|
|
11
|
-
/** Fired when all the input boxes are filled. */
|
|
12
|
-
onComplete?: (value: string) => void;
|
|
13
|
-
/** Optional label text shown above the inputs. */
|
|
14
|
-
label?: string;
|
|
15
|
-
/** Whether the field is explicitly required. */
|
|
16
|
-
required?: boolean;
|
|
17
|
-
/** Helper text displayed below the inputs. */
|
|
18
|
-
helperText?: string;
|
|
19
|
-
/** Error message displayed when state is 'error'. */
|
|
20
|
-
errorMessage?: string;
|
|
21
|
-
/** Success message displayed when state is 'success'. */
|
|
22
|
-
successMessage?: string;
|
|
23
|
-
/** Warning message displayed when state is 'warning'. */
|
|
24
|
-
warningMessage?: string;
|
|
25
|
-
/** The visual style variant of the input boxes. */
|
|
26
|
-
variant?: OtpVariant;
|
|
27
|
-
/** The size of each input box. */
|
|
28
|
-
size?: OtpSize;
|
|
29
|
-
/** The interaction state of the component. */
|
|
30
|
-
state?: OtpState;
|
|
31
|
-
/** Custom classname applied to the root wrapper. */
|
|
32
|
-
className?: string;
|
|
33
|
-
/** Alias for className to match other components. */
|
|
34
|
-
wrapperClassName?: string;
|
|
35
|
-
/** Custom classname applied to the inputs wrapper flex container. */
|
|
36
|
-
inputGroupClassName?: string;
|
|
37
|
-
/** Custom classname applied to each individual input box. */
|
|
38
|
-
inputClassName?: string;
|
|
39
|
-
/** Custom classname applied to the label. */
|
|
40
|
-
labelClassName?: string;
|
|
41
|
-
/** Custom classname applied to the helper/state messages. */
|
|
42
|
-
helperClassName?: string;
|
|
43
|
-
/** Explicit accessibility ID. Generated automatically if omitted. */
|
|
44
|
-
id?: string;
|
|
45
|
-
/** Whether the component is completely disabled. */
|
|
46
|
-
disabled?: boolean;
|
|
47
|
-
/** Whether to show a loading state indicator. */
|
|
48
|
-
isLoading?: boolean;
|
|
49
|
-
/** Only mask inputs with generic dots like a password if truthy. */
|
|
50
|
-
mask?: boolean;
|
|
51
|
-
/** Allow alphanumeric? Defaults to numeric-only if false or omitted. */
|
|
52
|
-
alphanumeric?: boolean;
|
|
53
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { PasswordInput } from './PasswordInput';
|
|
3
|
-
declare const meta: Meta<typeof PasswordInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/** The default input with a label, placeholder, and helper text. */
|
|
7
|
-
export declare const Default: Story;
|
|
8
|
-
/** All five size variants stacked vertically. */
|
|
9
|
-
export declare const Sizes: Story;
|
|
10
|
-
/** All four visual variants. */
|
|
11
|
-
export declare const Variants: Story;
|
|
12
|
-
/** All four validation states. */
|
|
13
|
-
export declare const ValidationStates: Story;
|
|
14
|
-
/** Inline left elements (SVG icons). Right icon is replaced by the toggle by default unless showPasswordToggle is false. */
|
|
15
|
-
export declare const WithIcons: Story;
|
|
16
|
-
/** You can disable the password visibility toggle if you do not want the feature. */
|
|
17
|
-
export declare const WithoutToggle: Story;
|
|
18
|
-
/** Required fields show a red asterisk beside the label. */
|
|
19
|
-
export declare const Required: Story;
|
|
20
|
-
/** Disabled input — read-only and non-interactive. */
|
|
21
|
-
export declare const Disabled: Story;
|
|
22
|
-
/** Override styles via `inputClassName` and `wrapperClassName`. */
|
|
23
|
-
export declare const CustomClassName: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type PasswordInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
|
|
3
|
-
export type PasswordInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
export type PasswordInputState = 'default' | 'error' | 'success' | 'warning';
|
|
5
|
-
export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
|
|
6
|
-
label?: string;
|
|
7
|
-
required?: boolean;
|
|
8
|
-
helperText?: string;
|
|
9
|
-
errorMessage?: string;
|
|
10
|
-
successMessage?: string;
|
|
11
|
-
warningMessage?: string;
|
|
12
|
-
variant?: PasswordInputVariant;
|
|
13
|
-
size?: PasswordInputSize;
|
|
14
|
-
state?: PasswordInputState;
|
|
15
|
-
fullWidth?: boolean;
|
|
16
|
-
leftElement?: ReactNode;
|
|
17
|
-
rightElement?: ReactNode;
|
|
18
|
-
prefix?: ReactNode;
|
|
19
|
-
suffix?: ReactNode;
|
|
20
|
-
wrapperClassName?: string;
|
|
21
|
-
inputGroupClassName?: string;
|
|
22
|
-
inputClassName?: string;
|
|
23
|
-
labelClassName?: string;
|
|
24
|
-
helperClassName?: string;
|
|
25
|
-
isLoading?: boolean;
|
|
26
|
-
showPasswordToggle?: boolean;
|
|
27
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Phone } from './Phone';
|
|
3
|
-
declare const meta: Meta<typeof Phone>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Phone>;
|
|
6
|
-
export declare const Basic: Story;
|
|
7
|
-
export declare const WithIcon: Story;
|
|
8
|
-
export declare const WithPrefixAddon: Story;
|
|
9
|
-
export declare const ErrorState: Story;
|
|
10
|
-
export declare const FilledVariant: Story;
|
|
11
|
-
export declare const SuccessStateWithClear: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type PhoneVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
|
|
3
|
-
export type PhoneSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
export type PhoneState = 'default' | 'error' | 'success' | 'warning';
|
|
5
|
-
export interface PhoneValue {
|
|
6
|
-
countryCode: string;
|
|
7
|
-
phoneNumber: string;
|
|
8
|
-
}
|
|
9
|
-
export interface PhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
|
|
10
|
-
value?: PhoneValue;
|
|
11
|
-
defaultValue?: PhoneValue;
|
|
12
|
-
onChange?: (value: PhoneValue) => void;
|
|
13
|
-
showFlag?: boolean;
|
|
14
|
-
defaultCountryCode?: string;
|
|
15
|
-
label?: string;
|
|
16
|
-
required?: boolean;
|
|
17
|
-
helperText?: string;
|
|
18
|
-
errorMessage?: string;
|
|
19
|
-
successMessage?: string;
|
|
20
|
-
warningMessage?: string;
|
|
21
|
-
variant?: PhoneVariant;
|
|
22
|
-
size?: PhoneSize;
|
|
23
|
-
state?: PhoneState;
|
|
24
|
-
fullWidth?: boolean;
|
|
25
|
-
leftElement?: ReactNode;
|
|
26
|
-
rightElement?: ReactNode;
|
|
27
|
-
prefix?: ReactNode;
|
|
28
|
-
suffix?: ReactNode;
|
|
29
|
-
wrapperClassName?: string;
|
|
30
|
-
inputGroupClassName?: string;
|
|
31
|
-
inputClassName?: string;
|
|
32
|
-
labelClassName?: string;
|
|
33
|
-
helperClassName?: string;
|
|
34
|
-
clearable?: boolean;
|
|
35
|
-
isLoading?: boolean;
|
|
36
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { RadioButton } from './RadioButton';
|
|
3
|
-
declare const meta: Meta<typeof RadioButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/** The default radio button with a label and helper text. */
|
|
7
|
-
export declare const Default: Story;
|
|
8
|
-
/** All three size variants shown side-by-side. */
|
|
9
|
-
export declare const Sizes: Story;
|
|
10
|
-
/** All four validation states. */
|
|
11
|
-
export declare const ValidationStates: Story;
|
|
12
|
-
/** A group of radio buttons sharing the same `name`. */
|
|
13
|
-
export declare const RadioGroup: Story;
|
|
14
|
-
/** Required fields show a red asterisk beside the label. */
|
|
15
|
-
export declare const Required: Story;
|
|
16
|
-
/** Disabled input — read-only and non-interactive. */
|
|
17
|
-
export declare const Disabled: Story;
|
|
18
|
-
/** Override styles via `className` and `wrapperClassName`. */
|
|
19
|
-
export declare const CustomClassName: Story;
|
|
20
|
-
/** Input without a label — uses `aria-label` on the `<input>` instead. */
|
|
21
|
-
export declare const NoLabel: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type RadioButtonSize = 'sm' | 'md' | 'lg';
|
|
3
|
-
export type RadioButtonState = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
-
export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
5
|
-
/**
|
|
6
|
-
* Optional label displayed next to the radio button.
|
|
7
|
-
*/
|
|
8
|
-
label?: ReactNode;
|
|
9
|
-
/**
|
|
10
|
-
* Helper text displayed below the radio button.
|
|
11
|
-
*/
|
|
12
|
-
helperText?: string;
|
|
13
|
-
/**
|
|
14
|
-
* Error message displayed when state is 'error'.
|
|
15
|
-
*/
|
|
16
|
-
errorMessage?: string;
|
|
17
|
-
/**
|
|
18
|
-
* Success message displayed when state is 'success'.
|
|
19
|
-
*/
|
|
20
|
-
successMessage?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Warning message displayed when state is 'warning'.
|
|
23
|
-
*/
|
|
24
|
-
warningMessage?: string;
|
|
25
|
-
/**
|
|
26
|
-
* The size of the radio button and label.
|
|
27
|
-
* @default 'md'
|
|
28
|
-
*/
|
|
29
|
-
size?: RadioButtonSize;
|
|
30
|
-
/**
|
|
31
|
-
* The validation state of the radio button.
|
|
32
|
-
* @default 'default'
|
|
33
|
-
*/
|
|
34
|
-
state?: RadioButtonState;
|
|
35
|
-
/**
|
|
36
|
-
* Additional class applied to the outer wrapper element.
|
|
37
|
-
*/
|
|
38
|
-
wrapperClassName?: string;
|
|
39
|
-
/**
|
|
40
|
-
* Additional class applied to the input element itself.
|
|
41
|
-
*/
|
|
42
|
-
inputClassName?: string;
|
|
43
|
-
/**
|
|
44
|
-
* Additional class applied to the label text element.
|
|
45
|
-
*/
|
|
46
|
-
labelClassName?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Additional class applied to the helper/state message element.
|
|
49
|
-
*/
|
|
50
|
-
helperClassName?: string;
|
|
51
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { SearchInputProps } from './SearchInput.types';
|
|
2
|
-
/**
|
|
3
|
-
* SearchInput component - A debounced input field for search functionality.
|
|
4
|
-
* Built on top of TextInput, it includes a search icon by default and handles debouncing.
|
|
5
|
-
*/
|
|
6
|
-
export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { SearchInput } from './SearchInput';
|
|
3
|
-
declare const meta: Meta<typeof SearchInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Controlled: Story;
|
|
8
|
-
export declare const CustomIcon: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { TextInputProps } from '../TextInput/TextInput.types';
|
|
2
|
-
export interface SearchInputProps extends TextInputProps {
|
|
3
|
-
/**
|
|
4
|
-
* The delay in milliseconds before the onDebouncedChange callback is called.
|
|
5
|
-
* @default 300
|
|
6
|
-
*/
|
|
7
|
-
debounce?: number;
|
|
8
|
-
/**
|
|
9
|
-
* Callback function called after the debounce delay with the current input value.
|
|
10
|
-
*/
|
|
11
|
-
onDebouncedChange?: (value: string) => void;
|
|
12
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Select } from './Select';
|
|
3
|
-
declare const meta: Meta<typeof Select>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Sizes: Story;
|
|
8
|
-
export declare const Variants: Story;
|
|
9
|
-
export declare const ValidationStates: Story;
|
|
10
|
-
export declare const Required: Story;
|
|
11
|
-
export declare const Disabled: Story;
|
|
12
|
-
export declare const WithChildren: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import type { SelectHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type SelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
|
|
3
|
-
export type SelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
export type SelectState = 'default' | 'error' | 'success' | 'warning';
|
|
5
|
-
export interface SelectOption {
|
|
6
|
-
label: string;
|
|
7
|
-
value: string | number;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
|
|
11
|
-
label?: string;
|
|
12
|
-
required?: boolean;
|
|
13
|
-
helperText?: string;
|
|
14
|
-
errorMessage?: string;
|
|
15
|
-
successMessage?: string;
|
|
16
|
-
warningMessage?: string;
|
|
17
|
-
variant?: SelectVariant;
|
|
18
|
-
size?: SelectSize;
|
|
19
|
-
state?: SelectState;
|
|
20
|
-
fullWidth?: boolean;
|
|
21
|
-
leftElement?: ReactNode;
|
|
22
|
-
rightElement?: ReactNode;
|
|
23
|
-
wrapperClassName?: string;
|
|
24
|
-
inputGroupClassName?: string;
|
|
25
|
-
inputClassName?: string;
|
|
26
|
-
labelClassName?: string;
|
|
27
|
-
helperClassName?: string;
|
|
28
|
-
isLoading?: boolean;
|
|
29
|
-
options?: SelectOption[];
|
|
30
|
-
placeholder?: string;
|
|
31
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Sidebar } from './Sidebar';
|
|
3
|
-
declare const meta: Meta<typeof Sidebar>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Sidebar>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const FullyCustomizable: Story;
|
|
8
|
-
export declare const RightPositioned: Story;
|
|
9
|
-
export declare const CustomItemRendering: Story;
|
|
10
|
-
export declare const NestedItems: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, ElementType, CSSProperties } from 'react';
|
|
2
|
-
export interface SidebarItem {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
icon?: ReactNode;
|
|
6
|
-
href?: string;
|
|
7
|
-
onClick?: () => void;
|
|
8
|
-
isActive?: boolean;
|
|
9
|
-
badge?: ReactNode;
|
|
10
|
-
/** Optional component to use for the item (e.g., NavLink) */
|
|
11
|
-
component?: ElementType;
|
|
12
|
-
/** Optional props for the custom component */
|
|
13
|
-
componentProps?: Record<string, unknown>;
|
|
14
|
-
/** Optional nested items */
|
|
15
|
-
items?: SidebarItem[];
|
|
16
|
-
/** Whether the item is currently expanded (for nested items) */
|
|
17
|
-
isExpanded?: boolean;
|
|
18
|
-
/** Whether the item should be hidden */
|
|
19
|
-
hidden?: boolean;
|
|
20
|
-
}
|
|
21
|
-
export interface SidebarGroup {
|
|
22
|
-
id: string;
|
|
23
|
-
label?: string;
|
|
24
|
-
items: SidebarItem[];
|
|
25
|
-
/** Whether the group should be hidden */
|
|
26
|
-
hidden?: boolean;
|
|
27
|
-
}
|
|
28
|
-
export interface SidebarClassNames {
|
|
29
|
-
root?: string;
|
|
30
|
-
header?: string;
|
|
31
|
-
content?: string;
|
|
32
|
-
footer?: string;
|
|
33
|
-
group?: string;
|
|
34
|
-
groupLabel?: string;
|
|
35
|
-
item?: string;
|
|
36
|
-
itemIcon?: string;
|
|
37
|
-
itemLabel?: string;
|
|
38
|
-
itemActive?: string;
|
|
39
|
-
itemCollapsed?: string;
|
|
40
|
-
toggleButton?: string;
|
|
41
|
-
}
|
|
42
|
-
export interface SidebarStyles {
|
|
43
|
-
root?: CSSProperties;
|
|
44
|
-
header?: CSSProperties;
|
|
45
|
-
content?: CSSProperties;
|
|
46
|
-
footer?: CSSProperties;
|
|
47
|
-
group?: CSSProperties;
|
|
48
|
-
groupLabel?: CSSProperties;
|
|
49
|
-
item?: CSSProperties;
|
|
50
|
-
itemIcon?: CSSProperties;
|
|
51
|
-
itemLabel?: CSSProperties;
|
|
52
|
-
toggleButton?: CSSProperties;
|
|
53
|
-
}
|
|
54
|
-
export interface SidebarProps {
|
|
55
|
-
/** Groups of navigation items to display in the sidebar. */
|
|
56
|
-
groups: SidebarGroup[];
|
|
57
|
-
/** Whether the sidebar is in its collapsed state. */
|
|
58
|
-
isCollapsed?: boolean;
|
|
59
|
-
/** Callback triggered when the collapsed state changes. */
|
|
60
|
-
onToggleCollapse?: (isCollapsed: boolean) => void;
|
|
61
|
-
/** Optional logo or brand element to display at the top. */
|
|
62
|
-
logo?: ReactNode;
|
|
63
|
-
/** Optional footer content. */
|
|
64
|
-
footer?: ReactNode;
|
|
65
|
-
/** Additional CSS classes for the container. */
|
|
66
|
-
className?: string;
|
|
67
|
-
/** Whether to show the glass effect. */
|
|
68
|
-
glass?: boolean;
|
|
69
|
-
/** Custom width for expanded state (default: 288px / 72rem) */
|
|
70
|
-
width?: string | number;
|
|
71
|
-
/** Custom width for collapsed state (default: 80px / 20rem) */
|
|
72
|
-
collapsedWidth?: string | number;
|
|
73
|
-
/** Whether to show the built-in collapse toggle button */
|
|
74
|
-
showToggleButton?: boolean;
|
|
75
|
-
/** Position of the toggle button ('top' | 'bottom' | 'center') */
|
|
76
|
-
togglePosition?: 'top' | 'bottom' | 'center';
|
|
77
|
-
/** Placement of the sidebar */
|
|
78
|
-
position?: 'left' | 'right';
|
|
79
|
-
/** Whether icons should be centered when collapsed */
|
|
80
|
-
centerIcons?: boolean;
|
|
81
|
-
/** Deep customization of CSS classes */
|
|
82
|
-
classNames?: SidebarClassNames;
|
|
83
|
-
/** Deep customization of inline styles */
|
|
84
|
-
styles?: SidebarStyles;
|
|
85
|
-
/** Custom render function for items */
|
|
86
|
-
renderItem?: (item: SidebarItem, isCollapsed: boolean) => ReactNode;
|
|
87
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonTableProps } from './Skeleton.types';
|
|
2
|
-
/**
|
|
3
|
-
* Primitive skeleton block. Use this as the building brick for any custom
|
|
4
|
-
* layout skeleton you need.
|
|
5
|
-
*/
|
|
6
|
-
export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
/**
|
|
8
|
-
* Multi-line text placeholder. The last line is intentionally shorter to
|
|
9
|
-
* mimic natural prose paragraph endings.
|
|
10
|
-
*/
|
|
11
|
-
export declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
/**
|
|
13
|
-
* Circular avatar placeholder. Pairs naturally with SkeletonText to build
|
|
14
|
-
* user-card or comment-thread loaders.
|
|
15
|
-
*/
|
|
16
|
-
export declare const SkeletonAvatar: React.ForwardRefExoticComponent<SkeletonAvatarProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
-
/**
|
|
18
|
-
* Pre-composed card skeleton mirroring the Card component structure:
|
|
19
|
-
* optional hero image → title → description lines → action bar.
|
|
20
|
-
*/
|
|
21
|
-
export declare const SkeletonCard: React.ForwardRefExoticComponent<SkeletonCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
/**
|
|
23
|
-
* Full table placeholder matching the Table component's visual grid.
|
|
24
|
-
* Renders a configurable number of column headers and body rows.
|
|
25
|
-
*/
|
|
26
|
-
export declare const SkeletonTable: React.ForwardRefExoticComponent<SkeletonTableProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Skeleton } from './Skeleton';
|
|
3
|
-
declare const meta: Meta<typeof Skeleton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Skeleton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Variants: Story;
|
|
8
|
-
export declare const Shapes: Story;
|
|
9
|
-
export declare const TextBlock: Story;
|
|
10
|
-
export declare const AvatarWithText: Story;
|
|
11
|
-
export declare const CardSkeleton: Story;
|
|
12
|
-
export declare const TableSkeleton: Story;
|
|
13
|
-
export declare const DashboardPageSkeleton: Story;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
2
|
-
export type SkeletonVariant = 'default' | 'wave' | 'pulse';
|
|
3
|
-
export type SkeletonShape = 'rectangle' | 'circle' | 'rounded';
|
|
4
|
-
export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
/** Animation style of the skeleton. Defaults to 'wave'. */
|
|
6
|
-
variant?: SkeletonVariant;
|
|
7
|
-
/** Shape of the skeleton block. Defaults to 'rectangle'. */
|
|
8
|
-
shape?: SkeletonShape;
|
|
9
|
-
/** Explicit width (e.g. '100%', '200px'). Falls back to the element's natural width. */
|
|
10
|
-
width?: string | number;
|
|
11
|
-
/** Explicit height (e.g. '1rem', 48). Falls back to the element's natural height. */
|
|
12
|
-
height?: string | number;
|
|
13
|
-
}
|
|
14
|
-
export interface SkeletonTextProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
-
/** Number of text lines to render. Defaults to 3. */
|
|
16
|
-
lines?: number;
|
|
17
|
-
/** Animation variant forwarded to each line. Defaults to 'wave'. */
|
|
18
|
-
variant?: SkeletonVariant;
|
|
19
|
-
/** When true the last line is shorter (≈ 60 %) to look like natural prose. Defaults to true. */
|
|
20
|
-
shortLast?: boolean;
|
|
21
|
-
}
|
|
22
|
-
export interface SkeletonAvatarProps extends HTMLAttributes<HTMLDivElement> {
|
|
23
|
-
/** Diameter of the avatar circle in pixels. Defaults to 40. */
|
|
24
|
-
size?: number;
|
|
25
|
-
/** Animation variant. Defaults to 'wave'. */
|
|
26
|
-
variant?: SkeletonVariant;
|
|
27
|
-
}
|
|
28
|
-
export interface SkeletonCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
29
|
-
/** Show a header image placeholder at the top of the card. Defaults to true. */
|
|
30
|
-
showImage?: boolean;
|
|
31
|
-
/** Height of the image placeholder in pixels. Defaults to 160. */
|
|
32
|
-
imageHeight?: number;
|
|
33
|
-
/** Number of text-line skeletons in the body. Defaults to 3. */
|
|
34
|
-
lines?: number;
|
|
35
|
-
/** Animation variant forwarded to all children. Defaults to 'wave'. */
|
|
36
|
-
variant?: SkeletonVariant;
|
|
37
|
-
}
|
|
38
|
-
export interface SkeletonTableProps extends HTMLAttributes<HTMLDivElement> {
|
|
39
|
-
/** Number of rows to render. Defaults to 5. */
|
|
40
|
-
rows?: number;
|
|
41
|
-
/** Number of columns to render. Defaults to 4. */
|
|
42
|
-
columns?: number;
|
|
43
|
-
/** Animation variant. Defaults to 'wave'. */
|
|
44
|
-
variant?: SkeletonVariant;
|
|
45
|
-
/** Show a header row above the body rows. Defaults to true. */
|
|
46
|
-
showHeader?: boolean;
|
|
47
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Stepper } from './Stepper';
|
|
3
|
-
declare const meta: Meta<typeof Stepper>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/** The default Stepper starting at step 2 (Profile). */
|
|
7
|
-
export declare const Default: Story;
|
|
8
|
-
/** All four visual variants. */
|
|
9
|
-
export declare const Variants: Story;
|
|
10
|
-
/** All three size tokens. */
|
|
11
|
-
export declare const Sizes: Story;
|
|
12
|
-
/** Vertical orientation, great for sidebars or wizards. */
|
|
13
|
-
export declare const Vertical: Story;
|
|
14
|
-
/** All four variants in vertical orientation. */
|
|
15
|
-
export declare const VerticalVariants: Story;
|
|
16
|
-
/** Steps with custom Heroicon icons instead of numbers. */
|
|
17
|
-
export declare const WithIcons: Story;
|
|
18
|
-
/** A step can be marked with an error status. */
|
|
19
|
-
export declare const WithError: Story;
|
|
20
|
-
/** When `clickable` is true, users can jump to any step. */
|
|
21
|
-
export declare const Clickable: Story;
|
|
22
|
-
/** Fully controlled stepper driven by external state with next/back navigation. */
|
|
23
|
-
export declare const Controlled: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|