@codefast/ui 0.0.63 → 0.0.65
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/chunk-2OBTJ7SD.cjs +2 -0
- package/dist/chunk-2OBTJ7SD.cjs.map +1 -0
- package/dist/chunk-3OEPCFBF.cjs +2 -0
- package/dist/{chunk-DCDB56BO.js.map → chunk-3OEPCFBF.cjs.map} +1 -1
- package/dist/chunk-5UXVZTFG.js +2 -0
- package/dist/chunk-5UXVZTFG.js.map +1 -0
- package/dist/chunk-6AFJCDFU.js +2 -0
- package/dist/chunk-6AFJCDFU.js.map +1 -0
- package/dist/chunk-72NPDP3X.cjs +2 -0
- package/dist/{chunk-PRCS3RWN.js.map → chunk-72NPDP3X.cjs.map} +1 -1
- package/dist/chunk-7CHCTEST.js +2 -0
- package/dist/{chunk-ZIB4ZTST.mjs.map → chunk-7CHCTEST.js.map} +1 -1
- package/dist/chunk-A5ILA637.js +2 -0
- package/dist/{chunk-BNKSZEF2.mjs.map → chunk-A5ILA637.js.map} +1 -1
- package/dist/chunk-DH3YP4ZC.cjs +2 -0
- package/dist/chunk-DH3YP4ZC.cjs.map +1 -0
- package/dist/chunk-DTSAQICV.js +1 -1
- package/dist/chunk-DTSAQICV.js.map +1 -1
- package/dist/chunk-F5TIIJJJ.cjs +2 -0
- package/dist/{chunk-46W6RAYD.js.map → chunk-F5TIIJJJ.cjs.map} +1 -1
- package/dist/chunk-FNQFZJUG.js +2 -0
- package/dist/{chunk-4WTCCXNP.mjs.map → chunk-FNQFZJUG.js.map} +1 -1
- package/dist/chunk-GCHNSK5O.cjs +2 -0
- package/dist/{chunk-63XEM5BB.js.map → chunk-GCHNSK5O.cjs.map} +1 -1
- package/dist/chunk-L7IASKCH.js +2 -0
- package/dist/chunk-L7IASKCH.js.map +1 -0
- package/dist/chunk-NH6X3FON.js +1 -1
- package/dist/chunk-NH6X3FON.js.map +1 -1
- package/dist/chunk-NU6SK3FC.cjs +2 -0
- package/dist/chunk-NU6SK3FC.cjs.map +1 -0
- package/dist/chunk-P563ILDJ.cjs +2 -0
- package/dist/chunk-P563ILDJ.cjs.map +1 -0
- package/dist/chunk-QEWITXOV.cjs +2 -0
- package/dist/chunk-QEWITXOV.cjs.map +1 -0
- package/dist/chunk-RSNKUKY7.js +2 -0
- package/dist/chunk-RSNKUKY7.js.map +1 -0
- package/dist/chunk-VVA2EE5V.js +1 -1
- package/dist/chunk-VVA2EE5V.js.map +1 -1
- package/dist/chunk-VZ6P3BCB.cjs +2 -0
- package/dist/chunk-VZ6P3BCB.cjs.map +1 -0
- package/dist/chunk-WECV77JD.cjs +2 -0
- package/dist/chunk-WECV77JD.cjs.map +1 -0
- package/dist/chunk-WRO3QIWH.js +2 -0
- package/dist/{chunk-HMD2ZU33.mjs.map → chunk-WRO3QIWH.js.map} +1 -1
- package/dist/chunk-YLE5XFEO.cjs +2 -0
- package/dist/chunk-YLE5XFEO.cjs.map +1 -0
- package/dist/chunk-ZMF2SRE5.js +1 -1
- package/dist/chunk-ZMF2SRE5.js.map +1 -1
- package/dist/hooks/use-media-query.cjs +2 -0
- package/dist/hooks/use-media-query.cjs.map +1 -0
- package/dist/hooks/use-media-query.js +1 -1
- package/dist/hooks/use-media-query.js.map +1 -1
- package/dist/hooks/use-mutation-observer.cjs +2 -0
- package/dist/hooks/use-mutation-observer.cjs.map +1 -0
- package/dist/hooks/use-mutation-observer.js +1 -1
- package/dist/hooks/use-mutation-observer.js.map +1 -1
- package/dist/lib/colors.cjs +2 -0
- package/dist/lib/colors.cjs.map +1 -0
- package/dist/lib/colors.js +1 -1
- package/dist/lib/colors.js.map +1 -1
- package/dist/lib/utils.cjs +2 -0
- package/dist/lib/utils.cjs.map +1 -0
- package/dist/lib/utils.d.cts +5 -0
- package/dist/lib/utils.d.ts +3 -5
- package/dist/lib/utils.js +1 -1
- package/dist/lib/utils.js.map +1 -1
- package/dist/plugin/animate.plugin.cjs +2 -0
- package/dist/plugin/animate.plugin.cjs.map +1 -0
- package/dist/plugin/animate.plugin.js +1 -1
- package/dist/plugin/animate.plugin.js.map +1 -1
- package/dist/plugin/base.plugin.cjs +2 -0
- package/dist/plugin/base.plugin.cjs.map +1 -0
- package/dist/plugin/base.plugin.js +1 -1
- package/dist/plugin/base.plugin.js.map +1 -1
- package/dist/plugin/perspective.plugin.cjs +2 -0
- package/dist/plugin/perspective.plugin.cjs.map +1 -0
- package/dist/plugin/perspective.plugin.js +1 -1
- package/dist/plugin/perspective.plugin.js.map +1 -1
- package/dist/react/accordion.cjs +2 -0
- package/dist/react/accordion.cjs.map +1 -0
- package/dist/react/accordion.js +1 -1
- package/dist/react/accordion.js.map +1 -1
- package/dist/react/alert-dialog.cjs +2 -0
- package/dist/react/alert-dialog.cjs.map +1 -0
- package/dist/react/{alert-dialog.d.mts → alert-dialog.d.cts} +3 -1
- package/dist/react/alert-dialog.d.ts +3 -1
- package/dist/react/alert-dialog.js +1 -1
- package/dist/react/alert-dialog.js.map +1 -1
- package/dist/react/alert.cjs +2 -0
- package/dist/react/alert.cjs.map +1 -0
- package/dist/react/alert.d.cts +50 -0
- package/dist/react/alert.d.ts +39 -58
- package/dist/react/alert.js +1 -1
- package/dist/react/alert.js.map +1 -1
- package/dist/react/aspect-ratio.cjs +2 -0
- package/dist/react/aspect-ratio.cjs.map +1 -0
- package/dist/react/aspect-ratio.js +1 -1
- package/dist/react/aspect-ratio.js.map +1 -1
- package/dist/react/avatar.cjs +2 -0
- package/dist/react/avatar.cjs.map +1 -0
- package/dist/react/avatar.js +1 -1
- package/dist/react/avatar.js.map +1 -1
- package/dist/react/badge.cjs +2 -0
- package/dist/react/badge.cjs.map +1 -0
- package/dist/react/badge.d.cts +60 -0
- package/dist/react/badge.d.ts +53 -58
- package/dist/react/badge.js +1 -1
- package/dist/react/badge.js.map +1 -1
- package/dist/react/blockquote.cjs +2 -0
- package/dist/react/blockquote.cjs.map +1 -0
- package/dist/react/blockquote.js +1 -1
- package/dist/react/blockquote.js.map +1 -1
- package/dist/react/box.cjs +2 -0
- package/dist/react/box.cjs.map +1 -0
- package/dist/react/box.js +1 -1
- package/dist/react/box.js.map +1 -1
- package/dist/react/breadcrumb.cjs +2 -0
- package/dist/react/breadcrumb.cjs.map +1 -0
- package/dist/react/breadcrumb.js +1 -1
- package/dist/react/breadcrumb.js.map +1 -1
- package/dist/react/button.cjs +2 -0
- package/dist/react/button.cjs.map +1 -0
- package/dist/react/button.d.cts +167 -0
- package/dist/react/button.d.ts +158 -60
- package/dist/react/button.js +1 -1
- package/dist/react/button.js.map +1 -1
- package/dist/react/calendar.cjs +2 -0
- package/dist/react/calendar.cjs.map +1 -0
- package/dist/react/calendar.js +1 -1
- package/dist/react/calendar.js.map +1 -1
- package/dist/react/card.cjs +2 -0
- package/dist/react/card.cjs.map +1 -0
- package/dist/react/card.js +1 -1
- package/dist/react/card.js.map +1 -1
- package/dist/react/carousel.cjs +2 -0
- package/dist/react/carousel.cjs.map +1 -0
- package/dist/react/{carousel.d.mts → carousel.d.cts} +3 -2
- package/dist/react/carousel.d.ts +2 -1
- package/dist/react/carousel.js +1 -1
- package/dist/react/carousel.js.map +1 -1
- package/dist/react/checkbox-cards.cjs +2 -0
- package/dist/react/checkbox-cards.cjs.map +1 -0
- package/dist/react/{checkbox-cards.d.mts → checkbox-cards.d.cts} +1 -1
- package/dist/react/checkbox-cards.js +1 -1
- package/dist/react/checkbox-cards.js.map +1 -1
- package/dist/react/checkbox-group.cjs +2 -0
- package/dist/react/checkbox-group.cjs.map +1 -0
- package/dist/react/{checkbox-group.d.mts → checkbox-group.d.cts} +1 -1
- package/dist/react/checkbox-group.js +1 -1
- package/dist/react/checkbox-group.js.map +1 -1
- package/dist/react/checkbox-group.primitive.cjs +2 -0
- package/dist/react/checkbox-group.primitive.cjs.map +1 -0
- package/dist/react/checkbox-group.primitive.js +1 -1
- package/dist/react/checkbox-group.primitive.js.map +1 -1
- package/dist/react/checkbox.cjs +2 -0
- package/dist/react/checkbox.cjs.map +1 -0
- package/dist/react/checkbox.js +1 -1
- package/dist/react/checkbox.js.map +1 -1
- package/dist/react/code.cjs +2 -0
- package/dist/react/code.cjs.map +1 -0
- package/dist/react/code.js +1 -1
- package/dist/react/code.js.map +1 -1
- package/dist/react/collapsible.cjs +2 -0
- package/dist/react/collapsible.cjs.map +1 -0
- package/dist/react/collapsible.js +1 -1
- package/dist/react/collapsible.js.map +1 -1
- package/dist/react/command.cjs +2 -0
- package/dist/react/command.cjs.map +1 -0
- package/dist/react/{command.d.mts → command.d.cts} +1 -1
- package/dist/react/command.js +1 -1
- package/dist/react/command.js.map +1 -1
- package/dist/react/container.cjs +2 -0
- package/dist/react/container.cjs.map +1 -0
- package/dist/react/container.js +1 -1
- package/dist/react/container.js.map +1 -1
- package/dist/react/context-menu.cjs +2 -0
- package/dist/react/context-menu.cjs.map +1 -0
- package/dist/react/context-menu.js +1 -1
- package/dist/react/context-menu.js.map +1 -1
- package/dist/react/data-table.cjs +2 -0
- package/dist/react/data-table.cjs.map +1 -0
- package/dist/react/data-table.js +1 -1
- package/dist/react/data-table.js.map +1 -1
- package/dist/react/dialog.cjs +2 -0
- package/dist/react/dialog.cjs.map +1 -0
- package/dist/react/{dialog.d.mts → dialog.d.cts} +1 -1
- package/dist/react/dialog.d.ts +1 -1
- package/dist/react/dialog.js +1 -1
- package/dist/react/dialog.js.map +1 -1
- package/dist/react/drawer.cjs +2 -0
- package/dist/react/drawer.cjs.map +1 -0
- package/dist/react/drawer.js +1 -1
- package/dist/react/drawer.js.map +1 -1
- package/dist/react/dropdown-menu.cjs +2 -0
- package/dist/react/dropdown-menu.cjs.map +1 -0
- package/dist/react/dropdown-menu.js +1 -1
- package/dist/react/dropdown-menu.js.map +1 -1
- package/dist/react/em.cjs +2 -0
- package/dist/react/em.cjs.map +1 -0
- package/dist/react/em.js +1 -1
- package/dist/react/em.js.map +1 -1
- package/dist/react/form.cjs +2 -0
- package/dist/react/form.cjs.map +1 -0
- package/dist/react/form.js +1 -1
- package/dist/react/form.js.map +1 -1
- package/dist/react/heading.cjs +2 -0
- package/dist/react/heading.cjs.map +1 -0
- package/dist/react/heading.js +1 -1
- package/dist/react/heading.js.map +1 -1
- package/dist/react/hover-card.cjs +2 -0
- package/dist/react/hover-card.cjs.map +1 -0
- package/dist/react/hover-card.js +1 -1
- package/dist/react/hover-card.js.map +1 -1
- package/dist/react/input-otp.cjs +2 -0
- package/dist/react/input-otp.cjs.map +1 -0
- package/dist/react/input-otp.js +1 -1
- package/dist/react/input-otp.js.map +1 -1
- package/dist/react/input.cjs +2 -0
- package/dist/react/input.cjs.map +1 -0
- package/dist/react/input.d.cts +60 -0
- package/dist/react/input.d.ts +53 -58
- package/dist/react/input.js +1 -1
- package/dist/react/input.js.map +1 -1
- package/dist/react/kbd.cjs +2 -0
- package/dist/react/kbd.cjs.map +1 -0
- package/dist/react/kbd.js +1 -1
- package/dist/react/kbd.js.map +1 -1
- package/dist/react/label.cjs +2 -0
- package/dist/react/label.cjs.map +1 -0
- package/dist/react/label.js +1 -1
- package/dist/react/label.js.map +1 -1
- package/dist/react/menubar.cjs +2 -0
- package/dist/react/menubar.cjs.map +1 -0
- package/dist/react/menubar.js +1 -1
- package/dist/react/menubar.js.map +1 -1
- package/dist/react/navigation-menu.cjs +2 -0
- package/dist/react/navigation-menu.cjs.map +1 -0
- package/dist/react/navigation-menu.d.cts +20 -0
- package/dist/react/navigation-menu.d.ts +3 -55
- package/dist/react/navigation-menu.js +1 -1
- package/dist/react/navigation-menu.js.map +1 -1
- package/dist/react/pagination.cjs +2 -0
- package/dist/react/pagination.cjs.map +1 -0
- package/dist/react/{pagination.d.mts → pagination.d.cts} +3 -2
- package/dist/react/pagination.d.ts +2 -1
- package/dist/react/pagination.js +1 -1
- package/dist/react/pagination.js.map +1 -1
- package/dist/react/popover.cjs +2 -0
- package/dist/react/popover.cjs.map +1 -0
- package/dist/react/popover.js +1 -1
- package/dist/react/popover.js.map +1 -1
- package/dist/react/pre.cjs +2 -0
- package/dist/react/pre.cjs.map +1 -0
- package/dist/react/pre.js +1 -1
- package/dist/react/pre.js.map +1 -1
- package/dist/react/progress.cjs +2 -0
- package/dist/react/progress.cjs.map +1 -0
- package/dist/react/progress.js +1 -1
- package/dist/react/progress.js.map +1 -1
- package/dist/react/quote.cjs +2 -0
- package/dist/react/quote.cjs.map +1 -0
- package/dist/react/quote.js +1 -1
- package/dist/react/quote.js.map +1 -1
- package/dist/react/radio-cards.cjs +2 -0
- package/dist/react/radio-cards.cjs.map +1 -0
- package/dist/react/radio-cards.js +1 -1
- package/dist/react/radio-cards.js.map +1 -1
- package/dist/react/radio-group.cjs +2 -0
- package/dist/react/radio-group.cjs.map +1 -0
- package/dist/react/radio-group.js +1 -1
- package/dist/react/radio-group.js.map +1 -1
- package/dist/react/radio.cjs +2 -0
- package/dist/react/radio.cjs.map +1 -0
- package/dist/react/radio.js +1 -1
- package/dist/react/radio.js.map +1 -1
- package/dist/react/resizable.cjs +2 -0
- package/dist/react/resizable.cjs.map +1 -0
- package/dist/react/resizable.js +1 -1
- package/dist/react/resizable.js.map +1 -1
- package/dist/react/scroll-area.cjs +2 -0
- package/dist/react/scroll-area.cjs.map +1 -0
- package/dist/react/scroll-area.d.cts +92 -0
- package/dist/react/scroll-area.d.ts +81 -59
- package/dist/react/scroll-area.js +1 -1
- package/dist/react/scroll-area.js.map +1 -1
- package/dist/react/section.cjs +2 -0
- package/dist/react/section.cjs.map +1 -0
- package/dist/react/section.js +1 -1
- package/dist/react/section.js.map +1 -1
- package/dist/react/select.cjs +2 -0
- package/dist/react/select.cjs.map +1 -0
- package/dist/react/select.js +1 -1
- package/dist/react/select.js.map +1 -1
- package/dist/react/separator.cjs +2 -0
- package/dist/react/separator.cjs.map +1 -0
- package/dist/react/separator.js +1 -1
- package/dist/react/separator.js.map +1 -1
- package/dist/react/sheet.cjs +2 -0
- package/dist/react/sheet.cjs.map +1 -0
- package/dist/react/{sheet.d.mts → sheet.d.cts} +53 -58
- package/dist/react/sheet.d.ts +53 -58
- package/dist/react/sheet.js +1 -1
- package/dist/react/sheet.js.map +1 -1
- package/dist/react/skeleton.cjs +2 -0
- package/dist/react/skeleton.cjs.map +1 -0
- package/dist/react/skeleton.js +1 -1
- package/dist/react/skeleton.js.map +1 -1
- package/dist/react/slider.cjs +2 -0
- package/dist/react/slider.cjs.map +1 -0
- package/dist/react/slider.js +1 -1
- package/dist/react/slider.js.map +1 -1
- package/dist/react/sonner.cjs +2 -0
- package/dist/react/sonner.cjs.map +1 -0
- package/dist/react/sonner.js +1 -1
- package/dist/react/sonner.js.map +1 -1
- package/dist/react/spinner.cjs +2 -0
- package/dist/react/spinner.cjs.map +1 -0
- package/dist/react/spinner.js +1 -1
- package/dist/react/spinner.js.map +1 -1
- package/dist/react/strong.cjs +2 -0
- package/dist/react/strong.cjs.map +1 -0
- package/dist/react/strong.js +1 -1
- package/dist/react/strong.js.map +1 -1
- package/dist/react/switch.cjs +2 -0
- package/dist/react/switch.cjs.map +1 -0
- package/dist/react/switch.js +1 -1
- package/dist/react/switch.js.map +1 -1
- package/dist/react/table.cjs +2 -0
- package/dist/react/table.cjs.map +1 -0
- package/dist/react/table.js +1 -1
- package/dist/react/table.js.map +1 -1
- package/dist/react/tabs.cjs +2 -0
- package/dist/react/tabs.cjs.map +1 -0
- package/dist/react/tabs.js +1 -1
- package/dist/react/tabs.js.map +1 -1
- package/dist/react/text.cjs +2 -0
- package/dist/react/text.cjs.map +1 -0
- package/dist/react/text.js +1 -1
- package/dist/react/text.js.map +1 -1
- package/dist/react/textarea.cjs +2 -0
- package/dist/react/textarea.cjs.map +1 -0
- package/dist/react/textarea.js +1 -1
- package/dist/react/textarea.js.map +1 -1
- package/dist/react/toggle-group.cjs +2 -0
- package/dist/react/toggle-group.cjs.map +1 -0
- package/dist/react/{toggle-group.d.mts → toggle-group.d.cts} +3 -2
- package/dist/react/toggle-group.d.ts +2 -1
- package/dist/react/toggle-group.js +1 -1
- package/dist/react/toggle-group.js.map +1 -1
- package/dist/react/toggle.cjs +2 -0
- package/dist/react/toggle.cjs.map +1 -0
- package/dist/react/toggle.d.cts +82 -0
- package/dist/react/toggle.d.ts +74 -59
- package/dist/react/toggle.js +1 -1
- package/dist/react/toggle.js.map +1 -1
- package/dist/react/tooltip.cjs +2 -0
- package/dist/react/tooltip.cjs.map +1 -0
- package/dist/react/tooltip.js +1 -1
- package/dist/react/tooltip.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/tailwind.config.cjs +2 -0
- package/dist/tailwind.config.cjs.map +1 -0
- package/dist/tailwind.config.js +1 -1
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +140 -138
- package/src/lib/utils.ts +4 -10
- package/src/react/alert-dialog.tsx +39 -12
- package/src/react/alert.tsx +3 -3
- package/src/react/badge.tsx +2 -3
- package/src/react/breadcrumb.tsx +1 -1
- package/src/react/button.tsx +2 -3
- package/src/react/dialog.tsx +3 -3
- package/src/react/input.tsx +2 -3
- package/src/react/navigation-menu.tsx +3 -2
- package/src/react/scroll-area.tsx +3 -3
- package/src/react/sheet.tsx +4 -4
- package/src/react/toggle.tsx +2 -3
- package/dist/chunk-3WHWDZWS.mjs +0 -2
- package/dist/chunk-3WHWDZWS.mjs.map +0 -1
- package/dist/chunk-46W6RAYD.js +0 -2
- package/dist/chunk-4WTCCXNP.mjs +0 -2
- package/dist/chunk-63XEM5BB.js +0 -2
- package/dist/chunk-77I644ZX.mjs +0 -2
- package/dist/chunk-77I644ZX.mjs.map +0 -1
- package/dist/chunk-BNKSZEF2.mjs +0 -2
- package/dist/chunk-DCDB56BO.js +0 -2
- package/dist/chunk-HMD2ZU33.mjs +0 -2
- package/dist/chunk-HQ4AUOQM.js +0 -2
- package/dist/chunk-HQ4AUOQM.js.map +0 -1
- package/dist/chunk-HWEFQSTC.mjs +0 -2
- package/dist/chunk-HWEFQSTC.mjs.map +0 -1
- package/dist/chunk-ITKVRO7K.js +0 -2
- package/dist/chunk-ITKVRO7K.js.map +0 -1
- package/dist/chunk-JRRZS67P.mjs +0 -2
- package/dist/chunk-JRRZS67P.mjs.map +0 -1
- package/dist/chunk-KZ3CIZTP.mjs +0 -2
- package/dist/chunk-KZ3CIZTP.mjs.map +0 -1
- package/dist/chunk-LEUB3C3L.mjs +0 -2
- package/dist/chunk-LEUB3C3L.mjs.map +0 -1
- package/dist/chunk-PCQFSOYQ.mjs +0 -2
- package/dist/chunk-PCQFSOYQ.mjs.map +0 -1
- package/dist/chunk-PRCS3RWN.js +0 -2
- package/dist/chunk-QQAC2YMZ.js +0 -2
- package/dist/chunk-QQAC2YMZ.js.map +0 -1
- package/dist/chunk-R724TUIJ.mjs +0 -2
- package/dist/chunk-R724TUIJ.mjs.map +0 -1
- package/dist/chunk-VE44YFJR.js +0 -2
- package/dist/chunk-VE44YFJR.js.map +0 -1
- package/dist/chunk-ZIB4ZTST.mjs +0 -2
- package/dist/hooks/use-media-query.mjs +0 -2
- package/dist/hooks/use-media-query.mjs.map +0 -1
- package/dist/hooks/use-mutation-observer.mjs +0 -2
- package/dist/hooks/use-mutation-observer.mjs.map +0 -1
- package/dist/lib/colors.mjs +0 -2
- package/dist/lib/colors.mjs.map +0 -1
- package/dist/lib/utils.d.mts +0 -7
- package/dist/lib/utils.mjs +0 -2
- package/dist/lib/utils.mjs.map +0 -1
- package/dist/plugin/animate.plugin.mjs +0 -2
- package/dist/plugin/animate.plugin.mjs.map +0 -1
- package/dist/plugin/base.plugin.mjs +0 -2
- package/dist/plugin/base.plugin.mjs.map +0 -1
- package/dist/plugin/perspective.plugin.mjs +0 -2
- package/dist/plugin/perspective.plugin.mjs.map +0 -1
- package/dist/react/accordion.mjs +0 -2
- package/dist/react/accordion.mjs.map +0 -1
- package/dist/react/alert-dialog.mjs +0 -2
- package/dist/react/alert-dialog.mjs.map +0 -1
- package/dist/react/alert.d.mts +0 -69
- package/dist/react/alert.mjs +0 -2
- package/dist/react/alert.mjs.map +0 -1
- package/dist/react/aspect-ratio.mjs +0 -2
- package/dist/react/aspect-ratio.mjs.map +0 -1
- package/dist/react/avatar.mjs +0 -2
- package/dist/react/avatar.mjs.map +0 -1
- package/dist/react/badge.d.mts +0 -65
- package/dist/react/badge.mjs +0 -2
- package/dist/react/badge.mjs.map +0 -1
- package/dist/react/blockquote.mjs +0 -2
- package/dist/react/blockquote.mjs.map +0 -1
- package/dist/react/box.mjs +0 -2
- package/dist/react/box.mjs.map +0 -1
- package/dist/react/breadcrumb.mjs +0 -2
- package/dist/react/breadcrumb.mjs.map +0 -1
- package/dist/react/button.d.mts +0 -69
- package/dist/react/button.mjs +0 -2
- package/dist/react/button.mjs.map +0 -1
- package/dist/react/calendar.mjs +0 -2
- package/dist/react/calendar.mjs.map +0 -1
- package/dist/react/card.mjs +0 -2
- package/dist/react/card.mjs.map +0 -1
- package/dist/react/carousel.mjs +0 -2
- package/dist/react/carousel.mjs.map +0 -1
- package/dist/react/checkbox-cards.mjs +0 -2
- package/dist/react/checkbox-cards.mjs.map +0 -1
- package/dist/react/checkbox-group.mjs +0 -2
- package/dist/react/checkbox-group.mjs.map +0 -1
- package/dist/react/checkbox-group.primitive.mjs +0 -2
- package/dist/react/checkbox-group.primitive.mjs.map +0 -1
- package/dist/react/checkbox.mjs +0 -2
- package/dist/react/checkbox.mjs.map +0 -1
- package/dist/react/code.mjs +0 -2
- package/dist/react/code.mjs.map +0 -1
- package/dist/react/collapsible.mjs +0 -2
- package/dist/react/collapsible.mjs.map +0 -1
- package/dist/react/command.mjs +0 -2
- package/dist/react/command.mjs.map +0 -1
- package/dist/react/container.mjs +0 -2
- package/dist/react/container.mjs.map +0 -1
- package/dist/react/context-menu.mjs +0 -2
- package/dist/react/context-menu.mjs.map +0 -1
- package/dist/react/data-table.mjs +0 -2
- package/dist/react/data-table.mjs.map +0 -1
- package/dist/react/dialog.mjs +0 -2
- package/dist/react/dialog.mjs.map +0 -1
- package/dist/react/drawer.mjs +0 -2
- package/dist/react/drawer.mjs.map +0 -1
- package/dist/react/dropdown-menu.mjs +0 -2
- package/dist/react/dropdown-menu.mjs.map +0 -1
- package/dist/react/em.mjs +0 -2
- package/dist/react/em.mjs.map +0 -1
- package/dist/react/form.mjs +0 -2
- package/dist/react/form.mjs.map +0 -1
- package/dist/react/heading.mjs +0 -2
- package/dist/react/heading.mjs.map +0 -1
- package/dist/react/hover-card.mjs +0 -2
- package/dist/react/hover-card.mjs.map +0 -1
- package/dist/react/input-otp.mjs +0 -2
- package/dist/react/input-otp.mjs.map +0 -1
- package/dist/react/input.d.mts +0 -65
- package/dist/react/input.mjs +0 -2
- package/dist/react/input.mjs.map +0 -1
- package/dist/react/kbd.mjs +0 -2
- package/dist/react/kbd.mjs.map +0 -1
- package/dist/react/label.mjs +0 -2
- package/dist/react/label.mjs.map +0 -1
- package/dist/react/menubar.mjs +0 -2
- package/dist/react/menubar.mjs.map +0 -1
- package/dist/react/navigation-menu.d.mts +0 -72
- package/dist/react/navigation-menu.mjs +0 -2
- package/dist/react/navigation-menu.mjs.map +0 -1
- package/dist/react/pagination.mjs +0 -2
- package/dist/react/pagination.mjs.map +0 -1
- package/dist/react/popover.mjs +0 -2
- package/dist/react/popover.mjs.map +0 -1
- package/dist/react/pre.mjs +0 -2
- package/dist/react/pre.mjs.map +0 -1
- package/dist/react/progress.mjs +0 -2
- package/dist/react/progress.mjs.map +0 -1
- package/dist/react/quote.mjs +0 -2
- package/dist/react/quote.mjs.map +0 -1
- package/dist/react/radio-cards.mjs +0 -2
- package/dist/react/radio-cards.mjs.map +0 -1
- package/dist/react/radio-group.mjs +0 -2
- package/dist/react/radio-group.mjs.map +0 -1
- package/dist/react/radio.mjs +0 -2
- package/dist/react/radio.mjs.map +0 -1
- package/dist/react/resizable.mjs +0 -2
- package/dist/react/resizable.mjs.map +0 -1
- package/dist/react/scroll-area.d.mts +0 -70
- package/dist/react/scroll-area.mjs +0 -2
- package/dist/react/scroll-area.mjs.map +0 -1
- package/dist/react/section.mjs +0 -2
- package/dist/react/section.mjs.map +0 -1
- package/dist/react/select.mjs +0 -2
- package/dist/react/select.mjs.map +0 -1
- package/dist/react/separator.mjs +0 -2
- package/dist/react/separator.mjs.map +0 -1
- package/dist/react/sheet.mjs +0 -2
- package/dist/react/sheet.mjs.map +0 -1
- package/dist/react/skeleton.mjs +0 -2
- package/dist/react/skeleton.mjs.map +0 -1
- package/dist/react/slider.mjs +0 -2
- package/dist/react/slider.mjs.map +0 -1
- package/dist/react/sonner.mjs +0 -2
- package/dist/react/sonner.mjs.map +0 -1
- package/dist/react/spinner.mjs +0 -2
- package/dist/react/spinner.mjs.map +0 -1
- package/dist/react/strong.mjs +0 -2
- package/dist/react/strong.mjs.map +0 -1
- package/dist/react/switch.mjs +0 -2
- package/dist/react/switch.mjs.map +0 -1
- package/dist/react/table.mjs +0 -2
- package/dist/react/table.mjs.map +0 -1
- package/dist/react/tabs.mjs +0 -2
- package/dist/react/tabs.mjs.map +0 -1
- package/dist/react/text.mjs +0 -2
- package/dist/react/text.mjs.map +0 -1
- package/dist/react/textarea.mjs +0 -2
- package/dist/react/textarea.mjs.map +0 -1
- package/dist/react/toggle-group.mjs +0 -2
- package/dist/react/toggle-group.mjs.map +0 -1
- package/dist/react/toggle.d.mts +0 -67
- package/dist/react/toggle.mjs +0 -2
- package/dist/react/toggle.mjs.map +0 -1
- package/dist/react/tooltip.mjs +0 -2
- package/dist/react/tooltip.mjs.map +0 -1
- package/dist/tailwind.config.mjs +0 -2
- package/dist/tailwind.config.mjs.map +0 -1
- /package/dist/hooks/{use-media-query.d.mts → use-media-query.d.cts} +0 -0
- /package/dist/hooks/{use-mutation-observer.d.mts → use-mutation-observer.d.cts} +0 -0
- /package/dist/lib/{colors.d.mts → colors.d.cts} +0 -0
- /package/dist/react/{accordion.d.mts → accordion.d.cts} +0 -0
- /package/dist/react/{aspect-ratio.d.mts → aspect-ratio.d.cts} +0 -0
- /package/dist/react/{avatar.d.mts → avatar.d.cts} +0 -0
- /package/dist/react/{blockquote.d.mts → blockquote.d.cts} +0 -0
- /package/dist/react/{box.d.mts → box.d.cts} +0 -0
- /package/dist/react/{breadcrumb.d.mts → breadcrumb.d.cts} +0 -0
- /package/dist/react/{calendar.d.mts → calendar.d.cts} +0 -0
- /package/dist/react/{card.d.mts → card.d.cts} +0 -0
- /package/dist/react/{checkbox-group.primitive.d.mts → checkbox-group.primitive.d.cts} +0 -0
- /package/dist/react/{checkbox.d.mts → checkbox.d.cts} +0 -0
- /package/dist/react/{code.d.mts → code.d.cts} +0 -0
- /package/dist/react/{collapsible.d.mts → collapsible.d.cts} +0 -0
- /package/dist/react/{container.d.mts → container.d.cts} +0 -0
- /package/dist/react/{context-menu.d.mts → context-menu.d.cts} +0 -0
- /package/dist/react/{data-table.d.mts → data-table.d.cts} +0 -0
- /package/dist/react/{drawer.d.mts → drawer.d.cts} +0 -0
- /package/dist/react/{dropdown-menu.d.mts → dropdown-menu.d.cts} +0 -0
- /package/dist/react/{em.d.mts → em.d.cts} +0 -0
- /package/dist/react/{form.d.mts → form.d.cts} +0 -0
- /package/dist/react/{heading.d.mts → heading.d.cts} +0 -0
- /package/dist/react/{hover-card.d.mts → hover-card.d.cts} +0 -0
- /package/dist/react/{input-otp.d.mts → input-otp.d.cts} +0 -0
- /package/dist/react/{kbd.d.mts → kbd.d.cts} +0 -0
- /package/dist/react/{label.d.mts → label.d.cts} +0 -0
- /package/dist/react/{menubar.d.mts → menubar.d.cts} +0 -0
- /package/dist/react/{popover.d.mts → popover.d.cts} +0 -0
- /package/dist/react/{pre.d.mts → pre.d.cts} +0 -0
- /package/dist/react/{progress.d.mts → progress.d.cts} +0 -0
- /package/dist/react/{quote.d.mts → quote.d.cts} +0 -0
- /package/dist/react/{radio-cards.d.mts → radio-cards.d.cts} +0 -0
- /package/dist/react/{radio-group.d.mts → radio-group.d.cts} +0 -0
- /package/dist/react/{radio.d.mts → radio.d.cts} +0 -0
- /package/dist/react/{resizable.d.mts → resizable.d.cts} +0 -0
- /package/dist/react/{section.d.mts → section.d.cts} +0 -0
- /package/dist/react/{select.d.mts → select.d.cts} +0 -0
- /package/dist/react/{separator.d.mts → separator.d.cts} +0 -0
- /package/dist/react/{skeleton.d.mts → skeleton.d.cts} +0 -0
- /package/dist/react/{slider.d.mts → slider.d.cts} +0 -0
- /package/dist/react/{sonner.d.mts → sonner.d.cts} +0 -0
- /package/dist/react/{spinner.d.mts → spinner.d.cts} +0 -0
- /package/dist/react/{strong.d.mts → strong.d.cts} +0 -0
- /package/dist/react/{switch.d.mts → switch.d.cts} +0 -0
- /package/dist/react/{table.d.mts → table.d.cts} +0 -0
- /package/dist/react/{tabs.d.mts → tabs.d.cts} +0 -0
- /package/dist/react/{text.d.mts → text.d.cts} +0 -0
- /package/dist/react/{textarea.d.mts → textarea.d.cts} +0 -0
- /package/dist/react/{tooltip.d.mts → tooltip.d.cts} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _reactmenubar = require('@radix-ui/react-menubar'); var e = _interopRequireWildcard(_reactmenubar);var _jsxruntime = require('react/jsx-runtime');var S=e.Menu,N= exports.MenubarGroup =e.Group,E= exports.MenubarSub =e.Sub,T= exports.MenubarRadioGroup =e.RadioGroup,l= exports.Menubar =s.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Root,{ref:r,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm",t),...a}));l.displayName=e.Root.displayName;var f=s.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Trigger,{ref:r,className:_chunkNU6SK3FCcjs.a.call(void 0, "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline-none",t),...a}));f.displayName=e.Trigger.displayName;var M=s.forwardRef(({children:t,className:a,inset:r,...i},u)=>_jsxruntime.jsxs.call(void 0, e.SubTrigger,{ref:u,className:_chunkNU6SK3FCcjs.a.call(void 0, "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none",r&&"pl-8",a),...i,children:[t,_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"ml-auto size-4"})]}));M.displayName=e.SubTrigger.displayName;var P=s.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.SubContent,{ref:r,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md",t),...a})}));P.displayName=e.SubContent.displayName;var y=s.forwardRef(({className:t,align:a="start",alignOffset:r=-4,sideOffset:i=8,...u},m)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Content,{ref:m,align:a,alignOffset:r,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md",t),sideOffset:i,...u})}));y.displayName=e.Content.displayName;var R=s.forwardRef(({className:t,inset:a,...r},i)=>_jsxruntime.jsx.call(void 0, e.Item,{ref:i,className:_chunkNU6SK3FCcjs.a.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",a&&"pl-8",t),...r}));R.displayName=e.Item.displayName;var g=s.forwardRef(({children:t,className:a,checked:r,...i},u)=>_jsxruntime.jsxs.call(void 0, e.CheckboxItem,{ref:u,checked:r,className:_chunkNU6SK3FCcjs.a.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",a),...i,children:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-4"})})}),t]}));g.displayName=e.CheckboxItem.displayName;var v=s.forwardRef(({children:t,className:a,...r},i)=>_jsxruntime.jsxs.call(void 0, e.RadioItem,{ref:i,className:_chunkNU6SK3FCcjs.a.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",a),...r,children:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon,{className:"size-4 fill-current"})})}),t]}));v.displayName=e.RadioItem.displayName;var x=s.forwardRef(({className:t,inset:a,...r},i)=>_jsxruntime.jsx.call(void 0, e.Label,{ref:i,className:_chunkNU6SK3FCcjs.a.call(void 0, "px-2 py-1.5 text-sm font-semibold",a&&"pl-8",t),...r}));x.displayName=e.Label.displayName;var C=s.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Separator,{ref:r,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-muted -mx-1 my-1 h-px",t),...a}));C.displayName=e.Separator.displayName;function w({className:t,...a}){return _jsxruntime.jsx.call(void 0, "span",{className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground ml-auto text-xs tracking-widest",t),...a})}exports.Menubar = l; exports.MenubarCheckboxItem = g; exports.MenubarContent = y; exports.MenubarGroup = N; exports.MenubarItem = R; exports.MenubarLabel = x; exports.MenubarMenu = S; exports.MenubarRadioGroup = T; exports.MenubarRadioItem = v; exports.MenubarSeparator = C; exports.MenubarShortcut = w; exports.MenubarSub = E; exports.MenubarSubContent = P; exports.MenubarSubTrigger = M; exports.MenubarTrigger = f;
|
|
2
|
+
//# sourceMappingURL=menubar.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/react/menubar.tsx"],"names":["React","CheckIcon","ChevronRightIcon","DotFilledIcon","MenubarPrimitive","jsx","jsxs","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","Menubar","className","props","ref","cn","MenubarTrigger","MenubarSubTrigger","children","inset","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","MenubarRadioItem","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\nconst MenubarMenu = MenubarPrimitive.Menu;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Group>;\nconst MenubarGroup = MenubarPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Sub>;\nconst MenubarSub = MenubarPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioGroup>;\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\ntype MenubarElement = React.ElementRef<typeof MenubarPrimitive.Root>;\ntype MenubarProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;\n\nconst Menubar = React.forwardRef<MenubarElement, MenubarProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Root\n ref={ref}\n className={cn('bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm', className)}\n {...props}\n />\n));\n\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarTriggerElement = React.ElementRef<typeof MenubarPrimitive.Trigger>;\ntype MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>;\n\nconst MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Trigger\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline-none',\n className,\n )}\n {...props}\n />\n));\n\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubTriggerElement = React.ElementRef<typeof MenubarPrimitive.SubTrigger>;\n\ninterface MenubarSubTriggerProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> {\n inset?: boolean;\n}\n\nconst MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubTriggerProps>(\n ({ children, className, inset, ...props }, ref) => (\n <MenubarPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none',\n inset && 'pl-8',\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </MenubarPrimitive.SubTrigger>\n ),\n);\n\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubContentElement = React.ElementRef<typeof MenubarPrimitive.SubContent>;\ntype MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>;\n\nconst MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubContentProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.SubContent\n ref={ref}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md',\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarContentElement = React.ElementRef<typeof MenubarPrimitive.Content>;\ntype MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>;\n\nconst MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentProps>(\n ({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n ref={ref}\n align={align}\n alignOffset={alignOffset}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md',\n className,\n )}\n sideOffset={sideOffset}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarItemElement = React.ElementRef<typeof MenubarPrimitive.Item>;\n\ninterface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {\n inset?: boolean;\n}\n\nconst MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Item\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',\n inset && 'pl-8',\n className,\n )}\n {...props}\n />\n));\n\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarCheckboxItemElement = React.ElementRef<typeof MenubarPrimitive.CheckboxItem>;\ntype MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>;\n\nconst MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, MenubarCheckboxItemProps>(\n ({ children, className, checked, ...props }, ref) => (\n <MenubarPrimitive.CheckboxItem\n ref={ref}\n checked={checked}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n ),\n);\n\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioItemElement = React.ElementRef<typeof MenubarPrimitive.RadioItem>;\ntype MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>;\n\nconst MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioItemProps>(\n ({ children, className, ...props }, ref) => (\n <MenubarPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <DotFilledIcon className=\"size-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n ),\n);\n\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\ntype MenubarLabelElement = React.ElementRef<typeof MenubarPrimitive.Label>;\n\ninterface MenubarLabelProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {\n inset?: boolean;\n}\n\nconst MenubarLabel = React.forwardRef<MenubarLabelElement, MenubarLabelProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Label\n ref={ref}\n className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n {...props}\n />\n));\n\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\ntype MenubarSeparatorElement = React.ElementRef<typeof MenubarPrimitive.Separator>;\ntype MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>;\n\nconst MenubarSeparator = React.forwardRef<MenubarSeparatorElement, MenubarSeparatorProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />\n ),\n);\n\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\ntype MenubarShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction MenubarShortcut({ className, ...props }: MenubarShortcutProps): React.JSX.Element {\n return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Menubar,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarItem,\n MenubarSeparator,\n MenubarLabel,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarGroup,\n MenubarSub,\n MenubarShortcut,\n type MenubarProps,\n type MenubarMenuProps,\n type MenubarTriggerProps,\n type MenubarContentProps,\n type MenubarItemProps,\n type MenubarSeparatorProps,\n type MenubarLabelProps,\n type MenubarCheckboxItemProps,\n type MenubarRadioGroupProps,\n type MenubarRadioItemProps,\n type MenubarSubContentProps,\n type MenubarSubTriggerProps,\n type MenubarGroupProps,\n type MenubarSubProps,\n type MenubarShortcutProps,\n};\n"]}
|
package/dist/react/menubar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use
|
|
1
|
+
"use client";import{a as n}from"../chunk-5UXVZTFG.js";import*as s from"react";import{CheckIcon as b,ChevronRightIcon as d,DotFilledIcon as c}from"@radix-ui/react-icons";import*as e from"@radix-ui/react-menubar";import{jsx as o,jsxs as p}from"react/jsx-runtime";var S=e.Menu,N=e.Group,E=e.Sub,T=e.RadioGroup,l=s.forwardRef(({className:t,...a},r)=>o(e.Root,{ref:r,className:n("bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm",t),...a}));l.displayName=e.Root.displayName;var f=s.forwardRef(({className:t,...a},r)=>o(e.Trigger,{ref:r,className:n("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline-none",t),...a}));f.displayName=e.Trigger.displayName;var M=s.forwardRef(({children:t,className:a,inset:r,...i},u)=>p(e.SubTrigger,{ref:u,className:n("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none",r&&"pl-8",a),...i,children:[t,o(d,{className:"ml-auto size-4"})]}));M.displayName=e.SubTrigger.displayName;var P=s.forwardRef(({className:t,...a},r)=>o(e.Portal,{children:o(e.SubContent,{ref:r,className:n("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md",t),...a})}));P.displayName=e.SubContent.displayName;var y=s.forwardRef(({className:t,align:a="start",alignOffset:r=-4,sideOffset:i=8,...u},m)=>o(e.Portal,{children:o(e.Content,{ref:m,align:a,alignOffset:r,className:n("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md",t),sideOffset:i,...u})}));y.displayName=e.Content.displayName;var R=s.forwardRef(({className:t,inset:a,...r},i)=>o(e.Item,{ref:i,className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",a&&"pl-8",t),...r}));R.displayName=e.Item.displayName;var g=s.forwardRef(({children:t,className:a,checked:r,...i},u)=>p(e.CheckboxItem,{ref:u,checked:r,className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",a),...i,children:[o("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:o(e.ItemIndicator,{children:o(b,{className:"size-4"})})}),t]}));g.displayName=e.CheckboxItem.displayName;var v=s.forwardRef(({children:t,className:a,...r},i)=>p(e.RadioItem,{ref:i,className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",a),...r,children:[o("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:o(e.ItemIndicator,{children:o(c,{className:"size-4 fill-current"})})}),t]}));v.displayName=e.RadioItem.displayName;var x=s.forwardRef(({className:t,inset:a,...r},i)=>o(e.Label,{ref:i,className:n("px-2 py-1.5 text-sm font-semibold",a&&"pl-8",t),...r}));x.displayName=e.Label.displayName;var C=s.forwardRef(({className:t,...a},r)=>o(e.Separator,{ref:r,className:n("bg-muted -mx-1 my-1 h-px",t),...a}));C.displayName=e.Separator.displayName;function w({className:t,...a}){return o("span",{className:n("text-muted-foreground ml-auto text-xs tracking-widest",t),...a})}export{l as Menubar,g as MenubarCheckboxItem,y as MenubarContent,N as MenubarGroup,R as MenubarItem,x as MenubarLabel,S as MenubarMenu,T as MenubarRadioGroup,v as MenubarRadioItem,C as MenubarSeparator,w as MenubarShortcut,E as MenubarSub,P as MenubarSubContent,M as MenubarSubTrigger,f as MenubarTrigger};
|
|
2
2
|
//# sourceMappingURL=menubar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/menubar.tsx"],"names":["React","CheckIcon","ChevronRightIcon","DotFilledIcon","MenubarPrimitive","jsx","jsxs","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","Menubar","className","props","ref","cn","MenubarTrigger","MenubarSubTrigger","children","inset","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","MenubarRadioItem","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\nconst MenubarMenu = MenubarPrimitive.Menu;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Group>;\nconst MenubarGroup = MenubarPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Sub>;\nconst MenubarSub = MenubarPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioGroup>;\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\ntype MenubarElement = React.ElementRef<typeof MenubarPrimitive.Root>;\ntype MenubarProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;\n\nconst Menubar = React.forwardRef<MenubarElement, MenubarProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Root\n ref={ref}\n className={cn('bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm', className)}\n {...props}\n />\n));\n\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarTriggerElement = React.ElementRef<typeof MenubarPrimitive.Trigger>;\ntype MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>;\n\nconst MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Trigger\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline-none',\n className,\n )}\n {...props}\n />\n));\n\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubTriggerElement = React.ElementRef<typeof MenubarPrimitive.SubTrigger>;\n\ninterface MenubarSubTriggerProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> {\n inset?: boolean;\n}\n\nconst MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubTriggerProps>(\n ({ children, className, inset, ...props }, ref) => (\n <MenubarPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none',\n inset && 'pl-8',\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </MenubarPrimitive.SubTrigger>\n ),\n);\n\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubContentElement = React.ElementRef<typeof MenubarPrimitive.SubContent>;\ntype MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>;\n\nconst MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubContentProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.SubContent\n ref={ref}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md',\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarContentElement = React.ElementRef<typeof MenubarPrimitive.Content>;\ntype MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>;\n\nconst MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentProps>(\n ({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n ref={ref}\n align={align}\n alignOffset={alignOffset}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md',\n className,\n )}\n sideOffset={sideOffset}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarItemElement = React.ElementRef<typeof MenubarPrimitive.Item>;\n\ninterface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {\n inset?: boolean;\n}\n\nconst MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Item\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',\n inset && 'pl-8',\n className,\n )}\n {...props}\n />\n));\n\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarCheckboxItemElement = React.ElementRef<typeof MenubarPrimitive.CheckboxItem>;\ntype MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>;\n\nconst MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, MenubarCheckboxItemProps>(\n ({ children, className, checked, ...props }, ref) => (\n <MenubarPrimitive.CheckboxItem\n ref={ref}\n checked={checked}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n ),\n);\n\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioItemElement = React.ElementRef<typeof MenubarPrimitive.RadioItem>;\ntype MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>;\n\nconst MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioItemProps>(\n ({ children, className, ...props }, ref) => (\n <MenubarPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <DotFilledIcon className=\"size-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n ),\n);\n\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\ntype MenubarLabelElement = React.ElementRef<typeof MenubarPrimitive.Label>;\n\ninterface MenubarLabelProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {\n inset?: boolean;\n}\n\nconst MenubarLabel = React.forwardRef<MenubarLabelElement, MenubarLabelProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Label\n ref={ref}\n className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n {...props}\n />\n));\n\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\ntype MenubarSeparatorElement = React.ElementRef<typeof MenubarPrimitive.Separator>;\ntype MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>;\n\nconst MenubarSeparator = React.forwardRef<MenubarSeparatorElement, MenubarSeparatorProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />\n ),\n);\n\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\ntype MenubarShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction MenubarShortcut({ className, ...props }: MenubarShortcutProps): React.JSX.Element {\n return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Menubar,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarItem,\n MenubarSeparator,\n MenubarLabel,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarGroup,\n MenubarSub,\n MenubarShortcut,\n type MenubarProps,\n type MenubarMenuProps,\n type MenubarTriggerProps,\n type MenubarContentProps,\n type MenubarItemProps,\n type MenubarSeparatorProps,\n type MenubarLabelProps,\n type MenubarCheckboxItemProps,\n type MenubarRadioGroupProps,\n type MenubarRadioItemProps,\n type MenubarSubContentProps,\n type MenubarSubTriggerProps,\n type MenubarGroupProps,\n type MenubarSubProps,\n type MenubarShortcutProps,\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/react/menubar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\nconst MenubarMenu = MenubarPrimitive.Menu;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Group>;\nconst MenubarGroup = MenubarPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Sub>;\nconst MenubarSub = MenubarPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioGroup>;\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\ntype MenubarElement = React.ElementRef<typeof MenubarPrimitive.Root>;\ntype MenubarProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;\n\nconst Menubar = React.forwardRef<MenubarElement, MenubarProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Root\n ref={ref}\n className={cn('bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm', className)}\n {...props}\n />\n));\n\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarTriggerElement = React.ElementRef<typeof MenubarPrimitive.Trigger>;\ntype MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>;\n\nconst MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Trigger\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline-none',\n className,\n )}\n {...props}\n />\n));\n\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubTriggerElement = React.ElementRef<typeof MenubarPrimitive.SubTrigger>;\n\ninterface MenubarSubTriggerProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> {\n inset?: boolean;\n}\n\nconst MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubTriggerProps>(\n ({ children, className, inset, ...props }, ref) => (\n <MenubarPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none',\n inset && 'pl-8',\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </MenubarPrimitive.SubTrigger>\n ),\n);\n\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubContentElement = React.ElementRef<typeof MenubarPrimitive.SubContent>;\ntype MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>;\n\nconst MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubContentProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.SubContent\n ref={ref}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md',\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarContentElement = React.ElementRef<typeof MenubarPrimitive.Content>;\ntype MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>;\n\nconst MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentProps>(\n ({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n ref={ref}\n align={align}\n alignOffset={alignOffset}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md',\n className,\n )}\n sideOffset={sideOffset}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarItemElement = React.ElementRef<typeof MenubarPrimitive.Item>;\n\ninterface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {\n inset?: boolean;\n}\n\nconst MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Item\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',\n inset && 'pl-8',\n className,\n )}\n {...props}\n />\n));\n\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarCheckboxItemElement = React.ElementRef<typeof MenubarPrimitive.CheckboxItem>;\ntype MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>;\n\nconst MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, MenubarCheckboxItemProps>(\n ({ children, className, checked, ...props }, ref) => (\n <MenubarPrimitive.CheckboxItem\n ref={ref}\n checked={checked}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n ),\n);\n\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioItemElement = React.ElementRef<typeof MenubarPrimitive.RadioItem>;\ntype MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>;\n\nconst MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioItemProps>(\n ({ children, className, ...props }, ref) => (\n <MenubarPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <DotFilledIcon className=\"size-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n ),\n);\n\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\ntype MenubarLabelElement = React.ElementRef<typeof MenubarPrimitive.Label>;\n\ninterface MenubarLabelProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {\n inset?: boolean;\n}\n\nconst MenubarLabel = React.forwardRef<MenubarLabelElement, MenubarLabelProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Label\n ref={ref}\n className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n {...props}\n />\n));\n\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\ntype MenubarSeparatorElement = React.ElementRef<typeof MenubarPrimitive.Separator>;\ntype MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>;\n\nconst MenubarSeparator = React.forwardRef<MenubarSeparatorElement, MenubarSeparatorProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />\n ),\n);\n\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\ntype MenubarShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction MenubarShortcut({ className, ...props }: MenubarShortcutProps): React.JSX.Element {\n return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Menubar,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarItem,\n MenubarSeparator,\n MenubarLabel,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarGroup,\n MenubarSub,\n MenubarShortcut,\n type MenubarProps,\n type MenubarMenuProps,\n type MenubarTriggerProps,\n type MenubarContentProps,\n type MenubarItemProps,\n type MenubarSeparatorProps,\n type MenubarLabelProps,\n type MenubarCheckboxItemProps,\n type MenubarRadioGroupProps,\n type MenubarRadioItemProps,\n type MenubarSubContentProps,\n type MenubarSubTriggerProps,\n type MenubarGroupProps,\n type MenubarSubProps,\n type MenubarShortcutProps,\n};\n"],"mappings":"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","names":["React","CheckIcon","ChevronRightIcon","DotFilledIcon","MenubarPrimitive","jsx","jsxs","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","Menubar","className","props","ref","cn","MenubarTrigger","MenubarSubTrigger","children","inset","ChevronRightIcon","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","CheckIcon","MenubarRadioItem","DotFilledIcon","MenubarLabel","MenubarSeparator","MenubarShortcut"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var n = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _reactnavigationmenu = require('@radix-ui/react-navigation-menu'); var t = _interopRequireWildcard(_reactnavigationmenu);var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var d=_tailwindvariants.tv.call(void 0, {base:"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50"}),f= exports.NavigationMenu =n.forwardRef(({children:e,className:i,...a},s)=>_jsxruntime.jsxs.call(void 0, t.Root,{ref:s,className:_chunkNU6SK3FCcjs.a.call(void 0, "relative z-10 flex max-w-max flex-1 items-center justify-center",i),...a,children:[e,_jsxruntime.jsx.call(void 0, v,{})]}));f.displayName=t.Root.displayName;var N=n.forwardRef(({children:e,className:i,...a},s)=>_jsxruntime.jsxs.call(void 0, t.List,{ref:s,className:_chunkNU6SK3FCcjs.a.call(void 0, "group flex flex-1 list-none items-center justify-center space-x-1",i),...a,children:[e,_jsxruntime.jsx.call(void 0, p,{})]}));N.displayName=t.List.displayName;var R=t.Item,l= exports.NavigationMenuTrigger =n.forwardRef(({children:e,className:i,...a},s)=>_jsxruntime.jsxs.call(void 0, t.Trigger,{ref:s,className:d({className:["group",i]}),...a,children:[e,_jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon,{"aria-hidden":"true",className:"relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180"})]}));l.displayName=t.Trigger.displayName;var c=n.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, t.Content,{ref:a,className:_chunkNU6SK3FCcjs.a.call(void 0, "data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto",e),...i}));c.displayName=t.Content.displayName;var w=t.Link,v=n.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, "div",{className:"perspective-[125rem] absolute left-0 top-full flex justify-center",children:_jsxruntime.jsx.call(void 0, t.Viewport,{ref:a,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]",e),...i})}));v.displayName=t.Viewport.displayName;var p=n.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, t.Indicator,{ref:a,className:_chunkNU6SK3FCcjs.a.call(void 0, "data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition",e),...i,children:_jsxruntime.jsx.call(void 0, "div",{className:"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm"})}));p.displayName=t.Indicator.displayName;exports.NavigationMenu = f; exports.NavigationMenuContent = c; exports.NavigationMenuItem = R; exports.NavigationMenuLink = w; exports.NavigationMenuList = N; exports.NavigationMenuTrigger = l; exports.navigationMenuTriggerVariants = d;
|
|
2
|
+
//# sourceMappingURL=navigation-menu.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/react/navigation-menu.tsx"],"names":["React","ChevronDownIcon","NavigationMenuPrimitive","tv","jsx","jsxs","navigationMenuTriggerVariants","NavigationMenu","children","className","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuTrigger","NavigationMenuContent","NavigationMenuLink"],"mappings":"uDAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCACzC,OAAS,MAAAC,MAAU,oBAoBf,OAME,OAAAC,EANF,QAAAC,MAAA,oBAbJ,IAAMC,EAAgCH,EAAG,CACvC,KAAM,8YACR,CAAC,EASKI,EAAuB,aAC3B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCN,EAAyB,OAAxB,CACC,IAAKM,EACL,UAAWC,EAAG,kEAAmEH,CAAS,EACzF,GAAGC,EAEH,UAAAF,EACDJ,EAACS,EAAA,EAAuB,GAC1B,CAEJ,EAEAN,EAAe,YAAsC,OAAK,YAS1D,IAAMO,EAA2B,aAC/B,CAAC,CAAE,SAAAN,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCN,EAAyB,OAAxB,CACC,IAAKM,EACL,UAAWC,EAAG,oEAAqEH,CAAS,EAC3F,GAAGC,EAEH,UAAAF,EACDJ,EAACW,EAAA,EAAwB,GAC3B,CAEJ,EAEAD,EAAmB,YAAsC,OAAK,YAQ9D,IAAME,EAA6C,OAS7CC,EAA8B,aAClC,CAAC,CAAE,SAAAT,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCN,EAAyB,UAAxB,CACC,IAAKM,EACL,UAAWL,EAA8B,CACvC,UAAW,CAAC,QAASG,CAAS,CAChC,CAAC,EACA,GAAGC,EAEH,UAAAF,EACDJ,EAACH,EAAA,CACC,cAAY,OACZ,UAAU,4EACZ,GACF,CAEJ,EAEAgB,EAAsB,YAAsC,UAAQ,YASpE,IAAMC,EAA8B,aAClC,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWC,EACT,wVACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAQ,EAAsB,YAAsC,UAAQ,YAQpE,IAAMC,EAA6C,OAS7CN,EAA+B,aACnC,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAyB,WAAxB,CACC,IAAKO,EACL,UAAWC,EACT,iaACAH,CACF,EACC,GAAGC,EACN,EACF,CAEJ,EAEAG,EAAuB,YAAsC,WAAS,YAStE,IAAME,EAAgC,aACpC,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAyB,YAAxB,CACC,IAAKO,EACL,UAAWC,EACT,4JACAH,CACF,EACC,GAAGC,EAEJ,SAAAN,EAAC,OAAI,UAAU,8DAA8D,EAC/E,CAEJ,EAEAW,EAAwB,YAAsC,YAAU","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { tv } from 'tailwind-variants';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerVariants = tv({\n base: 'bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn('group flex flex-1 list-none items-center justify-center space-x-1', className)}\n {...props}\n >\n {children}\n <NavigationMenuIndicator />\n </NavigationMenuPrimitive.List>\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: ['group', className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n aria-hidden=\"true\"\n className=\"relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n 'data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto',\n className,\n )}\n {...props}\n />\n ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n ref={ref}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]',\n className,\n )}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n 'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition',\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n};\n"]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
5
|
+
|
|
6
|
+
declare const navigationMenuTriggerVariants: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50", tailwind_variants_dist_config_js.TVConfig<unknown, {} | {}>, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50", tailwind_variants_dist_config_js.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
7
|
+
type NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;
|
|
8
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
9
|
+
type NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;
|
|
10
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
11
|
+
type NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;
|
|
12
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
13
|
+
type NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;
|
|
14
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
type NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;
|
|
16
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
type NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;
|
|
18
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
19
|
+
|
|
20
|
+
export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, navigationMenuTriggerVariants };
|
|
@@ -1,61 +1,9 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
1
3
|
import * as React from 'react';
|
|
2
4
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
3
5
|
|
|
4
|
-
declare const navigationMenuTriggerVariants:
|
|
5
|
-
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
|
|
6
|
-
[x: string]: any;
|
|
7
|
-
} | null | undefined)[] | {
|
|
8
|
-
[x: string]: any;
|
|
9
|
-
} | null | undefined)[] | {
|
|
10
|
-
[x: string]: any;
|
|
11
|
-
} | null | undefined)[] | {
|
|
12
|
-
[x: string]: any;
|
|
13
|
-
} | null | undefined)[] | {
|
|
14
|
-
[x: string]: any;
|
|
15
|
-
} | null | undefined)[] | {
|
|
16
|
-
[x: string]: any;
|
|
17
|
-
} | null | undefined)[] | {
|
|
18
|
-
[x: string]: any;
|
|
19
|
-
} | null | undefined)[] | {
|
|
20
|
-
[x: string]: any;
|
|
21
|
-
} | null | undefined)[] | {
|
|
22
|
-
[x: string]: any;
|
|
23
|
-
} | null | undefined)[] | {
|
|
24
|
-
[x: string]: any;
|
|
25
|
-
} | null | undefined)[] | {
|
|
26
|
-
[x: string]: any;
|
|
27
|
-
} | null | undefined)[] | {
|
|
28
|
-
[x: string]: any;
|
|
29
|
-
} | null | undefined;
|
|
30
|
-
className?: never;
|
|
31
|
-
} | {
|
|
32
|
-
class?: never;
|
|
33
|
-
className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
|
|
34
|
-
[x: string]: any;
|
|
35
|
-
} | null | undefined)[] | {
|
|
36
|
-
[x: string]: any;
|
|
37
|
-
} | null | undefined)[] | {
|
|
38
|
-
[x: string]: any;
|
|
39
|
-
} | null | undefined)[] | {
|
|
40
|
-
[x: string]: any;
|
|
41
|
-
} | null | undefined)[] | {
|
|
42
|
-
[x: string]: any;
|
|
43
|
-
} | null | undefined)[] | {
|
|
44
|
-
[x: string]: any;
|
|
45
|
-
} | null | undefined)[] | {
|
|
46
|
-
[x: string]: any;
|
|
47
|
-
} | null | undefined)[] | {
|
|
48
|
-
[x: string]: any;
|
|
49
|
-
} | null | undefined)[] | {
|
|
50
|
-
[x: string]: any;
|
|
51
|
-
} | null | undefined)[] | {
|
|
52
|
-
[x: string]: any;
|
|
53
|
-
} | null | undefined)[] | {
|
|
54
|
-
[x: string]: any;
|
|
55
|
-
} | null | undefined)[] | {
|
|
56
|
-
[x: string]: any;
|
|
57
|
-
} | null | undefined;
|
|
58
|
-
}) | undefined) => string;
|
|
6
|
+
declare const navigationMenuTriggerVariants: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50", tailwind_variants_dist_config_js.TVConfig<unknown, {} | {}>, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50", tailwind_variants_dist_config_js.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
59
7
|
type NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;
|
|
60
8
|
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
61
9
|
type NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use
|
|
1
|
+
"use client";import{a as r}from"../chunk-5UXVZTFG.js";import*as n from"react";import{ChevronDownIcon as u}from"@radix-ui/react-icons";import*as t from"@radix-ui/react-navigation-menu";import{tv as g}from"tailwind-variants";import{jsx as o,jsxs as m}from"react/jsx-runtime";var d=g({base:"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50"}),f=n.forwardRef(({children:e,className:i,...a},s)=>m(t.Root,{ref:s,className:r("relative z-10 flex max-w-max flex-1 items-center justify-center",i),...a,children:[e,o(v,{})]}));f.displayName=t.Root.displayName;var N=n.forwardRef(({children:e,className:i,...a},s)=>m(t.List,{ref:s,className:r("group flex flex-1 list-none items-center justify-center space-x-1",i),...a,children:[e,o(p,{})]}));N.displayName=t.List.displayName;var R=t.Item,l=n.forwardRef(({children:e,className:i,...a},s)=>m(t.Trigger,{ref:s,className:d({className:["group",i]}),...a,children:[e,o(u,{"aria-hidden":"true",className:"relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180"})]}));l.displayName=t.Trigger.displayName;var c=n.forwardRef(({className:e,...i},a)=>o(t.Content,{ref:a,className:r("data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto",e),...i}));c.displayName=t.Content.displayName;var w=t.Link,v=n.forwardRef(({className:e,...i},a)=>o("div",{className:"perspective-[125rem] absolute left-0 top-full flex justify-center",children:o(t.Viewport,{ref:a,className:r("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]",e),...i})}));v.displayName=t.Viewport.displayName;var p=n.forwardRef(({className:e,...i},a)=>o(t.Indicator,{ref:a,className:r("data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition",e),...i,children:o("div",{className:"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm"})}));p.displayName=t.Indicator.displayName;export{f as NavigationMenu,c as NavigationMenuContent,R as NavigationMenuItem,w as NavigationMenuLink,N as NavigationMenuList,l as NavigationMenuTrigger,d as navigationMenuTriggerVariants};
|
|
2
2
|
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/navigation-menu.tsx"],"names":["React","ChevronDownIcon","NavigationMenuPrimitive","jsx","jsxs","navigationMenuTriggerVariants","cva","NavigationMenu","children","className","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuTrigger","NavigationMenuContent","NavigationMenuLink"],"mappings":"6DAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCAoBrC,OAME,OAAAC,EANF,QAAAC,MAAA,oBAbJ,IAAMC,EAAgCC,EAAI,CACxC,KAAM,8YACR,CAAC,EASKC,EAAuB,aAC3B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,kEAAmEH,CAAS,EACzF,GAAGC,EAEH,UAAAF,EACDL,EAACU,EAAA,EAAuB,GAC1B,CAEJ,EAEAN,EAAe,YAAsC,OAAK,YAS1D,IAAMO,EAA2B,aAC/B,CAAC,CAAE,SAAAN,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,oEAAqEH,CAAS,EAC3F,GAAGC,EAEH,UAAAF,EACDL,EAACY,EAAA,EAAwB,GAC3B,CAEJ,EAEAD,EAAmB,YAAsC,OAAK,YAQ9D,IAAME,EAA6C,OAS7CC,EAA8B,aAClC,CAAC,CAAE,SAAAT,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWN,EAA8B,CACvC,UAAW,CAAC,QAASI,CAAS,CAChC,CAAC,EACA,GAAGC,EAEH,UAAAF,EACDL,EAACF,EAAA,CACC,cAAY,OACZ,UAAU,4EACZ,GACF,CAEJ,EAEAgB,EAAsB,YAAsC,UAAQ,YASpE,IAAMC,EAA8B,aAClC,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAyB,UAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,wVACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAQ,EAAsB,YAAsC,UAAQ,YAQpE,IAAMC,EAA6C,OAS7CN,EAA+B,aACnC,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAyB,WAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,iaACAH,CACF,EACC,GAAGC,EACN,EACF,CAEJ,EAEAG,EAAuB,YAAsC,WAAS,YAStE,IAAME,EAAgC,aACpC,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAyB,YAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,4JACAH,CACF,EACC,GAAGC,EAEJ,SAAAP,EAAC,OAAI,UAAU,8DAA8D,EAC/E,CAEJ,EAEAY,EAAwB,YAAsC,YAAU","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cn, cva } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerVariants = cva({\n base: 'bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn('group flex flex-1 list-none items-center justify-center space-x-1', className)}\n {...props}\n >\n {children}\n <NavigationMenuIndicator />\n </NavigationMenuPrimitive.List>\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: ['group', className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n aria-hidden=\"true\"\n className=\"relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n 'data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto',\n className,\n )}\n {...props}\n />\n ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n ref={ref}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]',\n className,\n )}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n 'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition',\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/react/navigation-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { tv } from 'tailwind-variants';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerVariants = tv({\n base: 'bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn('group flex flex-1 list-none items-center justify-center space-x-1', className)}\n {...props}\n >\n {children}\n <NavigationMenuIndicator />\n </NavigationMenuPrimitive.List>\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: ['group', className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n aria-hidden=\"true\"\n className=\"relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n 'data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto',\n className,\n )}\n {...props}\n />\n ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n ref={ref}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]',\n className,\n )}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n 'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition',\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCACzC,OAAS,MAAAC,MAAU,oBAoBf,OAME,OAAAC,EANF,QAAAC,MAAA,oBAbJ,IAAMC,EAAgCC,EAAG,CACvC,KAAM,8YACR,CAAC,EASKC,EAAuB,aAC3B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,kEAAmEH,CAAS,EACzF,GAAGC,EAEH,UAAAF,EACDL,EAACU,EAAA,EAAuB,GAC1B,CAEJ,EAEAN,EAAe,YAAsC,OAAK,YAS1D,IAAMO,EAA2B,aAC/B,CAAC,CAAE,SAAAN,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,oEAAqEH,CAAS,EAC3F,GAAGC,EAEH,UAAAF,EACDL,EAACY,EAAA,EAAwB,GAC3B,CAEJ,EAEAD,EAAmB,YAAsC,OAAK,YAQ9D,IAAME,EAA6C,OAS7CC,EAA8B,aAClC,CAAC,CAAE,SAAAT,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWN,EAA8B,CACvC,UAAW,CAAC,QAASI,CAAS,CAChC,CAAC,EACA,GAAGC,EAEH,UAAAF,EACDL,EAACe,EAAA,CACC,cAAY,OACZ,UAAU,4EACZ,GACF,CAEJ,EAEAD,EAAsB,YAAsC,UAAQ,YASpE,IAAME,EAA8B,aAClC,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAyB,UAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,wVACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAS,EAAsB,YAAsC,UAAQ,YAQpE,IAAMC,EAA6C,OAS7CP,EAA+B,aACnC,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAyB,WAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,iaACAH,CACF,EACC,GAAGC,EACN,EACF,CAEJ,EAEAG,EAAuB,YAAsC,WAAS,YAStE,IAAME,EAAgC,aACpC,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAyB,YAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,4JACAH,CACF,EACC,GAAGC,EAEJ,SAAAP,EAAC,OAAI,UAAU,8DAA8D,EAC/E,CAEJ,EAEAY,EAAwB,YAAsC,YAAU","names":["React","ChevronDownIcon","NavigationMenuPrimitive","tv","jsx","jsxs","navigationMenuTriggerVariants","tv","NavigationMenu","children","className","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunk2OBTJ7SDcjs = require('../chunk-2OBTJ7SD.cjs');require('../chunk-F5TIIJJJ.cjs');var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');function N({className:n,...t}){return _jsxruntime.jsx.call(void 0, "nav",{"aria-label":"pagination",className:_chunkNU6SK3FCcjs.a.call(void 0, "mx-auto flex w-full justify-center",n),role:"navigation",...t})}var u=o.forwardRef(({className:n,...t},i)=>_jsxruntime.jsx.call(void 0, "ul",{ref:i,className:_chunkNU6SK3FCcjs.a.call(void 0, "flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return _jsxruntime.jsx.call(void 0, "a",{"aria-current":t?"page":void 0,className:_chunk2OBTJ7SDcjs.a.call(void 0, {variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to previous page",className:_chunkNU6SK3FCcjs.a.call(void 0, "gap-1 pl-2.5",n),size:"default",...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{children:"Previous"})]})}function H({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to next page",className:_chunkNU6SK3FCcjs.a.call(void 0, "gap-1 pr-2.5",n),size:"default",...t,children:[_jsxruntime.jsx.call(void 0, "span",{children:"Next"}),_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"size-4"})]})}function M({className:n,...t}){return _jsxruntime.jsxs.call(void 0, "span",{"aria-hidden":!0,className:_chunkNU6SK3FCcjs.a.call(void 0, "flex size-10 items-center justify-center",n),...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.DotsHorizontalIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"More pages"})]})}exports.Pagination = N; exports.PaginationContent = u; exports.PaginationEllipsis = M; exports.PaginationItem = f; exports.PaginationLink = p; exports.PaginationNext = H; exports.PaginationPrevious = R;
|
|
2
|
+
//# sourceMappingURL=pagination.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/react/pagination.tsx"],"names":["React","ChevronLeftIcon","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Pagination","className","props","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","PaginationNext","PaginationEllipsis"],"mappings":"kHAAA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,EAAiB,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAYlE,cAAAC,EA2EA,QAAAC,MA3EA,oBAFJ,SAASC,EAAW,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAuC,CAC/E,OACEJ,EAAC,OACC,aAAW,aACX,UAAWK,EAAG,qCAAsCF,CAAS,EAC7D,KAAK,aACJ,GAAGC,EACN,CAEJ,CASA,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAGG,IACxBP,EAAC,MAAG,IAAKO,EAAK,UAAWF,EAAG,mCAAoCF,CAAS,EAAI,GAAGC,EAAO,CAE3F,EAEAE,EAAkB,YAAc,oBAShC,IAAME,EAAuB,aAAuD,CAACJ,EAAOG,IAC1FP,EAAC,MAAG,IAAKO,EAAM,GAAGH,EAAO,CAC1B,EAEDI,EAAe,YAAc,iBAU7B,SAASC,EAAe,CACtB,UAAAN,EACA,SAAAO,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,GAAGR,CACL,EAA2C,CACzC,OACEJ,EAAC,KACC,eAAcU,EAAW,OAAS,OAClC,UAAWG,EAAe,CACxB,QAASH,EAAW,UAAY,QAChC,KAAAC,EACA,UAAAR,CACF,CAAC,EACA,GAAGC,EAEH,SAAAQ,EACH,CAEJ,CAQA,SAASE,EAAmB,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAA+C,CAC/F,OACEH,EAACQ,EAAA,CACC,aAAW,sBACX,UAAWJ,EAAG,eAAgBF,CAAS,EACvC,KAAK,UACJ,GAAGC,EAEJ,UAAAJ,EAACH,EAAA,CAAgB,UAAU,SAAS,EACpCG,EAAC,QAAK,oBAAQ,GAChB,CAEJ,CAQA,SAASe,EAAe,CAAE,UAAAZ,EAAW,GAAGC,CAAM,EAA2C,CACvF,OACEH,EAACQ,EAAA,CAAe,aAAW,kBAAkB,UAAWJ,EAAG,eAAgBF,CAAS,EAAG,KAAK,UAAW,GAAGC,EACxG,UAAAJ,EAAC,QAAK,gBAAI,EACVA,EAACF,EAAA,CAAiB,UAAU,SAAS,GACvC,CAEJ,CAQA,SAASkB,EAAmB,CAAE,UAAAb,EAAW,GAAGC,CAAM,EAA+C,CAC/F,OACEH,EAAC,QAAK,cAAW,GAAC,UAAWI,EAAG,2CAA4CF,CAAS,EAAI,GAAGC,EAC1F,UAAAJ,EAACD,EAAA,CAAmB,UAAU,SAAS,EACvCC,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,CAEJ","sourcesContent":["import * as React from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport { buttonVariants, type ButtonProps } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\ntype PaginationProps = React.HTMLAttributes<HTMLElement>;\n\nfunction Pagination({ className, ...props }: PaginationProps): React.JSX.Element {\n return (\n <nav\n aria-label=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n role=\"navigation\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\ntype PaginationContentElement = HTMLUListElement;\ntype PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;\n\nconst PaginationContent = React.forwardRef<PaginationContentElement, PaginationContentProps>(\n ({ className, ...props }, ref) => (\n <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n ),\n);\n\nPaginationContent.displayName = 'PaginationContent';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\ntype PaginationItemElement = HTMLLIElement;\ntype PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst PaginationItem = React.forwardRef<PaginationItemElement, PaginationItemProps>((props, ref) => (\n <li ref={ref} {...props} />\n));\n\nPaginationItem.displayName = 'PaginationItem';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonProps, 'size'> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = 'icon',\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? 'page' : undefined}\n className={buttonVariants({\n variant: isActive ? 'outline' : 'ghost',\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\ntype PaginationPreviousProps = PaginationLinkProps;\n\nfunction PaginationPrevious({ className, ...props }: PaginationPreviousProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n className={cn('gap-1 pl-2.5', className)}\n size=\"default\"\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\ntype PaginationNextProps = PaginationLinkProps;\n\nfunction PaginationNext({ className, ...props }: PaginationNextProps): React.JSX.Element {\n return (\n <PaginationLink aria-label=\"Go to next page\" className={cn('gap-1 pr-2.5', className)} size=\"default\" {...props}>\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\ntype PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element {\n return (\n <span aria-hidden className={cn('flex size-10 items-center justify-center', className)} {...props}>\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n type PaginationProps,\n type PaginationContentProps,\n type PaginationLinkProps,\n type PaginationItemProps,\n type PaginationPreviousProps,\n type PaginationNextProps,\n type PaginationEllipsisProps,\n};\n"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ButtonProps } from './button.
|
|
3
|
-
import '
|
|
2
|
+
import { ButtonProps } from './button.cjs';
|
|
3
|
+
import 'tailwind-variants';
|
|
4
|
+
import 'tailwind-variants/dist/config.js';
|
|
4
5
|
|
|
5
6
|
type PaginationProps = React.HTMLAttributes<HTMLElement>;
|
|
6
7
|
declare function Pagination({ className, ...props }: PaginationProps): React.JSX.Element;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ButtonProps } from './button.js';
|
|
3
|
-
import '
|
|
3
|
+
import 'tailwind-variants';
|
|
4
|
+
import 'tailwind-variants/dist/config.js';
|
|
4
5
|
|
|
5
6
|
type PaginationProps = React.HTMLAttributes<HTMLElement>;
|
|
6
7
|
declare function Pagination({ className, ...props }: PaginationProps): React.JSX.Element;
|
package/dist/react/pagination.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import{a as r}from"../chunk-6AFJCDFU.js";import"../chunk-A5ILA637.js";import{a as e}from"../chunk-5UXVZTFG.js";import*as o from"react";import{ChevronLeftIcon as g,ChevronRightIcon as m,DotsHorizontalIcon as c}from"@radix-ui/react-icons";import{jsx as a,jsxs as s}from"react/jsx-runtime";function N({className:n,...t}){return a("nav",{"aria-label":"pagination",className:e("mx-auto flex w-full justify-center",n),role:"navigation",...t})}var u=o.forwardRef(({className:n,...t},i)=>a("ul",{ref:i,className:e("flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>a("li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return a("a",{"aria-current":t?"page":void 0,className:r({variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return s(p,{"aria-label":"Go to previous page",className:e("gap-1 pl-2.5",n),size:"default",...t,children:[a(g,{className:"size-4"}),a("span",{children:"Previous"})]})}function H({className:n,...t}){return s(p,{"aria-label":"Go to next page",className:e("gap-1 pr-2.5",n),size:"default",...t,children:[a("span",{children:"Next"}),a(m,{className:"size-4"})]})}function M({className:n,...t}){return s("span",{"aria-hidden":!0,className:e("flex size-10 items-center justify-center",n),...t,children:[a(c,{className:"size-4"}),a("span",{className:"sr-only",children:"More pages"})]})}export{N as Pagination,u as PaginationContent,M as PaginationEllipsis,f as PaginationItem,p as PaginationLink,H as PaginationNext,R as PaginationPrevious};
|
|
2
2
|
//# sourceMappingURL=pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/pagination.tsx"],"
|
|
1
|
+
{"version":3,"sources":["../../src/react/pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport { buttonVariants, type ButtonProps } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\ntype PaginationProps = React.HTMLAttributes<HTMLElement>;\n\nfunction Pagination({ className, ...props }: PaginationProps): React.JSX.Element {\n return (\n <nav\n aria-label=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n role=\"navigation\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\ntype PaginationContentElement = HTMLUListElement;\ntype PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;\n\nconst PaginationContent = React.forwardRef<PaginationContentElement, PaginationContentProps>(\n ({ className, ...props }, ref) => (\n <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n ),\n);\n\nPaginationContent.displayName = 'PaginationContent';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\ntype PaginationItemElement = HTMLLIElement;\ntype PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst PaginationItem = React.forwardRef<PaginationItemElement, PaginationItemProps>((props, ref) => (\n <li ref={ref} {...props} />\n));\n\nPaginationItem.displayName = 'PaginationItem';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonProps, 'size'> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = 'icon',\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? 'page' : undefined}\n className={buttonVariants({\n variant: isActive ? 'outline' : 'ghost',\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\ntype PaginationPreviousProps = PaginationLinkProps;\n\nfunction PaginationPrevious({ className, ...props }: PaginationPreviousProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n className={cn('gap-1 pl-2.5', className)}\n size=\"default\"\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\ntype PaginationNextProps = PaginationLinkProps;\n\nfunction PaginationNext({ className, ...props }: PaginationNextProps): React.JSX.Element {\n return (\n <PaginationLink aria-label=\"Go to next page\" className={cn('gap-1 pr-2.5', className)} size=\"default\" {...props}>\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\ntype PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element {\n return (\n <span aria-hidden className={cn('flex size-10 items-center justify-center', className)} {...props}>\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n type PaginationProps,\n type PaginationContentProps,\n type PaginationLinkProps,\n type PaginationItemProps,\n type PaginationPreviousProps,\n type PaginationNextProps,\n type PaginationEllipsisProps,\n};\n"],"mappings":"+GAAA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,EAAiB,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAYlE,cAAAC,EA2EA,QAAAC,MA3EA,oBAFJ,SAASC,EAAW,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAuC,CAC/E,OACEJ,EAAC,OACC,aAAW,aACX,UAAWK,EAAG,qCAAsCF,CAAS,EAC7D,KAAK,aACJ,GAAGC,EACN,CAEJ,CASA,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAGG,IACxBP,EAAC,MAAG,IAAKO,EAAK,UAAWF,EAAG,mCAAoCF,CAAS,EAAI,GAAGC,EAAO,CAE3F,EAEAE,EAAkB,YAAc,oBAShC,IAAME,EAAuB,aAAuD,CAACJ,EAAOG,IAC1FP,EAAC,MAAG,IAAKO,EAAM,GAAGH,EAAO,CAC1B,EAEDI,EAAe,YAAc,iBAU7B,SAASC,EAAe,CACtB,UAAAN,EACA,SAAAO,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,GAAGR,CACL,EAA2C,CACzC,OACEJ,EAAC,KACC,eAAcU,EAAW,OAAS,OAClC,UAAWG,EAAe,CACxB,QAASH,EAAW,UAAY,QAChC,KAAAC,EACA,UAAAR,CACF,CAAC,EACA,GAAGC,EAEH,SAAAQ,EACH,CAEJ,CAQA,SAASE,EAAmB,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAA+C,CAC/F,OACEH,EAACQ,EAAA,CACC,aAAW,sBACX,UAAWJ,EAAG,eAAgBF,CAAS,EACvC,KAAK,UACJ,GAAGC,EAEJ,UAAAJ,EAACe,EAAA,CAAgB,UAAU,SAAS,EACpCf,EAAC,QAAK,oBAAQ,GAChB,CAEJ,CAQA,SAASgB,EAAe,CAAE,UAAAb,EAAW,GAAGC,CAAM,EAA2C,CACvF,OACEH,EAACQ,EAAA,CAAe,aAAW,kBAAkB,UAAWJ,EAAG,eAAgBF,CAAS,EAAG,KAAK,UAAW,GAAGC,EACxG,UAAAJ,EAAC,QAAK,gBAAI,EACVA,EAACiB,EAAA,CAAiB,UAAU,SAAS,GACvC,CAEJ,CAQA,SAASC,EAAmB,CAAE,UAAAf,EAAW,GAAGC,CAAM,EAA+C,CAC/F,OACEH,EAAC,QAAK,cAAW,GAAC,UAAWI,EAAG,2CAA4CF,CAAS,EAAI,GAAGC,EAC1F,UAAAJ,EAACmB,EAAA,CAAmB,UAAU,SAAS,EACvCnB,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,CAEJ","names":["React","ChevronLeftIcon","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Pagination","className","props","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","DotsHorizontalIcon"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reactpopover = require('@radix-ui/react-popover'); var o = _interopRequireWildcard(_reactpopover);var _jsxruntime = require('react/jsx-runtime');var m=o.Root,l= exports.PopoverTrigger =o.Trigger,f= exports.PopoverAnchor =o.Anchor,n= exports.PopoverContent =a.forwardRef(({className:e,align:t="center",sideOffset:r=6,...P},s)=>_jsxruntime.jsx.call(void 0, o.Portal,{children:_jsxruntime.jsx.call(void 0, o.Content,{ref:s,align:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md",e),sideOffset:r,...P})}));n.displayName=o.Content.displayName;var d=a.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, o.Arrow,{ref:r,className:_chunkNU6SK3FCcjs.a.call(void 0, "fill-popover",e),...t}));d.displayName=o.Arrow.displayName;exports.Popover = m; exports.PopoverAnchor = f; exports.PopoverArrow = d; exports.PopoverContent = n; exports.PopoverTrigger = l;
|
|
2
|
+
//# sourceMappingURL=popover.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/react/popover.tsx"],"names":["React","PopoverPrimitive","jsx","Popover","PopoverTrigger","PopoverAnchor","PopoverContent","className","align","sideOffset","props","ref","cn","PopoverArrow"],"mappings":"uDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAkC5B,cAAAC,MAAA,oBA1BN,IAAMC,EAA2B,OAO3BC,EAAkC,UAOlCC,EAAiC,SASjCC,EAAuB,aAC3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC1DT,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,MAAOH,EACP,UAAWI,EACT,gtBACAL,CACF,EACA,WAAYE,EACX,GAAGC,EACN,EACF,CAEJ,EAEAJ,EAAe,YAA+B,UAAQ,YAStD,IAAMO,EAAqB,aAAmD,CAAC,CAAE,UAAAN,EAAW,GAAGG,CAAM,EAAGC,IACtGT,EAAkB,QAAjB,CAAuB,IAAKS,EAAK,UAAWC,EAAG,eAAgBL,CAAS,EAAI,GAAGG,EAAO,CACxF,EAEDG,EAAa,YAA+B,QAAM","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\ntype PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\ntype PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\ntype PopoverAnchorProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\ntype PopoverContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;\n\nconst PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentProps>(\n ({ className, align = 'center', sideOffset = 6, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md',\n className,\n )}\n sideOffset={sideOffset}\n {...props}\n />\n </PopoverPrimitive.Portal>\n ),\n);\n\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\ntype PopoverArrowElement = React.ElementRef<typeof PopoverPrimitive.Arrow>;\ntype PopoverArrowProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Arrow>;\n\nconst PopoverArrow = React.forwardRef<PopoverArrowElement, PopoverArrowProps>(({ className, ...props }, ref) => (\n <PopoverPrimitive.Arrow ref={ref} className={cn('fill-popover', className)} {...props} />\n));\n\nPopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Popover,\n PopoverTrigger,\n PopoverContent,\n PopoverAnchor,\n PopoverArrow,\n type PopoverProps,\n type PopoverTriggerProps,\n type PopoverContentProps,\n type PopoverAnchorProps,\n type PopoverArrowProps,\n};\n"]}
|
package/dist/react/popover.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use
|
|
1
|
+
"use client";import{a as p}from"../chunk-5UXVZTFG.js";import*as a from"react";import*as o from"@radix-ui/react-popover";import{jsx as i}from"react/jsx-runtime";var m=o.Root,l=o.Trigger,f=o.Anchor,n=a.forwardRef(({className:e,align:t="center",sideOffset:r=6,...P},s)=>i(o.Portal,{children:i(o.Content,{ref:s,align:t,className:p("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md",e),sideOffset:r,...P})}));n.displayName=o.Content.displayName;var d=a.forwardRef(({className:e,...t},r)=>i(o.Arrow,{ref:r,className:p("fill-popover",e),...t}));d.displayName=o.Arrow.displayName;export{m as Popover,f as PopoverAnchor,d as PopoverArrow,n as PopoverContent,l as PopoverTrigger};
|
|
2
2
|
//# sourceMappingURL=popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/popover.tsx"],"
|
|
1
|
+
{"version":3,"sources":["../../src/react/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\ntype PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\ntype PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\ntype PopoverAnchorProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\ntype PopoverContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;\n\nconst PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentProps>(\n ({ className, align = 'center', sideOffset = 6, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n className={cn(\n 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md',\n className,\n )}\n sideOffset={sideOffset}\n {...props}\n />\n </PopoverPrimitive.Portal>\n ),\n);\n\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\ntype PopoverArrowElement = React.ElementRef<typeof PopoverPrimitive.Arrow>;\ntype PopoverArrowProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Arrow>;\n\nconst PopoverArrow = React.forwardRef<PopoverArrowElement, PopoverArrowProps>(({ className, ...props }, ref) => (\n <PopoverPrimitive.Arrow ref={ref} className={cn('fill-popover', className)} {...props} />\n));\n\nPopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Popover,\n PopoverTrigger,\n PopoverContent,\n PopoverAnchor,\n PopoverArrow,\n type PopoverProps,\n type PopoverTriggerProps,\n type PopoverContentProps,\n type PopoverAnchorProps,\n type PopoverArrowProps,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAkC5B,cAAAC,MAAA,oBA1BN,IAAMC,EAA2B,OAO3BC,EAAkC,UAOlCC,EAAiC,SASjCC,EAAuB,aAC3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC1DT,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,MAAOH,EACP,UAAWI,EACT,gtBACAL,CACF,EACA,WAAYE,EACX,GAAGC,EACN,EACF,CAEJ,EAEAJ,EAAe,YAA+B,UAAQ,YAStD,IAAMO,EAAqB,aAAmD,CAAC,CAAE,UAAAN,EAAW,GAAGG,CAAM,EAAGC,IACtGT,EAAkB,QAAjB,CAAuB,IAAKS,EAAK,UAAWC,EAAG,eAAgBL,CAAS,EAAI,GAAGG,EAAO,CACxF,EAEDG,EAAa,YAA+B,QAAM","names":["React","PopoverPrimitive","jsx","Popover","PopoverTrigger","PopoverAnchor","PopoverContent","className","align","sideOffset","props","ref","cn","PopoverArrow"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _react = require('react'); var e = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _jsxruntime = require('react/jsx-runtime');var p=e.forwardRef(({asChild:r,...t},o)=>_jsxruntime.jsx.call(void 0, r?_reactslot.Slot:"pre",{ref:o,...t}));p.displayName="Pre";exports.Pre = p;
|
|
2
|
+
//# sourceMappingURL=pre.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/react/pre.tsx"],"names":["React","Slot","jsx","Pre","asChild","props","ref"],"mappings":"AAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBAeZ,cAAAC,MAAA,oBAHT,IAAMC,EAAY,aAAiC,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,EAAGC,IAGlEJ,EAFWE,EAAUH,EAAO,MAE3B,CAAU,IAAKK,EAAM,GAAGD,EAAO,CACxC,EAEDF,EAAI,YAAc","sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\n/* -----------------------------------------------------------------------------\n * Component: Pre\n * -------------------------------------------------------------------------- */\n\ntype PreElement = HTMLPreElement;\n\ninterface PreProps extends React.HTMLAttributes<HTMLPreElement> {\n asChild?: boolean;\n}\n\nconst Pre = React.forwardRef<PreElement, PreProps>(({ asChild, ...props }, ref) => {\n const Component = asChild ? Slot : 'pre';\n\n return <Component ref={ref} {...props} />;\n});\n\nPre.displayName = 'Pre';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Pre, type PreProps };\n"]}
|