@codefast/ui 0.0.40 → 0.0.42
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-EVN2IB57.js → chunk-6EAQQBWG.js} +2 -2
- package/dist/chunk-6EAQQBWG.js.map +1 -0
- package/dist/{chunk-YR36SVVG.mjs → chunk-7HJV22OF.mjs} +1 -1
- package/dist/chunk-7HJV22OF.mjs.map +1 -0
- package/dist/{chunk-5WJB3UAO.js → chunk-CERSQE5J.js} +1 -1
- package/dist/chunk-CERSQE5J.js.map +1 -0
- package/dist/{chunk-UPZHCTQV.js → chunk-ELWITZPX.js} +2 -2
- package/dist/chunk-ELWITZPX.js.map +1 -0
- package/dist/{chunk-WLMYX3C7.mjs → chunk-GDMHMSJ2.mjs} +2 -2
- package/dist/chunk-GDMHMSJ2.mjs.map +1 -0
- package/dist/{chunk-UJJZZCAC.js → chunk-HQ4AUOQM.js} +1 -1
- package/dist/{chunk-UJJZZCAC.js.map → chunk-HQ4AUOQM.js.map} +1 -1
- package/dist/{chunk-HLXU3SQI.mjs → chunk-HWEFQSTC.mjs} +1 -1
- package/dist/chunk-HWEFQSTC.mjs.map +1 -0
- package/dist/{chunk-JTAXNFUM.mjs → chunk-HX5YKP4E.mjs} +2 -2
- package/dist/chunk-HX5YKP4E.mjs.map +1 -0
- package/dist/{chunk-PLX35IKX.mjs → chunk-I6QCJDIF.mjs} +1 -1
- package/dist/chunk-I6QCJDIF.mjs.map +1 -0
- package/dist/{chunk-466PAJCA.mjs → chunk-LEUB3C3L.mjs} +1 -1
- package/dist/chunk-LEUB3C3L.mjs.map +1 -0
- package/dist/{chunk-KJ77RPJ4.mjs → chunk-M5UKNISJ.mjs} +2 -2
- package/dist/chunk-M5UKNISJ.mjs.map +1 -0
- package/dist/{chunk-EYERINEJ.js → chunk-MZJL73RI.js} +1 -1
- package/dist/chunk-MZJL73RI.js.map +1 -0
- package/dist/{chunk-JCMRDCFT.js → chunk-NH6X3FON.js} +1 -1
- package/dist/{chunk-JCMRDCFT.js.map → chunk-NH6X3FON.js.map} +1 -1
- package/dist/{chunk-UDNWQQ3I.js → chunk-NSK74YTM.js} +2 -2
- package/dist/chunk-NSK74YTM.js.map +1 -0
- package/dist/{chunk-N6QGG4WS.mjs → chunk-P5AV3QU7.mjs} +2 -2
- package/dist/chunk-P5AV3QU7.mjs.map +1 -0
- package/dist/{chunk-GRQGCS7U.mjs → chunk-PWF46YXQ.mjs} +2 -2
- package/dist/chunk-PWF46YXQ.mjs.map +1 -0
- package/dist/{chunk-ZWGC5M4G.js → chunk-SCJ3W2VO.js} +2 -2
- package/dist/chunk-SCJ3W2VO.js.map +1 -0
- package/dist/{chunk-MSHUAEXI.js → chunk-SCPFGC2X.js} +2 -2
- package/dist/chunk-SCPFGC2X.js.map +1 -0
- package/dist/{chunk-JIHHUXA5.js → chunk-VXPAGNPJ.js} +2 -2
- package/dist/chunk-VXPAGNPJ.js.map +1 -0
- package/dist/{chunk-6B2PU2GG.mjs → chunk-WL65TBKJ.mjs} +2 -2
- package/dist/chunk-WL65TBKJ.mjs.map +1 -0
- package/dist/{chunk-4TJBMO2Y.mjs → chunk-WYYOCZNI.mjs} +2 -2
- package/dist/chunk-WYYOCZNI.mjs.map +1 -0
- package/dist/{chunk-FEE6PNWV.js → chunk-XM4Y2S5E.js} +2 -2
- package/dist/chunk-XM4Y2S5E.js.map +1 -0
- package/dist/{chunk-7PJR4WFR.mjs → chunk-ZEYIBYZP.mjs} +2 -2
- package/dist/chunk-ZEYIBYZP.mjs.map +1 -0
- package/dist/{chunk-AEWLL6A2.js → chunk-ZTEJNUH6.js} +2 -2
- package/dist/chunk-ZTEJNUH6.js.map +1 -0
- package/dist/lib/utils.js +1 -1
- package/dist/lib/utils.mjs +1 -1
- package/dist/plugin/animate.plugin.js +1 -1
- package/dist/plugin/animate.plugin.mjs +1 -1
- package/dist/plugin/base.plugin.js +1 -1
- package/dist/plugin/base.plugin.mjs +1 -1
- package/dist/plugin/perspective.plugin.js +1 -1
- package/dist/plugin/perspective.plugin.mjs +1 -1
- package/dist/react/accordion.js +1 -1
- package/dist/react/accordion.js.map +1 -1
- package/dist/react/accordion.mjs +1 -1
- package/dist/react/accordion.mjs.map +1 -1
- package/dist/react/alert-dialog.js +1 -1
- package/dist/react/alert-dialog.js.map +1 -1
- package/dist/react/alert-dialog.mjs +1 -1
- package/dist/react/alert-dialog.mjs.map +1 -1
- package/dist/react/alert.js +1 -1
- package/dist/react/alert.js.map +1 -1
- package/dist/react/alert.mjs +1 -1
- package/dist/react/alert.mjs.map +1 -1
- package/dist/react/aspect-ratio.js.map +1 -1
- package/dist/react/aspect-ratio.mjs.map +1 -1
- package/dist/react/avatar.js +1 -1
- package/dist/react/avatar.js.map +1 -1
- package/dist/react/avatar.mjs +1 -1
- package/dist/react/avatar.mjs.map +1 -1
- package/dist/react/badge.js +1 -1
- package/dist/react/badge.js.map +1 -1
- package/dist/react/badge.mjs +1 -1
- package/dist/react/badge.mjs.map +1 -1
- package/dist/react/blockquote.js.map +1 -1
- package/dist/react/blockquote.mjs.map +1 -1
- package/dist/react/box.d.mts +2 -2
- package/dist/react/box.d.ts +2 -2
- package/dist/react/box.js.map +1 -1
- package/dist/react/box.mjs.map +1 -1
- package/dist/react/breadcrumb.js +1 -1
- package/dist/react/breadcrumb.js.map +1 -1
- package/dist/react/breadcrumb.mjs +1 -1
- package/dist/react/breadcrumb.mjs.map +1 -1
- package/dist/react/button.js +1 -1
- package/dist/react/button.mjs +1 -1
- package/dist/react/calendar.js +1 -1
- package/dist/react/calendar.js.map +1 -1
- package/dist/react/calendar.mjs +1 -1
- package/dist/react/calendar.mjs.map +1 -1
- package/dist/react/card.js +1 -1
- package/dist/react/card.js.map +1 -1
- package/dist/react/card.mjs +1 -1
- package/dist/react/card.mjs.map +1 -1
- package/dist/react/carousel.d.mts +1 -1
- package/dist/react/carousel.d.ts +1 -1
- package/dist/react/carousel.js +1 -1
- package/dist/react/carousel.js.map +1 -1
- package/dist/react/carousel.mjs +1 -1
- package/dist/react/carousel.mjs.map +1 -1
- package/dist/react/checkbox-cards.js +1 -1
- package/dist/react/checkbox-cards.js.map +1 -1
- package/dist/react/checkbox-cards.mjs +1 -1
- package/dist/react/checkbox-cards.mjs.map +1 -1
- package/dist/react/checkbox-group.js +1 -1
- package/dist/react/checkbox-group.js.map +1 -1
- package/dist/react/checkbox-group.mjs +1 -1
- package/dist/react/checkbox-group.mjs.map +1 -1
- package/dist/react/checkbox-group.primitive.d.mts +8 -8
- package/dist/react/checkbox-group.primitive.d.ts +8 -8
- package/dist/react/checkbox-group.primitive.js +1 -1
- package/dist/react/checkbox-group.primitive.mjs +1 -1
- package/dist/react/checkbox.js +1 -1
- package/dist/react/checkbox.js.map +1 -1
- package/dist/react/checkbox.mjs +1 -1
- package/dist/react/checkbox.mjs.map +1 -1
- package/dist/react/code.js.map +1 -1
- package/dist/react/code.mjs.map +1 -1
- package/dist/react/collapsible.js +1 -1
- package/dist/react/collapsible.js.map +1 -1
- package/dist/react/collapsible.mjs +1 -1
- package/dist/react/collapsible.mjs.map +1 -1
- package/dist/react/command.js +1 -1
- package/dist/react/command.js.map +1 -1
- package/dist/react/command.mjs +1 -1
- package/dist/react/command.mjs.map +1 -1
- package/dist/react/container.js +1 -1
- package/dist/react/container.js.map +1 -1
- package/dist/react/container.mjs +1 -1
- package/dist/react/container.mjs.map +1 -1
- package/dist/react/context-menu.js +1 -1
- package/dist/react/context-menu.js.map +1 -1
- package/dist/react/context-menu.mjs +1 -1
- package/dist/react/context-menu.mjs.map +1 -1
- package/dist/react/data-table.d.mts +1 -1
- package/dist/react/data-table.d.ts +1 -1
- package/dist/react/data-table.js +1 -1
- package/dist/react/data-table.js.map +1 -1
- package/dist/react/data-table.mjs +1 -1
- package/dist/react/data-table.mjs.map +1 -1
- package/dist/react/dialog.js +1 -1
- package/dist/react/dialog.mjs +1 -1
- package/dist/react/drawer.js +1 -1
- package/dist/react/drawer.js.map +1 -1
- package/dist/react/drawer.mjs +1 -1
- package/dist/react/drawer.mjs.map +1 -1
- package/dist/react/dropdown-menu.js +1 -1
- package/dist/react/dropdown-menu.mjs +1 -1
- package/dist/react/em.js.map +1 -1
- package/dist/react/em.mjs.map +1 -1
- package/dist/react/form.js +1 -1
- package/dist/react/form.js.map +1 -1
- package/dist/react/form.mjs +1 -1
- package/dist/react/form.mjs.map +1 -1
- package/dist/react/heading.d.mts +1 -1
- package/dist/react/heading.d.ts +1 -1
- package/dist/react/heading.js.map +1 -1
- package/dist/react/heading.mjs.map +1 -1
- package/dist/react/hover-card.js +1 -1
- package/dist/react/hover-card.js.map +1 -1
- package/dist/react/hover-card.mjs +1 -1
- package/dist/react/hover-card.mjs.map +1 -1
- package/dist/react/input-otp.js +1 -1
- package/dist/react/input-otp.js.map +1 -1
- package/dist/react/input-otp.mjs +1 -1
- package/dist/react/input-otp.mjs.map +1 -1
- package/dist/react/input.js +1 -1
- package/dist/react/input.js.map +1 -1
- package/dist/react/input.mjs +1 -1
- package/dist/react/input.mjs.map +1 -1
- package/dist/react/kbd.js +1 -1
- package/dist/react/kbd.js.map +1 -1
- package/dist/react/kbd.mjs +1 -1
- package/dist/react/kbd.mjs.map +1 -1
- package/dist/react/label.js +1 -1
- package/dist/react/label.mjs +1 -1
- package/dist/react/menubar.js +1 -1
- package/dist/react/menubar.js.map +1 -1
- package/dist/react/menubar.mjs +1 -1
- package/dist/react/menubar.mjs.map +1 -1
- package/dist/react/navigation-menu.js +1 -1
- package/dist/react/navigation-menu.js.map +1 -1
- package/dist/react/navigation-menu.mjs +1 -1
- package/dist/react/navigation-menu.mjs.map +1 -1
- package/dist/react/pagination.d.mts +1 -1
- package/dist/react/pagination.d.ts +1 -1
- package/dist/react/pagination.js +1 -1
- package/dist/react/pagination.js.map +1 -1
- package/dist/react/pagination.mjs +1 -1
- package/dist/react/pagination.mjs.map +1 -1
- package/dist/react/popover.js +1 -1
- package/dist/react/popover.js.map +1 -1
- package/dist/react/popover.mjs +1 -1
- package/dist/react/popover.mjs.map +1 -1
- package/dist/react/pre.js.map +1 -1
- package/dist/react/pre.mjs.map +1 -1
- package/dist/react/progress.js +1 -1
- package/dist/react/progress.js.map +1 -1
- package/dist/react/progress.mjs +1 -1
- package/dist/react/progress.mjs.map +1 -1
- package/dist/react/quote.js.map +1 -1
- package/dist/react/quote.mjs.map +1 -1
- package/dist/react/radio-cards.js +1 -1
- package/dist/react/radio-cards.js.map +1 -1
- package/dist/react/radio-cards.mjs +1 -1
- package/dist/react/radio-cards.mjs.map +1 -1
- package/dist/react/radio-group.js +1 -1
- package/dist/react/radio-group.js.map +1 -1
- package/dist/react/radio-group.mjs +1 -1
- package/dist/react/radio-group.mjs.map +1 -1
- package/dist/react/radio.js +1 -1
- package/dist/react/radio.js.map +1 -1
- package/dist/react/radio.mjs +1 -1
- package/dist/react/radio.mjs.map +1 -1
- package/dist/react/resizable.js +1 -1
- package/dist/react/resizable.js.map +1 -1
- package/dist/react/resizable.mjs +1 -1
- package/dist/react/resizable.mjs.map +1 -1
- package/dist/react/scroll-area.js +1 -1
- package/dist/react/scroll-area.js.map +1 -1
- package/dist/react/scroll-area.mjs +1 -1
- package/dist/react/scroll-area.mjs.map +1 -1
- package/dist/react/section.js.map +1 -1
- package/dist/react/section.mjs.map +1 -1
- package/dist/react/select.js +1 -1
- package/dist/react/select.mjs +1 -1
- package/dist/react/separator.js +1 -1
- package/dist/react/separator.js.map +1 -1
- package/dist/react/separator.mjs +1 -1
- package/dist/react/separator.mjs.map +1 -1
- package/dist/react/sheet.js +1 -1
- package/dist/react/sheet.js.map +1 -1
- package/dist/react/sheet.mjs +1 -1
- package/dist/react/sheet.mjs.map +1 -1
- package/dist/react/skeleton.js +1 -1
- package/dist/react/skeleton.js.map +1 -1
- package/dist/react/skeleton.mjs +1 -1
- package/dist/react/skeleton.mjs.map +1 -1
- package/dist/react/slider.js +1 -1
- package/dist/react/slider.js.map +1 -1
- package/dist/react/slider.mjs +1 -1
- package/dist/react/slider.mjs.map +1 -1
- package/dist/react/sonner.js.map +1 -1
- package/dist/react/sonner.mjs.map +1 -1
- package/dist/react/spinner.js +1 -1
- package/dist/react/spinner.mjs +1 -1
- package/dist/react/strong.js.map +1 -1
- package/dist/react/strong.mjs.map +1 -1
- package/dist/react/switch.js +1 -1
- package/dist/react/switch.js.map +1 -1
- package/dist/react/switch.mjs +1 -1
- package/dist/react/switch.mjs.map +1 -1
- package/dist/react/table.js +1 -1
- package/dist/react/table.js.map +1 -1
- package/dist/react/table.mjs +1 -1
- package/dist/react/table.mjs.map +1 -1
- package/dist/react/tabs.js +1 -1
- package/dist/react/tabs.js.map +1 -1
- package/dist/react/tabs.mjs +1 -1
- package/dist/react/tabs.mjs.map +1 -1
- package/dist/react/text.d.mts +2 -2
- package/dist/react/text.d.ts +2 -2
- package/dist/react/text.js.map +1 -1
- package/dist/react/text.mjs.map +1 -1
- package/dist/react/textarea.js +1 -1
- package/dist/react/textarea.js.map +1 -1
- package/dist/react/textarea.mjs +1 -1
- package/dist/react/textarea.mjs.map +1 -1
- package/dist/react/toggle-group.js +1 -1
- package/dist/react/toggle-group.js.map +1 -1
- package/dist/react/toggle-group.mjs +1 -1
- package/dist/react/toggle-group.mjs.map +1 -1
- package/dist/react/toggle.js +1 -1
- package/dist/react/toggle.mjs +1 -1
- package/dist/react/tooltip.js +1 -1
- package/dist/react/tooltip.js.map +1 -1
- package/dist/react/tooltip.mjs +1 -1
- package/dist/react/tooltip.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/tailwind.config.js +1 -1
- package/dist/tailwind.config.js.map +1 -1
- package/dist/tailwind.config.mjs +1 -1
- package/dist/tailwind.config.mjs.map +1 -1
- package/package.json +7 -7
- package/plugin/animate.plugin.ts +114 -111
- package/plugin/base.plugin.ts +10 -7
- package/plugin/perspective.plugin.ts +1 -1
- package/src/lib/utils.ts +2 -2
- package/src/react/accordion.tsx +65 -41
- package/src/react/alert-dialog.tsx +130 -62
- package/src/react/alert.tsx +50 -24
- package/src/react/aspect-ratio.tsx +6 -4
- package/src/react/avatar.tsx +47 -19
- package/src/react/badge.tsx +15 -10
- package/src/react/blockquote.tsx +11 -8
- package/src/react/box.tsx +11 -9
- package/src/react/breadcrumb.tsx +62 -29
- package/src/react/button.tsx +47 -31
- package/src/react/calendar.tsx +54 -37
- package/src/react/card.tsx +64 -30
- package/src/react/carousel.tsx +101 -43
- package/src/react/checkbox-cards.tsx +60 -33
- package/src/react/checkbox-group.primitive.tsx +93 -38
- package/src/react/checkbox-group.tsx +57 -34
- package/src/react/checkbox.tsx +24 -20
- package/src/react/code.tsx +9 -7
- package/src/react/collapsible.tsx +33 -23
- package/src/react/command.tsx +140 -75
- package/src/react/container.tsx +12 -8
- package/src/react/context-menu.tsx +228 -150
- package/src/react/data-table.tsx +51 -21
- package/src/react/dialog.tsx +95 -50
- package/src/react/drawer.tsx +96 -49
- package/src/react/dropdown-menu.tsx +199 -131
- package/src/react/em.tsx +9 -7
- package/src/react/form.tsx +96 -61
- package/src/react/heading.tsx +10 -8
- package/src/react/hover-card.tsx +42 -26
- package/src/react/input-otp.tsx +48 -37
- package/src/react/input.tsx +25 -15
- package/src/react/kbd.tsx +21 -19
- package/src/react/label.tsx +16 -14
- package/src/react/menubar.tsx +214 -135
- package/src/react/navigation-menu.tsx +153 -111
- package/src/react/pagination.tsx +59 -26
- package/src/react/popover.tsx +44 -29
- package/src/react/pre.tsx +9 -7
- package/src/react/progress.tsx +26 -19
- package/src/react/quote.tsx +9 -7
- package/src/react/radio-cards.tsx +32 -12
- package/src/react/radio-group.tsx +32 -12
- package/src/react/radio.tsx +24 -20
- package/src/react/resizable.tsx +13 -8
- package/src/react/scroll-area.tsx +56 -34
- package/src/react/section.tsx +9 -7
- package/src/react/select.tsx +167 -114
- package/src/react/separator.tsx +16 -7
- package/src/react/sheet.tsx +84 -34
- package/src/react/skeleton.tsx +8 -3
- package/src/react/slider.tsx +31 -24
- package/src/react/sonner.tsx +12 -10
- package/src/react/spinner.tsx +14 -9
- package/src/react/strong.tsx +9 -7
- package/src/react/switch.tsx +18 -16
- package/src/react/table.tsx +97 -52
- package/src/react/tabs.tsx +48 -38
- package/src/react/text.tsx +13 -10
- package/src/react/textarea.tsx +17 -15
- package/src/react/toggle-group.tsx +66 -23
- package/src/react/toggle.tsx +26 -18
- package/src/react/tooltip.tsx +43 -28
- package/tailwind.config.ts +62 -62
- package/dist/chunk-466PAJCA.mjs.map +0 -1
- package/dist/chunk-4TJBMO2Y.mjs.map +0 -1
- package/dist/chunk-5WJB3UAO.js.map +0 -1
- package/dist/chunk-6B2PU2GG.mjs.map +0 -1
- package/dist/chunk-7PJR4WFR.mjs.map +0 -1
- package/dist/chunk-AEWLL6A2.js.map +0 -1
- package/dist/chunk-EVN2IB57.js.map +0 -1
- package/dist/chunk-EYERINEJ.js.map +0 -1
- package/dist/chunk-FEE6PNWV.js.map +0 -1
- package/dist/chunk-GRQGCS7U.mjs.map +0 -1
- package/dist/chunk-HLXU3SQI.mjs.map +0 -1
- package/dist/chunk-JIHHUXA5.js.map +0 -1
- package/dist/chunk-JTAXNFUM.mjs.map +0 -1
- package/dist/chunk-KJ77RPJ4.mjs.map +0 -1
- package/dist/chunk-MSHUAEXI.js.map +0 -1
- package/dist/chunk-N6QGG4WS.mjs.map +0 -1
- package/dist/chunk-PLX35IKX.mjs.map +0 -1
- package/dist/chunk-UDNWQQ3I.js.map +0 -1
- package/dist/chunk-UPZHCTQV.js.map +0 -1
- package/dist/chunk-WLMYX3C7.mjs.map +0 -1
- package/dist/chunk-YR36SVVG.mjs.map +0 -1
- package/dist/chunk-ZWGC5M4G.js.map +0 -1
- package/dist/plugin/animate.plugin.d.mts +0 -9
- package/dist/plugin/animate.plugin.d.ts +0 -9
- package/dist/plugin/base.plugin.d.mts +0 -8
- package/dist/plugin/base.plugin.d.ts +0 -8
- package/dist/plugin/perspective.plugin.d.mts +0 -8
- package/dist/plugin/perspective.plugin.d.ts +0 -8
- package/dist/tailwind.config.d.mts +0 -5
- package/dist/tailwind.config.d.ts +0 -5
|
@@ -10,7 +10,7 @@ type CarouselPlugin = UseCarouselParameters[1];
|
|
|
10
10
|
interface BaseCarouselProps {
|
|
11
11
|
opts?: CarouselOptions;
|
|
12
12
|
plugins?: CarouselPlugin;
|
|
13
|
-
orientation?:
|
|
13
|
+
orientation?: 'horizontal' | 'vertical';
|
|
14
14
|
setApi?: (api: CarouselApi) => void;
|
|
15
15
|
}
|
|
16
16
|
type CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;
|
package/dist/react/carousel.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ type CarouselPlugin = UseCarouselParameters[1];
|
|
|
10
10
|
interface BaseCarouselProps {
|
|
11
11
|
opts?: CarouselOptions;
|
|
12
12
|
plugins?: CarouselPlugin;
|
|
13
|
-
orientation?:
|
|
13
|
+
orientation?: 'horizontal' | 'vertical';
|
|
14
14
|
setApi?: (api: CarouselApi) => void;
|
|
15
15
|
}
|
|
16
16
|
type CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;
|
package/dist/react/carousel.js
CHANGED
|
@@ -1,2 +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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var
|
|
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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunk6EAQQBWGjs = require('../chunk-6EAQQBWG.js');require('../chunk-ZTEJNUH6.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var e = _interopRequireWildcard(_react);var _emblacarouselreact = require('embla-carousel-react'); var _emblacarouselreact2 = _interopRequireDefault(_emblacarouselreact);var _reacticons = require('@radix-ui/react-icons');var _reactcontext = require('@radix-ui/react-context');var _jsxruntime = require('react/jsx-runtime');var N="Carousel",[D]=_reactcontext.createContextScope.call(void 0, N),[U,f]=D(N),_= exports.Carousel =e.forwardRef(({__scopeCarousel:l,children:a,orientation:s,opts:r,setApi:t,plugins:c,className:p,...C},m)=>{let[T,o]=_emblacarouselreact2.default.call(void 0, {...r,axis:s==="vertical"?"y":"x"},c),[L,A]=e.useState(!1),[M,w]=e.useState(!1),P=e.useCallback(u=>{u&&(A(u.canScrollPrev()),w(u.canScrollNext()))},[]),y=e.useCallback(()=>{_optionalChain([o, 'optionalAccess', _2 => _2.scrollPrev, 'call', _3 => _3()])},[o]),v=e.useCallback(()=>{_optionalChain([o, 'optionalAccess', _4 => _4.scrollNext, 'call', _5 => _5()])},[o]),I=e.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),y()):u.key==="ArrowRight"&&(u.preventDefault(),v())},[y,v]);return e.useEffect(()=>{!o||!t||t(o)},[o,t]),e.useEffect(()=>{if(o)return P(o),o.on("reInit",P),o.on("select",P),()=>{o.off("select",P)}},[o,P]),_jsxruntime.jsx.call(void 0, U,{scope:l,carouselRef:T,api:o,opts:r,orientation:_nullishCoalesce(s, () => ((_optionalChain([r, 'optionalAccess', _6 => _6.axis])==="y"?"vertical":"horizontal"))),scrollPrev:y,scrollNext:v,canScrollPrev:L,canScrollNext:M,children:_jsxruntime.jsx.call(void 0, "div",{ref:m,onKeyDownCapture:I,className:_chunkHQ4AUOQMjs.b.call(void 0, "relative",p),role:"region","aria-roledescription":"carousel",...C,children:a})})});_.displayName=N;var E="CarouselContent",g= exports.CarouselContent =e.forwardRef(({__scopeCarousel:l,className:a,...s},r)=>{let{carouselRef:t,orientation:c}=f(E,l);return _jsxruntime.jsx.call(void 0, "div",{ref:t,className:"overflow-hidden",children:_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunkHQ4AUOQMjs.b.call(void 0, "flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",a),...s})})});g.displayName=E;var R="CarouselItem",k= exports.CarouselItem =e.forwardRef(({__scopeCarousel:l,className:a,...s},r)=>{let{orientation:t}=f(R,l);return _jsxruntime.jsx.call(void 0, "div",{ref:r,role:"group","aria-roledescription":"slide",className:_chunkHQ4AUOQMjs.b.call(void 0, "min-w-0 shrink-0 grow-0 basis-full",t==="horizontal"?"pl-4":"pt-4",a),...s})});k.displayName=R;var x="CarouselPrevious",O= exports.CarouselPrevious =e.forwardRef(({__scopeCarousel:l,className:a,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollPrev:C,canScrollPrev:m}=f(x,l);return _jsxruntime.jsxs.call(void 0, _chunk6EAQQBWGjs.b,{ref:c,variant:s,size:r,className:_chunkHQ4AUOQMjs.b.call(void 0, "absolute size-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!m,onClick:C,...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ArrowLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Previous slide"})]})});O.displayName=x;var S="CarouselNext",K= exports.CarouselNext =e.forwardRef(({__scopeCarousel:l,className:a,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollNext:C,canScrollNext:m}=f(S,l);return _jsxruntime.jsxs.call(void 0, _chunk6EAQQBWGjs.b,{ref:c,variant:s,size:r,className:_chunkHQ4AUOQMjs.b.call(void 0, "absolute size-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!m,onClick:C,...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ArrowRightIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Next slide"})]})});K.displayName=S;exports.Carousel = _; exports.CarouselContent = g; exports.CarouselItem = k; exports.CarouselNext = K; exports.CarouselPrevious = O;
|
|
2
2
|
//# sourceMappingURL=carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/carousel.tsx"],"names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","ref","carouselRef","api","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","CAROUSEL_NEXT_NAME","CarouselNext"],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"@radix-ui/react-icons\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { cn } from \"../lib/utils\";\nimport { Button, type ButtonProps } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = \"Carousel\";\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: \"horizontal\" | \"vertical\";\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n { __scopeCarousel, children, orientation, opts, setApi, plugins, className, ...props }: ScopedProps<CarouselProps>,\n ref,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === \"vertical\" ? \"y\" : \"x\",\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on(\"reInit\", onSelect);\n api.on(\"select\", onSelect);\n\n return () => {\n api.off(\"select\", onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n scope={__scopeCarousel}\n carouselRef={carouselRef}\n api={api}\n opts={opts}\n orientation={orientation ?? (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\")}\n scrollPrev={scrollPrev}\n scrollNext={scrollNext}\n canScrollPrev={canScrollPrev}\n canScrollNext={canScrollNext}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn(\"relative\", className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = \"CarouselContent\";\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, ref) => {\n const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\"flex\", orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\", className)}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = \"CarouselItem\";\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, ref) => {\n const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\"min-w-0 shrink-0 grow-0 basis-full\", orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\", className)}\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = \"CarouselPrevious\";\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n (\n { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselPreviousProps>,\n ref,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"-left-12 top-1/2 -translate-y-1/2\"\n : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = \"CarouselNext\";\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselNextProps>,\n ref,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"-right-12 top-1/2 -translate-y-1/2\"\n : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/react/carousel.tsx"],"names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","ref","carouselRef","api","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","CAROUSEL_NEXT_NAME","CarouselNext"],"mappings":"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","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '../lib/utils';\nimport { Button, type ButtonProps } from './button';\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: 'horizontal' | 'vertical';\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] =\n createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n {\n __scopeCarousel,\n children,\n orientation,\n opts,\n setApi,\n plugins,\n className,\n ...props\n }: ScopedProps<CarouselProps>,\n ref,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n scope={__scopeCarousel}\n carouselRef={carouselRef}\n api={api}\n opts={opts}\n orientation={\n orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')\n }\n scrollPrev={scrollPrev}\n scrollNext={scrollNext}\n canScrollPrev={canScrollPrev}\n canScrollNext={canScrollNext}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<\n CarouselContentElement,\n CarouselContentProps\n>(\n (\n { __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>,\n ref,\n ) => {\n const { carouselRef, orientation } = useCarouselContext(\n CAROUSEL_CONTENT_NAME,\n __scopeCarousel,\n );\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n 'flex',\n orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n className,\n )}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n (\n { __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>,\n ref,\n ) => {\n const { orientation } = useCarouselContext(\n CAROUSEL_ITEM_NAME,\n __scopeCarousel,\n );\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n 'min-w-0 shrink-0 grow-0 basis-full',\n orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n className,\n )}\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<\n CarouselPreviousElement,\n CarouselPreviousProps\n>(\n (\n {\n __scopeCarousel,\n className,\n variant = 'outline',\n size = 'icon',\n ...props\n }: ScopedProps<CarouselPreviousProps>,\n ref,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(\n CAROUSEL_PREVIOUS_NAME,\n __scopeCarousel,\n );\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n {\n __scopeCarousel,\n className,\n variant = 'outline',\n size = 'icon',\n ...props\n }: ScopedProps<CarouselNextProps>,\n ref,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(\n CAROUSEL_NEXT_NAME,\n __scopeCarousel,\n );\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"]}
|
package/dist/react/carousel.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{b as d}from"../chunk-
|
|
1
|
+
"use client";import{b as d}from"../chunk-ZEYIBYZP.mjs";import"../chunk-P5AV3QU7.mjs";import{b as i}from"../chunk-LEUB3C3L.mjs";import*as e from"react";import h from"embla-carousel-react";import{ArrowLeftIcon as z,ArrowRightIcon as H}from"@radix-ui/react-icons";import{createContextScope as B}from"@radix-ui/react-context";import{jsx as n,jsxs as b}from"react/jsx-runtime";var N="Carousel",[D]=B(N),[U,f]=D(N),_=e.forwardRef(({__scopeCarousel:l,children:a,orientation:s,opts:r,setApi:t,plugins:c,className:p,...C},m)=>{let[T,o]=h({...r,axis:s==="vertical"?"y":"x"},c),[L,A]=e.useState(!1),[M,w]=e.useState(!1),P=e.useCallback(u=>{u&&(A(u.canScrollPrev()),w(u.canScrollNext()))},[]),y=e.useCallback(()=>{o?.scrollPrev()},[o]),v=e.useCallback(()=>{o?.scrollNext()},[o]),I=e.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),y()):u.key==="ArrowRight"&&(u.preventDefault(),v())},[y,v]);return e.useEffect(()=>{!o||!t||t(o)},[o,t]),e.useEffect(()=>{if(o)return P(o),o.on("reInit",P),o.on("select",P),()=>{o.off("select",P)}},[o,P]),n(U,{scope:l,carouselRef:T,api:o,opts:r,orientation:s??(r?.axis==="y"?"vertical":"horizontal"),scrollPrev:y,scrollNext:v,canScrollPrev:L,canScrollNext:M,children:n("div",{ref:m,onKeyDownCapture:I,className:i("relative",p),role:"region","aria-roledescription":"carousel",...C,children:a})})});_.displayName=N;var E="CarouselContent",g=e.forwardRef(({__scopeCarousel:l,className:a,...s},r)=>{let{carouselRef:t,orientation:c}=f(E,l);return n("div",{ref:t,className:"overflow-hidden",children:n("div",{ref:r,className:i("flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",a),...s})})});g.displayName=E;var R="CarouselItem",k=e.forwardRef(({__scopeCarousel:l,className:a,...s},r)=>{let{orientation:t}=f(R,l);return n("div",{ref:r,role:"group","aria-roledescription":"slide",className:i("min-w-0 shrink-0 grow-0 basis-full",t==="horizontal"?"pl-4":"pt-4",a),...s})});k.displayName=R;var x="CarouselPrevious",O=e.forwardRef(({__scopeCarousel:l,className:a,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollPrev:C,canScrollPrev:m}=f(x,l);return b(d,{ref:c,variant:s,size:r,className:i("absolute size-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!m,onClick:C,...t,children:[n(z,{className:"size-4"}),n("span",{className:"sr-only",children:"Previous slide"})]})});O.displayName=x;var S="CarouselNext",K=e.forwardRef(({__scopeCarousel:l,className:a,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollNext:C,canScrollNext:m}=f(S,l);return b(d,{ref:c,variant:s,size:r,className:i("absolute size-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!m,onClick:C,...t,children:[n(H,{className:"size-4"}),n("span",{className:"sr-only",children:"Next slide"})]})});K.displayName=S;export{_ as Carousel,g as CarouselContent,k as CarouselItem,K as CarouselNext,O as CarouselPrevious};
|
|
2
2
|
//# sourceMappingURL=carousel.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"@radix-ui/react-icons\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { cn } from \"../lib/utils\";\nimport { Button, type ButtonProps } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = \"Carousel\";\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: \"horizontal\" | \"vertical\";\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n { __scopeCarousel, children, orientation, opts, setApi, plugins, className, ...props }: ScopedProps<CarouselProps>,\n ref,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === \"vertical\" ? \"y\" : \"x\",\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on(\"reInit\", onSelect);\n api.on(\"select\", onSelect);\n\n return () => {\n api.off(\"select\", onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n scope={__scopeCarousel}\n carouselRef={carouselRef}\n api={api}\n opts={opts}\n orientation={orientation ?? (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\")}\n scrollPrev={scrollPrev}\n scrollNext={scrollNext}\n canScrollPrev={canScrollPrev}\n canScrollNext={canScrollNext}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn(\"relative\", className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = \"CarouselContent\";\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, ref) => {\n const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\"flex\", orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\", className)}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = \"CarouselItem\";\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, ref) => {\n const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\"min-w-0 shrink-0 grow-0 basis-full\", orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\", className)}\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = \"CarouselPrevious\";\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n (\n { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselPreviousProps>,\n ref,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"-left-12 top-1/2 -translate-y-1/2\"\n : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = \"CarouselNext\";\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselNextProps>,\n ref,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"-right-12 top-1/2 -translate-y-1/2\"\n : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"],"mappings":"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","names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","ArrowLeftIcon","CAROUSEL_NEXT_NAME","CarouselNext","ArrowRightIcon"]}
|
|
1
|
+
{"version":3,"sources":["../../src/react/carousel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '../lib/utils';\nimport { Button, type ButtonProps } from './button';\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: 'horizontal' | 'vertical';\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] =\n createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n {\n __scopeCarousel,\n children,\n orientation,\n opts,\n setApi,\n plugins,\n className,\n ...props\n }: ScopedProps<CarouselProps>,\n ref,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n scope={__scopeCarousel}\n carouselRef={carouselRef}\n api={api}\n opts={opts}\n orientation={\n orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')\n }\n scrollPrev={scrollPrev}\n scrollNext={scrollNext}\n canScrollPrev={canScrollPrev}\n canScrollNext={canScrollNext}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<\n CarouselContentElement,\n CarouselContentProps\n>(\n (\n { __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>,\n ref,\n ) => {\n const { carouselRef, orientation } = useCarouselContext(\n CAROUSEL_CONTENT_NAME,\n __scopeCarousel,\n );\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n 'flex',\n orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n className,\n )}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n (\n { __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>,\n ref,\n ) => {\n const { orientation } = useCarouselContext(\n CAROUSEL_ITEM_NAME,\n __scopeCarousel,\n );\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n 'min-w-0 shrink-0 grow-0 basis-full',\n orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n className,\n )}\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<\n CarouselPreviousElement,\n CarouselPreviousProps\n>(\n (\n {\n __scopeCarousel,\n className,\n variant = 'outline',\n size = 'icon',\n ...props\n }: ScopedProps<CarouselPreviousProps>,\n ref,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(\n CAROUSEL_PREVIOUS_NAME,\n __scopeCarousel,\n );\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n {\n __scopeCarousel,\n className,\n variant = 'outline',\n size = 'icon',\n ...props\n }: ScopedProps<CarouselNextProps>,\n ref,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(\n CAROUSEL_NEXT_NAME,\n __scopeCarousel,\n );\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"],"mappings":"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","names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","ArrowLeftIcon","CAROUSEL_NEXT_NAME","CarouselNext","ArrowRightIcon"]}
|
|
@@ -1,2 +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
|
|
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 _chunkMZJL73RIjs = require('../chunk-MZJL73RI.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var b=s.forwardRef(({className:r,...t},i)=>_jsxruntime.jsx.call(void 0, _chunkMZJL73RIjs.e,{className:_chunkHQ4AUOQMjs.b.call(void 0, "grid gap-2",r),...t,ref:i}));b.displayName=_chunkMZJL73RIjs.e.displayName;var l=s.forwardRef(({children:r,className:t,checkboxClassName:i,...p},d)=>_jsxruntime.jsxs.call(void 0, "label",{className:_chunkHQ4AUOQMjs.b.call(void 0, "flex items-center justify-center gap-4 rounded-md border p-4",t),children:[r,_jsxruntime.jsx.call(void 0, _chunkMZJL73RIjs.f,{ref:d,className:_chunkHQ4AUOQMjs.b.call(void 0, "border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",i),...p,children:_jsxruntime.jsx.call(void 0, _chunkMZJL73RIjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})})]}));l.displayName=_chunkMZJL73RIjs.f.displayName;exports.CheckboxCards = b; exports.CheckboxCardsItem = l;
|
|
2
2
|
//# sourceMappingURL=checkbox-cards.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","ref","Root","cn","CheckboxCardsItem","children","checkboxClassName","Item","CheckboxGroupIndicator"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,
|
|
1
|
+
{"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","ref","Root","cn","CheckboxCardsItem","children","checkboxClassName","Item","CheckboxGroupIndicator"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAoBtB,cAAAC,EA4BA,QAAAC,MA5BA,oBALJ,IAAMC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExBL,EAAwBM,EAAvB,CACC,UAAWC,EAAG,aAAcJ,CAAS,EACpC,GAAGC,EACJ,IAAKC,EACP,CAEH,EAEDH,EAAc,YAAqCI,EAAK,YAexD,IAAME,EAA0B,aAG9B,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,kBAAAO,EAAmB,GAAGN,CAAM,EAAGC,IAErDJ,EAAC,SACC,UAAWM,EACT,+DACAJ,CACF,EAEC,UAAAM,EACDT,EAAwBW,EAAvB,CACC,IAAKN,EACL,UAAWE,EACT,wSACAG,CACF,EACC,GAAGN,EAEJ,SAAAJ,EAAwBY,EAAvB,CAA8C,UAAU,0DACvD,SAAAZ,EAACD,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,GACF,CAEH,EAEDS,EAAkB,YAAqCG,EAAK","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Root\n>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Root\n>;\n\nconst CheckboxCards = React.forwardRef<\n CheckboxCardsElement,\n CheckboxCardsProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Root\n className={cn('grid gap-2', className)}\n {...props}\n ref={ref}\n />\n );\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Item\n>;\n\ninterface CheckboxCardsItemProps\n extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<\n CheckboxCardsItemElement,\n CheckboxCardsItemProps\n>(({ children, className, checkboxClassName, ...props }, ref) => {\n return (\n <label\n className={cn(\n 'flex items-center justify-center gap-4 rounded-md border p-4',\n className,\n )}\n >\n {children}\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n checkboxClassName,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n </label>\n );\n});\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n CheckboxCards,\n CheckboxCardsItem,\n type CheckboxCardsProps,\n type CheckboxCardsItemProps,\n};\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{d as m,e as c,f as a}from"../chunk-
|
|
1
|
+
"use client";import{d as m,e as c,f as a}from"../chunk-7HJV22OF.mjs";import{b as e}from"../chunk-LEUB3C3L.mjs";import*as s from"react";import{CheckIcon as C}from"@radix-ui/react-icons";import{jsx as o,jsxs as h}from"react/jsx-runtime";var b=s.forwardRef(({className:r,...t},i)=>o(c,{className:e("grid gap-2",r),...t,ref:i}));b.displayName=c.displayName;var l=s.forwardRef(({children:r,className:t,checkboxClassName:i,...p},d)=>h("label",{className:e("flex items-center justify-center gap-4 rounded-md border p-4",t),children:[r,o(a,{ref:d,className:e("border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",i),...p,children:o(m,{className:"flex size-full items-center justify-center text-current",children:o(C,{className:"size-3.5"})})})]}));l.displayName=a.displayName;export{b as CheckboxCards,l as CheckboxCardsItem};
|
|
2
2
|
//# sourceMappingURL=checkbox-cards.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Root\n>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Root\n>;\n\nconst CheckboxCards = React.forwardRef<\n CheckboxCardsElement,\n CheckboxCardsProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Root\n className={cn('grid gap-2', className)}\n {...props}\n ref={ref}\n />\n );\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Item\n>;\n\ninterface CheckboxCardsItemProps\n extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<\n CheckboxCardsItemElement,\n CheckboxCardsItemProps\n>(({ children, className, checkboxClassName, ...props }, ref) => {\n return (\n <label\n className={cn(\n 'flex items-center justify-center gap-4 rounded-md border p-4',\n className,\n )}\n >\n {children}\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n checkboxClassName,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n </label>\n );\n});\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n CheckboxCards,\n CheckboxCardsItem,\n type CheckboxCardsProps,\n type CheckboxCardsItemProps,\n};\n"],"mappings":"+GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAoBtB,cAAAC,EA4BA,QAAAC,MA5BA,oBALJ,IAAMC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExBL,EAAwBM,EAAvB,CACC,UAAWC,EAAG,aAAcJ,CAAS,EACpC,GAAGC,EACJ,IAAKC,EACP,CAEH,EAEDH,EAAc,YAAqCI,EAAK,YAexD,IAAME,EAA0B,aAG9B,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,kBAAAO,EAAmB,GAAGN,CAAM,EAAGC,IAErDJ,EAAC,SACC,UAAWM,EACT,+DACAJ,CACF,EAEC,UAAAM,EACDT,EAAwBW,EAAvB,CACC,IAAKN,EACL,UAAWE,EACT,wSACAG,CACF,EACC,GAAGN,EAEJ,SAAAJ,EAAwBY,EAAvB,CAA8C,UAAU,0DACvD,SAAAZ,EAACa,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,GACF,CAEH,EAEDL,EAAkB,YAAqCG,EAAK","names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","ref","Root","cn","CheckboxCardsItem","children","checkboxClassName","Item","CheckboxGroupIndicator","CheckIcon"]}
|
|
@@ -1,2 +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
|
|
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 _chunkMZJL73RIjs = require('../chunk-MZJL73RI.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var p = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var a=p.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkMZJL73RIjs.e,{ref:t,className:_chunkHQ4AUOQMjs.b.call(void 0, "grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=p.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkMZJL73RIjs.f,{ref:t,className:_chunkHQ4AUOQMjs.b.call(void 0, "border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",o),...r,children:_jsxruntime.jsx.call(void 0, _chunkMZJL73RIjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";exports.CheckboxGroup = a; exports.CheckboxGroupItem = b;
|
|
2
2
|
//# sourceMappingURL=checkbox-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/checkbox-group.tsx"],"names":["React","CheckIcon","jsx","CheckboxGroup","className","props","ref","Root","cn","CheckboxGroupItem","Item","CheckboxGroupIndicator"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,
|
|
1
|
+
{"version":3,"sources":["../../src/react/checkbox-group.tsx"],"names":["React","CheckIcon","jsx","CheckboxGroup","className","props","ref","Root","cn","CheckboxGroupItem","Item","CheckboxGroupIndicator"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAoBtB,cAAAC,MAAA,oBALJ,IAAMC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExBJ,EAAwBK,EAAvB,CACC,IAAKD,EACL,UAAWE,EAAG,aAAcJ,CAAS,EACpC,GAAGC,EACN,CAEH,EAEDF,EAAc,YAAc,gBAa5B,IAAMM,EAA0B,aAG9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGC,IAExBJ,EAAwBQ,EAAvB,CACC,IAAKJ,EACL,UAAWE,EACT,+SACAJ,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAwBS,EAAvB,CAA8C,UAAU,0DACvD,SAAAT,EAACD,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAEH,EAEDQ,EAAkB,YAAc","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Root\n>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Root\n>;\n\nconst CheckboxGroup = React.forwardRef<\n CheckboxGroupElement,\n CheckboxGroupProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Root\n ref={ref}\n className={cn('grid gap-2', className)}\n {...props}\n />\n );\n});\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Item\n>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Item\n>;\n\nconst CheckboxGroupItem = React.forwardRef<\n CheckboxGroupItemElement,\n CheckboxGroupItemProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n );\n});\n\nCheckboxGroupItem.displayName = 'CheckboxGroupItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n CheckboxGroup,\n CheckboxGroupItem,\n type CheckboxGroupProps,\n type CheckboxGroupItemProps,\n};\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{d as c,e as m,f as u}from"../chunk-
|
|
1
|
+
"use client";import{d as c,e as m,f as u}from"../chunk-7HJV22OF.mjs";import{b as i}from"../chunk-LEUB3C3L.mjs";import*as p from"react";import{CheckIcon as s}from"@radix-ui/react-icons";import{jsx as e}from"react/jsx-runtime";var a=p.forwardRef(({className:o,...r},t)=>e(m,{ref:t,className:i("grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=p.forwardRef(({className:o,...r},t)=>e(u,{ref:t,className:i("border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",o),...r,children:e(c,{className:"flex size-full items-center justify-center text-current",children:e(s,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";export{a as CheckboxGroup,b as CheckboxGroupItem};
|
|
2
2
|
//# sourceMappingURL=checkbox-group.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/checkbox-group.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../src/react/checkbox-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Root\n>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Root\n>;\n\nconst CheckboxGroup = React.forwardRef<\n CheckboxGroupElement,\n CheckboxGroupProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Root\n ref={ref}\n className={cn('grid gap-2', className)}\n {...props}\n />\n );\n});\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Item\n>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Item\n>;\n\nconst CheckboxGroupItem = React.forwardRef<\n CheckboxGroupItemElement,\n CheckboxGroupItemProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n );\n});\n\nCheckboxGroupItem.displayName = 'CheckboxGroupItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n CheckboxGroup,\n CheckboxGroupItem,\n type CheckboxGroupProps,\n type CheckboxGroupItemProps,\n};\n"],"mappings":"+GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAoBtB,cAAAC,MAAA,oBALJ,IAAMC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExBJ,EAAwBK,EAAvB,CACC,IAAKD,EACL,UAAWE,EAAG,aAAcJ,CAAS,EACpC,GAAGC,EACN,CAEH,EAEDF,EAAc,YAAc,gBAa5B,IAAMM,EAA0B,aAG9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGC,IAExBJ,EAAwBQ,EAAvB,CACC,IAAKJ,EACL,UAAWE,EACT,+SACAJ,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAwBS,EAAvB,CAA8C,UAAU,0DACvD,SAAAT,EAACU,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAEH,EAEDH,EAAkB,YAAc","names":["React","CheckIcon","jsx","CheckboxGroup","className","props","ref","Root","cn","CheckboxGroupItem","Item","CheckboxGroupIndicator","CheckIcon"]}
|
|
@@ -14,18 +14,18 @@ interface CheckboxGroupContextValue {
|
|
|
14
14
|
onItemUncheck: (value: string) => void;
|
|
15
15
|
}
|
|
16
16
|
interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof Primitive.div> {
|
|
17
|
-
name?: CheckboxGroupContextValue[
|
|
18
|
-
required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>[
|
|
19
|
-
disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>[
|
|
20
|
-
dir?: RovingFocusGroup.RovingFocusGroupProps[
|
|
21
|
-
orientation?: RovingFocusGroup.RovingFocusGroupProps[
|
|
22
|
-
loop?: RovingFocusGroup.RovingFocusGroupProps[
|
|
17
|
+
name?: CheckboxGroupContextValue['name'];
|
|
18
|
+
required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['required'];
|
|
19
|
+
disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['disabled'];
|
|
20
|
+
dir?: RovingFocusGroup.RovingFocusGroupProps['dir'];
|
|
21
|
+
orientation?: RovingFocusGroup.RovingFocusGroupProps['orientation'];
|
|
22
|
+
loop?: RovingFocusGroup.RovingFocusGroupProps['loop'];
|
|
23
23
|
defaultValue?: string[];
|
|
24
|
-
value?: CheckboxGroupContextValue[
|
|
24
|
+
value?: CheckboxGroupContextValue['value'];
|
|
25
25
|
onValueChange?: (value: string[]) => void;
|
|
26
26
|
}
|
|
27
27
|
declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
interface CheckboxGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,
|
|
28
|
+
interface CheckboxGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'name'> {
|
|
29
29
|
value: string;
|
|
30
30
|
}
|
|
31
31
|
declare const CheckboxGroupItem: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -14,18 +14,18 @@ interface CheckboxGroupContextValue {
|
|
|
14
14
|
onItemUncheck: (value: string) => void;
|
|
15
15
|
}
|
|
16
16
|
interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof Primitive.div> {
|
|
17
|
-
name?: CheckboxGroupContextValue[
|
|
18
|
-
required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>[
|
|
19
|
-
disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>[
|
|
20
|
-
dir?: RovingFocusGroup.RovingFocusGroupProps[
|
|
21
|
-
orientation?: RovingFocusGroup.RovingFocusGroupProps[
|
|
22
|
-
loop?: RovingFocusGroup.RovingFocusGroupProps[
|
|
17
|
+
name?: CheckboxGroupContextValue['name'];
|
|
18
|
+
required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['required'];
|
|
19
|
+
disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['disabled'];
|
|
20
|
+
dir?: RovingFocusGroup.RovingFocusGroupProps['dir'];
|
|
21
|
+
orientation?: RovingFocusGroup.RovingFocusGroupProps['orientation'];
|
|
22
|
+
loop?: RovingFocusGroup.RovingFocusGroupProps['loop'];
|
|
23
23
|
defaultValue?: string[];
|
|
24
|
-
value?: CheckboxGroupContextValue[
|
|
24
|
+
value?: CheckboxGroupContextValue['value'];
|
|
25
25
|
onValueChange?: (value: string[]) => void;
|
|
26
26
|
}
|
|
27
27
|
declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
interface CheckboxGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,
|
|
28
|
+
interface CheckboxGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'name'> {
|
|
29
29
|
value: string;
|
|
30
30
|
}
|
|
31
31
|
declare const CheckboxGroupItem: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMZJL73RIjs = require('../chunk-MZJL73RI.js');exports.CheckboxGroup = _chunkMZJL73RIjs.b; exports.CheckboxGroupIndicator = _chunkMZJL73RIjs.d; exports.CheckboxGroupItem = _chunkMZJL73RIjs.c; exports.Indicator = _chunkMZJL73RIjs.g; exports.Item = _chunkMZJL73RIjs.f; exports.Root = _chunkMZJL73RIjs.e; exports.createCheckboxGroupScope = _chunkMZJL73RIjs.a;
|
|
2
2
|
//# sourceMappingURL=checkbox-group.primitive.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b,c,d,e,f,g}from"../chunk-
|
|
1
|
+
import{a,b,c,d,e,f,g}from"../chunk-7HJV22OF.mjs";export{b as CheckboxGroup,d as CheckboxGroupIndicator,c as CheckboxGroupItem,g as Indicator,f as Item,e as Root,a as createCheckboxGroupScope};
|
|
2
2
|
//# sourceMappingURL=checkbox-group.primitive.mjs.map
|
package/dist/react/checkbox.js
CHANGED
|
@@ -1,2 +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
|
|
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 _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reactcheckbox = require('@radix-ui/react-checkbox'); var e = _interopRequireWildcard(_reactcheckbox);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var m=r.forwardRef(({className:t,...c},s)=>_jsxruntime.jsx.call(void 0, e.Root,{ref:s,className:_chunkHQ4AUOQMjs.b.call(void 0, "border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",t),...c,children:_jsxruntime.jsx.call(void 0, e.Indicator,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})}));m.displayName=e.Root.displayName;exports.Checkbox = m;
|
|
2
2
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/checkbox.tsx"],"names":["React","CheckboxPrimitive","CheckIcon","jsx","Checkbox","className","props","ref","cn"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAuB,2BACnC,OAAS,aAAAC,MAAiB,
|
|
1
|
+
{"version":3,"sources":["../../src/react/checkbox.tsx"],"names":["React","CheckboxPrimitive","CheckIcon","jsx","Checkbox","className","props","ref","cn"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAuB,2BACnC,OAAS,aAAAC,MAAiB,wBAuBlB,cAAAC,MAAA,oBAXR,IAAMC,EAAiB,aACrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAmB,OAAlB,CACC,IAAKI,EACL,UAAWC,EACT,+SACAH,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAmB,YAAlB,CAA4B,UAAU,0DACrC,SAAAA,EAACD,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAEJ,EAEAE,EAAS,YAAgC,OAAK","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Checkbox\n * -------------------------------------------------------------------------- */\n\ntype CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<\n typeof CheckboxPrimitive.Root\n>;\n\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(\n ({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n 'border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n ),\n);\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Checkbox, type CheckboxProps };\n"]}
|
package/dist/react/checkbox.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{b as i}from"../chunk-
|
|
1
|
+
"use client";import{b as i}from"../chunk-LEUB3C3L.mjs";import*as r from"react";import*as e from"@radix-ui/react-checkbox";import{CheckIcon as a}from"@radix-ui/react-icons";import{jsx as o}from"react/jsx-runtime";var m=r.forwardRef(({className:t,...c},s)=>o(e.Root,{ref:s,className:i("border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",t),...c,children:o(e.Indicator,{className:"flex size-full items-center justify-center text-current",children:o(a,{className:"size-3.5"})})}));m.displayName=e.Root.displayName;export{m as Checkbox};
|
|
2
2
|
//# sourceMappingURL=checkbox.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/checkbox.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../src/react/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Checkbox\n * -------------------------------------------------------------------------- */\n\ntype CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<\n typeof CheckboxPrimitive.Root\n>;\n\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(\n ({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n 'border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n ),\n);\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Checkbox, type CheckboxProps };\n"],"mappings":"uDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAuB,2BACnC,OAAS,aAAAC,MAAiB,wBAuBlB,cAAAC,MAAA,oBAXR,IAAMC,EAAiB,aACrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAmB,OAAlB,CACC,IAAKI,EACL,UAAWC,EACT,+SACAH,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAmB,YAAlB,CAA4B,UAAU,0DACrC,SAAAA,EAACM,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAEJ,EAEAL,EAAS,YAAgC,OAAK","names":["React","CheckboxPrimitive","CheckIcon","jsx","Checkbox","className","props","ref","cn","CheckIcon"]}
|
package/dist/react/code.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/code.tsx"],"names":["React","Slot","jsx","Code","asChild","props","ref"],"mappings":"AAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,
|
|
1
|
+
{"version":3,"sources":["../../src/react/code.tsx"],"names":["React","Slot","jsx","Code","asChild","props","ref"],"mappings":"AAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBAgBV,cAAAC,MAAA,oBAJX,IAAMC,EAAa,aACjB,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,EAAGC,IAGfJ,EAFWE,EAAUH,EAAO,OAE3B,CAAU,IAAKK,EAAM,GAAGD,EAAO,CAE3C,EAEAF,EAAK,YAAc","sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\n/* -----------------------------------------------------------------------------\n * Component: Code\n * -------------------------------------------------------------------------- */\n\ntype CodeElement = HTMLElement;\n\ninterface CodeProps extends React.HTMLAttributes<HTMLElement> {\n asChild?: boolean;\n}\n\nconst Code = React.forwardRef<CodeElement, CodeProps>(\n ({ asChild, ...props }, ref) => {\n const Component = asChild ? Slot : 'code';\n\n return <Component ref={ref} {...props} />;\n },\n);\n\nCode.displayName = 'Code';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Code, type CodeProps };\n"]}
|
package/dist/react/code.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/code.tsx"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"sources":["../../src/react/code.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\n/* -----------------------------------------------------------------------------\n * Component: Code\n * -------------------------------------------------------------------------- */\n\ntype CodeElement = HTMLElement;\n\ninterface CodeProps extends React.HTMLAttributes<HTMLElement> {\n asChild?: boolean;\n}\n\nconst Code = React.forwardRef<CodeElement, CodeProps>(\n ({ asChild, ...props }, ref) => {\n const Component = asChild ? Slot : 'code';\n\n return <Component ref={ref} {...props} />;\n },\n);\n\nCode.displayName = 'Code';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Code, type CodeProps };\n"],"mappings":"AAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBAgBV,cAAAC,MAAA,oBAJX,IAAMC,EAAa,aACjB,CAAC,CAAE,QAAAC,EAAS,GAAGC,CAAM,EAAGC,IAGfJ,EAFWE,EAAUH,EAAO,OAE3B,CAAU,IAAKK,EAAM,GAAGD,EAAO,CAE3C,EAEAF,EAAK,YAAc","names":["React","Slot","jsx","Code","asChild","props","ref"]}
|
|
@@ -1,2 +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
|
|
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 _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reactcollapsible = require('@radix-ui/react-collapsible'); var e = _interopRequireWildcard(_reactcollapsible);var _jsxruntime = require('react/jsx-runtime');var n=e.Root,r= exports.CollapsibleTrigger =e.CollapsibleTrigger,a= exports.CollapsibleContent =o.forwardRef(({className:t,...i},p)=>_jsxruntime.jsx.call(void 0, e.CollapsibleContent,{ref:p,className:_chunkHQ4AUOQMjs.b.call(void 0, "data-[state=open]:animate-collapsible-open data-[state=closed]:animate-collapsible-closed overflow-hidden",t),...i}));a.displayName=e.CollapsibleContent.displayName;exports.Collapsible = n; exports.CollapsibleContent = a; exports.CollapsibleTrigger = r;
|
|
2
2
|
//# sourceMappingURL=collapsible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/collapsible.tsx"],"names":["React","CollapsiblePrimitive","jsx","Collapsible","CollapsibleTrigger","CollapsibleContent","className","props","ref","cn"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAA0B,
|
|
1
|
+
{"version":3,"sources":["../../src/react/collapsible.tsx"],"names":["React","CollapsiblePrimitive","jsx","Collapsible","CollapsibleTrigger","CollapsibleContent","className","props","ref","cn"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAA0B,8BAoCpC,cAAAC,MAAA,oBA1BF,IAAMC,EAAmC,OASnCC,EAA0C,qBAa1CC,EAA2B,aAG/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BN,EAAsB,qBAArB,CACC,IAAKM,EACL,UAAWC,EACT,4GACAH,CACF,EACC,GAAGC,EACN,CACD,EAEDF,EAAmB,YACI,qBAAmB","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Collapsible\n * -------------------------------------------------------------------------- */\n\ntype CollapsibleProps = React.ComponentPropsWithoutRef<\n typeof CollapsiblePrimitive.Root\n>;\nconst Collapsible = CollapsiblePrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleTrigger\n * -------------------------------------------------------------------------- */\n\ntype CollapsibleTriggerProps = React.ComponentPropsWithoutRef<\n typeof CollapsiblePrimitive.CollapsibleTrigger\n>;\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleContent\n * -------------------------------------------------------------------------- */\n\ntype CollapsibleContentElement = React.ElementRef<\n typeof CollapsiblePrimitive.CollapsibleContent\n>;\ntype CollapsibleContentProps = React.ComponentPropsWithoutRef<\n typeof CollapsiblePrimitive.CollapsibleContent\n>;\n\nconst CollapsibleContent = React.forwardRef<\n CollapsibleContentElement,\n CollapsibleContentProps\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.CollapsibleContent\n ref={ref}\n className={cn(\n 'data-[state=open]:animate-collapsible-open data-[state=closed]:animate-collapsible-closed overflow-hidden',\n className,\n )}\n {...props}\n />\n));\n\nCollapsibleContent.displayName =\n CollapsiblePrimitive.CollapsibleContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Collapsible,\n CollapsibleTrigger,\n CollapsibleContent,\n type CollapsibleProps,\n type CollapsibleTriggerProps,\n type CollapsibleContentProps,\n};\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{b as l}from"../chunk-
|
|
1
|
+
"use client";import{b as l}from"../chunk-LEUB3C3L.mjs";import*as o from"react";import*as e from"@radix-ui/react-collapsible";import{jsx as s}from"react/jsx-runtime";var n=e.Root,r=e.CollapsibleTrigger,a=o.forwardRef(({className:t,...i},p)=>s(e.CollapsibleContent,{ref:p,className:l("data-[state=open]:animate-collapsible-open data-[state=closed]:animate-collapsible-closed overflow-hidden",t),...i}));a.displayName=e.CollapsibleContent.displayName;export{n as Collapsible,a as CollapsibleContent,r as CollapsibleTrigger};
|
|
2
2
|
//# sourceMappingURL=collapsible.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/collapsible.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../src/react/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Collapsible\n * -------------------------------------------------------------------------- */\n\ntype CollapsibleProps = React.ComponentPropsWithoutRef<\n typeof CollapsiblePrimitive.Root\n>;\nconst Collapsible = CollapsiblePrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleTrigger\n * -------------------------------------------------------------------------- */\n\ntype CollapsibleTriggerProps = React.ComponentPropsWithoutRef<\n typeof CollapsiblePrimitive.CollapsibleTrigger\n>;\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleContent\n * -------------------------------------------------------------------------- */\n\ntype CollapsibleContentElement = React.ElementRef<\n typeof CollapsiblePrimitive.CollapsibleContent\n>;\ntype CollapsibleContentProps = React.ComponentPropsWithoutRef<\n typeof CollapsiblePrimitive.CollapsibleContent\n>;\n\nconst CollapsibleContent = React.forwardRef<\n CollapsibleContentElement,\n CollapsibleContentProps\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.CollapsibleContent\n ref={ref}\n className={cn(\n 'data-[state=open]:animate-collapsible-open data-[state=closed]:animate-collapsible-closed overflow-hidden',\n className,\n )}\n {...props}\n />\n));\n\nCollapsibleContent.displayName =\n CollapsiblePrimitive.CollapsibleContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Collapsible,\n CollapsibleTrigger,\n CollapsibleContent,\n type CollapsibleProps,\n type CollapsibleTriggerProps,\n type CollapsibleContentProps,\n};\n"],"mappings":"uDAEA,UAAYA,MAAW,QACvB,UAAYC,MAA0B,8BAoCpC,cAAAC,MAAA,oBA1BF,IAAMC,EAAmC,OASnCC,EAA0C,qBAa1CC,EAA2B,aAG/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BN,EAAsB,qBAArB,CACC,IAAKM,EACL,UAAWC,EACT,4GACAH,CACF,EACC,GAAGC,EACN,CACD,EAEDF,EAAmB,YACI,qBAAmB","names":["React","CollapsiblePrimitive","jsx","Collapsible","CollapsibleTrigger","CollapsibleContent","className","props","ref","cn"]}
|