@mdigital_ui/ui 0.3.8 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +44 -231
- package/styles/global.css +327 -220
- package/styles/themes/dark.css +57 -44
- package/styles/themes/light.css +3 -3
- package/styles/themes/presets/corporate.css +32 -30
- package/styles/themes/presets/minimal.css +32 -30
- package/styles/themes/presets/vibrant.css +38 -36
- package/dist/accordion/index.d.ts +0 -6
- package/dist/accordion/index.d.ts.map +0 -1
- package/dist/accordion/index.js +0 -5
- package/dist/accordion/index.js.map +0 -1
- package/dist/accordion/types.d.ts +0 -125
- package/dist/accordion/types.d.ts.map +0 -1
- package/dist/avatar/index.d.ts +0 -14
- package/dist/avatar/index.d.ts.map +0 -1
- package/dist/avatar/index.js +0 -4
- package/dist/avatar/index.js.map +0 -1
- package/dist/avatar/types.d.ts +0 -147
- package/dist/avatar/types.d.ts.map +0 -1
- package/dist/badge/index.d.ts +0 -28
- package/dist/badge/index.d.ts.map +0 -1
- package/dist/badge/index.js +0 -5
- package/dist/badge/index.js.map +0 -1
- package/dist/badge/types.d.ts +0 -97
- package/dist/badge/types.d.ts.map +0 -1
- package/dist/breadcrumbs/index.d.ts +0 -13
- package/dist/breadcrumbs/index.d.ts.map +0 -1
- package/dist/breadcrumbs/index.js +0 -7
- package/dist/breadcrumbs/index.js.map +0 -1
- package/dist/breadcrumbs/types.d.ts +0 -118
- package/dist/breadcrumbs/types.d.ts.map +0 -1
- package/dist/button/index.d.ts +0 -6
- package/dist/button/index.d.ts.map +0 -1
- package/dist/button/index.js +0 -6
- package/dist/button/index.js.map +0 -1
- package/dist/button/types.d.ts +0 -85
- package/dist/button/types.d.ts.map +0 -1
- package/dist/button-group/index.d.ts +0 -34
- package/dist/button-group/index.d.ts.map +0 -1
- package/dist/button-group/index.js +0 -4
- package/dist/button-group/index.js.map +0 -1
- package/dist/button-group/types.d.ts +0 -75
- package/dist/button-group/types.d.ts.map +0 -1
- package/dist/card/index.d.ts +0 -71
- package/dist/card/index.d.ts.map +0 -1
- package/dist/card/index.js +0 -5
- package/dist/card/index.js.map +0 -1
- package/dist/card/types.d.ts +0 -136
- package/dist/card/types.d.ts.map +0 -1
- package/dist/carousel/carousel-navigation.d.ts +0 -9
- package/dist/carousel/carousel-navigation.d.ts.map +0 -1
- package/dist/carousel/index.d.ts +0 -50
- package/dist/carousel/index.d.ts.map +0 -1
- package/dist/carousel/index.js +0 -4
- package/dist/carousel/index.js.map +0 -1
- package/dist/cascader/index.d.ts +0 -27
- package/dist/cascader/index.d.ts.map +0 -1
- package/dist/cascader/index.js +0 -5
- package/dist/cascader/index.js.map +0 -1
- package/dist/cascader/types.d.ts +0 -220
- package/dist/cascader/types.d.ts.map +0 -1
- package/dist/checkbox/index.d.ts +0 -6
- package/dist/checkbox/index.d.ts.map +0 -1
- package/dist/checkbox/index.js +0 -5
- package/dist/checkbox/index.js.map +0 -1
- package/dist/checkbox/types.d.ts +0 -21
- package/dist/checkbox/types.d.ts.map +0 -1
- package/dist/checkbox-group/index.d.ts +0 -6
- package/dist/checkbox-group/index.d.ts.map +0 -1
- package/dist/checkbox-group/index.js +0 -4
- package/dist/checkbox-group/index.js.map +0 -1
- package/dist/checkbox-group/types.d.ts +0 -43
- package/dist/checkbox-group/types.d.ts.map +0 -1
- package/dist/chunk-2K7MDR7K.js +0 -212
- package/dist/chunk-2K7MDR7K.js.map +0 -1
- package/dist/chunk-2PNLIQYM.js +0 -76
- package/dist/chunk-2PNLIQYM.js.map +0 -1
- package/dist/chunk-2SYAIIJE.js +0 -143
- package/dist/chunk-2SYAIIJE.js.map +0 -1
- package/dist/chunk-2WZVD7P3.js +0 -145
- package/dist/chunk-2WZVD7P3.js.map +0 -1
- package/dist/chunk-56BHCAPI.js +0 -184
- package/dist/chunk-56BHCAPI.js.map +0 -1
- package/dist/chunk-5PUATOLR.js +0 -127
- package/dist/chunk-5PUATOLR.js.map +0 -1
- package/dist/chunk-6HGUDHHE.js +0 -86
- package/dist/chunk-6HGUDHHE.js.map +0 -1
- package/dist/chunk-6JGNJI5T.js +0 -174
- package/dist/chunk-6JGNJI5T.js.map +0 -1
- package/dist/chunk-6QZFWSN7.js +0 -175
- package/dist/chunk-6QZFWSN7.js.map +0 -1
- package/dist/chunk-6YVT3AL2.js +0 -211
- package/dist/chunk-6YVT3AL2.js.map +0 -1
- package/dist/chunk-7P3Q6H2V.js +0 -272
- package/dist/chunk-7P3Q6H2V.js.map +0 -1
- package/dist/chunk-7UCNBMCV.js +0 -261
- package/dist/chunk-7UCNBMCV.js.map +0 -1
- package/dist/chunk-BVO2BNFG.js +0 -437
- package/dist/chunk-BVO2BNFG.js.map +0 -1
- package/dist/chunk-D53OQERO.js +0 -347
- package/dist/chunk-D53OQERO.js.map +0 -1
- package/dist/chunk-DRCT6VZ7.js +0 -130
- package/dist/chunk-DRCT6VZ7.js.map +0 -1
- package/dist/chunk-DRL4CJMI.js +0 -147
- package/dist/chunk-DRL4CJMI.js.map +0 -1
- package/dist/chunk-DUNER5Q3.js +0 -133
- package/dist/chunk-DUNER5Q3.js.map +0 -1
- package/dist/chunk-E222IQHF.js +0 -184
- package/dist/chunk-E222IQHF.js.map +0 -1
- package/dist/chunk-EGNF7BRT.js +0 -75
- package/dist/chunk-EGNF7BRT.js.map +0 -1
- package/dist/chunk-FCODTRKL.js +0 -72
- package/dist/chunk-FCODTRKL.js.map +0 -1
- package/dist/chunk-FVTMKQUE.js +0 -67
- package/dist/chunk-FVTMKQUE.js.map +0 -1
- package/dist/chunk-GGDDE7LC.js +0 -303
- package/dist/chunk-GGDDE7LC.js.map +0 -1
- package/dist/chunk-GVEEUHM2.js +0 -377
- package/dist/chunk-GVEEUHM2.js.map +0 -1
- package/dist/chunk-HQVTIFXN.js +0 -494
- package/dist/chunk-HQVTIFXN.js.map +0 -1
- package/dist/chunk-HXPMYGSR.js +0 -353
- package/dist/chunk-HXPMYGSR.js.map +0 -1
- package/dist/chunk-I75ZSXD6.js +0 -293
- package/dist/chunk-I75ZSXD6.js.map +0 -1
- package/dist/chunk-IAQDQN6W.js +0 -1047
- package/dist/chunk-IAQDQN6W.js.map +0 -1
- package/dist/chunk-ITCXCSUS.js +0 -753
- package/dist/chunk-ITCXCSUS.js.map +0 -1
- package/dist/chunk-JZ5F6XDO.js +0 -43
- package/dist/chunk-JZ5F6XDO.js.map +0 -1
- package/dist/chunk-KJRKPYYZ.js +0 -1262
- package/dist/chunk-KJRKPYYZ.js.map +0 -1
- package/dist/chunk-KYDQJSSW.js +0 -254
- package/dist/chunk-KYDQJSSW.js.map +0 -1
- package/dist/chunk-L76WWJGR.js +0 -122
- package/dist/chunk-L76WWJGR.js.map +0 -1
- package/dist/chunk-LK4EPTNG.js +0 -445
- package/dist/chunk-LK4EPTNG.js.map +0 -1
- package/dist/chunk-LX4FDH4J.js +0 -299
- package/dist/chunk-LX4FDH4J.js.map +0 -1
- package/dist/chunk-M3AALH7G.js +0 -421
- package/dist/chunk-M3AALH7G.js.map +0 -1
- package/dist/chunk-MBAZ7OW5.js +0 -607
- package/dist/chunk-MBAZ7OW5.js.map +0 -1
- package/dist/chunk-MGKFJWQU.js +0 -194
- package/dist/chunk-MGKFJWQU.js.map +0 -1
- package/dist/chunk-MOQDO4XZ.js +0 -77
- package/dist/chunk-MOQDO4XZ.js.map +0 -1
- package/dist/chunk-NGYLRX6F.js +0 -42
- package/dist/chunk-NGYLRX6F.js.map +0 -1
- package/dist/chunk-OKCKLIFP.js +0 -381
- package/dist/chunk-OKCKLIFP.js.map +0 -1
- package/dist/chunk-OR4GO5XL.js +0 -668
- package/dist/chunk-OR4GO5XL.js.map +0 -1
- package/dist/chunk-OV6K6GML.js +0 -345
- package/dist/chunk-OV6K6GML.js.map +0 -1
- package/dist/chunk-PHQOHVG3.js +0 -45
- package/dist/chunk-PHQOHVG3.js.map +0 -1
- package/dist/chunk-QKSDVYKF.js +0 -38
- package/dist/chunk-QKSDVYKF.js.map +0 -1
- package/dist/chunk-QLUGKHAA.js +0 -503
- package/dist/chunk-QLUGKHAA.js.map +0 -1
- package/dist/chunk-ROA7BYGB.js +0 -123
- package/dist/chunk-ROA7BYGB.js.map +0 -1
- package/dist/chunk-S2DZXTRN.js +0 -407
- package/dist/chunk-S2DZXTRN.js.map +0 -1
- package/dist/chunk-SB3JGUGE.js +0 -310
- package/dist/chunk-SB3JGUGE.js.map +0 -1
- package/dist/chunk-SGRACNBP.js +0 -60
- package/dist/chunk-SGRACNBP.js.map +0 -1
- package/dist/chunk-SJHNFRXG.js +0 -276
- package/dist/chunk-SJHNFRXG.js.map +0 -1
- package/dist/chunk-SX5UNM6C.js +0 -334
- package/dist/chunk-SX5UNM6C.js.map +0 -1
- package/dist/chunk-T4MGK3WE.js +0 -143
- package/dist/chunk-T4MGK3WE.js.map +0 -1
- package/dist/chunk-UN3EW2PL.js +0 -381
- package/dist/chunk-UN3EW2PL.js.map +0 -1
- package/dist/chunk-VOODO2ZE.js +0 -180
- package/dist/chunk-VOODO2ZE.js.map +0 -1
- package/dist/chunk-WAPZ4QAN.js +0 -76
- package/dist/chunk-WAPZ4QAN.js.map +0 -1
- package/dist/chunk-WIR52JXZ.js +0 -725
- package/dist/chunk-WIR52JXZ.js.map +0 -1
- package/dist/chunk-WMTEAMPB.js +0 -254
- package/dist/chunk-WMTEAMPB.js.map +0 -1
- package/dist/chunk-X5XIBIEF.js +0 -253
- package/dist/chunk-X5XIBIEF.js.map +0 -1
- package/dist/chunk-XHDUO3UW.js +0 -787
- package/dist/chunk-XHDUO3UW.js.map +0 -1
- package/dist/chunk-XOIX5WIL.js +0 -239
- package/dist/chunk-XOIX5WIL.js.map +0 -1
- package/dist/chunk-XWEI3MES.js +0 -414
- package/dist/chunk-XWEI3MES.js.map +0 -1
- package/dist/chunk-YJOLLSHH.js +0 -132
- package/dist/chunk-YJOLLSHH.js.map +0 -1
- package/dist/chunk-YPHVSPWM.js +0 -552
- package/dist/chunk-YPHVSPWM.js.map +0 -1
- package/dist/chunk-ZHPYJTWP.js +0 -409
- package/dist/chunk-ZHPYJTWP.js.map +0 -1
- package/dist/chunk-ZPVBIQ2R.js +0 -42
- package/dist/chunk-ZPVBIQ2R.js.map +0 -1
- package/dist/chunk-ZQTJBYKO.js +0 -107
- package/dist/chunk-ZQTJBYKO.js.map +0 -1
- package/dist/chunk-ZSS6E4T2.js +0 -308
- package/dist/chunk-ZSS6E4T2.js.map +0 -1
- package/dist/chunk-ZYWDJMHF.js +0 -109
- package/dist/chunk-ZYWDJMHF.js.map +0 -1
- package/dist/clipboard/index.d.ts +0 -6
- package/dist/clipboard/index.d.ts.map +0 -1
- package/dist/clipboard/index.js +0 -5
- package/dist/clipboard/index.js.map +0 -1
- package/dist/clipboard/types.d.ts +0 -65
- package/dist/clipboard/types.d.ts.map +0 -1
- package/dist/collapse/index.d.ts +0 -6
- package/dist/collapse/index.d.ts.map +0 -1
- package/dist/collapse/index.js +0 -5
- package/dist/collapse/index.js.map +0 -1
- package/dist/collapse/types.d.ts +0 -60
- package/dist/collapse/types.d.ts.map +0 -1
- package/dist/command/index.d.ts +0 -74
- package/dist/command/index.d.ts.map +0 -1
- package/dist/command/index.js +0 -5
- package/dist/command/index.js.map +0 -1
- package/dist/command/types.d.ts +0 -24
- package/dist/command/types.d.ts.map +0 -1
- package/dist/context-menu/index.d.ts +0 -63
- package/dist/context-menu/index.d.ts.map +0 -1
- package/dist/context-menu/index.js +0 -4
- package/dist/context-menu/index.js.map +0 -1
- package/dist/context-menu/types.d.ts +0 -109
- package/dist/context-menu/types.d.ts.map +0 -1
- package/dist/date-picker/index.d.ts +0 -12
- package/dist/date-picker/index.d.ts.map +0 -1
- package/dist/date-picker/index.js +0 -6
- package/dist/date-picker/index.js.map +0 -1
- package/dist/date-picker/types.d.ts +0 -66
- package/dist/date-picker/types.d.ts.map +0 -1
- package/dist/date-picker/utils.d.ts +0 -10
- package/dist/date-picker/utils.d.ts.map +0 -1
- package/dist/descriptions/index.d.ts +0 -6
- package/dist/descriptions/index.d.ts.map +0 -1
- package/dist/descriptions/index.js +0 -4
- package/dist/descriptions/index.js.map +0 -1
- package/dist/descriptions/types.d.ts +0 -34
- package/dist/descriptions/types.d.ts.map +0 -1
- package/dist/divider/index.d.ts +0 -39
- package/dist/divider/index.d.ts.map +0 -1
- package/dist/divider/index.js +0 -4
- package/dist/divider/index.js.map +0 -1
- package/dist/divider/types.d.ts +0 -63
- package/dist/divider/types.d.ts.map +0 -1
- package/dist/drawer/index.d.ts +0 -23
- package/dist/drawer/index.d.ts.map +0 -1
- package/dist/drawer/index.js +0 -4
- package/dist/drawer/index.js.map +0 -1
- package/dist/drawer/types.d.ts +0 -309
- package/dist/drawer/types.d.ts.map +0 -1
- package/dist/dropdown/index.d.ts +0 -6
- package/dist/dropdown/index.d.ts.map +0 -1
- package/dist/dropdown/index.js +0 -6
- package/dist/dropdown/index.js.map +0 -1
- package/dist/dropdown/types.d.ts +0 -116
- package/dist/dropdown/types.d.ts.map +0 -1
- package/dist/empty/index.d.ts +0 -6
- package/dist/empty/index.d.ts.map +0 -1
- package/dist/empty/index.js +0 -4
- package/dist/empty/index.js.map +0 -1
- package/dist/empty/types.d.ts +0 -62
- package/dist/empty/types.d.ts.map +0 -1
- package/dist/fetching-overlay/index.d.ts +0 -10
- package/dist/fetching-overlay/index.d.ts.map +0 -1
- package/dist/fetching-overlay/index.js +0 -6
- package/dist/fetching-overlay/index.js.map +0 -1
- package/dist/float-input/index.d.ts +0 -6
- package/dist/float-input/index.d.ts.map +0 -1
- package/dist/float-input/index.js +0 -6
- package/dist/float-input/index.js.map +0 -1
- package/dist/float-input/types.d.ts +0 -23
- package/dist/float-input/types.d.ts.map +0 -1
- package/dist/form/index.d.ts +0 -31
- package/dist/form/index.d.ts.map +0 -1
- package/dist/form/index.js +0 -4
- package/dist/form/index.js.map +0 -1
- package/dist/form/types.d.ts +0 -45
- package/dist/form/types.d.ts.map +0 -1
- package/dist/grid/index.d.ts +0 -6
- package/dist/grid/index.d.ts.map +0 -1
- package/dist/grid/index.js +0 -4
- package/dist/grid/index.js.map +0 -1
- package/dist/grid/types.d.ts +0 -21
- package/dist/grid/types.d.ts.map +0 -1
- package/dist/image/index.d.ts +0 -6
- package/dist/image/index.d.ts.map +0 -1
- package/dist/image/index.js +0 -4
- package/dist/image/index.js.map +0 -1
- package/dist/image/types.d.ts +0 -53
- package/dist/image/types.d.ts.map +0 -1
- package/dist/index.d.ts +0 -139
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -75
- package/dist/index.js.map +0 -1
- package/dist/input/index.d.ts +0 -6
- package/dist/input/index.d.ts.map +0 -1
- package/dist/input/index.js +0 -6
- package/dist/input/index.js.map +0 -1
- package/dist/input/types.d.ts +0 -28
- package/dist/input/types.d.ts.map +0 -1
- package/dist/input-group/index.d.ts +0 -9
- package/dist/input-group/index.d.ts.map +0 -1
- package/dist/input-group/index.js +0 -4
- package/dist/input-group/index.js.map +0 -1
- package/dist/input-group/types.d.ts +0 -68
- package/dist/input-group/types.d.ts.map +0 -1
- package/dist/input-otp/index.d.ts +0 -7
- package/dist/input-otp/index.d.ts.map +0 -1
- package/dist/input-otp/index.js +0 -4
- package/dist/input-otp/index.js.map +0 -1
- package/dist/input-otp/types.d.ts +0 -111
- package/dist/input-otp/types.d.ts.map +0 -1
- package/dist/input-password/index.d.ts +0 -6
- package/dist/input-password/index.d.ts.map +0 -1
- package/dist/input-password/index.js +0 -7
- package/dist/input-password/index.js.map +0 -1
- package/dist/input-password/types.d.ts +0 -16
- package/dist/input-password/types.d.ts.map +0 -1
- package/dist/kbd/index.d.ts +0 -6
- package/dist/kbd/index.d.ts.map +0 -1
- package/dist/kbd/index.js +0 -5
- package/dist/kbd/index.js.map +0 -1
- package/dist/kbd/types.d.ts +0 -26
- package/dist/kbd/types.d.ts.map +0 -1
- package/dist/link/index.d.ts +0 -9
- package/dist/link/index.d.ts.map +0 -1
- package/dist/link/index.js +0 -4
- package/dist/link/index.js.map +0 -1
- package/dist/link/types.d.ts +0 -30
- package/dist/link/types.d.ts.map +0 -1
- package/dist/menubar/index.d.ts +0 -6
- package/dist/menubar/index.d.ts.map +0 -1
- package/dist/menubar/index.js +0 -6
- package/dist/menubar/index.js.map +0 -1
- package/dist/menubar/types.d.ts +0 -40
- package/dist/menubar/types.d.ts.map +0 -1
- package/dist/modal/index.d.ts +0 -39
- package/dist/modal/index.d.ts.map +0 -1
- package/dist/modal/index.js +0 -4
- package/dist/modal/index.js.map +0 -1
- package/dist/modal/types.d.ts +0 -77
- package/dist/modal/types.d.ts.map +0 -1
- package/dist/multi-select/index.d.ts +0 -6
- package/dist/multi-select/index.d.ts.map +0 -1
- package/dist/multi-select/index.js +0 -6
- package/dist/multi-select/index.js.map +0 -1
- package/dist/multi-select/types.d.ts +0 -81
- package/dist/multi-select/types.d.ts.map +0 -1
- package/dist/multi-select/utils.d.ts +0 -12
- package/dist/multi-select/utils.d.ts.map +0 -1
- package/dist/navigation-menu/index.d.ts +0 -5
- package/dist/navigation-menu/index.d.ts.map +0 -1
- package/dist/navigation-menu/index.js +0 -4
- package/dist/navigation-menu/index.js.map +0 -1
- package/dist/navigation-menu/types.d.ts +0 -37
- package/dist/navigation-menu/types.d.ts.map +0 -1
- package/dist/notification/index.d.ts +0 -6
- package/dist/notification/index.d.ts.map +0 -1
- package/dist/notification/index.js +0 -5
- package/dist/notification/index.js.map +0 -1
- package/dist/notification/types.d.ts +0 -90
- package/dist/notification/types.d.ts.map +0 -1
- package/dist/number-input/index.d.ts +0 -6
- package/dist/number-input/index.d.ts.map +0 -1
- package/dist/number-input/index.js +0 -6
- package/dist/number-input/index.js.map +0 -1
- package/dist/number-input/types.d.ts +0 -28
- package/dist/number-input/types.d.ts.map +0 -1
- package/dist/pagination/index.d.ts +0 -6
- package/dist/pagination/index.d.ts.map +0 -1
- package/dist/pagination/index.js +0 -4
- package/dist/pagination/index.js.map +0 -1
- package/dist/pagination/types.d.ts +0 -87
- package/dist/pagination/types.d.ts.map +0 -1
- package/dist/popover/index.d.ts +0 -19
- package/dist/popover/index.d.ts.map +0 -1
- package/dist/popover/index.js +0 -5
- package/dist/popover/index.js.map +0 -1
- package/dist/popover/types.d.ts +0 -31
- package/dist/popover/types.d.ts.map +0 -1
- package/dist/progress/index.d.ts +0 -6
- package/dist/progress/index.d.ts.map +0 -1
- package/dist/progress/index.js +0 -4
- package/dist/progress/index.js.map +0 -1
- package/dist/progress/types.d.ts +0 -100
- package/dist/progress/types.d.ts.map +0 -1
- package/dist/radio/index.d.ts +0 -6
- package/dist/radio/index.d.ts.map +0 -1
- package/dist/radio/index.js +0 -5
- package/dist/radio/index.js.map +0 -1
- package/dist/radio/types.d.ts +0 -20
- package/dist/radio/types.d.ts.map +0 -1
- package/dist/radio-group/index.d.ts +0 -6
- package/dist/radio-group/index.d.ts.map +0 -1
- package/dist/radio-group/index.js +0 -4
- package/dist/radio-group/index.js.map +0 -1
- package/dist/radio-group/types.d.ts +0 -43
- package/dist/radio-group/types.d.ts.map +0 -1
- package/dist/rating/index.d.ts +0 -6
- package/dist/rating/index.d.ts.map +0 -1
- package/dist/rating/index.js +0 -4
- package/dist/rating/index.js.map +0 -1
- package/dist/rating/types.d.ts +0 -64
- package/dist/rating/types.d.ts.map +0 -1
- package/dist/ribbon/index.d.ts +0 -6
- package/dist/ribbon/index.d.ts.map +0 -1
- package/dist/ribbon/index.js +0 -4
- package/dist/ribbon/index.js.map +0 -1
- package/dist/ribbon/types.d.ts +0 -26
- package/dist/ribbon/types.d.ts.map +0 -1
- package/dist/scroll-area/index.d.ts +0 -10
- package/dist/scroll-area/index.d.ts.map +0 -1
- package/dist/scroll-area/index.js +0 -4
- package/dist/scroll-area/index.js.map +0 -1
- package/dist/scroll-area/types.d.ts +0 -24
- package/dist/scroll-area/types.d.ts.map +0 -1
- package/dist/select/index.d.ts +0 -6
- package/dist/select/index.d.ts.map +0 -1
- package/dist/select/index.js +0 -7
- package/dist/select/index.js.map +0 -1
- package/dist/select/types.d.ts +0 -34
- package/dist/select/types.d.ts.map +0 -1
- package/dist/skeleton/index.d.ts +0 -6
- package/dist/skeleton/index.d.ts.map +0 -1
- package/dist/skeleton/index.js +0 -5
- package/dist/skeleton/index.js.map +0 -1
- package/dist/skeleton/types.d.ts +0 -10
- package/dist/skeleton/types.d.ts.map +0 -1
- package/dist/slider/index.d.ts +0 -6
- package/dist/slider/index.d.ts.map +0 -1
- package/dist/slider/index.js +0 -4
- package/dist/slider/index.js.map +0 -1
- package/dist/slider/types.d.ts +0 -70
- package/dist/slider/types.d.ts.map +0 -1
- package/dist/spinner/index.d.ts +0 -6
- package/dist/spinner/index.d.ts.map +0 -1
- package/dist/spinner/index.js +0 -5
- package/dist/spinner/index.js.map +0 -1
- package/dist/spinner/types.d.ts +0 -10
- package/dist/spinner/types.d.ts.map +0 -1
- package/dist/stepper/index.d.ts +0 -6
- package/dist/stepper/index.d.ts.map +0 -1
- package/dist/stepper/index.js +0 -4
- package/dist/stepper/index.js.map +0 -1
- package/dist/stepper/types.d.ts +0 -86
- package/dist/stepper/types.d.ts.map +0 -1
- package/dist/styles/themes/index.d.ts +0 -9
- package/dist/styles/themes/index.d.ts.map +0 -1
- package/dist/styles/themes/presets/index.d.ts +0 -21
- package/dist/styles/themes/presets/index.d.ts.map +0 -1
- package/dist/styles/tokens.d.ts +0 -428
- package/dist/styles/tokens.d.ts.map +0 -1
- package/dist/switch/index.d.ts +0 -6
- package/dist/switch/index.d.ts.map +0 -1
- package/dist/switch/index.js +0 -5
- package/dist/switch/index.js.map +0 -1
- package/dist/switch/types.d.ts +0 -80
- package/dist/switch/types.d.ts.map +0 -1
- package/dist/table/EditableCell.d.ts +0 -13
- package/dist/table/EditableCell.d.ts.map +0 -1
- package/dist/table/TableActions.d.ts +0 -21
- package/dist/table/TableActions.d.ts.map +0 -1
- package/dist/table/TableCell.d.ts +0 -12
- package/dist/table/TableCell.d.ts.map +0 -1
- package/dist/table/TableHeaderCell.d.ts +0 -16
- package/dist/table/TableHeaderCell.d.ts.map +0 -1
- package/dist/table/TableRow.d.ts +0 -16
- package/dist/table/TableRow.d.ts.map +0 -1
- package/dist/table/TableSkeleton.d.ts +0 -13
- package/dist/table/TableSkeleton.d.ts.map +0 -1
- package/dist/table/index.d.ts +0 -15
- package/dist/table/index.d.ts.map +0 -1
- package/dist/table/index.js +0 -12
- package/dist/table/index.js.map +0 -1
- package/dist/table/types.d.ts +0 -110
- package/dist/table/types.d.ts.map +0 -1
- package/dist/table/variants.d.ts +0 -8
- package/dist/table/variants.d.ts.map +0 -1
- package/dist/tabs/index.d.ts +0 -7
- package/dist/tabs/index.d.ts.map +0 -1
- package/dist/tabs/index.js +0 -5
- package/dist/tabs/index.js.map +0 -1
- package/dist/tabs/types.d.ts +0 -86
- package/dist/tabs/types.d.ts.map +0 -1
- package/dist/tag/index.d.ts +0 -49
- package/dist/tag/index.d.ts.map +0 -1
- package/dist/tag/index.js +0 -5
- package/dist/tag/index.js.map +0 -1
- package/dist/tag/types.d.ts +0 -23
- package/dist/tag/types.d.ts.map +0 -1
- package/dist/textarea/index.d.ts +0 -6
- package/dist/textarea/index.d.ts.map +0 -1
- package/dist/textarea/index.js +0 -4
- package/dist/textarea/index.js.map +0 -1
- package/dist/textarea/types.d.ts +0 -84
- package/dist/textarea/types.d.ts.map +0 -1
- package/dist/theme/ThemeProvider.d.ts +0 -44
- package/dist/theme/ThemeProvider.d.ts.map +0 -1
- package/dist/theme/index.d.ts +0 -7
- package/dist/theme/index.d.ts.map +0 -1
- package/dist/theme/index.js +0 -3
- package/dist/theme/index.js.map +0 -1
- package/dist/theme/types.d.ts +0 -47
- package/dist/theme/types.d.ts.map +0 -1
- package/dist/timeline/index.d.ts +0 -13
- package/dist/timeline/index.d.ts.map +0 -1
- package/dist/timeline/index.js +0 -4
- package/dist/timeline/index.js.map +0 -1
- package/dist/timeline/types.d.ts +0 -25
- package/dist/timeline/types.d.ts.map +0 -1
- package/dist/toast/index.d.ts +0 -12
- package/dist/toast/index.d.ts.map +0 -1
- package/dist/toast/index.js +0 -5
- package/dist/toast/index.js.map +0 -1
- package/dist/toast/types.d.ts +0 -49
- package/dist/toast/types.d.ts.map +0 -1
- package/dist/toggle/index.d.ts +0 -6
- package/dist/toggle/index.d.ts.map +0 -1
- package/dist/toggle/index.js +0 -4
- package/dist/toggle/index.js.map +0 -1
- package/dist/toggle/types.d.ts +0 -57
- package/dist/toggle/types.d.ts.map +0 -1
- package/dist/toggle-group/index.d.ts +0 -6
- package/dist/toggle-group/index.d.ts.map +0 -1
- package/dist/toggle-group/index.js +0 -4
- package/dist/toggle-group/index.js.map +0 -1
- package/dist/toggle-group/types.d.ts +0 -80
- package/dist/toggle-group/types.d.ts.map +0 -1
- package/dist/tooltip/index.d.ts +0 -9
- package/dist/tooltip/index.d.ts.map +0 -1
- package/dist/tooltip/index.js +0 -5
- package/dist/tooltip/index.js.map +0 -1
- package/dist/tooltip/types.d.ts +0 -72
- package/dist/tooltip/types.d.ts.map +0 -1
- package/dist/transfer/index.d.ts +0 -6
- package/dist/transfer/index.d.ts.map +0 -1
- package/dist/transfer/index.js +0 -6
- package/dist/transfer/index.js.map +0 -1
- package/dist/transfer/types.d.ts +0 -83
- package/dist/transfer/types.d.ts.map +0 -1
- package/dist/transfer/utils.d.ts +0 -13
- package/dist/transfer/utils.d.ts.map +0 -1
- package/dist/tree/index.d.ts +0 -6
- package/dist/tree/index.d.ts.map +0 -1
- package/dist/tree/index.js +0 -4
- package/dist/tree/index.js.map +0 -1
- package/dist/tree/types.d.ts +0 -143
- package/dist/tree/types.d.ts.map +0 -1
- package/dist/tree-select/index.d.ts +0 -6
- package/dist/tree-select/index.d.ts.map +0 -1
- package/dist/tree-select/index.js +0 -7
- package/dist/tree-select/index.js.map +0 -1
- package/dist/tree-select/types.d.ts +0 -147
- package/dist/tree-select/types.d.ts.map +0 -1
- package/dist/types.d.ts +0 -53
- package/dist/types.d.ts.map +0 -1
- package/dist/upload/index.d.ts +0 -7
- package/dist/upload/index.d.ts.map +0 -1
- package/dist/upload/index.js +0 -4
- package/dist/upload/index.js.map +0 -1
- package/dist/upload/types.d.ts +0 -94
- package/dist/upload/types.d.ts.map +0 -1
- package/dist/upload/utils.d.ts +0 -26
- package/dist/upload/utils.d.ts.map +0 -1
- package/dist/utils.d.ts +0 -63
- package/dist/utils.d.ts.map +0 -1
- package/dist/variants.d.ts +0 -434
- package/dist/variants.d.ts.map +0 -1
package/dist/chunk-2WZVD7P3.js
DELETED
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
import { cn } from './chunk-NGYLRX6F.js';
|
|
2
|
-
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { InboxIcon } from 'lucide-react';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
var emptyContainerVariants = cva(
|
|
8
|
-
"flex flex-col items-center justify-center text-center",
|
|
9
|
-
{
|
|
10
|
-
variants: {
|
|
11
|
-
size: {
|
|
12
|
-
xs: "py-4 px-2",
|
|
13
|
-
sm: "py-6 px-4",
|
|
14
|
-
md: "py-12 px-6",
|
|
15
|
-
lg: "py-16 px-8"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
size: "md"
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
);
|
|
23
|
-
var emptyIconVariants = cva("text-text-secondary mb-4", {
|
|
24
|
-
variants: {
|
|
25
|
-
size: {
|
|
26
|
-
xs: "w-8 h-8",
|
|
27
|
-
sm: "w-12 h-12",
|
|
28
|
-
md: "w-16 h-16",
|
|
29
|
-
lg: "w-24 h-24"
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
defaultVariants: {
|
|
33
|
-
size: "md"
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
var emptyImageVariants = cva("mb-4 object-contain", {
|
|
37
|
-
variants: {
|
|
38
|
-
size: {
|
|
39
|
-
xs: "w-16 h-16",
|
|
40
|
-
sm: "w-24 h-24",
|
|
41
|
-
md: "w-32 h-32",
|
|
42
|
-
lg: "w-48 h-48"
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
defaultVariants: {
|
|
46
|
-
size: "md"
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
var emptyTitleVariants = cva("font-semibold text-text-primary mb-2", {
|
|
50
|
-
variants: {
|
|
51
|
-
size: {
|
|
52
|
-
xs: "text-sm",
|
|
53
|
-
sm: "text-base",
|
|
54
|
-
md: "text-lg",
|
|
55
|
-
lg: "text-xl"
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
defaultVariants: {
|
|
59
|
-
size: "md"
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
var emptyDescriptionVariants = cva("text-text-secondary", {
|
|
63
|
-
variants: {
|
|
64
|
-
size: {
|
|
65
|
-
xs: "text-[10px] max-w-[200px]",
|
|
66
|
-
sm: "text-xs max-w-xs",
|
|
67
|
-
md: "text-sm max-w-sm",
|
|
68
|
-
lg: "text-base max-w-md"
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
defaultVariants: {
|
|
72
|
-
size: "md"
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
var emptyActionsVariants = cva("mt-6 flex gap-2 flex-wrap justify-center", {
|
|
76
|
-
variants: {
|
|
77
|
-
size: {
|
|
78
|
-
xs: "mt-2",
|
|
79
|
-
sm: "mt-4",
|
|
80
|
-
md: "mt-6",
|
|
81
|
-
lg: "mt-8"
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
defaultVariants: {
|
|
85
|
-
size: "md"
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
var Empty = React.memo(
|
|
89
|
-
({
|
|
90
|
-
icon,
|
|
91
|
-
image,
|
|
92
|
-
imageAlt = "Empty",
|
|
93
|
-
title = "No Data",
|
|
94
|
-
description = "There is no data to display",
|
|
95
|
-
children,
|
|
96
|
-
size = "md",
|
|
97
|
-
className,
|
|
98
|
-
classNames
|
|
99
|
-
}) => {
|
|
100
|
-
return /* @__PURE__ */ jsxs("div", { className: cn(
|
|
101
|
-
"empty_root",
|
|
102
|
-
emptyContainerVariants({ size }),
|
|
103
|
-
classNames?.root,
|
|
104
|
-
className
|
|
105
|
-
), children: [
|
|
106
|
-
image ? /* @__PURE__ */ jsx(
|
|
107
|
-
"img",
|
|
108
|
-
{
|
|
109
|
-
src: image,
|
|
110
|
-
alt: imageAlt,
|
|
111
|
-
className: cn(
|
|
112
|
-
"empty_icon",
|
|
113
|
-
emptyImageVariants({ size }),
|
|
114
|
-
classNames?.icon
|
|
115
|
-
)
|
|
116
|
-
}
|
|
117
|
-
) : /* @__PURE__ */ jsx("div", { className: cn(
|
|
118
|
-
"empty_icon",
|
|
119
|
-
emptyIconVariants({ size }),
|
|
120
|
-
classNames?.icon
|
|
121
|
-
), children: icon || /* @__PURE__ */ jsx(InboxIcon, { className: "size-full" }) }),
|
|
122
|
-
title && /* @__PURE__ */ jsx("h3", { className: cn(
|
|
123
|
-
"empty_title",
|
|
124
|
-
emptyTitleVariants({ size }),
|
|
125
|
-
classNames?.title
|
|
126
|
-
), children: title }),
|
|
127
|
-
description && /* @__PURE__ */ jsx("p", { className: cn(
|
|
128
|
-
"empty_description",
|
|
129
|
-
emptyDescriptionVariants({ size }),
|
|
130
|
-
classNames?.description
|
|
131
|
-
), children: description }),
|
|
132
|
-
children && /* @__PURE__ */ jsx("div", { className: cn(
|
|
133
|
-
"empty_action",
|
|
134
|
-
emptyActionsVariants({ size }),
|
|
135
|
-
classNames?.action
|
|
136
|
-
), children })
|
|
137
|
-
] });
|
|
138
|
-
}
|
|
139
|
-
);
|
|
140
|
-
Empty.displayName = "Empty";
|
|
141
|
-
var empty_default = Empty;
|
|
142
|
-
|
|
143
|
-
export { empty_default };
|
|
144
|
-
//# sourceMappingURL=chunk-2WZVD7P3.js.map
|
|
145
|
-
//# sourceMappingURL=chunk-2WZVD7P3.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/empty/index.tsx"],"names":[],"mappings":"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","file":"chunk-2WZVD7P3.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { InboxIcon } from 'lucide-react'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { EmptyProps } from './types'\n\nconst emptyContainerVariants = cva(\n 'flex flex-col items-center justify-center text-center',\n {\n variants: {\n size: {\n xs: 'py-4 px-2',\n sm: 'py-6 px-4',\n md: 'py-12 px-6',\n lg: 'py-16 px-8',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n },\n)\n\nconst emptyIconVariants = cva('text-text-secondary mb-4', {\n variants: {\n size: {\n xs: 'w-8 h-8',\n sm: 'w-12 h-12',\n md: 'w-16 h-16',\n lg: 'w-24 h-24',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n})\n\nconst emptyImageVariants = cva('mb-4 object-contain', {\n variants: {\n size: {\n xs: 'w-16 h-16',\n sm: 'w-24 h-24',\n md: 'w-32 h-32',\n lg: 'w-48 h-48',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n})\n\nconst emptyTitleVariants = cva('font-semibold text-text-primary mb-2', {\n variants: {\n size: {\n xs: 'text-sm',\n sm: 'text-base',\n md: 'text-lg',\n lg: 'text-xl',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n})\n\nconst emptyDescriptionVariants = cva('text-text-secondary', {\n variants: {\n size: {\n xs: 'text-[10px] max-w-[200px]',\n sm: 'text-xs max-w-xs',\n md: 'text-sm max-w-sm',\n lg: 'text-base max-w-md',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n})\n\nconst emptyActionsVariants = cva('mt-6 flex gap-2 flex-wrap justify-center', {\n variants: {\n size: {\n xs: 'mt-2',\n sm: 'mt-4',\n md: 'mt-6',\n lg: 'mt-8',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n})\n\nconst Empty = React.memo<EmptyProps>(\n ({\n icon,\n image,\n imageAlt = 'Empty',\n title = 'No Data',\n description = 'There is no data to display',\n children,\n size = 'md',\n className,\n classNames,\n }) => {\n return (\n <div className={cn(\n 'empty_root',\n emptyContainerVariants({ size }),\n classNames?.root,\n className\n )}>\n {/* Image or Icon */}\n {image ? (\n <img\n src={image}\n alt={imageAlt}\n className={cn(\n 'empty_icon',\n emptyImageVariants({ size }),\n classNames?.icon\n )}\n />\n ) : (\n <div className={cn(\n 'empty_icon',\n emptyIconVariants({ size }),\n classNames?.icon\n )}>\n {icon || <InboxIcon className=\"size-full\" />}\n </div>\n )}\n\n {/* Title */}\n {title && (\n <h3 className={cn(\n 'empty_title',\n emptyTitleVariants({ size }),\n classNames?.title\n )}>\n {title}\n </h3>\n )}\n\n {/* Description */}\n {description && (\n <p className={cn(\n 'empty_description',\n emptyDescriptionVariants({ size }),\n classNames?.description\n )}>\n {description}\n </p>\n )}\n\n {/* Actions or Custom Content */}\n {children && (\n <div className={cn(\n 'empty_action',\n emptyActionsVariants({ size }),\n classNames?.action\n )}>\n {children}\n </div>\n )}\n </div>\n )\n },\n)\n\nEmpty.displayName = 'Empty'\n\nexport type * from './types'\nexport default Empty\n"]}
|
package/dist/chunk-56BHCAPI.js
DELETED
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
import { checkboxBorderColorClasses, focusRingColorClasses, textColorClasses } from './chunk-LK4EPTNG.js';
|
|
2
|
-
import { cn, iconSizes } from './chunk-NGYLRX6F.js';
|
|
3
|
-
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { Minus, Check } from 'lucide-react';
|
|
5
|
-
import React, { useState, useId, useCallback, useEffect } from 'react';
|
|
6
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
function useMergeRefs(...refs) {
|
|
9
|
-
const refsRef = React.useRef(refs);
|
|
10
|
-
refsRef.current = refs;
|
|
11
|
-
return useCallback((instance) => {
|
|
12
|
-
refsRef.current.forEach((ref) => {
|
|
13
|
-
if (typeof ref === "function") {
|
|
14
|
-
ref(instance);
|
|
15
|
-
} else if (ref && typeof ref === "object") {
|
|
16
|
-
ref.current = instance;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
}, []);
|
|
20
|
-
}
|
|
21
|
-
var checkboxVariants = cva(
|
|
22
|
-
"appearance-none rounded border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
|
|
23
|
-
{
|
|
24
|
-
variants: {
|
|
25
|
-
color: checkboxBorderColorClasses,
|
|
26
|
-
size: {
|
|
27
|
-
xs: "w-(--checkbox-size-xs) h-(--checkbox-size-xs)",
|
|
28
|
-
sm: "w-(--checkbox-size-sm) h-(--checkbox-size-sm)",
|
|
29
|
-
md: "w-(--checkbox-size-md) h-(--checkbox-size-md)",
|
|
30
|
-
lg: "w-(--checkbox-size-lg) h-(--checkbox-size-lg)"
|
|
31
|
-
},
|
|
32
|
-
error: {
|
|
33
|
-
true: "border-error checked:border-error",
|
|
34
|
-
false: ""
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
defaultVariants: {
|
|
38
|
-
color: "primary",
|
|
39
|
-
size: "md"
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
var Checkbox = React.memo(
|
|
44
|
-
({
|
|
45
|
-
color = "primary",
|
|
46
|
-
size = "md",
|
|
47
|
-
label,
|
|
48
|
-
helperText,
|
|
49
|
-
error,
|
|
50
|
-
indeterminate = false,
|
|
51
|
-
className,
|
|
52
|
-
checked,
|
|
53
|
-
defaultChecked,
|
|
54
|
-
ref,
|
|
55
|
-
classNames,
|
|
56
|
-
...props
|
|
57
|
-
}) => {
|
|
58
|
-
const [internalChecked, setInternalChecked] = useState(
|
|
59
|
-
defaultChecked ?? false
|
|
60
|
-
);
|
|
61
|
-
const internalRef = React.useRef(null);
|
|
62
|
-
const uniqueId = useId();
|
|
63
|
-
const checkboxId = props.id || `checkbox-${uniqueId}`;
|
|
64
|
-
const helperId = `checkbox-helper-${uniqueId}`;
|
|
65
|
-
const hasHelperText = !!(helperText || error);
|
|
66
|
-
const mergedRef = useMergeRefs(ref, internalRef);
|
|
67
|
-
const isControlled = checked !== void 0;
|
|
68
|
-
const currentChecked = isControlled ? checked : internalChecked;
|
|
69
|
-
const onChangeRef = React.useRef(props.onChange);
|
|
70
|
-
onChangeRef.current = props.onChange;
|
|
71
|
-
const onChange = useCallback(
|
|
72
|
-
(event) => {
|
|
73
|
-
if (!isControlled) {
|
|
74
|
-
setInternalChecked(event.target.checked);
|
|
75
|
-
}
|
|
76
|
-
onChangeRef.current?.(event);
|
|
77
|
-
},
|
|
78
|
-
[isControlled]
|
|
79
|
-
);
|
|
80
|
-
useEffect(() => {
|
|
81
|
-
if (internalRef.current) {
|
|
82
|
-
internalRef.current.indeterminate = indeterminate;
|
|
83
|
-
}
|
|
84
|
-
}, [indeterminate]);
|
|
85
|
-
const checkboxElement = /* @__PURE__ */ jsxs("div", { className: "relative inline-flex", "data-slot": "wrapper", children: [
|
|
86
|
-
/* @__PURE__ */ jsx(
|
|
87
|
-
"input",
|
|
88
|
-
{
|
|
89
|
-
ref: mergedRef,
|
|
90
|
-
type: "checkbox",
|
|
91
|
-
className: cn(
|
|
92
|
-
"checkbox_checkbox",
|
|
93
|
-
checkboxVariants({ color, size, error: !!error }),
|
|
94
|
-
focusRingColorClasses[color],
|
|
95
|
-
className,
|
|
96
|
-
classNames?.checkbox
|
|
97
|
-
),
|
|
98
|
-
"aria-checked": indeterminate ? "mixed" : currentChecked,
|
|
99
|
-
"aria-invalid": !!error || void 0,
|
|
100
|
-
"aria-describedby": hasHelperText ? helperId : void 0,
|
|
101
|
-
...props,
|
|
102
|
-
id: checkboxId,
|
|
103
|
-
onChange,
|
|
104
|
-
checked: currentChecked,
|
|
105
|
-
"data-slot": "checkbox"
|
|
106
|
-
}
|
|
107
|
-
),
|
|
108
|
-
(currentChecked || indeterminate) && /* @__PURE__ */ jsx(
|
|
109
|
-
"div",
|
|
110
|
-
{
|
|
111
|
-
className: cn(
|
|
112
|
-
"checkbox_indicator",
|
|
113
|
-
"absolute inset-0 flex items-center justify-center pointer-events-none",
|
|
114
|
-
classNames?.indicator
|
|
115
|
-
),
|
|
116
|
-
"data-slot": "indicator",
|
|
117
|
-
children: indeterminate ? /* @__PURE__ */ jsx(
|
|
118
|
-
Minus,
|
|
119
|
-
{
|
|
120
|
-
className: cn(iconSizes[size], textColorClasses[color]),
|
|
121
|
-
strokeWidth: 3
|
|
122
|
-
}
|
|
123
|
-
) : /* @__PURE__ */ jsx(Check, { className: cn(iconSizes[size], textColorClasses[color]) })
|
|
124
|
-
}
|
|
125
|
-
)
|
|
126
|
-
] });
|
|
127
|
-
return /* @__PURE__ */ jsxs(
|
|
128
|
-
"div",
|
|
129
|
-
{
|
|
130
|
-
className: cn("checkbox_root", "w-full", classNames?.root),
|
|
131
|
-
"data-slot": "root",
|
|
132
|
-
children: [
|
|
133
|
-
/* @__PURE__ */ jsxs(
|
|
134
|
-
"label",
|
|
135
|
-
{
|
|
136
|
-
htmlFor: checkboxId,
|
|
137
|
-
className: cn(
|
|
138
|
-
"flex items-center gap-2",
|
|
139
|
-
!props.disabled && "cursor-pointer"
|
|
140
|
-
),
|
|
141
|
-
children: [
|
|
142
|
-
checkboxElement,
|
|
143
|
-
label && /* @__PURE__ */ jsx(
|
|
144
|
-
"span",
|
|
145
|
-
{
|
|
146
|
-
className: cn(
|
|
147
|
-
"checkbox_label",
|
|
148
|
-
"text-sm text-text-primary select-none",
|
|
149
|
-
error && "text-error",
|
|
150
|
-
props.disabled && "opacity-50",
|
|
151
|
-
classNames?.label
|
|
152
|
-
),
|
|
153
|
-
"data-slot": "label",
|
|
154
|
-
children: label
|
|
155
|
-
}
|
|
156
|
-
)
|
|
157
|
-
]
|
|
158
|
-
}
|
|
159
|
-
),
|
|
160
|
-
(helperText || error) && /* @__PURE__ */ jsx(
|
|
161
|
-
"p",
|
|
162
|
-
{
|
|
163
|
-
id: helperId,
|
|
164
|
-
className: cn(
|
|
165
|
-
"checkbox_description",
|
|
166
|
-
"mt-1 ml-0 text-xs",
|
|
167
|
-
error ? "text-error" : "text-text-secondary",
|
|
168
|
-
classNames?.description
|
|
169
|
-
),
|
|
170
|
-
"data-slot": "description",
|
|
171
|
-
children: typeof error === "string" ? error : helperText
|
|
172
|
-
}
|
|
173
|
-
)
|
|
174
|
-
]
|
|
175
|
-
}
|
|
176
|
-
);
|
|
177
|
-
}
|
|
178
|
-
);
|
|
179
|
-
Checkbox.displayName = "Checkbox";
|
|
180
|
-
var checkbox_default = Checkbox;
|
|
181
|
-
|
|
182
|
-
export { checkbox_default };
|
|
183
|
-
//# sourceMappingURL=chunk-56BHCAPI.js.map
|
|
184
|
-
//# sourceMappingURL=chunk-56BHCAPI.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/checkbox/index.tsx"],"names":[],"mappings":"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","file":"chunk-56BHCAPI.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Check, Minus } from \"lucide-react\";\nimport React, { useState, useCallback, useEffect, useId } from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport {\n checkboxBorderColorClasses,\n focusRingColorClasses,\n textColorClasses,\n} from \"../variants\";\nimport type { CheckboxProps } from \"./types\";\n\n/**\n * Merges multiple refs into a single callback ref.\n * Handles both callback refs and RefObject refs safely.\n */\nfunction useMergeRefs<T>(\n ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n // Store refs in a ref to avoid dependency array issues\n const refsRef = React.useRef(refs);\n refsRef.current = refs;\n\n return useCallback((instance: T | null) => {\n refsRef.current.forEach((ref) => {\n if (typeof ref === \"function\") {\n ref(instance);\n } else if (ref && typeof ref === \"object\") {\n (ref as React.MutableRefObject<T | null>).current = instance;\n }\n });\n }, []);\n}\n\nconst checkboxVariants = cva(\n \"appearance-none rounded border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n {\n variants: {\n color: checkboxBorderColorClasses,\n size: {\n xs: \"w-(--checkbox-size-xs) h-(--checkbox-size-xs)\",\n sm: \"w-(--checkbox-size-sm) h-(--checkbox-size-sm)\",\n md: \"w-(--checkbox-size-md) h-(--checkbox-size-md)\",\n lg: \"w-(--checkbox-size-lg) h-(--checkbox-size-lg)\",\n },\n error: {\n true: \"border-error checked:border-error\",\n false: \"\",\n },\n },\n defaultVariants: {\n color: \"primary\",\n size: \"md\",\n },\n },\n);\n\nconst Checkbox = React.memo<CheckboxProps>(\n ({\n color = \"primary\",\n size = \"md\",\n label,\n helperText,\n error,\n indeterminate = false,\n className,\n checked,\n defaultChecked,\n ref,\n classNames,\n ...props\n }) => {\n const [internalChecked, setInternalChecked] = useState(\n defaultChecked ?? false,\n );\n const internalRef = React.useRef<HTMLInputElement>(null);\n\n // Generate unique ID for accessibility\n const uniqueId = useId();\n const checkboxId = props.id || `checkbox-${uniqueId}`;\n const helperId = `checkbox-helper-${uniqueId}`;\n const hasHelperText = !!(helperText || error);\n\n // Safely merge refs - handles both callback refs and RefObject refs\n const mergedRef = useMergeRefs(ref, internalRef);\n\n // Determine if controlled\n const isControlled = checked !== undefined;\n const currentChecked = isControlled ? checked : internalChecked;\n\n const onChangeRef = React.useRef(props.onChange);\n onChangeRef.current = props.onChange;\n\n const onChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (!isControlled) {\n setInternalChecked(event.target.checked);\n }\n onChangeRef.current?.(event);\n },\n [isControlled],\n );\n\n useEffect(() => {\n if (internalRef.current) {\n internalRef.current.indeterminate = indeterminate;\n }\n }, [indeterminate]);\n\n const checkboxElement = (\n <div className=\"relative inline-flex\" data-slot=\"wrapper\">\n <input\n ref={mergedRef}\n type=\"checkbox\"\n className={cn(\n \"checkbox_checkbox\",\n checkboxVariants({ color, size, error: !!error }),\n focusRingColorClasses[color],\n className,\n classNames?.checkbox,\n )}\n aria-checked={indeterminate ? \"mixed\" : currentChecked}\n aria-invalid={!!error || undefined}\n aria-describedby={hasHelperText ? helperId : undefined}\n {...props}\n id={checkboxId}\n onChange={onChange}\n checked={currentChecked}\n data-slot=\"checkbox\"\n />\n {(currentChecked || indeterminate) && (\n <div\n className={cn(\n \"checkbox_indicator\",\n \"absolute inset-0 flex items-center justify-center pointer-events-none\",\n classNames?.indicator,\n )}\n data-slot=\"indicator\"\n >\n {indeterminate ? (\n <Minus\n className={cn(iconSizes[size], textColorClasses[color])}\n strokeWidth={3}\n />\n ) : (\n <Check className={cn(iconSizes[size], textColorClasses[color])} />\n )}\n </div>\n )}\n </div>\n );\n\n return (\n <div\n className={cn(\"checkbox_root\", \"w-full\", classNames?.root)}\n data-slot=\"root\"\n >\n <label\n htmlFor={checkboxId}\n className={cn(\n \"flex items-center gap-2\",\n !props.disabled && \"cursor-pointer\",\n )}\n >\n {checkboxElement}\n {label && (\n <span\n className={cn(\n \"checkbox_label\",\n \"text-sm text-text-primary select-none\",\n error && \"text-error\",\n props.disabled && \"opacity-50\",\n classNames?.label,\n )}\n data-slot=\"label\"\n >\n {label}\n </span>\n )}\n </label>\n {(helperText || error) && (\n <p\n id={helperId}\n className={cn(\n \"checkbox_description\",\n \"mt-1 ml-0 text-xs\",\n error ? \"text-error\" : \"text-text-secondary\",\n classNames?.description,\n )}\n data-slot=\"description\"\n >\n {typeof error === \"string\" ? error : helperText}\n </p>\n )}\n </div>\n );\n },\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport type * from \"./types\";\nexport default Checkbox;\n"]}
|
package/dist/chunk-5PUATOLR.js
DELETED
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import { createContext, useState, useCallback, useEffect, useMemo, useContext } from 'react';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
|
|
4
|
-
// src/theme/ThemeProvider.tsx
|
|
5
|
-
var ThemeProviderContext = createContext(
|
|
6
|
-
void 0
|
|
7
|
-
);
|
|
8
|
-
var MEDIA_QUERY = "(prefers-color-scheme: dark)";
|
|
9
|
-
var getStoredTheme = (storageKey) => {
|
|
10
|
-
if (typeof window === "undefined") return null;
|
|
11
|
-
try {
|
|
12
|
-
return localStorage.getItem(storageKey) || null;
|
|
13
|
-
} catch {
|
|
14
|
-
return null;
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
var setStoredTheme = (storageKey, theme) => {
|
|
18
|
-
if (typeof window === "undefined") return;
|
|
19
|
-
try {
|
|
20
|
-
localStorage.setItem(storageKey, theme);
|
|
21
|
-
} catch {
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
var getSystemTheme = () => {
|
|
25
|
-
if (typeof window === "undefined") return "light";
|
|
26
|
-
return window.matchMedia(MEDIA_QUERY).matches ? "dark" : "light";
|
|
27
|
-
};
|
|
28
|
-
var applyTheme = (theme, disableTransitionOnChange) => {
|
|
29
|
-
if (typeof window === "undefined") return;
|
|
30
|
-
const root = document.documentElement;
|
|
31
|
-
if (disableTransitionOnChange) {
|
|
32
|
-
const css = document.createElement("style");
|
|
33
|
-
css.textContent = "* { transition: none !important; }";
|
|
34
|
-
document.head.appendChild(css);
|
|
35
|
-
void root.offsetHeight;
|
|
36
|
-
setTimeout(() => {
|
|
37
|
-
document.head.removeChild(css);
|
|
38
|
-
}, 1);
|
|
39
|
-
}
|
|
40
|
-
root.setAttribute("data-theme", theme);
|
|
41
|
-
root.classList.remove("light", "dark");
|
|
42
|
-
root.classList.add(theme);
|
|
43
|
-
};
|
|
44
|
-
var ThemeProvider = ({
|
|
45
|
-
children,
|
|
46
|
-
defaultTheme = "system",
|
|
47
|
-
storageKey = "ui-theme",
|
|
48
|
-
disableTransitionOnChange = false
|
|
49
|
-
// enableStrictMode is defined in props but reserved for future use
|
|
50
|
-
}) => {
|
|
51
|
-
const [theme, setThemeState] = useState(() => {
|
|
52
|
-
if (typeof window === "undefined") return defaultTheme;
|
|
53
|
-
const stored = getStoredTheme(storageKey);
|
|
54
|
-
return stored ?? defaultTheme;
|
|
55
|
-
});
|
|
56
|
-
const [resolvedTheme, setResolvedTheme] = useState(() => {
|
|
57
|
-
if (typeof window === "undefined") return "light";
|
|
58
|
-
const stored = getStoredTheme(storageKey) ?? defaultTheme;
|
|
59
|
-
if (stored === "system") return getSystemTheme();
|
|
60
|
-
return stored;
|
|
61
|
-
});
|
|
62
|
-
const setTheme = useCallback(
|
|
63
|
-
(newTheme) => {
|
|
64
|
-
setThemeState(newTheme);
|
|
65
|
-
setStoredTheme(storageKey, newTheme);
|
|
66
|
-
const resolved = newTheme === "system" ? getSystemTheme() : newTheme;
|
|
67
|
-
setResolvedTheme(resolved);
|
|
68
|
-
applyTheme(resolved, disableTransitionOnChange);
|
|
69
|
-
},
|
|
70
|
-
[storageKey, disableTransitionOnChange]
|
|
71
|
-
);
|
|
72
|
-
useEffect(() => {
|
|
73
|
-
if (theme !== "system") return;
|
|
74
|
-
const mediaQuery = window.matchMedia(MEDIA_QUERY);
|
|
75
|
-
const handleChange = (e) => {
|
|
76
|
-
const systemTheme = e.matches ? "dark" : "light";
|
|
77
|
-
setResolvedTheme(systemTheme);
|
|
78
|
-
applyTheme(systemTheme, disableTransitionOnChange);
|
|
79
|
-
};
|
|
80
|
-
handleChange(mediaQuery);
|
|
81
|
-
if (mediaQuery.addEventListener) {
|
|
82
|
-
mediaQuery.addEventListener("change", handleChange);
|
|
83
|
-
return () => mediaQuery.removeEventListener("change", handleChange);
|
|
84
|
-
}
|
|
85
|
-
mediaQuery.addListener(handleChange);
|
|
86
|
-
return () => mediaQuery.removeListener(handleChange);
|
|
87
|
-
}, [theme, disableTransitionOnChange]);
|
|
88
|
-
useEffect(() => {
|
|
89
|
-
applyTheme(resolvedTheme, false);
|
|
90
|
-
}, [resolvedTheme]);
|
|
91
|
-
const value = useMemo(
|
|
92
|
-
() => ({
|
|
93
|
-
theme,
|
|
94
|
-
resolvedTheme,
|
|
95
|
-
setTheme
|
|
96
|
-
}),
|
|
97
|
-
[theme, resolvedTheme, setTheme]
|
|
98
|
-
);
|
|
99
|
-
return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { value, children });
|
|
100
|
-
};
|
|
101
|
-
var useTheme = () => {
|
|
102
|
-
const context = useContext(ThemeProviderContext);
|
|
103
|
-
if (context === void 0) {
|
|
104
|
-
throw new Error("useTheme must be used within a ThemeProvider");
|
|
105
|
-
}
|
|
106
|
-
return context;
|
|
107
|
-
};
|
|
108
|
-
var themeScript = `
|
|
109
|
-
(function() {
|
|
110
|
-
try {
|
|
111
|
-
var storageKey = 'ui-theme';
|
|
112
|
-
var theme = localStorage.getItem(storageKey) || 'system';
|
|
113
|
-
var resolved = theme;
|
|
114
|
-
|
|
115
|
-
if (theme === 'system') {
|
|
116
|
-
resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
document.documentElement.setAttribute('data-theme', resolved);
|
|
120
|
-
document.documentElement.classList.add(resolved);
|
|
121
|
-
} catch (e) {}
|
|
122
|
-
})();
|
|
123
|
-
`;
|
|
124
|
-
|
|
125
|
-
export { ThemeProvider, themeScript, useTheme };
|
|
126
|
-
//# sourceMappingURL=chunk-5PUATOLR.js.map
|
|
127
|
-
//# sourceMappingURL=chunk-5PUATOLR.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"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","file":"chunk-5PUATOLR.js","sourcesContent":["'use client'\n\n/**\n * ThemeProvider\n * Production-ready theme management with React context\n */\n\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport type { Theme, ThemeProviderProps, ThemeProviderState } from './types';\n\nconst ThemeProviderContext = createContext<ThemeProviderState | undefined>(\n undefined\n);\n\nconst MEDIA_QUERY = '(prefers-color-scheme: dark)';\n\n/**\n * Get stored theme from localStorage (SSR-safe)\n */\nconst getStoredTheme = (storageKey: string): Theme | null => {\n if (typeof window === 'undefined') return null;\n try {\n return (localStorage.getItem(storageKey) as Theme) || null;\n } catch {\n return null;\n }\n};\n\n/**\n * Store theme to localStorage (SSR-safe)\n */\nconst setStoredTheme = (storageKey: string, theme: Theme): void => {\n if (typeof window === 'undefined') return;\n try {\n localStorage.setItem(storageKey, theme);\n } catch {\n // Silently fail if localStorage is not available\n }\n};\n\n/**\n * Get system theme preference (SSR-safe)\n */\nconst getSystemTheme = (): 'light' | 'dark' => {\n if (typeof window === 'undefined') return 'light';\n return window.matchMedia(MEDIA_QUERY).matches ? 'dark' : 'light';\n};\n\n/**\n * Apply theme to document (SSR-safe)\n */\nconst applyTheme = (\n theme: 'light' | 'dark',\n disableTransitionOnChange: boolean\n): void => {\n if (typeof window === 'undefined') return;\n\n const root = document.documentElement;\n\n // Disable transitions temporarily if requested\n if (disableTransitionOnChange) {\n const css = document.createElement('style');\n css.textContent = '* { transition: none !important; }';\n document.head.appendChild(css);\n\n // Force reflow\n void root.offsetHeight;\n\n setTimeout(() => {\n document.head.removeChild(css);\n }, 1);\n }\n\n // Apply theme via data attribute and class\n root.setAttribute('data-theme', theme);\n root.classList.remove('light', 'dark');\n root.classList.add(theme);\n};\n\n/**\n * ThemeProvider Component\n * Provides theme context and manages theme state with persistence\n */\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n children,\n defaultTheme = 'system',\n storageKey = 'ui-theme',\n disableTransitionOnChange = false,\n // enableStrictMode is defined in props but reserved for future use\n}) => {\n // Initialize theme state (SSR-safe)\n const [theme, setThemeState] = useState<Theme>(() => {\n if (typeof window === 'undefined') return defaultTheme;\n const stored = getStoredTheme(storageKey);\n return stored ?? defaultTheme;\n });\n\n const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {\n if (typeof window === 'undefined') return 'light';\n const stored = getStoredTheme(storageKey) ?? defaultTheme;\n if (stored === 'system') return getSystemTheme();\n return stored;\n });\n\n // Handle theme changes\n const setTheme = useCallback(\n (newTheme: Theme) => {\n setThemeState(newTheme);\n setStoredTheme(storageKey, newTheme);\n\n const resolved = newTheme === 'system' ? getSystemTheme() : newTheme;\n setResolvedTheme(resolved);\n applyTheme(resolved, disableTransitionOnChange);\n },\n [storageKey, disableTransitionOnChange]\n );\n\n // Listen for system theme changes\n useEffect(() => {\n if (theme !== 'system') return;\n\n const mediaQuery = window.matchMedia(MEDIA_QUERY);\n\n const handleChange = (e: MediaQueryListEvent | MediaQueryList) => {\n const systemTheme = e.matches ? 'dark' : 'light';\n setResolvedTheme(systemTheme);\n applyTheme(systemTheme, disableTransitionOnChange);\n };\n\n // Initial check\n handleChange(mediaQuery);\n\n // Modern browsers\n if (mediaQuery.addEventListener) {\n mediaQuery.addEventListener('change', handleChange);\n return () => mediaQuery.removeEventListener('change', handleChange);\n }\n\n // Legacy browsers\n mediaQuery.addListener(handleChange);\n return () => mediaQuery.removeListener(handleChange);\n }, [theme, disableTransitionOnChange]);\n\n // Apply initial theme on mount (client-side only)\n useEffect(() => {\n applyTheme(resolvedTheme, false);\n }, [resolvedTheme]);\n\n // Memoize context value\n const value = useMemo<ThemeProviderState>(\n () => ({\n theme,\n resolvedTheme,\n setTheme,\n }),\n [theme, resolvedTheme, setTheme]\n );\n\n return (\n <ThemeProviderContext.Provider value={value}>\n {children}\n </ThemeProviderContext.Provider>\n );\n};\n\n/**\n * useTheme Hook\n * Access theme context from any component\n *\n * @throws {Error} When used outside ThemeProvider (in strict mode)\n * @returns {ThemeProviderState} Theme state and setTheme function\n *\n * @example\n * ```tsx\n * const { theme, setTheme, resolvedTheme } = useTheme();\n *\n * // Current theme setting\n * console.log(theme); // 'light' | 'dark' | 'system'\n *\n * // Resolved theme (actual theme being displayed)\n * console.log(resolvedTheme); // 'light' | 'dark'\n *\n * // Change theme\n * setTheme('dark');\n * ```\n */\nexport const useTheme = (): ThemeProviderState => {\n const context = useContext(ThemeProviderContext);\n\n if (context === undefined) {\n throw new Error('useTheme must be used within a ThemeProvider');\n }\n\n return context;\n};\n\n/**\n * Script to inject in <head> for SSR apps to prevent flash\n * Place this in your HTML template before any styles\n *\n * @example\n * ```html\n * <script dangerouslySetInnerHTML={{ __html: themeScript }} />\n * ```\n */\nexport const themeScript = `\n(function() {\n try {\n var storageKey = 'ui-theme';\n var theme = localStorage.getItem(storageKey) || 'system';\n var resolved = theme;\n\n if (theme === 'system') {\n resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n }\n\n document.documentElement.setAttribute('data-theme', resolved);\n document.documentElement.classList.add(resolved);\n } catch (e) {}\n})();\n`;\n"]}
|
package/dist/chunk-6HGUDHHE.js
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { cn } from './chunk-NGYLRX6F.js';
|
|
2
|
-
import { cva } from 'class-variance-authority';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var buttonGroupVariants = cva("inline-flex", {
|
|
7
|
-
variants: {
|
|
8
|
-
vertical: {
|
|
9
|
-
true: "flex-col",
|
|
10
|
-
false: "flex-row"
|
|
11
|
-
},
|
|
12
|
-
fullWidth: {
|
|
13
|
-
true: "w-full [&>*]:flex-1",
|
|
14
|
-
false: ""
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
defaultVariants: {
|
|
18
|
-
vertical: false,
|
|
19
|
-
fullWidth: false
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
var attachedHorizontalClasses = "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:border-r-0 [&>*:not(:last-child)]:rounded-r-none";
|
|
23
|
-
var attachedVerticalClasses = "[&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:border-b-0 [&>*:not(:last-child)]:rounded-b-none";
|
|
24
|
-
var gapClasses = {
|
|
25
|
-
sm: "gap-1",
|
|
26
|
-
md: "gap-2",
|
|
27
|
-
lg: "gap-3"
|
|
28
|
-
};
|
|
29
|
-
var ButtonGroup = React.memo(
|
|
30
|
-
({
|
|
31
|
-
vertical = false,
|
|
32
|
-
attached = true,
|
|
33
|
-
gap = "md",
|
|
34
|
-
fullWidth = false,
|
|
35
|
-
size,
|
|
36
|
-
variant,
|
|
37
|
-
color,
|
|
38
|
-
shape,
|
|
39
|
-
disabled = false,
|
|
40
|
-
className,
|
|
41
|
-
classNames,
|
|
42
|
-
children,
|
|
43
|
-
ref,
|
|
44
|
-
...props
|
|
45
|
-
}) => {
|
|
46
|
-
const enhancedChildren = React.Children.map(children, (child) => {
|
|
47
|
-
if (React.isValidElement(child)) {
|
|
48
|
-
return React.cloneElement(child, {
|
|
49
|
-
// Group props are defaults - child props take precedence
|
|
50
|
-
size: child.props.size ?? size,
|
|
51
|
-
variant: child.props.variant ?? variant,
|
|
52
|
-
color: child.props.color ?? color,
|
|
53
|
-
shape: child.props.shape ?? shape,
|
|
54
|
-
// Disabled is additive - if group is disabled, all children are disabled
|
|
55
|
-
disabled: child.props.disabled || disabled,
|
|
56
|
-
// Apply button classNames from ButtonGroup
|
|
57
|
-
className: cn(classNames?.button, child.props.className)
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
return child;
|
|
61
|
-
});
|
|
62
|
-
return /* @__PURE__ */ jsx(
|
|
63
|
-
"div",
|
|
64
|
-
{
|
|
65
|
-
ref,
|
|
66
|
-
role: "group",
|
|
67
|
-
className: cn(
|
|
68
|
-
"buttonGroup_root",
|
|
69
|
-
buttonGroupVariants({ vertical, fullWidth }),
|
|
70
|
-
attached ? vertical ? attachedVerticalClasses : attachedHorizontalClasses : gapClasses[gap],
|
|
71
|
-
classNames?.root,
|
|
72
|
-
className
|
|
73
|
-
),
|
|
74
|
-
"data-slot": "root",
|
|
75
|
-
...props,
|
|
76
|
-
children: enhancedChildren
|
|
77
|
-
}
|
|
78
|
-
);
|
|
79
|
-
}
|
|
80
|
-
);
|
|
81
|
-
ButtonGroup.displayName = "ButtonGroup";
|
|
82
|
-
var button_group_default = ButtonGroup;
|
|
83
|
-
|
|
84
|
-
export { button_group_default };
|
|
85
|
-
//# sourceMappingURL=chunk-6HGUDHHE.js.map
|
|
86
|
-
//# sourceMappingURL=chunk-6HGUDHHE.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/button-group/index.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,mBAAA,GAAsB,IAAI,aAAA,EAAe;AAAA,EAC7C,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,UAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACT;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,qBAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,KAAA;AAAA,IACV,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAKD,IAAM,yBAAA,GACJ,gHAAA;AAEF,IAAM,uBAAA,GACJ,gHAAA;AAKF,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AA8BA,IAAM,cAAc,KAAA,CAAM,IAAA;AAAA,EACxB,CAAC;AAAA,IACC,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW,IAAA;AAAA,IACX,GAAA,GAAM,IAAA;AAAA,IACN,SAAA,GAAY,KAAA;AAAA,IACZ,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AAEJ,IAAA,MAAM,mBAAmB,KAAA,CAAM,QAAA,CAAS,GAAA,CAAI,QAAA,EAAU,CAAC,KAAA,KAAU;AAC/D,MAAA,IAAI,KAAA,CAAM,cAAA,CAA4B,KAAK,CAAA,EAAG;AAC5C,QAAA,OAAO,KAAA,CAAM,aAAa,KAAA,EAAO;AAAA;AAAA,UAE/B,IAAA,EAAM,KAAA,CAAM,KAAA,CAAM,IAAA,IAAQ,IAAA;AAAA,UAC1B,OAAA,EAAS,KAAA,CAAM,KAAA,CAAM,OAAA,IAAW,OAAA;AAAA,UAChC,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,KAAA,IAAS,KAAA;AAAA,UAC5B,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,KAAA,IAAS,KAAA;AAAA;AAAA,UAE5B,QAAA,EAAU,KAAA,CAAM,KAAA,CAAM,QAAA,IAAY,QAAA;AAAA;AAAA,UAElC,WAAW,EAAA,CAAG,UAAA,EAAY,MAAA,EAAQ,KAAA,CAAM,MAAM,SAAS;AAAA,SACxD,CAAA;AAAA,MACH;AACA,MAAA,OAAO,KAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA,mBAAA,CAAoB,EAAE,QAAA,EAAU,SAAA,EAAW,CAAA;AAAA,UAC3C,QAAA,GACI,QAAA,GACE,uBAAA,GACA,yBAAA,GACF,WAAW,GAAG,CAAA;AAAA,UAClB,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,MAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAG1B,IAAO,oBAAA,GAAQ","file":"chunk-6HGUDHHE.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport type { ButtonProps } from '../button/types'\nimport { cn } from '../utils'\nimport type { ButtonGroupProps } from './types'\n\nconst buttonGroupVariants = cva('inline-flex', {\n variants: {\n vertical: {\n true: 'flex-col',\n false: 'flex-row',\n },\n fullWidth: {\n true: 'w-full [&>*]:flex-1',\n false: '',\n },\n },\n defaultVariants: {\n vertical: false,\n fullWidth: false,\n },\n})\n\n/**\n * Attached button styling - removes inner borders and rounds only outer corners\n */\nconst attachedHorizontalClasses =\n '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:border-r-0 [&>*:not(:last-child)]:rounded-r-none'\n\nconst attachedVerticalClasses =\n '[&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:border-b-0 [&>*:not(:last-child)]:rounded-b-none'\n\n/**\n * Gap size classes\n */\nconst gapClasses = {\n sm: 'gap-1',\n md: 'gap-2',\n lg: 'gap-3',\n}\n\n/**\n * ButtonGroup Component\n *\n * Groups multiple buttons together with consistent styling and spacing.\n * Can propagate common props (size, variant, color, disabled) to all child buttons.\n *\n * @example\n * // Basic horizontal group\n * <ButtonGroup>\n * <Button>Save</Button>\n * <Button>Cancel</Button>\n * </ButtonGroup>\n *\n * @example\n * // Vertical group with uniform styling\n * <ButtonGroup vertical variant=\"outline\" size=\"sm\">\n * <Button>Option 1</Button>\n * <Button>Option 2</Button>\n * </ButtonGroup>\n *\n * @example\n * // Separated buttons with gap\n * <ButtonGroup attached={false} gap=\"md\">\n * <Button>A</Button>\n * <Button>B</Button>\n * <Button>C</Button>\n * </ButtonGroup>\n */\nconst ButtonGroup = React.memo<ButtonGroupProps>(\n ({\n vertical = false,\n attached = true,\n gap = 'md',\n fullWidth = false,\n size,\n variant,\n color,\n shape,\n disabled = false,\n className,\n classNames,\n children,\n ref,\n ...props\n }) => {\n // Clone children and inject group props\n const enhancedChildren = React.Children.map(children, (child) => {\n if (React.isValidElement<ButtonProps>(child)) {\n return React.cloneElement(child, {\n // Group props are defaults - child props take precedence\n size: child.props.size ?? size,\n variant: child.props.variant ?? variant,\n color: child.props.color ?? color,\n shape: child.props.shape ?? shape,\n // Disabled is additive - if group is disabled, all children are disabled\n disabled: child.props.disabled || disabled,\n // Apply button classNames from ButtonGroup\n className: cn(classNames?.button, child.props.className),\n })\n }\n return child\n })\n\n return (\n <div\n ref={ref}\n role=\"group\"\n className={cn(\n 'buttonGroup_root',\n buttonGroupVariants({ vertical, fullWidth }),\n attached\n ? vertical\n ? attachedVerticalClasses\n : attachedHorizontalClasses\n : gapClasses[gap],\n classNames?.root,\n className,\n )}\n data-slot=\"root\"\n {...props}\n >\n {enhancedChildren}\n </div>\n )\n },\n)\n\nButtonGroup.displayName = 'ButtonGroup'\n\nexport type * from './types'\nexport default ButtonGroup\n"]}
|