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

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

@@ -1,6 +1,6 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import React from 'react';
-import { useSlotRecipe, Pagination as Pagination$1, Box, IconButton } from '@chakra-ui/react';
+import { __spreadArray } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useMemo } from 'react';
+import { useMultiStyleConfig, Box, Show } from '@chakra-ui/react';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -63,6 +63,7 @@ import '../icons/InfoIcon.js';
 import '../icons/InstagramIcon.js';
 import '../icons/InteriorIcon.js';
 import '../icons/LinkedinIcon.js';
+import '../icons/LinkIcon.js';
 import '../icons/ListIcon.js';
 import '../icons/LocationPinIcon.js';
 import '../icons/MagnifierIcon.js';
@@ -167,29 +168,87 @@ 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 PaginationButton from './PaginationButton.js';
 
-var Pagination = function (_a) {
-    var totalPages = _a.totalPages, _b = _a.currentPage, currentPage = _b === void 0 ? 0 : _b, onChange = _a.onChange, marginBottom = _a.marginBottom, marginTop = _a.marginTop;
-    var recipe = useSlotRecipe({ key: 'pagination' });
-    var styles = recipe();
-    if (totalPages <= 1) {
+var Dots = '...';
+var siblingCount = 1;
+var range = function (start, end) {
+    var length = end - start + 1;
+    return Array.from({ length: length }, function (_, idx) { return idx + start; });
+};
+var Pagination = function (props) {
+    var onChange = props.onChange, totalPages = props.totalPages, _a = props.currentPage, currentPage = _a === void 0 ? 0 : _a, marginTop = props.marginTop, marginBottom = props.marginBottom;
+    var _b = useMultiStyleConfig('Pagination'), paginationContainer = _b.paginationContainer, dots = _b.dots;
+    var paginationRange = useMemo(function () {
+        // Default number of page buttons: firstPage + lastPage + currentPage + left side dots + right side dots
+        var pageButtonsCount = 5;
+        var totalPageButtonsCount = siblingCount * 2 + pageButtonsCount;
+        if (totalPageButtonsCount >= totalPages) {
+            return range(0, totalPages - 1);
+        }
+        var leftSiblingIndex = Math.max(currentPage - siblingCount, 0);
+        var rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages - 1);
+        var shouldShowLeftDots = leftSiblingIndex > 2;
+        var shouldShowRightDots = rightSiblingIndex < totalPages - 3;
+        var firstPageNumber = 0;
+        var lastPageNumber = totalPages - 1;
+        // Show dots on right side
+        if (!shouldShowLeftDots && shouldShowRightDots) {
+            var leftItemCount = 3 + 2 * siblingCount;
+            var leftRange = range(0, leftItemCount - 1);
+            return __spreadArray(__spreadArray([], leftRange, true), [Dots, lastPageNumber], false);
+        }
+        // Show dots on left side
+        if (shouldShowLeftDots && !shouldShowRightDots) {
+            var rightItemCount = 3 + 2 * siblingCount;
+            var rightRange = range(totalPages - rightItemCount, totalPages - 1);
+            return __spreadArray([firstPageNumber, Dots], rightRange, true);
+        }
+        // Show dots on both sides
+        if (shouldShowLeftDots && shouldShowRightDots) {
+            var middleRange = range(leftSiblingIndex, rightSiblingIndex);
+            return __spreadArray(__spreadArray([firstPageNumber, Dots], middleRange, true), [Dots, lastPageNumber], false);
+        }
+        return [];
+    }, [totalPages, currentPage]);
+    if (paginationRange.length < 2) {
         return null;
     }
-    return (React.createElement(Pagination$1.Root, { count: totalPages, pageSize: 1, page: currentPage + 1, onPageChange: function (e) { return onChange(e.page - 1); } },
-        React.createElement(Box, { marginTop: marginTop, marginBottom: marginBottom, css: styles.paginationContainer },
-            React.createElement(Pagination$1.PrevTrigger, { asChild: true, css: styles.paginationButton, display: { base: 'none', xs: 'inline-flex' } },
-                React.createElement(IconButton, null,
-                    React.createElement(ChevronLeftSmallIcon, null))),
-            React.createElement(Pagination$1.Context, null, function (_a) {
-                var pages = _a.pages;
-                return pages.map(function (page, index) {
-                    return page.type === 'page' ? (React.createElement(Pagination$1.Item, __assign({ key: index }, page, { css: styles.paginationButton }), page.value)) : (React.createElement(Pagination$1.Ellipsis, { css: styles.dots, key: index, index: index }, "\u2026"));
-                });
-            }),
-            React.createElement(Pagination$1.NextTrigger, { asChild: true, css: styles.paginationButton, display: { base: 'none', xs: 'inline-flex' } },
-                React.createElement(IconButton, null,
-                    React.createElement(ChevronRightSmallIcon, null))))));
+    var onNext = function (e) {
+        e.preventDefault();
+        onChange(currentPage + 1);
+    };
+    var onPrevious = function (e) {
+        e.preventDefault();
+        onChange(currentPage - 1);
+    };
+    var isFirstPage = currentPage === 0;
+    var isLastPage = currentPage === paginationRange[paginationRange.length - 1];
+    var pageNumberToDispaly = function (pageNumber) {
+        if (pageNumber === totalPages) {
+            return pageNumber;
+        }
+        return pageNumber + 1;
+    };
+    return (React.createElement(Box, { marginTop: marginTop, marginBottom: marginBottom, __css: paginationContainer },
+        React.createElement(Show, { above: "xs" },
+            React.createElement(PaginationButton, { isDisabled: isFirstPage, onClick: onPrevious, ariaLabel: "previous page" },
+                React.createElement(ChevronLeftSmallIcon, { color: isFirstPage ? 'gray.300' : 'gray.900' }))),
+        paginationRange.map(function (pageNumber, index) {
+            if (pageNumber === Dots) {
+                return (React.createElement(Box, { __css: dots, key: "paginationDots-".concat(index), "aria-label": index === 1 ? 'left side dots' : 'right side dots' }, "\u2026"));
+            }
+            return (React.createElement(PaginationButton, { key: "paginationButton-".concat(index), isActive: pageNumber === currentPage, ariaLabel: "go to page ".concat(pageNumberToDispaly(Number(pageNumber)), " of ").concat(totalPages), onClick: function (e) {
+                    e.preventDefault();
+                    onChange(Number(pageNumber));
+                } }, pageNumberToDispaly(Number(pageNumber))));
+        }),
+        React.createElement(Show, { above: "xs" },
+            React.createElement(PaginationButton, { isDisabled: isLastPage, onClick: onNext, ariaLabel: "next page" },
+                React.createElement(ChevronRightSmallIcon, { color: isLastPage ? 'gray.300' : 'gray.900' })))));
 };
 
-export { Pagination };
+export { Pagination as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/pagination/index.tsx"],"sourcesContent":[null],"names":["ChakraPagination"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,IAAM,UAAU,GAAwB,UAAC,EAM/C,EAAA;AALC,IAAA,IAAA,UAAU,gBAAA,EACV,EAAA,GAAA,EAAA,CAAA,WAAe,EAAf,WAAW,mBAAG,CAAC,GAAA,EAAA,EACf,QAAQ,cAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA;IAET,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,YAAqB,EAAE,CAAC;AAE5D,IAAA,IAAM,MAAM,GAAG,MAAM,EAAE;AAEvB,IAAA,IAAI,UAAU,IAAI,CAAC,EAAE;AACnB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,YAAgB,CAAC,IAAI,EAAA,EACpB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,WAAW,GAAG,CAAC,EACrB,YAAY,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,EAApB,CAAoB,EAAA;AAEzC,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,MAAM,CAAC,mBAAmB,EAAA;YAE/B,KAAA,CAAA,aAAA,CAACA,YAAgB,CAAC,WAAW,EAAA,EAC3B,OAAO,EAAA,IAAA,EACP,GAAG,EAAE,MAAM,CAAC,gBAAgB,EAC5B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAA;AAE5C,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;oBACT,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,IAAA,CAAG,CACb,CACgB;AAE/B,YAAA,KAAA,CAAA,aAAA,CAACA,YAAgB,CAAC,OAAO,EAAA,IAAA,EACtB,UAAC,EAAS,EAAA;AAAP,gBAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA;AACP,gBAAA,OAAA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA;oBACpB,OAAA,IAAI,CAAC,IAAI,KAAK,MAAM,IAClB,KAAA,CAAA,aAAA,CAACA,YAAgB,CAAC,IAAI,EAAA,QAAA,CAAA,EACpB,GAAG,EAAE,KAAK,EAAA,EACN,IAAI,EAAA,EACR,GAAG,EAAE,MAAM,CAAC,gBAAgB,EAAA,CAAA,EAE3B,IAAI,CAAC,KAAK,CACW,KAExB,KAAA,CAAA,aAAA,CAACA,YAAgB,CAAC,QAAQ,EAAA,EACxB,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EAAA,EAAA,QAAA,CAGc,CAC7B;AAhBD,gBAAA,CAgBC,CACF;AAlBD,YAAA,CAkBC,CAEsB;YAE3B,KAAA,CAAA,aAAA,CAACA,YAAgB,CAAC,WAAW,EAAA,EAC3B,OAAO,EAAA,IAAA,EACP,GAAG,EAAE,MAAM,CAAC,gBAAgB,EAC5B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAA;AAE5C,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;AACT,oBAAA,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,IAAA,CAAG,CACd,CACgB,CAC3B,CACgB;AAE5B;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/pagination/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+import { PopoverProps as ChakraPopoverProps } from '@chakra-ui/react';
+type ContentPadding = '2xl' | 0;
+type MaxWidth = '6xl' | '8xl';
+export type PopoverProps = PropsWithChildren<{
+    content: ReactNode;
+    showArrow?: boolean;
+    contentPadding?: ContentPadding;
+    maxWidth?: MaxWidth;
+    contentPosition?: 'relative' | 'absolute';
+} & Pick<ChakraPopoverProps, 'placement' | 'closeOnBlur' | 'gutter' | 'size' | 'trigger' | 'onClose' | 'onOpen' | 'isOpen'>>;
+declare const Popover: FC<PopoverProps>;
+export default Popover;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAGL,YAAY,IAAI,kBAAkB,EAMnC,MAAM,kBAAkB,CAAC;AAE1B,KAAK,cAAc,GAAG,KAAK,GAAG,CAAC,CAAC;AAEhC,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAC1C;IACE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAC3C,GAAG,IAAI,CACN,kBAAkB,EAChB,WAAW,GACX,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,CACX,CACF,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgD7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Popover as Popover$1, PopoverTrigger, Portal, Box, PopoverContent, PopoverArrow, PopoverBody } from '@chakra-ui/react';
+
+var Popover = function (_a) {
+    var content = _a.content, children = _a.children, placement = _a.placement, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.showArrow, showArrow = _c === void 0 ? true : _c, _d = _a.closeOnBlur, closeOnBlur = _d === void 0 ? false : _d, _e = _a.gutter, gutter = _e === void 0 ? 12 : _e, _f = _a.size, size = _f === void 0 ? 'md' : _f, onClose = _a.onClose, onOpen = _a.onOpen, isOpen = _a.isOpen, _g = _a.contentPadding, contentPadding = _g === void 0 ? '2xl' : _g, _h = _a.maxWidth, maxWidth = _h === void 0 ? '6xl' : _h, contentPosition = _a.contentPosition;
+    return (React.createElement(Popover$1, { placement: placement, closeOnBlur: closeOnBlur, trigger: trigger, arrowSize: 12, gutter: gutter, size: size, onClose: onClose, onOpen: onOpen, isOpen: isOpen, isLazy: true },
+        React.createElement(PopoverTrigger, null, children),
+        React.createElement(Portal, null,
+            React.createElement(Box, { zIndex: "popover", position: contentPosition, top: "0", left: "0" },
+                React.createElement(PopoverContent, { borderRadius: "sm", boxShadow: "md", maxW: maxWidth, 
+                    // required for arrow to popup above shadow
+                    zIndex: "0", backgroundColor: "white", padding: contentPadding },
+                    showArrow ? React.createElement(PopoverArrow, { backgroundColor: "white" }) : null,
+                    React.createElement(PopoverBody, null, content))))));
+};
+
+export { Popover as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/popover/index.tsx"],"sourcesContent":[null],"names":["ChakraPopover"],"mappings":";;;AAoCA,IAAM,OAAO,GAAqB,UAAC,EAelC,EAAA;AAdC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,OAAiB,EAAjB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACjB,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,WAAmB,EAAnB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACX,EAAA,GAAA,EAAA,CAAA,IAAW,EAAX,IAAI,mBAAG,IAAI,GAAA,EAAA,EACX,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAA,GAAA,EAAA,CAAA,cAAsB,EAAtB,cAAc,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,eAAe,GAAA,EAAA,CAAA,eAAA;AAEf,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,SAAa,IACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,IAAI,EAAA;QAEZ,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,EAAE,QAAQ,CAAkB;AAC3C,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA;AACL,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAA;AAC/D,gBAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,EACd,IAAI,EAAE,QAAQ;;oBAEd,MAAM,EAAC,GAAG,EACV,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,cAAc,EAAA;AAEtB,oBAAA,SAAS,GAAG,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,eAAe,EAAC,OAAO,EAAA,CAAG,GAAG,IAAI;oBAC5D,KAAA,CAAA,aAAA,CAAC,WAAW,QAAE,OAAO,CAAe,CACrB,CACb,CACC,CACK;AAEpB;;;;"}

package/dist/esm/components/radio/RadioList.d.ts

@@ -1,10 +1,8 @@
-import React, { FC } from 'react';
+import { FC, JSX } from 'react';
+import { UseRadioGroupProps } from '@chakra-ui/react';
 type RadioListProps = {
-    options: React.ReactElement[];
-    name?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-};
-export declare const RadioList: FC<RadioListProps>;
-export {};
+    options: JSX.Element[];
+} & Pick<UseRadioGroupProps, 'name' | 'defaultValue' | 'onChange'>;
+declare const RadioList: FC<RadioListProps>;
+export default RadioList;
 //# sourceMappingURL=RadioList.d.ts.map

package/dist/esm/components/radio/RadioList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioList.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOlC,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAsCxC,CAAC"}
+{"version":3,"file":"RadioList.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAiB,kBAAkB,EAAU,MAAM,kBAAkB,CAAC;AAK7E,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;AAEnE,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyBjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/components/radio/RadioList.js

@@ -0,0 +1,21 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useRadioGroup, VStack, Divider } from '@chakra-ui/react';
+import { RadioListItem } from './RadioListItem.js';
+
+var RadioList = function (_a) {
+    var name = _a.name, defaultValue = _a.defaultValue, options = _a.options, onChange = _a.onChange;
+    var _b = useRadioGroup({
+        name: name,
+        defaultValue: defaultValue,
+        onChange: onChange,
+    }), getRootProps = _b.getRootProps, getRadioProps = _b.getRadioProps;
+    var group = getRootProps();
+    return (React.createElement(VStack, __assign({}, group, { spacing: 0, divider: React.createElement(Divider, { key: "divider" }) }), options.map(function (option) {
+        var radio = getRadioProps({ value: option.key });
+        return (React.createElement(RadioListItem, __assign({ key: option.key }, radio), option));
+    })));
+};
+
+export { RadioList as default };
+//# sourceMappingURL=RadioList.js.map

package/dist/esm/components/radio/RadioList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioList.js","sources":["../../../../../src/components/radio/RadioList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAUA,IAAM,SAAS,GAAuB,UAAC,EAKtC,EAAA;QAJC,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA;IAEF,IAAA,EAAA,GAAkC,aAAa,CAAC;AACpD,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,QAAQ,EAAA,QAAA;AACT,KAAA,CAAC,EAJM,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,aAAa,mBAIjC;AACF,IAAA,IAAM,KAAK,GAAG,YAAY,EAAE;IAE5B,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,IAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,oBAAC,OAAO,EAAA,EAAC,GAAG,EAAC,SAAS,EAAA,CAAG,EAAA,CAAA,EAC9D,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAA;AAClB,QAAA,IAAM,KAAK,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC;AAClD,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAM,KAAK,CAAA,EACtC,MAAM,CACO;IAEpB,CAAC,CAAC,CACK;AAEb;;;;"}

package/dist/esm/components/radio/RadioListItem.d.ts

@@ -1,8 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { RadioGroup } from '@chakra-ui/react';
-type Props = PropsWithChildren<React.ComponentProps<typeof RadioGroup.Item> & {
-    value: string;
-}>;
-export declare const RadioListItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export {};
+import React from 'react';
+import { UseRadioProps } from '@chakra-ui/react';
+export declare const RadioListItem: React.ForwardRefExoticComponent<UseRadioProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=RadioListItem.d.ts.map

package/dist/esm/components/radio/RadioListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAa,MAAM,kBAAkB,CAAC;AAIzD,KAAK,KAAK,GAAG,iBAAiB,CAC5B,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf,CACF,CAAC;AAEF,eAAO,MAAM,aAAa,6FAczB,CAAC"}
+{"version":3,"file":"RadioListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAY,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAI3D,eAAO,MAAM,aAAa;;0CA8BxB,CAAC"}

package/dist/esm/components/radio/RadioListItem.js

@@ -0,0 +1,20 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import { useRadio, Box } from '@chakra-ui/react';
+
+var RadioListItem = forwardRef(function (props, ref) {
+    var _a = useRadio(props), getInputProps = _a.getInputProps, getRadioProps = _a.getRadioProps;
+    var input = getInputProps();
+    var radioProps = getRadioProps();
+    return (React.createElement(Box, { as: "label", width: "full" },
+        React.createElement("input", __assign({}, input, { ref: ref })),
+        React.createElement(Box, __assign({}, radioProps, { cursor: "pointer", background: "white", borderRadius: "md", _hover: {
+                bg: 'gray.50',
+            }, _checked: {
+                bg: 'blue.100',
+            }, px: "lg", py: "sm" }), props.children)));
+});
+RadioListItem.displayName = 'RadioListItem';
+
+export { RadioListItem };
+//# sourceMappingURL=RadioListItem.js.map

package/dist/esm/components/radio/RadioListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioListItem.js","sources":["../../../../../src/components/radio/RadioListItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;IAKa,aAAa,GAAG,UAAU,CAGrC,UAAC,KAAK,EAAE,GAAG,EAAA;IACL,IAAA,EAAA,GAAmC,QAAQ,CAAC,KAAK,CAAC,EAAhD,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAoB;AAExD,IAAA,IAAM,KAAK,GAAG,aAAa,EAAE;AAC7B,IAAA,IAAM,UAAU,GAAG,aAAa,EAAE;IAElC,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAA;AAC1B,QAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAW,KAAK,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI;AAC9B,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,QAAA,CAAA,EAAA,EACE,UAAU,EAAA,EACd,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,OAAO,EAClB,YAAY,EAAC,IAAI,EACjB,MAAM,EAAE;AACN,gBAAA,EAAE,EAAE,SAAS;AACd,aAAA,EACD,QAAQ,EAAE;AACR,gBAAA,EAAE,EAAE,UAAU;AACf,aAAA,EACD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EAAA,CAAA,EAEN,KAAK,CAAC,QAAQ,CACX,CACF;AAEV,CAAC;AACD,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

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

@@ -1,25 +1,17 @@
 import React, { ChangeEvent } from 'react';
-import { RecipeVariantProps } from '@chakra-ui/react';
-import { radioRecipe } from 'src/themes/shared/slotRecipes/radio';
-export type Props = RecipeVariantProps<typeof radioRecipe> & {
-    value: string;
-    label?: string;
+import { RadioGroup } from '@chakra-ui/react';
+export interface Props {
     name?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-};
-export declare const Radio: React.ForwardRefExoticComponent<{
-    variant?: import("@chakra-ui/react").ConditionalValue<"fontRegular" | "fontBold" | undefined>;
-    size?: import("@chakra-ui/react").ConditionalValue<"base" | "md" | undefined>;
-} & {
     value: string;
     label?: string;
-    name?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
+    size?: 'md' | 'base';
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-} & React.RefAttributes<HTMLInputElement>>;
+    isChecked?: boolean;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    variant?: 'fontRegular' | 'fontBold';
+}
+declare const Radio: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default Radio;
+export { RadioGroup };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;AACvD,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,MAAM,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,WAAW,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,KAAK;;;;WATT,MAAM;YACL,MAAM;WACP,MAAM;cACH,OAAO;eACN,OAAO;cACR,OAAO;eACN,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;0CAqDzD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;AACvD,OAAO,EAAwB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,GAAG,UAAU,CAAC;CACtC;AAED,QAAA,MAAM,KAAK,gFA+BV,CAAC;AAGF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+import { Radio as Radio$1 } from '@chakra-ui/react';
+export { RadioGroup } from '@chakra-ui/react';
+
+var Radio = forwardRef(function (_a, ref) {
+    var name = _a.name, value = _a.value, label = _a.label, _b = _a.size, size = _b === void 0 ? 'base' : _b, onChange = _a.onChange, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, isInvalid = _a.isInvalid, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? 'fontRegular' : _e;
+    return (React.createElement(Radio$1, { name: name, value: value, size: size, onChange: onChange, isChecked: isChecked, isInvalid: isInvalid, isDisabled: isDisabled, ref: ref, variant: variant }, label));
+});
+Radio.displayName = 'Radio';
+
+export { Radio as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/radio/index.tsx"],"sourcesContent":[null],"names":["ChakraRadio"],"mappings":";;;;AAeA,IAAM,KAAK,GAAG,UAAU,CACtB,UACE,EAUC,EACD,GAAG,EAAA;AAVD,IAAA,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,IAAa,EAAb,IAAI,mBAAG,MAAM,GAAA,EAAA,EACb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACjB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,kBAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EAClB,EAAA,GAAA,EAAA,CAAA,OAAuB,EAAvB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA;AAIzB,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,OAAW,IACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,IAEf,KAAK,CACM;AAElB,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/components/rangeFilterInput/InputGroup.d.ts

@@ -1,14 +1,12 @@
 import React from 'react';
-import { RecipeVariantProps } from '@chakra-ui/react';
-import { numberInputRecipe } from 'src/themes/shared/slotRecipes/numberInput';
-import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
-type NumberInputVariantProps = RecipeVariantProps<typeof numberInputRecipe>;
-type InputGroupProps<Name extends string> = NumberInputVariantProps & {
+import { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
+type InputGroupProps<Name> = {
     handleChange: (event: ChangeCallback<Name>) => void;
     inputProps: RangeFilterInputField<Name>;
     onBlur?: (event: ChangeCallback<Name>) => void;
     unit?: string;
+    variant: 'inputLeft' | 'inputRight';
 } & PickedNumberInputProps;
-export declare const InputGroup: <Name extends string>({ handleChange, inputProps, onBlur, unit, ...rest }: InputGroupProps<Name>) => React.JSX.Element;
-export {};
+declare function InputGroup<Name extends string>({ handleChange, inputProps, onBlur, unit, variant, ...rest }: InputGroupProps<Name>): React.JSX.Element;
+export default InputGroup;
 //# sourceMappingURL=InputGroup.d.ts.map

package/dist/esm/components/rangeFilterInput/InputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAI9E,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,KAAK,uBAAuB,GAAG,kBAAkB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5E,KAAK,eAAe,CAAC,IAAI,SAAS,MAAM,IAAI,uBAAuB,GAAG;IACpE,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAQ3B,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,MAAM,EAAE,qDAM7C,eAAe,CAAC,IAAI,CAAC,sBAyEvB,CAAC"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,KAAK,eAAe,CAAC,IAAI,IAAI;IAC3B,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,GAAG,YAAY,CAAC;CACrC,GAAG,sBAAsB,CAAC;AAE3B,iBAAS,UAAU,CAAC,IAAI,SAAS,MAAM,EAAE,EACvC,YAAY,EACZ,UAAU,EACV,MAAM,EACN,IAAI,EACJ,OAAO,EACP,GAAG,IAAI,EACR,EAAE,eAAe,CAAC,IAAI,CAAC,qBAgCvB;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/components/rangeFilterInput/InputGroup.js

@@ -1,71 +1,23 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { useDebouncedCallback } from 'use-debounce';
-import React, { useState, useEffect } from 'react';
-import { useSlotRecipe, NumberInput } from '@chakra-ui/react';
-import { InputLeftElement } from './InputLeftElement.js';
+import React, { useState } from 'react';
+import { NumberInput, NumberInputField } from '@chakra-ui/react';
+import InputLeftElement from './InputLeftElement.js';
 
-var parseToNumberOrUndef = function (raw) {
-    if (raw.trim() === '')
-        return undefined;
-    var n = Number(raw);
-    return Number.isNaN(n) ? undefined : n;
-};
-var InputGroup = function (_a) {
-    var _b;
-    var handleChange = _a.handleChange, inputProps = _a.inputProps, onBlur = _a.onBlur, unit = _a.unit, rest = __rest(_a, ["handleChange", "inputProps", "onBlur", "unit"]);
-    var recipe = useSlotRecipe({ key: 'numberInput' });
-    var _c = recipe.splitVariantProps(rest), recipeProps = _c[0], restProps = _c[1];
-    var styles = recipe(recipeProps);
-    /**
-     * Local string state that represents exactly what the user typed.
-     *
-     * Why string:
-     * - Allows intermediate values ("1" → "10" → "100")
-     * - Prevents cursor jumps and unstable behavior
-     * - Most stable approach with Chakra v3 NumberInput
-     */
-    var _d = useState(inputProps.value != null ? String(inputProps.value) : ''), raw = _d[0], setRaw = _d[1];
-    /**
-     * Sync external value changes (e.g. slider moved) back into the input.
-     * Without this, the input would display stale values.
-     */
-    useEffect(function () {
-        setRaw(inputProps.value != null ? String(inputProps.value) : '');
-    }, [inputProps.value]);
-    /**
-     * Debounced emit PER INPUT (important!)
-     *
-     * Why per-input debounce:
-     * - Shared debounce caused race conditions between FROM / TO inputs
-     * - Each input must control its own timing
-     *
-     */
-    var debouncedEmit = useDebouncedCallback(function (nextRaw) {
-        handleChange({
-            name: inputProps.name,
-            value: parseToNumberOrUndef(nextRaw),
-        });
-    }, 1000);
-    return (React.createElement(NumberInput.Root, __assign({ css: styles.root, width: "full", 
-        // Update local string immediately
-        value: raw, onValueChange: function (_a) {
-            var value = _a.value;
-            setRaw(value);
-            debouncedEmit(value);
-        }, 
-        /**
-         * On blur we emit immediately as a safety net,
-         * ensuring the final value is always propagated.
-         */
-        onBlur: function () {
+function InputGroup(_a) {
+    var handleChange = _a.handleChange, inputProps = _a.inputProps, onBlur = _a.onBlur, unit = _a.unit, variant = _a.variant, rest = __rest(_a, ["handleChange", "inputProps", "onBlur", "unit", "variant"]);
+    var _b = useState(false), refocus = _b[0], setRefocus = _b[1];
+    return (React.createElement(NumberInput, __assign({ key: "".concat(inputProps.name, "-").concat(inputProps.value), width: "full", variant: variant, defaultValue: inputProps.value, name: inputProps.name, onChange: function (_, value) {
+            return handleChange({ value: value || undefined, name: inputProps.name });
+        }, onBlur: function (event) {
             onBlur === null || onBlur === void 0 ? void 0 : onBlur({
+                value: Number(event.target.value) || undefined,
                 name: inputProps.name,
-                value: parseToNumberOrUndef(raw),
             });
-        } }, restProps),
+            setRefocus(false);
+        }, onFocus: function () { return setRefocus(true); } }, rest),
         unit ? React.createElement(InputLeftElement, { unit: unit }) : null,
-        React.createElement(NumberInput.Input, { css: styles.input, placeholder: (_b = inputProps.placeholder) !== null && _b !== void 0 ? _b : '', "aria-label": inputProps.ariaLabel, fontSize: "base" })));
-};
+        React.createElement(NumberInputField, { placeholder: inputProps.placeholder ? inputProps.placeholder : '', fontSize: "base", autoFocus: refocus, "aria-label": inputProps.ariaLabel })));
+}
 
-export { InputGroup };
+export { InputGroup as default };
 //# sourceMappingURL=InputGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAmBA,SAAS,UAAU,CAAsB,EAOjB,EAAA;AANtB,IAAA,IAAA,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,IAAI,GAAA,MAAA,CAAA,EAAA,EANgC,2DAOxC,CADQ;IAED,IAAA,EAAA,GAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAmB;AAE7C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,aACV,GAAG,EAAE,UAAG,UAAU,CAAC,IAAI,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,UAAU,CAAC,KAAK,CAAE,EAC7C,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,UAAU,CAAC,KAAoC,EAC7D,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,EAAA;AACjB,YAAA,OAAA,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC;AAAlE,QAAA,CAAkE,EAEpE,MAAM,EAAE,UAAC,KAAK,EAAA;AACZ,YAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAG;gBACP,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,SAAS;gBAC9C,IAAI,EAAE,UAAU,CAAC,IAAI;AACtB,aAAA,CAAC;YACF,UAAU,CAAC,KAAK,CAAC;AACnB,QAAA,CAAC,EACD,OAAO,EAAE,YAAA,EAAM,OAAA,UAAU,CAAC,IAAI,CAAC,CAAA,CAAhB,CAAgB,EAAA,EAC3B,IAAI,CAAA;AAEP,QAAA,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,GAAG,IAAI;AAC/C,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,WAAW,EAAE,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,WAAW,GAAG,EAAE,EACjE,QAAQ,EAAC,MAAM,EACf,SAAS,EAAE,OAAO,EAAA,YAAA,EACN,UAAU,CAAC,SAAS,EAAA,CAChC,CACU;AAElB;;;;"}

package/dist/esm/components/rangeFilterInput/InputLeftElement.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-export declare const InputLeftElement: FC<{
+declare const InputLeftElement: FC<{
     unit: string;
 }>;
+export default InputLeftElement;
 //# sourceMappingURL=InputLeftElement.d.ts.map

package/dist/esm/components/rangeFilterInput/InputLeftElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLeftElement.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputLeftElement.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAWjD,CAAC"}
+{"version":3,"file":"InputLeftElement.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputLeftElement.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAY1C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/rangeFilterInput/InputLeftElement.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { InputElement } from '@chakra-ui/react';
+import { InputLeftElement as InputLeftElement$1 } from '@chakra-ui/react';
 
 var InputLeftElement = function (_a) {
     var unit = _a.unit;
-    return (React.createElement(InputElement, { insetY: "0", px: "sm", textStyle: "body-small", pointerEvents: "none" }, unit));
+    return (React.createElement(InputLeftElement$1, { pointerEvents: "none", paddingLeft: "sm", height: "full", fontSize: "sm", width: "auto" }, unit));
 };
 
-export { InputLeftElement };
+export { InputLeftElement as default };
 //# sourceMappingURL=InputLeftElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputLeftElement.js","sources":["../../../../../src/components/rangeFilterInput/InputLeftElement.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIO,IAAM,gBAAgB,GAAyB,UAAC,EAAQ,EAAA;AAAN,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;IAC3D,QACE,oBAAC,YAAY,EAAA,EACX,MAAM,EAAC,GAAG,EACV,EAAE,EAAC,IAAI,EACP,SAAS,EAAC,YAAY,EACtB,aAAa,EAAC,MAAM,EAAA,EAEnB,IAAI,CACQ;AAEnB;;;;"}
+{"version":3,"file":"InputLeftElement.js","sources":["../../../../../src/components/rangeFilterInput/InputLeftElement.tsx"],"sourcesContent":[null],"names":["ChakraInputLeftElement"],"mappings":";;;AAIA,IAAM,gBAAgB,GAAyB,UAAC,EAAQ,EAAA;AAAN,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;IACpD,QACE,KAAA,CAAA,aAAA,CAACA,kBAAsB,EAAA,EACrB,aAAa,EAAC,MAAM,EACpB,WAAW,EAAC,IAAI,EAChB,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,MAAM,EAAA,EAEX,IAAI,CACkB;AAE7B;;;;"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NumberInput } from '@chakra-ui/react';
+import { NumberInputProps } from '@chakra-ui/react';
 export type RangeFilterInputField<Name> = {
     name: Name;
     value?: number | null;
@@ -10,14 +10,14 @@ export type ChangeCallback<Name> = {
     value?: number | null;
     name: Name;
 };
-export type PickedNumberInputProps = Pick<React.ComponentProps<typeof NumberInput.Root>, 'min' | 'max' | 'disabled' | 'onFocus'>;
-type RangeFilterInputProps<NameFrom extends string, NameTo extends string> = {
+export type PickedNumberInputProps = Pick<NumberInputProps, 'min' | 'max' | 'isDisabled' | 'onFocus'>;
+type RangeFilterInputProps<NameFrom, NameTo> = {
     from: RangeFilterInputField<NameFrom>;
     handleChange: (event: ChangeCallback<NameFrom | NameTo>) => void;
     onBlur?: (event: ChangeCallback<NameFrom | NameTo>) => void;
     to: RangeFilterInputField<NameTo>;
     unit?: string;
 } & PickedNumberInputProps;
-export declare const RangeFilterInput: <NameFrom extends string, NameTo extends string>({ from, to, handleChange, unit, onBlur, ...rest }: RangeFilterInputProps<NameFrom, NameTo>) => React.JSX.Element;
-export {};
+declare function RangeFilterInput<NameFrom extends string, NameTo extends string>({ from, to, handleChange, unit, onBlur, ...rest }: RangeFilterInputProps<NameFrom, NameTo>): React.JSX.Element;
+export default RangeFilterInput;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,MAAM,MAAM,qBAAqB,CAAC,IAAI,IAAI;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EAC7C,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CACvC,CAAC;AAEF,KAAK,qBAAqB,CAAC,QAAQ,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,IAAI;IAC3E,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAE3B,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,mDAOC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,sBAsBzC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,qBAAqB,CAAC,IAAI,IAAI;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,gBAAgB,EAChB,KAAK,GAAG,KAAK,GAAG,YAAY,GAAG,SAAS,CACzC,CAAC;AAEF,KAAK,qBAAqB,CAAC,QAAQ,EAAE,MAAM,IAAI;IAC7C,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAE3B,iBAAS,gBAAgB,CAAC,QAAQ,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,EAAE,EACxE,IAAI,EACJ,EAAE,EACF,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,GAAG,IAAI,EACR,EAAE,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,qBAwBzC;AAED,eAAe,gBAAgB,CAAC"}

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

@@ -1,14 +1,16 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import { useDebouncedCallback } from 'use-debounce';
 import React from 'react';
-import { Flex } from '@chakra-ui/react';
-import { InputGroup } from './InputGroup.js';
+import { InputGroup } from '@chakra-ui/react';
+import InputGroup$1 from './InputGroup.js';
 
-var RangeFilterInput = function (_a) {
+function RangeFilterInput(_a) {
     var from = _a.from, to = _a.to, handleChange = _a.handleChange, unit = _a.unit, onBlur = _a.onBlur, rest = __rest(_a, ["from", "to", "handleChange", "unit", "onBlur"]);
-    return (React.createElement(Flex, null,
-        React.createElement(InputGroup, __assign({ inputProps: from, variant: "inputLeft", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest)),
-        React.createElement(InputGroup, __assign({ inputProps: to, variant: "inputRight", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest))));
-};
+    var handleChangeDebounced = useDebouncedCallback(handleChange, 1000);
+    return (React.createElement(InputGroup, { display: "flex" },
+        React.createElement(InputGroup$1, __assign({ inputProps: from, variant: "inputLeft", handleChange: handleChangeDebounced, onBlur: onBlur, unit: unit }, rest)),
+        React.createElement(InputGroup$1, __assign({ inputProps: to, variant: "inputRight", handleChange: handleChangeDebounced, onBlur: onBlur, unit: unit }, rest))));
+}
 
-export { RangeFilterInput };
+export { RangeFilterInput as default };
 //# sourceMappingURL=index.js.map