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

package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts

@@ -41,6 +41,6 @@ interface RangeSliderWithScaleProps {
      */
     renderChart?: (range: number[]) => React.ReactNode;
 }
-declare const RangeSliderWithScale: React.FC<RangeSliderWithScaleProps>;
-export default RangeSliderWithScale;
+export declare const RangeSliderWithScale: React.FC<RangeSliderWithScaleProps>;
+export {};
 //# sourceMappingURL=RangeSliderWithScale.d.ts.map

package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSliderWithScale.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithScale.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,UAAU,yBAAyB;IACjC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;;;;OAKG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACpD;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+G7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"RangeSliderWithScale.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithScale.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,UAAU,yBAAyB;IACjC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;;;;OAKG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACpD;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgIpE,CAAC"}

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

@@ -1,6 +1,10 @@
-import { FC } from 'react';
-import { RangeSliderProps as ChakraRangeSliderProps } from '@chakra-ui/react';
-export type RangeSliderProps = ChakraRangeSliderProps;
-declare const RangeSlider: FC<RangeSliderProps>;
-export default RangeSlider;
+import React from 'react';
+import { Slider } from '@chakra-ui/react';
+type SliderRootProps = Omit<React.ComponentProps<typeof Slider.Root>, 'onChange'>;
+export type RangeSliderProps = SliderRootProps & {
+    onChange?: (values: number[]) => void;
+    onChangeEnd?: (values: number[]) => void;
+};
+export declare const RangeSlider: React.FC<RangeSliderProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,gBAAgB,IAAI,sBAAsB,EAI3C,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAEtD,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkBrC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EACxC,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAC"}

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

@@ -1,15 +1,16 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { RangeSlider as RangeSlider$1, RangeSliderTrack, RangeSliderFilledTrack, RangeSliderThumb } from '@chakra-ui/react';
+import { Slider } from '@chakra-ui/react';
 
 var RangeSlider = function (_a) {
-    var _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 10 : _c, restProps = __rest(_a, ["min", "max"]);
-    return (React.createElement(RangeSlider$1, __assign({ "aria-label": ['min', 'max'], defaultValue: [min, max], min: min, max: max }, restProps),
-        React.createElement(RangeSliderTrack, { bg: "gray.200" },
-            React.createElement(RangeSliderFilledTrack, null)),
-        React.createElement(RangeSliderThumb, { boxSize: { base: 32, sm: 24 }, index: 0 }),
-        React.createElement(RangeSliderThumb, { boxSize: { base: 32, sm: 24 }, index: 1 })));
+    var _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 10 : _c, onChange = _a.onChange, onChangeEnd = _a.onChangeEnd, rest = __rest(_a, ["min", "max", "onChange", "onChangeEnd"]);
+    return (React.createElement(Slider.Root, __assign({ defaultValue: [min, max], min: min, max: max, onValueChange: function (details) { return onChange === null || onChange === void 0 ? void 0 : onChange(details.value); }, onValueChangeEnd: function (details) { return onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(details.value); } }, rest),
+        React.createElement(Slider.Control, null,
+            React.createElement(Slider.Track, null,
+                React.createElement(Slider.Range, null)),
+            React.createElement(Slider.Thumb, { index: 0, "aria-label": "Min", width: { base: 'md', sm: 'sm' }, height: { base: 'md', sm: 'sm' } }),
+            React.createElement(Slider.Thumb, { index: 1, "aria-label": "Max", width: { base: 'md', sm: 'sm' }, height: { base: 'md', sm: 'sm' } }))));
 };
 
-export { RangeSlider as default };
+export { RangeSlider };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeSlider/index.tsx"],"sourcesContent":[null],"names":["ChakraRangeSlider"],"mappings":";;;;AAWA,IAAM,WAAW,GAAyB,UAAC,EAI1C,EAAA;AAHC,IAAA,IAAA,WAAO,EAAP,GAAG,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,KAAA,EACP,EAAA,GAAA,EAAA,CAAA,GAAQ,EAAR,GAAG,mBAAG,EAAE,GAAA,EAAA,EACL,SAAS,GAAA,MAAA,CAAA,EAAA,EAH6B,cAI1C,CADa;IACR,QACJ,KAAA,CAAA,aAAA,CAACA,aAAiB,EAAA,QAAA,CAAA,EAAA,YAAA,EACJ,CAAC,KAAK,EAAE,KAAK,CAAC,EAC1B,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,CAAA;AAEb,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,EAAE,EAAC,UAAU,EAAA;YAC7B,KAAA,CAAA,aAAA,CAAC,sBAAsB,OAAG,CACT;AACnB,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAA,CAAI;QAC7D,KAAA,CAAA,aAAA,CAAC,gBAAgB,IAAC,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAA,CAAI,CAC3C;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeSlider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAeO,IAAM,WAAW,GAA+B,UAAC,EAMvD,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,GAAO,EAAP,GAAG,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,GAAA,EAAA,EACP,EAAA,GAAA,EAAA,CAAA,GAAQ,EAAR,GAAG,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,iBAAA,EACR,IAAI,GAAA,MAAA,CAAA,EAAA,EAL+C,CAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,aAAA,CAMvD,CADQ;AAEP,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,QAAA,CAAA,EACV,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,UAAC,OAAO,EAAA,EAAK,OAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,OAAO,CAAC,KAAK,CAAC,CAAA,CAAzB,CAAyB,EACrD,gBAAgB,EAAE,UAAC,OAAO,EAAA,EAAK,OAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAG,OAAO,CAAC,KAAK,CAAC,CAAA,CAA5B,CAA4B,EAAA,EACvD,IAAI,CAAA;QAER,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,OAAO,EAAA,IAAA;YACb,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,IAAA;AACX,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,IAAA,CAAG,CACH;AACf,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,CAAC,EAAA,YAAA,EACG,KAAK,EAChB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAC/B,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAA,CAChC;AACF,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,CAAC,EAAA,YAAA,EACG,KAAK,EAChB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAC/B,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAChC,CACa,CACL;AAElB;;;;"}

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

@@ -1,8 +1,10 @@
 import { FC } from 'react';
-export type Props = {
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { ratingRecipe } from 'src/themes/shared/recipes/rating';
+type RatingVariantProps = RecipeVariantProps<typeof ratingRecipe>;
+export type RatingProps = RatingVariantProps & {
     rating: number;
-    size: 'large' | 'small';
 };
-declare const Rating: FC<Props>;
-export default Rating;
+export declare const Rating: FC<RatingProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rating/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAyBrB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rating/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAO,kBAAkB,EAAa,MAAM,kBAAkB,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,KAAK,kBAAkB,GAAG,kBAAkB,CAAC,OAAO,YAAY,CAAC,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG,kBAAkB,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA2BlC,CAAC"}

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

@@ -1,22 +1,23 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { Box } from '@chakra-ui/react';
+import { useRecipe, Box } from '@chakra-ui/react';
 
 var Rating = function (_a) {
-    var rating = _a.rating, size = _a.size;
-    return (React.createElement(Box, { "aria-label": "Rating is ".concat(rating, " out of 5"), sx: {
-            '--rating': rating.toString(),
-            '--percent': 'calc((var(--rating) - 0.16) / 5 * 100%)',
-            '--star-color': 'var(--chakra-colors-orange-300)',
-        }, display: "inline-block", fontSize: size === 'large' ? 'md' : 'sm', fontFamily: "Arial", lineHeight: "xs", _before: {
-            content: '"★★★★★"',
-            letterSpacing: '0.5em',
-            color: 'var(--star-color)',
-            background: 'linear-gradient(90deg, var(--star-color) var(--percent), white var(--percent))',
-            WebkitBackgroundClip: 'text',
-            WebkitTextFillColor: 'transparent',
-            WebkitTextStroke: '0.1em var(--star-color)',
-        } }));
+    var rating = _a.rating, props = __rest(_a, ["rating"]);
+    var percent = "calc((".concat(rating.toString(), " - 0.16) / 5 * 100%)");
+    var recipe = useRecipe({ key: 'rating' });
+    var recipeProps = recipe.splitVariantProps(props)[0];
+    var styles = recipe(recipeProps);
+    return (React.createElement(Box, { "aria-label": "Rating is ".concat(rating, " out of 5"), css: __assign(__assign({}, styles), { '--percent': percent, '--star-color': 'colors.orange.300', '&::before': {
+                content: '"★★★★★"',
+                letterSpacing: '0.5em',
+                color: 'var(--star-color)',
+                background: 'linear-gradient(90deg, var(--star-color) var(--percent), white var(--percent))',
+                backgroundClip: 'text',
+                WebkitTextFillColor: 'transparent',
+                WebkitTextStroke: '0.1em var(--star-color)',
+            } }) }));
 };
 
-export { Rating as default };
+export { Rating };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/rating/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAQA,IAAM,MAAM,GAAc,UAAC,EAAgB,EAAA;QAAd,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;IACvC,QACE,oBAAC,GAAG,EAAA,EAAA,YAAA,EACU,oBAAa,MAAM,EAAA,WAAA,CAAW,EAC1C,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,MAAM,CAAC,QAAQ,EAAE;AAC7B,YAAA,WAAW,EAAE,yCAAyC;AACtD,YAAA,cAAc,EAAE,iCAAiC;SAClD,EACD,OAAO,EAAC,cAAc,EACtB,QAAQ,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,EACxC,UAAU,EAAC,OAAO,EAClB,UAAU,EAAC,IAAI,EACf,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,aAAa,EAAE,OAAO;AACtB,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,UAAU,EACR,gFAAgF;AAClF,YAAA,oBAAoB,EAAE,MAAM;AAC5B,YAAA,mBAAmB,EAAE,aAAa;AAClC,YAAA,gBAAgB,EAAE,yBAAyB;AAC5C,SAAA,EAAA,CACD;AAEN;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/rating/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAYO,IAAM,MAAM,GAAoB,UAAC,EAAoB,EAAA;AAAlB,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAlB,UAAoB,CAAF;IACxD,IAAM,OAAO,GAAG,QAAA,CAAA,MAAA,CAAS,MAAM,CAAC,QAAQ,EAAE,yBAAsB;IAEhE,IAAM,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;IACpC,IAAA,WAAW,GAAI,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA,CAAA,CAAnC;AAClB,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;IAElC,QACE,oBAAC,GAAG,EAAA,EAAA,YAAA,EACU,oBAAa,MAAM,EAAA,WAAA,CAAW,EAC1C,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACE,MAAM,CAAA,EAAA,EACT,WAAW,EAAE,OAAO,EACpB,cAAc,EAAE,mBAAmB,EACnC,WAAW,EAAE;AACX,gBAAA,OAAO,EAAE,SAAS;AAClB,gBAAA,aAAa,EAAE,OAAO;AACtB,gBAAA,KAAK,EAAE,mBAAmB;AAC1B,gBAAA,UAAU,EACR,gFAAgF;AAClF,gBAAA,cAAc,EAAE,MAAM;AACtB,gBAAA,mBAAmB,EAAE,aAAa;AAClC,gBAAA,gBAAgB,EAAE,yBAAyB;AAC5C,aAAA,EAAA,CAAA,EAAA,CAEH;AAEN;;;;"}

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

@@ -1,13 +1,13 @@
 import { FC, ReactNode } from 'react';
-import { ResponsiveValue } from '@chakra-ui/react';
-import { Sizes } from 'src/themes';
-export interface Props {
-    variant?: 'hero' | 'regular';
+import { BoxProps, RecipeVariantProps } from '@chakra-ui/react';
+import { sectionRecipe } from 'src/themes/shared/slotRecipes/section';
+type SectionVariantProps = RecipeVariantProps<typeof sectionRecipe>;
+export type SectionProps = SectionVariantProps & {
     title: string;
     text?: string;
     image?: ReactNode;
-    maxImgW?: ResponsiveValue<Sizes>;
-}
-declare const Section: FC<Props>;
-export default Section;
+    maxImgW?: BoxProps['maxWidth'];
+};
+export declare const Section: FC<SectionProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/section/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAGL,eAAe,EAEhB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAInC,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CAClC;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,KAAK,CAsBtB,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/section/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAEL,QAAQ,EAER,kBAAkB,EAGnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,KAAK,mBAAmB,GAAG,kBAAkB,CAAC,OAAO,aAAa,CAAC,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoBpC,CAAC"}

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

@@ -1,16 +1,19 @@
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useMultiStyleConfig, Box, chakra } from '@chakra-ui/react';
-import Stack from '../stack/index.js';
+import { useSlotRecipe, Stack, Box, chakra } from '@chakra-ui/react';
 
 var Section = function (_a) {
-    var title = _a.title, text = _a.text, image = _a.image, variant = _a.variant, _b = _a.maxImgW, maxImgW = _b === void 0 ? '2xl' : _b;
-    var styles = useMultiStyleConfig("Section", { variant: variant });
-    return (React.createElement(Stack, { direction: { '2xs': 'column', md: 'row' }, spacing: "xl" },
-        image ? (React.createElement(Box, { maxW: maxImgW, flexShrink: 0 }, image)) : null,
-        React.createElement(Stack, { spacing: "md" },
-            React.createElement(chakra.span, { __css: styles.title }, title),
-            text ? React.createElement(chakra.span, { __css: styles.text }, text) : null)));
+    var _b = _a.maxImgW, maxImgW = _b === void 0 ? '2xl' : _b, props = __rest(_a, ["maxImgW"]);
+    var recipe = useSlotRecipe({ key: 'section' });
+    var _c = recipe.splitVariantProps(props), recipeProps = _c[0], componentProps = _c[1];
+    var styles = recipe(recipeProps);
+    var title = componentProps.title, text = componentProps.text, image = componentProps.image;
+    return (React.createElement(Stack, { css: styles.root },
+        image ? (React.createElement(Box, { css: styles.imageContainer, maxW: maxImgW }, image)) : null,
+        React.createElement(Stack, { css: styles.textContainer },
+            React.createElement(chakra.span, { css: styles.title }, title),
+            text ? React.createElement(chakra.span, { css: styles.text }, text) : null)));
 };
 
-export { Section as default };
+export { Section };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/section/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAqBA,IAAM,OAAO,GAAc,UAAC,EAM3B,EAAA;AALC,IAAA,IAAA,KAAK,WAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IAEf,IAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,EAAE,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAE1D,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,IAAC,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAC,IAAI,EAAA;QAC3D,KAAK,IACJ,oBAAC,GAAG,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAA,EAC9B,KAAK,CACF,IACJ,IAAI;AACR,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA;YACjB,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,EAAG,KAAK,CAAe;YACtD,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAA,EAAG,IAAI,CAAe,GAAG,IAAI,CAC9D,CACF;AAEZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/section/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAqBO,IAAM,OAAO,GAAqB,UAAC,EAA6B,EAAA;IAA3B,IAAA,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAA3B,CAAA,SAAA,CAA6B,CAAF;IACnE,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;AAC1C,IAAA,IAAA,EAAA,GAAgC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAA9D,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,QAAmC;AACrE,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;AAE1B,IAAA,IAAA,KAAK,GAAkB,cAAc,CAAA,KAAhC,EAAE,IAAI,GAAY,cAAc,CAAA,IAA1B,EAAE,KAAK,GAAK,cAAc,MAAnB;IAE1B,QACE,oBAAC,KAAK,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA;QACpB,KAAK,IACJ,oBAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,cAAc,EAAE,IAAI,EAAE,OAAO,EAAA,EAC3C,KAAK,CACF,IACJ,IAAI;AACR,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,aAAa,EAAA;YAC9B,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAA,EAAG,KAAK,CAAe;YACpD,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,EAAG,IAAI,CAAe,GAAG,IAAI,CAC5D,CACF;AAEZ;;;;"}

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { SelectProps as ChakraSelectProps } from '@chakra-ui/react';
+import { NativeSelectFieldProps, NativeSelectRootProps, RecipeVariantProps } from '@chakra-ui/react';
+import { selectSlotRecipe } from 'src/themes/shared/slotRecipes/select';
 export type Option<T extends string | number> = {
     value: T;
     label: string;
@@ -8,10 +9,10 @@ type OptionsAndValue<T extends string | number> = {
     options: Option<T>[];
     value?: T;
 };
-export type Props = Pick<ChakraSelectProps, 'placeholder' | 'isInvalid' | 'isDisabled' | 'onBlur' | 'onFocus' | 'onChange' | 'autoFocus' | 'borderLeftRadius' | 'borderRightRadius'> & {
-    size?: 'md' | 'lg';
+type SelectVariantProps = RecipeVariantProps<typeof selectSlotRecipe>;
+export type SelectProps = SelectVariantProps & Pick<NativeSelectRootProps, 'disabled' | 'invalid'> & NativeSelectFieldProps & {
     name: string;
 } & (OptionsAndValue<string> | OptionsAndValue<number>);
-declare const Select: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSelectElement>>;
-export default Select;
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,WAAW,IAAI,iBAAiB,EACjC,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC9C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAChD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,IAAI,CACtB,iBAAiB,EACf,aAAa,GACb,WAAW,GACX,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,mBAAmB,CACtB,GAAG;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;AAExD,QAAA,MAAM,MAAM,iFAYX,CAAC;AAGF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC9C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAChD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,KAAK,kBAAkB,GAAG,kBAAkB,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,kBAAkB,GAC1C,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,SAAS,CAAC,GACnD,sBAAsB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;AAE1D,eAAO,MAAM,MAAM,uFA+BlB,CAAC"}

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

@@ -1,180 +1,21 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React, { forwardRef } from 'react';
-import { Select as Select$1 } from '@chakra-ui/react';
-import '../icons/AdvancedSearchIcon.js';
-import '../icons/ArrowCircleIcon.js';
-import '../icons/ArrowDiagonalIcon.js';
-import '../icons/ArrowDownIcon.js';
-import '../icons/ArrowLeftIcon.js';
-import '../icons/ArrowRightIcon.js';
-import '../icons/ArrowUpIcon.js';
-import '../icons/AutoScout24AppLogo.js';
-import '../icons/AvatarIcon.js';
-import '../icons/AvatarWithNotificationIcon.js';
-import '../icons/BatteryIcon.js';
-import '../icons/BookmarkIcon.js';
-import '../icons/CalculatorIcon.js';
-import '../icons/CalendarIcon.js';
-import '../icons/CallIcon.js';
-import '../icons/CamperIcon.js';
-import '../icons/CarConditionIcon.js';
-import '../icons/CarIcon.js';
-import '../icons/CopyIcon.js';
-import '../icons/ChartIcon.js';
-import '../icons/CheckmarkIcon.js';
-import '../icons/CheckmarkCircleIcon.js';
-import '../icons/CheckShieldIcon.js';
-import { ChevronDownLargeIcon } from '../icons/ChevronDownLargeIcon.js';
-import '../icons/ChevronDownSmallIcon.js';
-import '../icons/ChevronLeftLargeIcon.js';
-import '../icons/ChevronLeftSmallIcon.js';
-import '../icons/ChevronRightLargeIcon.js';
-import '../icons/ChevronRightSmallIcon.js';
-import '../icons/ChevronRightTinyIcon.js';
-import '../icons/ChevronUpLargeIcon.js';
-import '../icons/ChevronUpSmallIcon.js';
-import '../icons/CloseIcon.js';
-import '../icons/CompareIcon.js';
-import '../icons/ConsumptionIcon.js';
-import '../icons/CreditIcon.js';
-import '../icons/CreditCardIcon.js';
-import '../icons/DaylightIcon.js';
-import '../icons/DeleteIcon.js';
-import '../icons/DocumentCheckIcon.js';
-import '../icons/DocumentIcon.js';
-import '../icons/DragIcon.js';
-import '../icons/DriveSystemIcon.js';
-import '../icons/DriveTypeIcon.js';
-import '../icons/EquipmentIcon.js';
-import '../icons/ErrorIcon.js';
-import '../icons/ExchangeIcon.js';
-import '../icons/EyeIcon.js';
-import '../icons/EyeCrossedIcon.js';
-import '../icons/FacebookIcon.js';
-import '../icons/FlagIcon.js';
-import '../icons/FlameIcon.js';
-import '../icons/FlashIcon.js';
-import '../icons/GasStationIcon.js';
-import '../icons/HeartIcon.js';
-import '../icons/HistoryClockIcon.js';
-import '../icons/HouseIcon.js';
-import '../icons/ImageIcon.js';
-import '../icons/InfoIcon.js';
-import '../icons/InstagramIcon.js';
-import '../icons/InteriorIcon.js';
-import '../icons/LinkedinIcon.js';
-import '../icons/ListIcon.js';
-import '../icons/LocationPinIcon.js';
-import '../icons/MagnifierIcon.js';
-import '../icons/MessageIcon.js';
-import '../icons/MissingImageIcon.js';
-import '../icons/MotorcycleIcon.js';
-import '../icons/MotoScout24AppLogo.js';
-import '../icons/PenIcon.js';
-import '../icons/PlusIcon.js';
-import '../icons/ChfCurrencyIcon.js';
-import '../icons/PrintIcon.js';
-import '../icons/RangeIcon.js';
-import '../icons/RoadIcon.js';
-import '../icons/RotateIcon.js';
-import '../icons/SafeNumberIcon.js';
-import '../icons/ShareIcon.js';
-import '../icons/StarIcon.js';
-import '../icons/SteeringWheelIcon.js';
-import '../icons/ThreeSixtyIcon.js';
-import '../icons/TimeIcon.js';
-import '../icons/TooltipIcon.js';
-import '../icons/InformationIcon.js';
-import '../icons/TopListingIcon.js';
-import '../icons/TrailerIcon.js';
-import '../icons/TransmissionIcon.js';
-import '../icons/Trash.js';
-import '../icons/TruckIcon.js';
-import '../icons/TwitterIcon.js';
-import '../icons/UtilityVehicleIcon.js';
-import '../icons/VehiclePowerIcon.js';
-import '../icons/VehicleTypesMotorcycleIcon.js';
-import '../icons/VideoIcon.js';
-import '../icons/VideoCameraIcon.js';
-import '../icons/ViewCarIcon.js';
-import '../icons/DriveSystemLargeIcon.js';
-import '../icons/WarningIcon.js';
-import '../icons/WhatsAppIcon.js';
-import '../icons/YoutubeIcon.js';
-import '../icons/SortIcon.js';
-import '../icons/ViewMotorcycleIcon.js';
-import '../icons/GoogleIcon.js';
-import '../icons/SaveSearchIcon.js';
-import '../icons/AutoScout24Icon.js';
-import '../icons/MotoScout24Icon.js';
-import '../icons/MagnifierLargeIcon.js';
-import '../icons/RocketIcon.js';
-import '../icons/CartIcon.js';
-import '../icons/VanIcon.js';
-import '../icons/MiniVanIcon.js';
-import '../icons/SuvIcon.js';
-import '../icons/CoupeIcon.js';
-import '../icons/CabrioletIcon.js';
-import '../icons/SmallCarIcon.js';
-import '../icons/SedanIcon.js';
-import '../icons/WagonIcon.js';
-import '../icons/PickUpIcon.js';
-import '../icons/InformationBubbleIcon.js';
-import '../icons/OverflowVerticalIcon.js';
-import '../icons/PartialClockIcon.js';
-import '../icons/LockIcon.js';
-import '../icons/TiltedRectangleIcon.js';
-import '../icons/PlusCircleIcon.js';
-import '../icons/StarCircleIcon.js';
-import '../icons/InfinityCircleIcon.js';
-import '../icons/VehicleTypesMotorcycleStarIcon.js';
-import '../icons/CategoryAOneIcon.js';
-import '../icons/CategoryAIcon.js';
-import '../icons/CategoryAMinusIcon.js';
-import '../icons/BankNotesIcon.js';
-import '../icons/ChatBubbleIcon.js';
-import '../icons/DigitalContractIcon.js';
-import '../icons/OptimizerIcon.js';
-import '../icons/CheckmarkCircleColorIcon.js';
-import '../icons/ArrowDownCircleIcon.js';
-import '../icons/ArrowUpCircleIcon.js';
-import '../icons/NotAvailableIcon.js';
-import '../icons/LabelIcon.js';
-import '../icons/BulbIcon.js';
-import '../icons/NoPhotoIcon.js';
-import '../icons/ThumbsUpIcon.js';
-import '../icons/ThumbsDownIcon.js';
-import '../icons/MinusIcon.js';
-import '../icons/DoubleChevronUpIcon.js';
-import '../icons/DoubleChevronDownIcon.js';
-import '../icons/DoubleLineIcon.js';
-import '../icons/NotAvailableSquareIcon.js';
-import '../icons/WarrantyIcon.js';
-import '../icons/DownloadIcon.js';
-import '../icons/TriangleIcon.js';
-import '../icons/SwissFlagIcon.js';
-import '../icons/GlobeIcon.js';
-import '../icons/GarageIcon.js';
-import '../icons/HamburgerMenuIcon.js';
-import '../icons/LogoutIcon.js';
-import '../icons/AndroidIcon.js';
-import '../icons/AppleIcon.js';
-import '../icons/WindowsIcon.js';
-import '../icons/SpeakerIcon.js';
-import '../icons/AddPhotoIcon.js';
-import '../icons/ScreenIcon.js';
-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 { useSlotRecipe, NativeSelect } from '@chakra-ui/react';
 
 var Select = forwardRef(function (_a, ref) {
     var options = _a.options, props = __rest(_a, ["options"]);
-    return (React.createElement(Select$1, __assign({}, props, { icon: React.createElement(ChevronDownLargeIcon, null), ref: ref }), options.map(function (option) { return (React.createElement("option", { value: option.value, key: option.value }, option.label)); })));
+    var selectRecipe = useSlotRecipe({ key: 'select' });
+    var _b = selectRecipe.splitVariantProps(props), selectRecipeProps = _b[0], restProps = _b[1];
+    var selectStyles = selectRecipe(selectRecipeProps);
+    var disabled = restProps.disabled, invalid = restProps.invalid, rest = __rest(restProps, ["disabled", "invalid"]);
+    return (React.createElement(NativeSelect.Root, { disabled: disabled, invalid: invalid, css: selectStyles.root },
+        React.createElement(NativeSelect.Field, __assign({ ref: ref }, rest, { css: selectStyles.field }), options.map(function (option) { return (React.createElement("option", { value: option.value, key: option.value }, option.label)); })),
+        React.createElement(NativeSelect.Indicator, { css: [
+                selectStyles.indicator,
+                disabled && selectStyles.indicator._disabled,
+            ] })));
 });
 Select.displayName = 'Select';
 
-export { Select as default };
+export { Select };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/select/index.tsx"],"sourcesContent":[null],"names":["ChakraSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAM,MAAM,GAAG,UAAU,CACvB,UAAC,EAAqB,EAAE,GAAG,EAAA;AAAxB,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAnB,WAAqB,CAAF;IAClB,QACE,oBAACA,QAAY,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,IAAA,CAAG,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,EAC9D,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAA,EAAK,QACvB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,IAC3C,MAAM,CAAC,KAAK,CACN,GAHc,CAIxB,CAAC,CACW;AAEnB,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/select/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;IA6Ba,MAAM,GAAG,UAAU,CAC9B,UAAC,EAAqB,EAAE,GAAG,EAAA;AAAxB,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAnB,WAAqB,CAAF;IAClB,IAAM,YAAY,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC/C,IAAA,IAAA,EAAA,GACJ,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,EADhC,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,QACI;AACvC,IAAA,IAAM,YAAY,GAAG,YAAY,CAAC,iBAAiB,CAAC;AAE5C,IAAA,IAAA,QAAQ,GAAuB,SAAS,CAAA,QAAhC,EAAE,OAAO,GAAc,SAAS,CAAA,OAAvB,EAAK,IAAI,GAAA,MAAA,CAAK,SAAS,EAA1C,CAAA,UAAA,EAAA,SAAA,CAA8B,CAAF;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,IAAI,EAAA,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY,CAAC,IAAI,EAAA;QAEtB,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,KAAK,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,GAAG,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,YAAY,CAAC,KAAK,EAAA,CAAA,EAC5D,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAA,EAAK,QACvB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,EAAA,EAC3C,MAAM,CAAC,KAAK,CACN,EACV,CAJwB,CAIxB,CAAC,CACiB;AACrB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,SAAS,EAAA,EACrB,GAAG,EAAE;AACH,gBAAA,YAAY,CAAC,SAAS;AACtB,gBAAA,QAAQ,IAAI,YAAY,CAAC,SAAS,CAAC,SAAS;aAC7C,EAAA,CACD,CACgB;AAExB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

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

@@ -0,0 +1,4 @@
+import { type SeparatorProps } from '@chakra-ui/react';
+declare const Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export { Separator, SeparatorProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAM,SAAS,4GAAkB,CAAC;AAGlC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,7 @@
+import { Separator as Separator$1 } from '@chakra-ui/react';
+
+var Separator = Separator$1;
+Separator.displayName = 'Separator';
+
+export { Separator };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/separator/index.tsx"],"sourcesContent":[null],"names":["ChakraSeparator"],"mappings":";;AAKA,IAAM,SAAS,GAAGA;AAClB,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -1,7 +1,5 @@
 import { FC } from 'react';
 import { SimpleGridProps } from '@chakra-ui/react';
-type Props = Pick<SimpleGridProps, 'minChildWidth' | 'columns' | 'spacing' | 'spacingX' | 'spacingY' | 'children' | 'alignItems' | 'width' | 'rowGap'>;
-declare const SimpleGrid: FC<Props>;
-export default SimpleGrid;
-export { type Props as GridProps };
+export type Props = Pick<SimpleGridProps, 'minChildWidth' | 'columns' | 'children' | 'alignItems' | 'width' | 'rowGap' | 'gap'>;
+export declare const SimpleGrid: FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/simpleGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAE1B,KAAK,KAAK,GAAG,IAAI,CACf,eAAe,EACb,eAAe,GACf,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,OAAO,GACP,QAAQ,CACX,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAA8C,CAAC;AAEzE,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/simpleGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,KAAK,GAAG,IAAI,CACtB,eAAe,EACb,eAAe,GACf,SAAS,GACT,UAAU,GACV,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,KAAK,CACR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAA8C,CAAC"}

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

@@ -4,5 +4,5 @@ import { SimpleGrid as SimpleGrid$1 } from '@chakra-ui/react';
 
 var SimpleGrid = function (props) { return React.createElement(SimpleGrid$1, __assign({}, props)); };
 
-export { SimpleGrid as default };
+export { SimpleGrid };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/simpleGrid/index.tsx"],"sourcesContent":[null],"names":["ChakraSimpleGrid"],"mappings":";;;;AAmBA,IAAM,UAAU,GAAc,UAAC,KAAK,EAAA,EAAK,OAAA,KAAA,CAAA,aAAA,CAACA,YAAgB,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,CAAA,CAA/B;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/simpleGrid/index.tsx"],"sourcesContent":[null],"names":["ChakraSimpleGrid"],"mappings":";;;;AAiBO,IAAM,UAAU,GAAc,UAAC,KAAK,EAAA,EAAK,OAAA,KAAA,CAAA,aAAA,CAACA,YAAgB,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,CAAA,CAA/B;;;;"}

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

@@ -1,9 +1,7 @@
 import { FC } from 'react';
-export interface Props {
+export interface SimpleHeaderProps {
     title: string;
     url: string;
 }
-declare const SimpleHeader: FC<Props>;
-export default SimpleHeader;
-export { Props as SimpleHeaderProps };
+export declare const SimpleHeader: FC<SimpleHeaderProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/simpleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYlC,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAiC3B,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/simpleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAUlC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsB9C,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useMultiStyleConfig, chakra, Center, Container, Flex } from '@chakra-ui/react';
+import { useSlotRecipe, chakra } from '@chakra-ui/react';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -166,22 +166,23 @@ 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 { Center } from '../center/index.js';
 
-var SimpleHeader = function (_a) {
-    var title = _a.title, url = _a.url;
-    var styles = useMultiStyleConfig("SimpleHeader");
-    var Component = chakra('header', { baseStyle: styles.header });
-    return (React.createElement(Component, null,
+var SimpleHeader = function (props) {
+    var recipe = useSlotRecipe({ key: 'simpleHeader' });
+    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], componentProps = _a[1];
+    var styles = recipe(recipeProps);
+    var title = componentProps.title, url = componentProps.url;
+    return (React.createElement(chakra.header, { css: styles.header },
         React.createElement(Center, null,
-            React.createElement(Container, { width: "full", maxWidth: "container.lg", minHeight: { '2xs': 'xl', md: '2xl' }, paddingX: { '2xs': 'lg', lg: 0 }, centerContent: true, flexDirection: "row", justifyContent: "space-between" },
+            React.createElement(Flex, { css: styles.mainContainer },
                 React.createElement(Flex, { justify: "space-between", minWidth: "full" },
-                    React.createElement(chakra.h1, { __css: styles.title }, title),
-                    React.createElement(Flex, { alignSelf: "baseline", paddingLeft: "md", paddingTop: { md: 'sm' } },
+                    React.createElement(chakra.h1, { css: styles.title }, title),
+                    React.createElement(Flex, { css: styles.iconWrapper },
                         React.createElement("a", { href: url },
                             React.createElement(CloseIcon, null))))))));
 };
 
-export { SimpleHeader as default };
+export { SimpleHeader };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/simpleHeader/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,YAAY,GAAc,UAAC,EAAc,EAAA;QAAZ,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA;AAC3C,IAAA,IAAM,MAAM,GAAG,mBAAmB,CAAC,cAAc,CAAC;AAElD,IAAA,IAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;IAEhE,QACE,oBAAC,SAAS,EAAA,IAAA;AACR,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA;AACL,YAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAC,cAAc,EACvB,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EACrC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,EAChC,aAAa,QACb,aAAa,EAAC,KAAK,EACnB,cAAc,EAAC,eAAe,EAAA;gBAE9B,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,OAAO,EAAC,eAAe,EAAC,QAAQ,EAAC,MAAM,EAAA;oBAC3C,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,EAAE,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,EAAG,KAAK,CAAa;AACnD,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,UAAU,EACpB,WAAW,EAAC,IAAI,EAChB,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAA;wBAExB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,GAAG,EAAA;4BACV,KAAA,CAAA,aAAA,CAAC,SAAS,OAAG,CACX,CACC,CACF,CACG,CACL,CACC;AAEhB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/simpleHeader/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,IAAM,YAAY,GAA0B,UAAC,KAAK,EAAA;IACvD,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC;AAC/C,IAAA,IAAA,EAAA,GAAgC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAA9D,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,QAAmC;AACrE,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;IAC1B,IAAA,KAAK,GAAU,cAAc,CAAA,KAAxB,EAAE,GAAG,GAAK,cAAc,CAAA,GAAnB;IAElB,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAA;AAC/B,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA;AACL,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,aAAa,EAAA;gBAC7B,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,OAAO,EAAC,eAAe,EAAC,QAAQ,EAAC,MAAM,EAAA;oBAC3C,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,EAAE,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAA,EAAG,KAAK,CAAa;AACjD,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,WAAW,EAAA;wBAC3B,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,GAAG,EAAA;4BACV,KAAA,CAAA,aAAA,CAAC,SAAS,OAAG,CACX,CACC,CACF,CACF,CACA,CACK;AAEpB;;;;"}

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

@@ -1,5 +1,4 @@
-import { FC } from 'react';
 import { SkeletonProps } from '@chakra-ui/react';
-declare const Skeleton: FC<SkeletonProps>;
-export default Skeleton;
+declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Skeleton, type SkeletonProps };
 //# sourceMappingURL=index.d.ts.map