@mantine/carousel 6.0.17 → 7.0.0-alpha.21

package/lib/Carousel.d.ts

@@ -1,52 +1,49 @@
-import { DefaultProps, MantineNumberSize, Selectors } from '@mantine/core';
-import { ForwardRefWithStaticComponents } from '@mantine/utils';
-import { EmblaPluginType } from 'embla-carousel-react';
 import React from 'react';
-import useStyles, { CarouselStylesParams } from './Carousel.styles';
-import { CarouselSlide, CarouselSlideStylesNames } from './CarouselSlide/CarouselSlide';
-import { CarouselBreakpoint, CarouselOrientation, Embla } from './types';
-export type CarouselStylesNames = CarouselSlideStylesNames | Selectors<typeof useStyles>;
-export interface CarouselProps extends DefaultProps<CarouselStylesNames, CarouselStylesParams>, React.ComponentPropsWithRef<'div'> {
-    variant?: string;
+import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSpacing, StyleProp } from '@mantine/core';
+import { EmblaPluginType, EmblaCarouselType } from 'embla-carousel-react';
+import { CarouselSlide } from './CarouselSlide/CarouselSlide';
+export type CarouselStylesNames = 'slide' | 'root' | 'viewport' | 'container' | 'controls' | 'control' | 'indicators' | 'indicator';
+export type CarouselCssVariables = {
+    root: '--carousel-height' | '--carousel-control-size' | '--carousel-controls-offset';
+};
+export interface CarouselProps extends BoxProps, StylesApiProps<CarouselFactory>, ElementProps<'div'> {
     /** <Carousel.Slide /> components */
     children?: React.ReactNode;
-    /** Called when user clicks next button */
+    /** Called when next slide is shown */
     onNextSlide?(): void;
-    /** Called when user clicks previous button */
+    /** Called when previous slider is shown */
     onPreviousSlide?(): void;
     /** Called with slide index when slide changes */
     onSlideChange?(index: number): void;
     /** Get embla API as ref */
-    getEmblaApi?(embla: Embla): void;
-    /** Next control aria-label */
-    nextControlLabel?: string;
-    /** Previous control aria-label */
-    previousControlLabel?: string;
-    /** Previous/next controls size */
-    controlSize?: number;
-    /** Key of theme.spacing or number to set space between next/previous control and carousel boundary */
-    controlsOffset?: MantineNumberSize;
-    /** Slide width, defaults to 100%, examples: 40rem 50% */
-    slideSize?: string | number;
+    getEmblaApi?(embla: EmblaCarouselType): void;
+    /** Props passed down to next control */
+    nextControlProps?: React.ComponentPropsWithoutRef<'button'>;
+    /** Props passed down to previous control */
+    previousControlProps?: React.ComponentPropsWithoutRef<'button'>;
+    /** Controls size of the next and previous controls, `26` by default */
+    controlSize?: React.CSSProperties['width'];
+    /** Controls position of the next and previous controls, key of `theme.spacing` or any valid CSS value, `'sm'` by default */
+    controlsOffset?: MantineSpacing | (string & {}) | number;
+    /** Controls slide width based on viewport width, `'100%'` by default */
+    slideSize?: StyleProp<string | number>;
     /** Key of theme.spacing or number to set gap between slides */
-    slideGap?: MantineNumberSize;
-    /** Control slideSize and slideGap at different viewport sizes */
-    breakpoints?: CarouselBreakpoint[];
-    /** Carousel orientation, horizontal by default */
-    orientation?: CarouselOrientation;
-    /** Slides container height, required for vertical orientation */
+    slideGap?: StyleProp<MantineSpacing | (string & {}) | number>;
+    /** Carousel orientation, `'horizontal'` by default */
+    orientation?: 'horizontal' | 'vertical';
+    /** Slides container `height`, required for vertical orientation */
     height?: React.CSSProperties['height'];
-    /** Determines how slides will be aligned relative to the container. Use number between 0-1 to align slides based on percentage, where 0.5 equals 50% */
+    /** Determines how slides will be aligned relative to the container. Use number between 0-1 to align slides based on percentage, where 0.5 is 50%, `'center'` by default */
     align?: 'start' | 'center' | 'end' | number;
-    /** Number of slides that should be scrolled with next/previous buttons */
+    /** Number of slides that will be scrolled with next/previous buttons, `1` by default */
     slidesToScroll?: number | 'auto';
-    /** Determines whether gap should be treated as part of the slide size, true by default */
+    /** Determines whether gap between slides should be treated as part of the slide size, `true` by default */
     includeGapInSize?: boolean;
-    /** Determines whether carousel can be scrolled with mouse and touch interactions, true by default */
+    /** Determines whether the carousel can be scrolled with mouse and touch interactions, `true` by default */
     draggable?: boolean;
-    /** Determines whether momentum scrolling should be enabled, false by default */
+    /** Determines whether momentum scrolling should be enabled, `false` by default */
     dragFree?: boolean;
-    /** Enables infinite looping. Automatically falls back to false if slide content isn't enough to loop. */
+    /** Enables infinite looping. `true` by default, automatically falls back to `false` if slide content isn't enough to loop. */
     loop?: boolean;
     /** Adjusts scroll speed when triggered by any of the methods. Higher numbers enables faster scrolling. */
     speed?: number;
@@ -56,23 +53,37 @@ export interface CarouselProps extends DefaultProps<CarouselStylesNames, Carouse
     inViewThreshold?: number;
     /** Determines whether next/previous controls should be displayed, true by default */
     withControls?: boolean;
-    /** Determines whether indicators should be displayed, false by default */
+    /** Determines whether indicators should be displayed, `false` by default */
     withIndicators?: boolean;
     /** An array of embla plugins */
     plugins?: EmblaPluginType[];
-    /** Icon of next control */
+    /** Icon of the next control */
     nextControlIcon?: React.ReactNode;
-    /** Previous control icon */
+    /** Icon of the previous control */
     previousControlIcon?: React.ReactNode;
-    /** Allow the carousel to skip scroll snaps if it's dragged vigorously. Note that this option will be ignored if the dragFree option is set to true, false by default */
+    /** Allow the carousel to skip scroll snaps if it is dragged vigorously. Note that this option will be ignored if the dragFree option is set to `true`, `false` by default */
     skipSnaps?: boolean;
-    /** Clear leading and trailing empty space that causes excessive scrolling. Use trimSnaps to only use snap points that trigger scrolling or keepSnaps to keep them. */
+    /** Clear leading and trailing empty space that causes excessive scrolling. Use `trimSnaps` to only use snap points that trigger scrolling or keepSnaps to keep them. */
     containScroll?: 'trimSnaps' | 'keepSnaps' | '';
-    /** Determines whether arrow key should switch slides, true by default */
+    /** Determines whether arrow key should switch slides, `true` by default */
     withKeyboardEvents?: boolean;
 }
-export declare const _Carousel: any;
-export declare const Carousel: ForwardRefWithStaticComponents<CarouselProps, {
-    Slide: typeof CarouselSlide;
+export type CarouselFactory = Factory<{
+    props: CarouselProps;
+    ref: HTMLDivElement;
+    stylesNames: CarouselStylesNames;
+    vars: CarouselCssVariables;
+    staticComponents: {
+        Slide: typeof CarouselSlide;
+    };
+}>;
+export declare const Carousel: import("@mantine/core").MantineComponent<{
+    props: CarouselProps;
+    ref: HTMLDivElement;
+    stylesNames: CarouselStylesNames;
+    vars: CarouselCssVariables;
+    staticComponents: {
+        Slide: typeof CarouselSlide;
+    };
 }>;
 //# sourceMappingURL=Carousel.d.ts.map

package/lib/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../src/Carousel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../src/Carousel.tsx"],"names":[],"mappings":"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"}

package/lib/CarouselSlide/CarouselSlide.d.ts

@@ -1,14 +1,17 @@
-import React from 'react';
-import { DefaultProps, Selectors, MantineNumberSize } from '@mantine/core';
-import useStyles from './CarouselSlide.styles';
-export type CarouselSlideStylesNames = Selectors<typeof useStyles>;
-export interface CarouselSlideProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {
-    /** Slide content */
-    children?: React.ReactNode;
-    /** Slide width, defaults to 100%, examples: 40rem, 50% */
-    size?: string | number;
-    /** Key of theme.spacing or number to set gap between slides */
-    gap?: MantineNumberSize;
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '@mantine/core';
+export type CarouselSlideStylesNames = 'slide';
+export interface CarouselSlideProps extends BoxProps, StylesApiProps<CarouselSlideFactory>, ElementProps<'div'> {
 }
-export declare const CarouselSlide: React.ForwardRefExoticComponent<CarouselSlideProps & React.RefAttributes<HTMLDivElement>>;
+export type CarouselSlideFactory = Factory<{
+    props: CarouselSlideProps;
+    ref: HTMLDivElement;
+    stylesNames: CarouselSlideStylesNames;
+    compound: true;
+}>;
+export declare const CarouselSlide: import("@mantine/core").MantineComponent<{
+    props: CarouselSlideProps;
+    ref: HTMLDivElement;
+    stylesNames: CarouselSlideStylesNames;
+    compound: true;
+}>;
 //# sourceMappingURL=CarouselSlide.d.ts.map

package/lib/CarouselSlide/CarouselSlide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSlide.d.ts","sourceRoot":"","sources":["../../src/CarouselSlide/CarouselSlide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAO,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEhF,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,MAAM,WAAW,kBAAmB,SAAQ,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7F,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,iBAAiB,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,2FA0BzB,CAAC"}
+{"version":3,"file":"CarouselSlide.d.ts","sourceRoot":"","sources":["../../src/CarouselSlide/CarouselSlide.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,QAAQ,EACR,cAAc,EAEd,YAAY,EAEZ,OAAO,EACR,MAAM,eAAe,CAAC;AAIvB,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,kBACf,SAAQ,QAAQ,EACd,cAAc,CAAC,oBAAoB,CAAC,EACpC,YAAY,CAAC,KAAK,CAAC;CAAG;AAE1B,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa;WARjB,kBAAkB;SACpB,cAAc;iBACN,wBAAwB;cAC3B,IAAI;EAsBd,CAAC"}

package/lib/CarouselVariables/CarouselVariables.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CarouselProps } from '../Carousel';
+interface CarouselVariablesProps extends CarouselProps {
+    selector: string;
+}
+export declare function CarouselVariables({ slideGap, slideSize, selector }: CarouselVariablesProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CarouselVariables.d.ts.map

package/lib/CarouselVariables/CarouselVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselVariables.d.ts","sourceRoot":"","sources":["../../src/CarouselVariables/CarouselVariables.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,UAAU,sBAAuB,SAAQ,aAAa;IACpD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,sBAAsB,qBAqC1F"}

package/lib/get-chevron-rotation.d.ts

@@ -1,7 +1,6 @@
-import { CarouselOrientation } from './types';
 interface Options {
     dir: 'rtl' | 'ltr';
-    orientation: CarouselOrientation;
+    orientation: 'horizontal' | 'vertical' | undefined;
     direction: 'next' | 'previous';
 }
 export declare function getChevronRotation({ dir, orientation, direction }: Options): number;

package/lib/get-chevron-rotation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-chevron-rotation.d.ts","sourceRoot":"","sources":["../src/get-chevron-rotation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,UAAU,OAAO;IACf,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;IACnB,WAAW,EAAE,mBAAmB,CAAC;IACjC,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,OAAO,UAM1E"}
+{"version":3,"file":"get-chevron-rotation.d.ts","sourceRoot":"","sources":["../src/get-chevron-rotation.ts"],"names":[],"mappings":"AAAA,UAAU,OAAO;IACf,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;IACnB,WAAW,EAAE,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC;IACnD,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,OAAO,UAM1E"}

package/lib/index.d.ts

@@ -1,5 +1,7 @@
+import type { EmblaCarouselType } from 'embla-carousel-react';
+export type Embla = EmblaCarouselType;
 export { Carousel } from './Carousel';
 export { useAnimationOffsetEffect } from './use-animation-offset-effect';
-export type { CarouselProps, CarouselStylesNames } from './Carousel';
-export type { Embla } from './types';
+export { CarouselSlide } from './CarouselSlide/CarouselSlide';
+export type { CarouselProps, CarouselCssVariables, CarouselFactory, CarouselStylesNames, } from './Carousel';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACrE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,MAAM,YAAY,CAAC"}

package/lib/use-animation-offset-effect.d.ts

@@ -1,3 +1,3 @@
-import { Embla } from './types';
-export declare function useAnimationOffsetEffect(embla: Embla | null | undefined, transitionDuration: number): void;
+import type { EmblaCarouselType } from 'embla-carousel-react';
+export declare function useAnimationOffsetEffect(embla: EmblaCarouselType | null | undefined, transitionDuration: number): void;
 //# sourceMappingURL=use-animation-offset-effect.d.ts.map

package/lib/use-animation-offset-effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-animation-offset-effect.d.ts","sourceRoot":"","sources":["../src/use-animation-offset-effect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,EAC/B,kBAAkB,EAAE,MAAM,QAS3B"}
+{"version":3,"file":"use-animation-offset-effect.d.ts","sourceRoot":"","sources":["../src/use-animation-offset-effect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAC3C,kBAAkB,EAAE,MAAM,QAS3B"}

package/package.json

@@ -1,12 +1,21 @@
 {
   "name": "@mantine/carousel",
   "description": "Embla based carousel",
-  "version": "6.0.17",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
-  "types": "lib/index.d.ts",
+  "version": "7.0.0-alpha.21",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "types": "./lib/index.d.ts"
+    },
+    "./styles.css": "./esm/index.css",
+    "./styles/*": "./esm/styles/*"
+  },
   "license": "MIT",
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css"
+  ],
   "author": "Vitaly Rtishchev <rtivital@gmail.com>",
   "homepage": "https://mantine.dev/others/carousel/",
   "repository": {
@@ -28,13 +37,11 @@
     "slick"
   ],
   "peerDependencies": {
-    "@mantine/core": "6.0.17",
-    "@mantine/hooks": "6.0.17",
+    "@mantine/core": "7.0.0-alpha.21",
+    "@mantine/hooks": "7.0.0-alpha.21",
     "embla-carousel-react": "^7.0.0",
-    "react": ">=16.8.0"
-  },
-  "dependencies": {
-    "@mantine/utils": "6.0.17"
+    "react": "^18.2.0"
   },
+  "dependencies": {},
   "devDependencies": {}
 }