@customafk/lunas-ui 0.2.37 → 0.2.38
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/dist/{alert-DubR6Szk.cjs → alert-B2PaDJp6.cjs} +2 -2
- package/dist/{alert-DubR6Szk.cjs.map → alert-B2PaDJp6.cjs.map} +1 -1
- package/dist/{alert-CT7oAzCC.d.mts → alert-C-bk-pne.d.mts} +5 -5
- package/dist/{alert-lqPNRRvJ.d.cts → alert-DDxGzOzi.d.cts} +5 -5
- package/dist/{avatar-CqRl9dge.cjs → avatar-TyOphzGo.cjs} +2 -2
- package/dist/{avatar-CqRl9dge.cjs.map → avatar-TyOphzGo.cjs.map} +1 -1
- package/dist/{avatar-m1LjDIil.mjs → avatar-fltdRVsJ.mjs} +1 -1
- package/dist/{avatar-m1LjDIil.mjs.map → avatar-fltdRVsJ.mjs.map} +1 -1
- package/dist/{badge-Bhbhmsic.mjs → badge-CDGBGq8X.mjs} +1 -1
- package/dist/{badge-Bhbhmsic.mjs.map → badge-CDGBGq8X.mjs.map} +1 -1
- package/dist/{badge-C4nTfJGX.d.mts → badge-IUtmECjN.d.cts} +7 -7
- package/dist/{badge-DMnKV_uW.cjs → badge-KW7xu5Ca.cjs} +2 -2
- package/dist/{badge-DMnKV_uW.cjs.map → badge-KW7xu5Ca.cjs.map} +1 -1
- package/dist/{badge-Dq-Yyus_.d.cts → badge-lvr8nB_0.d.mts} +7 -7
- package/dist/{button-CYLxBCfa.d.cts → button-Brw-tmr9.d.cts} +5 -5
- package/dist/{button-Bu4ejNOW.cjs → button-C--DAN1D.cjs} +2 -2
- package/dist/button-C--DAN1D.cjs.map +1 -0
- package/dist/button-CCVJTHBI.mjs +2 -0
- package/dist/button-CCVJTHBI.mjs.map +1 -0
- package/dist/{button-DlFsSFmT.d.mts → button-DhDRMeFA.d.mts} +5 -5
- package/dist/{button.variants-tnhb123u.cjs → button.variants-4kw6plrv.cjs} +2 -2
- package/dist/{button.variants-tnhb123u.cjs.map → button.variants-4kw6plrv.cjs.map} +1 -1
- package/dist/{button.variants-B8aRZ52K.mjs → button.variants-DkMqWB8G.mjs} +1 -1
- package/dist/{button.variants-B8aRZ52K.mjs.map → button.variants-DkMqWB8G.mjs.map} +1 -1
- package/dist/{calendar-CMd11yg9.cjs → calendar-4weBDnXz.cjs} +2 -2
- package/dist/{calendar-CMd11yg9.cjs.map → calendar-4weBDnXz.cjs.map} +1 -1
- package/dist/{calendar-BDhIfwPP.mjs → calendar-R866yyd1.mjs} +2 -2
- package/dist/{calendar-BDhIfwPP.mjs.map → calendar-R866yyd1.mjs.map} +1 -1
- package/dist/cards/grid-product-card.cjs +1 -1
- package/dist/cards/grid-product-card.mjs +1 -1
- package/dist/cards/product-card.cjs +1 -1
- package/dist/cards/product-card.mjs +1 -1
- package/dist/cards/simple-card.cjs +1 -1
- package/dist/cards/simple-card.d.mts +2 -2
- package/dist/cards/simple-card.mjs +1 -1
- package/dist/{checkbox-CgHaRkuU.mjs → checkbox-Cat3i08X.mjs} +1 -1
- package/dist/{checkbox-CgHaRkuU.mjs.map → checkbox-Cat3i08X.mjs.map} +1 -1
- package/dist/{checkbox-BwDvS4De.cjs → checkbox-Dsq-MSbH.cjs} +2 -2
- package/dist/{checkbox-BwDvS4De.cjs.map → checkbox-Dsq-MSbH.cjs.map} +1 -1
- package/dist/chunk-350yNsax.cjs +1 -0
- package/dist/{close-DrCUWZt0.cjs → close-Dlo1bI8x.cjs} +2 -2
- package/dist/{close-DrCUWZt0.cjs.map → close-Dlo1bI8x.cjs.map} +1 -1
- package/dist/{close-B7OOMSZl.mjs → close-_UHFeiLS.mjs} +1 -1
- package/dist/{close-B7OOMSZl.mjs.map → close-_UHFeiLS.mjs.map} +1 -1
- package/dist/cms-layout-BCH4NroR.cjs +2 -0
- package/dist/cms-layout-BCH4NroR.cjs.map +1 -0
- package/dist/cms-layout-DkCR1AfG.mjs +2 -0
- package/dist/cms-layout-DkCR1AfG.mjs.map +1 -0
- package/dist/{command-DiXzSGc8.cjs → command-CsP8a1Un.cjs} +2 -2
- package/dist/{command-DiXzSGc8.cjs.map → command-CsP8a1Un.cjs.map} +1 -1
- package/dist/{command-FnbrPZ7_.mjs → command-D6_CSbwJ.mjs} +2 -2
- package/dist/{command-FnbrPZ7_.mjs.map → command-D6_CSbwJ.mjs.map} +1 -1
- package/dist/data-display/country.cjs +1 -1
- package/dist/data-display/country.mjs +1 -1
- package/dist/data-display/data-list.cjs +1 -1
- package/dist/data-display/date-tooltip.cjs +1 -1
- package/dist/data-display/date-tooltip.mjs +1 -1
- package/dist/data-display/date.cjs +1 -1
- package/dist/data-display/date.mjs +1 -1
- package/dist/data-display/empty.cjs +1 -1
- package/dist/data-display/name.cjs +1 -1
- package/dist/data-display/name.mjs +1 -1
- package/dist/data-display/phone-number.cjs +1 -1
- package/dist/data-display/phone-number.mjs +1 -1
- package/dist/data-display/role-badge.cjs +1 -1
- package/dist/data-display/role-badge.mjs +1 -1
- package/dist/data-display/statistic.cjs +1 -1
- package/dist/data-display/statistic.d.cts +3 -3
- package/dist/data-display/statistic.d.mts +3 -3
- package/dist/data-display/statistic.mjs +1 -1
- package/dist/data-display/user.cjs +1 -1
- package/dist/data-display/user.mjs +1 -1
- package/dist/{date-DtajzNoy.cjs → date-D4NVl6C9.cjs} +2 -2
- package/dist/{date-DtajzNoy.cjs.map → date-D4NVl6C9.cjs.map} +1 -1
- package/dist/{date-CFgc7pK3.mjs → date-fY3sUcLp.mjs} +1 -1
- package/dist/{date-CFgc7pK3.mjs.map → date-fY3sUcLp.mjs.map} +1 -1
- package/dist/{dialog-D1sWnn6n.cjs → dialog-BigPrWIj.cjs} +2 -2
- package/dist/{dialog-D1sWnn6n.cjs.map → dialog-BigPrWIj.cjs.map} +1 -1
- package/dist/{dialog-EGFZeITu.mjs → dialog-CLDnvNH_.mjs} +2 -2
- package/dist/{dialog-EGFZeITu.mjs.map → dialog-CLDnvNH_.mjs.map} +1 -1
- package/dist/{dialog-_zfOGo8B.d.mts → dialog-CsltUGHB.d.mts} +12 -12
- package/dist/{dialog-1ArhWB8r.d.cts → dialog-D0zfwr8i.d.cts} +12 -12
- package/dist/dialogs/confirm-dialog.cjs +1 -1
- package/dist/dialogs/confirm-dialog.mjs +1 -1
- package/dist/dialogs/detail-dialog/components/sidebar.cjs +1 -1
- package/dist/dialogs/detail-dialog/components/sidebar.d.cts +24 -24
- package/dist/dialogs/detail-dialog/components/sidebar.d.mts +24 -24
- package/dist/dialogs/detail-dialog/components/sidebar.mjs +1 -1
- package/dist/dialogs/detail-dialog/index.cjs +1 -1
- package/dist/dialogs/detail-dialog/index.mjs +1 -1
- package/dist/dialogs/error-dialog.cjs +1 -1
- package/dist/dialogs/error-dialog.mjs +1 -1
- package/dist/dialogs/loading-dialog.cjs +1 -1
- package/dist/dialogs/loading-dialog.mjs +1 -1
- package/dist/dist-Cx5ufCdr.cjs +2 -0
- package/dist/{dist-CAeolvAH.cjs.map → dist-Cx5ufCdr.cjs.map} +1 -1
- package/dist/dist-DVrfqn8H.mjs +2 -0
- package/dist/{dist-BQGL-YKY.mjs.map → dist-DVrfqn8H.mjs.map} +1 -1
- package/dist/{drawer-B6C8-Ndu.cjs → drawer-BB8BZzDG.cjs} +2 -2
- package/dist/{drawer-B6C8-Ndu.cjs.map → drawer-BB8BZzDG.cjs.map} +1 -1
- package/dist/{dropdown-menu-C6tRSumY.mjs → dropdown-menu-BWhiVsEf.mjs} +1 -1
- package/dist/{dropdown-menu-C6tRSumY.mjs.map → dropdown-menu-BWhiVsEf.mjs.map} +1 -1
- package/dist/{dropdown-menu-Bz7oMQ36.cjs → dropdown-menu-CVh520yG.cjs} +2 -2
- package/dist/{dropdown-menu-Bz7oMQ36.cjs.map → dropdown-menu-CVh520yG.cjs.map} +1 -1
- package/dist/features/descriptions/index.cjs +1 -1
- package/dist/features/descriptions/index.cjs.map +1 -1
- package/dist/features/descriptions/index.d.cts +1 -1
- package/dist/features/descriptions/index.d.mts +6 -6
- package/dist/features/descriptions/index.mjs +1 -1
- package/dist/features/descriptions/index.mjs.map +1 -1
- package/dist/features/search-modal/index.cjs +1 -1
- package/dist/features/search-modal/index.d.mts +2 -2
- package/dist/features/search-modal/index.mjs +1 -1
- package/dist/features/tables/index.cjs +1 -1
- package/dist/features/tables/index.d.cts +2 -2
- package/dist/features/tables/index.d.mts +3 -3
- package/dist/features/tables/index.mjs +1 -1
- package/dist/features/tanstack-form/index.cjs +1 -1
- package/dist/features/tanstack-form/index.d.cts +2 -2
- package/dist/features/tanstack-form/index.d.mts +2 -2
- package/dist/features/tanstack-form/index.mjs +1 -1
- package/dist/features/text-editor/index.cjs +1 -1
- package/dist/features/text-editor/index.d.cts +1 -1
- package/dist/features/text-editor/index.d.mts +1 -1
- package/dist/features/text-editor/index.mjs +1 -1
- package/dist/{field-pfL7RWcN.cjs → field-BrlETeXX.cjs} +2 -2
- package/dist/{field-pfL7RWcN.cjs.map → field-BrlETeXX.cjs.map} +1 -1
- package/dist/{field-DhgAIueI.mjs → field-dYemS0hQ.mjs} +2 -2
- package/dist/{field-DhgAIueI.mjs.map → field-dYemS0hQ.mjs.map} +1 -1
- package/dist/{flex-BAcvp4lB.mjs → flex-B6YSJzGe.mjs} +1 -1
- package/dist/{flex-BAcvp4lB.mjs.map → flex-B6YSJzGe.mjs.map} +1 -1
- package/dist/{flex-DYh2t8ft.cjs → flex-DmWmOBn5.cjs} +2 -2
- package/dist/{flex-DYh2t8ft.cjs.map → flex-DmWmOBn5.cjs.map} +1 -1
- package/dist/{heading-woRh-IC7.mjs → heading-De4Pn3mZ.mjs} +1 -1
- package/dist/{heading-woRh-IC7.mjs.map → heading-De4Pn3mZ.mjs.map} +1 -1
- package/dist/{heading-wUXEbicM.cjs → heading-tGTqk3pA.cjs} +2 -2
- package/dist/{heading-wUXEbicM.cjs.map → heading-tGTqk3pA.cjs.map} +1 -1
- package/dist/image-D7OZ13Ib.mjs +2 -0
- package/dist/{image-D2U1SBw5.mjs.map → image-D7OZ13Ib.mjs.map} +1 -1
- package/dist/image-W_Yb0xTB.cjs +2 -0
- package/dist/{image-Y7gCz7uE.cjs.map → image-W_Yb0xTB.cjs.map} +1 -1
- package/dist/{index-C6nrbQ-E.d.cts → index-9eog5ilY.d.cts} +36 -4
- package/dist/{index-CJoz7sMc.d.mts → index-BuNzvvj3.d.mts} +64 -32
- package/dist/{index-DiW-62hY.d.mts → index-CG8iS6qj.d.cts} +3 -3
- package/dist/index-Cm62M0Ft.d.mts +90 -0
- package/dist/{index-Du_HLRsN.d.cts → index-DI8qmezw.d.mts} +7 -7
- package/dist/index-DsD83ZN8.d.cts +2348 -0
- package/dist/index-KO98y6L0.d.cts +90 -0
- package/dist/index-SMYnpHIM.d.mts +2348 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +10 -10
- package/dist/index.d.mts +10 -10
- package/dist/index.mjs +1 -1
- package/dist/{input-BAr0l-oA.d.cts → input-BFtFMzRG.d.mts} +6 -6
- package/dist/{input-DXO2mTgG.d.mts → input-DvkEND5a.d.cts} +6 -6
- package/dist/{input-5gk-Jv1y.mjs → input-NJP2wQOm.mjs} +1 -1
- package/dist/{input-5gk-Jv1y.mjs.map → input-NJP2wQOm.mjs.map} +1 -1
- package/dist/{input-BvzsfAUc.cjs → input-WJ0DLHTR.cjs} +2 -2
- package/dist/{input-BvzsfAUc.cjs.map → input-WJ0DLHTR.cjs.map} +1 -1
- package/dist/{label-eIyGIRyw.cjs → label-CC6fXVbC.cjs} +2 -2
- package/dist/{label-eIyGIRyw.cjs.map → label-CC6fXVbC.cjs.map} +1 -1
- package/dist/{label-D9uNQ9b_.mjs → label-CUCpwS5D.mjs} +1 -1
- package/dist/{label-D9uNQ9b_.mjs.map → label-CUCpwS5D.mjs.map} +1 -1
- package/dist/layouts/cms-layout/index.cjs +1 -1
- package/dist/layouts/cms-layout/index.d.cts +2 -76
- package/dist/layouts/cms-layout/index.d.mts +2 -76
- package/dist/layouts/cms-layout/index.mjs +1 -1
- package/dist/layouts/flex.cjs +1 -1
- package/dist/layouts/flex.d.cts +6 -6
- package/dist/layouts/flex.d.mts +6 -6
- package/dist/layouts/flex.mjs +1 -1
- package/dist/layouts/grid.cjs +1 -1
- package/dist/layouts/payment-layout/index.cjs +1 -1
- package/dist/layouts/payment-layout/index.mjs +1 -1
- package/dist/pages/FeatureDeveloping.cjs +1 -1
- package/dist/pages/FeatureDeveloping.d.cts +2 -2
- package/dist/pages/FeatureDeveloping.d.mts +2 -2
- package/dist/pages/FeatureDeveloping.mjs +1 -1
- package/dist/pages/FeatureFixing.cjs +1 -1
- package/dist/pages/FeatureFixing.d.cts +2 -2
- package/dist/pages/FeatureFixing.d.mts +2 -2
- package/dist/pages/FeatureFixing.mjs +1 -1
- package/dist/pages/LoginPage.cjs +1 -1
- package/dist/pages/LoginPage.cjs.map +1 -1
- package/dist/pages/LoginPage.d.cts +2 -2
- package/dist/pages/LoginPage.d.mts +2 -2
- package/dist/pages/LoginPage.mjs +1 -1
- package/dist/pages/LoginPage.mjs.map +1 -1
- package/dist/pages/NotAuthorized.cjs +1 -1
- package/dist/pages/NotAuthorized.d.cts +2 -2
- package/dist/pages/NotAuthorized.d.mts +2 -2
- package/dist/pages/NotAuthorized.mjs +1 -1
- package/dist/pages/NotFound.cjs +1 -1
- package/dist/pages/NotFound.d.cts +2 -2
- package/dist/pages/NotFound.d.mts +2 -2
- package/dist/pages/NotFound.mjs +1 -1
- package/dist/pages/RegisterPage.cjs +1 -1
- package/dist/pages/RegisterPage.cjs.map +1 -1
- package/dist/pages/RegisterPage.d.cts +2 -2
- package/dist/pages/RegisterPage.mjs +1 -1
- package/dist/pages/RegisterPage.mjs.map +1 -1
- package/dist/pages/VerifyEmailPage.cjs +1 -1
- package/dist/pages/VerifyEmailPage.d.cts +2 -2
- package/dist/pages/VerifyEmailPage.d.mts +2 -2
- package/dist/pages/VerifyEmailPage.mjs +1 -1
- package/dist/{paragraph-CjstaJFj.mjs → paragraph-DYLaQtTV.mjs} +1 -1
- package/dist/{paragraph-CjstaJFj.mjs.map → paragraph-DYLaQtTV.mjs.map} +1 -1
- package/dist/{paragraph-D-JHj7EP.cjs → paragraph-DvTZvbzw.cjs} +2 -2
- package/dist/{paragraph-D-JHj7EP.cjs.map → paragraph-DvTZvbzw.cjs.map} +1 -1
- package/dist/{payment-layout-_ZM4uBy_.mjs → payment-layout-DrQ0kZPX.mjs} +2 -2
- package/dist/{payment-layout-_ZM4uBy_.mjs.map → payment-layout-DrQ0kZPX.mjs.map} +1 -1
- package/dist/{payment-layout-fsYTkw3r.cjs → payment-layout-DyILfyVG.cjs} +2 -2
- package/dist/{payment-layout-fsYTkw3r.cjs.map → payment-layout-DyILfyVG.cjs.map} +1 -1
- package/dist/{popover-DwgdOX8a.mjs → popover-C8rcemA3.mjs} +2 -2
- package/dist/{popover-DwgdOX8a.mjs.map → popover-C8rcemA3.mjs.map} +1 -1
- package/dist/{popover-fsTCOb6a.cjs → popover-DBsC8Ltp.cjs} +2 -2
- package/dist/{popover-fsTCOb6a.cjs.map → popover-DBsC8Ltp.cjs.map} +1 -1
- package/dist/{progress-DCBKnTx0.mjs → progress-CLeM0e7Z.mjs} +1 -1
- package/dist/{progress-DCBKnTx0.mjs.map → progress-CLeM0e7Z.mjs.map} +1 -1
- package/dist/{progress-CDYA2V-W.cjs → progress-gvBqNiHp.cjs} +2 -2
- package/dist/{progress-CDYA2V-W.cjs.map → progress-gvBqNiHp.cjs.map} +1 -1
- package/dist/{radio-group-B-M599Ys.cjs → radio-group-_TdMkv8w.cjs} +2 -2
- package/dist/{radio-group-B-M599Ys.cjs.map → radio-group-_TdMkv8w.cjs.map} +1 -1
- package/dist/{resizable-DP1BQAF_.mjs → resizable-CpCaSCFB.mjs} +1 -1
- package/dist/{resizable-DP1BQAF_.mjs.map → resizable-CpCaSCFB.mjs.map} +1 -1
- package/dist/{resizable-DATSh0Du.cjs → resizable-sgpaHAb8.cjs} +2 -2
- package/dist/{resizable-DATSh0Du.cjs.map → resizable-sgpaHAb8.cjs.map} +1 -1
- package/dist/{search-modal-CYRJEDE-.cjs → search-modal-B-pzGcfP.cjs} +2 -2
- package/dist/{search-modal-CYRJEDE-.cjs.map → search-modal-B-pzGcfP.cjs.map} +1 -1
- package/dist/{search-modal-DWu08xkE.mjs → search-modal-Bn-GOOCy.mjs} +2 -2
- package/dist/{search-modal-DWu08xkE.mjs.map → search-modal-Bn-GOOCy.mjs.map} +1 -1
- package/dist/select-CWLQHh8x.cjs +2 -0
- package/dist/select-CWLQHh8x.cjs.map +1 -0
- package/dist/{select-BAlA65tZ.mjs → select-LlPCZFSF.mjs} +2 -2
- package/dist/select-LlPCZFSF.mjs.map +1 -0
- package/dist/{separator-C6s-YvlT.mjs → separator-D3Gmkxzq.mjs} +1 -1
- package/dist/{separator-C6s-YvlT.mjs.map → separator-D3Gmkxzq.mjs.map} +1 -1
- package/dist/{separator-CBup_ah1.cjs → separator-KuymG9g0.cjs} +2 -2
- package/dist/{separator-CBup_ah1.cjs.map → separator-KuymG9g0.cjs.map} +1 -1
- package/dist/{sheet-Cj8hoftE.mjs → sheet-BFlIfNaA.mjs} +1 -1
- package/dist/{sheet-Cj8hoftE.mjs.map → sheet-BFlIfNaA.mjs.map} +1 -1
- package/dist/{sheet-DAjZ-Q6Q.cjs → sheet-CvKSi0UC.cjs} +2 -2
- package/dist/{sheet-DAjZ-Q6Q.cjs.map → sheet-CvKSi0UC.cjs.map} +1 -1
- package/dist/{sidebar-RcmDh50_.mjs → sidebar-ChtCyu-n.mjs} +2 -2
- package/dist/{sidebar-RcmDh50_.mjs.map → sidebar-ChtCyu-n.mjs.map} +1 -1
- package/dist/{sidebar-Drasn0Bx.cjs → sidebar-D5J2gcTw.cjs} +2 -2
- package/dist/{sidebar-Drasn0Bx.cjs.map → sidebar-D5J2gcTw.cjs.map} +1 -1
- package/dist/{skeleton-DupQ91XW.mjs → skeleton-C51IdOfK.mjs} +1 -1
- package/dist/{skeleton-DupQ91XW.mjs.map → skeleton-C51IdOfK.mjs.map} +1 -1
- package/dist/{skeleton-CHympz8k.cjs → skeleton-CX1USu1w.cjs} +2 -2
- package/dist/{skeleton-CHympz8k.cjs.map → skeleton-CX1USu1w.cjs.map} +1 -1
- package/dist/{spinner-Bdta7BMp.cjs → spinner-CFxorYEt.cjs} +2 -2
- package/dist/{spinner-Bdta7BMp.cjs.map → spinner-CFxorYEt.cjs.map} +1 -1
- package/dist/{spinner-BCnPYF1H.mjs → spinner-eClTgHjk.mjs} +1 -1
- package/dist/{spinner-BCnPYF1H.mjs.map → spinner-eClTgHjk.mjs.map} +1 -1
- package/dist/{statistic-DDDm5Om1.cjs → statistic-DDXilD7q.cjs} +2 -2
- package/dist/{statistic-DDDm5Om1.cjs.map → statistic-DDXilD7q.cjs.map} +1 -1
- package/dist/{statistic-Cm4nbkjQ.mjs → statistic-cwLwcukn.mjs} +1 -1
- package/dist/{statistic-Cm4nbkjQ.mjs.map → statistic-cwLwcukn.mjs.map} +1 -1
- package/dist/{switch-Dbc77c_D.cjs → switch-DVfOV7wP.cjs} +2 -2
- package/dist/{switch-Dbc77c_D.cjs.map → switch-DVfOV7wP.cjs.map} +1 -1
- package/dist/systems/google.cjs +1 -1
- package/dist/tables-CFrsk2lM.mjs +4 -0
- package/dist/tables-CFrsk2lM.mjs.map +1 -0
- package/dist/tables-CPKHe3k-.cjs +4 -0
- package/dist/tables-CPKHe3k-.cjs.map +1 -0
- package/dist/tanstack-form-DT1TqIDl.mjs +12 -0
- package/dist/tanstack-form-DT1TqIDl.mjs.map +1 -0
- package/dist/tanstack-form-DatI41wz.cjs +12 -0
- package/dist/tanstack-form-DatI41wz.cjs.map +1 -0
- package/dist/{text-editor-Bg0Wtnt3.mjs → text-editor-5mA7XyaI.mjs} +2 -2
- package/dist/{text-editor-Bg0Wtnt3.mjs.map → text-editor-5mA7XyaI.mjs.map} +1 -1
- package/dist/{text-editor-DtLcsiR7.cjs → text-editor-CvJN3nSL.cjs} +2 -2
- package/dist/{text-editor-DtLcsiR7.cjs.map → text-editor-CvJN3nSL.cjs.map} +1 -1
- package/dist/{textarea-Byo8E8oi.cjs → textarea-Cc9CF8wD.cjs} +2 -2
- package/dist/{textarea-Byo8E8oi.cjs.map → textarea-Cc9CF8wD.cjs.map} +1 -1
- package/dist/{tooltip-DC6i1A25.cjs → tooltip-CBdoIzoM.cjs} +2 -2
- package/dist/{tooltip-DC6i1A25.cjs.map → tooltip-CBdoIzoM.cjs.map} +1 -1
- package/dist/{tooltip-BfBJRYpc.mjs → tooltip-Dxl5Wa8i.mjs} +1 -1
- package/dist/{tooltip-BfBJRYpc.mjs.map → tooltip-Dxl5Wa8i.mjs.map} +1 -1
- package/dist/{types-CFXgrpTm.mjs → types-B5nyTWtO.mjs} +1 -1
- package/dist/{types-CFXgrpTm.mjs.map → types-B5nyTWtO.mjs.map} +1 -1
- package/dist/typography/paragraph.cjs +1 -1
- package/dist/typography/paragraph.d.cts +5 -5
- package/dist/typography/paragraph.d.mts +5 -5
- package/dist/typography/paragraph.mjs +1 -1
- package/dist/typography/title.cjs +1 -1
- package/dist/ui/alert-dialog.cjs +1 -1
- package/dist/ui/alert-dialog.d.cts +12 -12
- package/dist/ui/alert-dialog.d.mts +12 -12
- package/dist/ui/alert-dialog.mjs +1 -1
- package/dist/ui/alert.cjs +1 -1
- package/dist/ui/alert.d.cts +1 -1
- package/dist/ui/alert.d.mts +1 -1
- package/dist/ui/aspect-ratio.cjs +1 -1
- package/dist/ui/aspect-ratio.d.cts +2 -2
- package/dist/ui/aspect-ratio.d.mts +2 -2
- package/dist/ui/avatar.cjs +1 -1
- package/dist/ui/avatar.d.cts +4 -4
- package/dist/ui/avatar.d.mts +4 -4
- package/dist/ui/avatar.mjs +1 -1
- package/dist/ui/badge.cjs +1 -1
- package/dist/ui/badge.d.cts +1 -1
- package/dist/ui/badge.d.mts +1 -1
- package/dist/ui/badge.mjs +1 -1
- package/dist/ui/breadcrumb.cjs +1 -1
- package/dist/ui/breadcrumb.d.cts +8 -8
- package/dist/ui/breadcrumb.d.mts +8 -8
- package/dist/ui/breadcrumb.mjs +1 -1
- package/dist/ui/button-group.cjs +1 -1
- package/dist/ui/button-group.d.cts +6 -6
- package/dist/ui/button-group.d.mts +6 -6
- package/dist/ui/button-group.mjs +1 -1
- package/dist/ui/button.cjs +1 -1
- package/dist/ui/button.d.cts +1 -1
- package/dist/ui/button.d.mts +1 -1
- package/dist/ui/button.mjs +1 -1
- package/dist/ui/buttons/add-new.cjs +1 -1
- package/dist/ui/buttons/add-new.mjs +1 -1
- package/dist/ui/buttons/edit.cjs +1 -1
- package/dist/ui/buttons/edit.mjs +1 -1
- package/dist/ui/buttons/refresh.cjs +1 -1
- package/dist/ui/buttons/refresh.mjs +1 -1
- package/dist/ui/buttons/trash.cjs +1 -1
- package/dist/ui/buttons/trash.mjs +1 -1
- package/dist/ui/buttons/upload-image.cjs +1 -1
- package/dist/ui/buttons/upload-image.mjs +1 -1
- package/dist/ui/calendar.cjs +1 -1
- package/dist/ui/calendar.d.cts +4 -4
- package/dist/ui/calendar.d.mts +4 -4
- package/dist/ui/calendar.mjs +1 -1
- package/dist/ui/card.cjs +1 -1
- package/dist/ui/card.d.cts +8 -8
- package/dist/ui/card.d.mts +8 -8
- package/dist/ui/card.mjs +1 -1
- package/dist/ui/carousel.cjs +1 -1
- package/dist/ui/carousel.d.cts +7 -7
- package/dist/ui/carousel.d.mts +7 -7
- package/dist/ui/carousel.mjs +1 -1
- package/dist/ui/checkbox.cjs +1 -1
- package/dist/ui/checkbox.d.cts +2 -2
- package/dist/ui/checkbox.d.mts +2 -2
- package/dist/ui/checkbox.mjs +1 -1
- package/dist/ui/collapsible.cjs +1 -1
- package/dist/ui/collapsible.d.cts +4 -4
- package/dist/ui/collapsible.d.mts +4 -4
- package/dist/ui/command.cjs +1 -1
- package/dist/ui/command.d.cts +11 -11
- package/dist/ui/command.d.mts +11 -11
- package/dist/ui/command.mjs +1 -1
- package/dist/ui/context-menu.cjs +1 -1
- package/dist/ui/context-menu.d.cts +16 -16
- package/dist/ui/context-menu.d.mts +16 -16
- package/dist/ui/dialog.cjs +1 -1
- package/dist/ui/dialog.d.cts +1 -1
- package/dist/ui/dialog.d.mts +1 -1
- package/dist/ui/dialog.mjs +1 -1
- package/dist/ui/drawer.cjs +1 -1
- package/dist/ui/drawer.d.cts +11 -11
- package/dist/ui/drawer.d.mts +11 -11
- package/dist/ui/dropdown-menu.cjs +1 -1
- package/dist/ui/dropdown-menu.d.cts +16 -16
- package/dist/ui/dropdown-menu.d.mts +16 -16
- package/dist/ui/dropdown-menu.mjs +1 -1
- package/dist/ui/empty.cjs +1 -1
- package/dist/ui/empty.d.cts +9 -9
- package/dist/ui/empty.d.mts +9 -9
- package/dist/ui/field.cjs +1 -1
- package/dist/ui/field.d.cts +23 -23
- package/dist/ui/field.d.mts +23 -23
- package/dist/ui/field.mjs +1 -1
- package/dist/ui/file-uploader.cjs +1 -1
- package/dist/ui/file-uploader.d.cts +2 -2
- package/dist/ui/file-uploader.d.mts +2 -2
- package/dist/ui/file-uploader.mjs +1 -1
- package/dist/ui/form.cjs +1 -1
- package/dist/ui/form.d.cts +10 -10
- package/dist/ui/form.d.mts +10 -10
- package/dist/ui/form.mjs +1 -1
- package/dist/ui/hover-card.cjs +1 -1
- package/dist/ui/hover-card.d.cts +4 -4
- package/dist/ui/hover-card.d.mts +4 -4
- package/dist/ui/image.cjs +1 -1
- package/dist/ui/image.mjs +1 -1
- package/dist/ui/input-otp.cjs +1 -1
- package/dist/ui/input-otp.d.cts +5 -5
- package/dist/ui/input-otp.d.mts +5 -5
- package/dist/ui/input.cjs +1 -1
- package/dist/ui/input.d.cts +1 -1
- package/dist/ui/input.d.mts +1 -1
- package/dist/ui/input.mjs +1 -1
- package/dist/ui/inputs/search-input.cjs +1 -1
- package/dist/ui/inputs/search-input.d.cts +3 -3
- package/dist/ui/inputs/search-input.d.mts +3 -3
- package/dist/ui/inputs/search-input.mjs +1 -1
- package/dist/ui/item.cjs +1 -1
- package/dist/ui/item.d.cts +3 -3
- package/dist/ui/item.d.mts +11 -11
- package/dist/ui/item.mjs +1 -1
- package/dist/ui/label.cjs +1 -1
- package/dist/ui/label.d.cts +2 -2
- package/dist/ui/label.d.mts +2 -2
- package/dist/ui/label.mjs +1 -1
- package/dist/ui/menubar.cjs +1 -1
- package/dist/ui/menubar.d.cts +17 -17
- package/dist/ui/menubar.d.mts +17 -17
- package/dist/ui/multi-select.cjs +1 -1
- package/dist/ui/multi-select.d.cts +2 -2
- package/dist/ui/multi-select.d.mts +3 -3
- package/dist/ui/multi-select.mjs +1 -1
- package/dist/ui/navigation-menu.cjs +1 -1
- package/dist/ui/navigation-menu.d.cts +11 -11
- package/dist/ui/navigation-menu.d.mts +11 -11
- package/dist/ui/pagination.cjs +1 -1
- package/dist/ui/pagination.d.cts +9 -9
- package/dist/ui/pagination.d.mts +9 -9
- package/dist/ui/pagination.mjs +1 -1
- package/dist/ui/popover.cjs +1 -1
- package/dist/ui/popover.d.cts +6 -6
- package/dist/ui/popover.d.mts +6 -6
- package/dist/ui/popover.mjs +1 -1
- package/dist/ui/progress.cjs +1 -1
- package/dist/ui/progress.d.cts +2 -2
- package/dist/ui/progress.d.mts +2 -2
- package/dist/ui/progress.mjs +1 -1
- package/dist/ui/radio-group.cjs +1 -1
- package/dist/ui/radio-group.d.cts +3 -3
- package/dist/ui/radio-group.d.mts +3 -3
- package/dist/ui/resizable.cjs +1 -1
- package/dist/ui/resizable.d.cts +9 -9
- package/dist/ui/resizable.d.mts +9 -9
- package/dist/ui/resizable.mjs +1 -1
- package/dist/ui/scroll-area.cjs +1 -1
- package/dist/ui/scroll-area.d.cts +5 -5
- package/dist/ui/scroll-area.d.mts +5 -5
- package/dist/ui/select.cjs +1 -1
- package/dist/ui/select.d.cts +9 -9
- package/dist/ui/select.d.mts +9 -9
- package/dist/ui/select.mjs +1 -1
- package/dist/ui/separator.cjs +1 -1
- package/dist/ui/separator.d.cts +2 -2
- package/dist/ui/separator.d.mts +2 -2
- package/dist/ui/separator.mjs +1 -1
- package/dist/ui/sheet.cjs +1 -1
- package/dist/ui/sheet.d.cts +9 -9
- package/dist/ui/sheet.d.mts +9 -9
- package/dist/ui/sheet.mjs +1 -1
- package/dist/ui/skeleton.cjs +1 -1
- package/dist/ui/skeleton.d.cts +2 -2
- package/dist/ui/skeleton.d.mts +2 -2
- package/dist/ui/skeleton.mjs +1 -1
- package/dist/ui/slider.cjs +1 -1
- package/dist/ui/slider.d.cts +2 -2
- package/dist/ui/slider.d.mts +2 -2
- package/dist/ui/sonner.cjs +1 -1
- package/dist/ui/sonner.cjs.map +1 -1
- package/dist/ui/sonner.d.cts +2 -2
- package/dist/ui/sonner.d.mts +2 -2
- package/dist/ui/sonner.mjs +1 -1
- package/dist/ui/sonner.mjs.map +1 -1
- package/dist/ui/spinner.cjs +1 -1
- package/dist/ui/spinner.d.cts +2 -2
- package/dist/ui/spinner.d.mts +2 -2
- package/dist/ui/spinner.mjs +1 -1
- package/dist/ui/switch.cjs +1 -1
- package/dist/ui/switch.d.cts +2 -2
- package/dist/ui/switch.d.mts +2 -2
- package/dist/ui/table.cjs +1 -1
- package/dist/ui/table.d.cts +17 -17
- package/dist/ui/table.d.mts +17 -17
- package/dist/ui/tabs.cjs +1 -1
- package/dist/ui/tabs.d.cts +5 -5
- package/dist/ui/tabs.d.mts +5 -5
- package/dist/ui/textarea.cjs +1 -1
- package/dist/ui/textarea.d.cts +2 -2
- package/dist/ui/textarea.d.mts +2 -2
- package/dist/ui/toggle-group.cjs +1 -1
- package/dist/ui/toggle-group.d.mts +3 -3
- package/dist/ui/toggle.cjs +1 -1
- package/dist/ui/toggle.d.cts +4 -4
- package/dist/ui/toggle.d.mts +4 -4
- package/dist/ui/tooltip.cjs +1 -1
- package/dist/ui/tooltip.d.cts +5 -5
- package/dist/ui/tooltip.d.mts +5 -5
- package/dist/ui/tooltip.mjs +1 -1
- package/dist/{user-D8Skw8dI.mjs → user-DtZy4P9d.mjs} +2 -2
- package/dist/{user-D8Skw8dI.mjs.map → user-DtZy4P9d.mjs.map} +1 -1
- package/dist/{user-Dns1BKaT.cjs → user-ii4FBhO1.cjs} +2 -2
- package/dist/{user-Dns1BKaT.cjs.map → user-ii4FBhO1.cjs.map} +1 -1
- package/package.json +20 -5
- package/styles/spacing.css +186 -0
- package/dist/button-Bu4ejNOW.cjs.map +0 -1
- package/dist/button-CfPTDyoq.mjs +0 -2
- package/dist/button-CfPTDyoq.mjs.map +0 -1
- package/dist/chunk-Bmb41Sf3.cjs +0 -1
- package/dist/cms-layout-BrubV8D8.cjs +0 -2
- package/dist/cms-layout-BrubV8D8.cjs.map +0 -1
- package/dist/cms-layout-C2-yysO2.mjs +0 -2
- package/dist/cms-layout-C2-yysO2.mjs.map +0 -1
- package/dist/dist-BQGL-YKY.mjs +0 -2
- package/dist/dist-CAeolvAH.cjs +0 -2
- package/dist/image-D2U1SBw5.mjs +0 -2
- package/dist/image-Y7gCz7uE.cjs +0 -2
- package/dist/index-9dZXIJo5.d.mts +0 -2749
- package/dist/index-CQkuntSj.d.cts +0 -2749
- package/dist/select-BAlA65tZ.mjs.map +0 -1
- package/dist/select-Cib2aiw5.cjs +0 -2
- package/dist/select-Cib2aiw5.cjs.map +0 -1
- package/dist/tables-B3Ald6An.cjs +0 -4
- package/dist/tables-B3Ald6An.cjs.map +0 -1
- package/dist/tables-C3asiSD4.mjs +0 -4
- package/dist/tables-C3asiSD4.mjs.map +0 -1
- package/dist/tanstack-form-Byb7E1m9.cjs +0 -2
- package/dist/tanstack-form-Byb7E1m9.cjs.map +0 -1
- package/dist/tanstack-form-Dg_0hFwX.mjs +0 -2
- package/dist/tanstack-form-Dg_0hFwX.mjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.variants-tnhb123u.cjs","names":[],"sources":["../packages/components/ui/button.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const buttonLoadingVariant = cva(['pointer-events-none absolute inset-0 z-10 flex cursor-default items-center justify-center rounded-sm'], {\n variants: {\n variant: {\n default: '',\n outline: '',\n soft: '',\n subtle: '',\n ghost: '',\n link: '',\n },\n color: {\n primary: '',\n secondary: '',\n muted: '',\n success: '',\n important: '',\n info: '',\n warning: '',\n danger: '',\n },\n },\n compoundVariants: [\n {\n variant: 'default',\n color: 'primary',\n className: 'bg-primary-weak',\n },\n {\n variant: 'default',\n color: 'secondary',\n className: 'bg-secondary-weak',\n },\n { variant: 'default', color: 'muted', className: 'bg-muted-weak' },\n {\n variant: 'default',\n color: 'success',\n className: 'bg-success-weak',\n },\n {\n variant: 'default',\n color: 'important',\n className: 'bg-important-weak',\n },\n {\n variant: 'default',\n color: 'info',\n className: 'bg-info-weak',\n },\n {\n variant: 'default',\n color: 'warning',\n className: 'bg-warning-weak',\n },\n {\n variant: 'default',\n color: 'danger',\n className: 'bg-danger-weak',\n },\n {\n variant: 'outline',\n color: 'primary',\n className: 'bg-card outline-1 outline-primary-weak',\n },\n {\n variant: 'outline',\n color: 'secondary',\n className: 'bg-card outline-1 outline-secondary-weak',\n },\n {\n variant: 'outline',\n color: 'muted',\n className: 'bg-card outline-1 outline-muted-weak',\n },\n {\n variant: 'outline',\n color: 'success',\n className: 'bg-card outline-1 outline-success-weak',\n },\n {\n variant: 'outline',\n color: 'important',\n className: 'bg-card outline-1 outline-important-weak',\n },\n {\n variant: 'outline',\n color: 'info',\n className: 'bg-card outline-1 outline-info-weak',\n },\n {\n variant: 'outline',\n color: 'warning',\n className: 'bg-card outline-1 outline-warning-weak',\n },\n {\n variant: 'outline',\n color: 'danger',\n className: 'bg-card outline-1 outline-danger-weak',\n },\n {\n variant: 'soft',\n color: 'primary',\n className: 'bg-primary-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'muted',\n className: 'bg-muted-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'success',\n className: 'bg-success-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'important',\n className: 'bg-important-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'info',\n className: 'bg-info-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'warning',\n className: 'bg-warning-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'danger',\n className: 'bg-danger-bg-subtle',\n },\n {\n variant: 'subtle',\n color: 'primary',\n className: 'bg-primary-bg-subtle outline-1 outline-primary-weak',\n },\n {\n variant: 'subtle',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle outline-1 outline-secondary-weak',\n },\n {\n variant: 'subtle',\n color: 'muted',\n className: 'bg-muted-bg-subtle outline-1 outline-border-weak',\n },\n {\n variant: 'subtle',\n color: 'success',\n className: 'bg-success-bg-subtle outline-1 outline-success-weak',\n },\n {\n variant: 'subtle',\n color: 'important',\n className: 'bg-important-bg-subtle outline-1 outline-important-weak',\n },\n {\n variant: 'subtle',\n color: 'info',\n className: 'bg-info-bg-subtle outline-1 outline-info-weak',\n },\n {\n variant: 'subtle',\n color: 'warning',\n className: 'bg-warning-bg-subtle outline-1 outline-warning-weak',\n },\n {\n variant: 'subtle',\n color: 'danger',\n className: 'bg-danger-bg-subtle outline-1 outline-danger-weak',\n },\n {\n variant: 'ghost',\n color: 'primary',\n className: 'bg-primary-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'muted',\n className: 'bg-muted-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'success',\n className: 'bg-success-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'important',\n className: 'bg-important-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'info',\n className: 'bg-info-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'warning',\n className: 'bg-warning-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: 'bg-danger-bg-subtle',\n },\n ],\n});\n\n/**\n * Button variants definition for styling using class-variance-authority\n */\nexport const buttonVariants = cva(\n [\n 'relative cursor-pointer rounded-sm transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\n 'whitespace-normal',\n 'inline-flex items-center justify-center',\n '[&_svg]:pointer-events-none',\n '[&_svg]:shrink-0',\n \"[&_svg:not([class*='size-'])]:size-4\",\n 'disabled:pointer-events-none disabled:cursor-default disabled:opacity-60',\n 'data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default',\n ],\n {\n variants: {\n variant: {\n default: 'border border-transparent outline-none shadow-btn',\n outline: 'border bg-card outline-none',\n soft: 'outline-none outline-0',\n subtle: 'border border-transparent outline-1 -outline-offset-1',\n ghost: 'border border-transparent outline-none',\n link: 'border border-transparent outline-none',\n },\n color: {\n primary: '',\n secondary: '',\n muted: '',\n success: '',\n important: '',\n info: '',\n warning: '',\n danger: '',\n },\n size: {\n default: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n xs: 'px-2 py-1 font-medium text-xs leading-4',\n sm: 'px-2.5 py-1.5 font-medium text-xs leading-4',\n md: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n lg: 'px-3 py-2 font-medium text-sm leading-5',\n xl: 'px-3 py-2 font-medium text-base leading-6',\n icon: 'size-8',\n },\n },\n defaultVariants: {\n variant: 'default',\n color: 'primary',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: 'default',\n color: 'primary',\n className: 'bg-primary text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'secondary',\n className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'muted',\n className: 'bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'success',\n className: 'bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'important',\n className: 'bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'info',\n className: 'bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'warning',\n className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'danger',\n className: 'bg-danger text-danger-foreground hover:bg-danger-strong focus:ring-2 focus:ring-danger focus:ring-offset-2',\n },\n {\n variant: 'outline',\n color: 'primary',\n className: 'border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak',\n },\n {\n variant: 'outline',\n color: 'secondary',\n className: 'border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak',\n },\n {\n variant: 'outline',\n color: 'muted',\n className: 'border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak',\n },\n {\n variant: 'outline',\n color: 'success',\n className: 'border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak',\n },\n {\n variant: 'outline',\n color: 'important',\n className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-weak',\n },\n {\n variant: 'outline',\n color: 'info',\n className: 'border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak',\n },\n {\n variant: 'outline',\n color: 'warning',\n className: 'border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak',\n },\n {\n variant: 'outline',\n color: 'danger',\n className: 'border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak',\n },\n {\n variant: 'soft',\n color: 'primary',\n className: 'bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak',\n },\n {\n variant: 'soft',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak',\n },\n {\n variant: 'soft',\n color: 'muted',\n className: 'bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak',\n },\n {\n variant: 'soft',\n color: 'success',\n className: 'bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak',\n },\n {\n variant: 'soft',\n color: 'important',\n className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-weak',\n },\n {\n variant: 'soft',\n color: 'info',\n className: 'bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak',\n },\n {\n variant: 'soft',\n color: 'warning',\n className: 'bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak',\n },\n {\n variant: 'soft',\n color: 'danger',\n className: 'bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak',\n },\n {\n variant: 'subtle',\n color: 'primary',\n className: 'bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary',\n },\n {\n variant: 'subtle',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary',\n },\n {\n variant: 'subtle',\n color: 'muted',\n className: 'bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border',\n },\n {\n variant: 'subtle',\n color: 'success',\n className: 'bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success',\n },\n {\n variant: 'subtle',\n color: 'important',\n className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\n },\n {\n variant: 'subtle',\n color: 'info',\n className: 'bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info',\n },\n {\n variant: 'subtle',\n color: 'warning',\n className: 'bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning',\n },\n {\n variant: 'subtle',\n color: 'danger',\n className: 'bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger',\n },\n {\n variant: 'ghost',\n color: 'primary',\n className: 'text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted',\n },\n {\n variant: 'ghost',\n color: 'secondary',\n className: 'text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted',\n },\n {\n variant: 'ghost',\n color: 'muted',\n className: 'text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted',\n },\n {\n variant: 'ghost',\n color: 'success',\n className: 'text-success hover:bg-success-bg-subtle focus:bg-success-muted',\n },\n {\n variant: 'ghost',\n color: 'important',\n className: 'text-important hover:bg-important-bg-subtle focus:bg-important-muted',\n },\n {\n variant: 'ghost',\n color: 'info',\n className: 'text-info hover:bg-info-bg-subtle focus:bg-info-muted',\n },\n {\n variant: 'ghost',\n color: 'warning',\n className: 'text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted',\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: 'text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted',\n },\n {\n variant: 'link',\n color: 'primary',\n className: 'text-primary focus:ring-2 focus:ring-primary focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'secondary',\n className: 'text-secondary focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'muted',\n className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'success',\n className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'important',\n className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'info',\n className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'warning',\n className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'danger',\n className: 'text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2',\n },\n ],\n }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"kFAEA,MAAa,GAAA,EAAA,EAAA,KAA2B,CAAC,uGAAuG,CAAE,CAChJ,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,GACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,gBAAiB,CAClE,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,eACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iBACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,uCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,sCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,wCACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sBACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,mDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,gDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,oDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,sBACZ,CACF,CACF,CAAC,CAKW,GAAA,EAAA,EAAA,KACX,CACE,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,yCACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,UACP,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yGACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,qGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,6GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,0HACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,+GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,gIACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,uGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iHACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,4FACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,6GACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,gHACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,gFACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,wEACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,wDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,8DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iEACZ,CACF,CACF,CACF"}
|
|
1
|
+
{"version":3,"file":"button.variants-4kw6plrv.cjs","names":[],"sources":["../packages/components/ui/button.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const buttonLoadingVariant = cva(['pointer-events-none absolute inset-0 z-10 flex cursor-default items-center justify-center rounded-sm'], {\n variants: {\n variant: {\n default: '',\n outline: '',\n soft: '',\n subtle: '',\n ghost: '',\n link: '',\n },\n color: {\n primary: '',\n secondary: '',\n muted: '',\n success: '',\n important: '',\n info: '',\n warning: '',\n danger: '',\n },\n },\n compoundVariants: [\n {\n variant: 'default',\n color: 'primary',\n className: 'bg-primary-weak',\n },\n {\n variant: 'default',\n color: 'secondary',\n className: 'bg-secondary-weak',\n },\n { variant: 'default', color: 'muted', className: 'bg-muted-weak' },\n {\n variant: 'default',\n color: 'success',\n className: 'bg-success-weak',\n },\n {\n variant: 'default',\n color: 'important',\n className: 'bg-important-weak',\n },\n {\n variant: 'default',\n color: 'info',\n className: 'bg-info-weak',\n },\n {\n variant: 'default',\n color: 'warning',\n className: 'bg-warning-weak',\n },\n {\n variant: 'default',\n color: 'danger',\n className: 'bg-danger-weak',\n },\n {\n variant: 'outline',\n color: 'primary',\n className: 'bg-card outline-1 outline-primary-weak',\n },\n {\n variant: 'outline',\n color: 'secondary',\n className: 'bg-card outline-1 outline-secondary-weak',\n },\n {\n variant: 'outline',\n color: 'muted',\n className: 'bg-card outline-1 outline-muted-weak',\n },\n {\n variant: 'outline',\n color: 'success',\n className: 'bg-card outline-1 outline-success-weak',\n },\n {\n variant: 'outline',\n color: 'important',\n className: 'bg-card outline-1 outline-important-weak',\n },\n {\n variant: 'outline',\n color: 'info',\n className: 'bg-card outline-1 outline-info-weak',\n },\n {\n variant: 'outline',\n color: 'warning',\n className: 'bg-card outline-1 outline-warning-weak',\n },\n {\n variant: 'outline',\n color: 'danger',\n className: 'bg-card outline-1 outline-danger-weak',\n },\n {\n variant: 'soft',\n color: 'primary',\n className: 'bg-primary-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'muted',\n className: 'bg-muted-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'success',\n className: 'bg-success-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'important',\n className: 'bg-important-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'info',\n className: 'bg-info-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'warning',\n className: 'bg-warning-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'danger',\n className: 'bg-danger-bg-subtle',\n },\n {\n variant: 'subtle',\n color: 'primary',\n className: 'bg-primary-bg-subtle outline-1 outline-primary-weak',\n },\n {\n variant: 'subtle',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle outline-1 outline-secondary-weak',\n },\n {\n variant: 'subtle',\n color: 'muted',\n className: 'bg-muted-bg-subtle outline-1 outline-border-weak',\n },\n {\n variant: 'subtle',\n color: 'success',\n className: 'bg-success-bg-subtle outline-1 outline-success-weak',\n },\n {\n variant: 'subtle',\n color: 'important',\n className: 'bg-important-bg-subtle outline-1 outline-important-weak',\n },\n {\n variant: 'subtle',\n color: 'info',\n className: 'bg-info-bg-subtle outline-1 outline-info-weak',\n },\n {\n variant: 'subtle',\n color: 'warning',\n className: 'bg-warning-bg-subtle outline-1 outline-warning-weak',\n },\n {\n variant: 'subtle',\n color: 'danger',\n className: 'bg-danger-bg-subtle outline-1 outline-danger-weak',\n },\n {\n variant: 'ghost',\n color: 'primary',\n className: 'bg-primary-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'muted',\n className: 'bg-muted-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'success',\n className: 'bg-success-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'important',\n className: 'bg-important-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'info',\n className: 'bg-info-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'warning',\n className: 'bg-warning-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: 'bg-danger-bg-subtle',\n },\n ],\n});\n\n/**\n * Button variants definition for styling using class-variance-authority\n */\nexport const buttonVariants = cva(\n [\n 'relative cursor-pointer rounded-sm transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\n 'whitespace-normal',\n 'inline-flex items-center justify-center',\n '[&_svg]:pointer-events-none',\n '[&_svg]:shrink-0',\n \"[&_svg:not([class*='size-'])]:size-4\",\n 'disabled:pointer-events-none disabled:cursor-default disabled:opacity-60',\n 'data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default',\n ],\n {\n variants: {\n variant: {\n default: 'border border-transparent outline-none shadow-btn',\n outline: 'border bg-card outline-none',\n soft: 'outline-none outline-0',\n subtle: 'border border-transparent outline-1 -outline-offset-1',\n ghost: 'border border-transparent outline-none',\n link: 'border border-transparent outline-none',\n },\n color: {\n primary: '',\n secondary: '',\n muted: '',\n success: '',\n important: '',\n info: '',\n warning: '',\n danger: '',\n },\n size: {\n default: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n xs: 'px-2 py-1 font-medium text-xs leading-4',\n sm: 'px-2.5 py-1.5 font-medium text-xs leading-4',\n md: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n lg: 'px-3 py-2 font-medium text-sm leading-5',\n xl: 'px-3 py-2 font-medium text-base leading-6',\n icon: 'size-8',\n },\n },\n defaultVariants: {\n variant: 'default',\n color: 'primary',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: 'default',\n color: 'primary',\n className: 'bg-primary text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'secondary',\n className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'muted',\n className: 'bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'success',\n className: 'bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'important',\n className: 'bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'info',\n className: 'bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'warning',\n className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'danger',\n className: 'bg-danger text-danger-foreground hover:bg-danger-strong focus:ring-2 focus:ring-danger focus:ring-offset-2',\n },\n {\n variant: 'outline',\n color: 'primary',\n className: 'border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak',\n },\n {\n variant: 'outline',\n color: 'secondary',\n className: 'border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak',\n },\n {\n variant: 'outline',\n color: 'muted',\n className: 'border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak',\n },\n {\n variant: 'outline',\n color: 'success',\n className: 'border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak',\n },\n {\n variant: 'outline',\n color: 'important',\n className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-weak',\n },\n {\n variant: 'outline',\n color: 'info',\n className: 'border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak',\n },\n {\n variant: 'outline',\n color: 'warning',\n className: 'border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak',\n },\n {\n variant: 'outline',\n color: 'danger',\n className: 'border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak',\n },\n {\n variant: 'soft',\n color: 'primary',\n className: 'bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak',\n },\n {\n variant: 'soft',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak',\n },\n {\n variant: 'soft',\n color: 'muted',\n className: 'bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak',\n },\n {\n variant: 'soft',\n color: 'success',\n className: 'bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak',\n },\n {\n variant: 'soft',\n color: 'important',\n className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-weak',\n },\n {\n variant: 'soft',\n color: 'info',\n className: 'bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak',\n },\n {\n variant: 'soft',\n color: 'warning',\n className: 'bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak',\n },\n {\n variant: 'soft',\n color: 'danger',\n className: 'bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak',\n },\n {\n variant: 'subtle',\n color: 'primary',\n className: 'bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary',\n },\n {\n variant: 'subtle',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary',\n },\n {\n variant: 'subtle',\n color: 'muted',\n className: 'bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border',\n },\n {\n variant: 'subtle',\n color: 'success',\n className: 'bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success',\n },\n {\n variant: 'subtle',\n color: 'important',\n className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\n },\n {\n variant: 'subtle',\n color: 'info',\n className: 'bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info',\n },\n {\n variant: 'subtle',\n color: 'warning',\n className: 'bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning',\n },\n {\n variant: 'subtle',\n color: 'danger',\n className: 'bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger',\n },\n {\n variant: 'ghost',\n color: 'primary',\n className: 'text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted',\n },\n {\n variant: 'ghost',\n color: 'secondary',\n className: 'text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted',\n },\n {\n variant: 'ghost',\n color: 'muted',\n className: 'text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted',\n },\n {\n variant: 'ghost',\n color: 'success',\n className: 'text-success hover:bg-success-bg-subtle focus:bg-success-muted',\n },\n {\n variant: 'ghost',\n color: 'important',\n className: 'text-important hover:bg-important-bg-subtle focus:bg-important-muted',\n },\n {\n variant: 'ghost',\n color: 'info',\n className: 'text-info hover:bg-info-bg-subtle focus:bg-info-muted',\n },\n {\n variant: 'ghost',\n color: 'warning',\n className: 'text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted',\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: 'text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted',\n },\n {\n variant: 'link',\n color: 'primary',\n className: 'text-primary focus:ring-2 focus:ring-primary focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'secondary',\n className: 'text-secondary focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'muted',\n className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'success',\n className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'important',\n className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'info',\n className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'warning',\n className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'danger',\n className: 'text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2',\n },\n ],\n }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"kFAEA,MAAa,GAAA,EAAA,EAAA,KAA2B,CAAC,uGAAuG,CAAE,CAChJ,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,GACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,gBAAiB,CAClE,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,eACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iBACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,uCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,sCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,wCACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sBACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,mDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,gDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,oDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,sBACZ,CACF,CACF,CAAC,CAKW,GAAA,EAAA,EAAA,KACX,CACE,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,yCACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,UACP,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yGACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,qGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,6GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,0HACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,+GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,gIACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,uGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iHACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,4FACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,6GACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,gHACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,gFACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,wEACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,wDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,8DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iEACZ,CACF,CACF,CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{cva as e}from"class-variance-authority";const t=e([`pointer-events-none absolute inset-0 z-10 flex cursor-default items-center justify-center rounded-sm`],{variants:{variant:{default:``,outline:``,soft:``,subtle:``,ghost:``,link:``},color:{primary:``,secondary:``,muted:``,success:``,important:``,info:``,warning:``,danger:``}},compoundVariants:[{variant:`default`,color:`primary`,className:`bg-primary-weak`},{variant:`default`,color:`secondary`,className:`bg-secondary-weak`},{variant:`default`,color:`muted`,className:`bg-muted-weak`},{variant:`default`,color:`success`,className:`bg-success-weak`},{variant:`default`,color:`important`,className:`bg-important-weak`},{variant:`default`,color:`info`,className:`bg-info-weak`},{variant:`default`,color:`warning`,className:`bg-warning-weak`},{variant:`default`,color:`danger`,className:`bg-danger-weak`},{variant:`outline`,color:`primary`,className:`bg-card outline-1 outline-primary-weak`},{variant:`outline`,color:`secondary`,className:`bg-card outline-1 outline-secondary-weak`},{variant:`outline`,color:`muted`,className:`bg-card outline-1 outline-muted-weak`},{variant:`outline`,color:`success`,className:`bg-card outline-1 outline-success-weak`},{variant:`outline`,color:`important`,className:`bg-card outline-1 outline-important-weak`},{variant:`outline`,color:`info`,className:`bg-card outline-1 outline-info-weak`},{variant:`outline`,color:`warning`,className:`bg-card outline-1 outline-warning-weak`},{variant:`outline`,color:`danger`,className:`bg-card outline-1 outline-danger-weak`},{variant:`soft`,color:`primary`,className:`bg-primary-bg-subtle`},{variant:`soft`,color:`secondary`,className:`bg-secondary-bg-subtle`},{variant:`soft`,color:`muted`,className:`bg-muted-bg-subtle`},{variant:`soft`,color:`success`,className:`bg-success-bg-subtle`},{variant:`soft`,color:`important`,className:`bg-important-bg-subtle`},{variant:`soft`,color:`info`,className:`bg-info-bg-subtle`},{variant:`soft`,color:`warning`,className:`bg-warning-bg-subtle`},{variant:`soft`,color:`danger`,className:`bg-danger-bg-subtle`},{variant:`subtle`,color:`primary`,className:`bg-primary-bg-subtle outline-1 outline-primary-weak`},{variant:`subtle`,color:`secondary`,className:`bg-secondary-bg-subtle outline-1 outline-secondary-weak`},{variant:`subtle`,color:`muted`,className:`bg-muted-bg-subtle outline-1 outline-border-weak`},{variant:`subtle`,color:`success`,className:`bg-success-bg-subtle outline-1 outline-success-weak`},{variant:`subtle`,color:`important`,className:`bg-important-bg-subtle outline-1 outline-important-weak`},{variant:`subtle`,color:`info`,className:`bg-info-bg-subtle outline-1 outline-info-weak`},{variant:`subtle`,color:`warning`,className:`bg-warning-bg-subtle outline-1 outline-warning-weak`},{variant:`subtle`,color:`danger`,className:`bg-danger-bg-subtle outline-1 outline-danger-weak`},{variant:`ghost`,color:`primary`,className:`bg-primary-bg-subtle`},{variant:`ghost`,color:`secondary`,className:`bg-secondary-bg-subtle`},{variant:`ghost`,color:`muted`,className:`bg-muted-bg-subtle`},{variant:`ghost`,color:`success`,className:`bg-success-bg-subtle`},{variant:`ghost`,color:`important`,className:`bg-important-bg-subtle`},{variant:`ghost`,color:`info`,className:`bg-info-bg-subtle`},{variant:`ghost`,color:`warning`,className:`bg-warning-bg-subtle`},{variant:`ghost`,color:`danger`,className:`bg-danger-bg-subtle`}]}),n=e([`relative cursor-pointer rounded-sm transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out`,`whitespace-normal`,`inline-flex items-center justify-center`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`disabled:pointer-events-none disabled:cursor-default disabled:opacity-60`,`data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default`],{variants:{variant:{default:`border border-transparent outline-none shadow-btn`,outline:`border bg-card outline-none`,soft:`outline-none outline-0`,subtle:`border border-transparent outline-1 -outline-offset-1`,ghost:`border border-transparent outline-none`,link:`border border-transparent outline-none`},color:{primary:``,secondary:``,muted:``,success:``,important:``,info:``,warning:``,danger:``},size:{default:`px-2.5 py-1.5 font-medium text-sm leading-5`,xs:`px-2 py-1 font-medium text-xs leading-4`,sm:`px-2.5 py-1.5 font-medium text-xs leading-4`,md:`px-2.5 py-1.5 font-medium text-sm leading-5`,lg:`px-3 py-2 font-medium text-sm leading-5`,xl:`px-3 py-2 font-medium text-base leading-6`,icon:`size-8`}},defaultVariants:{variant:`default`,color:`primary`,size:`default`},compoundVariants:[{variant:`default`,color:`primary`,className:`bg-primary text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2`},{variant:`default`,color:`secondary`,className:`bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`default`,color:`muted`,className:`bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`default`,color:`success`,className:`bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`default`,color:`important`,className:`bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`default`,color:`info`,className:`bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`default`,color:`warning`,className:`bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`default`,color:`danger`,className:`bg-danger text-danger-foreground hover:bg-danger-strong focus:ring-2 focus:ring-danger focus:ring-offset-2`},{variant:`outline`,color:`primary`,className:`border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak`},{variant:`outline`,color:`secondary`,className:`border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak`},{variant:`outline`,color:`muted`,className:`border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak`},{variant:`outline`,color:`success`,className:`border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak`},{variant:`outline`,color:`important`,className:`border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-weak`},{variant:`outline`,color:`info`,className:`border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak`},{variant:`outline`,color:`warning`,className:`border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak`},{variant:`outline`,color:`danger`,className:`border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak`},{variant:`soft`,color:`primary`,className:`bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak`},{variant:`soft`,color:`secondary`,className:`bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak`},{variant:`soft`,color:`muted`,className:`bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak`},{variant:`soft`,color:`success`,className:`bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak`},{variant:`soft`,color:`important`,className:`bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-weak`},{variant:`soft`,color:`info`,className:`bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak`},{variant:`soft`,color:`warning`,className:`bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak`},{variant:`soft`,color:`danger`,className:`bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak`},{variant:`subtle`,color:`primary`,className:`bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary`},{variant:`subtle`,color:`secondary`,className:`bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary`},{variant:`subtle`,color:`muted`,className:`bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border`},{variant:`subtle`,color:`success`,className:`bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success`},{variant:`subtle`,color:`important`,className:`bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important`},{variant:`subtle`,color:`info`,className:`bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info`},{variant:`subtle`,color:`warning`,className:`bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning`},{variant:`subtle`,color:`danger`,className:`bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger`},{variant:`ghost`,color:`primary`,className:`text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted`},{variant:`ghost`,color:`secondary`,className:`text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted`},{variant:`ghost`,color:`muted`,className:`text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted`},{variant:`ghost`,color:`success`,className:`text-success hover:bg-success-bg-subtle focus:bg-success-muted`},{variant:`ghost`,color:`important`,className:`text-important hover:bg-important-bg-subtle focus:bg-important-muted`},{variant:`ghost`,color:`info`,className:`text-info hover:bg-info-bg-subtle focus:bg-info-muted`},{variant:`ghost`,color:`warning`,className:`text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted`},{variant:`ghost`,color:`danger`,className:`text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted`},{variant:`link`,color:`primary`,className:`text-primary focus:ring-2 focus:ring-primary focus:ring-offset-2`},{variant:`link`,color:`secondary`,className:`text-secondary focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`link`,color:`muted`,className:`text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`link`,color:`success`,className:`text-success focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`link`,color:`important`,className:`text-important focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`link`,color:`info`,className:`text-info focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`link`,color:`warning`,className:`text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`link`,color:`danger`,className:`text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2`}]});export{n,t};
|
|
2
|
-
//# sourceMappingURL=button.variants-
|
|
2
|
+
//# sourceMappingURL=button.variants-DkMqWB8G.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.variants-B8aRZ52K.mjs","names":[],"sources":["../packages/components/ui/button.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const buttonLoadingVariant = cva(['pointer-events-none absolute inset-0 z-10 flex cursor-default items-center justify-center rounded-sm'], {\n variants: {\n variant: {\n default: '',\n outline: '',\n soft: '',\n subtle: '',\n ghost: '',\n link: '',\n },\n color: {\n primary: '',\n secondary: '',\n muted: '',\n success: '',\n important: '',\n info: '',\n warning: '',\n danger: '',\n },\n },\n compoundVariants: [\n {\n variant: 'default',\n color: 'primary',\n className: 'bg-primary-weak',\n },\n {\n variant: 'default',\n color: 'secondary',\n className: 'bg-secondary-weak',\n },\n { variant: 'default', color: 'muted', className: 'bg-muted-weak' },\n {\n variant: 'default',\n color: 'success',\n className: 'bg-success-weak',\n },\n {\n variant: 'default',\n color: 'important',\n className: 'bg-important-weak',\n },\n {\n variant: 'default',\n color: 'info',\n className: 'bg-info-weak',\n },\n {\n variant: 'default',\n color: 'warning',\n className: 'bg-warning-weak',\n },\n {\n variant: 'default',\n color: 'danger',\n className: 'bg-danger-weak',\n },\n {\n variant: 'outline',\n color: 'primary',\n className: 'bg-card outline-1 outline-primary-weak',\n },\n {\n variant: 'outline',\n color: 'secondary',\n className: 'bg-card outline-1 outline-secondary-weak',\n },\n {\n variant: 'outline',\n color: 'muted',\n className: 'bg-card outline-1 outline-muted-weak',\n },\n {\n variant: 'outline',\n color: 'success',\n className: 'bg-card outline-1 outline-success-weak',\n },\n {\n variant: 'outline',\n color: 'important',\n className: 'bg-card outline-1 outline-important-weak',\n },\n {\n variant: 'outline',\n color: 'info',\n className: 'bg-card outline-1 outline-info-weak',\n },\n {\n variant: 'outline',\n color: 'warning',\n className: 'bg-card outline-1 outline-warning-weak',\n },\n {\n variant: 'outline',\n color: 'danger',\n className: 'bg-card outline-1 outline-danger-weak',\n },\n {\n variant: 'soft',\n color: 'primary',\n className: 'bg-primary-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'muted',\n className: 'bg-muted-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'success',\n className: 'bg-success-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'important',\n className: 'bg-important-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'info',\n className: 'bg-info-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'warning',\n className: 'bg-warning-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'danger',\n className: 'bg-danger-bg-subtle',\n },\n {\n variant: 'subtle',\n color: 'primary',\n className: 'bg-primary-bg-subtle outline-1 outline-primary-weak',\n },\n {\n variant: 'subtle',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle outline-1 outline-secondary-weak',\n },\n {\n variant: 'subtle',\n color: 'muted',\n className: 'bg-muted-bg-subtle outline-1 outline-border-weak',\n },\n {\n variant: 'subtle',\n color: 'success',\n className: 'bg-success-bg-subtle outline-1 outline-success-weak',\n },\n {\n variant: 'subtle',\n color: 'important',\n className: 'bg-important-bg-subtle outline-1 outline-important-weak',\n },\n {\n variant: 'subtle',\n color: 'info',\n className: 'bg-info-bg-subtle outline-1 outline-info-weak',\n },\n {\n variant: 'subtle',\n color: 'warning',\n className: 'bg-warning-bg-subtle outline-1 outline-warning-weak',\n },\n {\n variant: 'subtle',\n color: 'danger',\n className: 'bg-danger-bg-subtle outline-1 outline-danger-weak',\n },\n {\n variant: 'ghost',\n color: 'primary',\n className: 'bg-primary-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'muted',\n className: 'bg-muted-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'success',\n className: 'bg-success-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'important',\n className: 'bg-important-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'info',\n className: 'bg-info-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'warning',\n className: 'bg-warning-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: 'bg-danger-bg-subtle',\n },\n ],\n});\n\n/**\n * Button variants definition for styling using class-variance-authority\n */\nexport const buttonVariants = cva(\n [\n 'relative cursor-pointer rounded-sm transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\n 'whitespace-normal',\n 'inline-flex items-center justify-center',\n '[&_svg]:pointer-events-none',\n '[&_svg]:shrink-0',\n \"[&_svg:not([class*='size-'])]:size-4\",\n 'disabled:pointer-events-none disabled:cursor-default disabled:opacity-60',\n 'data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default',\n ],\n {\n variants: {\n variant: {\n default: 'border border-transparent outline-none shadow-btn',\n outline: 'border bg-card outline-none',\n soft: 'outline-none outline-0',\n subtle: 'border border-transparent outline-1 -outline-offset-1',\n ghost: 'border border-transparent outline-none',\n link: 'border border-transparent outline-none',\n },\n color: {\n primary: '',\n secondary: '',\n muted: '',\n success: '',\n important: '',\n info: '',\n warning: '',\n danger: '',\n },\n size: {\n default: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n xs: 'px-2 py-1 font-medium text-xs leading-4',\n sm: 'px-2.5 py-1.5 font-medium text-xs leading-4',\n md: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n lg: 'px-3 py-2 font-medium text-sm leading-5',\n xl: 'px-3 py-2 font-medium text-base leading-6',\n icon: 'size-8',\n },\n },\n defaultVariants: {\n variant: 'default',\n color: 'primary',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: 'default',\n color: 'primary',\n className: 'bg-primary text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'secondary',\n className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'muted',\n className: 'bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'success',\n className: 'bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'important',\n className: 'bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'info',\n className: 'bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'warning',\n className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'danger',\n className: 'bg-danger text-danger-foreground hover:bg-danger-strong focus:ring-2 focus:ring-danger focus:ring-offset-2',\n },\n {\n variant: 'outline',\n color: 'primary',\n className: 'border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak',\n },\n {\n variant: 'outline',\n color: 'secondary',\n className: 'border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak',\n },\n {\n variant: 'outline',\n color: 'muted',\n className: 'border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak',\n },\n {\n variant: 'outline',\n color: 'success',\n className: 'border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak',\n },\n {\n variant: 'outline',\n color: 'important',\n className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-weak',\n },\n {\n variant: 'outline',\n color: 'info',\n className: 'border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak',\n },\n {\n variant: 'outline',\n color: 'warning',\n className: 'border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak',\n },\n {\n variant: 'outline',\n color: 'danger',\n className: 'border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak',\n },\n {\n variant: 'soft',\n color: 'primary',\n className: 'bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak',\n },\n {\n variant: 'soft',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak',\n },\n {\n variant: 'soft',\n color: 'muted',\n className: 'bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak',\n },\n {\n variant: 'soft',\n color: 'success',\n className: 'bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak',\n },\n {\n variant: 'soft',\n color: 'important',\n className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-weak',\n },\n {\n variant: 'soft',\n color: 'info',\n className: 'bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak',\n },\n {\n variant: 'soft',\n color: 'warning',\n className: 'bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak',\n },\n {\n variant: 'soft',\n color: 'danger',\n className: 'bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak',\n },\n {\n variant: 'subtle',\n color: 'primary',\n className: 'bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary',\n },\n {\n variant: 'subtle',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary',\n },\n {\n variant: 'subtle',\n color: 'muted',\n className: 'bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border',\n },\n {\n variant: 'subtle',\n color: 'success',\n className: 'bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success',\n },\n {\n variant: 'subtle',\n color: 'important',\n className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\n },\n {\n variant: 'subtle',\n color: 'info',\n className: 'bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info',\n },\n {\n variant: 'subtle',\n color: 'warning',\n className: 'bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning',\n },\n {\n variant: 'subtle',\n color: 'danger',\n className: 'bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger',\n },\n {\n variant: 'ghost',\n color: 'primary',\n className: 'text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted',\n },\n {\n variant: 'ghost',\n color: 'secondary',\n className: 'text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted',\n },\n {\n variant: 'ghost',\n color: 'muted',\n className: 'text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted',\n },\n {\n variant: 'ghost',\n color: 'success',\n className: 'text-success hover:bg-success-bg-subtle focus:bg-success-muted',\n },\n {\n variant: 'ghost',\n color: 'important',\n className: 'text-important hover:bg-important-bg-subtle focus:bg-important-muted',\n },\n {\n variant: 'ghost',\n color: 'info',\n className: 'text-info hover:bg-info-bg-subtle focus:bg-info-muted',\n },\n {\n variant: 'ghost',\n color: 'warning',\n className: 'text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted',\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: 'text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted',\n },\n {\n variant: 'link',\n color: 'primary',\n className: 'text-primary focus:ring-2 focus:ring-primary focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'secondary',\n className: 'text-secondary focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'muted',\n className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'success',\n className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'important',\n className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'info',\n className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'warning',\n className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'danger',\n className: 'text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2',\n },\n ],\n }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"+CAEA,MAAa,EAAuB,EAAI,CAAC,uGAAuG,CAAE,CAChJ,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,GACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,gBAAiB,CAClE,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,eACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iBACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,uCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,sCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,wCACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sBACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,mDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,gDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,oDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,sBACZ,CACF,CACF,CAAC,CAKW,EAAiB,EAC5B,CACE,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,yCACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,UACP,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yGACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,qGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,6GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,0HACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,+GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,gIACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,uGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iHACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,4FACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,6GACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,gHACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,gFACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,wEACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,wDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,8DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iEACZ,CACF,CACF,CACF"}
|
|
1
|
+
{"version":3,"file":"button.variants-DkMqWB8G.mjs","names":[],"sources":["../packages/components/ui/button.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const buttonLoadingVariant = cva(['pointer-events-none absolute inset-0 z-10 flex cursor-default items-center justify-center rounded-sm'], {\n variants: {\n variant: {\n default: '',\n outline: '',\n soft: '',\n subtle: '',\n ghost: '',\n link: '',\n },\n color: {\n primary: '',\n secondary: '',\n muted: '',\n success: '',\n important: '',\n info: '',\n warning: '',\n danger: '',\n },\n },\n compoundVariants: [\n {\n variant: 'default',\n color: 'primary',\n className: 'bg-primary-weak',\n },\n {\n variant: 'default',\n color: 'secondary',\n className: 'bg-secondary-weak',\n },\n { variant: 'default', color: 'muted', className: 'bg-muted-weak' },\n {\n variant: 'default',\n color: 'success',\n className: 'bg-success-weak',\n },\n {\n variant: 'default',\n color: 'important',\n className: 'bg-important-weak',\n },\n {\n variant: 'default',\n color: 'info',\n className: 'bg-info-weak',\n },\n {\n variant: 'default',\n color: 'warning',\n className: 'bg-warning-weak',\n },\n {\n variant: 'default',\n color: 'danger',\n className: 'bg-danger-weak',\n },\n {\n variant: 'outline',\n color: 'primary',\n className: 'bg-card outline-1 outline-primary-weak',\n },\n {\n variant: 'outline',\n color: 'secondary',\n className: 'bg-card outline-1 outline-secondary-weak',\n },\n {\n variant: 'outline',\n color: 'muted',\n className: 'bg-card outline-1 outline-muted-weak',\n },\n {\n variant: 'outline',\n color: 'success',\n className: 'bg-card outline-1 outline-success-weak',\n },\n {\n variant: 'outline',\n color: 'important',\n className: 'bg-card outline-1 outline-important-weak',\n },\n {\n variant: 'outline',\n color: 'info',\n className: 'bg-card outline-1 outline-info-weak',\n },\n {\n variant: 'outline',\n color: 'warning',\n className: 'bg-card outline-1 outline-warning-weak',\n },\n {\n variant: 'outline',\n color: 'danger',\n className: 'bg-card outline-1 outline-danger-weak',\n },\n {\n variant: 'soft',\n color: 'primary',\n className: 'bg-primary-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'muted',\n className: 'bg-muted-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'success',\n className: 'bg-success-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'important',\n className: 'bg-important-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'info',\n className: 'bg-info-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'warning',\n className: 'bg-warning-bg-subtle',\n },\n {\n variant: 'soft',\n color: 'danger',\n className: 'bg-danger-bg-subtle',\n },\n {\n variant: 'subtle',\n color: 'primary',\n className: 'bg-primary-bg-subtle outline-1 outline-primary-weak',\n },\n {\n variant: 'subtle',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle outline-1 outline-secondary-weak',\n },\n {\n variant: 'subtle',\n color: 'muted',\n className: 'bg-muted-bg-subtle outline-1 outline-border-weak',\n },\n {\n variant: 'subtle',\n color: 'success',\n className: 'bg-success-bg-subtle outline-1 outline-success-weak',\n },\n {\n variant: 'subtle',\n color: 'important',\n className: 'bg-important-bg-subtle outline-1 outline-important-weak',\n },\n {\n variant: 'subtle',\n color: 'info',\n className: 'bg-info-bg-subtle outline-1 outline-info-weak',\n },\n {\n variant: 'subtle',\n color: 'warning',\n className: 'bg-warning-bg-subtle outline-1 outline-warning-weak',\n },\n {\n variant: 'subtle',\n color: 'danger',\n className: 'bg-danger-bg-subtle outline-1 outline-danger-weak',\n },\n {\n variant: 'ghost',\n color: 'primary',\n className: 'bg-primary-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'muted',\n className: 'bg-muted-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'success',\n className: 'bg-success-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'important',\n className: 'bg-important-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'info',\n className: 'bg-info-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'warning',\n className: 'bg-warning-bg-subtle',\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: 'bg-danger-bg-subtle',\n },\n ],\n});\n\n/**\n * Button variants definition for styling using class-variance-authority\n */\nexport const buttonVariants = cva(\n [\n 'relative cursor-pointer rounded-sm transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\n 'whitespace-normal',\n 'inline-flex items-center justify-center',\n '[&_svg]:pointer-events-none',\n '[&_svg]:shrink-0',\n \"[&_svg:not([class*='size-'])]:size-4\",\n 'disabled:pointer-events-none disabled:cursor-default disabled:opacity-60',\n 'data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default',\n ],\n {\n variants: {\n variant: {\n default: 'border border-transparent outline-none shadow-btn',\n outline: 'border bg-card outline-none',\n soft: 'outline-none outline-0',\n subtle: 'border border-transparent outline-1 -outline-offset-1',\n ghost: 'border border-transparent outline-none',\n link: 'border border-transparent outline-none',\n },\n color: {\n primary: '',\n secondary: '',\n muted: '',\n success: '',\n important: '',\n info: '',\n warning: '',\n danger: '',\n },\n size: {\n default: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n xs: 'px-2 py-1 font-medium text-xs leading-4',\n sm: 'px-2.5 py-1.5 font-medium text-xs leading-4',\n md: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n lg: 'px-3 py-2 font-medium text-sm leading-5',\n xl: 'px-3 py-2 font-medium text-base leading-6',\n icon: 'size-8',\n },\n },\n defaultVariants: {\n variant: 'default',\n color: 'primary',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: 'default',\n color: 'primary',\n className: 'bg-primary text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'secondary',\n className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'muted',\n className: 'bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'success',\n className: 'bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'important',\n className: 'bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'info',\n className: 'bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'warning',\n className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n },\n {\n variant: 'default',\n color: 'danger',\n className: 'bg-danger text-danger-foreground hover:bg-danger-strong focus:ring-2 focus:ring-danger focus:ring-offset-2',\n },\n {\n variant: 'outline',\n color: 'primary',\n className: 'border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak',\n },\n {\n variant: 'outline',\n color: 'secondary',\n className: 'border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak',\n },\n {\n variant: 'outline',\n color: 'muted',\n className: 'border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak',\n },\n {\n variant: 'outline',\n color: 'success',\n className: 'border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak',\n },\n {\n variant: 'outline',\n color: 'important',\n className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-weak',\n },\n {\n variant: 'outline',\n color: 'info',\n className: 'border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak',\n },\n {\n variant: 'outline',\n color: 'warning',\n className: 'border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak',\n },\n {\n variant: 'outline',\n color: 'danger',\n className: 'border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak',\n },\n {\n variant: 'soft',\n color: 'primary',\n className: 'bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak',\n },\n {\n variant: 'soft',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak',\n },\n {\n variant: 'soft',\n color: 'muted',\n className: 'bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak',\n },\n {\n variant: 'soft',\n color: 'success',\n className: 'bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak',\n },\n {\n variant: 'soft',\n color: 'important',\n className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-weak',\n },\n {\n variant: 'soft',\n color: 'info',\n className: 'bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak',\n },\n {\n variant: 'soft',\n color: 'warning',\n className: 'bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak',\n },\n {\n variant: 'soft',\n color: 'danger',\n className: 'bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak',\n },\n {\n variant: 'subtle',\n color: 'primary',\n className: 'bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary',\n },\n {\n variant: 'subtle',\n color: 'secondary',\n className: 'bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary',\n },\n {\n variant: 'subtle',\n color: 'muted',\n className: 'bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border',\n },\n {\n variant: 'subtle',\n color: 'success',\n className: 'bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success',\n },\n {\n variant: 'subtle',\n color: 'important',\n className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\n },\n {\n variant: 'subtle',\n color: 'info',\n className: 'bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info',\n },\n {\n variant: 'subtle',\n color: 'warning',\n className: 'bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning',\n },\n {\n variant: 'subtle',\n color: 'danger',\n className: 'bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger',\n },\n {\n variant: 'ghost',\n color: 'primary',\n className: 'text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted',\n },\n {\n variant: 'ghost',\n color: 'secondary',\n className: 'text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted',\n },\n {\n variant: 'ghost',\n color: 'muted',\n className: 'text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted',\n },\n {\n variant: 'ghost',\n color: 'success',\n className: 'text-success hover:bg-success-bg-subtle focus:bg-success-muted',\n },\n {\n variant: 'ghost',\n color: 'important',\n className: 'text-important hover:bg-important-bg-subtle focus:bg-important-muted',\n },\n {\n variant: 'ghost',\n color: 'info',\n className: 'text-info hover:bg-info-bg-subtle focus:bg-info-muted',\n },\n {\n variant: 'ghost',\n color: 'warning',\n className: 'text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted',\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: 'text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted',\n },\n {\n variant: 'link',\n color: 'primary',\n className: 'text-primary focus:ring-2 focus:ring-primary focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'secondary',\n className: 'text-secondary focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'muted',\n className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'success',\n className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'important',\n className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'info',\n className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'warning',\n className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n },\n {\n variant: 'link',\n color: 'danger',\n className: 'text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2',\n },\n ],\n }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"+CAEA,MAAa,EAAuB,EAAI,CAAC,uGAAuG,CAAE,CAChJ,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,GACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,gBAAiB,CAClE,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,eACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iBACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,uCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,sCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,wCACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sBACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,mDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,gDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,oDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,sBACZ,CACF,CACF,CAAC,CAKW,EAAiB,EAC5B,CACE,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,yCACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,UACP,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yGACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,qGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,6GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,0HACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,+GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,gIACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,uGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iHACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,4FACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,6GACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,gHACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,gFACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,wEACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,wDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,8DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iEACZ,CACF,CACF,CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=calendar-
|
|
1
|
+
const e=require(`./chunk-350yNsax.cjs`),t=require(`./button.variants-4kw6plrv.cjs`),n=require(`./button-C--DAN1D.cjs`);let r=require(`lucide-react`),i=require(`react`),a=require(`@customafk/react-toolkit/utils`),o=require(`react/jsx-runtime`),s=require(`react-day-picker`);const c=({rootRef:e,className:t,...n})=>(0,o.jsx)(`div`,{"data-slot":`calendar`,ref:e,className:(0,a.cn)(t),...n}),l=e=>e.orientation===`left`?(0,o.jsx)(r.ChevronLeftIcon,{size:16,className:e.className,...e}):e.orientation===`right`?(0,o.jsx)(r.ChevronRightIcon,{size:16,className:e.className,...e}):(0,o.jsx)(r.ChevronDownIcon,{size:16,className:e.className,...e}),u=({className:e,day:t,modifiers:r,color:c,...l})=>{let u=(0,s.getDefaultClassNames)(),d=(0,i.useRef)(null);return(0,i.useEffect)(()=>{r.focused&&d.current?.focus()},[r.focused]),(0,o.jsx)(n.t,{ref:d,variant:`ghost`,color:`muted`,"data-day":t.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:(0,a.cn)(`flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none`,`data-[selected-single=true]:bg-primary`,`data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-muted-muted`,`data-[range-middle=true]:text-text-positive`,`data-[range-start=true]:bg-primary-muted`,`data-[range-start=true]:text-text-positive-strong`,`data-[range-end=true]:bg-primary`,`data-[range-end=true]:text-text-positive-strong`,`group-data-[focused=true]/day:border-primary-strong`,`group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`data-[range-end=true]:rounded`,`data-[range-end=true]:rounded-r`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded`,`data-[range-start=true]:rounded-l`,`[&>span]:text-xs [&>span]:opacity-70`,u.day,e),...l})},d=({children:e,...t})=>(0,o.jsx)(`td`,{...t,children:(0,o.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})});function f({className:e,classNames:n,showOutsideDays:r=!0,captionLayout:i=`label`,buttonVariant:f=`ghost`,formatters:p,components:m,...h}){let g=(0,s.getDefaultClassNames)();return(0,o.jsx)(s.DayPicker,{showOutsideDays:r,className:(0,a.cn)(`group/calendar bg-background p-3`,`[--cell-size:--spacing(8)]`,`in-data-[slot=card-content]:bg-transparent`,`in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:i,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...p},classNames:{root:(0,a.cn)(g.root),months:(0,a.cn)(`flex gap-4 flex-col md:flex-row relative`,g.months),month:(0,a.cn)(`flex flex-col w-full gap-4`,g.month),nav:(0,a.cn)(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,g.nav),button_previous:(0,a.cn)(t.n({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,g.button_previous),button_next:(0,a.cn)(t.n({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,g.button_next),month_caption:(0,a.cn)(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,g.month_caption),dropdowns:(0,a.cn)(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,g.dropdowns),dropdown_root:(0,a.cn)(`relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded`,g.dropdown_root),dropdown:(0,a.cn)(`absolute inset-0 opacity-0`,g.dropdown),caption_label:(0,a.cn)(`select-none font-medium`,i===`label`&&`text-sm`,i!==`label`&&`rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5`,g.caption_label),table:`w-full border-collapse`,weekdays:(0,a.cn)(`flex`,g.weekdays),weekday:(0,a.cn)(`text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none`,g.weekday),week:(0,a.cn)(`flex w-full mt-2`,g.week),week_number_header:(0,a.cn)(`select-none w-(--cell-size)`,g.week_number_header),week_number:(0,a.cn)(`text-[0.8rem] select-none text-text-positive`,g.week_number),day:(0,a.cn)(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,g.day),range_start:(0,a.cn)(`rounded-l bg-muted-muted`,g.range_start),range_middle:(0,a.cn)(`rounded-none`,g.range_middle),range_end:(0,a.cn)(`rounded-r bg-muted-muted`,g.range_end),today:(0,a.cn)(`bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none`,g.today),outside:(0,a.cn)(`[&>button]:text-text-positive-muted aria-selected:text-text-positive`),disabled:(0,a.cn)(`bg-muted-muted text-text-positive opacity-50`,g.disabled),hidden:(0,a.cn)(`invisible`,g.hidden),...n},components:{Root:c,Chevron:l,DayButton:u,WeekNumber:d,...m},...h})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
|
2
|
+
//# sourceMappingURL=calendar-4weBDnXz.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-CMd11yg9.cjs","names":["ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","Button","DayPicker","buttonVariants"],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["'use client';\nimport { type HTMLAttributes, type ThHTMLAttributes, useEffect, useRef } from 'react';\n\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\nimport { buttonVariants } from '@/components/ui/button.variants';\n\nimport { type CalendarWeek, type CustomComponents, type DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nconst CalendarRoot = ({\n rootRef,\n className,\n ...props\n}: {\n rootRef?: React.Ref<HTMLDivElement>;\n} & HTMLAttributes<HTMLDivElement>) => {\n return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />;\n};\n\nconst CalendarChevron = (props: { className?: string; size?: number; disabled?: boolean; orientation?: 'up' | 'down' | 'left' | 'right' }) => {\n if (props.orientation === 'left') {\n return <ChevronLeftIcon size={16} className={props.className} {...props} />;\n }\n\n if (props.orientation === 'right') {\n return <ChevronRightIcon size={16} className={props.className} {...props} />;\n }\n\n return <ChevronDownIcon size={16} className={props.className} {...props} />;\n};\n\nconst CalendarDayButton = ({ className, day, modifiers, color: _, ...props }: React.ComponentProps<typeof DayButton>) => {\n const defaultClassNames = getDefaultClassNames();\n\n const ref = useRef<HTMLButtonElement>(null);\n useEffect(() => {\n if (modifiers.focused) ref.current?.focus();\n }, [modifiers.focused]);\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n color=\"muted\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle}\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none',\n 'data-[selected-single=true]:bg-primary',\n 'data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-muted-muted',\n 'data-[range-middle=true]:text-text-positive',\n 'data-[range-start=true]:bg-primary-muted',\n 'data-[range-start=true]:text-text-positive-strong',\n 'data-[range-end=true]:bg-primary',\n 'data-[range-end=true]:text-text-positive-strong',\n 'group-data-[focused=true]/day:border-primary-strong',\n 'group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n 'data-[range-end=true]:rounded',\n 'data-[range-end=true]:rounded-r',\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded',\n 'data-[range-start=true]:rounded-l',\n '[&>span]:text-xs [&>span]:opacity-70',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n );\n};\n\nconst CalendarWeekNumber = ({\n children,\n ...props\n}: {\n week: CalendarWeek;\n} & ThHTMLAttributes<HTMLTableCellElement>) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">{children}</div>\n </td>\n );\n};\n\n/**\n * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.\n *\n * @example\n * ```tsx\n * import { Calendar } from '@customafk/lunas-ui/ui/calendar';\n *\n * const [date, setDate] = React.useState<Date>();\n *\n * <Calendar\n * mode=\"single\"\n * selected={date}\n * onSelect={setDate}\n * captionLayout=\"dropdown\"\n * />\n * ```\n */\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n buttonVariant = 'ghost',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n /** Variant applied to the previous/next navigation buttons. */\n buttonVariant?: React.ComponentProps<typeof Button>['variant'];\n}) {\n const defaultClassNames = getDefaultClassNames();\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'group/calendar bg-background p-3',\n '[--cell-size:--spacing(8)]',\n 'in-data-[slot=card-content]:bg-transparent',\n 'in-data-[slot=popover-content]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date => date.toLocaleString('default', { month: 'short' }),\n ...formatters,\n }}\n classNames={{\n root: cn(defaultClassNames.root),\n months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),\n month: cn('flex flex-col w-full gap-4', defaultClassNames.month),\n nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),\n button_previous: cn(\n buttonVariants({ variant: 'outline', color: 'muted' }),\n 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: 'outline', color: 'muted' }),\n 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),\n dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),\n dropdown_root: cn(\n 'relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn('absolute inset-0 opacity-0', defaultClassNames.dropdown),\n caption_label: cn(\n 'select-none font-medium',\n captionLayout === 'label' && 'text-sm',\n captionLayout !== 'label' && 'rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn('text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday),\n week: cn('flex w-full mt-2', defaultClassNames.week),\n week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),\n week_number: cn('text-[0.8rem] select-none text-text-positive', defaultClassNames.week_number),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn('rounded-l bg-muted-muted', defaultClassNames.range_start),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn('rounded-r bg-muted-muted', defaultClassNames.range_end),\n today: cn('bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none', defaultClassNames.today),\n outside: cn('[&>button]:text-text-positive-muted aria-selected:text-text-positive'),\n disabled: cn('bg-muted-muted text-text-positive opacity-50', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: CalendarRoot as CustomComponents['Root'],\n Chevron: CalendarChevron as CustomComponents['Chevron'],\n DayButton: CalendarDayButton as CustomComponents['DayButton'],\n WeekNumber: CalendarWeekNumber as CustomComponents['WeekNumber'],\n ...components,\n }}\n {...props}\n />\n );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"calendar-4weBDnXz.cjs","names":["ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","Button","DayPicker","buttonVariants"],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["'use client';\nimport { type HTMLAttributes, type ThHTMLAttributes, useEffect, useRef } from 'react';\n\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\nimport { buttonVariants } from '@/components/ui/button.variants';\n\nimport { type CalendarWeek, type CustomComponents, type DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nconst CalendarRoot = ({\n rootRef,\n className,\n ...props\n}: {\n rootRef?: React.Ref<HTMLDivElement>;\n} & HTMLAttributes<HTMLDivElement>) => {\n return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />;\n};\n\nconst CalendarChevron = (props: { className?: string; size?: number; disabled?: boolean; orientation?: 'up' | 'down' | 'left' | 'right' }) => {\n if (props.orientation === 'left') {\n return <ChevronLeftIcon size={16} className={props.className} {...props} />;\n }\n\n if (props.orientation === 'right') {\n return <ChevronRightIcon size={16} className={props.className} {...props} />;\n }\n\n return <ChevronDownIcon size={16} className={props.className} {...props} />;\n};\n\nconst CalendarDayButton = ({ className, day, modifiers, color: _, ...props }: React.ComponentProps<typeof DayButton>) => {\n const defaultClassNames = getDefaultClassNames();\n\n const ref = useRef<HTMLButtonElement>(null);\n useEffect(() => {\n if (modifiers.focused) ref.current?.focus();\n }, [modifiers.focused]);\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n color=\"muted\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle}\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none',\n 'data-[selected-single=true]:bg-primary',\n 'data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-muted-muted',\n 'data-[range-middle=true]:text-text-positive',\n 'data-[range-start=true]:bg-primary-muted',\n 'data-[range-start=true]:text-text-positive-strong',\n 'data-[range-end=true]:bg-primary',\n 'data-[range-end=true]:text-text-positive-strong',\n 'group-data-[focused=true]/day:border-primary-strong',\n 'group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n 'data-[range-end=true]:rounded',\n 'data-[range-end=true]:rounded-r',\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded',\n 'data-[range-start=true]:rounded-l',\n '[&>span]:text-xs [&>span]:opacity-70',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n );\n};\n\nconst CalendarWeekNumber = ({\n children,\n ...props\n}: {\n week: CalendarWeek;\n} & ThHTMLAttributes<HTMLTableCellElement>) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">{children}</div>\n </td>\n );\n};\n\n/**\n * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.\n *\n * @example\n * ```tsx\n * import { Calendar } from '@customafk/lunas-ui/ui/calendar';\n *\n * const [date, setDate] = React.useState<Date>();\n *\n * <Calendar\n * mode=\"single\"\n * selected={date}\n * onSelect={setDate}\n * captionLayout=\"dropdown\"\n * />\n * ```\n */\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n buttonVariant = 'ghost',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n /** Variant applied to the previous/next navigation buttons. */\n buttonVariant?: React.ComponentProps<typeof Button>['variant'];\n}) {\n const defaultClassNames = getDefaultClassNames();\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'group/calendar bg-background p-3',\n '[--cell-size:--spacing(8)]',\n 'in-data-[slot=card-content]:bg-transparent',\n 'in-data-[slot=popover-content]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date => date.toLocaleString('default', { month: 'short' }),\n ...formatters,\n }}\n classNames={{\n root: cn(defaultClassNames.root),\n months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),\n month: cn('flex flex-col w-full gap-4', defaultClassNames.month),\n nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),\n button_previous: cn(\n buttonVariants({ variant: 'outline', color: 'muted' }),\n 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: 'outline', color: 'muted' }),\n 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),\n dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),\n dropdown_root: cn(\n 'relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn('absolute inset-0 opacity-0', defaultClassNames.dropdown),\n caption_label: cn(\n 'select-none font-medium',\n captionLayout === 'label' && 'text-sm',\n captionLayout !== 'label' && 'rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn('text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday),\n week: cn('flex w-full mt-2', defaultClassNames.week),\n week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),\n week_number: cn('text-[0.8rem] select-none text-text-positive', defaultClassNames.week_number),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn('rounded-l bg-muted-muted', defaultClassNames.range_start),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn('rounded-r bg-muted-muted', defaultClassNames.range_end),\n today: cn('bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none', defaultClassNames.today),\n outside: cn('[&>button]:text-text-positive-muted aria-selected:text-text-positive'),\n disabled: cn('bg-muted-muted text-text-positive opacity-50', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: CalendarRoot as CustomComponents['Root'],\n Chevron: CalendarChevron as CustomComponents['Chevron'],\n DayButton: CalendarDayButton as CustomComponents['DayButton'],\n WeekNumber: CalendarWeekNumber as CustomComponents['WeekNumber'],\n ...components,\n }}\n {...props}\n />\n );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{n as e}from"./button.variants-
|
|
2
|
-
//# sourceMappingURL=calendar-
|
|
1
|
+
import{n as e}from"./button.variants-DkMqWB8G.mjs";import{t}from"./button-CCVJTHBI.mjs";import{ChevronDownIcon as n,ChevronLeftIcon as r,ChevronRightIcon as i}from"lucide-react";import{useEffect as a,useRef as o}from"react";import{cn as s}from"@customafk/react-toolkit/utils";import{jsx as c}from"react/jsx-runtime";import{DayPicker as l,getDefaultClassNames as u}from"react-day-picker";const d=({rootRef:e,className:t,...n})=>c(`div`,{"data-slot":`calendar`,ref:e,className:s(t),...n}),f=e=>e.orientation===`left`?c(r,{size:16,className:e.className,...e}):e.orientation===`right`?c(i,{size:16,className:e.className,...e}):c(n,{size:16,className:e.className,...e}),p=({className:e,day:n,modifiers:r,color:i,...l})=>{let d=u(),f=o(null);return a(()=>{r.focused&&f.current?.focus()},[r.focused]),c(t,{ref:f,variant:`ghost`,color:`muted`,"data-day":n.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:s(`flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none`,`data-[selected-single=true]:bg-primary`,`data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-muted-muted`,`data-[range-middle=true]:text-text-positive`,`data-[range-start=true]:bg-primary-muted`,`data-[range-start=true]:text-text-positive-strong`,`data-[range-end=true]:bg-primary`,`data-[range-end=true]:text-text-positive-strong`,`group-data-[focused=true]/day:border-primary-strong`,`group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`data-[range-end=true]:rounded`,`data-[range-end=true]:rounded-r`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded`,`data-[range-start=true]:rounded-l`,`[&>span]:text-xs [&>span]:opacity-70`,d.day,e),...l})},m=({children:e,...t})=>c(`td`,{...t,children:c(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})});function h({className:t,classNames:n,showOutsideDays:r=!0,captionLayout:i=`label`,buttonVariant:a=`ghost`,formatters:o,components:h,...g}){let _=u();return c(l,{showOutsideDays:r,className:s(`group/calendar bg-background p-3`,`[--cell-size:--spacing(8)]`,`in-data-[slot=card-content]:bg-transparent`,`in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:i,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...o},classNames:{root:s(_.root),months:s(`flex gap-4 flex-col md:flex-row relative`,_.months),month:s(`flex flex-col w-full gap-4`,_.month),nav:s(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,_.nav),button_previous:s(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_previous),button_next:s(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_next),month_caption:s(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,_.month_caption),dropdowns:s(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,_.dropdowns),dropdown_root:s(`relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded`,_.dropdown_root),dropdown:s(`absolute inset-0 opacity-0`,_.dropdown),caption_label:s(`select-none font-medium`,i===`label`&&`text-sm`,i!==`label`&&`rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5`,_.caption_label),table:`w-full border-collapse`,weekdays:s(`flex`,_.weekdays),weekday:s(`text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none`,_.weekday),week:s(`flex w-full mt-2`,_.week),week_number_header:s(`select-none w-(--cell-size)`,_.week_number_header),week_number:s(`text-[0.8rem] select-none text-text-positive`,_.week_number),day:s(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,_.day),range_start:s(`rounded-l bg-muted-muted`,_.range_start),range_middle:s(`rounded-none`,_.range_middle),range_end:s(`rounded-r bg-muted-muted`,_.range_end),today:s(`bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none`,_.today),outside:s(`[&>button]:text-text-positive-muted aria-selected:text-text-positive`),disabled:s(`bg-muted-muted text-text-positive opacity-50`,_.disabled),hidden:s(`invisible`,_.hidden),...n},components:{Root:d,Chevron:f,DayButton:p,WeekNumber:m,...h},...g})}export{p as n,h as t};
|
|
2
|
+
//# sourceMappingURL=calendar-R866yyd1.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-BDhIfwPP.mjs","names":[],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["'use client';\nimport { type HTMLAttributes, type ThHTMLAttributes, useEffect, useRef } from 'react';\n\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\nimport { buttonVariants } from '@/components/ui/button.variants';\n\nimport { type CalendarWeek, type CustomComponents, type DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nconst CalendarRoot = ({\n rootRef,\n className,\n ...props\n}: {\n rootRef?: React.Ref<HTMLDivElement>;\n} & HTMLAttributes<HTMLDivElement>) => {\n return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />;\n};\n\nconst CalendarChevron = (props: { className?: string; size?: number; disabled?: boolean; orientation?: 'up' | 'down' | 'left' | 'right' }) => {\n if (props.orientation === 'left') {\n return <ChevronLeftIcon size={16} className={props.className} {...props} />;\n }\n\n if (props.orientation === 'right') {\n return <ChevronRightIcon size={16} className={props.className} {...props} />;\n }\n\n return <ChevronDownIcon size={16} className={props.className} {...props} />;\n};\n\nconst CalendarDayButton = ({ className, day, modifiers, color: _, ...props }: React.ComponentProps<typeof DayButton>) => {\n const defaultClassNames = getDefaultClassNames();\n\n const ref = useRef<HTMLButtonElement>(null);\n useEffect(() => {\n if (modifiers.focused) ref.current?.focus();\n }, [modifiers.focused]);\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n color=\"muted\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle}\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none',\n 'data-[selected-single=true]:bg-primary',\n 'data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-muted-muted',\n 'data-[range-middle=true]:text-text-positive',\n 'data-[range-start=true]:bg-primary-muted',\n 'data-[range-start=true]:text-text-positive-strong',\n 'data-[range-end=true]:bg-primary',\n 'data-[range-end=true]:text-text-positive-strong',\n 'group-data-[focused=true]/day:border-primary-strong',\n 'group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n 'data-[range-end=true]:rounded',\n 'data-[range-end=true]:rounded-r',\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded',\n 'data-[range-start=true]:rounded-l',\n '[&>span]:text-xs [&>span]:opacity-70',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n );\n};\n\nconst CalendarWeekNumber = ({\n children,\n ...props\n}: {\n week: CalendarWeek;\n} & ThHTMLAttributes<HTMLTableCellElement>) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">{children}</div>\n </td>\n );\n};\n\n/**\n * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.\n *\n * @example\n * ```tsx\n * import { Calendar } from '@customafk/lunas-ui/ui/calendar';\n *\n * const [date, setDate] = React.useState<Date>();\n *\n * <Calendar\n * mode=\"single\"\n * selected={date}\n * onSelect={setDate}\n * captionLayout=\"dropdown\"\n * />\n * ```\n */\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n buttonVariant = 'ghost',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n /** Variant applied to the previous/next navigation buttons. */\n buttonVariant?: React.ComponentProps<typeof Button>['variant'];\n}) {\n const defaultClassNames = getDefaultClassNames();\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'group/calendar bg-background p-3',\n '[--cell-size:--spacing(8)]',\n 'in-data-[slot=card-content]:bg-transparent',\n 'in-data-[slot=popover-content]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date => date.toLocaleString('default', { month: 'short' }),\n ...formatters,\n }}\n classNames={{\n root: cn(defaultClassNames.root),\n months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),\n month: cn('flex flex-col w-full gap-4', defaultClassNames.month),\n nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),\n button_previous: cn(\n buttonVariants({ variant: 'outline', color: 'muted' }),\n 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: 'outline', color: 'muted' }),\n 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),\n dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),\n dropdown_root: cn(\n 'relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn('absolute inset-0 opacity-0', defaultClassNames.dropdown),\n caption_label: cn(\n 'select-none font-medium',\n captionLayout === 'label' && 'text-sm',\n captionLayout !== 'label' && 'rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn('text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday),\n week: cn('flex w-full mt-2', defaultClassNames.week),\n week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),\n week_number: cn('text-[0.8rem] select-none text-text-positive', defaultClassNames.week_number),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn('rounded-l bg-muted-muted', defaultClassNames.range_start),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn('rounded-r bg-muted-muted', defaultClassNames.range_end),\n today: cn('bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none', defaultClassNames.today),\n outside: cn('[&>button]:text-text-positive-muted aria-selected:text-text-positive'),\n disabled: cn('bg-muted-muted text-text-positive opacity-50', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: CalendarRoot as CustomComponents['Root'],\n Chevron: CalendarChevron as CustomComponents['Chevron'],\n DayButton: CalendarDayButton as CustomComponents['DayButton'],\n WeekNumber: CalendarWeekNumber as CustomComponents['WeekNumber'],\n ...components,\n }}\n {...props}\n />\n );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"calendar-R866yyd1.mjs","names":[],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["'use client';\nimport { type HTMLAttributes, type ThHTMLAttributes, useEffect, useRef } from 'react';\n\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\nimport { buttonVariants } from '@/components/ui/button.variants';\n\nimport { type CalendarWeek, type CustomComponents, type DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nconst CalendarRoot = ({\n rootRef,\n className,\n ...props\n}: {\n rootRef?: React.Ref<HTMLDivElement>;\n} & HTMLAttributes<HTMLDivElement>) => {\n return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />;\n};\n\nconst CalendarChevron = (props: { className?: string; size?: number; disabled?: boolean; orientation?: 'up' | 'down' | 'left' | 'right' }) => {\n if (props.orientation === 'left') {\n return <ChevronLeftIcon size={16} className={props.className} {...props} />;\n }\n\n if (props.orientation === 'right') {\n return <ChevronRightIcon size={16} className={props.className} {...props} />;\n }\n\n return <ChevronDownIcon size={16} className={props.className} {...props} />;\n};\n\nconst CalendarDayButton = ({ className, day, modifiers, color: _, ...props }: React.ComponentProps<typeof DayButton>) => {\n const defaultClassNames = getDefaultClassNames();\n\n const ref = useRef<HTMLButtonElement>(null);\n useEffect(() => {\n if (modifiers.focused) ref.current?.focus();\n }, [modifiers.focused]);\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n color=\"muted\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle}\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none',\n 'data-[selected-single=true]:bg-primary',\n 'data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-muted-muted',\n 'data-[range-middle=true]:text-text-positive',\n 'data-[range-start=true]:bg-primary-muted',\n 'data-[range-start=true]:text-text-positive-strong',\n 'data-[range-end=true]:bg-primary',\n 'data-[range-end=true]:text-text-positive-strong',\n 'group-data-[focused=true]/day:border-primary-strong',\n 'group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n 'data-[range-end=true]:rounded',\n 'data-[range-end=true]:rounded-r',\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded',\n 'data-[range-start=true]:rounded-l',\n '[&>span]:text-xs [&>span]:opacity-70',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n );\n};\n\nconst CalendarWeekNumber = ({\n children,\n ...props\n}: {\n week: CalendarWeek;\n} & ThHTMLAttributes<HTMLTableCellElement>) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">{children}</div>\n </td>\n );\n};\n\n/**\n * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.\n *\n * @example\n * ```tsx\n * import { Calendar } from '@customafk/lunas-ui/ui/calendar';\n *\n * const [date, setDate] = React.useState<Date>();\n *\n * <Calendar\n * mode=\"single\"\n * selected={date}\n * onSelect={setDate}\n * captionLayout=\"dropdown\"\n * />\n * ```\n */\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n buttonVariant = 'ghost',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n /** Variant applied to the previous/next navigation buttons. */\n buttonVariant?: React.ComponentProps<typeof Button>['variant'];\n}) {\n const defaultClassNames = getDefaultClassNames();\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'group/calendar bg-background p-3',\n '[--cell-size:--spacing(8)]',\n 'in-data-[slot=card-content]:bg-transparent',\n 'in-data-[slot=popover-content]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date => date.toLocaleString('default', { month: 'short' }),\n ...formatters,\n }}\n classNames={{\n root: cn(defaultClassNames.root),\n months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),\n month: cn('flex flex-col w-full gap-4', defaultClassNames.month),\n nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),\n button_previous: cn(\n buttonVariants({ variant: 'outline', color: 'muted' }),\n 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: 'outline', color: 'muted' }),\n 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),\n dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),\n dropdown_root: cn(\n 'relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn('absolute inset-0 opacity-0', defaultClassNames.dropdown),\n caption_label: cn(\n 'select-none font-medium',\n captionLayout === 'label' && 'text-sm',\n captionLayout !== 'label' && 'rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn('text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday),\n week: cn('flex w-full mt-2', defaultClassNames.week),\n week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),\n week_number: cn('text-[0.8rem] select-none text-text-positive', defaultClassNames.week_number),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn('rounded-l bg-muted-muted', defaultClassNames.range_start),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn('rounded-r bg-muted-muted', defaultClassNames.range_end),\n today: cn('bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none', defaultClassNames.today),\n outside: cn('[&>button]:text-text-positive-muted aria-selected:text-text-positive'),\n disabled: cn('bg-muted-muted text-text-positive opacity-50', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: CalendarRoot as CustomComponents['Root'],\n Chevron: CalendarChevron as CustomComponents['Chevron'],\n DayButton: CalendarDayButton as CustomComponents['DayButton'],\n WeekNumber: CalendarWeekNumber as CustomComponents['WeekNumber'],\n ...components,\n }}\n {...props}\n />\n );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`../chunk-
|
|
1
|
+
const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`);const n=require(`../ui/card.cjs`);require(`../skeleton-CX1USu1w.cjs`);const r=require(`../image-W_Yb0xTB.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.Card,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[(0,a.jsx)(r.t,{className:`aspect-square h-full flex-0`,src:o}),(0,a.jsxs)(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[(0,a.jsx)(`p`,{className:`line-clamp-2 h-10 font-semibold text-sm text-text-positive`,children:e}),(0,a.jsxs)(`p`,{className:`font-bold text-base text-success`,children:[s.toLocaleString(`vi-VN`),(0,a.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,a.jsxs)(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[(0,a.jsx)(t.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})}),(0,a.jsxs)(t.t,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),(0,a.jsx)(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});exports.GridProductCard=o;
|
|
2
2
|
//# sourceMappingURL=grid-product-card.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../button.variants-
|
|
1
|
+
import"../button.variants-DkMqWB8G.mjs";import{t as e}from"../button-CCVJTHBI.mjs";import"../heading-De4Pn3mZ.mjs";import"../paragraph-DYLaQtTV.mjs";import{Card as t}from"../ui/card.mjs";import"../skeleton-C51IdOfK.mjs";import{t as n}from"../image-D7OZ13Ib.mjs";import{HeartIcon as r,ShoppingCartIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:s,thumbnail:c,price:l})=>o(t,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[a(n,{className:`aspect-square h-full flex-0`,src:c}),o(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[a(`p`,{className:`line-clamp-2 h-10 font-semibold text-sm text-text-positive`,children:s}),o(`p`,{className:`font-bold text-base text-success`,children:[l.toLocaleString(`vi-VN`),a(`small`,{className:`ml-0.5`,children:`VND`})]}),o(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[a(e,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:a(r,{})}),o(e,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[a(i,{}),a(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});export{s as GridProductCard};
|
|
2
2
|
//# sourceMappingURL=grid-product-card.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`../chunk-
|
|
1
|
+
const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`);const n=require(`../ui/card.cjs`);require(`../skeleton-CX1USu1w.cjs`);const r=require(`../image-W_Yb0xTB.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.Card,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,a.jsx)(r.t,{src:o,className:`aspect-square`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,a.jsx)(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:e}),(0,a.jsxs)(`p`,{className:`text-success text-base font-bold`,children:[s.toLocaleString(`vi-VN`),(0,a.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,a.jsxs)(`div`,{className:`mt-1 flex gap-x-1`,children:[(0,a.jsxs)(t.t,{className:`flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,a.jsx)(t.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})})]})]})]});exports.ProductCard=o;
|
|
2
2
|
//# sourceMappingURL=product-card.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../button.variants-
|
|
1
|
+
import"../button.variants-DkMqWB8G.mjs";import{t as e}from"../button-CCVJTHBI.mjs";import"../heading-De4Pn3mZ.mjs";import"../paragraph-DYLaQtTV.mjs";import{Card as t}from"../ui/card.mjs";import"../skeleton-C51IdOfK.mjs";import{t as n}from"../image-D7OZ13Ib.mjs";import{HeartIcon as r,ShoppingCartIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:s,thumbnail:c,price:l})=>o(t,{className:`size-full gap-y-2 p-2 pb-4`,children:[a(n,{src:c,className:`aspect-square`}),o(`div`,{className:`flex flex-col gap-y-1`,children:[a(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:s}),o(`p`,{className:`text-success text-base font-bold`,children:[l.toLocaleString(`vi-VN`),a(`small`,{className:`ml-0.5`,children:`VND`})]}),o(`div`,{className:`mt-1 flex gap-x-1`,children:[o(e,{className:`flex-1`,children:[a(i,{}),`Thêm vào giỏ`]}),a(e,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:a(r,{})})]})]})]});export{s as ProductCard};
|
|
2
2
|
//# sourceMappingURL=product-card.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";const e=require(`../chunk-
|
|
1
|
+
"use client";const e=require(`../chunk-350yNsax.cjs`);require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`);const t=require(`../ui/card.cjs`);let n=require(`react/jsx-runtime`);const r=({title:e,description:r,action:i,footer:a,children:o})=>(0,n.jsxs)(t.Card,{children:[(0,n.jsxs)(t.CardHeader,{children:[(0,n.jsx)(t.CardTitle,{children:e}),(0,n.jsx)(t.CardDescription,{children:r}),i&&(0,n.jsx)(t.CardAction,{children:i})]}),(0,n.jsx)(t.CardContent,{children:o}),a&&(0,n.jsx)(t.CardFooter,{children:a})]});exports.SimpleCard=r;
|
|
2
2
|
//# sourceMappingURL=simple-card.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react0 from "react";
|
|
2
2
|
|
|
3
3
|
//#region packages/components/cards/simple-card.d.ts
|
|
4
4
|
type Props = {
|
|
@@ -29,7 +29,7 @@ declare const SimpleCard: ({
|
|
|
29
29
|
action,
|
|
30
30
|
footer,
|
|
31
31
|
children
|
|
32
|
-
}: React.PropsWithChildren<Props>) =>
|
|
32
|
+
}: React.PropsWithChildren<Props>) => react0.JSX.Element;
|
|
33
33
|
//#endregion
|
|
34
34
|
export { SimpleCard };
|
|
35
35
|
//# sourceMappingURL=simple-card.d.mts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import"../heading-
|
|
1
|
+
"use client";import"../heading-De4Pn3mZ.mjs";import"../paragraph-DYLaQtTV.mjs";import{Card as e,CardAction as t,CardContent as n,CardDescription as r,CardFooter as i,CardHeader as a,CardTitle as o}from"../ui/card.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({title:l,description:u,action:d,footer:f,children:p})=>c(e,{children:[c(a,{children:[s(o,{children:l}),s(r,{children:u}),d&&s(t,{children:d})]}),s(n,{children:p}),f&&s(i,{children:f})]});export{l as SimpleCard};
|
|
2
2
|
//# sourceMappingURL=simple-card.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{CheckIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";import{Checkbox as r}from"radix-ui";function i({className:i,...a}){return n(r.Root,{"data-slot":`checkbox`,className:t(`peer border-border`,`size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-primary-strong`,`focus-visible:ring-3`,`focus-visible:ring-primary-weak`,`aria-invalid:border-danger aria-invalid:ring-danger-weak`,`aria-readonly:bg-muted-muted`,`aria-readonly:pointer-events-none`,`data-[state=checked]:aria-readonly:bg-muted-muted`,`data-[state=checked]:aria-readonly:border-border`,`data-[state=checked]:aria-readonly:text-text-positive-strong`,`data-[state=checked]:bg-primary`,`data-[state=checked]:border-primary-strong`,`data-[state=checked]:text-text-negative-strong`,i),...a,children:n(r.Indicator,{"data-slot":`checkbox-indicator`,className:`flex items-center justify-center text-current transition-none`,children:n(e,{size:14})})})}export{i as t};
|
|
2
|
-
//# sourceMappingURL=checkbox-
|
|
2
|
+
//# sourceMappingURL=checkbox-Cat3i08X.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-
|
|
1
|
+
{"version":3,"file":"checkbox-Cat3i08X.mjs","names":["Checkbox","CheckboxPrimitive"],"sources":["../packages/components/ui/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\n\n/**\n * Accessible checkbox input built on Radix UI's Checkbox primitive with checked, indeterminate, focus, invalid, and read-only states.\n *\n * @example\n * ```tsx\n * import { Checkbox } from '@customafk/lunas-ui/ui/checkbox';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <div className=\"flex items-center gap-2\">\n * <Checkbox id=\"terms\" />\n * <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n * </div>\n * ```\n */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n 'peer border-border',\n 'size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all',\n 'disabled:cursor-not-allowed disabled:opacity-50',\n 'focus-visible:border-primary-strong',\n 'focus-visible:ring-3',\n 'focus-visible:ring-primary-weak',\n 'aria-invalid:border-danger aria-invalid:ring-danger-weak',\n 'aria-readonly:bg-muted-muted',\n 'aria-readonly:pointer-events-none',\n 'data-[state=checked]:aria-readonly:bg-muted-muted',\n 'data-[state=checked]:aria-readonly:border-border',\n 'data-[state=checked]:aria-readonly:text-text-positive-strong',\n 'data-[state=checked]:bg-primary',\n 'data-[state=checked]:border-primary-strong',\n 'data-[state=checked]:text-text-negative-strong',\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"flex items-center justify-center text-current transition-none\">\n <CheckIcon size={14} />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n}\n\nexport { Checkbox };\n"],"mappings":"yKAsBA,SAASA,EAAS,CAAE,YAAW,GAAG,GAA8D,CAC9F,OACE,EAACC,EAAkB,KAAA,CACjB,YAAU,WACV,UAAW,EACT,qBACA,sFACA,kDACA,sCACA,uBACA,kCACA,2DACA,+BACA,oCACA,oDACA,mDACA,+DACA,kCACA,6CACA,iDACA,EACD,CACD,GAAI,WAEJ,EAACA,EAAkB,UAAA,CAAU,YAAU,qBAAqB,UAAU,yEACpE,EAAC,EAAA,CAAU,KAAM,GAAA,CAAM,EACK,EACP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=checkbox-
|
|
1
|
+
const e=require(`./chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({className:e,...a}){return(0,r.jsx)(i.Checkbox.Root,{"data-slot":`checkbox`,className:(0,n.cn)(`peer border-border`,`size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-primary-strong`,`focus-visible:ring-3`,`focus-visible:ring-primary-weak`,`aria-invalid:border-danger aria-invalid:ring-danger-weak`,`aria-readonly:bg-muted-muted`,`aria-readonly:pointer-events-none`,`data-[state=checked]:aria-readonly:bg-muted-muted`,`data-[state=checked]:aria-readonly:border-border`,`data-[state=checked]:aria-readonly:text-text-positive-strong`,`data-[state=checked]:bg-primary`,`data-[state=checked]:border-primary-strong`,`data-[state=checked]:text-text-negative-strong`,e),...a,children:(0,r.jsx)(i.Checkbox.Indicator,{"data-slot":`checkbox-indicator`,className:`flex items-center justify-center text-current transition-none`,children:(0,r.jsx)(t.CheckIcon,{size:14})})})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
|
|
2
|
+
//# sourceMappingURL=checkbox-Dsq-MSbH.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-
|
|
1
|
+
{"version":3,"file":"checkbox-Dsq-MSbH.cjs","names":["CheckboxPrimitive","CheckIcon"],"sources":["../packages/components/ui/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\n\n/**\n * Accessible checkbox input built on Radix UI's Checkbox primitive with checked, indeterminate, focus, invalid, and read-only states.\n *\n * @example\n * ```tsx\n * import { Checkbox } from '@customafk/lunas-ui/ui/checkbox';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <div className=\"flex items-center gap-2\">\n * <Checkbox id=\"terms\" />\n * <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n * </div>\n * ```\n */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n 'peer border-border',\n 'size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all',\n 'disabled:cursor-not-allowed disabled:opacity-50',\n 'focus-visible:border-primary-strong',\n 'focus-visible:ring-3',\n 'focus-visible:ring-primary-weak',\n 'aria-invalid:border-danger aria-invalid:ring-danger-weak',\n 'aria-readonly:bg-muted-muted',\n 'aria-readonly:pointer-events-none',\n 'data-[state=checked]:aria-readonly:bg-muted-muted',\n 'data-[state=checked]:aria-readonly:border-border',\n 'data-[state=checked]:aria-readonly:text-text-positive-strong',\n 'data-[state=checked]:bg-primary',\n 'data-[state=checked]:border-primary-strong',\n 'data-[state=checked]:text-text-negative-strong',\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"flex items-center justify-center text-current transition-none\">\n <CheckIcon size={14} />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n}\n\nexport { Checkbox };\n"],"mappings":"uKAsBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAA8D,CAC9F,OACE,EAAA,EAAA,KAACA,EAAAA,SAAkB,KAAA,CACjB,YAAU,WACV,WAAA,EAAA,EAAA,IACE,qBACA,sFACA,kDACA,sCACA,uBACA,kCACA,2DACA,+BACA,oCACA,oDACA,mDACA,+DACA,kCACA,6CACA,iDACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAACA,EAAAA,SAAkB,UAAA,CAAU,YAAU,qBAAqB,UAAU,0EACpE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,KAAM,GAAA,CAAM,EACK,EACP"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=close-
|
|
1
|
+
const e=require(`./chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`);const i=({className:e,...i})=>(0,r.jsx)(`button`,{className:(0,n.cn)(`flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60`,e),...i,children:(0,r.jsx)(t.XIcon,{size:24})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
|
|
2
|
+
//# sourceMappingURL=close-Dlo1bI8x.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"close-
|
|
1
|
+
{"version":3,"file":"close-Dlo1bI8x.cjs","names":["CloseButton: React.FC<React.ComponentProps<'button'>>","XIcon"],"sources":["../packages/components/ui/buttons/close.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nexport const CloseButton: React.FC<React.ComponentProps<'button'>> = ({ className, ...props }) => {\n return (\n <button\n className={cn(\n 'flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60',\n className\n )}\n {...props}\n >\n <XIcon size={24} />\n </button>\n );\n};\n"],"mappings":"iJAIA,MAAaA,GAAyD,CAAE,YAAW,GAAG,MAElF,EAAA,EAAA,KAAC,SAAA,CACC,WAAA,EAAA,EAAA,IACE,qQACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,KAAM,GAAA,CAAM,EACZ"}
|