@smg-automotive/components 25.11.0-talamcol-migrate-collapse.1 → 25.11.0-talamcol-displayValue-styles.1

package/dist/esm/components/navigation/header/navigationTenantMenu/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/navigationTenantMenu/Content.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,mBAAmB,CAAC;IAC1B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,KAAK,CAkCjD,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/navigationTenantMenu/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,mBAAmB,CAAC;IAC1B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,2BAA2B,gFA+BhC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/esm/components/navigation/header/navigationTenantMenu/Content.js

@@ -1,9 +1,9 @@
 import { __awaiter, __generator } from '../../../../node_modules/tslib/tslib.es6.js';
-import React, { useState, useCallback } from 'react';
+import React, { forwardRef, useState, useCallback } from 'react';
 import { TenantSelectionSelectList } from '../../../tenantSelection/select/List.js';
 import { NavigationTenantMenuLoading } from './Loading.js';
 
-var NavigationTenantMenuContent = function (_a) {
+var NavigationTenantMenuContent = forwardRef(function (_a, ref) {
     var user = _a.user, selectTenant = _a.selectTenant, onClose = _a.onClose, title = _a.title, selectedTenantId = _a.selectedTenantId;
     var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
     var onTenantSelect = useCallback(function (newTenantId) { return __awaiter(void 0, void 0, void 0, function () {
@@ -27,9 +27,9 @@ var NavigationTenantMenuContent = function (_a) {
         });
     }); }, [selectTenant, onClose]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(TenantSelectionSelectList, { managedSellers: user.managedSellers, selectedTenantId: selectedTenantId, onTenantSelect: onTenantSelect, title: title, searchFieldOptions: { autoComplete: 'off' } }),
+        React.createElement(TenantSelectionSelectList, { managedSellers: user.managedSellers, selectedTenantId: selectedTenantId, onTenantSelect: onTenantSelect, title: title, searchFieldOptions: { autoComplete: 'off' }, ref: ref }),
         isLoading ? React.createElement(NavigationTenantMenuLoading, null) : null));
-};
+});
 
-export { NavigationTenantMenuContent };
+export { NavigationTenantMenuContent as default };
 //# sourceMappingURL=Content.js.map

package/dist/esm/components/navigation/header/navigationTenantMenu/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../../src/components/navigation/header/navigationTenantMenu/Content.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAeO,IAAM,2BAA2B,GAAc,UAAC,EAMtD,EAAA;AALC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,gBAAgB,GAAA,EAAA,CAAA,gBAAA;IAEV,IAAA,EAAA,GAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAmB;AAEjD,IAAA,IAAM,cAAc,GAAG,WAAW,CAChC,UAAO,WAAmB,EAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;oBACxB,YAAY,CAAC,IAAI,CAAC;;;;AAEhB,oBAAA,OAAA,CAAA,CAAA,YAAM,YAAY,CAAC,WAAW,CAAC,CAAA;;AAA/B,oBAAA,EAAA,CAAA,IAAA,EAA+B;;;AAE/B,oBAAA,OAAO,EAAE;oBACT,YAAY,CAAC,KAAK,CAAC;;;;;AAEtB,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACD,CAAC,YAAY,EAAE,OAAO,CAAC,CACxB;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACE,KAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EACxB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAA,CAC3C;AACD,QAAA,SAAS,GAAG,KAAA,CAAA,aAAA,CAAC,2BAA2B,EAAA,IAAA,CAAG,GAAG,IAAI,CAClD;AAEP;;;;"}
+{"version":3,"file":"Content.js","sources":["../../../../../../../src/components/navigation/header/navigationTenantMenu/Content.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAeA,IAAM,2BAA2B,GAAG,UAAU,CAC5C,UAAC,EAAwD,EAAE,GAAG,EAAA;AAA3D,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,gBAAA;IAC/C,IAAA,EAAA,GAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAmB;AAEjD,IAAA,IAAM,cAAc,GAAG,WAAW,CAChC,UAAO,WAAmB,EAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;oBACxB,YAAY,CAAC,IAAI,CAAC;;;;AAEhB,oBAAA,OAAA,CAAA,CAAA,YAAM,YAAY,CAAC,WAAW,CAAC,CAAA;;AAA/B,oBAAA,EAAA,CAAA,IAAA,EAA+B;;;AAE/B,oBAAA,OAAO,EAAE;oBACT,YAAY,CAAC,KAAK,CAAC;;;;;AAEtB,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACD,CAAC,YAAY,EAAE,OAAO,CAAC,CACxB;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EACxB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAC3C,GAAG,EAAE,GAAG,EAAA,CACR;AACD,QAAA,SAAS,GAAG,KAAA,CAAA,aAAA,CAAC,2BAA2B,EAAA,IAAA,CAAG,GAAG,IAAI,CAClD;AAEP,CAAC;;;;"}

package/dist/esm/components/navigation/header/navigationTenantMenu/Loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/navigationTenantMenu/Loading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,2BAA2B,EAAE,EAkBzC,CAAC"}
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/navigationTenantMenu/Loading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,2BAA2B,EAAE,EAoBzC,CAAC"}

package/dist/esm/components/navigation/header/navigationTenantMenu/Loading.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { Spinner } from '../../../spinner/index.js';
+import Spinner from '../../../spinner/index.js';
 import { Box } from '@chakra-ui/react';
 
 var NavigationTenantMenuLoading = function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Box, { position: "absolute", top: "0", bottom: "0", left: "0", right: "0", bg: "gray.900", css: { opacity: 0.7 } }),
-    React.createElement(Box, { position: "absolute", css: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)' } },
+    React.createElement(Box, { position: "absolute", top: "0", bottom: "0", left: "0", right: "0", bg: "gray.900", opacity: "0.7" }),
+    React.createElement(Box, { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
         React.createElement(Spinner, null)))); };
 
 export { NavigationTenantMenuLoading };

package/dist/esm/components/navigation/header/navigationTenantMenu/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../../../../src/components/navigation/header/navigationTenantMenu/Loading.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKO,IAAM,2BAA2B,GAAO,YAAA,EAAM,QACnD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,IAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,GAAG,EACT,EAAE,EAAC,UAAU,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAA,CACrB;IACF,KAAA,CAAA,aAAA,CAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,EAAA;AAEpE,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,CAAG,CACP,CACL,EACJ,CAlBoD;;;;"}
+{"version":3,"file":"Loading.js","sources":["../../../../../../../src/components/navigation/header/navigationTenantMenu/Loading.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKO,IAAM,2BAA2B,GAAO,YAAA,EAAM,QACnD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,IAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,GAAG,EACT,EAAE,EAAC,UAAU,EACb,OAAO,EAAC,KAAK,EAAA,CACb;AACF,IAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,KAAK,EACT,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,uBAAuB,EAAA;AAEjC,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,CAAG,CACP,CACL,EACJ,CApBoD;;;;"}

package/dist/esm/components/navigation/header/navigationTenantMenu/index.d.ts

@@ -4,6 +4,6 @@ type Props = {
     user: EnrichedSessionUser | null;
     selectTenant: (sellerId: number | string) => Promise<void>;
 };
-export declare const NavigationTenantMenu: FC<Props>;
-export {};
+declare const NavigationTenantMenu: FC<Props>;
+export default NavigationTenantMenu;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/navigation/header/navigationTenantMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/navigationTenantMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAUhE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAiG1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/navigationTenantMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAmB,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAkBhE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA2FnC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/esm/components/navigation/header/navigationTenantMenu/index.js

@@ -1,7 +1,6 @@
-import React, { useMemo } from 'react';
-import { useDisclosure, Box, Popover, Button, Portal } from '@chakra-ui/react';
+import React, { useRef, useMemo } from 'react';
+import { useDisclosure, Popover, PopoverTrigger, Button, Text, Portal, Box, PopoverContent } from '@chakra-ui/react';
 import { useI18n } from '../../../../utilities/i18nInit.js';
-import { Text } from '../../../text/index.js';
 import '../../../icons/AdvancedSearchIcon.js';
 import '../../../icons/ArrowCircleIcon.js';
 import '../../../icons/ArrowDiagonalIcon.js';
@@ -168,11 +167,15 @@ import '../../../icons/QualitySealIcon.js';
 import '../../../icons/ExpandIcon.js';
 import '../../../icons/CollapseIcon.js';
 import '../../../icons/ForwardIcon.js';
-import { NavigationTenantMenuContent } from './Content.js';
+import '../../../icons/BalanceIcon.js';
+import '../../../icons/ParagraphIcon.js';
+import Hide from '../../../hide/index.js';
+import NavigationTenantMenuContent from './Content.js';
 
 var NavigationTenantMenu = function (_a) {
     var user = _a.user, selectTenant = _a.selectTenant;
-    var _b = useDisclosure(), onClose = _b.onClose, open = _b.open, onToggle = _b.onToggle;
+    var initialFocusRef = useRef(null);
+    var _b = useDisclosure(), onClose = _b.onClose, isOpen = _b.isOpen, onToggle = _b.onToggle;
     var t = useI18n().t;
     var selectedTenant = useMemo(function () {
         var _a;
@@ -182,30 +185,20 @@ var NavigationTenantMenu = function (_a) {
         return null;
     var selectedTenantInfo = "".concat(selectedTenant.billingName || '', " ").concat(selectedTenant.billingCity || '').trim() ||
         selectedTenant.id.toString();
-    return (React.createElement(Box, { hideBelow: "sm", display: "flex", alignItems: "center" },
-        React.createElement(Popover.Root, { positioning: { placement: 'bottom-end' }, onOpenChange: function (e) {
-                if (!e.open)
-                    onClose();
-            }, open: open, lazyMount: true, unmountOnExit: true },
-            React.createElement(Popover.Trigger, { asChild: true },
-                React.createElement(Button, { p: "0", color: open ? 'blue.700' : 'gray.900', _hover: { color: 'blue.700' }, onClick: onToggle, display: "inline-flex", flexDirection: "row", alignItems: "center", gap: "xs", cursor: "pointer", css: { background: 'transparent' } },
-                    React.createElement(GarageIcon, null),
-                    React.createElement(Box, { hideBelow: "md" },
-                        React.createElement(Text, { fontWeight: "bold", lineClamp: 1, maxW: "2xl", textAlign: "left", title: selectedTenantInfo }, selectedTenantInfo)),
-                    React.createElement(ChevronDownSmallIcon, { transition: "transform", transitionDuration: "fast", transform: open ? 'rotate(180deg)' : 'rotate(0deg)' }))),
+    return (React.createElement(Hide, { below: "sm" },
+        React.createElement(Popover, { placement: "bottom-end", returnFocusOnClose: true, onClose: onClose, isOpen: isOpen, initialFocusRef: initialFocusRef, isLazy: true, lazyBehavior: "unmount" },
+            React.createElement(PopoverTrigger, null,
+                React.createElement(Button, { p: "0", color: isOpen ? 'blue.700' : 'gray.900', _hover: { color: 'blue.700' }, leftIcon: React.createElement(GarageIcon, null), rightIcon: React.createElement(ChevronDownSmallIcon, { transition: "0.2s", transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' }), iconSpacing: "xs", onClick: onToggle },
+                    React.createElement(Hide, { below: "md" },
+                        React.createElement(Text, { as: "span", fontWeight: "bold", noOfLines: 1, maxW: { base: 'xl', md: '2xl' }, textAlign: "left", title: selectedTenantInfo }, selectedTenantInfo)))),
             React.createElement(Portal, null,
                 React.createElement(Box, { zIndex: "popover", w: "full", h: "full", position: "relative" },
-                    React.createElement(Popover.Positioner, null,
-                        React.createElement(Popover.Content, { bg: "white", boxShadow: "sm", color: "gray.900", width: {
-                                base: 'full',
-                                md: '6xl',
-                            }, css: {
-                                maxHeight: 'auth0-height',
-                                borderWidth: '1px',
-                                marginTop: '10px',
-                            }, p: "2xl", borderRadius: "sm", borderColor: "gray.200", display: "flex", alignItems: "center", flexDirection: "column", gap: "2xl", overflow: "auto" },
-                            React.createElement(NavigationTenantMenuContent, { user: user, selectTenant: selectTenant, onClose: onClose, selectedTenantId: selectedTenant.id, title: t('auth.tenantSelection.selectionTitle') }))))))));
+                    React.createElement(PopoverContent, { bg: "white", boxShadow: "sm", color: "gray.900", width: {
+                            base: 'full',
+                            md: '6xl',
+                        }, maxH: "auth0-height", p: "2xl", borderRadius: "sm", borderWidth: "1px", borderColor: "gray.200", marginTop: "10px", alignItems: "center", flexDirection: "column", gridGap: "2xl", overflow: "auto" },
+                        React.createElement(NavigationTenantMenuContent, { user: user, selectTenant: selectTenant, onClose: onClose, selectedTenantId: selectedTenant.id, title: t('auth.tenantSelection.selectionTitle'), ref: initialFocusRef })))))));
 };
 
-export { NavigationTenantMenu };
+export { NavigationTenantMenu as default };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/navigation/header/navigationTenantMenu/index.js.map

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

package/dist/esm/components/pagination/PaginationButton.d.ts

@@ -0,0 +1,10 @@
+import { FC, MouseEvent, PropsWithChildren } from 'react';
+interface Props {
+    isDisabled?: boolean;
+    isActive?: boolean;
+    ariaLabel: string;
+    onClick: (e: MouseEvent) => void;
+}
+declare const PaginationButton: FC<PropsWithChildren<Props>>;
+export default PaginationButton;
+//# sourceMappingURL=PaginationButton.d.ts.map

package/dist/esm/components/pagination/PaginationButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/PaginationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAgBlD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useMultiStyleConfig, chakra } from '@chakra-ui/react';
+
+var PaginationButton = function (props) {
+    var children = props.children, isDisabled = props.isDisabled, isActive = props.isActive, ariaLabel = props.ariaLabel, onClick = props.onClick;
+    var paginationButton = useMultiStyleConfig('Pagination', {
+        variant: isActive ? 'active' : 'default',
+    }).paginationButton;
+    return (React.createElement(chakra.button, { __css: paginationButton, disabled: isDisabled, "aria-current": isActive, "aria-label": ariaLabel, onClick: onClick }, children));
+};
+
+export { PaginationButton as default };
+//# sourceMappingURL=PaginationButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationButton.js","sources":["../../../../../src/components/pagination/PaginationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAUA,IAAM,gBAAgB,GAAiC,UAAC,KAAK,EAAA;IACnD,IAAA,QAAQ,GAA+C,KAAK,CAAA,QAApD,EAAE,UAAU,GAAmC,KAAK,CAAA,UAAxC,EAAE,QAAQ,GAAyB,KAAK,CAAA,QAA9B,EAAE,SAAS,GAAc,KAAK,CAAA,SAAnB,EAAE,OAAO,GAAK,KAAK,CAAA,OAAV;AAClD,IAAA,IAAA,gBAAgB,GAAK,mBAAmB,CAAC,YAAY,EAAE;QAC7D,OAAO,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS;AACzC,KAAA,CAAC,iBAFsB;IAGxB,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,MAAM,IACZ,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,UAAU,EAAA,cAAA,EACN,QAAQ,EAAA,YAAA,EACV,SAAS,EACrB,OAAO,EAAE,OAAO,EAAA,EAEf,QAAQ,CACK;AAEpB;;;;"}

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

@@ -1,15 +1,10 @@
-import { FC } from 'react';
+import { FC, PropsWithChildren } from 'react';
 import { BoxProps } from '@chakra-ui/react';
-export type PaginationProps = {
+export type Props = {
     totalPages: number;
-    /**
-     * index of the current page, zero-based
-     */
     currentPage: number;
-    /**
-     * @param page zero-based page index
-     */
     onChange: (page: number) => void;
 } & Pick<BoxProps, 'marginTop' | 'marginBottom'>;
-export declare const Pagination: FC<PaginationProps>;
+declare const Pagination: FC<PropsWithChildren<Props>>;
+export default Pagination;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,QAAQ,EAIT,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,GAAG,IAAI,CAAC,QAAQ,EAAE,WAAW,GAAG,cAAc,CAAC,CAAC;AAEjD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyE1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAA6B,MAAM,kBAAkB,CAAC;AAavE,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,GAAG,IAAI,CAAC,QAAQ,EAAE,WAAW,GAAG,cAAc,CAAC,CAAC;AAEjD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAqI5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

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';
@@ -167,29 +167,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":"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"}
+{"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"}