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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiCO,IAAM,gBAAgB,GAAG,UAG9B,EAOwC,EAAA;AANxC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,IAAI,GAAA,MAAA,CAAA,EAAA,EANP,gDAOD,CADQ;IAEP,QACE,oBAAC,IAAI,EAAA,IAAA;QACH,KAAA,CAAA,aAAA,CAAC,UAAU,aACT,UAAU,EAAE,IAAI,EAChB,OAAO,EAAC,WAAW,EACnB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR;QAEF,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,YAAY,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR,CACG;AAEX;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":["ChakraInputGroup","InputGroup"],"mappings":";;;;;;AAkCA,SAAS,gBAAgB,CAAiD,EAOhC,EAAA;AANxC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,IAAI,GAAA,MAAA,CAAA,EAAA,EANiE,gDAOzE,CADQ;IAEP,IAAM,qBAAqB,GAAG,oBAAoB,CAAC,YAAY,EAAE,IAAI,CAAC;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,UAAgB,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA;QAC9B,KAAA,CAAA,aAAA,CAACC,YAAU,aACT,UAAU,EAAE,IAAI,EAChB,OAAO,EAAC,WAAW,EACnB,YAAY,EAAE,qBAAqB,EACnC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR;QAEF,KAAA,CAAA,aAAA,CAACA,YAAU,EAAA,QAAA,CAAA,EACT,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,YAAY,EACpB,YAAY,EAAE,qBAAqB,EACnC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR,CACe;AAEvB;;;;"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NumericMinMaxValue } from '../rangeSlider/RangeSliderWithScale';
 import { Facet, RangeSliderWithChartProps } from '../rangeSlider/RangeSliderWithChart';
-import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from '../rangeFilterInput';
+import { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from '../rangeFilterInput';
 export type ChangeSliderCallback = {
     touched: 'min' | 'max';
     value: NumericMinMaxValue;
@@ -29,6 +29,6 @@ export type Props<NameFrom, NameTo> = {
     to: RangeFilterInputField<NameTo>;
     unit?: string;
 } & RangeSliderProps & PickedNumberInputProps;
-export declare function RangeFilterInputWithSlider<NameFrom extends string, NameTo extends string>({ rangeSliderScale, facets, unit, onChange, from, to, chartHeight, ...rest }: Props<NameFrom, NameTo>): React.JSX.Element;
-export {};
+declare function RangeFilterInputWithSlider<NameFrom extends string, NameTo extends string>({ rangeSliderScale, facets, unit, onChange, from, to, chartHeight, ...rest }: Props<NameFrom, NameTo>): React.JSX.Element;
+export default RangeFilterInputWithSlider;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,kBAAkB,EAEnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,KAAK,EAEL,yBAAyB,EAC1B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,KAAK,kCAAkC,CAAC,IAAI,IAAI;IAC9C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACtC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;CACxD,GAAG,CACA;IAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CACtE,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI;IACpC,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,EAAE,CACR,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,GAClB,sBAAsB,CAAC;AAEzB,wBAAgB,0BAA0B,CACxC,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,EACA,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,qBAsFzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAA6B,EAC3B,kBAAkB,EACnB,MAAM,qCAAqC,CAAC;AAC7C,OAA6B,EAC3B,KAAK,EACL,yBAAyB,EAC1B,MAAM,qCAAqC,CAAC;AAC7C,OAAyB,EACvB,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,KAAK,kCAAkC,CAAC,IAAI,IAAI;IAC9C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACtC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;CACxD,GAAG,CACA;IAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CACtE,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI;IACpC,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,EAAE,CACR,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,GAClB,sBAAsB,CAAC;AAEzB,iBAAS,0BAA0B,CACjC,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,EACA,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,qBA8FzB;AAED,eAAe,0BAA0B,CAAC"}

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

@@ -0,0 +1,64 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useState, useEffect } from 'react';
+import RangeSliderWithScale from '../rangeSlider/RangeSliderWithScale.js';
+import RangeSliderWithChart from '../rangeSlider/RangeSliderWithChart.js';
+import RangeFilterInput from '../rangeFilterInput/index.js';
+import Flex from '../flex/index.js';
+import { Box } from '@chakra-ui/react';
+
+function RangeFilterInputWithSlider(_a) {
+    var rangeSliderScale = _a.rangeSliderScale, facets = _a.facets, unit = _a.unit, onChange = _a.onChange, from = _a.from, to = _a.to, chartHeight = _a.chartHeight, rest = __rest(_a, ["rangeSliderScale", "facets", "unit", "onChange", "from", "to", "chartHeight"]);
+    var value = {
+        min: from.value,
+        max: to.value,
+    };
+    var _b = useState(value), valuesWhileSliding = _b[0], setValuesWhileSliding = _b[1];
+    var _c = useState(false), isSliding = _c[0], setIsSliding = _c[1];
+    useEffect(function () {
+        setValuesWhileSliding({
+            min: from.value,
+            max: to.value,
+        });
+    }, [from.value, to.value]);
+    var handleSliderChange = function (event) {
+        if (!isSliding) {
+            setIsSliding(true);
+        }
+        setValuesWhileSliding(function (prevValuesWhileSliding) {
+            var _a;
+            return (__assign(__assign({}, prevValuesWhileSliding), (_a = {}, _a[event.touched] = event.value[event.touched], _a)));
+        });
+    };
+    var handleSliderRelease = function (event) {
+        setIsSliding(false);
+        onChange({
+            name: event.touched === 'min' ? from.name : to.name,
+            value: event.value[event.touched],
+            changeType: 'slider',
+        });
+    };
+    var isFilterApplied = function () {
+        return valuesWhileSliding.min === from.value &&
+            valuesWhileSliding.max === to.value;
+    };
+    var appliedValue = function () {
+        if (isSliding || !isFilterApplied()) {
+            return valuesWhileSliding;
+        }
+        else {
+            return value;
+        }
+    };
+    var handleInputChange = function (event) {
+        var _a;
+        // sync slider with input
+        setValuesWhileSliding(__assign(__assign({}, valuesWhileSliding), (_a = {}, _a[event.name === from.name ? 'min' : 'max'] = event.value, _a)));
+        onChange(__assign(__assign({}, event), { changeType: 'inputfield' }));
+    };
+    return (React.createElement(Flex, { direction: "column" },
+        React.createElement(Box, { order: { base: 1, sm: 0 }, px: "md", py: { base: 'md', sm: 0 } }, facets ? (React.createElement(RangeSliderWithChart, { onSliderChange: handleSliderChange, onSliderRelease: handleSliderRelease, selection: appliedValue(), facets: facets, chartHeight: chartHeight })) : (React.createElement(RangeSliderWithScale, { onSliderChange: handleSliderChange, onSliderRelease: handleSliderRelease, selection: appliedValue(), scale: rangeSliderScale }))),
+        React.createElement(RangeFilterInput, __assign({ from: __assign(__assign({}, from), { value: appliedValue().min }), to: __assign(__assign({}, to), { value: appliedValue().max }), handleChange: handleInputChange, onBlur: handleInputChange, unit: unit }, rest))));
+}
+
+export { RangeFilterInputWithSlider as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -5,6 +5,6 @@ interface Props {
     range: number[];
     height?: 'sm' | 'normal';
 }
-export declare const Chart: React.FC<Props>;
-export {};
+declare const Chart: React.FC<Props>;
+export default Chart;
 //# sourceMappingURL=Chart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BjC,CAAC"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;CAC1B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2B1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import Flex from '../flex/index.js';
+import { Box } from '@chakra-ui/react';
+
+var Chart = function (_a) {
+    var facets = _a.facets, range = _a.range;
+    if (!facets || facets.length === 0) {
+        return null;
+    }
+    var maxValue = Math.max.apply(Math, facets.map(function (_a) {
+        var value = _a.value;
+        return value;
+    }));
+    return (React.createElement(Flex, { justify: "space-between", h: "full", "data-testid": "chart" }, facets.map(function (_a, index) {
+        var from = _a.from;
+        return (React.createElement(Box, { h: "full", mx: "1px", flexGrow: 1, key: from, bg: index < range[0] || index > range[1] - 1 ? 'gray.200' : 'gray.500', transition: "transform 1s", transformOrigin: "bottom", transform: "scaleY(".concat(maxValue > 0 ? facets[index].value / maxValue : 0, ")") }));
+    })));
+};
+
+export { Chart as default };
+//# sourceMappingURL=Chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../../../src/components/rangeSlider/Chart.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAYA,IAAM,KAAK,GAAoB,UAAC,EAAiB,EAAA;QAAf,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;IAC7C,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;AAClC,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAA,KAAA,CAAR,IAAI,EAAQ,MAAM,CAAC,GAAG,CAAC,UAAC,EAAS,EAAA;AAAP,QAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA;AAAO,QAAA,OAAA,KAAK;IAAL,CAAK,CAAC,CAAC;IAE9D,QACE,oBAAC,IAAI,EAAA,EAAC,OAAO,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAA,aAAA,EAAa,OAAO,IACvD,MAAM,CAAC,GAAG,CAAC,UAAC,EAAQ,EAAE,KAAK,EAAA;AAAb,QAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AAAc,QAAA,QAC/B,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,CAAC,EAAC,MAAM,EACR,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,IAAI,EACT,EAAE,EACA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,GAAG,UAAU,EAEpE,UAAU,EAAC,cAAc,EACzB,eAAe,EAAC,QAAQ,EACxB,SAAS,EAAE,SAAA,CAAA,MAAA,CACT,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,QAAQ,GAAG,CAAC,EAAA,GAAA,CAChD,GACH;IAd6B,CAehC,CAAC,CACG;AAEX;;;;"}

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

@@ -13,5 +13,6 @@ export interface RangeSliderWithChartProps {
     onSliderRelease: (event: ChangeCallback) => void;
     chartHeight?: BoxProps['h'];
 }
-export declare const RangeSliderWithChart: React.FC<RangeSliderWithChartProps>;
+declare const RangeSliderWithChart: React.FC<RangeSliderWithChartProps>;
+export default RangeSliderWithChart;
 //# sourceMappingURL=RangeSliderWithChart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangeSliderWithChart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EACL,cAAc,EACd,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAC"}
+{"version":3,"file":"RangeSliderWithChart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAA6B,EAC3B,cAAc,EACd,kBAAkB,EACnB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuB7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box } from '@chakra-ui/react';
+import RangeSliderWithScale from './RangeSliderWithScale.js';
+import Chart from './Chart.js';
+
+var RangeSliderWithChart = function (_a) {
+    var facets = _a.facets, selection = _a.selection, onSliderChange = _a.onSliderChange, onSliderRelease = _a.onSliderRelease, _b = _a.chartHeight, chartHeight = _b === void 0 ? '3xl' : _b;
+    var sortedFacetsByFromKey = facets.sort(function (a, b) { return a.from - b.from; });
+    var scale = sortedFacetsByFromKey.map(function (_a) {
+        var from = _a.from;
+        return from;
+    });
+    return (React.createElement(RangeSliderWithScale, { onSliderChange: onSliderChange, onSliderRelease: onSliderRelease, selection: selection, scale: scale, renderChart: function (range) { return (React.createElement(Box, { position: "relative", top: "sm", h: chartHeight },
+            React.createElement(Chart, { range: range, facets: sortedFacetsByFromKey }))); } }));
+};
+
+export { RangeSliderWithChart as default };
+//# sourceMappingURL=RangeSliderWithChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSliderWithChart.js","sources":["../../../../../src/components/rangeSlider/RangeSliderWithChart.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAwBA,IAAM,oBAAoB,GAAwC,UAAC,EAMlE,EAAA;AALC,IAAA,IAAA,MAAM,YAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,EAAA,GAAA,EAAA,CAAA,WAAmB,EAAnB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IAEnB,IAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,EAAA,EAAK,OAAA,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAA,CAAf,CAAe,CAAC;AACpE,IAAA,IAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,UAAC,EAAQ,EAAA;AAAN,QAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AAAO,QAAA,OAAA,IAAI;AAAJ,IAAA,CAAI,CAAC;AAE3D,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,IACnB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAC,KAAe,EAAA,EAAK,QAChC,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAC,IAAI,EAAC,CAAC,EAAE,WAAW,EAAA;AAC9C,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,qBAAqB,EAAA,CAAI,CAClD,EACP,CAJiC,CAIjC,EAAA,CACD;AAEN;;;;"}

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

@@ -41,6 +41,6 @@ interface RangeSliderWithScaleProps {
      */
     renderChart?: (range: number[]) => React.ReactNode;
 }
-export declare const RangeSliderWithScale: React.FC<RangeSliderWithScaleProps>;
-export {};
+declare const RangeSliderWithScale: React.FC<RangeSliderWithScaleProps>;
+export default RangeSliderWithScale;
 //# 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":"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"}
+{"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"}

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

@@ -0,0 +1,75 @@
+import { __spreadArray } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useState } from 'react';
+import RangeSlider from './index.js';
+
+var RangeSliderWithScale = function (_a) {
+    var scale = _a.scale, selection = _a.selection, onSliderChange = _a.onSliderChange, onSliderRelease = _a.onSliderRelease, renderChart = _a.renderChart;
+    var _b = useState(null), startRange = _b[0], setStartRange = _b[1];
+    var sortedScale = scale.sort(function (a, b) { return a - b; });
+    var toIndex = function (value) {
+        var closestValue = sortedScale.reduce(function (prev, curr) {
+            return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;
+        }, 0);
+        return sortedScale.indexOf(closestValue);
+    };
+    var toValue = function (index) {
+        if (index === sortedScale.length) {
+            return null;
+        }
+        return sortedScale[index];
+    };
+    var toMinMax = function (minIndex, maxIndex, previousSelection) { return ({
+        min: minIndex ? toValue(minIndex) : null,
+        max: maxIndex ? toValue(maxIndex) : previousSelection.max,
+    }); };
+    var toRange = function (_a) {
+        var min = _a.min, max = _a.max;
+        var maxValue = max ? toIndex(max) : sortedScale.length;
+        var minValue = min ? toIndex(min) : 0;
+        var range = [minValue, maxValue];
+        var sortedRange = __spreadArray([], range, true).sort(function (a, b) { return a - b; });
+        return JSON.stringify(range) === JSON.stringify(sortedRange)
+            ? range
+            : [minValue, minValue];
+    };
+    var getChangedThumb = function (initial, current) {
+        var initialMinIndex = initial[0], initialMaxIndex = initial[1];
+        var currentMinIndex = current[0], currentMaxIndex = current[1];
+        if (initialMinIndex === currentMinIndex &&
+            initialMaxIndex === currentMaxIndex) {
+            return null;
+        }
+        return initialMinIndex !== currentMinIndex ? 'min' : 'max';
+    };
+    var getChangeEvent = function (_a) {
+        var newMinIndex = _a[0], newMaxIndex = _a[1];
+        var changedThumb = getChangedThumb(startRange || toRange(selection), [
+            newMinIndex,
+            newMaxIndex,
+        ]);
+        if (!changedThumb)
+            return null;
+        return {
+            touched: changedThumb,
+            value: toMinMax(newMinIndex, newMaxIndex, selection),
+        };
+    };
+    var handleChange = function (newValues, callback) {
+        var changeEvent = getChangeEvent(newValues);
+        if (changeEvent) {
+            callback(changeEvent);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        renderChart ? renderChart(toRange(selection)) : null,
+        React.createElement(RangeSlider, { h: "sm", step: 1, min: 0, max: sortedScale.length, onChange: function (newValues) { return handleChange(newValues, onSliderChange); }, onChangeEnd: function (newValues) {
+                var callback = function (event) {
+                    onSliderRelease(event);
+                    setStartRange(newValues);
+                };
+                handleChange(newValues, callback);
+            }, onChangeStart: setStartRange, value: toRange(selection) })));
+};
+
+export { RangeSliderWithScale as default };
+//# sourceMappingURL=RangeSliderWithScale.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSliderWithScale.js","sources":["../../../../../src/components/rangeSlider/RangeSliderWithScale.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -1,10 +1,6 @@
-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 {};
+import { FC } from 'react';
+import { RangeSliderProps as ChakraRangeSliderProps } from '@chakra-ui/react';
+export type RangeSliderProps = ChakraRangeSliderProps;
+declare const RangeSlider: FC<RangeSliderProps>;
+export default RangeSlider;
 //# 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":"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"}
+{"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"}

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

@@ -1,16 +1,15 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { Slider } from '@chakra-ui/react';
+import { RangeSlider as RangeSlider$1, RangeSliderTrack, RangeSliderFilledTrack, RangeSliderThumb } 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, 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' } }))));
+    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 })));
 };
 
-export { RangeSlider };
+export { RangeSlider as default };
 //# 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":[],"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;;;;"}
+{"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;;;;;"}

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

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

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

@@ -1,23 +1,22 @@
-import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useRecipe, Box } from '@chakra-ui/react';
+import { Box } from '@chakra-ui/react';
 
 var Rating = function (_a) {
-    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)',
-            } }) }));
+    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)',
+        } }));
 };
 
-export { Rating };
+export { Rating as default };
 //# 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":";;;;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;;;;"}
+{"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;;;;"}

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

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

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

@@ -1,19 +1,16 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useSlotRecipe, Stack, Box, chakra } from '@chakra-ui/react';
+import { useMultiStyleConfig, Box, chakra } from '@chakra-ui/react';
+import Stack from '../stack/index.js';
 
 var Section = function (_a) {
-    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)));
+    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)));
 };
 
-export { Section };
+export { Section as default };
 //# 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":";;;;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;;;;"}
+{"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;;;;"}

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

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