@smg-automotive/components 25.11.0-talamcol-displayValue-styles.2 → 25.11.0-talamcol-v3-styled-displayvalue.2

package/dist/esm/components/card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEtD,YAAY,EACV,aAAa,EACb,eAAe,EACf,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAQ,IAAI,mHAAE,MAAM,qHAAE,IAAI,mHAAE,MAAM,mHAAe,CAAC;AAOlD,eAAO,MAAM,IAAI;;;;;CAKhB,CAAC;AAEF;;GAEG;AACH,OAAO,EACL,IAAI,IAAI,QAAQ,EAChB,IAAI,IAAI,QAAQ,EAChB,MAAM,IAAI,UAAU,EACpB,MAAM,IAAI,UAAU,GACrB,CAAC"}

package/dist/esm/components/card/index.js

@@ -0,0 +1,16 @@
+import { Card as Card$1 } from '@chakra-ui/react';
+
+var Root = Card$1.Root, Header = Card$1.Header, Body = Card$1.Body, Footer = Card$1.Footer;
+Root.displayName = 'Card.Root';
+Header.displayName = 'Card.Header';
+Body.displayName = 'Card.Body';
+Footer.displayName = 'Footer.Body';
+var Card = {
+    Root: Root,
+    Body: Body,
+    Header: Header,
+    Footer: Footer,
+};
+
+export { Card, Body as CardBody, Footer as CardFooter, Header as CardHeader, Root as CardRoot };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/card/index.tsx"],"sourcesContent":[null],"names":["ChakraCard"],"mappings":";;AAQQ,IAAA,IAAI,GAA2BA,MAAU,KAArC,CAAA,CAAE,MAAM,GAAmBA,MAAU,CAAA,MAA7B,EAAE,IAAI,GAAaA,MAAU,CAAA,IAAvB,CAAA,CAAE,MAAM,GAAKA,MAAU;AAEjD,IAAI,CAAC,WAAW,GAAG,WAAW;AAC9B,MAAM,CAAC,WAAW,GAAG,aAAa;AAClC,IAAI,CAAC,WAAW,GAAG,WAAW;AAC9B,MAAM,CAAC,WAAW,GAAG,aAAa;AAE3B,IAAM,IAAI,GAAG;AAClB,IAAA,IAAI,EAAA,IAAA;AACJ,IAAA,IAAI,EAAA,IAAA;AACJ,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,MAAM,EAAA,MAAA;;;;;"}

package/dist/esm/components/carousel/DotsPagination.d.ts

@@ -3,6 +3,6 @@ interface Props {
     currentSlideIndex: number;
     numberOfSlides: number;
 }
-declare const NumbersDotsPagination: FC<Props>;
-export default NumbersDotsPagination;
+export declare const DotsPagination: FC<Props>;
+export {};
 //# sourceMappingURL=DotsPagination.d.ts.map

package/dist/esm/components/carousel/DotsPagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DotsPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/DotsPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQlC,UAAU,KAAK;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAmBpC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"DotsPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/DotsPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQlC,UAAU,KAAK;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAoBpC,CAAC"}

package/dist/esm/components/carousel/DotsPagination.js

@@ -1,15 +1,16 @@
 import React from 'react';
-import { useMultiStyleConfig, Box } from '@chakra-ui/react';
-import Flex from '../flex/index.js';
-import DotsPaginationIndicator from './DotsPaginationIndicator.js';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
+import { Flex } from '../flex/index.js';
+import { DotsPaginationIndicator } from './DotsPaginationIndicator.js';
 
-var NumbersDotsPagination = function (_a) {
+var DotsPagination = function (_a) {
     var currentSlideIndex = _a.currentSlideIndex, numberOfSlides = _a.numberOfSlides;
     var pagination = Array.from({ length: numberOfSlides }, function (_, i) { return i; });
-    var dotsPaginationContainer = useMultiStyleConfig('Carousel').dotsPaginationContainer;
-    return (React.createElement(Box, { "aria-label": "Dots Pagination", __css: dotsPaginationContainer },
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe();
+    return (React.createElement(Box, { "aria-label": "Dots Pagination", css: styles.dotsPaginationContainer },
         React.createElement(Flex, { flexDirection: "row", alignItems: "center", justifyContent: "center" }, pagination.map(function (index) { return (React.createElement(DotsPaginationIndicator, { key: "slide-".concat(index), isCurrent: index === currentSlideIndex })); }))));
 };
 
-export { NumbersDotsPagination as default };
+export { DotsPagination };
 //# sourceMappingURL=DotsPagination.js.map

package/dist/esm/components/carousel/DotsPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsPagination.js","sources":["../../../../../src/components/carousel/DotsPagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAaA,IAAM,qBAAqB,GAAc,UAAC,EAGzC,EAAA;QAFC,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,cAAc,GAAA,EAAA,CAAA,cAAA;IAEd,IAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAA,EAAK,OAAA,CAAC,CAAA,CAAD,CAAC,CAAC;AAC9D,IAAA,IAAA,uBAAuB,GAAK,mBAAmB,CAAC,UAAU,CAAC,wBAApC;IAE/B,QACE,oBAAC,GAAG,EAAA,EAAA,YAAA,EAAY,iBAAiB,EAAC,KAAK,EAAE,uBAAuB,EAAA;QAC9D,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,IAClE,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QACzB,KAAA,CAAA,aAAA,CAAC,uBAAuB,IACtB,GAAG,EAAE,gBAAS,KAAK,CAAE,EACrB,SAAS,EAAE,KAAK,KAAK,iBAAiB,GACtC,EACH,CAL0B,CAK1B,CAAC,CACG,CACH;AAEV;;;;"}
+{"version":3,"file":"DotsPagination.js","sources":["../../../../../src/components/carousel/DotsPagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAaO,IAAM,cAAc,GAAc,UAAC,EAGzC,EAAA;QAFC,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,cAAc,GAAA,EAAA,CAAA,cAAA;IAEd,IAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAA,EAAK,OAAA,CAAC,CAAA,CAAD,CAAC,CAAC;IACtE,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AACjD,IAAA,IAAM,MAAM,GAAG,MAAM,EAAE;IAEvB,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAA,YAAA,EAAY,iBAAiB,EAAC,GAAG,EAAE,MAAM,CAAC,uBAAuB,EAAA;QACnE,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,IAClE,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QACzB,KAAA,CAAA,aAAA,CAAC,uBAAuB,IACtB,GAAG,EAAE,gBAAS,KAAK,CAAE,EACrB,SAAS,EAAE,KAAK,KAAK,iBAAiB,GACtC,EACH,CAL0B,CAK1B,CAAC,CACG,CACH;AAEV;;;;"}

package/dist/esm/components/carousel/DotsPaginationIndicator.d.ts

@@ -2,6 +2,6 @@ import { FC } from 'react';
 interface DotsButtonProps {
     isCurrent: boolean;
 }
-declare const DotsPaginationIndicator: FC<DotsButtonProps>;
-export default DotsPaginationIndicator;
+export declare const DotsPaginationIndicator: FC<DotsButtonProps>;
+export {};
 //# sourceMappingURL=DotsPaginationIndicator.d.ts.map

package/dist/esm/components/carousel/DotsPaginationIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DotsPaginationIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/DotsPaginationIndicator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,eAAe;IACvB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,eAAe,CAWhD,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"DotsPaginationIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/DotsPaginationIndicator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,eAAe;IACvB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,eAAe,CAUvD,CAAC"}

package/dist/esm/components/carousel/DotsPaginationIndicator.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import { useMultiStyleConfig, chakra } from '@chakra-ui/react';
+import { useSlotRecipe, chakra } from '@chakra-ui/react';
 
 var DotsPaginationIndicator = function (_a) {
     var isCurrent = _a.isCurrent;
-    var _b = useMultiStyleConfig('Carousel'), dotsPaginationIndicator = _b.dotsPaginationIndicator, dotsPaginationIndicatorActive = _b.dotsPaginationIndicatorActive;
-    return (React.createElement(chakra.span, { __css: isCurrent ? dotsPaginationIndicatorActive : dotsPaginationIndicator }));
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe();
+    return (React.createElement(chakra.span, { "aria-current": isCurrent, css: styles.dotsPaginationIndicator }));
 };
 
-export { DotsPaginationIndicator as default };
+export { DotsPaginationIndicator };
 //# sourceMappingURL=DotsPaginationIndicator.js.map

package/dist/esm/components/carousel/DotsPaginationIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsPaginationIndicator.js","sources":["../../../../../src/components/carousel/DotsPaginationIndicator.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAOA,IAAM,uBAAuB,GAAwB,UAAC,EAAa,EAAA;AAAX,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;IACzD,IAAA,EAAA,GACJ,mBAAmB,CAAC,UAAU,CAAC,EADzB,uBAAuB,GAAA,EAAA,CAAA,uBAAA,EAAE,6BAA6B,GAAA,EAAA,CAAA,6BAC7B;AAEjC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EACV,KAAK,EACH,SAAS,GAAG,6BAA6B,GAAG,uBAAuB,EAAA,CAErE;AAEN;;;;"}
+{"version":3,"file":"DotsPaginationIndicator.js","sources":["../../../../../src/components/carousel/DotsPaginationIndicator.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAOO,IAAM,uBAAuB,GAAwB,UAAC,EAAa,EAAA;AAAX,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;IACtE,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AACjD,IAAA,IAAM,MAAM,GAAG,MAAM,EAAE;AAEvB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAA,cAAA,EACI,SAAS,EACvB,GAAG,EAAE,MAAM,CAAC,uBAAuB,EAAA,CACnC;AAEN;;;;"}

package/dist/esm/components/carousel/NavigationButton.d.ts

@@ -4,7 +4,8 @@ interface Props {
     onClick: () => void;
     direction: Direction;
     fullScreen: boolean;
+    isHovered?: boolean;
 }
-declare const NavigationButton: FC<Props>;
-export default NavigationButton;
+export declare const NavigationButton: FC<Props>;
+export {};
 //# sourceMappingURL=NavigationButton.d.ts.map

package/dist/esm/components/carousel/NavigationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/NavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAC5C,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAoB/B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"NavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/NavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAC5C,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CA0BtC,CAAC"}

package/dist/esm/components/carousel/NavigationButton.js

@@ -1,6 +1,6 @@
 import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useMultiStyleConfig, chakra } from '@chakra-ui/react';
+import { useSlotRecipe, chakra } from '@chakra-ui/react';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -167,21 +167,20 @@ import '../icons/QualitySealIcon.js';
 import '../icons/ExpandIcon.js';
 import '../icons/CollapseIcon.js';
 import '../icons/ForwardIcon.js';
-import '../icons/BalanceIcon.js';
-import '../icons/ParagraphIcon.js';
-import Flex from '../flex/index.js';
+import { Flex } from '../flex/index.js';
 
 var NavigationButton = function (_a) {
-    var direction = _a.direction, onClick = _a.onClick, fullScreen = _a.fullScreen;
-    var _b = useMultiStyleConfig('Carousel', fullScreen ? { variant: 'fullScreen' } : {}), button = _b.button, buttonContainer = _b.buttonContainer, icon = _b.icon;
+    var direction = _a.direction, onClick = _a.onClick, fullScreen = _a.fullScreen, _b = _a.isHovered, isHovered = _b === void 0 ? false : _b;
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe(fullScreen ? { variant: 'fullScreen' } : {});
     var side = direction === 'previous' ? { left: '0' } : { right: '0' };
     var icons = {
-        previous: React.createElement(ChevronLeftLargeIcon, { boxSize: undefined, __css: icon }),
-        next: React.createElement(ChevronRightLargeIcon, { boxSize: undefined, __css: icon }),
+        previous: React.createElement(ChevronLeftLargeIcon, { boxSize: undefined, css: styles.icon }),
+        next: React.createElement(ChevronRightLargeIcon, { boxSize: undefined, css: styles.icon }),
     };
-    return (React.createElement(chakra.button, __assign({ onClick: onClick }, side, { "aria-label": "".concat(direction, " slide"), __css: buttonContainer }),
-        React.createElement(Flex, { __css: button }, icons[direction])));
+    return (React.createElement(chakra.button, { onClick: onClick, "aria-label": "".concat(direction, " slide"), css: __assign(__assign(__assign({}, styles.buttonContainer), (isHovered ? { visibility: 'visible', pointerEvents: 'auto' } : {})), side) },
+        React.createElement(Flex, { css: styles.button }, icons[direction])));
 };
 
-export { NavigationButton as default };
+export { NavigationButton };
 //# sourceMappingURL=NavigationButton.js.map

package/dist/esm/components/carousel/NavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sources":["../../../../../src/components/carousel/NavigationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAM,gBAAgB,GAAc,UAAC,EAAkC,EAAA;AAAhC,IAAA,IAAA,SAAS,eAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AAC7D,IAAA,IAAA,EAAA,GAAoC,mBAAmB,CAC3D,UAAU,EACV,UAAU,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAC5C,EAHO,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAGpC;IACD,IAAM,IAAI,GAAG,SAAS,KAAK,UAAU,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;AACtE,IAAA,IAAM,KAAK,GAAG;QACZ,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,CAAI;QACnE,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,CAAI;KACjE;AACD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,MAAM,EAAA,QAAA,CAAA,EACZ,OAAO,EAAE,OAAO,EAAA,EACZ,IAAI,kBACI,EAAA,CAAA,MAAA,CAAG,SAAS,WAAQ,EAChC,KAAK,EAAE,eAAe,EAAA,CAAA;AAEtB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,EAAG,KAAK,CAAC,SAAS,CAAC,CAAQ,CAChC;AAEpB;;;;"}
+{"version":3,"file":"NavigationButton.js","sources":["../../../../../src/components/carousel/NavigationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,IAAM,gBAAgB,GAAc,UAAC,EAK3C,EAAA;AAJC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IAEjB,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AACjD,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;IAClE,IAAM,IAAI,GAAG,SAAS,KAAK,UAAU,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;AACtE,IAAA,IAAM,KAAK,GAAG;AACZ,QAAA,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,CAAI;AACxE,QAAA,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,CAAI;KACtE;AACD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,EAAA,CAAA,MAAA,CAAG,SAAS,EAAA,QAAA,CAAQ,EAChC,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACE,MAAM,CAAC,eAAe,CAAA,GACrB,SAAS,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,IAClE,IAAI,CAAA,EAAA;AAGT,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAA,EAAG,KAAK,CAAC,SAAS,CAAC,CAAQ,CACrC;AAEpB;;;;"}

package/dist/esm/components/carousel/NumbersPagination.d.ts

@@ -5,6 +5,6 @@ interface Props {
     numberOfSlides: number;
     mainCarousel?: UseEmblaCarouselType[1];
 }
-declare const NumbersPagination: FC<Props>;
-export default NumbersPagination;
+export declare const NumbersPagination: FC<Props>;
+export {};
 //# sourceMappingURL=NumbersPagination.d.ts.map

package/dist/esm/components/carousel/NumbersPagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumbersPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/NumbersPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAM5D,UAAU,KAAK;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA8BhC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"NumbersPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/NumbersPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAM5D,UAAU,KAAK;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA8BvC,CAAC"}

package/dist/esm/components/carousel/NumbersPagination.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
-import Flex from '../flex/index.js';
+import { Flex } from '../flex/index.js';
 import { Box } from '@chakra-ui/react';
-import NumbersPaginationButton from './NumbersPaginationButton.js';
+import { NumbersPaginationButton } from './NumbersPaginationButton.js';
 
 var NumbersPagination = function (_a) {
     var currentSlideIndex = _a.currentSlideIndex, numberOfSlides = _a.numberOfSlides, mainCarousel = _a.mainCarousel;
@@ -15,5 +15,5 @@ var NumbersPagination = function (_a) {
         React.createElement(Flex, { flexDirection: "row", alignItems: "center", justifyContent: "center" }, pagination.map(function (index) { return (React.createElement(NumbersPaginationButton, { key: "slide-".concat(index), isCurrent: index === currentSlideIndex, currentPageNumber: index + 1, totalNumbers: numberOfSlides, onClick: function () { return onClick(index); } })); }))));
 };
 
-export { NumbersPagination as default };
+export { NumbersPagination };
 //# sourceMappingURL=NumbersPagination.js.map

package/dist/esm/components/carousel/NumbersPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumbersPagination.js","sources":["../../../../../src/components/carousel/NumbersPagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAcA,IAAM,iBAAiB,GAAc,UAAC,EAIrC,EAAA;AAHC,IAAA,IAAA,iBAAiB,uBAAA,EACjB,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,YAAY,GAAA,EAAA,CAAA,YAAA;AAEZ,IAAA,IAAM,OAAO,GAAG,WAAW,CACzB,UAAC,KAAa,EAAA;QACZ,IAAI,YAAY,EAAE;AAChB,YAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC9B;AACF,IAAA,CAAC,EACD,CAAC,YAAY,CAAC,CACf;IACD,IAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAA,EAAK,OAAA,CAAC,CAAA,CAAD,CAAC,CAAC;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAA,YAAA,EAAY,oBAAoB,EAAA;AAClC,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAA,EAClE,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QACzB,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EACtB,GAAG,EAAE,QAAA,CAAA,MAAA,CAAS,KAAK,CAAE,EACrB,SAAS,EAAE,KAAK,KAAK,iBAAiB,EACtC,iBAAiB,EAAE,KAAK,GAAG,CAAC,EAC5B,YAAY,EAAE,cAAc,EAC5B,OAAO,EAAE,YAAA,EAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAAA,CAC7B,EACH,CAR0B,CAQ1B,CAAC,CACG,CACH;AAEV;;;;"}
+{"version":3,"file":"NumbersPagination.js","sources":["../../../../../src/components/carousel/NumbersPagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAcO,IAAM,iBAAiB,GAAc,UAAC,EAI5C,EAAA;AAHC,IAAA,IAAA,iBAAiB,uBAAA,EACjB,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,YAAY,GAAA,EAAA,CAAA,YAAA;AAEZ,IAAA,IAAM,OAAO,GAAG,WAAW,CACzB,UAAC,KAAa,EAAA;QACZ,IAAI,YAAY,EAAE;AAChB,YAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC9B;AACF,IAAA,CAAC,EACD,CAAC,YAAY,CAAC,CACf;IACD,IAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAA,EAAK,OAAA,CAAC,CAAA,CAAD,CAAC,CAAC;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAA,YAAA,EAAY,oBAAoB,EAAA;AAClC,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAA,EAClE,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QACzB,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EACtB,GAAG,EAAE,QAAA,CAAA,MAAA,CAAS,KAAK,CAAE,EACrB,SAAS,EAAE,KAAK,KAAK,iBAAiB,EACtC,iBAAiB,EAAE,KAAK,GAAG,CAAC,EAC5B,YAAY,EAAE,cAAc,EAC5B,OAAO,EAAE,YAAA,EAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAAA,CAC7B,EACH,CAR0B,CAQ1B,CAAC,CACG,CACH;AAEV;;;;"}

package/dist/esm/components/carousel/NumbersPaginationButton.d.ts

@@ -5,6 +5,6 @@ interface Props {
     currentPageNumber: number;
     totalNumbers: number;
 }
-declare const NumbersPaginationButton: FC<Props>;
-export default NumbersPaginationButton;
+export declare const NumbersPaginationButton: FC<Props>;
+export {};
 //# sourceMappingURL=NumbersPaginationButton.d.ts.map

package/dist/esm/components/carousel/NumbersPaginationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumbersPaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/NumbersPaginationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,KAAK,CAqBtC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"NumbersPaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/NumbersPaginationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,KAAK,CAmB7C,CAAC"}

package/dist/esm/components/carousel/NumbersPaginationButton.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import { useMultiStyleConfig, chakra } from '@chakra-ui/react';
+import { useSlotRecipe, chakra } from '@chakra-ui/react';
 
 var NumbersPaginationButton = function (_a) {
     var onClick = _a.onClick, isCurrent = _a.isCurrent, currentPageNumber = _a.currentPageNumber, totalNumbers = _a.totalNumbers;
-    var _b = useMultiStyleConfig('Carousel'), numbersPaginationButton = _b.numbersPaginationButton, numbersPaginationButtonActive = _b.numbersPaginationButtonActive;
-    return (React.createElement(chakra.button, { __css: isCurrent ? numbersPaginationButtonActive : numbersPaginationButton, onClick: onClick, "aria-current": isCurrent, "aria-label": "numbers pagination ".concat(currentPageNumber, " of ").concat(totalNumbers) }, currentPageNumber));
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe();
+    return (React.createElement(chakra.button, { css: styles.numbersPaginationButton, onClick: onClick, "aria-current": isCurrent, "aria-label": "numbers pagination ".concat(currentPageNumber, " of ").concat(totalNumbers) }, currentPageNumber));
 };
 
-export { NumbersPaginationButton as default };
+export { NumbersPaginationButton };
 //# sourceMappingURL=NumbersPaginationButton.js.map

package/dist/esm/components/carousel/NumbersPaginationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumbersPaginationButton.js","sources":["../../../../../src/components/carousel/NumbersPaginationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAUA,IAAM,uBAAuB,GAAc,UAAC,EAK3C,EAAA;QAJC,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEN,IAAA,EAAA,GACJ,mBAAmB,CAAC,UAAU,CAAC,EADzB,uBAAuB,GAAA,EAAA,CAAA,uBAAA,EAAE,6BAA6B,GAAA,EAAA,CAAA,6BAC7B;AAEjC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,KAAK,EACH,SAAS,GAAG,6BAA6B,GAAG,uBAAuB,EAErE,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,SAAS,EAAA,YAAA,EACX,qBAAA,CAAA,MAAA,CAAsB,iBAAiB,EAAA,MAAA,CAAA,CAAA,MAAA,CAAO,YAAY,CAAE,EAAA,EAEvE,iBAAiB,CACJ;AAEpB;;;;"}
+{"version":3,"file":"NumbersPaginationButton.js","sources":["../../../../../src/components/carousel/NumbersPaginationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAUO,IAAM,uBAAuB,GAAc,UAAC,EAKlD,EAAA;QAJC,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEZ,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AACjD,IAAA,IAAM,MAAM,GAAG,MAAM,EAAE;IAEvB,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,GAAG,EAAE,MAAM,CAAC,uBAAuB,EACnC,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,SAAS,EAAA,YAAA,EACX,qBAAA,CAAA,MAAA,CAAsB,iBAAiB,EAAA,MAAA,CAAA,CAAA,MAAA,CAAO,YAAY,CAAE,EAAA,EAEvE,iBAAiB,CACJ;AAEpB;;;;"}

package/dist/esm/components/carousel/Slide.d.ts

@@ -1,13 +1,13 @@
 import { FC, PropsWithChildren } from 'react';
-import { ResponsiveObject } from '@chakra-ui/react';
+import type { ResponsiveValue } from 'src/types/responsiveValue';
 interface Props {
     onClick: () => void;
     slideIndex: number;
     totalSlides: number;
     isCurrent: boolean;
     fullScreen: boolean;
-    slidesPerView: ResponsiveObject<number> | 1;
+    slidesPerView: ResponsiveValue<number> | 1;
 }
-declare const Slide: FC<PropsWithChildren<Props>>;
-export default Slide;
+export declare const Slide: FC<PropsWithChildren<Props>>;
+export {};
 //# sourceMappingURL=Slide.d.ts.map

package/dist/esm/components/carousel/Slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/Slide.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAuB,MAAM,kBAAkB,CAAC;AAIzE,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;CAC7C;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAsCvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/Slide.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAKjE,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAgD9C,CAAC"}

package/dist/esm/components/carousel/Slide.js

@@ -1,18 +1,29 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useMultiStyleConfig, Box } from '@chakra-ui/react';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
 
 var Slide = function (_a) {
     var onClick = _a.onClick, slideIndex = _a.slideIndex, totalSlides = _a.totalSlides, isCurrent = _a.isCurrent, children = _a.children, fullScreen = _a.fullScreen, slidesPerView = _a.slidesPerView;
-    var slide = useMultiStyleConfig('Carousel', fullScreen ? { variant: 'fullScreen' } : {}).slide;
-    var flexBasis = slidesPerView === 1
-        ? 'full'
-        : Object.entries(slidesPerView).reduce(function (acc, _a) {
-            var breakpoint = _a[0], value = _a[1];
-            acc[breakpoint] = "calc(100% / ".concat(value, ")");
-            return acc;
-        }, {});
-    return (React.createElement(Box, { __css: slide, flexBasis: flexBasis, paddingLeft: slidesPerView === 1 ? 0 : { base: 'md', md: '2xl' }, onClick: onClick, "aria-roledescription": "slide", "aria-label": "".concat(slideIndex + 1, " of ").concat(totalSlides), "aria-current": isCurrent }, children));
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe(fullScreen ? { variant: 'fullScreen' } : {});
+    var flexBasisTokenOrVar = slidesPerView === 1 ? 'full' : 'var(--carousel-slide-basis)';
+    var basisVarResponsive = slidesPerView === 1
+        ? undefined
+        : (function () {
+            var map = slidesPerView;
+            var result = {};
+            Object.keys(map).forEach(function (bp) {
+                var value = map[bp];
+                if (typeof value === 'number') {
+                    result[bp] = "calc(100% / ".concat(value, ")");
+                }
+            });
+            return result;
+        })();
+    return (React.createElement(Box, { css: __assign(__assign({}, styles.slide), (basisVarResponsive
+            ? { '--carousel-slide-basis': basisVarResponsive }
+            : {})), flexBasis: flexBasisTokenOrVar, paddingLeft: slidesPerView === 1 ? '0' : { base: 'md', md: '2xl' }, onClick: onClick, "aria-roledescription": "slide", "aria-label": "".concat(slideIndex + 1, " of ").concat(totalSlides), "aria-current": isCurrent }, children));
 };
 
-export { Slide as default };
+export { Slide };
 //# sourceMappingURL=Slide.js.map

package/dist/esm/components/carousel/Slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.js","sources":["../../../../../src/components/carousel/Slide.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAcA,IAAM,KAAK,GAAiC,UAAC,EAQ5C,EAAA;AAPC,IAAA,IAAA,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,aAAa,GAAA,EAAA,CAAA,aAAA;IAEL,IAAA,KAAK,GAAK,mBAAmB,CACnC,UAAU,EACV,UAAU,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAC5C,CAAA,KAHY;AAKb,IAAA,IAAM,SAAS,GACb,aAAa,KAAK;AAChB,UAAE;AACF,UAAE,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,MAAM,CAClC,UAAC,GAAG,EAAE,EAAmB,EAAA;gBAAlB,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA;AACtB,YAAA,GAAG,CAAC,UAAU,CAAC,GAAG,cAAA,CAAA,MAAA,CAAe,KAAK,MAAG;AACzC,YAAA,OAAO,GAAG;QACZ,CAAC,EACD,EAAE,CACH;IAEP,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,aAAa,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAChE,OAAO,EAAE,OAAO,EAAA,sBAAA,EACK,OAAO,EAAA,YAAA,EAChB,UAAG,UAAU,GAAG,CAAC,EAAA,MAAA,CAAA,CAAA,MAAA,CAAO,WAAW,CAAE,EAAA,cAAA,EACnC,SAAS,EAAA,EAEtB,QAAQ,CACL;AAEV;;;;"}
+{"version":3,"file":"Slide.js","sources":["../../../../../src/components/carousel/Slide.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAiBO,IAAM,KAAK,GAAiC,UAAC,EAQnD,EAAA;AAPC,IAAA,IAAA,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,aAAa,GAAA,EAAA,CAAA,aAAA;IAEb,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AACjD,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;AAElE,IAAA,IAAM,mBAAmB,GACvB,aAAa,KAAK,CAAC,GAAG,MAAM,GAAG,6BAA6B;AAE9D,IAAA,IAAM,kBAAkB,GACtB,aAAa,KAAK;AAChB,UAAE;AACF,UAAE,CAAC,YAAA;YACC,IAAM,GAAG,GAAG,aAAwD;YACpE,IAAM,MAAM,GAA4B,EAAE;YACzC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAsB,CAAC,OAAO,CAAC,UAAC,EAAE,EAAA;AAChD,gBAAA,IAAM,KAAK,GAAG,GAAG,CAAC,EAAE,CAAC;AACrB,gBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,oBAAA,MAAM,CAAC,EAAE,CAAC,GAAG,cAAA,CAAA,MAAA,CAAe,KAAK,MAAG;gBACtC;AACF,YAAA,CAAC,CAAC;AACF,YAAA,OAAO,MAAM;QACf,CAAC,GAAG;IAEV,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACE,MAAM,CAAC,KAAK,CAAA,GACX;AACF,cAAE,EAAE,wBAAwB,EAAE,kBAAkB;cAC9C,EAAE,EAAC,EAET,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,aAAa,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAClE,OAAO,EAAE,OAAO,EAAA,sBAAA,EACK,OAAO,EAAA,YAAA,EAChB,EAAA,CAAA,MAAA,CAAG,UAAU,GAAG,CAAC,EAAA,MAAA,CAAA,CAAA,MAAA,CAAO,WAAW,CAAE,EAAA,cAAA,EACnC,SAAS,EAAA,EAEtB,QAAQ,CACL;AAEV;;;;"}

package/dist/esm/components/carousel/Thumbnail.d.ts

@@ -5,6 +5,6 @@ interface Props {
     thumbnailIndex: number;
     totalThumbnails: number;
 }
-declare const Thumbnail: FC<PropsWithChildren<Props>>;
-export default Thumbnail;
+export declare const Thumbnail: FC<PropsWithChildren<Props>>;
+export {};
 //# sourceMappingURL=Thumbnail.d.ts.map

package/dist/esm/components/carousel/Thumbnail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAuB3C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAuBlD,CAAC"}

package/dist/esm/components/carousel/Thumbnail.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { AspectRatio } from '@chakra-ui/react';
+import { AspectRatio } from '../aspectRatio/index.js';
 
 var Thumbnail = function (_a) {
     var onClick = _a.onClick, isCurrent = _a.isCurrent, thumbnailIndex = _a.thumbnailIndex, totalThumbnails = _a.totalThumbnails, children = _a.children;
     return (React.createElement(AspectRatio, { ratio: 4 / 3, onClick: onClick, width: "3xl", flexShrink: "0", cursor: "pointer", mr: "xs", border: "4px", borderColor: isCurrent ? 'blue.400' : 'transparent', "aria-current": isCurrent, "aria-label": "thumbnail ".concat(thumbnailIndex + 1, " of ").concat(totalThumbnails) }, children));
 };
 
-export { Thumbnail as default };
+export { Thumbnail };
 //# sourceMappingURL=Thumbnail.js.map

package/dist/esm/components/carousel/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","sources":["../../../../../src/components/carousel/Thumbnail.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAWA,IAAM,SAAS,GAAiC,UAAC,EAMhD,EAAA;AALC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,KAAK,EAAE,CAAC,GAAG,CAAC,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,KAAK,EACX,UAAU,EAAC,GAAG,EACd,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,IAAI,EACP,MAAM,EAAC,KAAK,EACZ,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,EAAA,cAAA,EACrC,SAAS,EAAA,YAAA,EACX,YAAA,CAAA,MAAA,CAAa,cAAc,GAAG,CAAC,EAAA,MAAA,CAAA,CAAA,MAAA,CAAO,eAAe,CAAE,EAAA,EAElE,QAAQ,CACG;AAElB;;;;"}
+{"version":3,"file":"Thumbnail.js","sources":["../../../../../src/components/carousel/Thumbnail.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAWO,IAAM,SAAS,GAAiC,UAAC,EAMvD,EAAA;AALC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,KAAK,EAAE,CAAC,GAAG,CAAC,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,KAAK,EACX,UAAU,EAAC,GAAG,EACd,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,IAAI,EACP,MAAM,EAAC,KAAK,EACZ,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,EAAA,cAAA,EACrC,SAAS,EAAA,YAAA,EACX,YAAA,CAAA,MAAA,CAAa,cAAc,GAAG,CAAC,EAAA,MAAA,CAAA,CAAA,MAAA,CAAO,eAAe,CAAE,EAAA,EAElE,QAAQ,CACG;AAElB;;;;"}

package/dist/esm/components/carousel/ThumbnailNavigationButton.d.ts

@@ -4,6 +4,6 @@ interface Props {
     onClick: () => void;
     direction: Direction;
 }
-declare const ThumbnailNavigationButton: FC<Props>;
-export default ThumbnailNavigationButton;
+export declare const ThumbnailNavigationButton: FC<Props>;
+export {};
 //# sourceMappingURL=ThumbnailNavigationButton.d.ts.map

package/dist/esm/components/carousel/ThumbnailNavigationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailNavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/ThumbnailNavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;CACtB;AAOD,QAAA,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CAoBxC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ThumbnailNavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/ThumbnailNavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;CACtB;AAOD,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CAkB/C,CAAC"}

package/dist/esm/components/carousel/ThumbnailNavigationButton.js

@@ -1,6 +1,6 @@
 import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useMultiStyleConfig, chakra } from '@chakra-ui/react';
+import { useSlotRecipe, chakra } from '@chakra-ui/react';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -167,9 +167,7 @@ import '../icons/QualitySealIcon.js';
 import '../icons/ExpandIcon.js';
 import '../icons/CollapseIcon.js';
 import '../icons/ForwardIcon.js';
-import '../icons/BalanceIcon.js';
-import '../icons/ParagraphIcon.js';
-import Flex from '../flex/index.js';
+import { Flex } from '../flex/index.js';
 
 var icons = {
     previous: React.createElement(ChevronLeftSmallIcon, null),
@@ -177,13 +175,12 @@ var icons = {
 };
 var ThumbnailNavigationButton = function (_a) {
     var direction = _a.direction, onClick = _a.onClick;
-    var _b = useMultiStyleConfig('Carousel', {
-        variant: 'fullScreen',
-    }), paginationButton = _b.paginationButton, paginationIconContainer = _b.paginationIconContainer;
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe({ variant: 'fullScreen' });
     var side = direction === 'previous' ? { left: '0' } : { right: '0' };
-    return (React.createElement(chakra.button, __assign({ onClick: onClick }, side, { "aria-label": "scroll to ".concat(direction, " thumbnail group"), "aria-controls": "thumbnails-wrapper", __css: paginationButton }),
-        React.createElement(Flex, { __css: paginationIconContainer }, icons[direction])));
+    return (React.createElement(chakra.button, { onClick: onClick, "aria-label": "scroll to ".concat(direction, " thumbnail group"), "aria-controls": "thumbnails-wrapper", css: __assign(__assign({}, styles.paginationButton), side) },
+        React.createElement(Flex, { css: styles.paginationIconContainer }, icons[direction])));
 };
 
-export { ThumbnailNavigationButton as default };
+export { ThumbnailNavigationButton };
 //# sourceMappingURL=ThumbnailNavigationButton.js.map

package/dist/esm/components/carousel/ThumbnailNavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailNavigationButton.js","sources":["../../../../../src/components/carousel/ThumbnailNavigationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,KAAK,GAAG;IACZ,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,IAAA,CAAG;IAClC,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,IAAA,CAAG;CAChC;AAED,IAAM,yBAAyB,GAAc,UAAC,EAAsB,EAAA;QAApB,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAC1D,IAAA,IAAA,EAAA,GAAgD,mBAAmB,CACvE,UAAU,EACV;AACE,QAAA,OAAO,EAAE,YAAY;AACtB,KAAA,CACF,EALO,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAAE,uBAAuB,6BAKhD;IACD,IAAM,IAAI,GAAG,SAAS,KAAK,UAAU,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;IAEtE,QACE,oBAAC,MAAM,CAAC,MAAM,EAAA,QAAA,CAAA,EACZ,OAAO,EAAE,OAAO,EAAA,EACZ,IAAI,EAAA,EAAA,YAAA,EACI,YAAA,CAAA,MAAA,CAAa,SAAS,EAAA,kBAAA,CAAkB,EAAA,eAAA,EACtC,oBAAoB,EAClC,KAAK,EAAE,gBAAgB,EAAA,CAAA;AAEvB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,uBAAuB,EAAA,EAAG,KAAK,CAAC,SAAS,CAAC,CAAQ,CACjD;AAEpB;;;;"}
+{"version":3,"file":"ThumbnailNavigationButton.js","sources":["../../../../../src/components/carousel/ThumbnailNavigationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,KAAK,GAAG;IACZ,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,IAAA,CAAG;IAClC,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,IAAA,CAAG;CAChC;AAEM,IAAM,yBAAyB,GAAc,UAAC,EAGpD,EAAA;QAFC,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,OAAO,GAAA,EAAA,CAAA,OAAA;IAEP,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;IACjD,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;IAChD,IAAM,IAAI,GAAG,SAAS,KAAK,UAAU,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;IAEtE,QACE,oBAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,YAAA,CAAA,MAAA,CAAa,SAAS,EAAA,kBAAA,CAAkB,EAAA,eAAA,EACtC,oBAAoB,EAClC,GAAG,wBAAO,MAAM,CAAC,gBAAgB,CAAA,EAAK,IAAI,CAAA,EAAA;AAE1C,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,uBAAuB,EAAA,EAAG,KAAK,CAAC,SAAS,CAAC,CAAQ,CACtD;AAEpB;;;;"}

package/dist/esm/components/carousel/ThumbnailPagination.d.ts

@@ -7,6 +7,6 @@ interface Props {
     paginationCarouselRef?: LegacyRef<HTMLDivElement>;
     paginationCarousel?: UseEmblaCarouselType[1];
 }
-declare const ThumbnailPagination: FC<Props>;
-export default ThumbnailPagination;
+export declare const ThumbnailPagination: FC<Props>;
+export {};
 //# sourceMappingURL=ThumbnailPagination.d.ts.map

package/dist/esm/components/carousel/ThumbnailPagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/ThumbnailPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EACF,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAQ5D,UAAU,KAAK;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACvC,qBAAqB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,kBAAkB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAwFlC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ThumbnailPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/ThumbnailPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EACF,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAQ5D,UAAU,KAAK;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACvC,qBAAqB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,kBAAkB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CA2FzC,CAAC"}

package/dist/esm/components/carousel/ThumbnailPagination.js

@@ -1,15 +1,14 @@
 import React, { useState, useCallback, useEffect } from 'react';
-import { useMultiStyleConfig, Box } from '@chakra-ui/react';
-import Flex from '../flex/index.js';
-import ThumbnailNavigationButton from './ThumbnailNavigationButton.js';
-import Thumbnail from './Thumbnail.js';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
+import { Flex } from '../flex/index.js';
+import { ThumbnailNavigationButton } from './ThumbnailNavigationButton.js';
+import { Thumbnail } from './Thumbnail.js';
 
 var ThumbnailPagination = function (_a) {
     var currentSlideIndex = _a.currentSlideIndex, thumbnails = _a.thumbnails, mainCarousel = _a.mainCarousel, paginationCarouselRef = _a.paginationCarouselRef, paginationCarousel = _a.paginationCarousel;
     var _b = useState({ previous: false, next: true }), paginationButtonVisibility = _b[0], setPaginationButtonVisibility = _b[1];
-    var pagination = useMultiStyleConfig('Carousel', {
-        variant: 'fullScreen',
-    }).pagination;
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe({ variant: 'fullScreen' });
     var scrollPrev = useCallback(function () { return paginationCarousel && paginationCarousel.scrollPrev(true); }, [paginationCarousel]);
     var scrollNext = useCallback(function () { return paginationCarousel && paginationCarousel.scrollNext(true); }, [paginationCarousel]);
     var onThumbnailClick = useCallback(function (index) {
@@ -37,11 +36,11 @@ var ThumbnailPagination = function (_a) {
         paginationCarousel.on('scroll', evalPaginationButtonVisibility);
         paginationCarousel.on('slidesInView', evalPaginationButtonVisibility);
     }, [paginationCarousel, evalPaginationButtonVisibility]);
-    return (React.createElement(Box, { ref: paginationCarouselRef, __css: pagination, "aria-label": "Pagination" },
+    return (React.createElement(Box, { ref: paginationCarouselRef, css: styles.pagination, "aria-label": "Pagination" },
         React.createElement(Flex, { alignItems: "center", height: "full", id: "thumbnail-wrapper" }, thumbnails.map(function (slide, index) { return (React.createElement(Thumbnail, { key: "slide-".concat(index), onClick: function () { return onThumbnailClick(index); }, isCurrent: index === currentSlideIndex, thumbnailIndex: index, totalThumbnails: thumbnails.length }, paginationCarouselRef ? (slide) : (React.createElement(Box, { h: "full", w: "full", backgroundColor: "gray.50" })))); })),
         paginationButtonVisibility.previous ? (React.createElement(ThumbnailNavigationButton, { onClick: scrollPrev, direction: "previous" })) : null,
         paginationButtonVisibility.next ? (React.createElement(ThumbnailNavigationButton, { onClick: scrollNext, direction: "next" })) : null));
 };
 
-export { ThumbnailPagination as default };
+export { ThumbnailPagination };
 //# sourceMappingURL=ThumbnailPagination.js.map

package/dist/esm/components/carousel/ThumbnailPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailPagination.js","sources":["../../../../../src/components/carousel/ThumbnailPagination.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"ThumbnailPagination.js","sources":["../../../../../src/components/carousel/ThumbnailPagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAyBO,IAAM,mBAAmB,GAAc,UAAC,EAM9C,EAAA;AALC,IAAA,IAAA,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,qBAAqB,GAAA,EAAA,CAAA,qBAAA,EACrB,kBAAkB,GAAA,EAAA,CAAA,kBAAA;AAEZ,IAAA,IAAA,KAA8D,QAAQ,CAGzE,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAH5B,0BAA0B,QAAA,EAAE,6BAA6B,QAG7B;IACnC,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;IACjD,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;IAEhD,IAAM,UAAU,GAAG,WAAW,CAC5B,cAAM,OAAA,kBAAkB,IAAI,kBAAkB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA,CAAzD,CAAyD,EAC/D,CAAC,kBAAkB,CAAC,CACrB;IACD,IAAM,UAAU,GAAG,WAAW,CAC5B,cAAM,OAAA,kBAAkB,IAAI,kBAAkB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA,CAAzD,CAAyD,EAC/D,CAAC,kBAAkB,CAAC,CACrB;AAED,IAAA,IAAM,gBAAgB,GAAG,WAAW,CAClC,UAAC,KAAa,EAAA;AACZ,QAAA,IAAI,CAAC,YAAY,IAAI,CAAC,kBAAkB;YAAE;AAC1C,QAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC;AACpC,IAAA,CAAC,EACD,CAAC,YAAY,EAAE,kBAAkB,CAAC,CACnC;IAED,IAAM,8BAA8B,GAAG,WAAW,CAAC,YAAA;AACjD,QAAA,IACE,CAAC,kBAAkB;YACnB,kBAAkB,CAAC,eAAe,EAAE,CAAC,MAAM,KAAK,CAAC,EACjD;YACA,6BAA6B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;YAC/D;QACF;QAEA,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,kBAAkB,CAAC,cAAc,EAAE,CAAC,CACjD;AACD,QAAA,IAAM,UAAU,GAAG,CAAC,GAAG,UAAU,CAAC,MAAM;AACxC,QAAA,6BAA6B,CAAC;YAC5B,QAAQ,EAAE,QAAQ,GAAG,UAAU;AAC/B,YAAA,IAAI,EAAE,QAAQ,GAAG,CAAC,GAAG,UAAU;AAChC,SAAA,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;AAE3C,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,CAAC,kBAAkB;YAAE;AAEzB,QAAA,8BAA8B,EAAE;AAEhC,QAAA,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,8BAA8B,CAAC;AAC/D,QAAA,kBAAkB,CAAC,EAAE,CAAC,cAAc,EAAE,8BAA8B,CAAC;AACvE,IAAA,CAAC,EAAE,CAAC,kBAAkB,EAAE,8BAA8B,CAAC,CAAC;AAExD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAE,qBAAqB,EAC1B,GAAG,EAAE,MAAM,CAAC,UAAU,gBACX,YAAY,EAAA;QAEvB,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,mBAAmB,IAC3D,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,QAChC,oBAAC,SAAS,EAAA,EACR,GAAG,EAAE,QAAA,CAAA,MAAA,CAAS,KAAK,CAAE,EACrB,OAAO,EAAE,YAAA,EAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,CAAA,CAAvB,CAAuB,EACtC,SAAS,EAAE,KAAK,KAAK,iBAAiB,EACtC,cAAc,EAAE,KAAK,EACrB,eAAe,EAAE,UAAU,CAAC,MAAM,EAAA,EAEjC,qBAAqB,IACpB,KAAK,KAEL,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,eAAe,EAAC,SAAS,EAAA,CAAG,CACpD,CACS,EACb,CAdiC,CAcjC,CAAC,CACG;QACN,0BAA0B,CAAC,QAAQ,IAClC,KAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,UAAU,GAAG,IACrE,IAAI;QACP,0BAA0B,CAAC,IAAI,IAC9B,KAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,EAAA,CAAG,IACjE,IAAI,CACJ;AAEV;;;;"}

package/dist/esm/components/carousel/index.d.ts

@@ -1,10 +1,10 @@
 import { FC, ReactNode } from 'react';
-import { ResponsiveObject } from '@chakra-ui/react';
+import type { ResponsiveValue } from 'src/types/responsiveValue';
 type SharedProps = {
     startIndex?: number;
     onSlideClick?: (index: number) => void;
     onSlideSelect?: (index: number) => void;
-    slidesPerView?: ResponsiveObject<number> | 1;
+    slidesPerView?: ResponsiveValue<number> | 1;
     loop?: boolean;
     slidesToScroll?: 'auto' | number;
 };
@@ -24,13 +24,13 @@ type FullScreenProps = {
     paginationType?: never;
     children: FullScreenSlide[];
 } & SharedProps;
-export type Props = DefaultProps | FullScreenProps;
+export type CarouselProps = DefaultProps | FullScreenProps;
 export declare enum PaginationType {
     Thumbnail = "thumbnail",
     Number = "number",
     None = "none",
     Dot = "dot"
 }
-declare const Carousel: FC<Props>;
-export default Carousel;
+export declare const Carousel: FC<CarouselProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/carousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAE/E,OAAO,EACL,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAY1B,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACpE,GAAG,WAAW,CAAC;AAEhB,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AACF,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,IAAI,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,KAAK,GAAG,YAAY,GAAG,eAAe,CAAC;AAEnD,oBAAY,cAAc;IACxB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAGD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,KAAK,CAwOvB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAI/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAWjE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACpE,GAAG,WAAW,CAAC;AAEhB,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AACF,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,IAAI,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,eAAe,CAAC;AAE3D,oBAAY,cAAc;IACxB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAMD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAmPtC,CAAC"}