@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.
- package/dist/carousel-control.d.mts +8 -0
- package/dist/carousel-control.d.ts +8 -0
- package/dist/carousel-control.js +158 -0
- package/dist/carousel-control.js.map +1 -0
- package/dist/carousel-control.mjs +11 -0
- package/dist/carousel-control.mjs.map +1 -0
- package/dist/carousel-indicators.d.mts +17 -0
- package/dist/carousel-indicators.d.ts +17 -0
- package/dist/carousel-indicators.js +141 -0
- package/dist/carousel-indicators.js.map +1 -0
- package/dist/carousel-indicators.mjs +9 -0
- package/dist/carousel-indicators.mjs.map +1 -0
- package/dist/carousel-slide.d.mts +17 -0
- package/dist/carousel-slide.d.ts +17 -0
- package/dist/carousel-slide.js +106 -0
- package/dist/carousel-slide.js.map +1 -0
- package/dist/carousel-slide.mjs +9 -0
- package/dist/carousel-slide.mjs.map +1 -0
- package/dist/carousel.d.mts +144 -0
- package/dist/carousel.d.ts +144 -0
- package/dist/carousel.js +599 -0
- package/dist/carousel.js.map +1 -0
- package/dist/carousel.mjs +12 -0
- package/dist/carousel.mjs.map +1 -0
- package/dist/chunk-DDY7Q2IV.mjs +87 -0
- package/dist/chunk-DDY7Q2IV.mjs.map +1 -0
- package/dist/chunk-IKJXFLRJ.mjs +72 -0
- package/dist/chunk-IKJXFLRJ.mjs.map +1 -0
- package/dist/chunk-QQ2HS4J4.mjs +260 -0
- package/dist/chunk-QQ2HS4J4.mjs.map +1 -0
- package/dist/chunk-VQX7S5CU.mjs +50 -0
- package/dist/chunk-VQX7S5CU.mjs.map +1 -0
- package/dist/chunk-YDLJHKEU.mjs +171 -0
- package/dist/chunk-YDLJHKEU.mjs.map +1 -0
- package/dist/index.d.mts +9 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +609 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +23 -0
- package/dist/index.mjs.map +1 -0
- package/dist/use-carousel.d.mts +176 -0
- package/dist/use-carousel.d.ts +176 -0
- package/dist/use-carousel.js +292 -0
- package/dist/use-carousel.js.map +1 -0
- package/dist/use-carousel.mjs +18 -0
- package/dist/use-carousel.mjs.map +1 -0
- 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":[]}
|
package/dist/index.d.mts
ADDED
@@ -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';
|
package/dist/index.d.ts
ADDED
@@ -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';
|