@yamada-ui/carousel 1.0.28 → 2.0.0-next-20240513035416

Sign up to get free protection for your applications and to get access to all the features.
Files changed (47) hide show
  1. package/dist/carousel-control.d.mts +8 -0
  2. package/dist/carousel-control.d.ts +8 -0
  3. package/dist/carousel-control.js +158 -0
  4. package/dist/carousel-control.js.map +1 -0
  5. package/dist/carousel-control.mjs +11 -0
  6. package/dist/carousel-control.mjs.map +1 -0
  7. package/dist/carousel-indicators.d.mts +17 -0
  8. package/dist/carousel-indicators.d.ts +17 -0
  9. package/dist/carousel-indicators.js +141 -0
  10. package/dist/carousel-indicators.js.map +1 -0
  11. package/dist/carousel-indicators.mjs +9 -0
  12. package/dist/carousel-indicators.mjs.map +1 -0
  13. package/dist/carousel-slide.d.mts +17 -0
  14. package/dist/carousel-slide.d.ts +17 -0
  15. package/dist/carousel-slide.js +106 -0
  16. package/dist/carousel-slide.js.map +1 -0
  17. package/dist/carousel-slide.mjs +9 -0
  18. package/dist/carousel-slide.mjs.map +1 -0
  19. package/dist/carousel.d.mts +144 -0
  20. package/dist/carousel.d.ts +144 -0
  21. package/dist/carousel.js +599 -0
  22. package/dist/carousel.js.map +1 -0
  23. package/dist/carousel.mjs +12 -0
  24. package/dist/carousel.mjs.map +1 -0
  25. package/dist/chunk-DDY7Q2IV.mjs +87 -0
  26. package/dist/chunk-DDY7Q2IV.mjs.map +1 -0
  27. package/dist/chunk-IKJXFLRJ.mjs +72 -0
  28. package/dist/chunk-IKJXFLRJ.mjs.map +1 -0
  29. package/dist/chunk-QQ2HS4J4.mjs +260 -0
  30. package/dist/chunk-QQ2HS4J4.mjs.map +1 -0
  31. package/dist/chunk-VQX7S5CU.mjs +50 -0
  32. package/dist/chunk-VQX7S5CU.mjs.map +1 -0
  33. package/dist/chunk-YDLJHKEU.mjs +171 -0
  34. package/dist/chunk-YDLJHKEU.mjs.map +1 -0
  35. package/dist/index.d.mts +9 -0
  36. package/dist/index.d.ts +9 -0
  37. package/dist/index.js +609 -0
  38. package/dist/index.js.map +1 -0
  39. package/dist/index.mjs +23 -0
  40. package/dist/index.mjs.map +1 -0
  41. package/dist/use-carousel.d.mts +176 -0
  42. package/dist/use-carousel.d.ts +176 -0
  43. package/dist/use-carousel.js +292 -0
  44. package/dist/use-carousel.js.map +1 -0
  45. package/dist/use-carousel.mjs +18 -0
  46. package/dist/use-carousel.mjs.map +1 -0
  47. package/package.json +1 -1
@@ -0,0 +1,171 @@
1
+ "use client"
2
+ import {
3
+ CarouselControlNext,
4
+ CarouselControlPrev
5
+ } from "./chunk-DDY7Q2IV.mjs";
6
+ import {
7
+ CarouselIndicators
8
+ } from "./chunk-IKJXFLRJ.mjs";
9
+ import {
10
+ CarouselSlide
11
+ } from "./chunk-VQX7S5CU.mjs";
12
+ import {
13
+ CarouselProvider,
14
+ useCarousel,
15
+ useCarouselContext
16
+ } from "./chunk-QQ2HS4J4.mjs";
17
+
18
+ // src/carousel.tsx
19
+ import {
20
+ ui,
21
+ forwardRef,
22
+ useMultiComponentStyle,
23
+ omitThemeProps
24
+ } from "@yamada-ui/core";
25
+ import { useToken } from "@yamada-ui/use-token";
26
+ import { useValue } from "@yamada-ui/use-value";
27
+ import {
28
+ calc,
29
+ cx,
30
+ filterUndefined,
31
+ findChildren,
32
+ getValidChildren,
33
+ omitChildren,
34
+ pickChildren
35
+ } from "@yamada-ui/utils";
36
+ import { cloneElement } from "react";
37
+ import { jsx, jsxs } from "react/jsx-runtime";
38
+ var Carousel = forwardRef(
39
+ ({ h, height, minH, minHeight, ...props }, ref) => {
40
+ var _a, _b;
41
+ const orientation = useValue(props.orientation);
42
+ const align = useValue(props.align);
43
+ const autoplay = useValue(props.autoplay);
44
+ const stopMouseEnterAutoplay = useValue(props.stopMouseEnterAutoplay);
45
+ const loop = useValue(props.loop);
46
+ const speed = useValue(props.speed);
47
+ const delay = useValue(props.delay);
48
+ const slidesToScroll = useValue(props.slidesToScroll);
49
+ const draggable = useValue(props.draggable);
50
+ const dragFree = useValue(props.dragFree);
51
+ const inViewThreshold = useValue(props.inViewThreshold);
52
+ const skipSnaps = useValue(props.skipSnaps);
53
+ const containScroll = useValue(props.containScroll);
54
+ const includeGapInSize = useValue(props.includeGapInSize);
55
+ const gap = (_a = useToken("spaces", useValue(props.gap))) != null ? _a : useValue(props.gap);
56
+ const slideSize = (_b = useToken("sizes", useValue(props.slideSize))) != null ? _b : useValue(props.slideSize);
57
+ const [styles, mergedProps] = useMultiComponentStyle("Carousel", {
58
+ ...props,
59
+ orientation,
60
+ align,
61
+ autoplay,
62
+ stopMouseEnterAutoplay,
63
+ loop,
64
+ speed,
65
+ delay,
66
+ slidesToScroll,
67
+ draggable,
68
+ dragFree,
69
+ inViewThreshold,
70
+ skipSnaps,
71
+ containScroll,
72
+ includeGapInSize,
73
+ gap,
74
+ slideSize
75
+ });
76
+ const {
77
+ className,
78
+ innerProps,
79
+ withControls = true,
80
+ controlProps,
81
+ controlPrevProps,
82
+ controlNextProps,
83
+ withIndicators = true,
84
+ indicatorsProps,
85
+ ...computedProps
86
+ } = omitThemeProps(mergedProps);
87
+ const computedWithControls = useValue(withControls);
88
+ const computedWithIndicators = useValue(withIndicators);
89
+ const { getContainerProps, getSlidesProps, children, ...rest } = useCarousel({
90
+ ...computedProps
91
+ });
92
+ const validChildren = getValidChildren(children);
93
+ const [customCarouselControlPrev] = findChildren(
94
+ validChildren,
95
+ CarouselControlPrev
96
+ );
97
+ const [customCarouselControlNext] = findChildren(
98
+ validChildren,
99
+ CarouselControlNext
100
+ );
101
+ const [customCarouselIndicators] = findChildren(
102
+ validChildren,
103
+ CarouselIndicators
104
+ );
105
+ const slideChildren = pickChildren(validChildren, CarouselSlide);
106
+ const otherChildren = omitChildren(
107
+ validChildren,
108
+ CarouselControlPrev,
109
+ CarouselControlNext,
110
+ CarouselIndicators,
111
+ CarouselSlide
112
+ );
113
+ const cloneSlideChildren = slideChildren.map(
114
+ (child, index) => cloneElement(child, { index })
115
+ );
116
+ h != null ? h : h = height;
117
+ minH != null ? minH : minH = minHeight;
118
+ return /* @__PURE__ */ jsx(CarouselProvider, { value: { styles, ...rest }, children: /* @__PURE__ */ jsxs(
119
+ ui.div,
120
+ {
121
+ className: cx("ui-carousel", className),
122
+ __css: {
123
+ position: "relative",
124
+ h: "fit-content",
125
+ ...styles.container
126
+ },
127
+ ...getContainerProps({}, ref),
128
+ children: [
129
+ customCarouselControlPrev != null ? customCarouselControlPrev : computedWithControls ? /* @__PURE__ */ jsx(CarouselControlPrev, { ...controlProps, ...controlPrevProps }) : null,
130
+ customCarouselControlNext != null ? customCarouselControlNext : computedWithControls ? /* @__PURE__ */ jsx(CarouselControlNext, { ...controlProps, ...controlNextProps }) : null,
131
+ /* @__PURE__ */ jsx(
132
+ CarouselSlides,
133
+ {
134
+ ...getSlidesProps({
135
+ ...filterUndefined({ h, minH }),
136
+ ...innerProps
137
+ }),
138
+ children: cloneSlideChildren
139
+ }
140
+ ),
141
+ customCarouselIndicators != null ? customCarouselIndicators : computedWithIndicators ? /* @__PURE__ */ jsx(CarouselIndicators, { ...indicatorsProps }) : null,
142
+ otherChildren
143
+ ]
144
+ }
145
+ ) });
146
+ }
147
+ );
148
+ var CarouselSlides = forwardRef(
149
+ ({ ...rest }, ref) => {
150
+ const css = { w: "100%", h: "fit-content", overflow: "hidden" };
151
+ return /* @__PURE__ */ jsx(ui.div, { ref, className: "ui-carousel__sliders", __css: css, children: /* @__PURE__ */ jsx(CarouselSlidesInner, { ...rest }) });
152
+ }
153
+ );
154
+ var CarouselSlidesInner = ({ ...rest }) => {
155
+ const { orientation, includeGapInSize, gap, styles } = useCarouselContext();
156
+ const css = {
157
+ display: "flex",
158
+ flexDirection: orientation === "vertical" ? "column" : "row",
159
+ ...styles.inner,
160
+ ...includeGapInSize ? {
161
+ var: [{ __prefix: "ui", name: "gap", token: "spaces", value: gap }],
162
+ [orientation === "vertical" ? "mb" : "mr"]: calc.negate("var(--ui-gap)")
163
+ } : {}
164
+ };
165
+ return /* @__PURE__ */ jsx(ui.div, { className: "ui-carousel__sliders__inner", __css: css, ...rest });
166
+ };
167
+
168
+ export {
169
+ Carousel
170
+ };
171
+ //# sourceMappingURL=chunk-YDLJHKEU.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/carousel.tsx"],"sourcesContent":["import type {\n HTMLUIProps,\n ThemeProps,\n CSSUIObject,\n Token,\n CSSUIProps,\n} from \"@yamada-ui/core\"\nimport {\n ui,\n forwardRef,\n useMultiComponentStyle,\n omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { useToken } from \"@yamada-ui/use-token\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport {\n calc,\n cx,\n filterUndefined,\n findChildren,\n getValidChildren,\n omitChildren,\n pickChildren,\n} from \"@yamada-ui/utils\"\nimport type { FC } from \"react\"\nimport { cloneElement } from \"react\"\nimport type { UseCarouselProps } from \"./use-carousel\"\nimport {\n CarouselProvider,\n useCarousel,\n useCarouselContext,\n} from \"./use-carousel\"\nimport type { CarouselControlProps, CarouselIndicatorsProps } from \"./\"\nimport {\n CarouselControlNext,\n CarouselControlPrev,\n CarouselIndicators,\n CarouselSlide,\n} from \"./\"\n\ntype CarouselOptions = {\n /**\n * The orientation of the carousel.\n *\n * @default 'horizontal'\n */\n orientation?: Token<\"vertical\" | \"horizontal\">\n /**\n * The alignment of the carousel.\n *\n * @default 'center'\n */\n align?: Token<\"start\" | \"center\" | \"end\" | number>\n /**\n * Clear leading and trailing empty space that causes excessive scrolling.\n * Use trimSnaps to only use snap points that trigger scrolling or keepSnaps to keep them.\n *\n * @default ''\n */\n containScroll?: Token<\"trimSnaps\" | \"keepSnaps\" | \"\">\n /**\n * The number of slides that should be scrolled with next or previous buttons.\n *\n * @default 1\n */\n slidesToScroll?: Token<number>\n /**\n * If `true`, momentum scrolling will be enabled.\n *\n * @default false\n */\n dragFree?: Token<boolean>\n /**\n * If `true`, carousel can be scrolled with mouse and touch interactions.\n *\n * @default true\n */\n draggable?: Token<boolean>\n /**\n * Choose a fraction representing the percentage portion of a slide that needs to be visible in order to be considered in view.\n *\n * @default 0\n */\n inViewThreshold?: Token<number>\n /**\n * If `true`, infinite looping.\n * Automatically falls back to false if slide content isn't enough to loop.\n *\n * @default true\n */\n loop?: Token<boolean>\n /**\n * If `true`, allow the carousel to skip scroll snaps if it's dragged vigorously.\n * Note that this option will be ignored if the dragFree option is set to true.\n *\n * @default false\n */\n skipSnaps?: Token<boolean>\n /**\n * Adjusts scroll speed when triggered by any of the methods.\n * Higher numbers enables faster scrolling.\n *\n * @default 10\n */\n speed?: Token<number>\n /**\n * The number for the autoplay interval of the carousel.\n *\n * @default 4000\n */\n delay?: Token<number>\n /**\n * If `true`, the carousel will be autoplay.\n *\n * @default false\n */\n autoplay?: Token<boolean>\n /**\n * If `true`, autoplay will pause when the mouse entries over.\n *\n * @default true\n */\n stopMouseEnterAutoplay?: Token<boolean>\n /**\n * If `true`, gap will be treated as part of the carousel slide size.\n *\n * @default true\n */\n includeGapInSize?: Token<boolean>\n /**\n * The CSS `width` property.\n */\n slideSize?: CSSUIProps[\"width\"]\n /**\n * Props for carousel inner element.\n */\n innerProps?: HTMLUIProps<\"div\">\n /**\n * If `true`, display the carousel control buttons.\n *\n * @default true\n */\n withControls?: Token<boolean>\n /**\n * Props for carousel control element.\n */\n controlProps?: CarouselControlProps\n /**\n * Props for previous of the carousel control element.\n */\n controlPrevProps?: CarouselControlProps\n /**\n * Props for next of the carousel control element.\n */\n controlNextProps?: CarouselControlProps\n /**\n * If `true`, display the carousel indicator buttons.\n *\n * @default true\n */\n withIndicators?: Token<boolean>\n /**\n * Props for carousel indicators element.\n */\n indicatorsProps?: CarouselIndicatorsProps\n}\n\nexport type CarouselProps = ThemeProps<\"Carousel\"> &\n Omit<HTMLUIProps<\"div\">, \"onChange\" | \"draggable\"> &\n Pick<\n UseCarouselProps,\n \"index\" | \"defaultIndex\" | \"onChange\" | \"onScrollProgress\"\n > &\n CarouselOptions\n\n/**\n * `Carousel` is a component that displays multiple elements like a slideshow.\n *\n * @see Docs https://yamada-ui.com/components/data-display/carousel\n */\nexport const Carousel = forwardRef<CarouselProps, \"div\">(\n ({ h, height, minH, minHeight, ...props }, ref) => {\n const orientation = useValue(props.orientation)\n const align = useValue(props.align)\n const autoplay = useValue(props.autoplay)\n const stopMouseEnterAutoplay = useValue(props.stopMouseEnterAutoplay)\n const loop = useValue(props.loop)\n const speed = useValue(props.speed)\n const delay = useValue(props.delay)\n const slidesToScroll = useValue(props.slidesToScroll)\n const draggable = useValue(props.draggable)\n const dragFree = useValue(props.dragFree)\n const inViewThreshold = useValue(props.inViewThreshold)\n const skipSnaps = useValue(props.skipSnaps)\n const containScroll = useValue(props.containScroll)\n const includeGapInSize = useValue(props.includeGapInSize)\n const gap = useToken(\"spaces\", useValue(props.gap)) ?? useValue(props.gap)\n const slideSize =\n useToken(\"sizes\", useValue(props.slideSize)) ?? useValue(props.slideSize)\n\n const [styles, mergedProps] = useMultiComponentStyle(\"Carousel\", {\n ...props,\n orientation,\n align,\n autoplay,\n stopMouseEnterAutoplay,\n loop,\n speed,\n delay,\n slidesToScroll,\n draggable,\n dragFree,\n inViewThreshold,\n skipSnaps,\n containScroll,\n includeGapInSize,\n gap,\n slideSize,\n })\n const {\n className,\n innerProps,\n withControls = true,\n controlProps,\n controlPrevProps,\n controlNextProps,\n withIndicators = true,\n indicatorsProps,\n ...computedProps\n } = omitThemeProps(mergedProps)\n\n const computedWithControls = useValue(withControls)\n const computedWithIndicators = useValue(withIndicators)\n\n const { getContainerProps, getSlidesProps, children, ...rest } =\n useCarousel({\n ...computedProps,\n })\n\n const validChildren = getValidChildren(children)\n\n const [customCarouselControlPrev] = findChildren(\n validChildren,\n CarouselControlPrev,\n )\n const [customCarouselControlNext] = findChildren(\n validChildren,\n CarouselControlNext,\n )\n const [customCarouselIndicators] = findChildren(\n validChildren,\n CarouselIndicators,\n )\n const slideChildren = pickChildren(validChildren, CarouselSlide)\n const otherChildren = omitChildren(\n validChildren,\n CarouselControlPrev,\n CarouselControlNext,\n CarouselIndicators,\n CarouselSlide,\n )\n\n const cloneSlideChildren = slideChildren.map((child, index) =>\n cloneElement(child, { index }),\n )\n\n h ??= height\n minH ??= minHeight\n\n return (\n <CarouselProvider value={{ styles, ...rest }}>\n <ui.div\n className={cx(\"ui-carousel\", className)}\n __css={{\n position: \"relative\",\n h: \"fit-content\",\n ...styles.container,\n }}\n {...getContainerProps({}, ref)}\n >\n {customCarouselControlPrev ??\n (computedWithControls ? (\n <CarouselControlPrev {...controlProps} {...controlPrevProps} />\n ) : null)}\n {customCarouselControlNext ??\n (computedWithControls ? (\n <CarouselControlNext {...controlProps} {...controlNextProps} />\n ) : null)}\n\n <CarouselSlides\n {...getSlidesProps({\n ...filterUndefined({ h, minH }),\n ...innerProps,\n })}\n >\n {cloneSlideChildren}\n </CarouselSlides>\n\n {customCarouselIndicators ??\n (computedWithIndicators ? (\n <CarouselIndicators {...indicatorsProps} />\n ) : null)}\n\n {otherChildren}\n </ui.div>\n </CarouselProvider>\n )\n },\n)\n\ntype CarouselSlidesProps = HTMLUIProps<\"div\">\n\nconst CarouselSlides = forwardRef<CarouselSlidesProps, \"div\">(\n ({ ...rest }, ref) => {\n const css: CSSUIObject = { w: \"100%\", h: \"fit-content\", overflow: \"hidden\" }\n\n return (\n <ui.div ref={ref} className=\"ui-carousel__sliders\" __css={css}>\n <CarouselSlidesInner {...rest} />\n </ui.div>\n )\n },\n)\n\ntype CarouselSlidesInnerProps = HTMLUIProps<\"div\">\n\nconst CarouselSlidesInner: FC<CarouselSlidesInnerProps> = ({ ...rest }) => {\n const { orientation, includeGapInSize, gap, styles } = useCarouselContext()\n\n const css: CSSUIObject = {\n display: \"flex\",\n flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n ...styles.inner,\n ...(includeGapInSize\n ? {\n var: [{ __prefix: \"ui\", name: \"gap\", token: \"spaces\", value: gap }],\n [orientation === \"vertical\" ? \"mb\" : \"mr\"]:\n calc.negate(\"var(--ui-gap)\"),\n }\n : {}),\n }\n\n return (\n <ui.div className=\"ui-carousel__sliders__inner\" __css={css} {...rest} />\n )\n}\n"],"mappings":"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","names":[]}
@@ -0,0 +1,9 @@
1
+ export { Carousel, CarouselProps } from './carousel.mjs';
2
+ export { CarouselSlide, CarouselSlideProps } from './carousel-slide.mjs';
3
+ export { CarouselControlNext, CarouselControlPrev, CarouselControlProps } from './carousel-control.mjs';
4
+ export { CarouselIndicators, CarouselIndicatorsProps } from './carousel-indicators.mjs';
5
+ import '@yamada-ui/core';
6
+ import './use-carousel.mjs';
7
+ import 'react';
8
+ import '@yamada-ui/button';
9
+ import 'embla-carousel-react';
@@ -0,0 +1,9 @@
1
+ export { Carousel, CarouselProps } from './carousel.js';
2
+ export { CarouselSlide, CarouselSlideProps } from './carousel-slide.js';
3
+ export { CarouselControlNext, CarouselControlPrev, CarouselControlProps } from './carousel-control.js';
4
+ export { CarouselIndicators, CarouselIndicatorsProps } from './carousel-indicators.js';
5
+ import '@yamada-ui/core';
6
+ import './use-carousel.js';
7
+ import 'react';
8
+ import '@yamada-ui/button';
9
+ import 'embla-carousel-react';