silver-ui 0.1.1 → 0.2.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/README.md +38 -6
- package/dist/chunk-24J3BUKL.js +40 -0
- package/dist/chunk-24J3BUKL.js.map +1 -0
- package/dist/{chunk-WA4DRAQ7.js → chunk-2IKWX66Q.js} +8 -8
- package/dist/chunk-2IKWX66Q.js.map +1 -0
- package/dist/{chunk-FVIEYPDB.js → chunk-2K44WLBJ.js} +19 -17
- package/dist/chunk-2K44WLBJ.js.map +1 -0
- package/dist/{chunk-5G3BY75L.cjs → chunk-2P6D43V2.cjs} +6 -6
- package/dist/{chunk-5G3BY75L.cjs.map → chunk-2P6D43V2.cjs.map} +1 -1
- package/dist/{chunk-O5RVLBKN.cjs → chunk-2RIDPITG.cjs} +14 -15
- package/dist/chunk-2RIDPITG.cjs.map +1 -0
- package/dist/{chunk-PDXZDPOY.cjs → chunk-2VIJC4NW.cjs} +48 -47
- package/dist/chunk-2VIJC4NW.cjs.map +1 -0
- package/dist/{chunk-6BSEY2DF.js → chunk-2VOB6LEI.js} +5 -5
- package/dist/{chunk-6BSEY2DF.js.map → chunk-2VOB6LEI.js.map} +1 -1
- package/dist/{chunk-GUF4ZNPQ.js → chunk-35MFOORC.js} +6 -6
- package/dist/chunk-35MFOORC.js.map +1 -0
- package/dist/{chunk-RJXHAQCR.cjs → chunk-36QGPGT2.cjs} +25 -23
- package/dist/chunk-36QGPGT2.cjs.map +1 -0
- package/dist/chunk-3DFRJSNE.cjs +52 -0
- package/dist/chunk-3DFRJSNE.cjs.map +1 -0
- package/dist/chunk-3DZPRXMC.cjs +559 -0
- package/dist/chunk-3DZPRXMC.cjs.map +1 -0
- package/dist/{chunk-GI3NLBCW.cjs → chunk-3IDEWEDY.cjs} +22 -22
- package/dist/{chunk-GI3NLBCW.cjs.map → chunk-3IDEWEDY.cjs.map} +1 -1
- package/dist/{chunk-WIO3XITR.js → chunk-3JVD4AXC.js} +5 -5
- package/dist/{chunk-WIO3XITR.js.map → chunk-3JVD4AXC.js.map} +1 -1
- package/dist/chunk-3M23WX6K.js +106 -0
- package/dist/chunk-3M23WX6K.js.map +1 -0
- package/dist/{chunk-BSBEPQLM.cjs → chunk-3SLWOIT4.cjs} +4 -5
- package/dist/chunk-3SLWOIT4.cjs.map +1 -0
- package/dist/{chunk-Z2UFJIZU.cjs → chunk-3WMLV4VP.cjs} +20 -20
- package/dist/{chunk-Z2UFJIZU.cjs.map → chunk-3WMLV4VP.cjs.map} +1 -1
- package/dist/chunk-463O56TB.js +224 -0
- package/dist/chunk-463O56TB.js.map +1 -0
- package/dist/{chunk-SMF3YBH5.cjs → chunk-47FUQCAT.cjs} +70 -70
- package/dist/{chunk-SMF3YBH5.cjs.map → chunk-47FUQCAT.cjs.map} +1 -1
- package/dist/{chunk-YMC56K6R.cjs → chunk-4I6VIR44.cjs} +26 -29
- package/dist/chunk-4I6VIR44.cjs.map +1 -0
- package/dist/{chunk-YHR44PWO.js → chunk-4M2KCZMO.js} +5 -5
- package/dist/chunk-4M2KCZMO.js.map +1 -0
- package/dist/{chunk-PHFEQG4E.cjs → chunk-4TIAKZ4Q.cjs} +4 -5
- package/dist/chunk-4TIAKZ4Q.cjs.map +1 -0
- package/dist/{chunk-F7AUYO3H.cjs → chunk-4YESF35X.cjs} +18 -18
- package/dist/{chunk-F7AUYO3H.cjs.map → chunk-4YESF35X.cjs.map} +1 -1
- package/dist/{chunk-2ZGGJWJY.cjs → chunk-4YQSKCVF.cjs} +16 -16
- package/dist/{chunk-2ZGGJWJY.cjs.map → chunk-4YQSKCVF.cjs.map} +1 -1
- package/dist/{chunk-4A4EI26N.cjs → chunk-4YQTSHIB.cjs} +35 -35
- package/dist/{chunk-4A4EI26N.cjs.map → chunk-4YQTSHIB.cjs.map} +1 -1
- package/dist/{chunk-Z2STCD6I.js → chunk-5MDH6QZE.js} +4 -4
- package/dist/chunk-5MDH6QZE.js.map +1 -0
- package/dist/chunk-5QPM5LUS.cjs +46 -0
- package/dist/chunk-5QPM5LUS.cjs.map +1 -0
- package/dist/{chunk-YRXGCYT2.js → chunk-63RKQ237.js} +11 -13
- package/dist/chunk-63RKQ237.js.map +1 -0
- package/dist/chunk-6BK4LUK4.cjs +17 -0
- package/dist/chunk-6BK4LUK4.cjs.map +1 -0
- package/dist/chunk-6D3FA247.js +126 -0
- package/dist/chunk-6D3FA247.js.map +1 -0
- package/dist/{chunk-H6OY6FLC.js → chunk-6NY5DOFM.js} +16 -14
- package/dist/chunk-6NY5DOFM.js.map +1 -0
- package/dist/{chunk-RJQQ2UIQ.js → chunk-74ONIT6C.js} +5 -5
- package/dist/{chunk-RJQQ2UIQ.js.map → chunk-74ONIT6C.js.map} +1 -1
- package/dist/{chunk-CZJUKLFD.cjs → chunk-76FHSISK.cjs} +4 -5
- package/dist/chunk-76FHSISK.cjs.map +1 -0
- package/dist/chunk-77RGTGRM.cjs +128 -0
- package/dist/chunk-77RGTGRM.cjs.map +1 -0
- package/dist/{chunk-W6B55MNU.js → chunk-7DWASA3K.js} +4 -4
- package/dist/{chunk-W6B55MNU.js.map → chunk-7DWASA3K.js.map} +1 -1
- package/dist/{chunk-MKAOIB2O.cjs → chunk-7GN6YTSS.cjs} +14 -13
- package/dist/chunk-7GN6YTSS.cjs.map +1 -0
- package/dist/chunk-7MB2KK6X.js +50 -0
- package/dist/chunk-7MB2KK6X.js.map +1 -0
- package/dist/{chunk-KVREBGWA.js → chunk-7P3VY5JZ.js} +4 -7
- package/dist/chunk-7P3VY5JZ.js.map +1 -0
- package/dist/{chunk-4W7L63LH.js → chunk-7T3SWOY7.js} +4 -4
- package/dist/chunk-7T3SWOY7.js.map +1 -0
- package/dist/{chunk-BTBOTNOE.cjs → chunk-A66NIFJE.cjs} +18 -18
- package/dist/{chunk-BTBOTNOE.cjs.map → chunk-A66NIFJE.cjs.map} +1 -1
- package/dist/chunk-ABEOBHAM.cjs +416 -0
- package/dist/chunk-ABEOBHAM.cjs.map +1 -0
- package/dist/chunk-AJYVGSBW.cjs +56 -0
- package/dist/chunk-AJYVGSBW.cjs.map +1 -0
- package/dist/{chunk-EM2F6BZ2.js → chunk-AKTUU5ML.js} +9 -9
- package/dist/chunk-AKTUU5ML.js.map +1 -0
- package/dist/{chunk-CA6645TQ.js → chunk-AMG3S252.js} +5 -8
- package/dist/chunk-AMG3S252.js.map +1 -0
- package/dist/{chunk-HXT6A6GH.cjs → chunk-AX6HC2YY.cjs} +6 -7
- package/dist/chunk-AX6HC2YY.cjs.map +1 -0
- package/dist/{chunk-NOZ6U6ZJ.js → chunk-AXCE2HKG.js} +16 -13
- package/dist/chunk-AXCE2HKG.js.map +1 -0
- package/dist/{chunk-BCJ25X7C.js → chunk-BA2VUDQS.js} +114 -74
- package/dist/chunk-BA2VUDQS.js.map +1 -0
- package/dist/{chunk-WSAZHUB3.cjs → chunk-BDBHHJGN.cjs} +21 -20
- package/dist/chunk-BDBHHJGN.cjs.map +1 -0
- package/dist/{chunk-2UTRYTT3.cjs → chunk-BDPE6ZKX.cjs} +114 -74
- package/dist/chunk-BDPE6ZKX.cjs.map +1 -0
- package/dist/{chunk-CXBB2LN7.js → chunk-BKKLUIIU.js} +2 -2
- package/dist/chunk-BKKLUIIU.js.map +1 -0
- package/dist/{chunk-VL6IDFI2.js → chunk-BTL6GUMN.js} +4 -4
- package/dist/{chunk-VL6IDFI2.js.map → chunk-BTL6GUMN.js.map} +1 -1
- package/dist/{chunk-S5NFDKPL.js → chunk-BZ4XKKNH.js} +18 -17
- package/dist/chunk-BZ4XKKNH.js.map +1 -0
- package/dist/chunk-CBJ4APCT.js +556 -0
- package/dist/chunk-CBJ4APCT.js.map +1 -0
- package/dist/{chunk-E4TIWN4Z.cjs → chunk-CPOYENSZ.cjs} +41 -35
- package/dist/chunk-CPOYENSZ.cjs.map +1 -0
- package/dist/{chunk-NJDV3LDH.js → chunk-CPZWTWYQ.js} +12 -17
- package/dist/chunk-CPZWTWYQ.js.map +1 -0
- package/dist/{chunk-6NIFOTUZ.cjs → chunk-DH2ZFYKE.cjs} +47 -45
- package/dist/chunk-DH2ZFYKE.cjs.map +1 -0
- package/dist/{chunk-QRXMW7MQ.cjs → chunk-DP4KK2N4.cjs} +63 -69
- package/dist/chunk-DP4KK2N4.cjs.map +1 -0
- package/dist/{chunk-I25KF3UF.js → chunk-DZ3NHSJ4.js} +6 -6
- package/dist/{chunk-I25KF3UF.js.map → chunk-DZ3NHSJ4.js.map} +1 -1
- package/dist/{chunk-K574UTWP.cjs → chunk-E2JZGYKU.cjs} +14 -15
- package/dist/chunk-E2JZGYKU.cjs.map +1 -0
- package/dist/{chunk-C2CNRYZI.cjs → chunk-E7UOFIBW.cjs} +30 -30
- package/dist/{chunk-C2CNRYZI.cjs.map → chunk-E7UOFIBW.cjs.map} +1 -1
- package/dist/{chunk-HPZ7LLXK.js → chunk-EBCHOGKT.js} +11 -12
- package/dist/chunk-EBCHOGKT.js.map +1 -0
- package/dist/{chunk-DFF72N57.js → chunk-EFO5NDBJ.js} +4 -5
- package/dist/chunk-EFO5NDBJ.js.map +1 -0
- package/dist/chunk-EHCAF6D3.js +44 -0
- package/dist/chunk-EHCAF6D3.js.map +1 -0
- package/dist/{chunk-EB5EHX6I.js → chunk-EMHLPPQZ.js} +5 -4
- package/dist/chunk-EMHLPPQZ.js.map +1 -0
- package/dist/{chunk-IWSS5745.js → chunk-ESJND7B6.js} +18 -17
- package/dist/chunk-ESJND7B6.js.map +1 -0
- package/dist/{chunk-V5W7NZN5.js → chunk-EXYBQVZT.js} +3 -3
- package/dist/{chunk-V5W7NZN5.js.map → chunk-EXYBQVZT.js.map} +1 -1
- package/dist/chunk-FDSUILCM.cjs +202 -0
- package/dist/chunk-FDSUILCM.cjs.map +1 -0
- package/dist/{chunk-ELCRG7WZ.js → chunk-FHKB6MBQ.js} +15 -15
- package/dist/{chunk-ELCRG7WZ.js.map → chunk-FHKB6MBQ.js.map} +1 -1
- package/dist/{chunk-NAELQLZN.js → chunk-FMEIPGUP.js} +3 -3
- package/dist/{chunk-NAELQLZN.js.map → chunk-FMEIPGUP.js.map} +1 -1
- package/dist/{chunk-PLFKU46A.js → chunk-GEGYC7CE.js} +7 -7
- package/dist/{chunk-PLFKU46A.js.map → chunk-GEGYC7CE.js.map} +1 -1
- package/dist/{chunk-TPSOUQG7.cjs → chunk-GGZGVAEF.cjs} +29 -28
- package/dist/chunk-GGZGVAEF.cjs.map +1 -0
- package/dist/{chunk-PBZWX2RJ.js → chunk-GTPRZCNZ.js} +5 -5
- package/dist/{chunk-PBZWX2RJ.js.map → chunk-GTPRZCNZ.js.map} +1 -1
- package/dist/chunk-GUKZNXTB.js +15 -0
- package/dist/chunk-GUKZNXTB.js.map +1 -0
- package/dist/chunk-GYUWDJXS.cjs +282 -0
- package/dist/chunk-GYUWDJXS.cjs.map +1 -0
- package/dist/{chunk-OAUKYH6C.cjs → chunk-H7LOOHWU.cjs} +2 -2
- package/dist/chunk-H7LOOHWU.cjs.map +1 -0
- package/dist/{chunk-NSHWBZL4.cjs → chunk-HM7IEGQ2.cjs} +14 -13
- package/dist/chunk-HM7IEGQ2.cjs.map +1 -0
- package/dist/{chunk-UZNSGQT3.cjs → chunk-HMWV6KCW.cjs} +34 -40
- package/dist/chunk-HMWV6KCW.cjs.map +1 -0
- package/dist/{chunk-KXXTWWJZ.cjs → chunk-I45346RZ.cjs} +8 -10
- package/dist/chunk-I45346RZ.cjs.map +1 -0
- package/dist/{chunk-LBRKUZSQ.cjs → chunk-IKF6VHA4.cjs} +73 -114
- package/dist/chunk-IKF6VHA4.cjs.map +1 -0
- package/dist/{chunk-YLXM3CGV.js → chunk-IR4COTIR.js} +5 -5
- package/dist/{chunk-YLXM3CGV.js.map → chunk-IR4COTIR.js.map} +1 -1
- package/dist/{chunk-QFO5ZTZZ.js → chunk-IUUQXCDE.js} +8 -9
- package/dist/chunk-IUUQXCDE.js.map +1 -0
- package/dist/{chunk-WEEYUS7M.cjs → chunk-IXJOPMJX.cjs} +7 -7
- package/dist/chunk-IXJOPMJX.cjs.map +1 -0
- package/dist/{chunk-PZO5MZ46.js → chunk-J2FCNWYM.js} +7 -6
- package/dist/chunk-J2FCNWYM.js.map +1 -0
- package/dist/chunk-JEK5SVB5.cjs +226 -0
- package/dist/chunk-JEK5SVB5.cjs.map +1 -0
- package/dist/{chunk-ZVBVKZ4P.cjs → chunk-JKERY7QF.cjs} +27 -18
- package/dist/chunk-JKERY7QF.cjs.map +1 -0
- package/dist/{chunk-32XQJNKY.cjs → chunk-JMLJLDHO.cjs} +15 -15
- package/dist/{chunk-32XQJNKY.cjs.map → chunk-JMLJLDHO.cjs.map} +1 -1
- package/dist/{chunk-47BELFYO.cjs → chunk-JMNH45Q3.cjs} +17 -18
- package/dist/chunk-JMNH45Q3.cjs.map +1 -0
- package/dist/{chunk-JAX62FUE.cjs → chunk-JRBQKFVO.cjs} +14 -14
- package/dist/{chunk-JAX62FUE.cjs.map → chunk-JRBQKFVO.cjs.map} +1 -1
- package/dist/{chunk-6UVJUY7Z.cjs → chunk-JVLE7PCJ.cjs} +11 -12
- package/dist/chunk-JVLE7PCJ.cjs.map +1 -0
- package/dist/chunk-K6CQ45C2.js +115 -0
- package/dist/chunk-K6CQ45C2.js.map +1 -0
- package/dist/chunk-K77D7H4V.cjs +125 -0
- package/dist/chunk-K77D7H4V.cjs.map +1 -0
- package/dist/chunk-KFEXS6OK.cjs +118 -0
- package/dist/chunk-KFEXS6OK.cjs.map +1 -0
- package/dist/{chunk-KYDRDJRM.cjs → chunk-L6JT244G.cjs} +5 -5
- package/dist/{chunk-KYDRDJRM.cjs.map → chunk-L6JT244G.cjs.map} +1 -1
- package/dist/{chunk-3UUZY42Z.js → chunk-L6WUK7O4.js} +5 -5
- package/dist/{chunk-3UUZY42Z.js.map → chunk-L6WUK7O4.js.map} +1 -1
- package/dist/{chunk-OA4KIVLO.cjs → chunk-LFRTNC7M.cjs} +12 -13
- package/dist/chunk-LFRTNC7M.cjs.map +1 -0
- package/dist/{chunk-Y73472IA.js → chunk-LJLCGQRV.js} +6 -6
- package/dist/chunk-LJLCGQRV.js.map +1 -0
- package/dist/{chunk-JCYPM27J.js → chunk-MEBIRX2P.js} +7 -7
- package/dist/chunk-MEBIRX2P.js.map +1 -0
- package/dist/{chunk-YX7DI3O3.cjs → chunk-MMQIQILP.cjs} +30 -31
- package/dist/chunk-MMQIQILP.cjs.map +1 -0
- package/dist/{chunk-QRDRZNCS.cjs → chunk-MMST4VXH.cjs} +25 -26
- package/dist/chunk-MMST4VXH.cjs.map +1 -0
- package/dist/{chunk-LFZXGIR6.cjs → chunk-MNVBSOAQ.cjs} +48 -46
- package/dist/chunk-MNVBSOAQ.cjs.map +1 -0
- package/dist/{chunk-CR4NB42L.cjs → chunk-MX2F3HUI.cjs} +37 -39
- package/dist/chunk-MX2F3HUI.cjs.map +1 -0
- package/dist/{chunk-L3G7SHEP.cjs → chunk-NF63IRZR.cjs} +42 -42
- package/dist/{chunk-L3G7SHEP.cjs.map → chunk-NF63IRZR.cjs.map} +1 -1
- package/dist/chunk-NUTB2K4G.js +87 -0
- package/dist/chunk-NUTB2K4G.js.map +1 -0
- package/dist/{chunk-NPJXGQOF.cjs → chunk-O2ZMOBMA.cjs} +116 -117
- package/dist/chunk-O2ZMOBMA.cjs.map +1 -0
- package/dist/{chunk-NILB6Y4Z.cjs → chunk-O3T7Z6RH.cjs} +31 -145
- package/dist/chunk-O3T7Z6RH.cjs.map +1 -0
- package/dist/{chunk-2XCNB2O6.js → chunk-OBBPRWYD.js} +18 -15
- package/dist/chunk-OBBPRWYD.js.map +1 -0
- package/dist/{chunk-UHQRL4OA.js → chunk-OD4DHHZH.js} +25 -3
- package/dist/chunk-OD4DHHZH.js.map +1 -0
- package/dist/{chunk-PGKOWMP4.js → chunk-OHKL4DOV.js} +78 -69
- package/dist/chunk-OHKL4DOV.js.map +1 -0
- package/dist/{chunk-VVYUCQHP.js → chunk-OJ3KVNW2.js} +17 -23
- package/dist/chunk-OJ3KVNW2.js.map +1 -0
- package/dist/{chunk-CWUC4TOQ.js → chunk-OJCJPYXE.js} +122 -121
- package/dist/chunk-OJCJPYXE.js.map +1 -0
- package/dist/{chunk-MCOVG6W6.js → chunk-P3SMNZCT.js} +75 -115
- package/dist/chunk-P3SMNZCT.js.map +1 -0
- package/dist/{chunk-KXXRALHT.cjs → chunk-P4A7GWQY.cjs} +83 -75
- package/dist/chunk-P4A7GWQY.cjs.map +1 -0
- package/dist/{chunk-2PHHFBJ3.cjs → chunk-P4TOIB2A.cjs} +11 -12
- package/dist/chunk-P4TOIB2A.cjs.map +1 -0
- package/dist/{chunk-RCAA2CZJ.js → chunk-PJXJOI73.js} +13 -13
- package/dist/chunk-PJXJOI73.js.map +1 -0
- package/dist/{chunk-2FPZULX3.cjs → chunk-PNYF6NS4.cjs} +32 -35
- package/dist/chunk-PNYF6NS4.cjs.map +1 -0
- package/dist/chunk-POW2Z7TP.js +414 -0
- package/dist/chunk-POW2Z7TP.js.map +1 -0
- package/dist/{chunk-D6KXW75E.js → chunk-PTZAJW3J.js} +10 -15
- package/dist/chunk-PTZAJW3J.js.map +1 -0
- package/dist/{chunk-YT3UWEVY.js → chunk-PUVBNGCF.js} +27 -17
- package/dist/chunk-PUVBNGCF.js.map +1 -0
- package/dist/{chunk-DONU5ALC.cjs → chunk-PWL6TWVC.cjs} +31 -37
- package/dist/chunk-PWL6TWVC.cjs.map +1 -0
- package/dist/chunk-PXVVTPRJ.js +278 -0
- package/dist/chunk-PXVVTPRJ.js.map +1 -0
- package/dist/{chunk-ZC7H4S4T.cjs → chunk-PYPXJC35.cjs} +6 -7
- package/dist/chunk-PYPXJC35.cjs.map +1 -0
- package/dist/{chunk-GZ5SRSD4.js → chunk-PYW5UO2Z.js} +5 -4
- package/dist/chunk-PYW5UO2Z.js.map +1 -0
- package/dist/{chunk-2QK2NZN5.js → chunk-QADMIAYK.js} +8 -7
- package/dist/chunk-QADMIAYK.js.map +1 -0
- package/dist/chunk-QPYPPJEZ.js +53 -0
- package/dist/chunk-QPYPPJEZ.js.map +1 -0
- package/dist/{chunk-7EXVJWG5.js → chunk-RNB4BDEG.js} +41 -35
- package/dist/chunk-RNB4BDEG.js.map +1 -0
- package/dist/{chunk-VIJHDURK.js → chunk-RQ5BMSGU.js} +5 -5
- package/dist/chunk-RQ5BMSGU.js.map +1 -0
- package/dist/{chunk-VLIQPSPM.js → chunk-RRNT32KY.js} +18 -131
- package/dist/chunk-RRNT32KY.js.map +1 -0
- package/dist/{chunk-VT7VKCHL.cjs → chunk-RSG7N5QQ.cjs} +25 -27
- package/dist/chunk-RSG7N5QQ.cjs.map +1 -0
- package/dist/{chunk-AZDWQGAX.cjs → chunk-RU6JG3FS.cjs} +25 -2
- package/dist/chunk-RU6JG3FS.cjs.map +1 -0
- package/dist/{chunk-YQJJCYJP.js → chunk-S4GLMGFI.js} +6 -6
- package/dist/{chunk-YQJJCYJP.js.map → chunk-S4GLMGFI.js.map} +1 -1
- package/dist/chunk-S54CKWKV.js +107 -0
- package/dist/chunk-S54CKWKV.js.map +1 -0
- package/dist/{chunk-WIW2YR46.js → chunk-SA3LUT6E.js} +31 -14
- package/dist/chunk-SA3LUT6E.js.map +1 -0
- package/dist/{chunk-2FUG6NKO.js → chunk-SSOHJEHS.js} +9 -9
- package/dist/chunk-SSOHJEHS.js.map +1 -0
- package/dist/{chunk-3PSQDJQH.js → chunk-STSR3FAC.js} +17 -14
- package/dist/chunk-STSR3FAC.js.map +1 -0
- package/dist/chunk-SXIBQQ55.js +280 -0
- package/dist/chunk-SXIBQQ55.js.map +1 -0
- package/dist/{chunk-ZW4XKNDR.cjs → chunk-TH3H5UGK.cjs} +38 -21
- package/dist/chunk-TH3H5UGK.cjs.map +1 -0
- package/dist/{chunk-5EQN3YMQ.cjs → chunk-TO3ZPSYO.cjs} +35 -35
- package/dist/chunk-TO3ZPSYO.cjs.map +1 -0
- package/dist/{chunk-I7PJTLP2.cjs → chunk-TZQWZ7IL.cjs} +26 -26
- package/dist/{chunk-I7PJTLP2.cjs.map → chunk-TZQWZ7IL.cjs.map} +1 -1
- package/dist/{chunk-6SPQDYHC.cjs → chunk-U2WVHZ24.cjs} +11 -22
- package/dist/chunk-U2WVHZ24.cjs.map +1 -0
- package/dist/{chunk-U35V3GVC.js → chunk-U4GWNENK.js} +27 -21
- package/dist/chunk-U4GWNENK.js.map +1 -0
- package/dist/{chunk-GKG47NK6.cjs → chunk-U5ZCQI5O.cjs} +86 -88
- package/dist/chunk-U5ZCQI5O.cjs.map +1 -0
- package/dist/{chunk-UWG5UQFV.cjs → chunk-UC36KIEP.cjs} +27 -20
- package/dist/chunk-UC36KIEP.cjs.map +1 -0
- package/dist/chunk-UJODHP7E.cjs +280 -0
- package/dist/chunk-UJODHP7E.cjs.map +1 -0
- package/dist/{chunk-ZHFAFEI2.js → chunk-UQV5MOGR.js} +5 -6
- package/dist/chunk-UQV5MOGR.js.map +1 -0
- package/dist/{chunk-WIIDQ44X.cjs → chunk-UUIAGGFW.cjs} +27 -24
- package/dist/chunk-UUIAGGFW.cjs.map +1 -0
- package/dist/{chunk-YZUBJ2L2.cjs → chunk-UX2Z7LRM.cjs} +17 -18
- package/dist/chunk-UX2Z7LRM.cjs.map +1 -0
- package/dist/chunk-UY3MYNI6.js +123 -0
- package/dist/chunk-UY3MYNI6.js.map +1 -0
- package/dist/{chunk-T55MB2CA.js → chunk-UYKFE7KF.js} +4 -4
- package/dist/chunk-UYKFE7KF.js.map +1 -0
- package/dist/{chunk-DNVOWNQG.cjs → chunk-V7Q64Z3S.cjs} +11 -11
- package/dist/{chunk-DNVOWNQG.cjs.map → chunk-V7Q64Z3S.cjs.map} +1 -1
- package/dist/{chunk-XQMLA75S.js → chunk-VBL5SI5N.js} +18 -16
- package/dist/chunk-VBL5SI5N.js.map +1 -0
- package/dist/{chunk-NMHCRHRI.cjs → chunk-VQ7IRFRR.cjs} +29 -28
- package/dist/chunk-VQ7IRFRR.cjs.map +1 -0
- package/dist/chunk-VXBVSYPA.cjs +109 -0
- package/dist/chunk-VXBVSYPA.cjs.map +1 -0
- package/dist/{chunk-25OAUQRF.cjs → chunk-W3QVSVL7.cjs} +23 -22
- package/dist/chunk-W3QVSVL7.cjs.map +1 -0
- package/dist/chunk-W5G7ZDQ6.cjs +89 -0
- package/dist/chunk-W5G7ZDQ6.cjs.map +1 -0
- package/dist/chunk-WA4VZ363.cjs +259 -0
- package/dist/chunk-WA4VZ363.cjs.map +1 -0
- package/dist/{chunk-IT72TF72.js → chunk-WE2AXMPB.js} +13 -12
- package/dist/chunk-WE2AXMPB.js.map +1 -0
- package/dist/{chunk-2QM5XBX4.cjs → chunk-WMXIUOOU.cjs} +4 -4
- package/dist/{chunk-2QM5XBX4.cjs.map → chunk-WMXIUOOU.cjs.map} +1 -1
- package/dist/{chunk-3L3M7SJ3.js → chunk-WOIWI2UO.js} +3 -3
- package/dist/{chunk-3L3M7SJ3.js.map → chunk-WOIWI2UO.js.map} +1 -1
- package/dist/chunk-WVQDFCFQ.js +199 -0
- package/dist/chunk-WVQDFCFQ.js.map +1 -0
- package/dist/{chunk-WE3ECIRS.cjs → chunk-XHTKGOQV.cjs} +50 -47
- package/dist/chunk-XHTKGOQV.cjs.map +1 -0
- package/dist/chunk-XIFLSMGW.js +200 -0
- package/dist/chunk-XIFLSMGW.js.map +1 -0
- package/dist/{chunk-WBPIJ4D5.js → chunk-XSQOHNIF.js} +5 -5
- package/dist/chunk-XSQOHNIF.js.map +1 -0
- package/dist/{chunk-E7EO3YVJ.js → chunk-XVRQSTUF.js} +3 -3
- package/dist/{chunk-E7EO3YVJ.js.map → chunk-XVRQSTUF.js.map} +1 -1
- package/dist/chunk-YAIEA2YE.cjs +203 -0
- package/dist/chunk-YAIEA2YE.cjs.map +1 -0
- package/dist/chunk-YAYINZT2.cjs +42 -0
- package/dist/chunk-YAYINZT2.cjs.map +1 -0
- package/dist/{chunk-DJW7T3WJ.js → chunk-YUONTRNC.js} +11 -12
- package/dist/chunk-YUONTRNC.js.map +1 -0
- package/dist/chunk-YXYD5HKL.cjs +109 -0
- package/dist/chunk-YXYD5HKL.cjs.map +1 -0
- package/dist/{chunk-EETTQWW5.cjs → chunk-Z7ID5TC7.cjs} +25 -22
- package/dist/chunk-Z7ID5TC7.cjs.map +1 -0
- package/dist/{chunk-5OS5A27C.js → chunk-ZC6GLBEL.js} +6 -6
- package/dist/chunk-ZC6GLBEL.js.map +1 -0
- package/dist/{chunk-R2NQNVEV.js → chunk-ZJ2NV4SQ.js} +19 -21
- package/dist/chunk-ZJ2NV4SQ.js.map +1 -0
- package/dist/{chunk-OKKL652L.js → chunk-ZNUOFLCQ.js} +5 -15
- package/dist/chunk-ZNUOFLCQ.js.map +1 -0
- package/dist/{chunk-P5AZUUM2.cjs → chunk-ZP3UZDSV.cjs} +11 -11
- package/dist/chunk-ZP3UZDSV.cjs.map +1 -0
- package/dist/{chunk-HWCL6JFB.js → chunk-ZW2ATXTL.js} +10 -9
- package/dist/chunk-ZW2ATXTL.js.map +1 -0
- package/dist/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/components/Accordion/AccordionItem.recipe.d.ts +17 -0
- package/dist/components/Accordion/AccordionItem.recipe.d.ts.map +1 -0
- package/dist/components/Accordion/index.cjs +9 -7
- package/dist/components/Accordion/index.js +6 -4
- package/dist/components/Accordion/useCollapsible.d.ts.map +1 -1
- package/dist/components/Alert/Alert.d.ts +13 -4
- package/dist/components/Alert/Alert.d.ts.map +1 -1
- package/dist/components/Alert/Alert.recipe.d.ts +119 -25
- package/dist/components/Alert/Alert.recipe.d.ts.map +1 -1
- package/dist/components/Alert/index.cjs +15 -16
- package/dist/components/Alert/index.d.ts +0 -1
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +14 -11
- package/dist/components/AlertDialog/AlertDialog.d.ts +1 -1
- package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/components/AlertDialog/index.cjs +19 -16
- package/dist/components/AlertDialog/index.js +17 -14
- package/dist/components/AlertDialog/useAlertDialog.d.ts.map +1 -1
- package/dist/components/AppShell/AppShell.d.ts +2 -2
- package/dist/components/AppShell/AppShell.d.ts.map +1 -1
- package/dist/components/AppShell/index.cjs +24 -25
- package/dist/components/AppShell/index.d.ts +0 -1
- package/dist/components/AppShell/index.d.ts.map +1 -1
- package/dist/components/AppShell/index.js +21 -18
- package/dist/components/AspectRatio/index.cjs +4 -8
- package/dist/components/AspectRatio/index.d.ts +0 -1
- package/dist/components/AspectRatio/index.d.ts.map +1 -1
- package/dist/components/AspectRatio/index.js +3 -3
- package/dist/components/AutocompleteInput/AutocompleteInput.d.ts.map +1 -1
- package/dist/components/AutocompleteInput/index.cjs +24 -20
- package/dist/components/AutocompleteInput/index.js +20 -16
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.recipe.d.ts +11 -9
- package/dist/components/Avatar/Avatar.recipe.d.ts.map +1 -1
- package/dist/components/Avatar/AvatarStatusDot.d.ts.map +1 -1
- package/dist/components/Avatar/index.cjs +9 -11
- package/dist/components/Avatar/index.d.ts +0 -1
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Avatar/index.js +6 -4
- package/dist/components/AvatarGroup/index.cjs +9 -11
- package/dist/components/AvatarGroup/index.d.ts +0 -1
- package/dist/components/AvatarGroup/index.d.ts.map +1 -1
- package/dist/components/AvatarGroup/index.js +7 -5
- package/dist/components/Badge/Badge.d.ts +8 -2
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/index.cjs +5 -9
- package/dist/components/Badge/index.d.ts +0 -1
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +4 -4
- package/dist/components/Blockquote/Blockquote.d.ts.map +1 -1
- package/dist/components/Blockquote/Blockquote.recipe.d.ts +4 -0
- package/dist/components/Blockquote/Blockquote.recipe.d.ts.map +1 -0
- package/dist/components/Blockquote/index.cjs +15 -44
- package/dist/components/Blockquote/index.cjs.map +1 -1
- package/dist/components/Blockquote/index.d.ts +1 -0
- package/dist/components/Blockquote/index.d.ts.map +1 -1
- package/dist/components/Blockquote/index.js +6 -46
- package/dist/components/Blockquote/index.js.map +1 -1
- package/dist/components/Breadcrumbs/index.cjs +12 -11
- package/dist/components/Breadcrumbs/index.js +9 -8
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.recipe.d.ts +2 -2
- package/dist/components/Button/index.cjs +14 -15
- package/dist/components/Button/index.d.ts +0 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +13 -10
- package/dist/components/ButtonGroup/index.cjs +4 -8
- package/dist/components/ButtonGroup/index.d.ts +0 -1
- package/dist/components/ButtonGroup/index.d.ts.map +1 -1
- package/dist/components/ButtonGroup/index.js +3 -3
- package/dist/components/Calendar/index.cjs +15 -12
- package/dist/components/Calendar/index.js +14 -11
- package/dist/components/Card/Card.d.ts +16 -4
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.recipe.d.ts +18 -0
- package/dist/components/Card/Card.recipe.d.ts.map +1 -1
- package/dist/components/Card/index.cjs +4 -8
- package/dist/components/Card/index.d.ts +1 -2
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +3 -3
- package/dist/components/Center/Center.recipe.d.ts +0 -1
- package/dist/components/Center/Center.recipe.d.ts.map +1 -1
- package/dist/components/Center/index.cjs +4 -8
- package/dist/components/Center/index.d.ts +0 -1
- package/dist/components/Center/index.d.ts.map +1 -1
- package/dist/components/Center/index.js +3 -3
- package/dist/components/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/components/CheckboxInput/index.cjs +16 -14
- package/dist/components/CheckboxInput/index.js +15 -13
- package/dist/components/CodeBlock/CodeBlock.d.ts +6 -4
- package/dist/components/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.recipe.d.ts +87 -0
- package/dist/components/CodeBlock/CodeBlock.recipe.d.ts.map +1 -0
- package/dist/components/CodeBlock/index.cjs +17 -12
- package/dist/components/CodeBlock/index.d.ts +1 -0
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- package/dist/components/CodeBlock/index.js +16 -11
- package/dist/components/ContextMenu/index.cjs +20 -17
- package/dist/components/ContextMenu/index.js +18 -15
- package/dist/components/DateInput/DateInput.d.ts +1 -1
- package/dist/components/DateInput/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput/index.cjs +21 -17
- package/dist/components/DateInput/index.js +20 -16
- package/dist/components/DateRangeInput/DateRangeInput.d.ts +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/components/DateRangeInput/index.cjs +21 -17
- package/dist/components/DateRangeInput/index.js +20 -16
- package/dist/components/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/components/DateTimeInput/index.cjs +23 -19
- package/dist/components/DateTimeInput/index.js +22 -18
- package/dist/components/Dialog/Dialog.d.ts +7 -2
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.recipe.d.ts +13 -10
- package/dist/components/Dialog/Dialog.recipe.d.ts.map +1 -1
- package/dist/components/Dialog/DialogContext.d.ts +6 -0
- package/dist/components/Dialog/DialogContext.d.ts.map +1 -1
- package/dist/components/Dialog/index.cjs +10 -12
- package/dist/components/Dialog/index.d.ts +0 -1
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +6 -4
- package/dist/components/Divider/Divider.d.ts +11 -1
- package/dist/components/Divider/Divider.d.ts.map +1 -1
- package/dist/components/Divider/Divider.recipe.d.ts +35 -10
- package/dist/components/Divider/Divider.recipe.d.ts.map +1 -1
- package/dist/components/Divider/index.cjs +6 -8
- package/dist/components/Divider/index.d.ts +0 -1
- package/dist/components/Divider/index.d.ts.map +1 -1
- package/dist/components/Divider/index.js +5 -3
- package/dist/components/Drawer/index.cjs +13 -197
- package/dist/components/Drawer/index.cjs.map +1 -1
- package/dist/components/Drawer/index.js +4 -198
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenuItem.d.ts.map +1 -1
- package/dist/components/DropdownMenu/index.cjs +21 -18
- package/dist/components/DropdownMenu/index.js +17 -14
- package/dist/components/EmptyState/index.cjs +8 -11
- package/dist/components/EmptyState/index.d.ts +0 -1
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +7 -6
- package/dist/components/Field/Field.d.ts +22 -10
- package/dist/components/Field/Field.d.ts.map +1 -1
- package/dist/components/Field/Field.recipe.d.ts +33 -24
- package/dist/components/Field/Field.recipe.d.ts.map +1 -1
- package/dist/components/Field/index.cjs +14 -24
- package/dist/components/Field/index.d.ts +1 -3
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/Field/index.js +11 -9
- package/dist/components/Field/inputStyles.d.ts +0 -1
- package/dist/components/Field/inputStyles.d.ts.map +1 -1
- package/dist/components/FileInput/FileInput.d.ts.map +1 -1
- package/dist/components/FileInput/index.cjs +20 -13
- package/dist/components/FileInput/index.js +19 -12
- package/dist/components/HoverCard/index.cjs +6 -5
- package/dist/components/HoverCard/index.js +4 -3
- package/dist/components/Icon/index.cjs +4 -8
- package/dist/components/Icon/index.d.ts +0 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +3 -3
- package/dist/components/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/components/InputGroup/index.cjs +16 -14
- package/dist/components/InputGroup/index.js +12 -10
- package/dist/components/Item/Item.d.ts.map +1 -1
- package/dist/components/Item/index.cjs +11 -10
- package/dist/components/Item/index.js +10 -9
- package/dist/components/Kbd/Kbd.d.ts.map +1 -1
- package/dist/components/Kbd/Kbd.recipe.d.ts +28 -13
- package/dist/components/Kbd/Kbd.recipe.d.ts.map +1 -1
- package/dist/components/Kbd/index.cjs +6 -4
- package/dist/components/Kbd/index.d.ts +1 -0
- package/dist/components/Kbd/index.d.ts.map +1 -1
- package/dist/components/Kbd/index.js +5 -3
- package/dist/components/Layout/Layout.d.ts +3 -2
- package/dist/components/Layout/Layout.d.ts.map +1 -1
- package/dist/components/Layout/LayoutContent.d.ts +2 -2
- package/dist/components/Layout/LayoutContent.d.ts.map +1 -1
- package/dist/components/Layout/LayoutFooter.d.ts +2 -2
- package/dist/components/Layout/LayoutFooter.d.ts.map +1 -1
- package/dist/components/Layout/LayoutHeader.d.ts +2 -2
- package/dist/components/Layout/LayoutHeader.d.ts.map +1 -1
- package/dist/components/Layout/LayoutPanel.d.ts +2 -2
- package/dist/components/Layout/LayoutPanel.d.ts.map +1 -1
- package/dist/components/Layout/index.cjs +20 -21
- package/dist/components/Layout/index.d.ts +1 -2
- package/dist/components/Layout/index.d.ts.map +1 -1
- package/dist/components/Layout/index.js +15 -12
- package/dist/components/Layout/types.d.ts +1 -1
- package/dist/components/Layout/types.d.ts.map +1 -1
- package/dist/components/Lightbox/index.cjs +16 -13
- package/dist/components/Lightbox/index.js +14 -11
- package/dist/components/Link/index.cjs +11 -14
- package/dist/components/Link/index.d.ts +0 -1
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/Link/index.js +8 -7
- package/dist/components/List/ListItem.d.ts.map +1 -1
- package/dist/components/List/index.cjs +13 -12
- package/dist/components/List/index.js +11 -10
- package/dist/components/MetadataList/index.cjs +10 -9
- package/dist/components/MetadataList/index.js +8 -7
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.cjs +22 -18
- package/dist/components/MultiSelect/index.js +21 -17
- package/dist/components/NavIcon/index.cjs +8 -36
- package/dist/components/NavIcon/index.cjs.map +1 -1
- package/dist/components/NavIcon/index.js +3 -38
- package/dist/components/NavIcon/index.js.map +1 -1
- package/dist/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/components/NumberInput/index.cjs +21 -14
- package/dist/components/NumberInput/index.js +20 -13
- package/dist/components/Pagination/index.cjs +15 -12
- package/dist/components/Pagination/index.js +14 -11
- package/dist/components/PasswordInput/PasswordInput.d.ts +1 -1
- package/dist/components/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/dist/components/PasswordInput/index.cjs +25 -54
- package/dist/components/PasswordInput/index.cjs.map +1 -1
- package/dist/components/PasswordInput/index.js +20 -56
- package/dist/components/PasswordInput/index.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts.map +1 -1
- package/dist/components/Popover/index.cjs +16 -13
- package/dist/components/Popover/index.js +14 -11
- package/dist/components/Progress/index.cjs +5 -9
- package/dist/components/Progress/index.d.ts +0 -1
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +4 -4
- package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.recipe.d.ts +90 -0
- package/dist/components/RadioGroup/RadioGroup.recipe.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroupContext.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroupContext.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroupItem.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.cjs +17 -15
- package/dist/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +15 -13
- package/dist/components/Rating/Rating.d.ts.map +1 -1
- package/dist/components/Rating/Rating.recipe.d.ts +23 -0
- package/dist/components/Rating/Rating.recipe.d.ts.map +1 -0
- package/dist/components/Rating/index.cjs +17 -179
- package/dist/components/Rating/index.cjs.map +1 -1
- package/dist/components/Rating/index.d.ts +1 -0
- package/dist/components/Rating/index.d.ts.map +1 -1
- package/dist/components/Rating/index.js +8 -181
- package/dist/components/Rating/index.js.map +1 -1
- package/dist/components/Schedule/MonthlyView.d.ts.map +1 -1
- package/dist/components/Schedule/index.cjs +30 -27
- package/dist/components/Schedule/index.js +19 -16
- package/dist/components/SearchFilterInput/index.cjs +40 -36
- package/dist/components/SearchFilterInput/index.js +32 -28
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +6 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/index.cjs +7 -7
- package/dist/components/SegmentedControl/index.js +5 -5
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/index.cjs +23 -19
- package/dist/components/Select/index.js +21 -17
- package/dist/components/SideNav/SideNav.recipe.d.ts.map +1 -1
- package/dist/components/SideNav/SideNavItem.d.ts.map +1 -1
- package/dist/components/SideNav/index.cjs +22 -23
- package/dist/components/SideNav/index.d.ts +0 -1
- package/dist/components/SideNav/index.d.ts.map +1 -1
- package/dist/components/SideNav/index.js +16 -13
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.recipe.d.ts +28 -0
- package/dist/components/Skeleton/Skeleton.recipe.d.ts.map +1 -0
- package/dist/components/Skeleton/index.cjs +8 -3
- package/dist/components/Skeleton/index.d.ts +1 -0
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +3 -2
- package/dist/components/Slider/Slider.d.ts.map +1 -1
- package/dist/components/Slider/Slider.recipe.d.ts +99 -0
- package/dist/components/Slider/Slider.recipe.d.ts.map +1 -0
- package/dist/components/Slider/index.cjs +17 -11
- package/dist/components/Slider/index.d.ts +1 -0
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +12 -10
- package/dist/components/Spinner/Spinner.d.ts +6 -6
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.recipe.d.ts +25 -12
- package/dist/components/Spinner/Spinner.recipe.d.ts.map +1 -1
- package/dist/components/Spinner/index.cjs +9 -11
- package/dist/components/Spinner/index.d.ts +0 -1
- package/dist/components/Spinner/index.d.ts.map +1 -1
- package/dist/components/Spinner/index.js +8 -6
- package/dist/components/Stack/Stack.d.ts +2 -2
- package/dist/components/Stack/Stack.d.ts.map +1 -1
- package/dist/components/Stack/index.cjs +5 -9
- package/dist/components/Stack/index.d.ts +0 -1
- package/dist/components/Stack/index.d.ts.map +1 -1
- package/dist/components/Stack/index.js +3 -3
- package/dist/components/Stepper/index.cjs +11 -10
- package/dist/components/Stepper/index.js +8 -7
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.recipe.d.ts +60 -0
- package/dist/components/Switch/Switch.recipe.d.ts.map +1 -0
- package/dist/components/Switch/index.cjs +13 -11
- package/dist/components/Switch/index.js +12 -10
- package/dist/components/Table/TableCell.d.ts.map +1 -1
- package/dist/components/Table/TableHeaderCell.d.ts.map +1 -1
- package/dist/components/Table/index.cjs +64 -60
- package/dist/components/Table/index.js +36 -32
- package/dist/components/Tabs/Tabs.d.ts +5 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/index.cjs +20 -17
- package/dist/components/Tabs/index.js +15 -12
- package/dist/components/Tag/index.cjs +10 -13
- package/dist/components/Tag/index.d.ts +0 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +9 -8
- package/dist/components/TagsInput/TagsInput.d.ts.map +1 -1
- package/dist/components/TagsInput/index.cjs +22 -18
- package/dist/components/TagsInput/index.js +21 -17
- package/dist/components/Text/index.cjs +8 -15
- package/dist/components/Text/index.d.ts +0 -1
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +6 -5
- package/dist/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/TextArea/index.cjs +16 -13
- package/dist/components/TextArea/index.js +15 -12
- package/dist/components/TextInput/TextInput.d.ts.map +1 -1
- package/dist/components/TextInput/index.cjs +21 -14
- package/dist/components/TextInput/index.js +20 -13
- package/dist/components/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.recipe.d.ts +36 -0
- package/dist/components/Thumbnail/Thumbnail.recipe.d.ts.map +1 -0
- package/dist/components/Thumbnail/index.cjs +16 -13
- package/dist/components/Thumbnail/index.d.ts +1 -0
- package/dist/components/Thumbnail/index.d.ts.map +1 -1
- package/dist/components/Thumbnail/index.js +15 -12
- package/dist/components/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/components/TimeInput/index.cjs +20 -13
- package/dist/components/TimeInput/index.js +19 -12
- package/dist/components/Toast/index.cjs +17 -14
- package/dist/components/Toast/index.js +14 -11
- package/dist/components/ToggleButton/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton/index.cjs +13 -14
- package/dist/components/ToggleButton/index.js +11 -12
- package/dist/components/Tooltip/index.cjs +6 -5
- package/dist/components/Tooltip/index.js +4 -3
- package/dist/components/TopNav/TopNav.recipe.d.ts.map +1 -1
- package/dist/components/TopNav/index.cjs +22 -23
- package/dist/components/TopNav/index.d.ts +0 -1
- package/dist/components/TopNav/index.d.ts.map +1 -1
- package/dist/components/TopNav/index.js +16 -13
- package/dist/components/TreeView/TreeViewItem.d.ts.map +1 -1
- package/dist/components/TreeView/index.cjs +5 -5
- package/dist/components/TreeView/index.js +4 -4
- package/dist/index.cjs +584 -332
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +27 -22
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +384 -77
- package/dist/index.js.map +1 -1
- package/dist/internal/MobileNav/MobileNav.d.ts.map +1 -1
- package/dist/internal/spacingTokens.d.ts +8 -0
- package/dist/internal/spacingTokens.d.ts.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/themes/presets.d.ts +48 -0
- package/dist/themes/presets.d.ts.map +1 -0
- package/package.json +12 -2
- package/dist/chunk-25OAUQRF.cjs.map +0 -1
- package/dist/chunk-2FPZULX3.cjs.map +0 -1
- package/dist/chunk-2FUG6NKO.js.map +0 -1
- package/dist/chunk-2PHHFBJ3.cjs.map +0 -1
- package/dist/chunk-2QK2NZN5.js.map +0 -1
- package/dist/chunk-2UTRYTT3.cjs.map +0 -1
- package/dist/chunk-2WP6NYYY.cjs +0 -113
- package/dist/chunk-2WP6NYYY.cjs.map +0 -1
- package/dist/chunk-2XCNB2O6.js.map +0 -1
- package/dist/chunk-3DE4GOZU.js +0 -207
- package/dist/chunk-3DE4GOZU.js.map +0 -1
- package/dist/chunk-3PSQDJQH.js.map +0 -1
- package/dist/chunk-47BELFYO.cjs.map +0 -1
- package/dist/chunk-4W7L63LH.js.map +0 -1
- package/dist/chunk-4XRVXUJQ.cjs +0 -242
- package/dist/chunk-4XRVXUJQ.cjs.map +0 -1
- package/dist/chunk-5EQN3YMQ.cjs.map +0 -1
- package/dist/chunk-5OS5A27C.js.map +0 -1
- package/dist/chunk-6NIFOTUZ.cjs.map +0 -1
- package/dist/chunk-6SPQDYHC.cjs.map +0 -1
- package/dist/chunk-6UVJUY7Z.cjs.map +0 -1
- package/dist/chunk-7EXVJWG5.js.map +0 -1
- package/dist/chunk-AFT635BR.cjs +0 -308
- package/dist/chunk-AFT635BR.cjs.map +0 -1
- package/dist/chunk-AZDWQGAX.cjs.map +0 -1
- package/dist/chunk-BCJ25X7C.js.map +0 -1
- package/dist/chunk-BSBEPQLM.cjs.map +0 -1
- package/dist/chunk-CA6645TQ.js.map +0 -1
- package/dist/chunk-CR4NB42L.cjs.map +0 -1
- package/dist/chunk-CVH6X6ND.js +0 -125
- package/dist/chunk-CVH6X6ND.js.map +0 -1
- package/dist/chunk-CWUC4TOQ.js.map +0 -1
- package/dist/chunk-CXBB2LN7.js.map +0 -1
- package/dist/chunk-CZJUKLFD.cjs.map +0 -1
- package/dist/chunk-D6KXW75E.js.map +0 -1
- package/dist/chunk-DFF72N57.js.map +0 -1
- package/dist/chunk-DHUK3GNK.cjs +0 -258
- package/dist/chunk-DHUK3GNK.cjs.map +0 -1
- package/dist/chunk-DJW7T3WJ.js.map +0 -1
- package/dist/chunk-DONU5ALC.cjs.map +0 -1
- package/dist/chunk-E4TIWN4Z.cjs.map +0 -1
- package/dist/chunk-EB5EHX6I.js.map +0 -1
- package/dist/chunk-EBUSMPS6.js +0 -306
- package/dist/chunk-EBUSMPS6.js.map +0 -1
- package/dist/chunk-EETTQWW5.cjs.map +0 -1
- package/dist/chunk-EHBV6ZMM.js +0 -239
- package/dist/chunk-EHBV6ZMM.js.map +0 -1
- package/dist/chunk-EM2F6BZ2.js.map +0 -1
- package/dist/chunk-FVIEYPDB.js.map +0 -1
- package/dist/chunk-G44NDBPN.cjs +0 -62
- package/dist/chunk-G44NDBPN.cjs.map +0 -1
- package/dist/chunk-GKG47NK6.cjs.map +0 -1
- package/dist/chunk-GUF4ZNPQ.js.map +0 -1
- package/dist/chunk-GZ5SRSD4.js.map +0 -1
- package/dist/chunk-H6OY6FLC.js.map +0 -1
- package/dist/chunk-HPZ7LLXK.js.map +0 -1
- package/dist/chunk-HWCL6JFB.js.map +0 -1
- package/dist/chunk-HXT6A6GH.cjs.map +0 -1
- package/dist/chunk-I6IGTQLG.cjs +0 -251
- package/dist/chunk-I6IGTQLG.cjs.map +0 -1
- package/dist/chunk-IT72TF72.js.map +0 -1
- package/dist/chunk-IWSS5745.js.map +0 -1
- package/dist/chunk-JCYPM27J.js.map +0 -1
- package/dist/chunk-K574UTWP.cjs.map +0 -1
- package/dist/chunk-KVREBGWA.js.map +0 -1
- package/dist/chunk-KXXRALHT.cjs.map +0 -1
- package/dist/chunk-KXXTWWJZ.cjs.map +0 -1
- package/dist/chunk-LBRKUZSQ.cjs.map +0 -1
- package/dist/chunk-LFZXGIR6.cjs.map +0 -1
- package/dist/chunk-MCOVG6W6.js.map +0 -1
- package/dist/chunk-MKAOIB2O.cjs.map +0 -1
- package/dist/chunk-NGWNIMMX.js +0 -247
- package/dist/chunk-NGWNIMMX.js.map +0 -1
- package/dist/chunk-NILB6Y4Z.cjs.map +0 -1
- package/dist/chunk-NJDV3LDH.js.map +0 -1
- package/dist/chunk-NMHCRHRI.cjs.map +0 -1
- package/dist/chunk-NOZ6U6ZJ.js.map +0 -1
- package/dist/chunk-NPJXGQOF.cjs.map +0 -1
- package/dist/chunk-NSHWBZL4.cjs.map +0 -1
- package/dist/chunk-O5RVLBKN.cjs.map +0 -1
- package/dist/chunk-OA4KIVLO.cjs.map +0 -1
- package/dist/chunk-OAUKYH6C.cjs.map +0 -1
- package/dist/chunk-OKKL652L.js.map +0 -1
- package/dist/chunk-OZNNBPMP.cjs +0 -288
- package/dist/chunk-OZNNBPMP.cjs.map +0 -1
- package/dist/chunk-P5AZUUM2.cjs.map +0 -1
- package/dist/chunk-PDXZDPOY.cjs.map +0 -1
- package/dist/chunk-PGKOWMP4.js.map +0 -1
- package/dist/chunk-PHFEQG4E.cjs.map +0 -1
- package/dist/chunk-PZO5MZ46.js.map +0 -1
- package/dist/chunk-QFO5ZTZZ.js.map +0 -1
- package/dist/chunk-QRDRZNCS.cjs.map +0 -1
- package/dist/chunk-QRXMW7MQ.cjs.map +0 -1
- package/dist/chunk-QXI446BK.cjs +0 -209
- package/dist/chunk-QXI446BK.cjs.map +0 -1
- package/dist/chunk-R2NQNVEV.js.map +0 -1
- package/dist/chunk-RCAA2CZJ.js.map +0 -1
- package/dist/chunk-RGPL6EDK.js +0 -110
- package/dist/chunk-RGPL6EDK.js.map +0 -1
- package/dist/chunk-RJXHAQCR.cjs.map +0 -1
- package/dist/chunk-RLQYXUDO.js +0 -59
- package/dist/chunk-RLQYXUDO.js.map +0 -1
- package/dist/chunk-S5NFDKPL.js.map +0 -1
- package/dist/chunk-T55MB2CA.js.map +0 -1
- package/dist/chunk-TPSOUQG7.cjs.map +0 -1
- package/dist/chunk-U35V3GVC.js.map +0 -1
- package/dist/chunk-UHQRL4OA.js.map +0 -1
- package/dist/chunk-UWG5UQFV.cjs.map +0 -1
- package/dist/chunk-UZNSGQT3.cjs.map +0 -1
- package/dist/chunk-VIJHDURK.js.map +0 -1
- package/dist/chunk-VLIQPSPM.js.map +0 -1
- package/dist/chunk-VT7VKCHL.cjs.map +0 -1
- package/dist/chunk-VTQRXV32.js +0 -565
- package/dist/chunk-VTQRXV32.js.map +0 -1
- package/dist/chunk-VVYUCQHP.js.map +0 -1
- package/dist/chunk-WA4DRAQ7.js.map +0 -1
- package/dist/chunk-WBPIJ4D5.js.map +0 -1
- package/dist/chunk-WE3ECIRS.cjs.map +0 -1
- package/dist/chunk-WEEYUS7M.cjs.map +0 -1
- package/dist/chunk-WIIDQ44X.cjs.map +0 -1
- package/dist/chunk-WIW2YR46.js.map +0 -1
- package/dist/chunk-WM66IPV4.cjs +0 -567
- package/dist/chunk-WM66IPV4.cjs.map +0 -1
- package/dist/chunk-WSAZHUB3.cjs.map +0 -1
- package/dist/chunk-XQMLA75S.js.map +0 -1
- package/dist/chunk-Y73472IA.js.map +0 -1
- package/dist/chunk-YHR44PWO.js.map +0 -1
- package/dist/chunk-YMC56K6R.cjs.map +0 -1
- package/dist/chunk-YOFCBZAX.js +0 -286
- package/dist/chunk-YOFCBZAX.js.map +0 -1
- package/dist/chunk-YOWRLFMF.cjs +0 -128
- package/dist/chunk-YOWRLFMF.cjs.map +0 -1
- package/dist/chunk-YRXGCYT2.js.map +0 -1
- package/dist/chunk-YT3UWEVY.js.map +0 -1
- package/dist/chunk-YX7DI3O3.cjs.map +0 -1
- package/dist/chunk-YZUBJ2L2.cjs.map +0 -1
- package/dist/chunk-Z2STCD6I.js.map +0 -1
- package/dist/chunk-ZC7H4S4T.cjs.map +0 -1
- package/dist/chunk-ZHFAFEI2.js.map +0 -1
- package/dist/chunk-ZVBVKZ4P.cjs.map +0 -1
- package/dist/chunk-ZW4XKNDR.cjs.map +0 -1
package/dist/chunk-4XRVXUJQ.cjs
DELETED
|
@@ -1,242 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
|
|
4
|
-
var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
|
|
5
|
-
var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
|
|
6
|
-
var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
|
|
7
|
-
var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
|
|
8
|
-
var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
|
|
9
|
-
var lucideReact = require('lucide-react');
|
|
10
|
-
var react = require('react');
|
|
11
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
12
|
-
|
|
13
|
-
// src/components/Alert/Alert.recipe.ts
|
|
14
|
-
var alertRecipe = chunkJAX62FUE_cjs.cva({
|
|
15
|
-
base: {
|
|
16
|
-
display: "flex",
|
|
17
|
-
flexDirection: "column",
|
|
18
|
-
fontFamily: "body"
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
var alertHeaderRecipe = chunkJAX62FUE_cjs.cva({
|
|
22
|
-
base: {
|
|
23
|
-
display: "flex",
|
|
24
|
-
alignItems: "flex-start",
|
|
25
|
-
gap: "2",
|
|
26
|
-
px: "4",
|
|
27
|
-
py: "3"
|
|
28
|
-
},
|
|
29
|
-
variants: {
|
|
30
|
-
container: {
|
|
31
|
-
card: {
|
|
32
|
-
borderTopRadius: "lg"
|
|
33
|
-
},
|
|
34
|
-
section: {}
|
|
35
|
-
},
|
|
36
|
-
hasContent: {
|
|
37
|
-
true: {},
|
|
38
|
-
false: {}
|
|
39
|
-
},
|
|
40
|
-
isCentered: {
|
|
41
|
-
true: {
|
|
42
|
-
alignItems: "center"
|
|
43
|
-
},
|
|
44
|
-
false: {}
|
|
45
|
-
},
|
|
46
|
-
status: {
|
|
47
|
-
error: {
|
|
48
|
-
bg: "surface.red",
|
|
49
|
-
color: "surface.red.fg",
|
|
50
|
-
"--silver-text-color": "token(colors.surface.red.fg)",
|
|
51
|
-
"--silver-text-color-muted": "token(colors.surface.red.fg)"
|
|
52
|
-
},
|
|
53
|
-
info: {
|
|
54
|
-
bg: "surface.blue",
|
|
55
|
-
color: "surface.blue.fg",
|
|
56
|
-
"--silver-text-color": "token(colors.surface.blue.fg)",
|
|
57
|
-
"--silver-text-color-muted": "token(colors.surface.blue.fg)"
|
|
58
|
-
},
|
|
59
|
-
success: {
|
|
60
|
-
bg: "surface.green",
|
|
61
|
-
color: "surface.green.fg",
|
|
62
|
-
"--silver-text-color": "token(colors.surface.green.fg)",
|
|
63
|
-
"--silver-text-color-muted": "token(colors.surface.green.fg)"
|
|
64
|
-
},
|
|
65
|
-
warning: {
|
|
66
|
-
bg: "surface.yellow",
|
|
67
|
-
color: "surface.yellow.fg",
|
|
68
|
-
"--silver-text-color": "token(colors.surface.yellow.fg)",
|
|
69
|
-
"--silver-text-color-muted": "token(colors.surface.yellow.fg)"
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
compoundVariants: [
|
|
74
|
-
{
|
|
75
|
-
container: "card",
|
|
76
|
-
css: {
|
|
77
|
-
borderBottomRadius: "lg"
|
|
78
|
-
},
|
|
79
|
-
hasContent: false
|
|
80
|
-
}
|
|
81
|
-
],
|
|
82
|
-
defaultVariants: {
|
|
83
|
-
container: "card",
|
|
84
|
-
hasContent: false,
|
|
85
|
-
isCentered: false,
|
|
86
|
-
status: "info"
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
var statusRole = {
|
|
90
|
-
error: "alert",
|
|
91
|
-
info: "status",
|
|
92
|
-
success: "status",
|
|
93
|
-
warning: "alert"
|
|
94
|
-
};
|
|
95
|
-
var defaultIcons = {
|
|
96
|
-
error: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "error", icon: lucideReact.XCircle }),
|
|
97
|
-
info: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "info", icon: lucideReact.Info }),
|
|
98
|
-
success: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "success", icon: lucideReact.CheckCircle2 }),
|
|
99
|
-
warning: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "warning", icon: lucideReact.TriangleAlert })
|
|
100
|
-
};
|
|
101
|
-
var styles = {
|
|
102
|
-
icon: chunkAZDWQGAX_cjs.css({
|
|
103
|
-
display: "inline-flex",
|
|
104
|
-
alignItems: "center",
|
|
105
|
-
flexShrink: 0
|
|
106
|
-
}),
|
|
107
|
-
content: chunkAZDWQGAX_cjs.css({
|
|
108
|
-
display: "flex",
|
|
109
|
-
flex: 1,
|
|
110
|
-
flexDirection: "column",
|
|
111
|
-
minW: 0
|
|
112
|
-
}),
|
|
113
|
-
endArea: chunkAZDWQGAX_cjs.css({
|
|
114
|
-
display: "flex",
|
|
115
|
-
alignItems: "center",
|
|
116
|
-
flexShrink: 0,
|
|
117
|
-
gap: "2",
|
|
118
|
-
ms: "auto"
|
|
119
|
-
}),
|
|
120
|
-
body: chunkAZDWQGAX_cjs.css({
|
|
121
|
-
bg: "bg",
|
|
122
|
-
borderBlockEndWidth: "default",
|
|
123
|
-
borderColor: "border",
|
|
124
|
-
borderInlineWidth: "default",
|
|
125
|
-
borderStyle: "solid",
|
|
126
|
-
px: "4",
|
|
127
|
-
py: "3"
|
|
128
|
-
}),
|
|
129
|
-
bodyCard: chunkAZDWQGAX_cjs.css({
|
|
130
|
-
borderBottomRadius: "lg"
|
|
131
|
-
}),
|
|
132
|
-
chevronExpanded: chunkAZDWQGAX_cjs.css({
|
|
133
|
-
transform: "rotate(180deg)"
|
|
134
|
-
})
|
|
135
|
-
};
|
|
136
|
-
function Alert({
|
|
137
|
-
children,
|
|
138
|
-
className,
|
|
139
|
-
container = "card",
|
|
140
|
-
"data-testid": dataTestId,
|
|
141
|
-
description,
|
|
142
|
-
endContent,
|
|
143
|
-
icon,
|
|
144
|
-
isDefaultExpanded = false,
|
|
145
|
-
isDismissable = false,
|
|
146
|
-
onDismiss,
|
|
147
|
-
padding,
|
|
148
|
-
ref,
|
|
149
|
-
status,
|
|
150
|
-
style,
|
|
151
|
-
title
|
|
152
|
-
}) {
|
|
153
|
-
const bodyId = react.useId();
|
|
154
|
-
const [isDismissed, setIsDismissed] = react.useState(false);
|
|
155
|
-
const [isExpanded, setIsExpanded] = react.useState(isDefaultExpanded);
|
|
156
|
-
const hasChildren = children != null;
|
|
157
|
-
const showContent = hasChildren && isExpanded;
|
|
158
|
-
const showEndArea = endContent != null || isDismissable || hasChildren;
|
|
159
|
-
const isSingleLine = description == null && (endContent != null || isDismissable || hasChildren);
|
|
160
|
-
if (isDismissed) {
|
|
161
|
-
return null;
|
|
162
|
-
}
|
|
163
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
164
|
-
"div",
|
|
165
|
-
{
|
|
166
|
-
className: chunkSPDVNY2Z_cjs.cx(alertRecipe(), className),
|
|
167
|
-
"data-testid": dataTestId,
|
|
168
|
-
ref,
|
|
169
|
-
role: statusRole[status],
|
|
170
|
-
style,
|
|
171
|
-
children: [
|
|
172
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
173
|
-
"div",
|
|
174
|
-
{
|
|
175
|
-
className: alertHeaderRecipe({
|
|
176
|
-
container,
|
|
177
|
-
hasContent: showContent,
|
|
178
|
-
isCentered: isSingleLine,
|
|
179
|
-
status
|
|
180
|
-
}),
|
|
181
|
-
children: [
|
|
182
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles.icon, children: icon ?? defaultIcons[status] }),
|
|
183
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.content, children: [
|
|
184
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "p", type: "label", weight: "semibold", children: title }),
|
|
185
|
-
description != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "p", color: "secondary", type: "supporting", children: description }) : null
|
|
186
|
-
] }),
|
|
187
|
-
showEndArea ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.endArea, children: [
|
|
188
|
-
endContent,
|
|
189
|
-
hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
190
|
-
chunkNILB6Y4Z_cjs.Button,
|
|
191
|
-
{
|
|
192
|
-
"aria-controls": bodyId,
|
|
193
|
-
"aria-expanded": isExpanded,
|
|
194
|
-
className: isExpanded ? styles.chevronExpanded : void 0,
|
|
195
|
-
icon: lucideReact.ChevronDown,
|
|
196
|
-
isIconOnly: true,
|
|
197
|
-
label: isExpanded ? "Collapse" : "Expand",
|
|
198
|
-
onClick: () => setIsExpanded((value) => !value),
|
|
199
|
-
size: "sm",
|
|
200
|
-
variant: "ghost"
|
|
201
|
-
}
|
|
202
|
-
) : null,
|
|
203
|
-
isDismissable ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
204
|
-
chunkNILB6Y4Z_cjs.Button,
|
|
205
|
-
{
|
|
206
|
-
icon: lucideReact.X,
|
|
207
|
-
isIconOnly: true,
|
|
208
|
-
label: "Dismiss",
|
|
209
|
-
onClick: () => {
|
|
210
|
-
setIsDismissed(true);
|
|
211
|
-
onDismiss?.();
|
|
212
|
-
},
|
|
213
|
-
size: "sm",
|
|
214
|
-
variant: "ghost"
|
|
215
|
-
}
|
|
216
|
-
) : null
|
|
217
|
-
] }) : null
|
|
218
|
-
]
|
|
219
|
-
}
|
|
220
|
-
),
|
|
221
|
-
showContent ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
222
|
-
"div",
|
|
223
|
-
{
|
|
224
|
-
className: chunkSPDVNY2Z_cjs.cx(
|
|
225
|
-
styles.body,
|
|
226
|
-
container === "card" ? styles.bodyCard : void 0
|
|
227
|
-
),
|
|
228
|
-
id: bodyId,
|
|
229
|
-
style: padding != null ? { padding: chunk47BELFYO_cjs.token(`spacing.${padding}`) } : void 0,
|
|
230
|
-
children
|
|
231
|
-
}
|
|
232
|
-
) : null
|
|
233
|
-
]
|
|
234
|
-
}
|
|
235
|
-
);
|
|
236
|
-
}
|
|
237
|
-
Alert.displayName = "Alert";
|
|
238
|
-
|
|
239
|
-
exports.Alert = Alert;
|
|
240
|
-
exports.alertRecipe = alertRecipe;
|
|
241
|
-
//# sourceMappingURL=chunk-4XRVXUJQ.cjs.map
|
|
242
|
-
//# sourceMappingURL=chunk-4XRVXUJQ.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Alert/Alert.recipe.ts","../src/components/Alert/Alert.tsx"],"names":["cva","jsx","Icon","XCircle","Info","CheckCircle2","TriangleAlert","css","useId","useState","jsxs","cx","Text","Button","ChevronDown","X","token"],"mappings":"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","file":"chunk-4XRVXUJQ.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const alertRecipe = cva({\n base: {\n display: 'flex',\n flexDirection: 'column',\n fontFamily: 'body',\n },\n});\n\nexport const alertHeaderRecipe = cva({\n base: {\n display: 'flex',\n alignItems: 'flex-start',\n gap: '2',\n px: '4',\n py: '3',\n },\n variants: {\n container: {\n card: {\n borderTopRadius: 'lg',\n },\n section: {},\n },\n hasContent: {\n true: {},\n false: {},\n },\n isCentered: {\n true: {\n alignItems: 'center',\n },\n false: {},\n },\n status: {\n error: {\n bg: 'surface.red',\n color: 'surface.red.fg',\n '--silver-text-color': 'token(colors.surface.red.fg)',\n '--silver-text-color-muted': 'token(colors.surface.red.fg)',\n },\n info: {\n bg: 'surface.blue',\n color: 'surface.blue.fg',\n '--silver-text-color': 'token(colors.surface.blue.fg)',\n '--silver-text-color-muted': 'token(colors.surface.blue.fg)',\n },\n success: {\n bg: 'surface.green',\n color: 'surface.green.fg',\n '--silver-text-color': 'token(colors.surface.green.fg)',\n '--silver-text-color-muted': 'token(colors.surface.green.fg)',\n },\n warning: {\n bg: 'surface.yellow',\n color: 'surface.yellow.fg',\n '--silver-text-color': 'token(colors.surface.yellow.fg)',\n '--silver-text-color-muted': 'token(colors.surface.yellow.fg)',\n },\n },\n },\n compoundVariants: [\n {\n container: 'card',\n css: {\n borderBottomRadius: 'lg',\n },\n hasContent: false,\n },\n ],\n defaultVariants: {\n container: 'card',\n hasContent: false,\n isCentered: false,\n status: 'info',\n },\n});\n\nexport type AlertVariants = RecipeVariantProps<typeof alertRecipe>;\n","import {\n CheckCircle2,\n ChevronDown,\n Info,\n TriangleAlert,\n X,\n XCircle,\n} from 'lucide-react';\nimport {\n useId,\n useState,\n type CSSProperties,\n type ReactNode,\n type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {token} from 'styled-system/tokens';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {Icon} from '../Icon';\nimport type {SpacingStep} from '../Layout/types';\nimport {Text} from '../Text';\nimport {alertHeaderRecipe, alertRecipe} from './Alert.recipe';\n\nexport type AlertContainer = 'card' | 'section';\nexport type AlertStatus = 'error' | 'info' | 'success' | 'warning';\n\nexport interface AlertProps {\n /**\n * Extra content rendered below the alert header in a collapsible area.\n */\n children?: ReactNode;\n /**\n * Additional CSS class names applied to the root element.\n */\n className?: string;\n /**\n * Visual container style.\n * @default 'card'\n */\n container?: AlertContainer;\n /**\n * Test ID applied to the root element.\n */\n 'data-testid'?: string;\n /**\n * Supporting description displayed below the title.\n */\n description?: ReactNode;\n /**\n * Content rendered at the end of the header, before collapse and dismiss controls.\n */\n endContent?: ReactNode;\n /**\n * Custom status icon. A default icon is rendered when omitted.\n */\n icon?: ReactNode;\n /**\n * Whether collapsible children are expanded initially.\n * @default false\n */\n isDefaultExpanded?: boolean;\n /**\n * Whether the alert can be dismissed.\n * @default false\n */\n isDismissable?: boolean;\n /**\n * Called when the dismiss button is clicked.\n */\n onDismiss?: () => void;\n /**\n * Inner padding step.\n * @default 4\n */\n padding?: SpacingStep;\n /**\n * Ref forwarded to the root element.\n */\n ref?: Ref<HTMLDivElement>;\n /**\n * Status controlling role, icon, and color.\n */\n status: AlertStatus;\n /**\n * Inline styles applied to the root element.\n */\n style?: CSSProperties;\n /**\n * Primary alert title.\n */\n title: ReactNode;\n}\n\nconst statusRole: Record<AlertStatus, 'alert' | 'status'> = {\n error: 'alert',\n info: 'status',\n success: 'status',\n warning: 'alert',\n};\n\nconst defaultIcons: Record<AlertStatus, ReactNode> = {\n error: <Icon color=\"error\" icon={XCircle} />,\n info: <Icon color=\"info\" icon={Info} />,\n success: <Icon color=\"success\" icon={CheckCircle2} />,\n warning: <Icon color=\"warning\" icon={TriangleAlert} />,\n};\n\nconst styles = {\n icon: css({\n display: 'inline-flex',\n alignItems: 'center',\n flexShrink: 0,\n }),\n content: css({\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n minW: 0,\n }),\n endArea: css({\n display: 'flex',\n alignItems: 'center',\n flexShrink: 0,\n gap: '2',\n ms: 'auto',\n }),\n body: css({\n bg: 'bg',\n borderBlockEndWidth: 'default',\n borderColor: 'border',\n borderInlineWidth: 'default',\n borderStyle: 'solid',\n px: '4',\n py: '3',\n }),\n bodyCard: css({\n borderBottomRadius: 'lg',\n }),\n chevronExpanded: css({\n transform: 'rotate(180deg)',\n }),\n} as const;\n\n/**\n * Displays a contextual message with status-based styling, an optional\n * collapsible body, and dismiss functionality.\n */\nexport function Alert({\n children,\n className,\n container = 'card',\n 'data-testid': dataTestId,\n description,\n endContent,\n icon,\n isDefaultExpanded = false,\n isDismissable = false,\n onDismiss,\n padding,\n ref,\n status,\n style,\n title,\n}: AlertProps): React.JSX.Element | null {\n const bodyId = useId();\n const [isDismissed, setIsDismissed] = useState(false);\n const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);\n const hasChildren = children != null;\n const showContent = hasChildren && isExpanded;\n const showEndArea = endContent != null || isDismissable || hasChildren;\n const isSingleLine =\n description == null && (endContent != null || isDismissable || hasChildren);\n\n if (isDismissed) {\n return null;\n }\n\n return (\n <div\n className={cx(alertRecipe(), className)}\n data-testid={dataTestId}\n ref={ref}\n role={statusRole[status]}\n style={style}>\n <div\n className={alertHeaderRecipe({\n container,\n hasContent: showContent,\n isCentered: isSingleLine,\n status,\n })}>\n <span aria-hidden=\"true\" className={styles.icon}>\n {icon ?? defaultIcons[status]}\n </span>\n <div className={styles.content}>\n <Text as=\"p\" type=\"label\" weight=\"semibold\">\n {title}\n </Text>\n {description != null ? (\n <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n {description}\n </Text>\n ) : null}\n </div>\n {showEndArea ? (\n <div className={styles.endArea}>\n {endContent}\n {hasChildren ? (\n <Button\n aria-controls={bodyId}\n aria-expanded={isExpanded}\n className={isExpanded ? styles.chevronExpanded : undefined}\n icon={ChevronDown}\n isIconOnly\n label={isExpanded ? 'Collapse' : 'Expand'}\n onClick={() => setIsExpanded(value => !value)}\n size=\"sm\"\n variant=\"ghost\"\n />\n ) : null}\n {isDismissable ? (\n <Button\n icon={X}\n isIconOnly\n label=\"Dismiss\"\n onClick={() => {\n setIsDismissed(true);\n onDismiss?.();\n }}\n size=\"sm\"\n variant=\"ghost\"\n />\n ) : null}\n </div>\n ) : null}\n </div>\n {showContent ? (\n <div\n className={cx(\n styles.body,\n container === 'card' ? styles.bodyCard : undefined,\n )}\n id={bodyId}\n style={\n padding != null ? {padding: token(`spacing.${padding}`)} : undefined\n }>\n {children}\n </div>\n ) : null}\n </div>\n );\n}\n\nAlert.displayName = 'Alert';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/CheckboxInput/CheckboxInput.tsx"],"names":["css","useId","useRef","getStatusMessageID","getDescribedBy","useEffect","jsxs","jsx","mergeRefs","cx","Spinner","Icon","Minus","Check","Fragment","Text","Tooltip","Info","VisuallyHidden","fieldStatusRecipe","Item"],"mappings":"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","file":"chunk-5EQN3YMQ.cjs","sourcesContent":["import {Check, Info, Minus} from 'lucide-react';\nimport {\n useEffect,\n useId,\n useRef,\n type ChangeEvent,\n type CSSProperties,\n type FocusEvent,\n type ReactNode,\n type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport type {FieldNecessity, InputStatus} from '../Field';\nimport {fieldStatusRecipe} from '../Field/Field.recipe';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Item} from '../Item';\nimport {Spinner} from '../Spinner';\nimport {Text} from '../Text';\nimport {Tooltip} from '../Tooltip';\n\nexport type CheckboxInputSize = 'sm' | 'md';\nexport type CheckboxInputValue = boolean | 'indeterminate';\n\nexport type CheckboxInputProps = {\n /**\n * Additional CSS class names applied to the root element.\n */\n className?: string;\n /**\n * Test ID applied to the input element.\n */\n 'data-testid'?: string;\n /**\n * Supporting text rendered below the label.\n */\n description?: ReactNode;\n /**\n * Content rendered after the label.\n */\n endContent?: ReactNode;\n /**\n * Where to place `endContent` within the item.\n * `'end'` pushes it to the trailing edge; `'inline'` keeps it next to the label.\n * @default 'inline'\n */\n endContentPosition?: 'end' | 'inline';\n /**\n * HTML name attribute for native form submission.\n */\n htmlName?: string;\n /**\n * Whether the checkbox is disabled.\n * @default false\n */\n isDisabled?: boolean;\n /**\n * Whether to visually hide the label.\n * @default false\n */\n isLabelHidden?: boolean;\n /**\n * Whether the checkbox is in a loading state.\n * @default false\n */\n isLoading?: boolean;\n /**\n * Whether the checkbox is read-only.\n * @default false\n */\n isReadOnly?: boolean;\n /**\n * Field label text.\n */\n label: string;\n /**\n * Optional content shown before the label.\n */\n labelIcon?: IconComponent;\n /**\n * Tooltip content shown next to the label.\n */\n labelTooltip?: ReactNode;\n /**\n * Called when the input loses focus.\n */\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n /**\n * Called when the checked state changes.\n */\n onChange: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /**\n * Called when the input receives focus.\n */\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n /**\n * Ref forwarded to the input element.\n */\n ref?: Ref<HTMLInputElement>;\n /**\n * Visual size of the checkbox.\n * @default 'md'\n */\n size?: CheckboxInputSize;\n /**\n * Content rendered after the checkbox control and before the label.\n */\n startContent?: ReactNode;\n /**\n * Validation status displayed below the checkbox.\n */\n status?: InputStatus;\n /**\n * Inline styles applied to the root element.\n */\n style?: CSSProperties;\n /**\n * Current checked state: true, false, or 'indeterminate'.\n */\n value: CheckboxInputValue;\n} & FieldNecessity;\n\nconst styles = {\n root: css({\n display: 'flex',\n flexDirection: 'column',\n }),\n boxWrap: css({\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n }),\n input: css({\n position: 'absolute',\n inset: 0,\n opacity: 0,\n cursor: 'pointer',\n _disabled: {\n cursor: 'not-allowed',\n },\n }),\n box: css({\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'border.emphasized',\n borderRadius: 'sm',\n bg: 'bg',\n color: 'fg.onPrimary',\n pointerEvents: 'none',\n _peerFocusVisible: {\n outlineWidth: 'focus',\n outlineStyle: 'solid',\n outlineColor: 'primary',\n outlineOffset: 'focusOffset',\n },\n }),\n boxChecked: css({\n bg: 'primary',\n borderColor: 'primary',\n }),\n boxDisabled: css({\n opacity: 0.55,\n }),\n boxSize: {\n sm: css({w: '4.5', h: '4.5'}),\n md: css({w: '5.5', h: '5.5'}),\n },\n icon: css({\n w: '70%',\n h: '70%',\n }),\n label: css({\n cursor: 'pointer',\n }),\n labelDisabled: css({\n cursor: 'not-allowed',\n }),\n indicator: css({\n fontWeight: 'normal',\n color: 'fg.muted',\n }),\n tooltipIcon: css({\n display: 'inline-flex',\n color: 'fg.muted',\n }),\n} as const;\n\n/**\n * A checkbox input with label, description, and validation support.\n */\nexport function CheckboxInput({\n label,\n value,\n onChange,\n description,\n endContent,\n endContentPosition = 'inline',\n htmlName,\n isLabelHidden = false,\n isOptional,\n isRequired,\n isDisabled = false,\n isReadOnly = false,\n isLoading = false,\n status,\n labelIcon,\n labelTooltip,\n size = 'md',\n startContent,\n onFocus,\n onBlur,\n className,\n 'data-testid': dataTestId,\n style,\n ref,\n}: CheckboxInputProps): React.JSX.Element {\n const inputId = useId();\n const descriptionId = useId();\n const inputRef = useRef<HTMLInputElement>(null);\n const statusMessageID = getStatusMessageID(inputId, status);\n const describedBy = getDescribedBy(\n description != null ? descriptionId : undefined,\n statusMessageID,\n );\n const isIndeterminate = value === 'indeterminate';\n const isChecked = value === true;\n const isCheckedOrIndeterminate = isChecked || isIndeterminate;\n\n useEffect(() => {\n if (inputRef.current != null) {\n inputRef.current.indeterminate = isIndeterminate;\n }\n }, [isIndeterminate]);\n\n const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n\n const control = (\n <span className={styles.boxWrap}>\n <input\n aria-busy={isLoading || undefined}\n aria-checked={isIndeterminate ? 'mixed' : undefined}\n aria-describedby={describedBy}\n aria-invalid={status?.type === 'error' || undefined}\n aria-readonly={isReadOnly || undefined}\n checked={isChecked}\n className={styles.input}\n data-testid={dataTestId}\n disabled={isDisabled}\n id={inputId}\n name={htmlName}\n onBlur={onBlur}\n onChange={event => {\n if (isReadOnly) {\n event.preventDefault();\n return;\n }\n onChange(event.target.checked, event);\n }}\n onFocus={onFocus}\n readOnly={isReadOnly}\n ref={mergeRefs(ref, inputRef)}\n required={isRequired}\n type=\"checkbox\"\n />\n <span\n aria-hidden=\"true\"\n className={cx(\n styles.box,\n styles.boxSize[size],\n isCheckedOrIndeterminate ? styles.boxChecked : undefined,\n isDisabled ? styles.boxDisabled : undefined,\n )}>\n {isLoading ? (\n <Spinner\n size=\"sm\"\n variant={isCheckedOrIndeterminate ? 'onMedia' : 'default'}\n />\n ) : isIndeterminate ? (\n <Icon className={styles.icon} icon={Minus} />\n ) : isChecked ? (\n <Icon className={styles.icon} icon={Check} />\n ) : null}\n </span>\n </span>\n );\n\n const labelContent = (\n <>\n {labelIcon != null ? (\n <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n ) : null}\n {label}\n {statusText != null ? (\n <Text as=\"span\" className={styles.indicator} type=\"supporting\">\n <span aria-hidden=\"true\"> · </span>\n {statusText}\n </Text>\n ) : null}\n {labelTooltip != null ? (\n <Tooltip content={labelTooltip}>\n <span className={styles.tooltipIcon}>\n <Icon icon={Info} size=\"sm\" />\n </span>\n </Tooltip>\n ) : null}\n </>\n );\n\n const labelNode = (\n <label\n className={cx(\n styles.label,\n isDisabled ? styles.labelDisabled : undefined,\n )}\n htmlFor={inputId}>\n {isLabelHidden ? (\n <VisuallyHidden>{labelContent}</VisuallyHidden>\n ) : (\n labelContent\n )}\n </label>\n );\n\n const statusNode =\n status?.message != null ? (\n <div\n aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n className={fieldStatusRecipe({\n statusType: status.type,\n statusVariant: 'detached',\n })}\n id={statusMessageID}\n role={status.type === 'error' ? 'alert' : 'status'}>\n {status.message}\n </div>\n ) : null;\n\n const item = (\n <Item\n description={\n description != null ? (\n <span id={descriptionId}>{description}</span>\n ) : undefined\n }\n endContent={endContent}\n endContentPosition={endContentPosition}\n isDisabled={isDisabled}\n label={labelNode}\n leadingContent={control}\n startContent={startContent}\n />\n );\n\n return (\n <div className={cx(styles.root, className)} style={style}>\n {item}\n {statusNode}\n </div>\n );\n}\n\nCheckboxInput.displayName = 'CheckboxInput';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Progress/Progress.recipe.ts","../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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","file":"chunk-5OS5A27C.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const progressFillRecipe = cva({\n base: {\n h: 'full',\n borderRadius: 'full',\n transitionProperty: 'width',\n transitionDuration: 'normal',\n transitionTimingFunction: 'default',\n '@media (prefers-reduced-motion: reduce)': {\n transitionDuration: '0s',\n },\n },\n variants: {\n variant: {\n error: {bg: 'status.error.solid'},\n info: {bg: 'status.info.solid'},\n neutral: {bg: 'status.neutral.solid'},\n success: {bg: 'status.success.solid'},\n warning: {bg: 'status.warning.solid'},\n },\n isDisabled: {\n true: {bg: 'status.disabled.solid'},\n false: {},\n },\n isIndeterminate: {\n true: {\n w: '40%',\n animation: 'pulse 1.5s ease-in-out infinite',\n transitionProperty: 'none',\n transitionDuration: '0s',\n '@media (prefers-reduced-motion: reduce)': {\n animation: 'pulse 3s ease-in-out infinite',\n },\n },\n false: {},\n },\n },\n defaultVariants: {\n variant: 'info',\n isDisabled: false,\n isIndeterminate: false,\n },\n});\n\nexport type ProgressFillVariants = RecipeVariantProps<\n typeof progressFillRecipe\n>;\n","import {useId, type CSSProperties, type Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {progressFillRecipe} from './Progress.recipe';\n\nexport type ProgressVariant =\n | 'error'\n | 'info'\n | 'neutral'\n | 'success'\n | 'warning';\n\nexport interface ProgressProps {\n /**\n * Additional CSS class names applied to the root element.\n */\n className?: string;\n /**\n * Test ID applied to the root element.\n */\n 'data-testid'?: string;\n /**\n * Custom formatter for the value label and aria-valuetext.\n */\n formatValueLabel?: (value: number, max: number) => string;\n /**\n * Whether to display the formatted value beside the label.\n * @default false\n */\n hasValueLabel?: boolean;\n /**\n * Whether the progress bar is visually disabled.\n * @default false\n */\n isDisabled?: boolean;\n /**\n * Whether to render an indeterminate loading indicator.\n * @default false\n */\n isIndeterminate?: boolean;\n /**\n * Whether to visually hide the label.\n * @default false\n */\n isLabelHidden?: boolean;\n /**\n * Accessible label for the progress bar.\n */\n label: string;\n /**\n * Maximum progress value.\n * @default 100\n */\n max?: number;\n /**\n * Ref forwarded to the root element.\n */\n ref?: Ref<HTMLDivElement>;\n /**\n * ARIA role for the progress indicator. Use 'progressbar' for task\n * completion and 'meter' for static gauges.\n * @default 'progressbar'\n */\n role?: 'meter' | 'progressbar';\n /**\n * Inline styles applied to the root element.\n */\n style?: CSSProperties;\n /**\n * Current progress value.\n * @default 0\n */\n value?: number;\n /**\n * Semantic color variant.\n * @default 'info'\n */\n variant?: ProgressVariant;\n}\n\nconst styles = {\n container: css({\n display: 'flex',\n flexDirection: 'column',\n gap: '1',\n w: 'full',\n minW: '12',\n }),\n header: css({\n display: 'flex',\n alignItems: 'baseline',\n justifyContent: 'space-between',\n gap: '2',\n }),\n label: css({\n color: 'fg',\n fontFamily: 'body',\n fontSize: 'sm',\n fontWeight: 'medium',\n lineHeight: 'normal',\n }),\n disabledText: css({\n color: 'fg.disabled',\n }),\n valueLabel: css({\n color: 'fg.muted',\n fontFamily: 'body',\n fontSize: 'sm',\n lineHeight: 'normal',\n whiteSpace: 'nowrap',\n }),\n track: css({\n w: 'full',\n h: '2',\n overflow: 'hidden',\n borderRadius: 'full',\n bg: 'bg.hover',\n }),\n} as const;\n\nfunction defaultFormatValueLabel(value: number, max: number): string {\n if (max <= 0) {\n return '0%';\n }\n return `${Math.round((value / max) * 100)}%`;\n}\n\n/**\n * A progress bar that communicates determinate or indeterminate loading state.\n */\nexport function Progress({\n className,\n 'data-testid': dataTestId,\n formatValueLabel = defaultFormatValueLabel,\n hasValueLabel = false,\n isDisabled = false,\n isIndeterminate = false,\n isLabelHidden = false,\n label,\n max = 100,\n ref,\n role: roleProp = 'progressbar',\n style,\n value = 0,\n variant = 'info',\n}: ProgressProps): React.JSX.Element {\n const labelId = useId();\n\n if (process.env.NODE_ENV !== 'production' && max <= 0) {\n console.warn('Progress: `max` must be greater than 0.');\n }\n\n const clampedValue = Math.min(Math.max(0, value), max);\n const percentage = max > 0 ? (clampedValue / max) * 100 : 0;\n const valueText = formatValueLabel(clampedValue, max);\n const showValueLabel = hasValueLabel && !isIndeterminate;\n\n return (\n <div\n className={cx(styles.container, className)}\n data-testid={dataTestId}\n ref={ref}\n style={style}>\n {!isLabelHidden || showValueLabel ? (\n <div className={styles.header}>\n {isLabelHidden ? (\n <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n ) : (\n <span\n className={cx(\n styles.label,\n isDisabled ? styles.disabledText : undefined,\n )}\n id={labelId}>\n {label}\n </span>\n )}\n {showValueLabel ? (\n <span\n className={cx(\n styles.valueLabel,\n isDisabled ? styles.disabledText : undefined,\n )}>\n {valueText}\n </span>\n ) : null}\n </div>\n ) : (\n <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n )}\n\n <div\n aria-disabled={isDisabled || undefined}\n aria-labelledby={labelId}\n aria-valuemax={isIndeterminate ? undefined : max}\n aria-valuemin={isIndeterminate ? undefined : 0}\n aria-valuenow={isIndeterminate ? undefined : clampedValue}\n aria-valuetext={isIndeterminate ? undefined : valueText}\n className={styles.track}\n role={isIndeterminate ? 'progressbar' : roleProp}>\n <div\n className={progressFillRecipe({variant, isDisabled, isIndeterminate})}\n style={isIndeterminate ? undefined : {width: `${percentage}%`}}\n />\n </div>\n </div>\n );\n}\n\nProgress.displayName = 'Progress';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Select/Select.tsx","../src/components/Select/SelectOption.tsx"],"names":["css","useMemo","useCallback","useSelectListbox","jsxs","cx","jsx","Fragment","Icon","Check","renderSelectListboxOptions","inputRecipe","Spinner","inputStyles","X","ChevronDown","Field","Popover","styles","Item"],"mappings":";;;;;;;;;;;;;;AA6KA,IAAM,MAAA,GAAS;AAAA,EACb,SAASA,qBAAA,CAAI;AAAA,IACX,MAAA,EAAQ;AAAA,GACT,CAAA;AAAA,EACD,iBAAiBA,qBAAA,CAAI;AAAA,IACnB,MAAA,EAAQ;AAAA,GACT,CAAA;AAAA,EACD,SAASA,qBAAA,CAAI;AAAA,IACX,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,GAAA,EAAK,GAAA;AAAA,IACL,IAAA,EAAM,CAAA;AAAA,IACN,IAAA,EAAM,CAAA;AAAA,IACN,CAAA,EAAG,CAAA;AAAA,IACH,WAAA,EAAa,CAAA;AAAA,IACb,EAAA,EAAI,aAAA;AAAA,IACJ,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY,MAAA;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,SAAA,EAAW,OAAA;AAAA,IACX,SAAA,EAAW;AAAA,MACT,MAAA,EAAQ;AAAA;AACV,GACD,CAAA;AAAA,EACD,OAAOA,qBAAA,CAAI;AAAA,IACT,IAAA,EAAM,CAAA;AAAA,IACN,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,QAAA;AAAA,IACV,YAAA,EAAc,UAAA;AAAA,IACd,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,aAAaA,qBAAA,CAAI;AAAA,IACf,KAAA,EAAO;AAAA,GACR,CAAA;AAAA,EACD,UAAUA,qBAAA,CAAI;AAAA,IACZ,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,CAAA;AAAA,IACZ,KAAA,EAAO;AAAA,GACR,CAAA;AAAA,EACD,MAAMA,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,GAAA,EAAK,KAAA;AAAA,IACL,IAAA,EAAM,IAAA;AAAA,IACN,SAAA,EAAW,MAAA;AAAA,IACX,CAAA,EAAG;AAAA,GACJ,CAAA;AAAA,EACD,QAAQA,qBAAA,CAAI;AAAA,IACV,SAAA,EAAW,YAAA;AAAA,IACX,CAAA,EAAG,MAAA;AAAA,IACH,EAAA,EAAI,GAAA;AAAA,IACJ,EAAA,EAAI,GAAA;AAAA,IACJ,WAAA,EAAa,SAAA;AAAA,IACb,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa,mBAAA;AAAA,IACb,YAAA,EAAc,IAAA;AAAA,IACd,UAAA,EAAY,MAAA;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,MAAA,EAAQ;AAAA,MACN,WAAA,EAAa;AAAA;AACf,GACD,CAAA;AAAA,EACD,QAAQA,qBAAA,CAAI;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,GAAA,EAAK,GAAA;AAAA,IACL,CAAA,EAAG,MAAA;AAAA,IACH,EAAA,EAAI,GAAA;AAAA,IACJ,EAAA,EAAI,GAAA;AAAA,IACJ,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,IAAA;AAAA,IACd,EAAA,EAAI,aAAA;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY,MAAA;AAAA,IACZ,SAAA,EAAW,OAAA;AAAA,IACX,MAAA,EAAQ,EAAC,EAAA,EAAI,WAAA,EAAW;AAAA,IACxB,aAAA,EAAe;AAAA,MACb,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,SAAA;AAAA,MACd,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,SAAA,EAAW;AAAA,MACT,OAAA,EAAS,GAAA;AAAA,MACT,MAAA,EAAQ;AAAA;AACV,GACD,CAAA;AAAA,EACD,cAAA,EAAgBA,qBAAA,CAAI,EAAC,UAAA,EAAY,UAAS,CAAA;AAAA,EAC1C,iBAAA,EAAmBA,qBAAA,CAAI,EAAC,EAAA,EAAI,aAAY,CAAA;AAAA,EACxC,eAAeA,qBAAA,CAAI;AAAA,IACjB,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,GAAA;AAAA,IACL,IAAA,EAAM;AAAA,GACP,CAAA;AAAA,EACD,OAAOA,qBAAA,CAAI;AAAA,IACT,OAAA,EAAS,aAAA;AAAA,IACT,KAAA,EAAO;AAAA,GACR,CAAA;AAAA,EACD,gBAAgBA,qBAAA,CAAI;AAAA,IAClB,EAAA,EAAI,GAAA;AAAA,IACJ,EAAA,EAAI,GAAA;AAAA,IACJ,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY,MAAA;AAAA,IACZ,QAAA,EAAU,IAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,SAASA,qBAAA,CAAI;AAAA,IACX,CAAA,EAAG,KAAA;AAAA,IACH,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACL;AACH,CAAA;AAKO,SAAS,MAAA,CAAO;AAAA,EACrB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,KAAA;AAAA,EACb,aAAA,GAAgB,KAAA;AAAA,EAChB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,WAAA;AAAA,EACd,GAAA;AAAA,EACA,YAAA,EAAc,gBAAA;AAAA,EACd,iBAAA,GAAoB,WAAA;AAAA,EACpB,IAAA,GAAO,IAAA;AAAA,EACP,SAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAmC;AACjC,EAAA,MAAM,cAAA,GAAiBC,aAAA;AAAA,IACrB,MAAO,KAAA,IAAS,IAAA,mBAAO,IAAI,GAAA,qBAAgB,IAAI,GAAA,CAAI,CAAC,KAAK,CAAC,CAAA;AAAA,IAC1D,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,MAAM,YAAA,GAAeC,iBAAA;AAAA,IACnB,CAAC,MAAA,KAAsC;AACrC,MAAA,IAAI,OAAO,UAAA,EAAY;AACrB,QAAA,OAAO,KAAA;AAAA,MACT;AAEA,MAAA,QAAA,CAAS,OAAO,KAAK,CAAA;AACrB,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM;AAAA,IACJ,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA,sBAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,qBAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,iBAAA;AAAA,IACA,mBAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,MACEC,kCAAA,CAAiB;AAAA,IACnB,kBAAA,EAAoB,IAAA;AAAA,IACpB,aAAA,EAAe,IAAA;AAAA,IACf,WAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA,EAAgB,YAAA;AAAA,IAChB,OAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,cAAA,GAAiBF,aAAA;AAAA,IACrB,MAAM,iBAAA,CAAkB,IAAA,CAAK,CAAA,MAAA,KAAU,MAAA,CAAO,UAAU,KAAK,CAAA;AAAA,IAC7D,CAAC,mBAAmB,KAAK;AAAA,GAC3B;AAEA,EAAA,MAAM,YAAA,GAAeC,iBAAA;AAAA,IACnB,CAAC,MAAA,KAAwC;AACvC,MAAA,IAAI,CAAC,cAAA,CAAe,GAAA,CAAI,MAAA,CAAO,KAAK,CAAA,EAAG;AACrC,QAAA,OAAO,IAAA;AAAA,MACT;AACA,MAAA,MAAM,UAAA,GAAa,OAAO,KAAA,KAAU,KAAA;AACpC,MAAA,MAAM,aAAA,GAAgB,OAAO,KAAA,KAAU,gBAAA;AACvC,MAAA,uBACEE,eAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,eAAA,EAAe,UAAA;AAAA,UACf,SAAA,EAAWC,oBAAA;AAAA,YACT,MAAA,CAAO,MAAA;AAAA,YACP,UAAA,GAAa,OAAO,cAAA,GAAiB,MAAA;AAAA,YACrC,aAAA,GAAgB,OAAO,iBAAA,GAAoB;AAAA,WAC7C;AAAA,UACA,cAAY,MAAA,CAAO,KAAA;AAAA,UACnB,UAAU,MAAA,CAAO,UAAA;AAAA,UACjB,EAAA,EAAI,WAAA,CAAY,MAAA,CAAO,KAAK,CAAA;AAAA,UAE5B,OAAA,EAAS,iBAAA;AAAA,UACT,YAAA,EAAc,sBAAA;AAAA,UACd,IAAA,EAAK,QAAA;AAAA,UACL,QAAA,EAAU,gBAAgB,CAAA,GAAI,EAAA;AAAA,UAC9B,IAAA,EAAK,QAAA;AAAA,UACL,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,aAAA,EACrB,QAAA,EAAA,gBAAA,IAAoB,uBACnBF,eAAA,CAAAG,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,MAAA,CAAO,QAAQ,IAAA,mBACdD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,QAAA,EACtB,QAAA,kBAAAA,cAAA,CAACE,sBAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,MAAA,CAAO,MAAM,IAAA,EAAK,IAAA,EAAK,GACvD,CAAA,GACE,IAAA;AAAA,cACH,MAAA,CAAO;AAAA,aAAA,EACV,CAAA,GAEA,gBAAA,CAAiB,MAAM,CAAA,EAE3B,CAAA;AAAA,YACC,UAAA,mBACCF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,KAAA,EACtB,QAAA,kBAAAA,cAAA,CAACE,sBAAA,EAAA,EAAK,KAAA,EAAM,UAAS,IAAA,EAAMC,iBAAA,EAAO,IAAA,EAAK,IAAA,EAAK,GAC9C,CAAA,GACE;AAAA;AAAA,SAAA;AAAA,QAxBC,MAAA,CAAO;AAAA,OAyBd;AAAA,IAEJ,CAAA;AAAA,IACA;AAAA,MACE,cAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,sBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,cAAcC,4CAAA,CAA2B;AAAA,IAC7C,kBAAkB,MAAA,CAAO,OAAA;AAAA,IACzB,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,yBAAyB,MAAA,CAAO;AAAA,GACjC,CAAA;AAED,EAAA,MAAM,uBACJN,eAAA,CAAAG,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,SAAA,mBACCD,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,uBAAA,EAAuB,kBAAA;AAAA,QACvB,mBAAA,EAAkB,MAAA;AAAA,QAClB,eAAA,EAAe,SAAA;AAAA,QACf,YAAA,EAAY,UAAU,KAAK,CAAA,CAAA;AAAA,QAC3B,WAAW,MAAA,CAAO,MAAA;AAAA,QAClB,UAAU,CAAA,KAAA,KAAS;AACjB,UAAA,QAAA,CAAS,KAAA,CAAM,OAAO,KAAK,CAAA;AAC3B,UAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,QAC1B,CAAA;AAAA,QACA,SAAA,EAAW,wBAAA;AAAA,QACX,WAAA,EAAa,iBAAA;AAAA,QACb,IAAA,EAAK,QAAA;AAAA,QACL,KAAA,EAAO;AAAA;AAAA,KACT,GACE,IAAA;AAAA,oBACJA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,GAAG,KAAK,CAAA,QAAA,CAAA;AAAA,QACpB,WAAW,MAAA,CAAO,IAAA;AAAA,QAClB,EAAA,EAAI,SAAA;AAAA,QACJ,IAAA,EAAK,SAAA;AAAA,QACJ,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAGF,EAAA,MAAM,SAAA,GAA4B,EAAC,UAAA,EAAY,UAAA,EAAU;AAEzD,EAAA,MAAM,OAAA;AAAA;AAAA,oBAEJF,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,oBAAA;AAAA,UACTM,6BAAA,CAAY;AAAA,YACV,IAAA;AAAA,YACA,QAAQ,MAAA,EAAQ,IAAA;AAAA,YAChB;AAAA,WACD,CAAA;AAAA,UACD,MAAA,CAAO,OAAA;AAAA,UACP,qBAAA,GAAwB,OAAO,eAAA,GAAkB;AAAA,SACnD;AAAA,QACA,SAAS,MAAM;AACb,UAAA,IAAI,CAAC,qBAAA,EAAuB;AAC1B,YAAA,SAAA,CAAU,CAAA,aAAA,KAAiB,CAAC,aAAa,CAAA;AAAA,UAC3C;AAAA,QACF,CAAA;AAAA,QACA,GAAA,EAAK,UAAA;AAAA,QACJ,QAAA,EAAA;AAAA,UAAA,SAAA,IAAa,IAAA,mBACZL,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,QAAA,EACtB,QAAA,kBAAAA,cAAA,CAACE,sBAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,GACrD,CAAA,GACE,IAAA;AAAA,0BACJF,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,uBAAA,EAAuB,kBAAA;AAAA,cACvB,aAAW,SAAA,IAAa,MAAA;AAAA,cACxB,eAAA,EAAe,SAAA;AAAA,cACf,kBAAA,EAAkB,WAAA;AAAA,cAClB,eAAA,EAAe,MAAA;AAAA,cACf,eAAA,EAAc,SAAA;AAAA,cACd,cAAA,EAAc,MAAA,EAAQ,IAAA,KAAS,OAAA,IAAW,MAAA;AAAA,cAC1C,WAAW,MAAA,CAAO,OAAA;AAAA,cAClB,aAAA,EAAa,UAAA;AAAA,cACb,QAAA,EAAU,qBAAA;AAAA,cACV,EAAA,EAAI,OAAA;AAAA,cACJ,SAAA,EAAW,wBAAA;AAAA,cACX,GAAA;AAAA,cACA,IAAA,EAAK,UAAA;AAAA,cACL,IAAA,EAAK,QAAA;AAAA,cACL,QAAA,kBAAAA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAWD,oBAAA;AAAA,oBACT,MAAA,CAAO,KAAA;AAAA,oBACP,cAAA,IAAkB,IAAA,GAAO,MAAA,CAAO,WAAA,GAAc;AAAA,mBAChD;AAAA,kBACC,0BAAgB,KAAA,IAAS;AAAA;AAAA;AAC5B;AAAA,WACF;AAAA,UACC,SAAA,mBAAYC,cAAA,CAACM,yBAAA,EAAA,EAAQ,IAAA,EAAK,MAAK,CAAA,GAAK,IAAA;AAAA,UACpC,QAAA,IAAY,cAAA,IAAkB,IAAA,IAAQ,CAAC,UAAA,mBACtCN,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAY,SAAS,KAAK,CAAA,CAAA;AAAA,cAC1B,WAAWO,6BAAA,CAAY,WAAA;AAAA,cACvB,SAAS,CAAA,KAAA,KAAS;AAChB,gBAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,gBAAA,QAAA,CAAS,IAAI,CAAA;AAAA,cACf,CAAA;AAAA,cACA,IAAA,EAAK,QAAA;AAAA,cACL,QAAA,kBAAAP,cAAA,CAACE,sBAAA,EAAA,EAAK,IAAA,EAAMM,aAAA,EAAG,MAAK,IAAA,EAAK;AAAA;AAAA,WAC3B,GACE,IAAA;AAAA,0BACJR,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,QAAA,EACtB,QAAA,kBAAAA,cAAA,CAACE,sBAAA,EAAA,EAAK,IAAA,EAAMO,uBAAA,EAAa,IAAA,EAAK,IAAA,EAAK,CAAA,EACrC;AAAA;AAAA;AAAA;AACF,GAAA;AAGF,EAAA,uBACEX,eAAA;AAAA,IAACY,uBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACJ,KAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA,EACE,UAAU,IAAA,GAAO,MAAA,GAAY,EAAC,GAAG,MAAA,EAAQ,WAAW,eAAA,EAAe;AAAA,MAErE,KAAA;AAAA,MACC,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,wBACDV,cAAA;AAAA,UAACW,yBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,YACX,OAAA,EAAS,IAAA;AAAA,YACT,YAAA,EAAc,SAAA;AAAA,YACd,cAAA,EAAgB,KAAA;AAAA,YAChB,SAAA,EAAW,KAAA;AAAA,YACX,MAAA;AAAA,YACA,YAAA,EAAc;AAAA;AAAA;AAChB;AAAA;AAAA,GACF;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AC/gBrB,IAAMC,OAAAA,GAAS;AAAA,EACb,MAAMlB,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,IAAA,EAAM,CAAA;AAAA,IACN,CAAA,EAAG;AAAA,GACJ,CAAA;AAAA,EACD,MAAMA,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,CAAA;AAAA,IACZ,KAAA,EAAO;AAAA,GACR;AACH,CAAA;AAKO,SAAS,YAAA,CAAa;AAAA,EAC3B,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAyC;AACvC,EAAA,uBACEM,cAAAA;AAAA,IAACa,sBAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,SAAA,EAAWd,oBAAA,CAAGa,OAAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,WAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,cACE,IAAA,IAAQ,IAAA,mBACNZ,cAAAA,CAAC,MAAA,EAAA,EAAK,WAAWY,OAAAA,CAAO,IAAA,EACtB,QAAA,kBAAAZ,cAAAA,CAACE,0BAAK,KAAA,EAAM,WAAA,EAAY,MAAY,IAAA,EAAK,IAAA,EAAK,GAChD,CAAA,GACE,IAAA;AAAA,MAEN;AAAA;AAAA,GACF;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-6NIFOTUZ.cjs","sourcesContent":["import {Check, ChevronDown, X} from 'lucide-react';\nimport {\n useCallback,\n useMemo,\n type CSSProperties,\n type ReactNode,\n type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {\n renderSelectListboxOptions,\n useSelectListbox,\n type SelectListboxOptionData,\n} from '../../internal/useSelectListbox';\nimport {\n Field,\n inputRecipe,\n inputStyles,\n type FieldNecessity,\n type InputSize,\n type InputStatus,\n} from '../Field';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Popover} from '../Popover';\nimport {Spinner} from '../Spinner';\n\nexport interface SelectOptionData extends SelectListboxOptionData {\n /**\n * Icon displayed before the label.\n */\n icon?: IconComponent;\n /**\n * Whether the option is disabled.\n */\n isDisabled?: boolean;\n /**\n * Option label. Defaults to `value`.\n */\n label?: string;\n /**\n * Option value.\n */\n value: string;\n}\n\nexport interface SelectDivider {\n /**\n * Discriminator identifying a divider entry.\n */\n type: 'divider';\n}\n\nexport interface SelectSection {\n /**\n * Options within this section.\n */\n options: ReadonlyArray<SelectOptionData>;\n /**\n * Optional heading text for the section.\n */\n title?: string;\n /**\n * Discriminator identifying a section entry.\n */\n type: 'section';\n}\n\nexport type SelectOptionDefinition =\n | SelectDivider\n | SelectOptionData\n | SelectSection\n | string;\n\nexport type SelectProps = {\n /**\n * Additional CSS class names applied to the trigger wrapper.\n */\n className?: string;\n /**\n * Test ID applied to the combobox button.\n */\n 'data-testid'?: string;\n /**\n * Supporting text displayed below the label.\n */\n description?: ReactNode;\n /**\n * Whether to show a clear button when a value is selected.\n * @default false\n */\n hasClear?: boolean;\n /**\n * Whether to show search input in the dropdown.\n * @default false\n */\n hasSearch?: boolean;\n /**\n * Whether the selector is disabled.\n * @default false\n */\n isDisabled?: boolean;\n /**\n * Whether to visually hide the label.\n * @default false\n */\n isLabelHidden?: boolean;\n /**\n * Whether the selector is loading.\n * @default false\n */\n isLoading?: boolean;\n /**\n * Field label.\n */\n label: string;\n /**\n * Icon shown before the label.\n */\n labelIcon?: IconComponent;\n /**\n * Tooltip content shown next to the label.\n */\n labelTooltip?: ReactNode;\n /**\n * Called when selection changes.\n */\n onChange: (value: string | null) => void;\n /**\n * Options to display.\n */\n options: ReadonlyArray<SelectOptionDefinition>;\n /**\n * Placeholder shown when no option is selected.\n * @default 'Select...'\n */\n placeholder?: string;\n /**\n * Ref forwarded to the combobox button.\n */\n ref?: Ref<HTMLButtonElement>;\n /**\n * Custom render function for selectable options.\n */\n renderOption?: (option: SelectOptionData) => ReactNode;\n /**\n * Search input placeholder.\n * @default 'Search...'\n */\n searchPlaceholder?: string;\n /**\n * Select size.\n * @default 'md'\n */\n size?: InputSize;\n /**\n * Start icon rendered in the trigger.\n */\n startIcon?: IconComponent;\n /**\n * Validation status displayed below the selector.\n */\n status?: InputStatus;\n /**\n * Inline styles applied to the trigger wrapper.\n */\n style?: CSSProperties;\n /**\n * Selected option value.\n */\n value: string | null;\n} & FieldNecessity;\n\nconst styles = {\n wrapper: css({\n cursor: 'pointer',\n }),\n wrapperDisabled: css({\n cursor: 'not-allowed',\n }),\n trigger: css({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: '2',\n flex: 1,\n minW: 0,\n p: 0,\n borderWidth: 0,\n bg: 'transparent',\n color: 'inherit',\n cursor: 'pointer',\n fontFamily: 'body',\n outline: 'none',\n textAlign: 'start',\n _disabled: {\n cursor: 'not-allowed',\n },\n }),\n label: css({\n flex: 1,\n minW: 0,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n }),\n placeholder: css({\n color: 'fg.muted',\n }),\n iconSlot: css({\n display: 'inline-flex',\n alignItems: 'center',\n flexShrink: 0,\n color: 'fg.muted',\n }),\n menu: css({\n display: 'flex',\n flexDirection: 'column',\n gap: '0.5',\n maxH: '80',\n overflowY: 'auto',\n p: '1',\n }),\n search: css({\n boxSizing: 'border-box',\n w: 'full',\n px: '2',\n py: '1',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'border.emphasized',\n borderRadius: 'md',\n fontFamily: 'body',\n outline: 'none',\n _focus: {\n borderColor: 'primary',\n },\n }),\n option: css({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: '2',\n w: 'full',\n px: '2',\n py: '2',\n borderWidth: 0,\n borderRadius: 'md',\n bg: 'transparent',\n color: 'fg',\n cursor: 'pointer',\n fontFamily: 'body',\n textAlign: 'start',\n _hover: {bg: 'bg.subtle'},\n _focusVisible: {\n outlineWidth: 'focus',\n outlineStyle: 'solid',\n outlineColor: 'primary',\n outlineOffset: 'focusOffsetTight',\n },\n _disabled: {\n opacity: 0.5,\n cursor: 'not-allowed',\n },\n }),\n optionSelected: css({fontWeight: 'medium'}),\n optionHighlighted: css({bg: 'bg.subtle'}),\n optionContent: css({\n display: 'inline-flex',\n alignItems: 'center',\n gap: '2',\n minW: 0,\n }),\n check: css({\n display: 'inline-flex',\n color: 'primary',\n }),\n sectionHeading: css({\n px: '2',\n py: '1',\n color: 'fg.muted',\n fontFamily: 'body',\n fontSize: 'sm',\n fontWeight: 'semibold',\n }),\n divider: css({\n h: '1px',\n bg: 'border',\n my: '1',\n }),\n} as const;\n\n/**\n * Single-select dropdown field.\n */\nexport function Select({\n className,\n 'data-testid': dataTestId,\n description,\n hasClear = false,\n hasSearch = false,\n isDisabled = false,\n isLabelHidden = false,\n isLoading = false,\n isOptional,\n isRequired,\n label,\n labelIcon,\n labelTooltip,\n onChange,\n options,\n placeholder = 'Select...',\n ref,\n renderOption: renderOptionProp,\n searchPlaceholder = 'Search...',\n size = 'md',\n startIcon,\n status,\n style,\n value,\n}: SelectProps): React.JSX.Element {\n const selectedValues = useMemo(\n () => (value == null ? new Set<string>() : new Set([value])),\n [value],\n );\n\n const commitOption = useCallback(\n (option: SelectOptionData): boolean => {\n if (option.isDisabled) {\n return false;\n }\n\n onChange(option.value);\n return true;\n },\n [onChange],\n );\n\n const {\n activeDescendantId,\n describedBy,\n descriptionID,\n filteredValues,\n getOptionId,\n handleKeyboardNavigation,\n handleOptionClick,\n handleOptionMouseEnter,\n highlightedValue,\n inputId,\n isInteractionDisabled,\n isOpen,\n listboxId,\n query,\n selectableOptions,\n setHighlightedValue,\n setIsOpen,\n setQuery,\n statusMessageID,\n triggerRef,\n } = useSelectListbox({\n clearQueryOnCommit: true,\n closeOnCommit: true,\n description,\n isDisabled,\n isLoading,\n onCommitOption: commitOption,\n options,\n selectedValues,\n status,\n });\n\n const selectedOption = useMemo(\n () => selectableOptions.find(option => option.value === value),\n [selectableOptions, value],\n );\n\n const renderOption = useCallback(\n (option: SelectOptionData): ReactNode => {\n if (!filteredValues.has(option.value)) {\n return null;\n }\n const isSelected = option.value === value;\n const isHighlighted = option.value === highlightedValue;\n return (\n <button\n aria-selected={isSelected}\n className={cx(\n styles.option,\n isSelected ? styles.optionSelected : undefined,\n isHighlighted ? styles.optionHighlighted : undefined,\n )}\n data-value={option.value}\n disabled={option.isDisabled}\n id={getOptionId(option.value)}\n key={option.value}\n onClick={handleOptionClick}\n onMouseEnter={handleOptionMouseEnter}\n role=\"option\"\n tabIndex={isHighlighted ? 0 : -1}\n type=\"button\">\n <span className={styles.optionContent}>\n {renderOptionProp == null ? (\n <>\n {option.icon != null ? (\n <span className={styles.iconSlot}>\n <Icon color=\"secondary\" icon={option.icon} size=\"sm\" />\n </span>\n ) : null}\n {option.label}\n </>\n ) : (\n renderOptionProp(option)\n )}\n </span>\n {isSelected ? (\n <span className={styles.check}>\n <Icon color=\"accent\" icon={Check} size=\"sm\" />\n </span>\n ) : null}\n </button>\n );\n },\n [\n filteredValues,\n getOptionId,\n handleOptionClick,\n handleOptionMouseEnter,\n highlightedValue,\n renderOptionProp,\n value,\n ],\n );\n\n const optionNodes = renderSelectListboxOptions({\n dividerClassName: styles.divider,\n inputId,\n options,\n renderOption,\n sectionHeadingClassName: styles.sectionHeading,\n });\n\n const menu = (\n <>\n {hasSearch ? (\n <input\n aria-activedescendant={activeDescendantId}\n aria-autocomplete=\"list\"\n aria-controls={listboxId}\n aria-label={`Search ${label}`}\n className={styles.search}\n onChange={event => {\n setQuery(event.target.value);\n setHighlightedValue(null);\n }}\n onKeyDown={handleKeyboardNavigation}\n placeholder={searchPlaceholder}\n type=\"search\"\n value={query}\n />\n ) : null}\n <div\n aria-label={`${label} options`}\n className={styles.menu}\n id={listboxId}\n role=\"listbox\">\n {optionNodes}\n </div>\n </>\n );\n\n const necessity: FieldNecessity = {isOptional, isRequired};\n\n const trigger = (\n // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-static-element-interactions -- mouse clicks anywhere on the visual input delegate to the inner combobox button; keyboard handling stays on that button.\n <div\n className={cx(\n inputRecipe({\n size,\n status: status?.type,\n isDisabled,\n }),\n styles.wrapper,\n isInteractionDisabled ? styles.wrapperDisabled : undefined,\n )}\n onClick={() => {\n if (!isInteractionDisabled) {\n setIsOpen(currentIsOpen => !currentIsOpen);\n }\n }}\n ref={triggerRef}>\n {startIcon != null ? (\n <span className={styles.iconSlot}>\n <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n </span>\n ) : null}\n <button\n aria-activedescendant={activeDescendantId}\n aria-busy={isLoading || undefined}\n aria-controls={listboxId}\n aria-describedby={describedBy}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n aria-invalid={status?.type === 'error' || undefined}\n className={styles.trigger}\n data-testid={dataTestId}\n disabled={isInteractionDisabled}\n id={inputId}\n onKeyDown={handleKeyboardNavigation}\n ref={ref}\n role=\"combobox\"\n type=\"button\">\n <span\n className={cx(\n styles.label,\n selectedOption == null ? styles.placeholder : undefined,\n )}>\n {selectedOption?.label ?? placeholder}\n </span>\n </button>\n {isLoading ? <Spinner size=\"sm\" /> : null}\n {hasClear && selectedOption != null && !isDisabled ? (\n <button\n aria-label={`Clear ${label}`}\n className={inputStyles.clearButton}\n onClick={event => {\n event.stopPropagation();\n onChange(null);\n }}\n type=\"button\">\n <Icon icon={X} size=\"sm\" />\n </button>\n ) : null}\n <span className={styles.iconSlot}>\n <Icon icon={ChevronDown} size=\"sm\" />\n </span>\n </div>\n );\n\n return (\n <Field\n className={className}\n description={description}\n descriptionID={descriptionID}\n inputId={inputId}\n isDisabled={isDisabled}\n isLabelHidden={isLabelHidden}\n {...necessity}\n label={label}\n labelIcon={labelIcon}\n labelTooltip={labelTooltip}\n status={\n status == null ? undefined : {...status, messageID: statusMessageID}\n }\n style={style}>\n {trigger}\n <Popover\n anchorRef={triggerRef}\n content={menu}\n hasAutoFocus={hasSearch}\n hasCloseButton={false}\n isEnabled={false}\n isOpen={isOpen}\n onOpenChange={setIsOpen}\n />\n </Field>\n );\n}\n\nSelect.displayName = 'Select';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Item} from '../Item';\n\nexport interface SelectOptionProps {\n /**\n * Additional CSS class names applied to the option layout.\n */\n className?: string;\n /**\n * Test ID applied to the option layout.\n */\n 'data-testid'?: string;\n /**\n * Supporting text displayed below the label.\n */\n description?: ReactNode;\n /**\n * Trailing content.\n */\n endContent?: ReactNode;\n /**\n * Icon displayed before the label.\n */\n icon?: IconComponent;\n /**\n * Primary label.\n */\n label: ReactNode;\n /**\n * Ref forwarded to the layout root.\n */\n ref?: Ref<HTMLSpanElement>;\n /**\n * Inline styles applied to the layout root.\n */\n style?: CSSProperties;\n}\n\nconst styles = {\n root: css({\n display: 'flex',\n minW: 0,\n p: 0,\n }),\n icon: css({\n display: 'inline-flex',\n flexShrink: 0,\n color: 'fg.muted',\n }),\n} as const;\n\n/**\n * Helper layout for custom Select option rendering.\n */\nexport function SelectOption({\n className,\n 'data-testid': dataTestId,\n description,\n endContent,\n icon,\n label,\n ref,\n style,\n}: SelectOptionProps): React.JSX.Element {\n return (\n <Item\n as=\"span\"\n className={cx(styles.root, className)}\n data-testid={dataTestId}\n description={description}\n endContent={endContent}\n label={label}\n ref={ref}\n startContent={\n icon != null ? (\n <span className={styles.icon}>\n <Icon color=\"secondary\" icon={icon} size=\"sm\" />\n </span>\n ) : null\n }\n style={style}\n />\n );\n}\n\nSelectOption.displayName = 'SelectOption';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../styled-system/css/cx.js","../src/internal/useIsomorphicLayoutEffect.ts","../src/internal/HoverLayerTrigger.tsx","../src/internal/useLayer.tsx","../src/internal/useHoverLayer.ts"],"names":["useLayoutEffect","useEffect","css","useRef","jsxs","Fragment","jsx","mergeRefs","styles","useId","useState","useCallback","createElement","useMemo"],"mappings":";;;;;;;;AAAA,SAAS,EAAA,GAAK;AACZ,EAAA,IAAI,GAAA,GAAM,EAAA,EACR,CAAA,GAAI,CAAA,EACJ,GAAA;AAEF,EAAA,OAAO,CAAA,GAAI,UAAU,MAAA,IAAU;AAC7B,IAAA,IAAA,CAAK,MAAM,SAAA,CAAU,CAAA,EAAG,CAAA,KAAM,OAAO,QAAQ,QAAA,EAAU;AACrD,MAAA,GAAA,KAAQ,GAAA,IAAO,GAAA,CAAA;AACf,MAAA,GAAA,IAAO,GAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,OAAO,GAAA;AACT;ACVO,IAAM,yBAAA,GACX,OAAO,QAAA,KAAa,WAAA,GAAcA,qBAAA,GAAkBC;ACwBtD,IAAM,MAAA,GAAS;AAAA,EACb,iBAAiBC,qBAAA,CAAI;AAAA,IACnB,OAAA,EAAS;AAAA,GACV,CAAA;AAAA,EACD,eAAeA,qBAAA,CAAI;AAAA,IACjB,OAAA,EAAS;AAAA,GACV,CAAA;AAAA,EACD,iBAAiBA,qBAAA,CAAI;AAAA,IACnB,kBAAA,EAAoB,WAAA;AAAA,IACpB,mBAAA,EAAqB,QAAA;AAAA,IACrB,mBAAA,EAAqB,UAAA;AAAA,IACrB,mBAAA,EAAqB;AAAA,GACtB;AACH,CAAA;AAEA,SAAS,WAAW,QAAA,EAA8B;AAChD,EAAA,OAAO,OAAO,QAAA,KAAa,QAAA,IAAY,OAAO,QAAA,KAAa,QAAA;AAC7D;AAEA,SAAS,YAAY,GAAA,EAAwD;AAC3E,EAAA,MAAM,QAAA,GAAW,GAAA,CAAI,MAAA,CAAO,OAAO,CAAA;AACnC,EAAA,OAAO,SAAS,MAAA,GAAS,CAAA,GAAI,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,GAAI,MAAA;AACpD;AAEO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,kBAAA,GAAqB,MAAA;AAAA,EACrB,KAAA;AAAA,EACA,qBAAA,GAAwB,MAAA;AAAA,EACxB,gCAAA,GAAmC,IAAA;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAA8C;AAC5C,EAAA,MAAM,aAAA,GAAgBC,aAAyC,IAAI,CAAA;AACnE,EAAA,MAAM,QAAA,GAAW,WAAW,QAAQ,CAAA;AACpC,EAAA,MAAM,mBAAA,GACJ,kBAAA,KAAuB,IAAA,IAAS,kBAAA,KAAuB,MAAA,IAAU,QAAA;AAEnE,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,UAAA,GAAa,cAAc,OAAA,EAAS,iBAAA;AAC1C,IAAA,IAAI,EAAE,sBAAsB,WAAA,CAAA,EAAc;AACxC,MAAA;AAAA,IACF;AAEA,IAAA,UAAA,CAAW,UAAU,CAAA;AACrB,IAAA,MAAM,mBAAA,GAAsB,UAAA,CAAW,YAAA,CAAa,kBAAkB,CAAA;AACtE,IAAA,UAAA,CAAW,YAAA;AAAA,MACT,kBAAA;AAAA,MACA,QAAA,CAAS,mBAAA,EAAqB,WAAW,CAAA,IAAK;AAAA,KAChD;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,IAAI,uBAAuB,IAAA,EAAM;AAC/B,QAAA,UAAA,CAAW,YAAA,CAAa,oBAAoB,mBAAmB,CAAA;AAC/D,QAAA;AAAA,MACF;AAEA,MAAA,UAAA,CAAW,gBAAgB,kBAAkB,CAAA;AAAA,IAC/C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,QAAA,EAAU,UAAU,CAAC,CAAA;AAEtC,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,kBAAA,EAAkB,WAAA;AAAA,UAClB,SAAA,EAAW,EAAA;AAAA,YACT,MAAA,CAAO,aAAA;AAAA,YACP,mBAAA,GAAsB,OAAO,eAAA,GAAkB,MAAA;AAAA,YAC/C;AAAA,WACF;AAAA,UACA,aAAA,EAAa,UAAA;AAAA,UACb,GAAA,EAAKC,2BAAA,CAAU,UAAA,EAAoC,UAAU,CAAA;AAAA,UAC7D,KAAA;AAAA,UACA,QAAA,EAAU,CAAA;AAAA,UACT;AAAA;AAAA,OACH;AAAA,MACC;AAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,iBAAA,GAAoB,gCAAA,GACtBA,2BAAA,CAAU,aAAA,EAAe,UAAU,CAAA,GACnC,aAAA;AACJ,EAAA,MAAM,uBAAA,GAA0B,EAAA;AAAA,IAC9B,MAAA,CAAO,eAAA;AAAA,IACP,mCAAmC,SAAA,GAAY;AAAA,GACjD;AACA,EAAA,MAAM,oBAAA,GAAuB,mCACzB,UAAA,GACA,MAAA;AACJ,EAAA,MAAM,mBAAA,GAAsB,mCACxB,KAAA,GACA,MAAA;AACJ,EAAA,MAAM,eAAA,GACJ,0BAA0B,KAAA,mBACxBD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,uBAAA;AAAA,MACX,aAAA,EAAa,oBAAA;AAAA,MACb,GAAA,EAAK,iBAAA;AAAA,MACL,KAAA,EAAO,mBAAA;AAAA,MACN;AAAA;AAAA,GACH,mBAEAA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,uBAAA;AAAA,MACX,aAAA,EAAa,oBAAA;AAAA,MACb,GAAA,EAAK,iBAAA;AAAA,MACL,KAAA,EAAO,mBAAA;AAAA,MACN;AAAA;AAAA,GACH;AAGJ,EAAA,uBACEF,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,eAAA;AAAA,IACA;AAAA,GAAA,EACH,CAAA;AAEJ;AC/GA,IAAMG,OAAAA,GAAS;AAAA,EACb,OAAON,qBAAA,CAAI;AAAA,IACT,CAAA,EAAG,CAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,WAAA,EAAa,CAAA;AAAA,IACb,WAAA,EAAa,MAAA;AAAA,IACb,WAAA,EAAa,aAAA;AAAA,IACb,QAAA,EAAU,SAAA;AAAA,IACV,EAAA,EAAI;AAAA,GACL;AACH,CAAA;AAEA,SAAS,eAAA,CACP,SAAA,GAA4B,OAAA,EAC5B,SAAA,GAA4B,QAAA,EACpB;AACR,EAAA,MAAM,YAAA,GAA+C;AAAA,IACnD,KAAA,EAAO,KAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,GAAA,EAAK;AAAA,GACP;AAEA,EAAA,MAAM,YAAA,GAAe,aAAa,SAAS,CAAA;AAE3C,EAAA,IAAI,SAAA,KAAc,OAAA,IAAW,SAAA,KAAc,OAAA,EAAS;AAClD,IAAA,IAAI,cAAc,OAAA,EAAS;AACzB,MAAA,OAAO,GAAG,YAAY,CAAA,WAAA,CAAA;AAAA,IACxB;AACA,IAAA,IAAI,cAAc,KAAA,EAAO;AACvB,MAAA,OAAO,GAAG,YAAY,CAAA,UAAA,CAAA;AAAA,IACxB;AACA,IAAA,OAAO,YAAA;AAAA,EACT;AAEA,EAAA,IAAI,cAAc,OAAA,EAAS;AACzB,IAAA,OAAO,GAAG,YAAY,CAAA,YAAA,CAAA;AAAA,EACxB;AACA,EAAA,IAAI,cAAc,KAAA,EAAO;AACvB,IAAA,OAAO,GAAG,YAAY,CAAA,SAAA,CAAA;AAAA,EACxB;AACA,EAAA,OAAO,GAAG,YAAY,CAAA,OAAA,CAAA;AACxB;AAEO,SAAS,QAAA,CAAS;AAAA,EACvB,MAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA,GAAkB;AACpB,CAAA,GAAkB,EAAC,EAAgB;AACjC,EAAA,MAAM,KAAKO,WAAA,EAAM;AACjB,EAAA,MAAM,WAAW,CAAA,eAAA,EAAkB,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,EAAE,CAAC,CAAA,CAAA;AACvD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIC,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,UAAA,GAAaP,aAA2B,IAAI,CAAA;AAClD,EAAA,MAAM,UAAA,GAAaA,aAA2B,IAAI,CAAA;AAClD,EAAA,MAAM,SAAA,GAAYA,aAAO,KAAK,CAAA;AAE9B,EAAA,MAAM,IAAA,GAAOQ,kBAAY,MAAM;AAC7B,IAAA,IAAI,UAAA,CAAW,OAAA,IAAW,IAAA,IAAQ,SAAA,CAAU,OAAA,EAAS;AACnD,MAAA;AAAA,IACF;AAEA,IAAA,UAAA,CAAW,QAAQ,WAAA,EAAY;AAC/B,IAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AACpB,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,MAAA,IAAS;AAAA,EACX,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,IAAA,GAAOA,kBAAY,MAAM;AAC7B,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACtB,MAAA;AAAA,IACF;AAEA,IAAA,UAAA,CAAW,SAAS,WAAA,EAAY;AAChC,IAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,IAAA,SAAA,CAAU,KAAK,CAAA;AACf,IAAA,MAAA,IAAS;AAAA,EACX,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,GAAA,GAAgCA,iBAAA;AAAA,IACpC,CAAA,OAAA,KAAW;AACT,MAAA,IAAI,UAAA,CAAW,WAAW,IAAA,EAAM;AAC9B,QACE,UAAA,CAAW,OAAA,CAAQ,KAAA,CACnB,UAAA,GAAa,EAAA;AAAA,MACjB;AAEA,MAAA,IAAI,WAAW,IAAA,EAAM;AACnB,QAAC,OAAA,CAAQ,MAA4C,UAAA,GACnD,QAAA;AAAA,MACJ;AAEA,MAAA,UAAA,CAAW,OAAA,GAAU,OAAA;AAAA,IACvB,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,YAAA,GAAeA,iBAAA;AAAA,IACnB,CAAC,KAAA,KAAiB;AAChB,MAAA,MAAM,WAAA,GAAc,KAAA;AACpB,MAAA,IAAI,WAAA,CAAY,QAAA,KAAa,QAAA,IAAY,SAAA,CAAU,OAAA,EAAS;AAC1D,QAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,QAAA,SAAA,CAAU,KAAK,CAAA;AACf,QAAA,MAAA,IAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,MAAM,kBAAA,GAAqBA,iBAAA;AAAA,IACzB,CAAC,OAAA,KAAgC;AAC/B,MAAA,IAAI,UAAA,CAAW,WAAW,IAAA,EAAM;AAC9B,QAAA,UAAA,CAAW,OAAA,CAAQ,mBAAA,CAAoB,QAAA,EAAU,YAAY,CAAA;AAAA,MAC/D;AAEA,MAAA,UAAA,CAAW,OAAA,GAAU,OAAA;AAErB,MAAA,IAAI,WAAW,IAAA,EAAM;AACnB,QAAA,OAAA,CAAQ,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAAA,MACjD;AAAA,IACF,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,MAAM,MAAA,GAASA,iBAAA;AAAA,IACb,CAAC,UAAqB,KAAA,KAA+B;AACnD,MAAA,MAAM,SAAA,GAAY,OAAO,SAAA,IAAa,OAAA;AACtC,MAAA,MAAM,SAAA,GAAY,OAAO,SAAA,IAAa,QAAA;AACtC,MAAA,MAAM,WAAA,GAAmC;AAAA,QACvC,MAAA,EAAQ,MAAA;AAAA,QACR,cAAA,EAAgB,QAAA;AAAA,QAChB,YAAA,EAAc,eAAA,CAAgB,SAAA,EAAW,SAAS,CAAA;AAAA,QAClD,oBAAA,EAAsB;AAAA,OACxB;AAEA,MAAA,MAAM,UAAA,GAAgC;AAAA,QACpC,GAAA,EAAK,kBAAA;AAAA,QACL,EAAA;AAAA,QACA,MAAM,KAAA,EAAO,IAAA;AAAA,QACb,OAAA,EAAS,kBAAkB,MAAA,GAAS,QAAA;AAAA,QACpC,SAAA,EAAW,EAAA,CAAGH,OAAAA,CAAO,KAAA,EAAO,OAAO,SAAS,CAAA;AAAA,QAC5C,OAAO,EAAC,GAAG,WAAA,EAAa,GAAG,OAAO,KAAA;AAAK,OACzC;AAEA,MAAA,OAAOI,mBAAA,CAAc,KAAA,EAAO,UAAA,EAAY,QAAQ,CAAA;AAAA,IAClD,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,eAAA,EAAiB,EAAA,EAAI,kBAAkB;AAAA,GACpD;AAEA,EAAA,OAAO;AAAA,IACL,GAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,EAAA;AAAA,IACA;AAAA,GACF;AACF;ACnKA,SAAS,YAAY,OAAA,EAA+B;AAClD,EAAA,IAAI,OAAA,CAAQ,YAAA,CAAa,UAAU,CAAA,EAAG;AACpC,IAAA,OAAO,QAAQ,QAAA,IAAY,CAAA;AAAA,EAC7B;AAEA,EAAA,IACE,CAAC,GAAA,EAAK,QAAA,EAAU,OAAA,EAAS,QAAA,EAAU,UAAU,CAAA,CAAE,QAAA,CAAS,OAAA,CAAQ,OAAO,CAAA,EACvE;AACA,IAAA,OAAO,CAAE,OAAA,CAA8B,QAAA;AAAA,EACzC;AAEA,EAAA,OAAO,OAAA,CAAQ,iBAAA;AACjB;AAEA,SAAS,aAAA,GAAyB;AAChC,EAAA,OACE,OAAO,MAAA,KAAW,WAAA,IAClB,OAAO,MAAA,CAAO,eAAe,UAAA,IAC7B,MAAA,CAAO,UAAA,CAAW,eAAe,CAAA,CAAE,OAAA;AAEvC;AAEO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA,GAAQ,GAAA;AAAA,EACR,YAAA,GAAe,MAAA;AAAA,EACf,SAAA,GAAY,CAAA;AAAA,EACZ,SAAA,GAAY,IAAA;AAAA,EACZ,SAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,GAA0B,EAAC,EAAwB;AACjD,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,EAAC,MAAA,EAAQ,QAAO,CAAA;AACvC,EAAA,MAAM,cAAA,GAAiBT,aAA6C,IAAI,CAAA;AACxE,EAAA,MAAM,cAAA,GAAiBA,aAA6C,IAAI,CAAA;AACxE,EAAA,MAAM,UAAA,GAAaA,aAA2B,IAAI,CAAA;AAElD,EAAA,MAAM,aAAA,GAAgBQ,kBAAY,MAAM;AACtC,IAAA,IAAI,cAAA,CAAe,WAAW,IAAA,EAAM;AAClC,MAAA,YAAA,CAAa,eAAe,OAAO,CAAA;AACnC,MAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AAAA,IAC3B;AAEA,IAAA,IAAI,cAAA,CAAe,WAAW,IAAA,EAAM;AAClC,MAAA,YAAA,CAAa,eAAe,OAAO,CAAA;AACnC,MAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAA,GAAeA,kBAAY,MAAM;AACrC,IAAA,IAAI,CAAC,SAAA,EAAW;AACd,MAAA;AAAA,IACF;AAEA,IAAA,aAAA,EAAc;AACd,IAAA,cAAA,CAAe,UAAU,UAAA,CAAW,MAAM,KAAA,CAAM,IAAA,IAAQ,KAAK,CAAA;AAAA,EAC/D,GAAG,CAAC,aAAA,EAAe,KAAA,EAAO,SAAA,EAAW,KAAK,CAAC,CAAA;AAE3C,EAAA,MAAM,aAAA,GAAgBA,kBAAY,MAAM;AACtC,IAAA,IAAI,UAAA,SAAmB,KAAA,EAAO;AAC5B,MAAA;AAAA,IACF;AAEA,IAAA,KAAA,CAAM,IAAA,EAAK;AAAA,EACb,CAAA,EAAG,CAAC,KAAA,EAAO,UAAU,CAAC,CAAA;AAEtB,EAAA,MAAM,YAAA,GAAeA,kBAAY,MAAM;AACrC,IAAA,aAAA,EAAc;AAEd,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAA,cAAA,CAAe,OAAA,GAAU,UAAA,CAAW,aAAA,EAAe,SAAS,CAAA;AAC5D,MAAA;AAAA,IACF;AAEA,IAAA,aAAA,EAAc;AAAA,EAChB,CAAA,EAAG,CAAC,aAAA,EAAe,SAAA,EAAW,aAAa,CAAC,CAAA;AAE5C,EAAA,MAAM,gBAAA,GAAmBA,kBAAY,MAAM;AACzC,IAAA,IAAI,eAAc,EAAG;AACnB,MAAA;AAAA,IACF;AAEA,IAAA,YAAA,EAAa;AAAA,EACf,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,gBAAA,GAAmBA,kBAAY,MAAM;AACzC,IAAA,YAAA,EAAa;AAAA,EACf,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,aAAA,GAAgBA,iBAAAA;AAAA,IACpB,CAAC,KAAA,KAAsB;AACrB,MAAA,IAAI,CAAC,SAAA,IAAa,SAAA,GAAY,KAAK,MAAM,KAAA,EAAO;AAC9C,QAAA;AAAA,MACF;AAEA,MAAA,aAAA,EAAc;AACd,MAAA,KAAA,CAAM,IAAA,EAAK;AAAA,IACb,CAAA;AAAA,IACA,CAAC,aAAA,EAAe,SAAA,EAAW,KAAA,EAAO,SAAS;AAAA,GAC7C;AAEA,EAAA,MAAM,cAAA,GAAiBA,iBAAAA;AAAA,IACrB,CAAC,KAAA,KAAsB;AACrB,MAAA,IAAI,UAAA,GAAa,KAAK,CAAA,KAAM,KAAA,EAAO;AACjC,QAAA;AAAA,MACF;AAEA,MAAA,YAAA,EAAa;AAAA,IACf,CAAA;AAAA,IACA,CAAC,YAAY,YAAY;AAAA,GAC3B;AAEA,EAAA,MAAM,aAAA,GAAgBA,iBAAAA;AAAA,IACpB,CAAC,KAAA,KAAyB;AACxB,MAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,QAAA,IAAY,KAAA,CAAM,MAAA,EAAQ;AAC1C,QAAA,eAAA,GAAkB,KAAK,CAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,KAAA,CAAM,MAAA,EAAQ,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,cAAcR,YAAAA,CAAO;AAAA,IACzB,OAAA,EAAS,aAAA;AAAA,IACT,QAAA,EAAU,cAAA;AAAA,IACV,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,gBAAA;AAAA,IACZ,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,WAAA,CAAY,OAAA,GAAU;AAAA,IACpB,OAAA,EAAS,aAAA;AAAA,IACT,QAAA,EAAU,cAAA;AAAA,IACV,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,gBAAA;AAAA,IACZ,UAAA,EAAY;AAAA,GACd;AAEA,EAAA,MAAM,gBAAA,GAAmBQ,kBAAY,MAAM;AACzC,IAAA,WAAA,CAAY,QAAQ,UAAA,EAAW;AAAA,EACjC,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,gBAAA,GAAmBA,kBAAY,MAAM;AACzC,IAAA,WAAA,CAAY,QAAQ,UAAA,EAAW;AAAA,EACjC,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,aAAA,GAAgBA,iBAAAA,CAAY,CAAC,KAAA,KAAiB;AAClD,IAAA,WAAA,CAAY,OAAA,CAAQ,QAAQ,KAAmB,CAAA;AAAA,EACjD,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,cAAA,GAAiBA,iBAAAA,CAAY,CAAC,KAAA,KAAiB;AACnD,IAAA,WAAA,CAAY,OAAA,CAAQ,SAAS,KAAmB,CAAA;AAAA,EAClD,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,aAAA,GAAgBA,iBAAAA,CAAY,CAAC,KAAA,KAAiB;AAClD,IAAA,WAAA,CAAY,OAAA,CAAQ,QAAQ,KAAsB,CAAA;AAAA,EACpD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,cAAA,GAA2CA,iBAAAA;AAAA,IAC/C,CAAA,OAAA,KAAW;AACT,MAAA,IAAI,UAAA,CAAW,WAAW,IAAA,EAAM;AAC9B,QAAA,UAAA,CAAW,OAAA,CAAQ,mBAAA,CAAoB,YAAA,EAAc,gBAAgB,CAAA;AACrE,QAAA,UAAA,CAAW,OAAA,CAAQ,mBAAA,CAAoB,YAAA,EAAc,gBAAgB,CAAA;AACrE,QAAA,UAAA,CAAW,OAAA,CAAQ,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAC/D,QAAA,UAAA,CAAW,OAAA,CAAQ,mBAAA,CAAoB,UAAA,EAAY,cAAc,CAAA;AACjE,QAAA,UAAA,CAAW,OAAA,CAAQ,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAAA,MACjE;AAEA,MAAA,IAAI,WAAW,IAAA,EAAM;AACnB,QAAA,OAAA,CAAQ,gBAAA,CAAiB,cAAc,gBAAgB,CAAA;AACvD,QAAA,OAAA,CAAQ,gBAAA,CAAiB,cAAc,gBAAgB,CAAA;AAEvD,QAAA,MAAM,oBACJ,YAAA,KAAiB,QAAA,IAChB,YAAA,KAAiB,MAAA,IAAU,YAAY,OAAO,CAAA;AAEjD,QAAA,IAAI,iBAAA,EAAmB;AACrB,UAAA,OAAA,CAAQ,gBAAA,CAAiB,WAAW,aAAa,CAAA;AACjD,UAAA,OAAA,CAAQ,gBAAA,CAAiB,YAAY,cAAc,CAAA;AAAA,QACrD;AAEA,QAAA,IAAI,mBAAmB,IAAA,EAAM;AAC3B,UAAA,OAAA,CAAQ,gBAAA,CAAiB,WAAW,aAAa,CAAA;AAAA,QACnD;AAAA,MACF;AAEA,MAAA,UAAA,CAAW,OAAA,GAAU,OAAA;AAAA,IACvB,CAAA;AAAA,IACA;AAAA,MACE,YAAA;AAAA,MACA,eAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,gBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,GAAA,GAAgCA,iBAAAA;AAAA,IACpC,CAAA,OAAA,KAAW;AACT,MAAA,KAAA,CAAM,IAAI,OAAO,CAAA;AACjB,MAAA,cAAA,CAAe,OAAO,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,gBAAgB,KAAK;AAAA,GACxB;AAEA,EAAAV,gBAAU,MAAM;AACd,IAAA,OAAO,MAAM,aAAA,EAAc;AAAA,EAC7B,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,OAAOY,aAAA;AAAA,IACL,OAAO;AAAA,MACL,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,aAAA;AAAA,MACA,aAAa,KAAA,CAAM,EAAA;AAAA,MACnB,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,cAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAa,KAAA,CAAM,GAAA;AAAA,MACnB,GAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ;AAAA,KACF,CAAA;AAAA,IACA,CAAC,aAAA,EAAe,cAAA,EAAgB,KAAA,EAAO,KAAK,YAAY;AAAA,GAC1D;AACF","file":"chunk-6SPQDYHC.cjs","sourcesContent":["function cx() {\n let str = '',\n i = 0,\n arg\n\n for (; i < arguments.length; ) {\n if ((arg = arguments[i++]) && typeof arg === 'string') {\n str && (str += ' ')\n str += arg\n }\n }\n return str\n}\n\nexport { cx }","import {useEffect, useLayoutEffect} from 'react';\n\nexport const useIsomorphicLayoutEffect =\n typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n","import {\n useRef,\n type CSSProperties,\n type ReactNode,\n type Ref,\n type RefCallback,\n} from 'react';\nimport {css, cx} from 'styled-system/css';\nimport {mergeRefs} from './mergeRefs';\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';\n\nexport type HoverLayerTriggerIndication = 'auto' | boolean;\n\nexport interface HoverLayerTriggerProps {\n children: ReactNode;\n className?: string;\n 'data-testid'?: string;\n describedBy: string;\n hasHoverIndication?: HoverLayerTriggerIndication;\n layer: ReactNode;\n nonTextWrapperElement?: 'div' | 'span';\n shouldForwardNonTextWrapperProps?: boolean;\n style?: CSSProperties;\n triggerRef: RefCallback<HTMLElement>;\n wrapperRef?: Ref<HTMLElement>;\n}\n\nconst styles = {\n wrapperContents: css({\n display: 'contents',\n }),\n wrapperInline: css({\n display: 'inline',\n }),\n hoverIndication: css({\n textDecorationLine: 'underline',\n textDecorationStyle: 'dashed',\n textDecorationColor: 'fg.muted',\n textUnderlineOffset: '2px',\n }),\n} as const;\n\nfunction isTextOnly(children: ReactNode): boolean {\n return typeof children === 'string' || typeof children === 'number';\n}\n\nfunction mergeIds(...ids: (string | undefined | null)[]): string | undefined {\n const filtered = ids.filter(Boolean);\n return filtered.length > 0 ? filtered.join(' ') : undefined;\n}\n\nexport function HoverLayerTrigger({\n children,\n className,\n 'data-testid': dataTestId,\n describedBy,\n hasHoverIndication = 'auto',\n layer,\n nonTextWrapperElement = 'span',\n shouldForwardNonTextWrapperProps = true,\n style,\n triggerRef,\n wrapperRef,\n}: HoverLayerTriggerProps): React.JSX.Element {\n const ownWrapperRef = useRef<HTMLDivElement | HTMLSpanElement>(null);\n const textOnly = isTextOnly(children);\n const showHoverIndication =\n hasHoverIndication === true || (hasHoverIndication === 'auto' && textOnly);\n\n useIsomorphicLayoutEffect(() => {\n if (textOnly) {\n return;\n }\n\n const firstChild = ownWrapperRef.current?.firstElementChild;\n if (!(firstChild instanceof HTMLElement)) {\n return;\n }\n\n triggerRef(firstChild);\n const existingDescribedBy = firstChild.getAttribute('aria-describedby');\n firstChild.setAttribute(\n 'aria-describedby',\n mergeIds(existingDescribedBy, describedBy) ?? '',\n );\n\n return () => {\n triggerRef(null);\n if (existingDescribedBy != null) {\n firstChild.setAttribute('aria-describedby', existingDescribedBy);\n return;\n }\n\n firstChild.removeAttribute('aria-describedby');\n };\n }, [describedBy, textOnly, triggerRef]);\n\n if (textOnly) {\n return (\n <>\n <span\n aria-describedby={describedBy}\n className={cx(\n styles.wrapperInline,\n showHoverIndication ? styles.hoverIndication : undefined,\n className,\n )}\n data-testid={dataTestId}\n ref={mergeRefs(triggerRef as Ref<HTMLSpanElement>, wrapperRef)}\n style={style}\n tabIndex={0}>\n {children}\n </span>\n {layer}\n </>\n );\n }\n\n const nonTextWrapperRef = shouldForwardNonTextWrapperProps\n ? mergeRefs(ownWrapperRef, wrapperRef)\n : ownWrapperRef;\n const nonTextWrapperClassName = cx(\n styles.wrapperContents,\n shouldForwardNonTextWrapperProps ? className : undefined,\n );\n const nonTextWrapperTestId = shouldForwardNonTextWrapperProps\n ? dataTestId\n : undefined;\n const nonTextWrapperStyle = shouldForwardNonTextWrapperProps\n ? style\n : undefined;\n const wrappedChildren =\n nonTextWrapperElement === 'div' ? (\n <div\n className={nonTextWrapperClassName}\n data-testid={nonTextWrapperTestId}\n ref={nonTextWrapperRef as Ref<HTMLDivElement>}\n style={nonTextWrapperStyle}>\n {children}\n </div>\n ) : (\n <span\n className={nonTextWrapperClassName}\n data-testid={nonTextWrapperTestId}\n ref={nonTextWrapperRef}\n style={nonTextWrapperStyle}>\n {children}\n </span>\n );\n\n return (\n <>\n {wrappedChildren}\n {layer}\n </>\n );\n}\n","import {\n createElement,\n useCallback,\n useId,\n useRef,\n useState,\n type ReactNode,\n type RefCallback,\n} from 'react';\nimport {css, cx} from 'styled-system/css';\n\nexport type LayerPlacement = 'above' | 'below' | 'start' | 'end';\nexport type LayerAlignment = 'start' | 'center' | 'end';\n\nexport interface ContextRenderProps {\n alignment?: LayerAlignment;\n className?: string;\n placement?: LayerPlacement;\n role?: string;\n style?: React.CSSProperties;\n}\n\ninterface LayerOptions {\n hasLightDismiss?: boolean;\n onHide?: () => void;\n onShow?: () => void;\n}\n\ntype PopoverValue = 'auto' | 'manual' | 'hint' | '';\n\ntype LayerElementProps = React.HTMLAttributes<HTMLDivElement> & {\n popover: PopoverValue;\n ref: RefCallback<HTMLElement>;\n};\n\nexport interface LayerReturn {\n anchorId: string;\n hide: () => void;\n id: string;\n isOpen: boolean;\n ref: RefCallback<HTMLElement>;\n render: (children: ReactNode, props?: ContextRenderProps) => ReactNode;\n show: () => void;\n}\n\nconst styles = {\n layer: css({\n m: 0,\n p: 0,\n borderWidth: 0,\n borderStyle: 'none',\n borderColor: 'transparent',\n overflow: 'visible',\n bg: 'transparent',\n }),\n};\n\nfunction getPositionArea(\n placement: LayerPlacement = 'above',\n alignment: LayerAlignment = 'center',\n): string {\n const placementMap: Record<LayerPlacement, string> = {\n above: 'top',\n below: 'bottom',\n start: 'left',\n end: 'right',\n };\n\n const cssPlacement = placementMap[placement];\n\n if (placement === 'above' || placement === 'below') {\n if (alignment === 'start') {\n return `${cssPlacement} span-right`;\n }\n if (alignment === 'end') {\n return `${cssPlacement} span-left`;\n }\n return cssPlacement;\n }\n\n if (alignment === 'start') {\n return `${cssPlacement} span-bottom`;\n }\n if (alignment === 'end') {\n return `${cssPlacement} span-top`;\n }\n return `${cssPlacement} center`;\n}\n\nexport function useLayer({\n onShow,\n onHide,\n hasLightDismiss = false,\n}: LayerOptions = {}): LayerReturn {\n const id = useId();\n const anchorId = `--silver-layer-${id.replace(/:/g, '')}`;\n const [isOpen, setIsOpen] = useState(false);\n const popoverRef = useRef<HTMLElement | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n const isOpenRef = useRef(false);\n\n const show = useCallback(() => {\n if (popoverRef.current == null || isOpenRef.current) {\n return;\n }\n\n popoverRef.current.showPopover();\n isOpenRef.current = true;\n setIsOpen(true);\n onShow?.();\n }, [onShow]);\n\n const hide = useCallback(() => {\n if (!isOpenRef.current) {\n return;\n }\n\n popoverRef.current?.hidePopover();\n isOpenRef.current = false;\n setIsOpen(false);\n onHide?.();\n }, [onHide]);\n\n const ref: RefCallback<HTMLElement> = useCallback(\n element => {\n if (triggerRef.current != null) {\n (\n triggerRef.current.style as unknown as Record<string, string>\n ).anchorName = '';\n }\n\n if (element != null) {\n (element.style as unknown as Record<string, string>).anchorName =\n anchorId;\n }\n\n triggerRef.current = element;\n },\n [anchorId],\n );\n\n const handleToggle = useCallback(\n (event: Event) => {\n const toggleEvent = event as ToggleEvent;\n if (toggleEvent.newState === 'closed' && isOpenRef.current) {\n isOpenRef.current = false;\n setIsOpen(false);\n onHide?.();\n }\n },\n [onHide],\n );\n\n const popoverRefCallback = useCallback(\n (element: HTMLElement | null) => {\n if (popoverRef.current != null) {\n popoverRef.current.removeEventListener('toggle', handleToggle);\n }\n\n popoverRef.current = element;\n\n if (element != null) {\n element.addEventListener('toggle', handleToggle);\n }\n },\n [handleToggle],\n );\n\n const render = useCallback(\n (children: ReactNode, props?: ContextRenderProps) => {\n const placement = props?.placement ?? 'above';\n const alignment = props?.alignment ?? 'center';\n const anchorStyle: React.CSSProperties = {\n border: 'none',\n positionAnchor: anchorId,\n positionArea: getPositionArea(placement, alignment),\n positionTryFallbacks: 'flip-block, flip-inline, flip-block flip-inline',\n };\n\n const layerProps: LayerElementProps = {\n ref: popoverRefCallback,\n id,\n role: props?.role,\n popover: hasLightDismiss ? 'auto' : 'manual',\n className: cx(styles.layer, props?.className),\n style: {...anchorStyle, ...props?.style},\n };\n\n return createElement('div', layerProps, children);\n },\n [anchorId, hasLightDismiss, id, popoverRefCallback],\n );\n\n return {\n ref,\n anchorId,\n show,\n hide,\n isOpen,\n id,\n render,\n };\n}\n","import {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n type RefCallback,\n type RefObject,\n} from 'react';\nimport {useLayer, type LayerReturn} from './useLayer';\n\nexport type HoverLayerFocusTrigger = 'auto' | 'always' | 'never';\n\nexport interface UseHoverLayerOptions {\n delay?: number;\n focusTrigger?: HoverLayerFocusTrigger;\n hideDelay?: number;\n isEnabled?: boolean;\n onFocusIn?: (event: FocusEvent) => boolean;\n onFocusOut?: (event: FocusEvent) => boolean;\n onHide?: () => void;\n onShow?: () => void;\n onTriggerEscape?: (event: KeyboardEvent) => void;\n shouldHide?: () => boolean;\n}\n\nexport interface UseHoverLayerReturn {\n anchorId: string;\n clearTimeouts: () => void;\n describedBy: string;\n hide: () => void;\n interactionRef: RefCallback<HTMLElement>;\n layer: LayerReturn;\n positionRef: RefCallback<HTMLElement>;\n ref: RefCallback<HTMLElement>;\n scheduleHide: () => void;\n show: () => void;\n triggerRef: RefObject<HTMLElement | null>;\n}\n\nfunction isFocusable(element: HTMLElement): boolean {\n if (element.hasAttribute('tabindex')) {\n return element.tabIndex >= 0;\n }\n\n if (\n ['A', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName)\n ) {\n return !(element as HTMLButtonElement).disabled;\n }\n\n return element.isContentEditable;\n}\n\nfunction isTouchDevice(): boolean {\n return (\n typeof window !== 'undefined' &&\n typeof window.matchMedia === 'function' &&\n window.matchMedia('(hover: none)').matches\n );\n}\n\nexport function useHoverLayer({\n delay = 200,\n focusTrigger = 'auto',\n hideDelay = 0,\n isEnabled = true,\n onFocusIn,\n onFocusOut,\n onHide,\n onShow,\n onTriggerEscape,\n shouldHide,\n}: UseHoverLayerOptions = {}): UseHoverLayerReturn {\n const layer = useLayer({onShow, onHide});\n const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n\n const clearTimeouts = useCallback(() => {\n if (showTimeoutRef.current != null) {\n clearTimeout(showTimeoutRef.current);\n showTimeoutRef.current = null;\n }\n\n if (hideTimeoutRef.current != null) {\n clearTimeout(hideTimeoutRef.current);\n hideTimeoutRef.current = null;\n }\n }, []);\n\n const scheduleShow = useCallback(() => {\n if (!isEnabled) {\n return;\n }\n\n clearTimeouts();\n showTimeoutRef.current = setTimeout(() => layer.show(), delay);\n }, [clearTimeouts, delay, isEnabled, layer]);\n\n const hideIfAllowed = useCallback(() => {\n if (shouldHide?.() === false) {\n return;\n }\n\n layer.hide();\n }, [layer, shouldHide]);\n\n const scheduleHide = useCallback(() => {\n clearTimeouts();\n\n if (hideDelay > 0) {\n hideTimeoutRef.current = setTimeout(hideIfAllowed, hideDelay);\n return;\n }\n\n hideIfAllowed();\n }, [clearTimeouts, hideDelay, hideIfAllowed]);\n\n const handleMouseEnter = useCallback(() => {\n if (isTouchDevice()) {\n return;\n }\n\n scheduleShow();\n }, [scheduleShow]);\n\n const handleMouseLeave = useCallback(() => {\n scheduleHide();\n }, [scheduleHide]);\n\n const handleFocusIn = useCallback(\n (event: FocusEvent) => {\n if (!isEnabled || onFocusIn?.(event) === false) {\n return;\n }\n\n clearTimeouts();\n layer.show();\n },\n [clearTimeouts, isEnabled, layer, onFocusIn],\n );\n\n const handleFocusOut = useCallback(\n (event: FocusEvent) => {\n if (onFocusOut?.(event) === false) {\n return;\n }\n\n scheduleHide();\n },\n [onFocusOut, scheduleHide],\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.key === 'Escape' && layer.isOpen) {\n onTriggerEscape?.(event);\n }\n },\n [layer.isOpen, onTriggerEscape],\n );\n\n const handlersRef = useRef({\n focusIn: handleFocusIn,\n focusOut: handleFocusOut,\n keyDown: handleKeyDown,\n mouseEnter: handleMouseEnter,\n mouseLeave: handleMouseLeave,\n });\n // eslint-disable-next-line @eslint-react/refs -- latest-ref pattern for stable DOM listeners\n handlersRef.current = {\n focusIn: handleFocusIn,\n focusOut: handleFocusOut,\n keyDown: handleKeyDown,\n mouseEnter: handleMouseEnter,\n mouseLeave: handleMouseLeave,\n };\n\n const stableMouseEnter = useCallback(() => {\n handlersRef.current.mouseEnter();\n }, []);\n const stableMouseLeave = useCallback(() => {\n handlersRef.current.mouseLeave();\n }, []);\n const stableFocusIn = useCallback((event: Event) => {\n handlersRef.current.focusIn(event as FocusEvent);\n }, []);\n const stableFocusOut = useCallback((event: Event) => {\n handlersRef.current.focusOut(event as FocusEvent);\n }, []);\n const stableKeyDown = useCallback((event: Event) => {\n handlersRef.current.keyDown(event as KeyboardEvent);\n }, []);\n\n const interactionRef: RefCallback<HTMLElement> = useCallback(\n element => {\n if (triggerRef.current != null) {\n triggerRef.current.removeEventListener('mouseenter', stableMouseEnter);\n triggerRef.current.removeEventListener('mouseleave', stableMouseLeave);\n triggerRef.current.removeEventListener('focusin', stableFocusIn);\n triggerRef.current.removeEventListener('focusout', stableFocusOut);\n triggerRef.current.removeEventListener('keydown', stableKeyDown);\n }\n\n if (element != null) {\n element.addEventListener('mouseenter', stableMouseEnter);\n element.addEventListener('mouseleave', stableMouseLeave);\n\n const shouldAttachFocus =\n focusTrigger === 'always' ||\n (focusTrigger === 'auto' && isFocusable(element));\n\n if (shouldAttachFocus) {\n element.addEventListener('focusin', stableFocusIn);\n element.addEventListener('focusout', stableFocusOut);\n }\n\n if (onTriggerEscape != null) {\n element.addEventListener('keydown', stableKeyDown);\n }\n }\n\n triggerRef.current = element;\n },\n [\n focusTrigger,\n onTriggerEscape,\n stableFocusIn,\n stableFocusOut,\n stableKeyDown,\n stableMouseEnter,\n stableMouseLeave,\n ],\n );\n\n const ref: RefCallback<HTMLElement> = useCallback(\n element => {\n layer.ref(element);\n interactionRef(element);\n },\n [interactionRef, layer],\n );\n\n useEffect(() => {\n return () => clearTimeouts();\n }, [clearTimeouts]);\n\n return useMemo(\n () => ({\n anchorId: layer.anchorId,\n clearTimeouts,\n describedBy: layer.id,\n hide: layer.hide,\n interactionRef,\n layer,\n positionRef: layer.ref,\n ref,\n scheduleHide,\n show: layer.show,\n triggerRef,\n }),\n [clearTimeouts, interactionRef, layer, ref, scheduleHide],\n );\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroup.recipe.ts","../src/components/AvatarGroup/AvatarGroup.tsx","../src/components/AvatarGroup/AvatarGroupOverflow.tsx"],"names":["cva","resolveAvatarSize","useMemo","jsx","AvatarGroupContext","cx","css","useAvatarGroup"],"mappings":";;;;;;;;;;AAEO,IAAM,oBAAoBA,qBAAA,CAAI;AAAA,EACnC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,aAAA,EAAe;AAAA;AAEnB,CAAC;ACDD,IAAM,aAAA,GAAgB,IAAA;AA4Cf,SAAS,WAAA,CAAY;AAAA,EAC1B,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,GAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP;AACF,CAAA,EAAwC;AACtC,EAAA,MAAM,WAAA,GAAcC,oCAAkB,IAAI,CAAA;AAC1C,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,WAAA,GAAc,aAAa,CAAA;AACtD,EAAA,MAAM,YAAA,GAAeC,aAAA;AAAA,IACnB,OAAO,EAAC,WAAA,EAAa,OAAA,EAAS,IAAA,EAAI,CAAA;AAAA,IAClC,CAAC,WAAA,EAAa,OAAA,EAAS,IAAI;AAAA,GAC7B;AACA,EAAA,MAAM,SAAA,GAA8B;AAAA,IAClC,wBAAA,EAA0B,CAAA,EAAG,CAAC,OAAO,CAAA,EAAA,CAAA;AAAA,IACrC,GAAG;AAAA,GACL;AAEA,EAAA,uBACEC,cAAA,CAACC,oCAAA,EAAA,EAAmB,KAAA,EAAO,YAAA,EACzB,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWE,oBAAA,CAAG,iBAAA,EAAkB,EAAG,SAAS,CAAA;AAAA,MAC5C,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,KAAA,EAAO,SAAA;AAAA,MACN;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;ACjF1B,IAAM,YAAA,GAAe,EAAA;AACrB,IAAM,YAAA,GAAe,CAAA;AACrB,IAAM,mBAAA,GAAsB,IAAA;AAoC5B,IAAM,MAAA,GAAS;AAAA,EACb,MAAMC,qBAAA,CAAI;AAAA,IACR,QAAA,EAAU,UAAA;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,WAAA,EAAa,GAAG,YAAY,CAAA,EAAA,CAAA;AAAA,IAC5B,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa,IAAA;AAAA,IACb,SAAA,EAAW,aAAA;AAAA,IACX,EAAA,EAAI,WAAA;AAAA,IACJ,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY,MAAA;AAAA,IACZ,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,MAAA;AAAA,IACZ,qBAAA,EAAuB;AAAA,MACrB,iBAAA,EAAmB;AAAA;AACrB,GACD,CAAA;AAAA,EACD,QAAQA,qBAAA,CAAI;AAAA,IACV,MAAA,EAAQ,SAAA;AAAA,IACR,CAAA,EAAG,CAAA;AAAA,IACH,aAAA,EAAe;AAAA,MACb,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,SAAA;AAAA,MACd,aAAA,EAAe;AAAA;AACjB,GACD;AACH,CAAA;AAKO,SAAS,mBAAA,CAAoB;AAAA,EAClC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,OAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAuD;AACrD,EAAA,MAAM,QAAQC,gCAAA,EAAe;AAE7B,EAAA,IAAI,SAAS,CAAA,EAAG;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,OAAO,WAAA,IAAe,YAAA;AAC1C,EAAA,MAAM,KAAA,GAAQ,GAAG,KAAK,CAAA,KAAA,CAAA;AACtB,EAAA,MAAM,OAAA,GAAU,QAAA,IAAY,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AACrC,EAAA,MAAM,SAAA,GAA2B;AAAA,IAC/B,KAAA,EAAO,WAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,UAAU,WAAA,GAAc,mBAAA;AAAA,IACxB,GAAG;AAAA,GACL;AAEA,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,uBACEJ,cAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,WAAWE,oBAAA,CAAG,MAAA,CAAO,IAAA,EAAM,MAAA,CAAO,QAAQ,SAAS,CAAA;AAAA,QACnD,aAAA,EAAa,UAAA;AAAA,QACb,OAAA;AAAA,QACA,GAAA;AAAA,QACA,KAAA,EAAO,SAAA;AAAA,QACP,IAAA,EAAK,QAAA;AAAA,QACJ,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACEF,cAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAWE,oBAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,KAAA,EAAO,SAAA;AAAA,MACN,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA","file":"chunk-6UVJUY7Z.cjs","sourcesContent":["import {cva} from 'styled-system/css';\n\nexport const avatarGroupRecipe = cva({\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n verticalAlign: 'middle',\n },\n});\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {cx} from '../../internal/cx';\nimport {resolveAvatarSize, type AvatarSize} from '../Avatar';\nimport {avatarGroupRecipe} from './AvatarGroup.recipe';\nimport {AvatarGroupContext} from './AvatarGroupContext';\n\nconst OVERLAP_RATIO = 0.25;\n\n/**\n * Displays a stacked group of Avatars with shared size and overlap.\n */\nexport interface AvatarGroupProps {\n /**\n * Accessible label for the group. Default is \"Avatars\".\n */\n 'aria-label'?: string;\n /**\n * Avatar and AvatarGroupOverflow children.\n */\n children: ReactNode;\n /**\n * Additional CSS class names applied to the root element.\n */\n className?: string;\n /**\n * Test ID applied to the root element.\n */\n 'data-testid'?: string;\n /**\n * Ref forwarded to the root element.\n */\n ref?: Ref<HTMLDivElement>;\n /**\n * Size applied to child Avatars. Individual Avatar size props are ignored\n * while inside the group so the stack remains visually consistent.\n */\n size?: AvatarSize;\n /**\n * Inline styles applied to the root element.\n */\n style?: CSSProperties;\n}\n\ntype AvatarGroupStyle = CSSProperties & {\n '--avatar-group-overlap': string;\n};\n\n/**\n * Displays a stacked group of Avatars with shared size and overlap.\n */\nexport function AvatarGroup({\n 'aria-label': ariaLabel = 'Avatars',\n children,\n className,\n 'data-testid': dataTestId,\n ref,\n size = 'small',\n style,\n}: AvatarGroupProps): React.JSX.Element {\n const numericSize = resolveAvatarSize(size);\n const overlap = Math.round(numericSize * OVERLAP_RATIO);\n const contextValue = useMemo(\n () => ({numericSize, overlap, size}),\n [numericSize, overlap, size],\n );\n const rootStyle: AvatarGroupStyle = {\n '--avatar-group-overlap': `${-overlap}px`,\n ...style,\n };\n\n return (\n <AvatarGroupContext value={contextValue}>\n <div\n aria-label={ariaLabel}\n className={cx(avatarGroupRecipe(), className)}\n data-testid={dataTestId}\n ref={ref}\n role=\"group\"\n style={rootStyle}>\n {children}\n </div>\n </AvatarGroupContext>\n );\n}\n\nAvatarGroup.displayName = 'AvatarGroup';\n","import type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useAvatarGroup} from './AvatarGroupContext';\n\nconst DEFAULT_SIZE = 36;\nconst BORDER_WIDTH = 2;\nconst OVERFLOW_FONT_RATIO = 0.35;\n\n/**\n * Overflow indicator for AvatarGroup.\n */\nexport interface AvatarGroupOverflowProps {\n /**\n * Custom content rendered instead of the default \"+N\" text.\n */\n children?: ReactNode;\n /**\n * Additional CSS class names applied to the root element.\n */\n className?: string;\n /**\n * Number of hidden avatars represented by the overflow indicator.\n */\n count: number;\n /**\n * Test ID applied to the root element.\n */\n 'data-testid'?: string;\n /**\n * Click handler. When set, the overflow indicator renders as a button.\n */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n /**\n * Ref forwarded to the root element.\n */\n ref?: Ref<HTMLElement>;\n /**\n * Inline styles applied to the root element.\n */\n style?: CSSProperties;\n}\n\nconst styles = {\n root: css({\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 'full',\n borderWidth: `${BORDER_WIDTH}px`,\n borderStyle: 'solid',\n borderColor: 'bg',\n boxSizing: 'content-box',\n bg: 'bg.subtle',\n color: 'fg.muted',\n fontFamily: 'body',\n fontWeight: 'medium',\n userSelect: 'none',\n '&:not(:first-child)': {\n marginInlineStart: 'var(--avatar-group-overlap)',\n },\n }),\n button: css({\n cursor: 'pointer',\n p: 0,\n _focusVisible: {\n outlineWidth: 'focus',\n outlineStyle: 'solid',\n outlineColor: 'primary',\n outlineOffset: 'focusOffset',\n },\n }),\n};\n\n/**\n * Overflow indicator showing the count of hidden avatars in an AvatarGroup.\n */\nexport function AvatarGroupOverflow({\n children,\n className,\n count,\n 'data-testid': dataTestId,\n onClick,\n ref,\n style,\n}: AvatarGroupOverflowProps): React.JSX.Element | null {\n const group = useAvatarGroup();\n\n if (count <= 0) {\n return null;\n }\n\n const numericSize = group?.numericSize ?? DEFAULT_SIZE;\n const label = `${count} more`;\n const content = children ?? `+${count}`;\n const rootStyle: CSSProperties = {\n width: numericSize,\n height: numericSize,\n fontSize: numericSize * OVERFLOW_FONT_RATIO,\n ...style,\n };\n\n if (onClick != null) {\n return (\n <button\n aria-label={label}\n className={cx(styles.root, styles.button, className)}\n data-testid={dataTestId}\n onClick={onClick}\n ref={ref as Ref<HTMLButtonElement>}\n style={rootStyle}\n type=\"button\">\n {content}\n </button>\n );\n }\n\n return (\n <span\n aria-label={label}\n className={cx(styles.root, className)}\n data-testid={dataTestId}\n ref={ref}\n role=\"img\"\n style={rootStyle}>\n {content}\n </span>\n );\n}\n\nAvatarGroupOverflow.displayName = 'AvatarGroupOverflow';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Kbd/Kbd.recipe.ts","../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"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","file":"chunk-7EXVJWG5.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const kbdRecipe = cva({\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 'sm',\n bg: 'bg.subtle',\n borderBottomWidth: 'emphasized',\n borderBottomStyle: 'solid',\n borderBottomColor: 'border',\n color: 'fg.muted',\n fontFamily: 'body',\n fontWeight: 'medium',\n lineHeight: 'none',\n userSelect: 'none',\n },\n variants: {\n size: {\n sm: {minW: '4', h: '4', px: '0.5', fontSize: '2xs'},\n md: {minW: '5', h: '5', px: '1', fontSize: 'xs'},\n lg: {minW: '6', h: '6', px: '1.5', fontSize: 'sm'},\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport type KbdVariants = RecipeVariantProps<typeof kbdRecipe>;\n","import {\n useMemo,\n useSyncExternalStore,\n type CSSProperties,\n type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {kbdRecipe} from './Kbd.recipe';\n\nexport type KbdSize = 'sm' | 'md' | 'lg';\n\nexport interface KbdProps {\n /**\n * Additional CSS class names applied to the root element.\n */\n className?: string;\n /**\n * Test ID applied to the root element.\n */\n 'data-testid'?: string;\n /**\n * Keyboard shortcut string. Use \"+\" to separate keys.\n *\n * Special keys: mod, ctrl, alt, shift, enter, backspace, escape, tab, up,\n * down, left, right, plus.\n */\n keys: string;\n /**\n * Ref forwarded to the root element.\n */\n ref?: Ref<HTMLElement>;\n /**\n * Size of the key badges.\n *\n * @default 'md'\n */\n size?: KbdSize;\n /**\n * Inline styles applied to the root element.\n */\n style?: CSSProperties;\n}\n\nconst styles = {\n root: css({\n display: 'inline-flex',\n alignItems: 'center',\n flexShrink: 0,\n verticalAlign: 'bottom',\n }),\n rootSm: css({gap: '0.5'}),\n rootMd: css({gap: '1'}),\n rootLg: css({gap: '1.5'}),\n} as const;\n\nconst keyDisplay: Record<string, string> = {\n alt: '⌥',\n backspace: '⌫',\n ctrl: '⌃',\n down: '↓',\n enter: '↵',\n escape: 'Esc',\n left: '←',\n plus: '+',\n right: '→',\n shift: '⇧',\n tab: '⇥',\n up: '↑',\n};\n\nconst keyLabel: Record<string, string> = {\n alt: 'Alt',\n backspace: 'Backspace',\n ctrl: 'Control',\n down: 'Down Arrow',\n enter: 'Enter',\n escape: 'Escape',\n left: 'Left Arrow',\n plus: 'Plus',\n right: 'Right Arrow',\n shift: 'Shift',\n tab: 'Tab',\n up: 'Up Arrow',\n};\n\nconst subscribePlatform = (): (() => void) => () => {};\n\nfunction getIsMacSnapshot(): boolean {\n if (typeof navigator === 'undefined') {\n return false;\n }\n const userAgentData =\n 'userAgentData' in navigator ? navigator.userAgentData : null;\n if (\n userAgentData != null &&\n typeof userAgentData === 'object' &&\n 'platform' in userAgentData\n ) {\n return /mac/i.test(String(userAgentData.platform));\n }\n return /Mac|iPhone|iPad|iPod/.test(navigator.platform);\n}\n\nfunction getServerSnapshot(): boolean {\n return false;\n}\n\nfunction useIsMac(): boolean {\n return useSyncExternalStore(\n subscribePlatform,\n getIsMacSnapshot,\n getServerSnapshot,\n );\n}\n\nfunction getKeyDisplay(key: string, isMac: boolean): string {\n if (key === 'mod') {\n return isMac ? '⌘' : 'Ctrl';\n }\n return keyDisplay[key] ?? key.toUpperCase();\n}\n\nfunction getKeyLabel(key: string, isMac: boolean): string {\n if (key === 'mod') {\n return isMac ? 'Command' : 'Control';\n }\n return keyLabel[key] ?? key.toUpperCase();\n}\n\n/**\n * Displays keyboard shortcuts as styled key badges.\n */\nexport function Kbd({\n className,\n 'data-testid': dataTestId,\n keys,\n ref,\n size = 'md',\n style,\n}: KbdProps): React.JSX.Element {\n const isMac = useIsMac();\n const {keyedParts, ariaLabel} = useMemo(() => {\n const parts = keys\n .split('+')\n .map(key => key.trim().toLowerCase())\n .filter(Boolean);\n\n if (process.env.NODE_ENV !== 'production' && parts.length === 0) {\n throw new Error(\n 'Kbd: `keys` prop resolved to zero keys. Check the value passed to `keys`.',\n );\n }\n\n const keyCounts = new Map<string, number>();\n return {\n keyedParts: parts.map(key => {\n const count = (keyCounts.get(key) ?? 0) + 1;\n keyCounts.set(key, count);\n return {id: `${key}-${count}`, display: getKeyDisplay(key, isMac)};\n }),\n ariaLabel: parts.map(key => getKeyLabel(key, isMac)).join('+'),\n };\n }, [keys, isMac]);\n\n const gapStyle =\n size === 'sm'\n ? styles.rootSm\n : size === 'lg'\n ? styles.rootLg\n : styles.rootMd;\n\n return (\n <kbd\n aria-label={ariaLabel}\n className={cx(styles.root, gapStyle, className)}\n data-testid={dataTestId}\n ref={ref}\n style={style}>\n {keyedParts.map(part => (\n <kbd className={kbdRecipe({size})} key={part.id}>\n {part.display}\n </kbd>\n ))}\n </kbd>\n );\n}\n\nKbd.displayName = 'Kbd';\n"]}
|