@customafk/lunas-ui 0.0.17 → 0.0.18
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/{add-new-aIL8RwI8.cjs → add-new-BFH8xexA.cjs} +2 -2
- package/dist/{add-new-aIL8RwI8.cjs.map → add-new-BFH8xexA.cjs.map} +1 -1
- package/dist/{alert-dialog-BQv-ZvW9.cjs → alert-dialog-B4HEoCVQ.cjs} +2 -2
- package/dist/{alert-dialog-BQv-ZvW9.cjs.map → alert-dialog-B4HEoCVQ.cjs.map} +1 -1
- package/dist/{alert-dialog-0KwdjY-6.js → alert-dialog-CQa0TLlF.js} +1 -1
- package/dist/{alert-dialog-0KwdjY-6.js.map → alert-dialog-CQa0TLlF.js.map} +1 -1
- package/dist/{badge-DYEZ71Xn.cjs → badge-D4NxkKeN.cjs} +2 -2
- package/dist/{badge-DYEZ71Xn.cjs.map → badge-D4NxkKeN.cjs.map} +1 -1
- package/dist/{button-CuU6oSLD.d.cts → button-BqHpK9ZD.d.cts} +3 -3
- package/dist/{button-CycE0WzB.cjs → button-Dzv_nos1.cjs} +2 -2
- package/dist/{button-CycE0WzB.cjs.map → button-Dzv_nos1.cjs.map} +1 -1
- package/dist/{button-CSCHa_Am.d.ts → button-viOSpM8C.d.ts} +3 -3
- package/dist/{calendar-CPFb8F_s.cjs → calendar-CFM_sI4P.cjs} +2 -2
- package/dist/{calendar-CPFb8F_s.cjs.map → calendar-CFM_sI4P.cjs.map} +1 -1
- package/dist/{calendar-5D53vIAn.js → calendar-DaYVxwJx.js} +1 -1
- package/dist/{calendar-5D53vIAn.js.map → calendar-DaYVxwJx.js.map} +1 -1
- package/dist/{card-D7C05tvk.cjs → card-Dta5eW8u.cjs} +2 -2
- package/dist/{card-D7C05tvk.cjs.map → card-Dta5eW8u.cjs.map} +1 -1
- package/dist/cards/simple-card.cjs +1 -1
- package/dist/chunk-CUT6urMc.cjs +1 -0
- package/dist/{command-LdK9xFuR.js → command-DCJja1nB.js} +2 -2
- package/dist/{command-LdK9xFuR.js.map → command-DCJja1nB.js.map} +1 -1
- package/dist/{command-CS4JXTso.cjs → command-DYtYCUp1.cjs} +2 -2
- package/dist/{command-CS4JXTso.cjs.map → command-DYtYCUp1.cjs.map} +1 -1
- package/dist/{command-vuztQuTH.d.cts → command-EKVhNuY-.d.cts} +12 -12
- package/dist/{command-BZg2dhcb.d.ts → command-_3jLWGfB.d.ts} +12 -12
- package/dist/data-display/country.cjs +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.cjs +1 -1
- package/dist/data-display/empty.cjs +1 -1
- package/dist/data-display/empty.d.cts +2 -2
- package/dist/data-display/empty.d.ts +2 -2
- package/dist/data-display/name.cjs +1 -1
- package/dist/data-display/phone-number.cjs +1 -1
- package/dist/data-display/role-badge.cjs +1 -1
- package/dist/data-display/statistic.cjs +1 -1
- package/dist/data-display/statistic.d.cts +2 -2
- package/dist/data-display/statistic.d.ts +2 -2
- package/dist/{date-ByLOGsKl.cjs → date-nd8WkPlx.cjs} +2 -2
- package/dist/{date-ByLOGsKl.cjs.map → date-nd8WkPlx.cjs.map} +1 -1
- package/dist/{dialog-BVSZLHKF.d.ts → dialog-Bt1pX1-_.d.ts} +12 -12
- package/dist/{dialog-Cs7JBaly.js → dialog-C0AcPpDH.js} +1 -1
- package/dist/{dialog-Cs7JBaly.js.map → dialog-C0AcPpDH.js.map} +1 -1
- package/dist/{dialog-CXZOtc6v.cjs → dialog-CEonbrh4.cjs} +2 -2
- package/dist/{dialog-CXZOtc6v.cjs.map → dialog-CEonbrh4.cjs.map} +1 -1
- package/dist/{dialog-DD_l4CDw.d.cts → dialog-J6u7hDug.d.cts} +12 -12
- package/dist/dialogs/confirm-dialog.cjs +1 -1
- package/dist/dialogs/confirm-dialog.js +1 -1
- package/dist/dialogs/detail-dialog/component/sidebar.cjs +1 -1
- package/dist/dialogs/detail-dialog/component/sidebar.d.cts +30 -30
- package/dist/dialogs/detail-dialog/component/sidebar.d.ts +28 -28
- package/dist/dialogs/detail-dialog/index.cjs +1 -1
- package/dist/dialogs/detail-dialog/index.js +1 -1
- package/dist/dialogs/error-dialog.cjs +1 -1
- package/dist/dialogs/error-dialog.js +1 -1
- package/dist/dialogs/form-dialog.cjs +1 -1
- package/dist/dialogs/form-dialog.d.cts +2 -2
- package/dist/dialogs/form-dialog.d.ts +2 -2
- package/dist/dialogs/form-dialog.js +1 -1
- package/dist/dialogs/loading-dialog.cjs +1 -1
- package/dist/dialogs/loading-dialog.js +1 -1
- package/dist/{dropdown-menu-QdmFgxxq.cjs → dropdown-menu-BIv0JrLQ.cjs} +2 -2
- package/dist/{dropdown-menu-QdmFgxxq.cjs.map → dropdown-menu-BIv0JrLQ.cjs.map} +1 -1
- package/dist/{error-dialog-DO0Bb-pi.cjs → error-dialog-D5WK8K_-.cjs} +2 -2
- package/dist/{error-dialog-DO0Bb-pi.cjs.map → error-dialog-D5WK8K_-.cjs.map} +1 -1
- package/dist/{error-dialog-D_4WL-Hj.js → error-dialog-DlhosP10.js} +2 -2
- package/dist/{error-dialog-D_4WL-Hj.js.map → error-dialog-DlhosP10.js.map} +1 -1
- package/dist/{flex-yTyoLpgH.cjs → flex-CNA_SId-.cjs} +2 -2
- package/dist/{flex-yTyoLpgH.cjs.map → flex-CNA_SId-.cjs.map} +1 -1
- package/dist/{form-C_PCHrpx.cjs → form-CYZkgobJ.cjs} +2 -2
- package/dist/{form-C_PCHrpx.cjs.map → form-CYZkgobJ.cjs.map} +1 -1
- package/dist/{form-wrapper-FYiHHas7.cjs → form-wrapper-CPNPpcLO.cjs} +2 -2
- package/dist/{form-wrapper-FYiHHas7.cjs.map → form-wrapper-CPNPpcLO.cjs.map} +1 -1
- package/dist/{form-wrapper-D-2Uz518.js → form-wrapper-YPIbD8rh.js} +2 -2
- package/dist/{form-wrapper-D-2Uz518.js.map → form-wrapper-YPIbD8rh.js.map} +1 -1
- package/dist/forms/combobox-field.cjs +1 -41
- package/dist/forms/combobox-field.cjs.map +1 -1
- package/dist/forms/combobox-field.d.cts +2 -2
- package/dist/forms/combobox-field.d.ts +2 -2
- package/dist/forms/combobox-field.js +1 -41
- package/dist/forms/combobox-field.js.map +1 -1
- package/dist/forms/date-field.cjs +1 -1
- package/dist/forms/date-field.d.cts +2 -2
- package/dist/forms/date-field.d.ts +2 -2
- package/dist/forms/date-field.js +1 -1
- package/dist/forms/form-wrapper.cjs +1 -1
- package/dist/forms/form-wrapper.d.cts +2 -2
- package/dist/forms/form-wrapper.d.ts +2 -2
- package/dist/forms/form-wrapper.js +1 -1
- package/dist/forms/multi-select-field.cjs +1 -1
- package/dist/forms/multi-select-field.cjs.map +1 -1
- package/dist/forms/multi-select-field.d.cts +2 -2
- package/dist/forms/multi-select-field.d.ts +2 -2
- package/dist/forms/multi-select-field.js +1 -1
- package/dist/forms/number-field.cjs +1 -1
- package/dist/forms/number-field.d.cts +2 -2
- package/dist/forms/number-field.d.ts +2 -2
- package/dist/forms/password-field.cjs +1 -1
- package/dist/forms/password-field.d.cts +2 -2
- package/dist/forms/password-field.d.ts +2 -2
- package/dist/forms/select-field.cjs +1 -1
- package/dist/forms/select-field.d.cts +2 -2
- package/dist/forms/select-field.d.ts +2 -2
- package/dist/forms/switch-field.cjs +1 -1
- package/dist/forms/switch-field.d.cts +2 -2
- package/dist/forms/switch-field.d.ts +2 -2
- package/dist/forms/text-field.cjs +1 -1
- package/dist/forms/text-field.d.cts +2 -2
- package/dist/forms/text-field.d.ts +2 -2
- package/dist/forms/textarea-field.cjs +1 -1
- package/dist/forms/textarea-field.d.cts +2 -2
- package/dist/forms/textarea-field.d.ts +2 -2
- package/dist/{input-C8Sebaue.cjs → input-C9Zl3f86.cjs} +2 -2
- package/dist/{input-C8Sebaue.cjs.map → input-C9Zl3f86.cjs.map} +1 -1
- package/dist/{input-C9cWfT_8.d.cts → input-CQbLcUW8.d.cts} +3 -3
- package/dist/{input-CmS8M0zo.d.ts → input-DiWzV1Tq.d.ts} +3 -3
- package/dist/{label-i858Jr98.cjs → label-CunjD1rx.cjs} +2 -2
- package/dist/{label-i858Jr98.cjs.map → label-CunjD1rx.cjs.map} +1 -1
- package/dist/layouts/flex.cjs +1 -1
- package/dist/layouts/flex.d.cts +3 -3
- package/dist/layouts/flex.d.ts +3 -3
- package/dist/layouts/main/index.cjs +1 -1
- package/dist/layouts/main/index.d.cts +4 -4
- package/dist/{multi-select-BNh2ezg-.cjs → multi-select-1DlXucsl.cjs} +2 -2
- package/dist/{multi-select-BNh2ezg-.cjs.map → multi-select-1DlXucsl.cjs.map} +1 -1
- package/dist/{multi-select-B_fLji2s.js → multi-select-p5ihXgWH.js} +2 -2
- package/dist/{multi-select-B_fLji2s.js.map → multi-select-p5ihXgWH.js.map} +1 -1
- package/dist/{paragraph-DWQ0PZt_.cjs → paragraph-ZxI8zxuf.cjs} +2 -2
- package/dist/{paragraph-DWQ0PZt_.cjs.map → paragraph-ZxI8zxuf.cjs.map} +1 -1
- package/dist/{popover-CAokgoc_.cjs → popover-DtruYFq3.cjs} +2 -2
- package/dist/{popover-CAokgoc_.cjs.map → popover-DtruYFq3.cjs.map} +1 -1
- package/dist/{popover-B8j86VQv.js → popover-tDri6Ded.js} +1 -1
- package/dist/{popover-B8j86VQv.js.map → popover-tDri6Ded.js.map} +1 -1
- package/dist/{progress-CHh9eRZi.cjs → progress-Bu1_efDo.cjs} +2 -2
- package/dist/{progress-CHh9eRZi.cjs.map → progress-Bu1_efDo.cjs.map} +1 -1
- package/dist/{refresh-BuL5nDf9.cjs → refresh-CGfJY7U7.cjs} +2 -2
- package/dist/{refresh-BuL5nDf9.cjs.map → refresh-CGfJY7U7.cjs.map} +1 -1
- package/dist/{scroll-area-fNeFxa8L.cjs → scroll-area-CBq8XL4c.cjs} +2 -2
- package/dist/{scroll-area-fNeFxa8L.cjs.map → scroll-area-CBq8XL4c.cjs.map} +1 -1
- package/dist/{search-input-CWCcWgmA.cjs → search-input-Bl5nix1f.cjs} +2 -2
- package/dist/{search-input-CWCcWgmA.cjs.map → search-input-Bl5nix1f.cjs.map} +1 -1
- package/dist/{select-sfw-dJW8.cjs → select-LQyuaEs8.cjs} +2 -2
- package/dist/{select-sfw-dJW8.cjs.map → select-LQyuaEs8.cjs.map} +1 -1
- package/dist/{separator-D4iTmsID.cjs → separator-Bi0LBh7T.cjs} +2 -2
- package/dist/{separator-D4iTmsID.cjs.map → separator-Bi0LBh7T.cjs.map} +1 -1
- package/dist/{separator-DAg-5KQN.d.cts → separator-DIrvZm-C.d.cts} +3 -3
- package/dist/{separator-2a-Smr4I.d.ts → separator-FCAh__9f.d.ts} +3 -3
- package/dist/{sheet-sg-NUPt_.cjs → sheet-DEJ_ttoA.cjs} +2 -2
- package/dist/{sheet-sg-NUPt_.cjs.map → sheet-DEJ_ttoA.cjs.map} +1 -1
- package/dist/{sidebar-cprcAORD.cjs → sidebar-BOtpo81G.cjs} +2 -2
- package/dist/{sidebar-cprcAORD.cjs.map → sidebar-BOtpo81G.cjs.map} +1 -1
- package/dist/{sidebar-VJZ7s8gb.cjs → sidebar-CsWT3eVg.cjs} +2 -2
- package/dist/{sidebar-VJZ7s8gb.cjs.map → sidebar-CsWT3eVg.cjs.map} +1 -1
- package/dist/{skeleton-BTQm_mtV.cjs → skeleton-DkSs2Vh3.cjs} +2 -2
- package/dist/{skeleton-BTQm_mtV.cjs.map → skeleton-DkSs2Vh3.cjs.map} +1 -1
- package/dist/{switch-CoP3UwNk.cjs → switch-D2_4ZFt4.cjs} +2 -2
- package/dist/{switch-CoP3UwNk.cjs.map → switch-D2_4ZFt4.cjs.map} +1 -1
- package/dist/table/index.cjs +1 -1
- package/dist/table/index.d.cts +2 -2
- package/dist/table/index.d.ts +2 -2
- package/dist/{table-CFqnfTKO.cjs → table-B7URcTid.cjs} +2 -2
- package/dist/{table-CFqnfTKO.cjs.map → table-B7URcTid.cjs.map} +1 -1
- package/dist/{textarea-Dz6npuI4.cjs → textarea-xQMf_usu.cjs} +2 -2
- package/dist/{textarea-Dz6npuI4.cjs.map → textarea-xQMf_usu.cjs.map} +1 -1
- package/dist/{title-CIQdEGOd.cjs → title-DrIfj31i.cjs} +2 -2
- package/dist/{title-CIQdEGOd.cjs.map → title-DrIfj31i.cjs.map} +1 -1
- package/dist/{toggle-liq_RrQM.d.cts → toggle-9SGewcSc.d.cts} +3 -3
- package/dist/{toggle-CkOefwxq.d.ts → toggle-CToEigm6.d.ts} +3 -3
- package/dist/{toggle-CzMYdDvC.cjs → toggle-DO8QbhLS.cjs} +2 -2
- package/dist/{toggle-CzMYdDvC.cjs.map → toggle-DO8QbhLS.cjs.map} +1 -1
- package/dist/{tooltip-BFeC0iub.cjs → tooltip-CBtZw8PB.cjs} +2 -2
- package/dist/{tooltip-BFeC0iub.cjs.map → tooltip-CBtZw8PB.cjs.map} +1 -1
- package/dist/{tooltip-D-l6JnEy.d.cts → tooltip-Cs7kbiDo.d.cts} +6 -6
- package/dist/{tooltip-DFtg6pXn.d.ts → tooltip-DsFcKAPP.d.ts} +6 -6
- package/dist/typography/paragraph.cjs +1 -1
- package/dist/typography/paragraph.d.cts +2 -2
- package/dist/typography/paragraph.d.ts +2 -2
- package/dist/typography/title.cjs +1 -1
- package/dist/typography/title.d.cts +2 -2
- package/dist/typography/title.d.ts +2 -2
- package/dist/ui/alert-dialog.cjs +1 -1
- package/dist/ui/alert-dialog.d.cts +12 -12
- package/dist/ui/alert-dialog.d.ts +12 -12
- package/dist/ui/alert-dialog.js +1 -1
- package/dist/ui/alert.cjs +1 -1
- package/dist/ui/alert.d.cts +6 -6
- package/dist/ui/alert.d.ts +4 -4
- package/dist/ui/aspect-ratio.cjs +1 -1
- package/dist/ui/aspect-ratio.d.cts +2 -2
- package/dist/ui/aspect-ratio.d.ts +2 -2
- package/dist/ui/avatar.cjs +1 -1
- package/dist/ui/avatar.d.cts +4 -4
- package/dist/ui/avatar.d.ts +4 -4
- package/dist/ui/badge.cjs +1 -1
- package/dist/ui/badge.d.cts +5 -5
- package/dist/ui/badge.d.ts +3 -3
- package/dist/ui/breadcrumb.cjs +1 -1
- package/dist/ui/breadcrumb.d.cts +8 -8
- package/dist/ui/breadcrumb.d.ts +8 -8
- package/dist/ui/button.cjs +1 -1
- package/dist/ui/button.d.cts +1 -1
- package/dist/ui/button.d.ts +1 -1
- package/dist/ui/buttons/add-new.cjs +1 -1
- package/dist/ui/buttons/edit.cjs +1 -1
- package/dist/ui/buttons/refresh.cjs +1 -1
- package/dist/ui/buttons/trash.cjs +1 -1
- package/dist/ui/buttons/upload-image.cjs +1 -1
- package/dist/ui/calendar.cjs +1 -1
- package/dist/ui/calendar.d.cts +4 -4
- package/dist/ui/calendar.d.ts +4 -4
- package/dist/ui/calendar.js +1 -1
- package/dist/ui/card.cjs +1 -1
- package/dist/ui/card.d.cts +8 -8
- package/dist/ui/card.d.ts +8 -8
- package/dist/ui/carousel.cjs +1 -1
- package/dist/ui/carousel.d.cts +7 -7
- package/dist/ui/carousel.d.ts +7 -7
- package/dist/ui/collapsible.cjs +1 -1
- package/dist/ui/collapsible.d.cts +4 -4
- package/dist/ui/collapsible.d.ts +4 -4
- package/dist/ui/command.cjs +1 -1
- package/dist/ui/command.d.cts +2 -2
- package/dist/ui/command.d.ts +2 -2
- package/dist/ui/command.js +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.ts +16 -16
- package/dist/ui/dialog.cjs +1 -1
- package/dist/ui/dialog.d.cts +1 -1
- package/dist/ui/dialog.d.ts +1 -1
- package/dist/ui/dialog.js +1 -1
- package/dist/ui/dropdown-menu.cjs +1 -1
- package/dist/ui/dropdown-menu.d.cts +16 -16
- package/dist/ui/dropdown-menu.d.ts +16 -16
- package/dist/ui/file-uploader.cjs +1 -1
- package/dist/ui/file-uploader.d.cts +2 -2
- package/dist/ui/file-uploader.d.ts +2 -2
- package/dist/ui/form.cjs +1 -1
- package/dist/ui/form.d.cts +7 -7
- package/dist/ui/form.d.ts +7 -7
- package/dist/ui/hover-card.cjs +1 -1
- package/dist/ui/hover-card.d.cts +4 -4
- package/dist/ui/hover-card.d.ts +4 -4
- package/dist/ui/input-otp.cjs +1 -1
- package/dist/ui/input-otp.d.cts +5 -5
- package/dist/ui/input-otp.d.ts +5 -5
- package/dist/ui/input.cjs +1 -1
- package/dist/ui/input.d.cts +1 -1
- package/dist/ui/input.d.ts +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.ts +3 -3
- package/dist/ui/label.cjs +1 -1
- package/dist/ui/label.d.cts +2 -2
- package/dist/ui/label.d.ts +2 -2
- package/dist/ui/menubar.cjs +1 -1
- package/dist/ui/menubar.d.cts +17 -17
- package/dist/ui/menubar.d.ts +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.ts +2 -2
- package/dist/ui/multi-select.js +1 -1
- package/dist/ui/navigation-menu.cjs +1 -1
- package/dist/ui/navigation-menu.d.cts +9 -9
- package/dist/ui/navigation-menu.d.ts +9 -9
- package/dist/ui/pagination.cjs +1 -1
- package/dist/ui/pagination.d.cts +9 -9
- package/dist/ui/pagination.d.ts +9 -9
- package/dist/ui/popover.cjs +1 -1
- package/dist/ui/popover.d.cts +5 -5
- package/dist/ui/popover.d.ts +5 -5
- package/dist/ui/popover.js +1 -1
- package/dist/ui/progress.cjs +1 -1
- package/dist/ui/progress.d.cts +2 -2
- package/dist/ui/progress.d.ts +2 -2
- package/dist/ui/radio-group.cjs +1 -1
- package/dist/ui/radio-group.d.cts +3 -3
- package/dist/ui/radio-group.d.ts +3 -3
- package/dist/ui/resizable.cjs +1 -1
- package/dist/ui/resizable.d.cts +4 -4
- package/dist/ui/resizable.d.ts +4 -4
- package/dist/ui/scroll-area.cjs +1 -1
- package/dist/ui/scroll-area.d.cts +3 -3
- package/dist/ui/scroll-area.d.ts +3 -3
- package/dist/ui/select.cjs +1 -1
- package/dist/ui/select.d.cts +11 -11
- package/dist/ui/select.d.ts +11 -11
- package/dist/ui/separator.cjs +1 -1
- package/dist/ui/separator.d.cts +1 -1
- package/dist/ui/separator.d.ts +1 -1
- package/dist/ui/sheet.cjs +1 -1
- package/dist/ui/sheet.d.cts +9 -9
- package/dist/ui/sheet.d.ts +9 -9
- package/dist/ui/sidebar.cjs +1 -1
- package/dist/ui/sidebar.d.cts +30 -30
- package/dist/ui/sidebar.d.ts +28 -28
- package/dist/ui/skeleton.cjs +1 -1
- package/dist/ui/skeleton.d.cts +2 -2
- package/dist/ui/skeleton.d.ts +2 -2
- package/dist/ui/slider.cjs +1 -1
- package/dist/ui/slider.d.cts +2 -2
- package/dist/ui/slider.d.ts +2 -2
- package/dist/ui/sonner.cjs +1 -1
- package/dist/ui/sonner.d.cts +2 -2
- package/dist/ui/sonner.d.ts +2 -2
- package/dist/ui/switch.cjs +1 -1
- package/dist/ui/switch.d.cts +2 -2
- package/dist/ui/switch.d.ts +2 -2
- package/dist/ui/table.cjs +1 -1
- package/dist/ui/table.d.cts +9 -9
- package/dist/ui/table.d.ts +9 -9
- package/dist/ui/tabs.cjs +1 -1
- package/dist/ui/tabs.d.cts +5 -5
- package/dist/ui/tabs.d.ts +5 -5
- package/dist/ui/textarea.cjs +1 -1
- package/dist/ui/textarea.d.cts +2 -2
- package/dist/ui/textarea.d.ts +2 -2
- package/dist/ui/toggle-group.cjs +1 -1
- package/dist/ui/toggle-group.d.cts +4 -4
- package/dist/ui/toggle-group.d.ts +4 -4
- package/dist/ui/toggle.cjs +1 -1
- package/dist/ui/toggle.d.cts +1 -1
- package/dist/ui/toggle.d.ts +1 -1
- package/dist/ui/tooltip.cjs +1 -1
- package/dist/ui/tooltip.d.cts +1 -1
- package/dist/ui/tooltip.d.ts +1 -1
- package/dist/{utils-DaJ1XZgX.cjs → utils-BsjVK5EW.cjs} +2 -2
- package/dist/{utils-DaJ1XZgX.cjs.map → utils-BsjVK5EW.cjs.map} +1 -1
- package/package.json +1 -1
- package/packages/components/forms/combobox-field.tsx +37 -40
- package/dist/chunk-hhQzssFb.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-VJZ7s8gb.cjs","names":["React","open","TooltipProvider","cn","Button","MenuIcon","Input","Separator","SlotPrimitive","Tooltip","TooltipTrigger","TooltipContent","Skeleton"],"sources":["../packages/components/dialogs/detail-dialog/component/sidebar.tsx"],"sourcesContent":["\"use client\"\nimport React from \"react\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { MenuIcon } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nconst SIDEBAR_COOKIE_NAME = \"detai_dialog_sidebar_state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"p\";\n\ntype SidebarContextProps = {\n state: \"expanded\" | \"collapsed\";\n open: boolean;\n setOpen: (open: boolean) => void;\n openMobile: boolean;\n setOpenMobile: (open: boolean) => void;\n toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext);\n if (!context) {\n throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n }\n\n return context;\n}\n\nfunction SidebarProvider({\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n className,\n style,\n children,\n ...props\n}: React.ComponentProps<\"div\"> & {\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}) {\n const [openMobile, setOpenMobile] = React.useState(false);\n\n // This is the internal state of the sidebar.\n // We use openProp and setOpenProp for control from outside the component.\n const [_open, _setOpen] = React.useState(defaultOpen);\n const open = openProp ?? _open;\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === \"function\" ? value(open) : value;\n if (setOpenProp) {\n setOpenProp(openState);\n } else {\n _setOpen(openState);\n }\n\n // This sets the cookie to keep the sidebar state.\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n },\n [setOpenProp, open],\n );\n\n // Helper to toggle the sidebar.\n const toggleSidebar = React.useCallback(() => {\n return setOpen((open) => !open);\n }, [setOpen]);\n\n // Adds a keyboard shortcut to toggle the sidebar.\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n (event.metaKey || event.ctrlKey)\n ) {\n event.preventDefault();\n toggleSidebar();\n }\n };\n\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }, [toggleSidebar]);\n\n // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n // This makes it easier to style the sidebar with Tailwind classes.\n const state = open ? \"expanded\" : \"collapsed\";\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n open,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n }),\n [state, open, setOpen, openMobile, setOpenMobile, toggleSidebar],\n );\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n data-slot=\"sidebar-wrapper\"\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH,\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n \"group/sidebar-wrapper\",\n \"has-data-[variant=inset]:bg-sidebar\",\n \"flex min-h-svh w-full\",\n className,\n )}\n {...props}\n >\n {children}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n );\n}\n\nfunction Sidebar({\n side = \"left\",\n variant = \"sidebar\",\n collapsible = \"offcanvas\",\n className,\n children,\n ...props\n}: React.ComponentProps<\"div\"> & {\n side?: \"left\" | \"right\";\n variant?: \"sidebar\" | \"floating\" | \"inset\";\n collapsible?: \"offcanvas\" | \"icon\" | \"none\";\n}) {\n const { state } = useSidebar();\n\n if (collapsible === \"none\") {\n return (\n <div\n data-slot=\"sidebar\"\n className={cn(\n \"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\",\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n }\n\n return (\n <div\n className=\"group peer text-sidebar-foreground hidden md:block\"\n data-state={state}\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n data-variant={variant}\n data-side={side}\n data-slot=\"sidebar\"\n >\n {/* This is what handles the sidebar gap on desktop */}\n <div\n data-slot=\"sidebar-gap\"\n className={cn(\n \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n \"group-data-[collapsible=offcanvas]:w-0\",\n \"group-data-[side=right]:rotate-180\",\n variant === \"floating\" || variant === \"inset\"\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n )}\n />\n <div\n data-slot=\"sidebar-container\"\n className={cn(\n \"absolute inset-y-0 z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n side === \"left\"\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n // Adjust the padding for floating and inset variants.\n variant === \"floating\" || variant === \"inset\"\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n className,\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n data-slot=\"sidebar-inner\"\n className={cn(\n \"flex h-full w-full flex-col\",\n \"group-data-[variant=floating]:border-sidebar-border\",\n \"group-data-[variant=floating]:rounded-lg\",\n \"group-data-[variant=floating]:border\",\n \"group-data-[variant=floating]:shadow-sm\",\n )}\n >\n {children}\n </div>\n </div>\n </div>\n );\n}\n\nfunction SidebarTrigger({\n className,\n onClick,\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { toggleSidebar } = useSidebar();\n\n return (\n <Button\n data-sidebar=\"trigger\"\n data-slot=\"sidebar-trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\"size-10 rounded-full [&_svg]:!size-6\", className)}\n onClick={(event) => {\n onClick?.(event);\n toggleSidebar();\n }}\n {...props}\n >\n <MenuIcon />\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n );\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<\"button\">) {\n const { toggleSidebar } = useSidebar();\n\n return (\n <button\n data-sidebar=\"rail\"\n data-slot=\"sidebar-rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex\",\n \"after:absolute\",\n \"after:inset-y-0\",\n \"after:left-1/2 after:w-0.5\",\n \"hover:after:bg-sidebar-border\",\n \"group-data-[side=left]:-right-4\",\n \"group-data-[side=right]:left-0\",\n \"in-data-[side=left]:cursor-w-resize\",\n \"in-data-[side=right]:cursor-e-resize\",\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize\",\n \"[[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"hover:group-data-[collapsible=offcanvas]:bg-sidebar\",\n \"group-data-[collapsible=offcanvas]:translate-x-0\",\n \"group-data-[collapsible=offcanvas]:after:left-full\",\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<\"main\">) {\n return (\n <main\n data-slot=\"sidebar-inset\"\n className={cn(\n \"bg-background relative flex w-full flex-1 flex-col\",\n \"md:peer-data-[variant=inset]:m-2\",\n \"md:peer-data-[variant=inset]:ml-0\",\n \"md:peer-data-[variant=inset]:rounded-xl\",\n \"md:peer-data-[variant=inset]:shadow-sm\",\n \"md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarInput({\n className,\n ...props\n}: React.ComponentProps<typeof Input>) {\n return (\n <Input\n data-slot=\"sidebar-input\"\n data-sidebar=\"input\"\n className={cn(\"bg-background h-8 w-full shadow-none\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-header\"\n data-sidebar=\"header\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-footer\"\n data-sidebar=\"footer\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof Separator>) {\n return (\n <Separator\n data-slot=\"sidebar-separator\"\n data-sidebar=\"separator\"\n className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-content\"\n data-sidebar=\"content\"\n className={cn(\n \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto\",\n \"group-data-[collapsible=icon]:overflow-hidden\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-group\"\n data-sidebar=\"group\"\n className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarGroupLabel({\n className,\n asChild = false,\n ...props\n}: React.ComponentProps<\"div\"> & { asChild?: boolean }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"div\";\n\n return (\n <Comp\n data-slot=\"sidebar-group-label\"\n data-sidebar=\"group-label\"\n className={cn(\n \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear\",\n \"focus-visible:ring-2\",\n \"[&>svg]:size-4\",\n \"[&>svg]:shrink-0\",\n \"group-data-[collapsible=icon]:-mt-8\",\n \"group-data-[collapsible=icon]:opacity-0\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarGroupAction({\n className,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> & { asChild?: boolean }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\";\n\n return (\n <Comp\n data-slot=\"sidebar-group-action\"\n data-sidebar=\"group-action\"\n className={cn(\n \"text-sidebar-foreground ring-sidebar-ring absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform\",\n \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n \"focus-visible:ring-2\",\n \"[&>svg]:size-4\",\n \"[&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"after:absolute\",\n \"after:-inset-2\",\n \"md:after:hidden\",\n \"group-data-[collapsible=icon]:hidden\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarGroupContent({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-group-content\"\n data-sidebar=\"group-content\"\n className={cn(\"w-full text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"sidebar-menu\"\n data-sidebar=\"menu\"\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"sidebar-menu-item\"\n data-sidebar=\"menu-item\"\n className={cn(\"group/menu-item relative\", className)}\n {...props}\n />\n );\n}\n\nconst sidebarMenuButtonVariants = cva(\n \"peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n outline:\n \"bg-background border shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n },\n size: {\n default: \"h-8 text-sm\",\n sm: \"h-7 text-xs\",\n lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nfunction SidebarMenuButton({\n asChild = false,\n isActive = false,\n variant = \"default\",\n size = \"default\",\n tooltip,\n className,\n ...props\n}: React.ComponentProps<\"button\"> & {\n asChild?: boolean;\n isActive?: boolean;\n tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\";\n const { state } = useSidebar();\n\n const button = (\n <Comp\n data-slot=\"sidebar-menu-button\"\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n {...props}\n />\n );\n\n if (!tooltip) {\n return button;\n }\n\n if (typeof tooltip === \"string\") {\n tooltip = {\n children: tooltip,\n };\n }\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== \"collapsed\"}\n {...tooltip}\n />\n </Tooltip>\n );\n}\n\nfunction SidebarMenuAction({\n className,\n asChild = false,\n showOnHover = false,\n ...props\n}: React.ComponentProps<\"button\"> & {\n asChild?: boolean;\n showOnHover?: boolean;\n}) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\";\n\n return (\n <Comp\n data-slot=\"sidebar-menu-action\"\n data-sidebar=\"menu-action\"\n className={cn(\n \"text-sidebar-foreground ring-sidebar-ring\",\n \"hover:bg-sidebar-accent\",\n \"hover:text-sidebar-accent-foreground\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform\",\n \"focus-visible:ring-2\",\n \"[&>svg]:size-4\",\n \"[&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"after:absolute after:-inset-2 md:after:hidden\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n showOnHover &&\n \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n showOnHover && \"$group-focus-within/menu-item:opacity-100\",\n showOnHover && \"group-hover/menu-item:opacity-100\",\n showOnHover && \"data-[state=open]:opacity-100 md:opacity-0\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuBadge({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-menu-badge\"\n data-sidebar=\"menu-badge\"\n className={cn(\n \"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuSkeleton({\n className,\n showIcon = false,\n ...props\n}: React.ComponentProps<\"div\"> & {\n showIcon?: boolean;\n}) {\n // Random width between 50 to 90%.\n const width = React.useMemo(() => {\n return `${Math.floor(Math.random() * 40) + 50}%`;\n }, []);\n\n return (\n <div\n data-slot=\"sidebar-menu-skeleton\"\n data-sidebar=\"menu-skeleton\"\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n {...props}\n >\n {showIcon && (\n <Skeleton\n className=\"size-4 rounded-md\"\n data-sidebar=\"menu-skeleton-icon\"\n />\n )}\n <Skeleton\n className=\"h-4 max-w-(--skeleton-width) flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n \"--skeleton-width\": width,\n } as React.CSSProperties\n }\n />\n </div>\n );\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"sidebar-menu-sub\"\n data-sidebar=\"menu-sub\"\n className={cn(\n \"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuSubItem({\n className,\n ...props\n}: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"sidebar-menu-sub-item\"\n data-sidebar=\"menu-sub-item\"\n className={cn(\"group/menu-sub-item relative\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuSubButton({\n asChild = false,\n size = \"md\",\n isActive = false,\n className,\n ...props\n}: React.ComponentProps<\"a\"> & {\n asChild?: boolean;\n size?: \"sm\" | \"md\";\n isActive?: boolean;\n}) {\n const Comp = asChild ? SlotPrimitive.Slot : \"a\";\n\n return (\n <Comp\n data-slot=\"sidebar-menu-sub-button\"\n data-sidebar=\"menu-sub-button\"\n data-size={size}\n data-active={isActive}\n className={cn(\n \"text-sidebar-foreground ring-sidebar-ring\",\n \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden\",\n \"hover:bg-sidebar-accent\",\n \"hover:text-sidebar-accent-foreground\",\n \"active:bg-sidebar-accent\",\n \"active:text-sidebar-accent-foreground\",\n \"focus-visible:ring-2\",\n \"disabled:pointer-events-none\",\n \"disabled:opacity-50\",\n \"aria-disabled:pointer-events-none\",\n \"aria-disabled:opacity-50\",\n \"[&>span:last-child]:truncate\",\n \"[&>svg]:size-4\",\n \"[&>svg]:shrink-0\",\n \"[&>svg]:text-sidebar-accent-foreground\",\n \"data-[active=true]:bg-sidebar-accent\",\n \"data-[active=true]:text-sidebar-accent-foreground\",\n \"group-data-[collapsible=icon]:hidden\",\n size === \"sm\" && \"text-xs\",\n size === \"md\" && \"text-sm\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n // eslint-disable-next-line react-refresh/only-export-components\n useSidebar,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sidebar-CsWT3eVg.cjs","names":["React","open","TooltipProvider","cn","Button","MenuIcon","Input","Separator","SlotPrimitive","Tooltip","TooltipTrigger","TooltipContent","Skeleton"],"sources":["../packages/components/dialogs/detail-dialog/component/sidebar.tsx"],"sourcesContent":["\"use client\"\nimport React from \"react\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { MenuIcon } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nconst SIDEBAR_COOKIE_NAME = \"detai_dialog_sidebar_state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"p\";\n\ntype SidebarContextProps = {\n state: \"expanded\" | \"collapsed\";\n open: boolean;\n setOpen: (open: boolean) => void;\n openMobile: boolean;\n setOpenMobile: (open: boolean) => void;\n toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext);\n if (!context) {\n throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n }\n\n return context;\n}\n\nfunction SidebarProvider({\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n className,\n style,\n children,\n ...props\n}: React.ComponentProps<\"div\"> & {\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}) {\n const [openMobile, setOpenMobile] = React.useState(false);\n\n // This is the internal state of the sidebar.\n // We use openProp and setOpenProp for control from outside the component.\n const [_open, _setOpen] = React.useState(defaultOpen);\n const open = openProp ?? _open;\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === \"function\" ? value(open) : value;\n if (setOpenProp) {\n setOpenProp(openState);\n } else {\n _setOpen(openState);\n }\n\n // This sets the cookie to keep the sidebar state.\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n },\n [setOpenProp, open],\n );\n\n // Helper to toggle the sidebar.\n const toggleSidebar = React.useCallback(() => {\n return setOpen((open) => !open);\n }, [setOpen]);\n\n // Adds a keyboard shortcut to toggle the sidebar.\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n (event.metaKey || event.ctrlKey)\n ) {\n event.preventDefault();\n toggleSidebar();\n }\n };\n\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }, [toggleSidebar]);\n\n // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n // This makes it easier to style the sidebar with Tailwind classes.\n const state = open ? \"expanded\" : \"collapsed\";\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n open,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n }),\n [state, open, setOpen, openMobile, setOpenMobile, toggleSidebar],\n );\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n data-slot=\"sidebar-wrapper\"\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH,\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n \"group/sidebar-wrapper\",\n \"has-data-[variant=inset]:bg-sidebar\",\n \"flex min-h-svh w-full\",\n className,\n )}\n {...props}\n >\n {children}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n );\n}\n\nfunction Sidebar({\n side = \"left\",\n variant = \"sidebar\",\n collapsible = \"offcanvas\",\n className,\n children,\n ...props\n}: React.ComponentProps<\"div\"> & {\n side?: \"left\" | \"right\";\n variant?: \"sidebar\" | \"floating\" | \"inset\";\n collapsible?: \"offcanvas\" | \"icon\" | \"none\";\n}) {\n const { state } = useSidebar();\n\n if (collapsible === \"none\") {\n return (\n <div\n data-slot=\"sidebar\"\n className={cn(\n \"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\",\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n }\n\n return (\n <div\n className=\"group peer text-sidebar-foreground hidden md:block\"\n data-state={state}\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n data-variant={variant}\n data-side={side}\n data-slot=\"sidebar\"\n >\n {/* This is what handles the sidebar gap on desktop */}\n <div\n data-slot=\"sidebar-gap\"\n className={cn(\n \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n \"group-data-[collapsible=offcanvas]:w-0\",\n \"group-data-[side=right]:rotate-180\",\n variant === \"floating\" || variant === \"inset\"\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n )}\n />\n <div\n data-slot=\"sidebar-container\"\n className={cn(\n \"absolute inset-y-0 z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n side === \"left\"\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n // Adjust the padding for floating and inset variants.\n variant === \"floating\" || variant === \"inset\"\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n className,\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n data-slot=\"sidebar-inner\"\n className={cn(\n \"flex h-full w-full flex-col\",\n \"group-data-[variant=floating]:border-sidebar-border\",\n \"group-data-[variant=floating]:rounded-lg\",\n \"group-data-[variant=floating]:border\",\n \"group-data-[variant=floating]:shadow-sm\",\n )}\n >\n {children}\n </div>\n </div>\n </div>\n );\n}\n\nfunction SidebarTrigger({\n className,\n onClick,\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { toggleSidebar } = useSidebar();\n\n return (\n <Button\n data-sidebar=\"trigger\"\n data-slot=\"sidebar-trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\"size-10 rounded-full [&_svg]:!size-6\", className)}\n onClick={(event) => {\n onClick?.(event);\n toggleSidebar();\n }}\n {...props}\n >\n <MenuIcon />\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n );\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<\"button\">) {\n const { toggleSidebar } = useSidebar();\n\n return (\n <button\n data-sidebar=\"rail\"\n data-slot=\"sidebar-rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex\",\n \"after:absolute\",\n \"after:inset-y-0\",\n \"after:left-1/2 after:w-0.5\",\n \"hover:after:bg-sidebar-border\",\n \"group-data-[side=left]:-right-4\",\n \"group-data-[side=right]:left-0\",\n \"in-data-[side=left]:cursor-w-resize\",\n \"in-data-[side=right]:cursor-e-resize\",\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize\",\n \"[[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"hover:group-data-[collapsible=offcanvas]:bg-sidebar\",\n \"group-data-[collapsible=offcanvas]:translate-x-0\",\n \"group-data-[collapsible=offcanvas]:after:left-full\",\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<\"main\">) {\n return (\n <main\n data-slot=\"sidebar-inset\"\n className={cn(\n \"bg-background relative flex w-full flex-1 flex-col\",\n \"md:peer-data-[variant=inset]:m-2\",\n \"md:peer-data-[variant=inset]:ml-0\",\n \"md:peer-data-[variant=inset]:rounded-xl\",\n \"md:peer-data-[variant=inset]:shadow-sm\",\n \"md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarInput({\n className,\n ...props\n}: React.ComponentProps<typeof Input>) {\n return (\n <Input\n data-slot=\"sidebar-input\"\n data-sidebar=\"input\"\n className={cn(\"bg-background h-8 w-full shadow-none\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-header\"\n data-sidebar=\"header\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-footer\"\n data-sidebar=\"footer\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof Separator>) {\n return (\n <Separator\n data-slot=\"sidebar-separator\"\n data-sidebar=\"separator\"\n className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-content\"\n data-sidebar=\"content\"\n className={cn(\n \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto\",\n \"group-data-[collapsible=icon]:overflow-hidden\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-group\"\n data-sidebar=\"group\"\n className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarGroupLabel({\n className,\n asChild = false,\n ...props\n}: React.ComponentProps<\"div\"> & { asChild?: boolean }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"div\";\n\n return (\n <Comp\n data-slot=\"sidebar-group-label\"\n data-sidebar=\"group-label\"\n className={cn(\n \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear\",\n \"focus-visible:ring-2\",\n \"[&>svg]:size-4\",\n \"[&>svg]:shrink-0\",\n \"group-data-[collapsible=icon]:-mt-8\",\n \"group-data-[collapsible=icon]:opacity-0\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarGroupAction({\n className,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> & { asChild?: boolean }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\";\n\n return (\n <Comp\n data-slot=\"sidebar-group-action\"\n data-sidebar=\"group-action\"\n className={cn(\n \"text-sidebar-foreground ring-sidebar-ring absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform\",\n \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n \"focus-visible:ring-2\",\n \"[&>svg]:size-4\",\n \"[&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"after:absolute\",\n \"after:-inset-2\",\n \"md:after:hidden\",\n \"group-data-[collapsible=icon]:hidden\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarGroupContent({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-group-content\"\n data-sidebar=\"group-content\"\n className={cn(\"w-full text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"sidebar-menu\"\n data-sidebar=\"menu\"\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"sidebar-menu-item\"\n data-sidebar=\"menu-item\"\n className={cn(\"group/menu-item relative\", className)}\n {...props}\n />\n );\n}\n\nconst sidebarMenuButtonVariants = cva(\n \"peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n outline:\n \"bg-background border shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n },\n size: {\n default: \"h-8 text-sm\",\n sm: \"h-7 text-xs\",\n lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nfunction SidebarMenuButton({\n asChild = false,\n isActive = false,\n variant = \"default\",\n size = \"default\",\n tooltip,\n className,\n ...props\n}: React.ComponentProps<\"button\"> & {\n asChild?: boolean;\n isActive?: boolean;\n tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\";\n const { state } = useSidebar();\n\n const button = (\n <Comp\n data-slot=\"sidebar-menu-button\"\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n {...props}\n />\n );\n\n if (!tooltip) {\n return button;\n }\n\n if (typeof tooltip === \"string\") {\n tooltip = {\n children: tooltip,\n };\n }\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== \"collapsed\"}\n {...tooltip}\n />\n </Tooltip>\n );\n}\n\nfunction SidebarMenuAction({\n className,\n asChild = false,\n showOnHover = false,\n ...props\n}: React.ComponentProps<\"button\"> & {\n asChild?: boolean;\n showOnHover?: boolean;\n}) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\";\n\n return (\n <Comp\n data-slot=\"sidebar-menu-action\"\n data-sidebar=\"menu-action\"\n className={cn(\n \"text-sidebar-foreground ring-sidebar-ring\",\n \"hover:bg-sidebar-accent\",\n \"hover:text-sidebar-accent-foreground\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform\",\n \"focus-visible:ring-2\",\n \"[&>svg]:size-4\",\n \"[&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"after:absolute after:-inset-2 md:after:hidden\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n showOnHover &&\n \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n showOnHover && \"$group-focus-within/menu-item:opacity-100\",\n showOnHover && \"group-hover/menu-item:opacity-100\",\n showOnHover && \"data-[state=open]:opacity-100 md:opacity-0\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuBadge({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-menu-badge\"\n data-sidebar=\"menu-badge\"\n className={cn(\n \"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuSkeleton({\n className,\n showIcon = false,\n ...props\n}: React.ComponentProps<\"div\"> & {\n showIcon?: boolean;\n}) {\n // Random width between 50 to 90%.\n const width = React.useMemo(() => {\n return `${Math.floor(Math.random() * 40) + 50}%`;\n }, []);\n\n return (\n <div\n data-slot=\"sidebar-menu-skeleton\"\n data-sidebar=\"menu-skeleton\"\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n {...props}\n >\n {showIcon && (\n <Skeleton\n className=\"size-4 rounded-md\"\n data-sidebar=\"menu-skeleton-icon\"\n />\n )}\n <Skeleton\n className=\"h-4 max-w-(--skeleton-width) flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n \"--skeleton-width\": width,\n } as React.CSSProperties\n }\n />\n </div>\n );\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"sidebar-menu-sub\"\n data-sidebar=\"menu-sub\"\n className={cn(\n \"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuSubItem({\n className,\n ...props\n}: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"sidebar-menu-sub-item\"\n data-sidebar=\"menu-sub-item\"\n className={cn(\"group/menu-sub-item relative\", className)}\n {...props}\n />\n );\n}\n\nfunction SidebarMenuSubButton({\n asChild = false,\n size = \"md\",\n isActive = false,\n className,\n ...props\n}: React.ComponentProps<\"a\"> & {\n asChild?: boolean;\n size?: \"sm\" | \"md\";\n isActive?: boolean;\n}) {\n const Comp = asChild ? SlotPrimitive.Slot : \"a\";\n\n return (\n <Comp\n data-slot=\"sidebar-menu-sub-button\"\n data-sidebar=\"menu-sub-button\"\n data-size={size}\n data-active={isActive}\n className={cn(\n \"text-sidebar-foreground ring-sidebar-ring\",\n \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden\",\n \"hover:bg-sidebar-accent\",\n \"hover:text-sidebar-accent-foreground\",\n \"active:bg-sidebar-accent\",\n \"active:text-sidebar-accent-foreground\",\n \"focus-visible:ring-2\",\n \"disabled:pointer-events-none\",\n \"disabled:opacity-50\",\n \"aria-disabled:pointer-events-none\",\n \"aria-disabled:opacity-50\",\n \"[&>span:last-child]:truncate\",\n \"[&>svg]:size-4\",\n \"[&>svg]:shrink-0\",\n \"[&>svg]:text-sidebar-accent-foreground\",\n \"data-[active=true]:bg-sidebar-accent\",\n \"data-[active=true]:text-sidebar-accent-foreground\",\n \"group-data-[collapsible=icon]:hidden\",\n size === \"sm\" && \"text-xs\",\n size === \"md\" && \"text-sm\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n // eslint-disable-next-line react-refresh/only-export-components\n useSidebar,\n};\n"],"mappings":"6bAkBM,EAAsB,6BACtB,EAAyB,KAAU,GAAK,EACxC,EAAgB,QAChB,EAAqB,OACrB,EAA4B,IAW5B,EAAiBA,EAAAA,QAAM,cAA0C,MAEvE,SAAS,GAAa,CACpB,IAAM,EAAUA,EAAAA,QAAM,WAAW,GACjC,GAAI,CAAC,EACH,MAAU,MAAM,qDAGlB,OAAO,EAGT,SAAS,EAAgB,CACvB,cAAc,GACd,KAAM,EACN,aAAc,EACd,YACA,QACA,WACA,GAAG,GAKF,CACD,GAAM,CAAC,EAAY,GAAiBA,EAAAA,QAAM,SAAS,IAI7C,CAAC,EAAO,GAAYA,EAAAA,QAAM,SAAS,GACnC,EAAO,GAAY,EACnB,EAAUA,EAAAA,QAAM,YACnB,GAAmD,CAClD,IAAM,EAAY,OAAO,GAAU,WAAa,EAAM,GAAQ,EAC1D,EACF,EAAY,GAEZ,EAAS,GAIX,SAAS,OAAS,8BAA0B,EAAU,2BAExD,CAAC,EAAa,IAIV,EAAgBA,EAAAA,QAAM,gBACnB,EAAS,GAAS,CAACC,GACzB,CAAC,IAGJ,EAAA,QAAM,cAAgB,CACpB,IAAM,EAAiB,GAAyB,CAE5C,EAAM,MAAQ,MACb,EAAM,SAAW,EAAM,WAExB,EAAM,iBACN,MAKJ,OADA,OAAO,iBAAiB,UAAW,OACtB,OAAO,oBAAoB,UAAW,IAClD,CAAC,IAIJ,IAAM,EAAQ,EAAO,WAAa,YAE5B,EAAeD,EAAAA,QAAM,aAClB,CACL,QACA,OACA,UACA,aACA,gBACA,kBAEF,CAAC,EAAO,EAAM,EAAS,EAAY,EAAe,IAGpD,OACE,EAAA,EAAA,KAAC,EAAe,SAAA,CAAS,MAAO,YAC9B,EAAA,EAAA,KAACE,EAAAA,gBAAAA,CAAgB,cAAe,YAC9B,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,kBACV,MACE,CACE,kBAAmB,QACnB,uBAAwB,OACxB,GAAG,GAGP,UAAWC,EAAAA,GACT,wBACA,sCACA,wBACA,GAEF,GAAI,EAEH,iBAOX,SAAS,EAAQ,CACf,OAAO,OACP,UAAU,UACV,cAAc,YACd,YACA,WACA,GAAG,GAKF,CACD,GAAM,CAAE,SAAU,IAiBlB,OAfI,IAAgB,QAEhB,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,UACV,UAAWA,EAAAA,GACT,8EACA,GAEF,GAAI,EAEH,cAML,EAAA,EAAA,MAAC,MAAA,CACC,UAAU,qDACV,aAAY,EACZ,mBAAkB,IAAU,YAAc,EAAc,GACxD,eAAc,EACd,YAAW,EACX,YAAU,qBAGV,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,UAAWA,EAAAA,GACT,0FACA,yCACA,qCACA,IAAY,YAAc,IAAY,QAClC,mFACA,6DAGR,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,oBACV,UAAWA,EAAAA,GACT,oHACA,IAAS,OACL,iFACA,mFAEJ,IAAY,YAAc,IAAY,QAClC,2FACA,0HACJ,GAEF,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAA,CACC,eAAa,UACb,YAAU,gBACV,UAAWA,EAAAA,GACT,8BACA,sDACA,2CACA,uCACA,2CAGD,kBAOX,SAAS,EAAe,CACtB,YACA,UACA,GAAG,GACmC,CACtC,GAAM,CAAE,iBAAkB,IAE1B,OACE,EAAA,EAAA,MAACC,EAAAA,OAAAA,CACC,eAAa,UACb,YAAU,kBACV,QAAQ,QACR,KAAK,OACL,UAAWD,EAAAA,GAAG,uCAAwC,GACtD,QAAU,GAAU,CAClB,IAAU,GACV,KAEF,GAAI,aAEJ,EAAA,EAAA,KAACE,EAAAA,SAAAA,KACD,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,sBAKhC,SAAS,EAAY,CAAE,YAAW,GAAG,GAAyC,CAC5E,GAAM,CAAE,iBAAkB,IAE1B,OACE,EAAA,EAAA,KAAC,SAAA,CACC,eAAa,OACb,YAAU,eACV,aAAW,iBACX,SAAU,GACV,QAAS,EACT,MAAM,iBACN,UAAWF,EAAAA,GACT,yFACA,iBACA,kBACA,6BACA,gCACA,kCACA,iCACA,sCACA,uCACA,6DACA,8DACA,sDACA,mDACA,qDACA,4DACA,4DACA,GAEF,GAAI,IAKV,SAAS,EAAa,CAAE,YAAW,GAAG,GAAuC,CAC3E,OACE,EAAA,EAAA,KAAC,OAAA,CACC,YAAU,gBACV,UAAWA,EAAAA,GACT,qDACA,mCACA,oCACA,0CACA,yCACA,gEACA,GAEF,GAAI,IAKV,SAAS,EAAa,CACpB,YACA,GAAG,GACkC,CACrC,OACE,EAAA,EAAA,KAACG,EAAAA,MAAAA,CACC,YAAU,gBACV,eAAa,QACb,UAAWH,EAAAA,GAAG,uCAAwC,GACtD,GAAI,IAKV,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,iBACV,eAAa,SACb,UAAWA,EAAAA,GAAG,0BAA2B,GACzC,GAAI,IAKV,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,iBACV,eAAa,SACb,UAAWA,EAAAA,GAAG,0BAA2B,GACzC,GAAI,IAKV,SAAS,EAAiB,CACxB,YACA,GAAG,GACsC,CACzC,OACE,EAAA,EAAA,KAACI,EAAAA,UAAAA,CACC,YAAU,oBACV,eAAa,YACb,UAAWJ,EAAAA,GAAG,gCAAiC,GAC/C,GAAI,IAKV,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsC,CAC5E,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,kBACV,eAAa,UACb,UAAWA,EAAAA,GACT,mDACA,gDACA,GAEF,GAAI,IAKV,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,gBACV,eAAa,QACb,UAAWA,EAAAA,GAAG,4CAA6C,GAC3D,GAAI,IAKV,SAAS,EAAkB,CACzB,YACA,UAAU,GACV,GAAG,GACmD,CACtD,IAAM,EAAO,EAAUK,EAAAA,KAAc,KAAO,MAE5C,OACE,EAAA,EAAA,KAAC,EAAA,CACC,YAAU,sBACV,eAAa,cACb,UAAWL,EAAAA,GACT,sLACA,uBACA,iBACA,mBACA,sCACA,0CACA,GAEF,GAAI,IAKV,SAAS,EAAmB,CAC1B,YACA,UAAU,GACV,GAAG,GACsD,CACzD,IAAM,EAAO,EAAUK,EAAAA,KAAc,KAAO,SAE5C,OACE,EAAA,EAAA,KAAC,EAAA,CACC,YAAU,uBACV,eAAa,eACb,UAAWL,EAAAA,GACT,2KACA,+DACA,uBACA,iBACA,mBAEA,iBACA,iBACA,kBACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAoB,CAC3B,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,wBACV,eAAa,gBACb,UAAWA,EAAAA,GAAG,iBAAkB,GAChC,GAAI,IAKV,SAAS,EAAY,CAAE,YAAW,GAAG,GAAqC,CACxE,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,eACV,eAAa,OACb,UAAWA,EAAAA,GAAG,qCAAsC,GACpD,GAAI,IAKV,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAqC,CAC5E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,oBACV,eAAa,YACb,UAAWA,EAAAA,GAAG,2BAA4B,GAC1C,GAAI,IAKV,MAAM,GAAA,EAAA,EAAA,KACJ,m0BACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,+DACT,QACE,wLAEJ,KAAM,CACJ,QAAS,cACT,GAAI,cACJ,GAAI,oDAGR,gBAAiB,CACf,QAAS,UACT,KAAM,aAKZ,SAAS,EAAkB,CACzB,UAAU,GACV,WAAW,GACX,UAAU,UACV,OAAO,UACP,UACA,YACA,GAAG,GAK+C,CAClD,IAAM,EAAO,EAAUK,EAAAA,KAAc,KAAO,SACtC,CAAE,SAAU,IAEZ,GACJ,EAAA,EAAA,KAAC,EAAA,CACC,YAAU,sBACV,eAAa,cACb,YAAW,EACX,cAAa,EACb,UAAWL,EAAAA,GAAG,EAA0B,CAAE,UAAS,SAAS,GAC5D,GAAI,IAcR,OAVK,GAID,OAAO,GAAY,WACrB,EAAU,CACR,SAAU,KAKZ,EAAA,EAAA,MAACM,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,QAAA,YAAS,KACzB,EAAA,EAAA,KAACC,EAAAA,eAAAA,CACC,KAAK,QACL,MAAM,SACN,OAAQ,IAAU,YAClB,GAAI,QAhBD,EAsBX,SAAS,EAAkB,CACzB,YACA,UAAU,GACV,cAAc,GACd,GAAG,GAIF,CACD,IAAM,EAAO,EAAUH,EAAAA,KAAc,KAAO,SAE5C,OACE,EAAA,EAAA,KAAC,EAAA,CACC,YAAU,sBACV,eAAa,cACb,UAAWL,EAAAA,GACT,4CACA,0BACA,uCACA,uLACA,uBACA,iBACA,mBAEA,gDACA,wCACA,+CACA,0CACA,uCACA,GACE,qEACF,GAAe,4CACf,GAAe,oCACf,GAAe,6CACf,GAEF,GAAI,IAKV,SAAS,EAAiB,CACxB,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,qBACV,eAAa,aACb,UAAWA,EAAAA,GACT,yKACA,wDACA,qEACA,wCACA,+CACA,0CACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAoB,CAC3B,YACA,WAAW,GACX,GAAG,GAGF,CAED,IAAM,EAAQH,EAAAA,QAAM,YACX,GAAG,KAAK,MAAM,KAAK,SAAW,IAAM,GAAG,GAC7C,IAEH,OACE,EAAA,EAAA,MAAC,MAAA,CACC,YAAU,wBACV,eAAa,gBACb,UAAWG,EAAAA,GAAG,8CAA+C,GAC7D,GAAI,YAEH,IACC,EAAA,EAAA,KAACS,EAAAA,SAAAA,CACC,UAAU,oBACV,eAAa,wBAGjB,EAAA,EAAA,KAACA,EAAAA,SAAAA,CACC,UAAU,sCACV,eAAa,qBACb,MACE,CACE,mBAAoB,QAQhC,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,mBACV,eAAa,WACb,UAAWT,EAAAA,GACT,iGACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAmB,CAC1B,YACA,GAAG,GAC0B,CAC7B,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,wBACV,eAAa,gBACb,UAAWA,EAAAA,GAAG,+BAAgC,GAC9C,GAAI,IAKV,SAAS,EAAqB,CAC5B,UAAU,GACV,OAAO,KACP,WAAW,GACX,YACA,GAAG,GAKF,CACD,IAAM,EAAO,EAAUK,EAAAA,KAAc,KAAO,IAE5C,OACE,EAAA,EAAA,KAAC,EAAA,CACC,YAAU,0BACV,eAAa,kBACb,YAAW,EACX,cAAa,EACb,UAAWL,EAAAA,GACT,4CACA,qGACA,0BACA,uCACA,2BACA,wCACA,uBACA,+BACA,sBACA,oCACA,2BACA,+BACA,iBACA,mBACA,yCACA,uCACA,oDACA,uCACA,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,GAEF,GAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=skeleton-
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`skeleton`,className:t.cn(`bg-accent animate-pulse rounded-md`,e),...n})}Object.defineProperty(exports,`Skeleton`,{enumerable:!0,get:function(){return i}});
|
|
2
|
+
//# sourceMappingURL=skeleton-DkSs2Vh3.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton-
|
|
1
|
+
{"version":3,"file":"skeleton-DkSs2Vh3.cjs","names":["cn"],"sources":["../packages/components/ui/skeleton.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn(\"bg-accent animate-pulse rounded-md\", className)}\n {...props}\n />\n );\n}\n\nexport { Skeleton };\n"],"mappings":"kJAIA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,WACV,UAAWA,EAAAA,GAAG,qCAAsC,GACpD,GAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=switch-
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`radix-ui`));function a({className:e,...n}){return(0,r.jsx)(i.Switch.Root,{"data-slot":`switch`,className:t.cn(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none`,`inline-flex h-[20px]`,`data-[state=checked]:bg-primary`,`data-[state=unchecked]:bg-input`,`dark:data-[state=unchecked]:bg-input/80`,`focus-visible:border-ring`,`focus-visible:ring-ring/50`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-[state=unchecked]:border-input`,`data-[state=unchecked]:[&_span]:bg-input`,`data-[state=unchecked]:bg-transparent`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:shadow-none`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,e),...n,children:(0,r.jsx)(i.Switch.Thumb,{"data-slot":`switch-thumb`,className:t.cn(`bg-background`,`pointer-events-none block size-4 rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`,`dark:data-[state=unchecked]:bg-foreground`,`dark:data-[state=checked]:bg-primary-foreground`)})})}Object.defineProperty(exports,`Switch`,{enumerable:!0,get:function(){return a}});
|
|
2
|
+
//# sourceMappingURL=switch-D2_4ZFt4.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-
|
|
1
|
+
{"version":3,"file":"switch-D2_4ZFt4.cjs","names":["SwitchPrimitive","cn"],"sources":["../packages/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Switch as SwitchPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Switch({\n className,\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(\n \"peer\",\n \"w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none\",\n \"inline-flex h-[20px]\",\n \"data-[state=checked]:bg-primary\",\n \"data-[state=unchecked]:bg-input\",\n \"dark:data-[state=unchecked]:bg-input/80\",\n \"focus-visible:border-ring\",\n \"focus-visible:ring-ring/50\",\n \"focus-visible:ring-4\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n \"data-[state=unchecked]:border-input\",\n \"data-[state=unchecked]:[&_span]:bg-input\",\n \"data-[state=unchecked]:bg-transparent\",\n \"data-[state=unchecked]:[&_span]:size-4\",\n \"data-[state=unchecked]:[&_span]:translate-x-0.5\",\n \"data-[state=unchecked]:[&_span]:shadow-none\",\n \"data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5\",\n className,\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(\n \"bg-background\",\n \"pointer-events-none block size-4 rounded-full ring-0 transition-transform\",\n \"data-[state=checked]:translate-x-[calc(100%-3px)]\",\n \"data-[state=unchecked]:translate-x-0\",\n \"dark:data-[state=unchecked]:bg-foreground\",\n \"dark:data-[state=checked]:bg-primary-foreground\",\n )}\n />\n </SwitchPrimitive.Root>\n );\n}\n\nexport { Switch };\n"],"mappings":"mLAMA,SAAS,EAAO,CACd,YACA,GAAG,GACiD,CACpD,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CACf,YAAU,SACV,UAAWC,EAAAA,GACT,OACA,wHACA,uBACA,kCACA,kCACA,0CACA,4BACA,6BACA,uBACA,8BACA,sBACA,sCACA,2CACA,wCACA,yCACA,kDACA,8CACA,uDACA,GAEF,GAAI,YAEJ,EAAA,EAAA,KAACD,EAAAA,OAAgB,MAAA,CACf,YAAU,eACV,UAAWC,EAAAA,GACT,gBACA,4EACA,oDACA,uCACA,4CACA"}
|
package/dist/table/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`../chunk-hhQzssFb.cjs`),t=require(`../utils-DaJ1XZgX.cjs`),n=require(`../flex-yTyoLpgH.cjs`);require(`../paragraph-DWQ0PZt_.cjs`);const r=require(`../button-CycE0WzB.cjs`);require(`../input-C8Sebaue.cjs`);const i=require(`../select-sfw-dJW8.cjs`),a=require(`../dropdown-menu-QdmFgxxq.cjs`),o=require(`../scroll-area-fNeFxa8L.cjs`),s=require(`../table-CFqnfTKO.cjs`),c=require(`../add-new-aIL8RwI8.cjs`),l=require(`../refresh-BuL5nDf9.cjs`),u=require(`../search-input-CWCcWgmA.cjs`),d=e.__toESM(require(`react`)),f=e.__toESM(require(`react/jsx-runtime`)),p=e.__toESM(require(`lucide-react`)),m=e.__toESM(require(`@tanstack/react-table`)),h=e=>{let t=e.getIsPinned();return{left:t===`left`?`${e.getStart(`left`)}px`:void 0,right:t===`right`?`${e.getAfter(`right`)}px`:void 0,position:t?`sticky`:`relative`,width:e.getSize(),zIndex:t?1:0}},g=({column:e})=>{let t=e.getIsSorted(),n={asc:(0,f.jsx)(p.ChevronUp,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:(0,f.jsx)(p.ChevronDown,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`})};return t?n[t]:null},_=({column:e})=>{let t=e.columnDef.header;return e.getCanPin()?e.getIsPinned()?(0,f.jsx)(r.Button,{size:`icon`,variant:`ghost`,className:`hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none`,"aria-label":`Unpin ${t} column`,title:`Unpin ${t} column`,onClick:()=>e.pin(!1),children:(0,f.jsx)(p.PinOffIcon,{className:`opacity-60`,size:16,"aria-hidden":`true`})}):(0,f.jsxs)(a.DropdownMenu,{children:[(0,f.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,f.jsx)(r.Button,{size:`icon`,variant:`ghost`,className:`-mr-1 size-7 shadow-none`,"aria-label":`Pin options for ${t} column`,title:`Pin options for ${t} column`,children:(0,f.jsx)(p.EllipsisIcon,{className:`opacity-60`,size:16,"aria-hidden":`true`})})}),(0,f.jsxs)(a.DropdownMenuContent,{align:`end`,children:[(0,f.jsxs)(a.DropdownMenuItem,{onClick:()=>e.pin(`left`),children:[(0,f.jsx)(p.ArrowLeftToLineIcon,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to left`]}),(0,f.jsxs)(a.DropdownMenuItem,{onClick:()=>e.pin(`right`),children:[(0,f.jsx)(p.ArrowRightToLineIcon,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to right`]})]})]}):null},v=({header:e})=>{let{column:n}=e,r=e=>{n.getCanSort()&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),n.getToggleSortingHandler()?.(e))};return(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2 truncate`,children:[!e.isPlaceholder&&(0,f.jsxs)(`div`,{className:t.cn(n.getCanSort()&&`flex h-full cursor-pointer items-center justify-between gap-2 select-none`),onClick:n.getToggleSortingHandler(),onKeyDown:r,tabIndex:n.getCanSort()?0:void 0,children:[(0,f.jsx)(`span`,{className:`truncate`,children:(0,m.flexRender)(n.columnDef.header,e.getContext())}),(0,f.jsx)(g,{column:n})]}),!e.isPlaceholder&&(0,f.jsx)(_,{column:n})]})},y=({table:e,isLoading:n,onClickRow:r})=>{"use no memo";return(0,f.jsxs)(o.ScrollArea,{className:`border-border bg-background relative w-full overflow-auto rounded-lg border`,children:[(0,f.jsxs)(s.Table,{className:t.cn(`!w-full`,`[&_td]:border-border`,`[&_th]:border-border`,`table-fixed border-separate border-spacing-0`,`[&_tfoot_td]:border-t`,`[&_th]:border-b`,`[&_tr]:border-none`,`[&_tr:not(:last-child)_td]:border-b`),style:{width:e.getTotalSize()},children:[(0,f.jsx)(s.TableHeader,{className:`bg-muted/50 sticky top-0 z-10 backdrop-blur-xs`,children:e.getHeaderGroups().map(e=>(0,f.jsx)(s.TableRow,{className:`bg-muted/50`,children:e.headers.map(e=>{let{column:n}=e,r=n.getIsPinned(),i=r===`left`&&n.getIsLastColumn(`left`),a=r===`right`&&n.getIsFirstColumn(`right`);return(0,f.jsx)(s.TableHead,{"data-pinned":r||void 0,"data-last-col":i?`left`:a?`right`:void 0,className:t.cn(`text-accent-foreground/60 relative h-9 border-r font-semibold select-none`,`data-pinned:backdrop-blur-xs`,`data-pinned:bg-muted/90`,`[&>.cursor-col-resize]:last:opacity-0`,`[&[data-pinned][data-last-col]]:border-border`,`[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=right][data-last-col=right]]:border-l`),colSpan:e.colSpan,style:{width:e.getSize(),maxWidth:e.getSize(),...h(e.column)},children:(0,f.jsx)(v,{header:e})},e.id)})},e.id))}),(0,f.jsx)(s.TableBody,{className:t.cn(n&&`h-36`,e.getRowModel().rows?.length===0&&`h-48`),children:n?(0,f.jsx)(s.TableRow,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:(0,f.jsx)(s.TableCell,{children:`loading...`})}):(0,f.jsx)(d.default.Fragment,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>(0,f.jsx)(s.TableRow,{"data-state":e.getIsSelected()&&`selected`,className:`cursor-pointer border-none focus:outline-none`,onClick:()=>r?.(e?.id||e.original?.id?.toString()||e.original?.uuid||void 0),children:e.getVisibleCells().map(e=>{let{column:n}=e,r=n.getIsPinned(),i=r===`left`&&n.getIsLastColumn(`left`),a=r===`right`&&n.getIsFirstColumn(`right`);return(0,f.jsx)(s.TableCell,{style:{...h(n),width:e.column.getSize(),maxWidth:e.column.getSize()},"data-pinned":r||void 0,"data-last-col":i?`left`:a?`right`:void 0,className:t.cn(`overflow-hidden py-2.5`,`[&[data-pinned][data-last-col]]:border-border`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right][data-last-col=right]]:border-l`,`data-pinned:bg-background/90`),children:(0,m.flexRender)(e.column.columnDef.cell,e.getContext())},e.id)})},e.id)):(0,f.jsx)(s.TableRow,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:(0,f.jsx)(s.TableCell,{children:(0,f.jsxs)(`div`,{className:`text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base`,children:[(0,f.jsx)(p.PackagePlusIcon,{size:48,strokeWidth:2}),(0,f.jsx)(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]}),(0,f.jsx)(o.ScrollBar,{orientation:`vertical`,className:`z-10 w-2`}),(0,f.jsx)(o.ScrollBar,{orientation:`horizontal`,className:`absolute right-0 bottom-0 left-0 h-2`})]})};function b({table:e}){"use no memo";return(0,f.jsxs)(`div`,{className:`mt-4 flex w-full flex-0 flex-wrap items-center justify-between gap-y-4 px-2`,children:[(0,f.jsxs)(`div`,{className:`text-muted-foreground flex-1 text-sm`,children:[e.getFilteredSelectedRowModel().rows.length,` of`,` `,e.getFilteredRowModel().rows.length,` row(s) selected.`]}),(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center space-x-6 gap-y-4 lg:space-x-8`,children:[(0,f.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,f.jsx)(`p`,{className:`text-sm font-medium`,children:`Rows per page`}),(0,f.jsxs)(i.Select,{value:`${e.getState().pagination.pageSize}`,onValueChange:t=>{e.setPageSize(Number(t))},children:[(0,f.jsx)(i.SelectTrigger,{className:`h-8 w-[70px]`,children:(0,f.jsx)(i.SelectValue,{placeholder:e.getState().pagination.pageSize})}),(0,f.jsx)(i.SelectContent,{side:`top`,children:[10,20,30,40,50].map(e=>(0,f.jsx)(i.SelectItem,{value:`${e}`,children:e},e))})]})]}),(0,f.jsxs)(`div`,{className:`flex w-25 items-center justify-center text-sm font-medium`,children:[`Page `,e.getState().pagination.pageIndex+1,` of`,` `,e.getPageCount()]}),(0,f.jsxs)(`div`,{className:`flex items-center space-x-2 *:size-9 *:p-0`,children:[(0,f.jsxs)(r.Button,{variant:`outline`,className:`lg:flex`,onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:[(0,f.jsx)(`span`,{className:`sr-only`,children:`Go to first page`}),(0,f.jsx)(p.ChevronsLeft,{})]}),(0,f.jsxs)(r.Button,{variant:`outline`,onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:[(0,f.jsx)(`span`,{className:`sr-only`,children:`Go to previous page`}),(0,f.jsx)(p.ChevronLeft,{})]}),(0,f.jsxs)(r.Button,{type:`button`,variant:`outline`,onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:[(0,f.jsx)(`span`,{className:`sr-only`,children:`Go to next page`}),(0,f.jsx)(p.ChevronRight,{})]}),(0,f.jsxs)(r.Button,{variant:`outline`,className:`lg:flex`,onClick:()=>{e.setPageIndex(e.getPageCount()-1)},disabled:!e.getCanNextPage(),children:[(0,f.jsx)(`span`,{className:`sr-only`,children:`Go to last page`}),(0,f.jsx)(p.ChevronsRight,{})]})]})]})]})}function x({data:e,totalCount:t,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:p,onPaginationChange:h}){"use no memo";let[g,_]=d.default.useState({}),[v,x]=d.default.useState([]),[S,C]=d.default.useState([]),[w,T]=d.default.useState({}),E=d.default.useMemo(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),D=(0,m.useReactTable)({initialState:E,data:e,columns:i,rowCount:t,columnResizeMode:`onChange`,manualPagination:!0,enableColumnResizing:!1,enableMultiRowSelection:!1,getCoreRowModel:(0,m.getCoreRowModel)(),getPaginationRowModel:(0,m.getPaginationRowModel)(),getSortedRowModel:(0,m.getSortedRowModel)(),getFilteredRowModel:(0,m.getFilteredRowModel)(),getFacetedRowModel:(0,m.getFacetedRowModel)(),getFacetedUniqueValues:(0,m.getFacetedUniqueValues)(),getRowId:e=>e.id||e.uuid,state:{rowSelection:g,sorting:v,columnVisibility:w,columnFilters:S,...a?{pagination:a}:{}},onRowSelectionChange:_,onSortingChange:x,onColumnVisibilityChange:T,onColumnFiltersChange:C,...h?{onPaginationChange:h}:{}});return(0,f.jsxs)(n.Flex,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[(0,f.jsxs)(n.Flex,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[(0,f.jsx)(u.SearchInput,{placeholder:`Search...`}),(0,f.jsxs)(n.Flex,{className:`px-0`,children:[o&&(0,f.jsx)(c.AddNewBtn,{onClick:o}),(0,f.jsx)(l.RefreshBtn,{onClick:s})]})]}),(0,f.jsxs)(n.Flex,{padding:`none`,vertical:!0,wrap:!1,width:`full`,className:`flex-1 overflow-auto`,children:[(0,f.jsx)(y,{table:D,isLoading:r,onClickRow:p}),(0,f.jsx)(b,{table:D})]})]})}exports.Table=x;
|
|
1
|
+
const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../flex-CNA_SId-.cjs`);require(`../paragraph-ZxI8zxuf.cjs`);const r=require(`../button-Dzv_nos1.cjs`);require(`../input-C9Zl3f86.cjs`);const i=require(`../select-LQyuaEs8.cjs`),a=require(`../dropdown-menu-BIv0JrLQ.cjs`),o=require(`../scroll-area-CBq8XL4c.cjs`),s=require(`../table-B7URcTid.cjs`),c=require(`../add-new-BFH8xexA.cjs`),l=require(`../refresh-CGfJY7U7.cjs`),u=require(`../search-input-Bl5nix1f.cjs`),d=e.__toESM(require(`react`)),f=e.__toESM(require(`react/jsx-runtime`)),p=e.__toESM(require(`lucide-react`)),m=e.__toESM(require(`@tanstack/react-table`)),h=e=>{let t=e.getIsPinned();return{left:t===`left`?`${e.getStart(`left`)}px`:void 0,right:t===`right`?`${e.getAfter(`right`)}px`:void 0,position:t?`sticky`:`relative`,width:e.getSize(),zIndex:t?1:0}},g=({column:e})=>{let t=e.getIsSorted(),n={asc:(0,f.jsx)(p.ChevronUp,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:(0,f.jsx)(p.ChevronDown,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`})};return t?n[t]:null},_=({column:e})=>{let t=e.columnDef.header;return e.getCanPin()?e.getIsPinned()?(0,f.jsx)(r.Button,{size:`icon`,variant:`ghost`,className:`hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none`,"aria-label":`Unpin ${t} column`,title:`Unpin ${t} column`,onClick:()=>e.pin(!1),children:(0,f.jsx)(p.PinOffIcon,{className:`opacity-60`,size:16,"aria-hidden":`true`})}):(0,f.jsxs)(a.DropdownMenu,{children:[(0,f.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,f.jsx)(r.Button,{size:`icon`,variant:`ghost`,className:`-mr-1 size-7 shadow-none`,"aria-label":`Pin options for ${t} column`,title:`Pin options for ${t} column`,children:(0,f.jsx)(p.EllipsisIcon,{className:`opacity-60`,size:16,"aria-hidden":`true`})})}),(0,f.jsxs)(a.DropdownMenuContent,{align:`end`,children:[(0,f.jsxs)(a.DropdownMenuItem,{onClick:()=>e.pin(`left`),children:[(0,f.jsx)(p.ArrowLeftToLineIcon,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to left`]}),(0,f.jsxs)(a.DropdownMenuItem,{onClick:()=>e.pin(`right`),children:[(0,f.jsx)(p.ArrowRightToLineIcon,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to right`]})]})]}):null},v=({header:e})=>{let{column:n}=e,r=e=>{n.getCanSort()&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),n.getToggleSortingHandler()?.(e))};return(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2 truncate`,children:[!e.isPlaceholder&&(0,f.jsxs)(`div`,{className:t.cn(n.getCanSort()&&`flex h-full cursor-pointer items-center justify-between gap-2 select-none`),onClick:n.getToggleSortingHandler(),onKeyDown:r,tabIndex:n.getCanSort()?0:void 0,children:[(0,f.jsx)(`span`,{className:`truncate`,children:(0,m.flexRender)(n.columnDef.header,e.getContext())}),(0,f.jsx)(g,{column:n})]}),!e.isPlaceholder&&(0,f.jsx)(_,{column:n})]})},y=({table:e,isLoading:n,onClickRow:r})=>{"use no memo";return(0,f.jsxs)(o.ScrollArea,{className:`border-border bg-background relative w-full overflow-auto rounded-lg border`,children:[(0,f.jsxs)(s.Table,{className:t.cn(`!w-full`,`[&_td]:border-border`,`[&_th]:border-border`,`table-fixed border-separate border-spacing-0`,`[&_tfoot_td]:border-t`,`[&_th]:border-b`,`[&_tr]:border-none`,`[&_tr:not(:last-child)_td]:border-b`),style:{width:e.getTotalSize()},children:[(0,f.jsx)(s.TableHeader,{className:`bg-muted/50 sticky top-0 z-10 backdrop-blur-xs`,children:e.getHeaderGroups().map(e=>(0,f.jsx)(s.TableRow,{className:`bg-muted/50`,children:e.headers.map(e=>{let{column:n}=e,r=n.getIsPinned(),i=r===`left`&&n.getIsLastColumn(`left`),a=r===`right`&&n.getIsFirstColumn(`right`);return(0,f.jsx)(s.TableHead,{"data-pinned":r||void 0,"data-last-col":i?`left`:a?`right`:void 0,className:t.cn(`text-accent-foreground/60 relative h-9 border-r font-semibold select-none`,`data-pinned:backdrop-blur-xs`,`data-pinned:bg-muted/90`,`[&>.cursor-col-resize]:last:opacity-0`,`[&[data-pinned][data-last-col]]:border-border`,`[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=right][data-last-col=right]]:border-l`),colSpan:e.colSpan,style:{width:e.getSize(),maxWidth:e.getSize(),...h(e.column)},children:(0,f.jsx)(v,{header:e})},e.id)})},e.id))}),(0,f.jsx)(s.TableBody,{className:t.cn(n&&`h-36`,e.getRowModel().rows?.length===0&&`h-48`),children:n?(0,f.jsx)(s.TableRow,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:(0,f.jsx)(s.TableCell,{children:`loading...`})}):(0,f.jsx)(d.default.Fragment,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>(0,f.jsx)(s.TableRow,{"data-state":e.getIsSelected()&&`selected`,className:`cursor-pointer border-none focus:outline-none`,onClick:()=>r?.(e?.id||e.original?.id?.toString()||e.original?.uuid||void 0),children:e.getVisibleCells().map(e=>{let{column:n}=e,r=n.getIsPinned(),i=r===`left`&&n.getIsLastColumn(`left`),a=r===`right`&&n.getIsFirstColumn(`right`);return(0,f.jsx)(s.TableCell,{style:{...h(n),width:e.column.getSize(),maxWidth:e.column.getSize()},"data-pinned":r||void 0,"data-last-col":i?`left`:a?`right`:void 0,className:t.cn(`overflow-hidden py-2.5`,`[&[data-pinned][data-last-col]]:border-border`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right][data-last-col=right]]:border-l`,`data-pinned:bg-background/90`),children:(0,m.flexRender)(e.column.columnDef.cell,e.getContext())},e.id)})},e.id)):(0,f.jsx)(s.TableRow,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:(0,f.jsx)(s.TableCell,{children:(0,f.jsxs)(`div`,{className:`text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base`,children:[(0,f.jsx)(p.PackagePlusIcon,{size:48,strokeWidth:2}),(0,f.jsx)(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]}),(0,f.jsx)(o.ScrollBar,{orientation:`vertical`,className:`z-10 w-2`}),(0,f.jsx)(o.ScrollBar,{orientation:`horizontal`,className:`absolute right-0 bottom-0 left-0 h-2`})]})};function b({table:e}){"use no memo";return(0,f.jsxs)(`div`,{className:`mt-4 flex w-full flex-0 flex-wrap items-center justify-between gap-y-4 px-2`,children:[(0,f.jsxs)(`div`,{className:`text-muted-foreground flex-1 text-sm`,children:[e.getFilteredSelectedRowModel().rows.length,` of`,` `,e.getFilteredRowModel().rows.length,` row(s) selected.`]}),(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center space-x-6 gap-y-4 lg:space-x-8`,children:[(0,f.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,f.jsx)(`p`,{className:`text-sm font-medium`,children:`Rows per page`}),(0,f.jsxs)(i.Select,{value:`${e.getState().pagination.pageSize}`,onValueChange:t=>{e.setPageSize(Number(t))},children:[(0,f.jsx)(i.SelectTrigger,{className:`h-8 w-[70px]`,children:(0,f.jsx)(i.SelectValue,{placeholder:e.getState().pagination.pageSize})}),(0,f.jsx)(i.SelectContent,{side:`top`,children:[10,20,30,40,50].map(e=>(0,f.jsx)(i.SelectItem,{value:`${e}`,children:e},e))})]})]}),(0,f.jsxs)(`div`,{className:`flex w-25 items-center justify-center text-sm font-medium`,children:[`Page `,e.getState().pagination.pageIndex+1,` of`,` `,e.getPageCount()]}),(0,f.jsxs)(`div`,{className:`flex items-center space-x-2 *:size-9 *:p-0`,children:[(0,f.jsxs)(r.Button,{variant:`outline`,className:`lg:flex`,onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:[(0,f.jsx)(`span`,{className:`sr-only`,children:`Go to first page`}),(0,f.jsx)(p.ChevronsLeft,{})]}),(0,f.jsxs)(r.Button,{variant:`outline`,onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:[(0,f.jsx)(`span`,{className:`sr-only`,children:`Go to previous page`}),(0,f.jsx)(p.ChevronLeft,{})]}),(0,f.jsxs)(r.Button,{type:`button`,variant:`outline`,onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:[(0,f.jsx)(`span`,{className:`sr-only`,children:`Go to next page`}),(0,f.jsx)(p.ChevronRight,{})]}),(0,f.jsxs)(r.Button,{variant:`outline`,className:`lg:flex`,onClick:()=>{e.setPageIndex(e.getPageCount()-1)},disabled:!e.getCanNextPage(),children:[(0,f.jsx)(`span`,{className:`sr-only`,children:`Go to last page`}),(0,f.jsx)(p.ChevronsRight,{})]})]})]})]})}function x({data:e,totalCount:t,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:p,onPaginationChange:h}){"use no memo";let[g,_]=d.default.useState({}),[v,x]=d.default.useState([]),[S,C]=d.default.useState([]),[w,T]=d.default.useState({}),E=d.default.useMemo(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),D=(0,m.useReactTable)({initialState:E,data:e,columns:i,rowCount:t,columnResizeMode:`onChange`,manualPagination:!0,enableColumnResizing:!1,enableMultiRowSelection:!1,getCoreRowModel:(0,m.getCoreRowModel)(),getPaginationRowModel:(0,m.getPaginationRowModel)(),getSortedRowModel:(0,m.getSortedRowModel)(),getFilteredRowModel:(0,m.getFilteredRowModel)(),getFacetedRowModel:(0,m.getFacetedRowModel)(),getFacetedUniqueValues:(0,m.getFacetedUniqueValues)(),getRowId:e=>e.id||e.uuid,state:{rowSelection:g,sorting:v,columnVisibility:w,columnFilters:S,...a?{pagination:a}:{}},onRowSelectionChange:_,onSortingChange:x,onColumnVisibilityChange:T,onColumnFiltersChange:C,...h?{onPaginationChange:h}:{}});return(0,f.jsxs)(n.Flex,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[(0,f.jsxs)(n.Flex,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[(0,f.jsx)(u.SearchInput,{placeholder:`Search...`}),(0,f.jsxs)(n.Flex,{className:`px-0`,children:[o&&(0,f.jsx)(c.AddNewBtn,{onClick:o}),(0,f.jsx)(l.RefreshBtn,{onClick:s})]})]}),(0,f.jsxs)(n.Flex,{padding:`none`,vertical:!0,wrap:!1,width:`full`,className:`flex-1 overflow-auto`,children:[(0,f.jsx)(y,{table:D,isLoading:r,onClickRow:p}),(0,f.jsx)(b,{table:D})]})]})}exports.Table=x;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/table/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime20 from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ColumnDef, PaginationState } from "@tanstack/react-table";
|
|
4
4
|
|
|
@@ -24,7 +24,7 @@ declare function Table<T extends Record<string, unknown>>({
|
|
|
24
24
|
onRefresh,
|
|
25
25
|
onClickRow,
|
|
26
26
|
onPaginationChange
|
|
27
|
-
}: Props<T>):
|
|
27
|
+
}: Props<T>): react_jsx_runtime20.JSX.Element;
|
|
28
28
|
//#endregion
|
|
29
29
|
export { Table };
|
|
30
30
|
//# sourceMappingURL=index.d.cts.map
|
package/dist/table/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime14 from "react/jsx-runtime";
|
|
3
3
|
import { ColumnDef, PaginationState } from "@tanstack/react-table";
|
|
4
4
|
|
|
5
5
|
//#region packages/components/table/index.d.ts
|
|
@@ -24,7 +24,7 @@ declare function Table<T extends Record<string, unknown>>({
|
|
|
24
24
|
onRefresh,
|
|
25
25
|
onClickRow,
|
|
26
26
|
onPaginationChange
|
|
27
|
-
}: Props<T>):
|
|
27
|
+
}: Props<T>): react_jsx_runtime14.JSX.Element;
|
|
28
28
|
//#endregion
|
|
29
29
|
export { Table };
|
|
30
30
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=table-
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`table-container`,className:`relative w-full overflow-x-auto`,children:(0,r.jsx)(`table`,{"data-slot":`table`,className:t.cn(`w-full caption-bottom text-sm`,e),...n})})}function a({className:e,...n}){return(0,r.jsx)(`thead`,{"data-slot":`table-header`,className:t.cn(`bg-muted/50 [&_tr]:border-b`,e),...n})}function o({className:e,...n}){return(0,r.jsx)(`tbody`,{"data-slot":`table-body`,className:t.cn(`[&_tr:last-child]:border-0`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`tfoot`,{"data-slot":`table-footer`,className:t.cn(`bg-muted/50 border-t font-medium [&>tr]:last:border-b-0`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`tr`,{"data-slot":`table-row`,className:t.cn(`hover:bg-muted/50 active:bg-muted/80 data-[state=selected]:bg-muted border-b transition-colors`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`th`,{"data-slot":`table-head`,className:t.cn(`text-muted-foreground`,`h-10 px-2 text-left align-middle font-medium whitespace-nowrap`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-[2px]`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`td`,{"data-slot":`table-cell`,className:t.cn(`p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]`,e),...n})}function d({className:e,...n}){return(0,r.jsx)(`caption`,{"data-slot":`table-caption`,className:t.cn(`text-muted-foreground mt-4 text-sm`,e),...n})}Object.defineProperty(exports,`Table`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`TableBody`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`TableCaption`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`TableCell`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`TableFooter`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`TableHead`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`TableHeader`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`TableRow`,{enumerable:!0,get:function(){return c}});
|
|
2
|
+
//# sourceMappingURL=table-B7URcTid.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-
|
|
1
|
+
{"version":3,"file":"table-B7URcTid.cjs","names":["cn"],"sources":["../packages/components/ui/table.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"bg-muted/50 [&_tr]:border-b\", className)}\n {...props}\n />\n );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"hover:bg-muted/50 active:bg-muted/80 data-[state=selected]:bg-muted border-b transition-colors\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"text-muted-foreground\",\n \"h-10 px-2 text-left align-middle font-medium whitespace-nowrap\",\n \"[&:has([role=checkbox])]:pr-0\",\n \"[&>[role=checkbox]]:translate-y-[2px]\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Table,\n TableBody,\n TableCaption,\n TableCell,\n TableFooter,\n TableHead,\n TableHeader,\n TableRow,\n};\n"],"mappings":"kJAKA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,kBACV,UAAU,4CAEV,EAAA,EAAA,KAAC,QAAA,CACC,YAAU,QACV,UAAWA,EAAAA,GAAG,gCAAiC,GAC/C,GAAI,MAMZ,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAA,CACC,YAAU,eACV,UAAWA,EAAAA,GAAG,8BAA+B,GAC7C,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAwC,CACzE,OACE,EAAA,EAAA,KAAC,QAAA,CACC,YAAU,aACV,UAAWA,EAAAA,GAAG,6BAA8B,GAC5C,GAAI,IAKV,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAA,CACC,YAAU,eACV,UAAWA,EAAAA,GACT,0DACA,GAEF,GAAI,IAKV,SAAS,EAAS,CAAE,YAAW,GAAG,GAAqC,CACrE,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,YACV,UAAWA,EAAAA,GACT,iGACA,GAEF,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,aACV,UAAWA,EAAAA,GACT,wBACA,iEACA,gCACA,wCACA,GAEF,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,aACV,UAAWA,EAAAA,GACT,yGACA,GAEF,GAAI,IAKV,SAAS,EAAa,CACpB,YACA,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,KAAC,UAAA,CACC,YAAU,gBACV,UAAWA,EAAAA,GAAG,qCAAsC,GACpD,GAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=textarea-
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,onChange:i,onValueChange:a,...o}){let s=n.default.useCallback(e=>{i?.(e),a?.(e.target.value)},[i,a]);return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className:t.cn(`border-input caret-primary`,`flex`,`field-sizing-content`,`min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs transition outline-none`,`placeholder:text-muted-foreground`,`focus-visible:border-ring`,`focus-visible:ring-ring`,`focus-visible:ring-4`,`aria-invalid:ring-destructive/20`,`aria-invalid:border-destructive`,`dark:aria-invalid:ring-destructive/40`,`dark:bg-input/30`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...o,onChange:s})}Object.defineProperty(exports,`Textarea`,{enumerable:!0,get:function(){return i}});
|
|
2
|
+
//# sourceMappingURL=textarea-xQMf_usu.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-
|
|
1
|
+
{"version":3,"file":"textarea-xQMf_usu.cjs","names":["React","cn"],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Textarea({\n className,\n onChange,\n onValueChange,\n ...props\n}: React.ComponentProps<\"textarea\"> & {\n onValueChange?: (value: string) => void;\n}) {\n const handleChange = React.useCallback(\n (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n onChange?.(e);\n onValueChange?.(e.target.value);\n },\n [onChange, onValueChange],\n );\n return (\n <textarea\n data-slot=\"textarea\"\n className={cn(\n \"border-input caret-primary\",\n \"flex\",\n \"field-sizing-content\",\n \"min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs transition outline-none\",\n \"placeholder:text-muted-foreground\",\n \"focus-visible:border-ring\",\n \"focus-visible:ring-ring\",\n \"focus-visible:ring-4\",\n \"aria-invalid:ring-destructive/20\",\n \"aria-invalid:border-destructive\",\n \"dark:aria-invalid:ring-destructive/40\",\n \"dark:bg-input/30\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n className,\n )}\n {...props}\n onChange={handleChange}\n />\n );\n}\n\nexport { Textarea };\n"],"mappings":"kJAKA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAeA,EAAAA,QAAM,YACxB,GAA8C,CAC7C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAA,EAAA,KAAC,WAAA,CACC,YAAU,WACV,UAAWC,EAAAA,GACT,6BACA,OACA,uBACA,uGACA,oCACA,4BACA,0BACA,uBACA,mCACA,kCACA,wCACA,mBACA,8BACA,sBACA,GAEF,GAAI,EACJ,SAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=title-
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`class-variance-authority`)),i=(0,r.cva)(`scroll-m-20 text-secondary-foreground tracking-tight`,{variants:{level:{1:`text-center text-4xl font-extrabold text-balance`,2:`border-b pb-2 text-3xl font-semibold first:mt-0`,3:`text-2xl font-semibold`,4:`text-xl font-semibold`,5:`text-lg font-semibold`,6:`text-base font-semibold`},default:{level:1}}}),a=({level:e=1,className:r,children:a})=>{let o=`h${e}`;return(0,n.jsx)(o,{className:t.cn(i({level:e}),r),children:a})};Object.defineProperty(exports,`Title`,{enumerable:!0,get:function(){return a}});
|
|
2
|
+
//# sourceMappingURL=title-DrIfj31i.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"title-
|
|
1
|
+
{"version":3,"file":"title-DrIfj31i.cjs","names":["cn"],"sources":["../packages/components/typography/title.tsx"],"sourcesContent":["import type { JSX } from \"react\";\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst titleVariants = cva(\n \"scroll-m-20 text-secondary-foreground tracking-tight\",\n {\n variants: {\n level: {\n 1: \"text-center text-4xl font-extrabold text-balance\",\n 2: \"border-b pb-2 text-3xl font-semibold first:mt-0\",\n 3: \"text-2xl font-semibold\",\n 4: \"text-xl font-semibold\",\n 5: \"text-lg font-semibold\",\n 6: \"text-base font-semibold\",\n },\n default: {\n level: 1,\n },\n },\n },\n);\n\ntype Props = {\n level?: 1 | 2 | 3 | 4 | 5 | 6;\n className?: string;\n children?: React.ReactNode;\n};\n\nexport const Title = ({ level = 1, className, children }: Props) => {\n const Comp = `h${level}` as keyof JSX.IntrinsicElements;\n return (\n <Comp className={cn(titleVariants({ level }), className)}>{children}</Comp>\n );\n};\n"],"mappings":"qKAKM,GAAA,EAAA,EAAA,KACJ,uDACA,CACE,SAAU,CACR,MAAO,CACL,EAAG,mDACH,EAAG,kDACH,EAAG,yBACH,EAAG,wBACH,EAAG,wBACH,EAAG,2BAEL,QAAS,CACP,MAAO,MAYF,GAAS,CAAE,QAAQ,EAAG,YAAW,cAAsB,CAClE,IAAM,EAAO,IAAI,IACjB,OACE,EAAA,EAAA,KAAC,EAAA,CAAK,UAAWA,EAAAA,GAAG,EAAc,CAAE,UAAU,GAAa"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime173 from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import * as class_variance_authority_types4 from "class-variance-authority/types";
|
|
4
4
|
import { VariantProps } from "class-variance-authority";
|
|
@@ -14,7 +14,7 @@ declare function Toggle$1({
|
|
|
14
14
|
variant,
|
|
15
15
|
size,
|
|
16
16
|
...props
|
|
17
|
-
}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>):
|
|
17
|
+
}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime173.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { Toggle$1 as Toggle, toggleVariants };
|
|
20
|
-
//# sourceMappingURL=toggle-
|
|
20
|
+
//# sourceMappingURL=toggle-9SGewcSc.d.cts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime124 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import { Toggle } from "radix-ui";
|
|
5
5
|
import * as class_variance_authority_types3 from "class-variance-authority/types";
|
|
@@ -14,7 +14,7 @@ declare function Toggle$1({
|
|
|
14
14
|
variant,
|
|
15
15
|
size,
|
|
16
16
|
...props
|
|
17
|
-
}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>):
|
|
17
|
+
}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime124.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { Toggle$1 as Toggle, toggleVariants };
|
|
20
|
-
//# sourceMappingURL=toggle-
|
|
20
|
+
//# sourceMappingURL=toggle-CToEigm6.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=toggle-
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`class-variance-authority`)),a=e.__toESM(require(`radix-ui`)),o=(0,i.cva)(`inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap`,{variants:{variant:{default:`bg-transparent`,outline:`border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground`},size:{default:`h-9 px-2 min-w-9`,sm:`h-8 px-1.5 min-w-8`,lg:`h-10 px-2.5 min-w-10`}},defaultVariants:{variant:`default`,size:`default`}});function s({className:e,variant:n,size:i,...s}){return(0,r.jsx)(a.Toggle.Root,{"data-slot":`toggle`,className:t.cn(o({variant:n,size:i,className:e})),...s})}Object.defineProperty(exports,`Toggle`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`toggleVariants`,{enumerable:!0,get:function(){return o}});
|
|
2
|
+
//# sourceMappingURL=toggle-DO8QbhLS.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-
|
|
1
|
+
{"version":3,"file":"toggle-DO8QbhLS.cjs","names":["TogglePrimitive","cn"],"sources":["../packages/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Toggle as TogglePrimitive } from \"radix-ui\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n default: \"h-9 px-2 min-w-9\",\n sm: \"h-8 px-1.5 min-w-8\",\n lg: \"h-10 px-2.5 min-w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nfunction Toggle({\n className,\n variant,\n size,\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Toggle, toggleVariants };\n"],"mappings":"oOAOM,GAAA,EAAA,EAAA,KACJ,gjBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QACE,6FAEJ,KAAM,CACJ,QAAS,mBACT,GAAI,qBACJ,GAAI,yBAGR,gBAAiB,CACf,QAAS,UACT,KAAM,aAKZ,SAAS,EAAO,CACd,YACA,UACA,OACA,GAAG,GAEkC,CACrC,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CACf,YAAU,SACV,UAAWC,EAAAA,GAAG,EAAe,CAAE,UAAS,OAAM,eAC9C,GAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-
|
|
2
|
-
//# sourceMappingURL=tooltip-
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`radix-ui`));function a({delayDuration:e=0,...t}){return(0,r.jsx)(i.Tooltip.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function o({...e}){return(0,r.jsx)(a,{children:(0,r.jsx)(i.Tooltip.Root,{"data-slot":`tooltip`,...e})})}function s({...e}){return(0,r.jsx)(i.Tooltip.Trigger,{"data-slot":`tooltip-trigger`,...e})}function c({className:e,sideOffset:n=0,children:a,...o}){return(0,r.jsx)(i.Tooltip.Portal,{children:(0,r.jsxs)(i.Tooltip.Content,{"data-slot":`tooltip-content`,sideOffset:n,className:t.cn(`bg-secondary-foreground text-secondary`,`animate-in fade-in-0 zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,`z-50 w-fit`,`origin-(--radix-tooltip-content-transform-origin)`,`rounded-md px-3 py-1.5 text-xs text-balance`,e),...o,children:[a,(0,r.jsx)(i.Tooltip.Arrow,{className:`bg-secondary-foreground fill-secondary-foreground text-secondary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]`})]})})}Object.defineProperty(exports,`Tooltip`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`TooltipContent`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`TooltipProvider`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`TooltipTrigger`,{enumerable:!0,get:function(){return s}});
|
|
2
|
+
//# sourceMappingURL=tooltip-CBtZw8PB.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip-
|
|
1
|
+
{"version":3,"file":"tooltip-CBtZw8PB.cjs","names":["TooltipPrimitive","cn"],"sources":["../packages/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n );\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n );\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n className,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-secondary-foreground text-secondary\",\n \"animate-in fade-in-0 zoom-in-95\",\n \"data-[state=closed]:animate-out\",\n \"data-[state=closed]:fade-out-0\",\n \"data-[state=closed]:zoom-out-95\",\n \"data-[side=bottom]:slide-in-from-top-2\",\n \"data-[side=left]:slide-in-from-right-2\",\n \"data-[side=right]:slide-in-from-left-2\",\n \"data-[side=top]:slide-in-from-bottom-2\",\n \"z-50 w-fit\",\n \"origin-(--radix-tooltip-content-transform-origin)\",\n \"rounded-md px-3 py-1.5 text-xs text-balance\",\n className,\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"bg-secondary-foreground fill-secondary-foreground text-secondary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":"mLAMA,SAAS,EAAgB,CACvB,gBAAgB,EAChB,GAAG,GACsD,CACzD,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,SAAA,CAChB,YAAU,mBACK,gBACf,GAAI,IAKV,SAAS,EAAQ,CACf,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAA,CAAA,UACC,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,MAKrD,SAAS,EAAe,CACtB,GAAG,GACqD,CACxD,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,IAGnE,SAAS,EAAe,CACtB,YACA,aAAa,EACb,WACA,GAAG,GACqD,CACxD,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAA,UAChB,EAAA,EAAA,MAACA,EAAAA,QAAiB,QAAA,CAChB,YAAU,kBACE,aACZ,UAAWC,EAAAA,GACT,yCACA,kCACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,aACA,oDACA,8CACA,GAEF,GAAI,YAEH,GACD,EAAA,EAAA,KAACD,EAAAA,QAAiB,MAAA,CAAM,UAAU"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime156 from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Tooltip } from "radix-ui";
|
|
4
4
|
|
|
@@ -6,19 +6,19 @@ import { Tooltip } from "radix-ui";
|
|
|
6
6
|
declare function TooltipProvider({
|
|
7
7
|
delayDuration,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof Tooltip.Provider>):
|
|
9
|
+
}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime156.JSX.Element;
|
|
10
10
|
declare function Tooltip$1({
|
|
11
11
|
...props
|
|
12
|
-
}: React.ComponentProps<typeof Tooltip.Root>):
|
|
12
|
+
}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime156.JSX.Element;
|
|
13
13
|
declare function TooltipTrigger({
|
|
14
14
|
...props
|
|
15
|
-
}: React.ComponentProps<typeof Tooltip.Trigger>):
|
|
15
|
+
}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime156.JSX.Element;
|
|
16
16
|
declare function TooltipContent({
|
|
17
17
|
className,
|
|
18
18
|
sideOffset,
|
|
19
19
|
children,
|
|
20
20
|
...props
|
|
21
|
-
}: React.ComponentProps<typeof Tooltip.Content>):
|
|
21
|
+
}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime156.JSX.Element;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
24
|
-
//# sourceMappingURL=tooltip-
|
|
24
|
+
//# sourceMappingURL=tooltip-Cs7kbiDo.d.cts.map
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime118 from "react/jsx-runtime";
|
|
3
3
|
import { Tooltip } from "radix-ui";
|
|
4
4
|
|
|
5
5
|
//#region packages/components/ui/tooltip.d.ts
|
|
6
6
|
declare function TooltipProvider({
|
|
7
7
|
delayDuration,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof Tooltip.Provider>):
|
|
9
|
+
}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime118.JSX.Element;
|
|
10
10
|
declare function Tooltip$1({
|
|
11
11
|
...props
|
|
12
|
-
}: React.ComponentProps<typeof Tooltip.Root>):
|
|
12
|
+
}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime118.JSX.Element;
|
|
13
13
|
declare function TooltipTrigger({
|
|
14
14
|
...props
|
|
15
|
-
}: React.ComponentProps<typeof Tooltip.Trigger>):
|
|
15
|
+
}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime118.JSX.Element;
|
|
16
16
|
declare function TooltipContent({
|
|
17
17
|
className,
|
|
18
18
|
sideOffset,
|
|
19
19
|
children,
|
|
20
20
|
...props
|
|
21
|
-
}: React.ComponentProps<typeof Tooltip.Content>):
|
|
21
|
+
}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime118.JSX.Element;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
24
|
-
//# sourceMappingURL=tooltip-
|
|
24
|
+
//# sourceMappingURL=tooltip-DsFcKAPP.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";require(`../utils-BsjVK5EW.cjs`);const e=require(`../paragraph-ZxI8zxuf.cjs`);exports.Paragraph=e.Paragraph;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime12 from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/typography/paragraph.d.ts
|
|
@@ -11,7 +11,7 @@ declare const Paragraph: ({
|
|
|
11
11
|
variant,
|
|
12
12
|
className,
|
|
13
13
|
children
|
|
14
|
-
}: Props) =>
|
|
14
|
+
}: Props) => react_jsx_runtime12.JSX.Element;
|
|
15
15
|
//#endregion
|
|
16
16
|
export { Paragraph };
|
|
17
17
|
//# sourceMappingURL=paragraph.d.cts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime12 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/typography/paragraph.d.ts
|
|
5
5
|
type Props = {
|
|
@@ -11,7 +11,7 @@ declare const Paragraph: ({
|
|
|
11
11
|
variant,
|
|
12
12
|
className,
|
|
13
13
|
children
|
|
14
|
-
}: Props) =>
|
|
14
|
+
}: Props) => react_jsx_runtime12.JSX.Element;
|
|
15
15
|
//#endregion
|
|
16
16
|
export { Paragraph };
|
|
17
17
|
//# sourceMappingURL=paragraph.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
require(`../utils-BsjVK5EW.cjs`);const e=require(`../title-DrIfj31i.cjs`);exports.Title=e.Title;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime51 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region packages/components/typography/title.d.ts
|
|
4
4
|
type Props = {
|
|
@@ -10,7 +10,7 @@ declare const Title: ({
|
|
|
10
10
|
level,
|
|
11
11
|
className,
|
|
12
12
|
children
|
|
13
|
-
}: Props) =>
|
|
13
|
+
}: Props) => react_jsx_runtime51.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Title };
|
|
16
16
|
//# sourceMappingURL=title.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime15 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region packages/components/typography/title.d.ts
|
|
4
4
|
type Props = {
|
|
@@ -10,7 +10,7 @@ declare const Title: ({
|
|
|
10
10
|
level,
|
|
11
11
|
className,
|
|
12
12
|
children
|
|
13
|
-
}: Props) =>
|
|
13
|
+
}: Props) => react_jsx_runtime15.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Title };
|
|
16
16
|
//# sourceMappingURL=title.d.ts.map
|