@smg-automotive/components 25.10.7-ui-dependencies.1 → 25.11.0-DM-5041-link-overlay.2

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

@@ -1,5 +1,7 @@
 import React, { ElementType, ReactElement, ReactNode } from 'react';
-import { ButtonProps as ChakraButtonProps, ResponsiveValue } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+import { buttonRecipe } from 'src/themes/shared/recipes/button';
 type Overwrite<T, NewT> = Omit<T, keyof NewT> & NewT;
 type Never<Source> = {
     [P in keyof Source]?: never;
@@ -13,31 +15,29 @@ type IconButton = {
     ariaLabel: string;
     icon: ReactElement;
 };
-type ButtonSize = 'md' | 'lg';
-type SharedProps = {
+export type ButtonSharedProps = RecipeVariantProps<typeof buttonRecipe> & {
     as?: 'button';
-    variant?: 'primary' | 'secondary' | 'success' | 'transparent';
-    size?: ButtonSize | ResponsiveValue<ButtonSize>;
     children: ReactNode;
     leftIcon?: ReactElement;
     rightIcon?: ReactElement;
     onClick?: ChakraButtonProps['onClick'];
+    disabled?: boolean;
 } & Omit<ChakraButtonProps, 'backgroundColor' | 'background' | 'color' | 'textColor' | 'border' | 'textStyle'> & Never<LinkButton> & Never<IconButton>;
-type SubmitType = Overwrite<SharedProps, {
+type SubmitType = Overwrite<ButtonSharedProps, {
     type: 'submit';
 }>;
-type ButtonType = Overwrite<SharedProps, {
+type ButtonType = Overwrite<ButtonSharedProps, {
     type?: 'button';
     onClick: Exclude<ChakraButtonProps['onClick'], undefined>;
 }>;
-export type ButtonProps = SubmitType | ButtonType;
-type LinkProps = Overwrite<SharedProps, LinkButton & {
+export type BaseButtonProps = SubmitType | ButtonType;
+type LinkProps = Overwrite<ButtonSharedProps, LinkButton & {
     as: ElementType;
-    isDisabled?: false;
+    disabled?: false;
 }>;
-type IconProps = IconButton & Never<Pick<SharedProps, 'leftIcon' | 'rightIcon' | 'children'>>;
+type IconProps = IconButton & Never<Pick<ButtonSharedProps, 'leftIcon' | 'rightIcon' | 'children'>>;
 type IconButtonProps = Overwrite<ButtonType, IconProps> | Overwrite<SubmitType, IconProps> | Overwrite<LinkProps, IconProps>;
-export type Props = ButtonProps | IconButtonProps | LinkProps;
-declare const Button: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLinkElement | HTMLButtonElement>>;
-export default Button;
+export type UnifiedButtonProps = BaseButtonProps | IconButtonProps | LinkProps;
+export declare const Button: React.ForwardRefExoticComponent<UnifiedButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAChC,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAE1B,KAAK,SAAS,CAAC,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;AACrD,KAAK,KAAK,CAAC,MAAM,IAAI;KAAG,CAAC,IAAI,MAAM,MAAM,CAAC,CAAC,EAAE,KAAK;CAAE,CAAC;AAErD,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9B,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;IAC9D,IAAI,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAChD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CACxC,GAAG,IAAI,CACN,iBAAiB,EACf,iBAAiB,GACjB,YAAY,GACZ,OAAO,GACP,WAAW,GACX,QAAQ,GACR,WAAW,CACd,GACC,KAAK,CAAC,UAAU,CAAC,GACjB,KAAK,CAAC,UAAU,CAAC,CAAC;AAEpB,KAAK,UAAU,GAAG,SAAS,CACzB,WAAW,EACX;IACE,IAAI,EAAE,QAAQ,CAAC;CAChB,CACF,CAAC;AAEF,KAAK,UAAU,GAAG,SAAS,CACzB,WAAW,EACX;IACE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;CAC3D,CACF,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAElD,KAAK,SAAS,GAAG,SAAS,CACxB,WAAW,EACX,UAAU,GAAG;IACX,EAAE,EAAE,WAAW,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CACF,CAAC;AAEF,KAAK,SAAS,GAAG,UAAU,GACzB,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC;AAClE,KAAK,eAAe,GAChB,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,GAChC,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,GAChC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAEpC,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,eAAe,GAAG,SAAS,CAAC;AAE9D,QAAA,MAAM,MAAM,mGAqCX,CAAC;AAGF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,KAAK,SAAS,CAAC,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;AACrD,KAAK,KAAK,CAAC,MAAM,IAAI;KAAG,CAAC,IAAI,MAAM,MAAM,CAAC,CAAC,EAAE,KAAK;CAAE,CAAC;AAErD,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,OAAO,YAAY,CAAC,GAAG;IACxE,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CACJ,iBAAiB,EACf,iBAAiB,GACjB,YAAY,GACZ,OAAO,GACP,WAAW,GACX,QAAQ,GACR,WAAW,CACd,GACD,KAAK,CAAC,UAAU,CAAC,GACjB,KAAK,CAAC,UAAU,CAAC,CAAC;AAEpB,KAAK,UAAU,GAAG,SAAS,CACzB,iBAAiB,EACjB;IACE,IAAI,EAAE,QAAQ,CAAC;CAChB,CACF,CAAC;AAEF,KAAK,UAAU,GAAG,SAAS,CACzB,iBAAiB,EACjB;IACE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;CAC3D,CACF,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtD,KAAK,SAAS,GAAG,SAAS,CACxB,iBAAiB,EACjB,UAAU,GAAG;IACX,EAAE,EAAE,WAAW,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CACF,CAAC;AAEF,KAAK,SAAS,GAAG,UAAU,GACzB,KAAK,CAAC,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC;AACxE,KAAK,eAAe,GAChB,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,GAChC,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,GAChC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG,eAAe,GAAG,SAAS,CAAC;AAE/E,eAAO,MAAM,MAAM,8FAqClB,CAAC"}

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

@@ -1,17 +1,27 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React, { forwardRef } from 'react';
-import { Button as Button$1 } from '@chakra-ui/react';
+import { useRecipe, Button as Button$1 } from '@chakra-ui/react';
+import { buttonRecipe } from '../../themes/shared/recipes/button.js';
 
 var Button = forwardRef(function (props, ref) {
-    var _a = props.variant, variant = _a === void 0 ? 'primary' : _a, _b = props.size, size = _b === void 0 ? 'lg' : _b, _c = props.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = props.as, as = _d === void 0 ? 'button' : _d, isExternal = props.isExternal, ariaLabel = props.ariaLabel, icon = props.icon, rest = __rest(props, ["variant", "size", "isDisabled", "as", "isExternal", "ariaLabel", "icon"]);
-    return (React.createElement(Button$1, __assign({ ref: ref, leftIcon: props.children ? props.leftIcon : icon, rightIcon: props.children ? props.rightIcon : undefined, iconSpacing: props.children ? 'xs' : 0, as: as, variant: variant, size: size, isDisabled: isDisabled, "aria-label": props.children ? undefined : ariaLabel }, rest, (props.as === 'a'
-        ? {
-            target: isExternal ? '_blank' : undefined,
-            rel: props.rel || (isExternal ? 'noopener noreferrer' : undefined),
-        }
-        : {})), props.children));
+    var recipe = useRecipe({ recipe: buttonRecipe });
+    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
+    var styles = recipe(recipeProps);
+    var _b = restProps.as, as = _b === void 0 ? 'button' : _b, disabled = restProps.disabled, rest = __rest(restProps, ["as", "disabled"]);
+    var asLinkProps = __assign({ target: props.isExternal ? '_blank' : undefined, rel: props.rel || (props.isExternal ? 'noopener noreferrer' : undefined) }, (props.disabled ? { 'aria-disabled': true } : {}));
+    return (React.createElement(Button$1, __assign({ ref: ref, css: styles, as: as, disabled: disabled, "aria-label": props.children ? undefined : props.ariaLabel }, rest, (props.as === 'a' ? asLinkProps : {}), { onClick: function (e) {
+            var _a;
+            if (props.as === 'a' && props.href && disabled) {
+                e.preventDefault();
+            }
+            else {
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }),
+        props.children ? props.leftIcon : props.icon,
+        props.children,
+        props.children ? props.rightIcon : undefined));
 });
-Button.displayName = 'Button';
 
-export { Button as default };
+export { Button };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":[null],"names":["ChakraButton"],"mappings":";;;;AA6EA,IAAM,MAAM,GAAG,UAAU,CACvB,UAAC,KAAK,EAAE,GAAG,EAAA;IAEP,IAAA,EAAA,GAQE,KAAK,CAAA,OARY,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,EAAA,GAOE,KAAK,CAAA,IAPI,EAAX,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACX,EAAA,GAME,KAAK,CAAA,UANW,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,EAAA,GAKE,KAAK,CAAA,EALM,EAAb,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EACb,UAAU,GAIR,KAAK,CAAA,UAJG,EACV,SAAS,GAGP,KAAK,CAAA,SAHE,EACT,IAAI,GAEF,KAAK,CAAA,IAFH,EACD,IAAI,GAAA,MAAA,CACL,KAAK,EATH,CAAA,SAAA,EAAA,MAAA,EAAA,YAAA,EAAA,IAAA,EAAA,YAAA,EAAA,WAAA,EAAA,MAAA,CASL,CADQ;AAGT,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,QAAY,aACX,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI,EAChD,SAAS,EAAE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,EACvD,WAAW,EAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,CAAC,EACtC,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EAAA,YAAA,EACV,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAA,EAC9C,IAAI,GACH,KAAK,CAAC,EAAE,KAAK;AAChB,UAAE;YACE,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS;AACzC,YAAA,GAAG,EACD,KAAK,CAAC,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;AAChE;UACD,EAAE,EAAC,EAEN,KAAK,CAAC,QAAQ,CACF;AAEnB,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":[null],"names":["ChakraButton"],"mappings":";;;;;IAgFa,MAAM,GAAG,UAAU,CAC9B,UAAC,KAAK,EAAE,GAAG,EAAA;IACT,IAAM,MAAM,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAC5C,IAAA,IAAA,EAAA,GAA2B,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAzD,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,QAAmC;AAChE,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;IAE1B,IAAA,EAAA,GAAqC,SAAS,CAAA,EAAjC,EAAb,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,KAAA,EAAE,QAAQ,GAAc,SAAS,CAAA,QAAvB,EAAK,IAAI,GAAA,MAAA,CAAK,SAAS,EAAhD,CAAA,IAAA,EAAA,UAAA,CAAoC,CAAF;IAExC,IAAM,WAAW,GAAA,QAAA,CAAA,EACf,MAAM,EAAE,KAAK,CAAC,UAAU,GAAG,QAAQ,GAAG,SAAS,EAC/C,GAAG,EAAE,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC,EAAA,GACpE,KAAK,CAAC,QAAQ,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,EACpD;IAED,QACE,KAAA,CAAA,aAAA,CAACA,QAAY,EAAA,QAAA,CAAA,EACX,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC,SAAS,EAAA,EACpD,IAAI,GACH,KAAK,CAAC,EAAE,KAAK,GAAG,GAAG,WAAW,GAAG,EAAE,GAAC,EACzC,OAAO,EAAE,UAAC,CAAC,EAAA;;AACT,YAAA,IAAI,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,IAAI,QAAQ,EAAE;gBAC9C,CAAC,CAAC,cAAc,EAAE;YACpB;iBAAO;AACL,gBAAA,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAG,CAAC,CAAC;YACpB;QACF,CAAC,EAAA,CAAA;AAEA,QAAA,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI;AAC5C,QAAA,KAAK,CAAC,QAAQ;AACd,QAAA,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,CAChC;AAEnB,CAAC;;;;"}

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

@@ -1,2 +1,14 @@
-export { Card, CardBody, CardFooter, CardHeader } from '@chakra-ui/react';
+import { Card as ChakraCard } from '@chakra-ui/react';
+export type { CardBodyProps, CardFooterProps, CardHeaderProps, } from '@chakra-ui/react';
+declare const Root: import("react").ForwardRefExoticComponent<ChakraCard.RootProps & import("react").RefAttributes<HTMLDivElement>>, Header: import("react").ForwardRefExoticComponent<ChakraCard.HeaderProps & import("react").RefAttributes<HTMLDivElement>>, Body: import("react").ForwardRefExoticComponent<ChakraCard.BodyProps & import("react").RefAttributes<HTMLDivElement>>, Footer: import("react").ForwardRefExoticComponent<ChakraCard.FooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Card: {
+    Root: import("react").ForwardRefExoticComponent<ChakraCard.RootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<ChakraCard.BodyProps & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<ChakraCard.HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<ChakraCard.FooterProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+/**
+ * @deprecated please use the namespace style import instead
+ */
+export { Root as CardRoot, Body as CardBody, Header as CardHeader, Footer as CardFooter, };
 //# sourceMappingURL=index.d.ts.map

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