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

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

@@ -1,33 +1,234 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useRecipe, Flex, Box, Text } from '@chakra-ui/react';
-import { chipRecipe } from '../../themes/shared/recipes/chip.js';
+import { Flex, Box, Text } from '@chakra-ui/react';
+import '../icons/AdvancedSearchIcon.js';
+import '../icons/ArrowCircleIcon.js';
+import '../icons/ArrowDiagonalIcon.js';
+import '../icons/ArrowDownIcon.js';
+import '../icons/ArrowLeftIcon.js';
+import '../icons/ArrowRightIcon.js';
+import '../icons/ArrowUpIcon.js';
+import '../icons/AutoScout24AppLogo.js';
+import '../icons/AvatarIcon.js';
+import '../icons/AvatarWithNotificationIcon.js';
+import '../icons/BatteryIcon.js';
+import '../icons/BookmarkIcon.js';
+import '../icons/CalculatorIcon.js';
+import '../icons/CalendarIcon.js';
+import '../icons/CallIcon.js';
+import '../icons/CamperIcon.js';
+import '../icons/CarConditionIcon.js';
+import '../icons/CarIcon.js';
+import '../icons/CopyIcon.js';
+import '../icons/ChartIcon.js';
 import { CheckmarkIcon } from '../icons/CheckmarkIcon.js';
+import '../icons/CheckmarkCircleIcon.js';
+import '../icons/CheckShieldIcon.js';
+import '../icons/ChevronDownLargeIcon.js';
+import '../icons/ChevronDownSmallIcon.js';
+import '../icons/ChevronLeftLargeIcon.js';
+import '../icons/ChevronLeftSmallIcon.js';
+import '../icons/ChevronRightLargeIcon.js';
+import '../icons/ChevronRightSmallIcon.js';
+import '../icons/ChevronRightTinyIcon.js';
+import '../icons/ChevronUpLargeIcon.js';
+import '../icons/ChevronUpSmallIcon.js';
+import '../icons/CloseIcon.js';
+import '../icons/CompareIcon.js';
+import '../icons/ConsumptionIcon.js';
+import '../icons/CreditIcon.js';
+import '../icons/CreditCardIcon.js';
+import '../icons/DaylightIcon.js';
+import '../icons/DeleteIcon.js';
+import '../icons/DocumentCheckIcon.js';
+import '../icons/DocumentIcon.js';
+import '../icons/DragIcon.js';
+import '../icons/DriveSystemIcon.js';
+import '../icons/DriveTypeIcon.js';
+import '../icons/EquipmentIcon.js';
+import '../icons/ErrorIcon.js';
+import '../icons/ExchangeIcon.js';
+import '../icons/EyeIcon.js';
+import '../icons/EyeCrossedIcon.js';
+import '../icons/FacebookIcon.js';
+import '../icons/FlagIcon.js';
+import '../icons/FlameIcon.js';
+import '../icons/FlashIcon.js';
+import '../icons/GasStationIcon.js';
+import '../icons/HeartIcon.js';
+import '../icons/HistoryClockIcon.js';
+import '../icons/HouseIcon.js';
+import '../icons/ImageIcon.js';
+import '../icons/InfoIcon.js';
+import '../icons/InstagramIcon.js';
+import '../icons/InteriorIcon.js';
+import '../icons/LinkedinIcon.js';
+import '../icons/ListIcon.js';
+import '../icons/LocationPinIcon.js';
+import '../icons/MagnifierIcon.js';
+import '../icons/MessageIcon.js';
+import '../icons/MissingImageIcon.js';
+import '../icons/MotorcycleIcon.js';
+import '../icons/MotoScout24AppLogo.js';
+import '../icons/PenIcon.js';
+import '../icons/PlusIcon.js';
+import '../icons/ChfCurrencyIcon.js';
+import '../icons/PrintIcon.js';
+import '../icons/RangeIcon.js';
+import '../icons/RoadIcon.js';
+import '../icons/RotateIcon.js';
+import '../icons/SafeNumberIcon.js';
+import '../icons/ShareIcon.js';
+import '../icons/StarIcon.js';
+import '../icons/SteeringWheelIcon.js';
+import '../icons/ThreeSixtyIcon.js';
+import '../icons/TimeIcon.js';
+import '../icons/TooltipIcon.js';
+import '../icons/InformationIcon.js';
+import '../icons/TopListingIcon.js';
+import '../icons/TrailerIcon.js';
+import '../icons/TransmissionIcon.js';
+import '../icons/Trash.js';
+import '../icons/TruckIcon.js';
+import '../icons/TwitterIcon.js';
+import '../icons/UtilityVehicleIcon.js';
+import '../icons/VehiclePowerIcon.js';
+import '../icons/VehicleTypesMotorcycleIcon.js';
+import '../icons/VideoIcon.js';
+import '../icons/VideoCameraIcon.js';
+import '../icons/ViewCarIcon.js';
+import '../icons/DriveSystemLargeIcon.js';
+import '../icons/WarningIcon.js';
+import '../icons/WhatsAppIcon.js';
+import '../icons/YoutubeIcon.js';
+import '../icons/SortIcon.js';
+import '../icons/ViewMotorcycleIcon.js';
+import '../icons/GoogleIcon.js';
+import '../icons/SaveSearchIcon.js';
+import '../icons/AutoScout24Icon.js';
+import '../icons/MotoScout24Icon.js';
+import '../icons/MagnifierLargeIcon.js';
+import '../icons/RocketIcon.js';
+import '../icons/CartIcon.js';
+import '../icons/VanIcon.js';
+import '../icons/MiniVanIcon.js';
+import '../icons/SuvIcon.js';
+import '../icons/CoupeIcon.js';
+import '../icons/CabrioletIcon.js';
+import '../icons/SmallCarIcon.js';
+import '../icons/SedanIcon.js';
+import '../icons/WagonIcon.js';
+import '../icons/PickUpIcon.js';
+import '../icons/InformationBubbleIcon.js';
+import '../icons/OverflowVerticalIcon.js';
+import '../icons/PartialClockIcon.js';
+import '../icons/LockIcon.js';
+import '../icons/TiltedRectangleIcon.js';
+import '../icons/PlusCircleIcon.js';
+import '../icons/StarCircleIcon.js';
+import '../icons/InfinityCircleIcon.js';
+import '../icons/VehicleTypesMotorcycleStarIcon.js';
+import '../icons/CategoryAOneIcon.js';
+import '../icons/CategoryAIcon.js';
+import '../icons/CategoryAMinusIcon.js';
+import '../icons/BankNotesIcon.js';
+import '../icons/ChatBubbleIcon.js';
+import '../icons/DigitalContractIcon.js';
+import '../icons/OptimizerIcon.js';
+import '../icons/CheckmarkCircleColorIcon.js';
+import '../icons/ArrowDownCircleIcon.js';
+import '../icons/ArrowUpCircleIcon.js';
+import '../icons/NotAvailableIcon.js';
+import '../icons/LabelIcon.js';
+import '../icons/BulbIcon.js';
+import '../icons/NoPhotoIcon.js';
+import '../icons/ThumbsUpIcon.js';
+import '../icons/ThumbsDownIcon.js';
+import '../icons/MinusIcon.js';
+import '../icons/DoubleChevronUpIcon.js';
+import '../icons/DoubleChevronDownIcon.js';
+import '../icons/DoubleLineIcon.js';
+import '../icons/NotAvailableSquareIcon.js';
+import '../icons/WarrantyIcon.js';
+import '../icons/DownloadIcon.js';
+import '../icons/TriangleIcon.js';
+import '../icons/SwissFlagIcon.js';
+import '../icons/GlobeIcon.js';
+import '../icons/GarageIcon.js';
+import '../icons/HamburgerMenuIcon.js';
+import '../icons/LogoutIcon.js';
+import '../icons/AndroidIcon.js';
+import '../icons/AppleIcon.js';
+import '../icons/WindowsIcon.js';
+import '../icons/SpeakerIcon.js';
+import '../icons/AddPhotoIcon.js';
+import '../icons/ScreenIcon.js';
+import '../icons/QualitySealIcon.js';
+import '../icons/ExpandIcon.js';
+import '../icons/CollapseIcon.js';
+import '../icons/ForwardIcon.js';
+import '../icons/BalanceIcon.js';
+import '../icons/ParagraphIcon.js';
 
+var getChipStyles = function (isActive) {
+    if (isActive) {
+        return {
+            bg: 'blue.100',
+            color: 'gray.900',
+            border: '1px solid transparent',
+            _hover: { bg: 'blue.50' },
+            _active: { bg: 'blue.200' },
+            _focusVisible: {
+                outline: '2px solid',
+                outlineColor: 'blue.300',
+                outlineOffset: 0,
+            },
+        };
+    }
+    return {
+        bg: 'white',
+        color: 'gray.900',
+        border: '1px solid',
+        borderColor: 'gray.200',
+        _hover: {
+            bg: 'white',
+            borderColor: 'black',
+        },
+        _active: {
+            bg: 'gray.100',
+            borderColor: 'gray.200',
+        },
+        _focusVisible: {
+            outline: '2px solid',
+            outlineColor: 'blue.300',
+            outlineOffset: 0,
+        },
+    };
+};
 var Chip = function (_a) {
-    var children = _a.children, onClick = _a.onClick, href = _a.href, ariaLabel = _a["aria-label"], rest = __rest(_a, ["children", "onClick", "href", 'aria-label']);
-    var recipe = useRecipe({ recipe: chipRecipe });
-    var recipeProps = recipe.splitVariantProps(rest)[0];
-    var styles = recipe(recipeProps);
+    var children = _a.children, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, onClick = _a.onClick, isActive = _a.isActive, href = _a.href, ariaLabel = _a["aria-label"], rest = __rest(_a, ["children", "isDisabled", "onClick", "isActive", "href", 'aria-label']);
+    var chipStyles = getChipStyles(isActive);
     var handleClick = function () {
-        onClick === null || onClick === void 0 ? void 0 : onClick();
+        if (!isDisabled && onClick) {
+            onClick();
+        }
     };
     var handleKeyDown = function (event) {
-        if (event.key === 'Enter' || event.key === ' ') {
+        if (!isDisabled && (event.key === 'Enter' || event.key === ' ')) {
             event.preventDefault();
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
     };
-    var commonProps = __assign({ css: styles, 'aria-label': ariaLabel }, rest);
+    var commonProps = __assign(__assign({ display: 'flex', alignItems: 'center', borderRadius: 'full', transition: 'background-color 0.2s', outline: 'none', cursor: isDisabled ? 'not-allowed' : 'pointer', opacity: isDisabled ? 0.4 : 1, px: isActive ? 'md' : '2xl', py: 'sm', minH: 8, width: 'max-content', flexShrink: 0, 'aria-label': ariaLabel }, chipStyles), rest);
     var isLink = Boolean(href);
     var asType = isLink ? 'a' : 'button';
-    return (React.createElement(Flex, __assign({ as: asType }, (isLink && onClick ? { href: href } : {}), (!isLink ? { type: 'button' } : {}), { onClick: handleClick, onKeyDown: handleKeyDown }, commonProps),
-        recipeProps.selected ? (React.createElement(Box, { mx: "xs", color: "currentColor", display: "flex", alignItems: "center", justifyContent: "center" },
+    return (React.createElement(Flex, __assign({ as: asType, href: isLink && !isDisabled ? href : undefined, type: !isLink ? 'button' : undefined, onClick: handleClick, onKeyDown: handleKeyDown, tabIndex: isDisabled ? -1 : 0 }, commonProps),
+        isActive ? (React.createElement(Box, { mx: "xs", color: "currentColor", display: "flex", alignItems: "center", justifyContent: "center" },
             React.createElement(CheckmarkIcon, { height: "xs", width: "xs" }))) : null,
         React.createElement(Box, { as: "span", whiteSpace: "nowrap" },
             React.createElement(Text, { textStyle: "body-small" }, children))));
 };
 Chip.displayName = 'Chip';
 
-export { Chip };
+export { Chip as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/chip/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAmBO,IAAM,IAAI,GAAqC,UAAC,EAMtD,EAAA;AALC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,aAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACU,SAAS,GAAA,EAAA,CAAA,YAAA,CAAA,EACpB,IAAI,GAAA,MAAA,CAAA,EAAA,EAL8C,6CAMtD,CADQ;IAEP,IAAM,MAAM,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;IACzC,IAAA,WAAW,GAAI,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA,CAAA,CAAlC;AAClB,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;AAElC,IAAA,IAAM,WAAW,GAAG,YAAA;AAClB,QAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,EAAI;AACb,IAAA,CAAC;IAED,IAAM,aAAa,GAAG,UAAC,KAA0C,EAAA;AAC/D,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,EAAI;QACb;AACF,IAAA,CAAC;AAED,IAAA,IAAM,WAAW,GAAG,QAAA,CAAA,EAClB,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,SAAS,EAAA,EACpB,IAAI,CACc;AAEvB,IAAA,IAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAC5B,IAAM,MAAM,GAAG,MAAM,GAAG,GAAG,GAAG,QAAQ;IAEtC,QACE,oBAAC,IAAI,EAAA,QAAA,CAAA,EACH,EAAE,EAAE,MAAM,EAAA,GACL,MAAM,IAAI,OAAO,GAAG,EAAE,IAAI,EAAA,IAAA,EAAE,GAAG,EAAE,IACjC,CAAC,MAAM,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAC,EACvC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EAAA,EACpB,WAAW,CAAA;QAEd,WAAW,CAAC,QAAQ,IACnB,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,cAAc,EACpB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EAAA;AAEvB,YAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,CACpC,IACJ,IAAI;QACR,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA;YAChC,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA,EAAE,QAAQ,CAAQ,CAC1C,CACD;AAEX;AAEA,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/chip/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -1,9 +1,4 @@
-import { FC } from 'react';
-import { CollapsibleRootProps } from '@chakra-ui/react';
-type CollapseProps = {
-    in: boolean;
-    animateOpacity: boolean;
-} & Omit<CollapsibleRootProps, 'open'>;
-declare const Collapse: FC<CollapseProps>;
-export { Collapse, type CollapseProps };
+import { Collapse, CollapseProps } from '@chakra-ui/react';
+export default Collapse;
+export type { CollapseProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/collapse/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAe,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAErE,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,OAAO,CAAC;IACZ,cAAc,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;AAEvC,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAa/B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/collapse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE3D,eAAe,QAAQ,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,15 +1,3 @@
-import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
-import React from 'react';
-import { Collapsible } from '@chakra-ui/react';
-
-var Collapse = function (_a) {
-    var isOpen = _a.in, animateOpacity = _a.animateOpacity, rest = __rest(_a, ["in", "animateOpacity"]);
-    var animationProps = animateOpacity
-        ? { _open: { animation: 'fade-in' } }
-        : {};
-    return (React.createElement(Collapsible.Root, __assign({ open: isOpen }, rest, animationProps),
-        React.createElement(Collapsible.Content, null, "Some content")));
-};
-
-export { Collapse };
+import { Collapse } from '@chakra-ui/react';
+export { Collapse as default } from '@chakra-ui/react';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/collapse/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAQA,IAAM,QAAQ,GAAsB,UAAC,EAIpC,EAAA;IAHC,IAAI,MAAM,QAAA,EACV,cAAc,oBAAA,EACX,IAAI,GAAA,MAAA,CAAA,EAAA,EAH4B,CAAA,IAAA,EAAA,gBAAA,CAIpC,CADQ;IAEP,IAAM,cAAc,GAAG;UACnB,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAkB,EAAE;UAC1C,EAAE;AACN,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,IAAI,EAAE,MAAM,EAAA,EAAM,IAAI,EAAM,cAAc,CAAA;AAC1D,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,OAAO,EAAA,IAAA,EAAA,cAAA,CAAmC,CACtC;AAEvB;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,8 +1,5 @@
 import React from 'react';
 import { InputProps } from '@chakra-ui/react';
-interface ColorPickerProps extends InputProps {
-    invalid?: boolean;
-}
-export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLInputElement>>;
-export {};
+declare const ColorPicker: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default ColorPicker;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/colorPicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE5D,UAAU,gBAAiB,SAAQ,UAAU;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,2FA4BvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/colorPicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAS,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErD,QAAA,MAAM,WAAW,qFAahB,CAAC;AAIF,eAAe,WAAW,CAAC"}

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

@@ -1,13 +1,12 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React, { forwardRef } from 'react';
-import { Field, Input } from '@chakra-ui/react';
+import { Input } from '@chakra-ui/react';
 
 var ColorPicker = forwardRef(function (_a, ref) {
-    var _b = _a.width, width = _b === void 0 ? 'md' : _b, _c = _a.height, height = _c === void 0 ? 'md' : _c, _d = _a.padding, padding = _d === void 0 ? '0' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? 'whiteAlpha.100' : _e, invalid = _a.invalid, rest = __rest(_a, ["width", "height", "padding", "backgroundColor", "invalid"]);
-    return (React.createElement(Field.Root, { invalid: invalid },
-        React.createElement(Input, __assign({}, rest, { ref: ref, type: "color", width: width, height: height, padding: padding, backgroundColor: backgroundColor, cursor: "pointer", _invalid: { borderColor: 'red.500' } }))));
+    var _b = _a.width, width = _b === void 0 ? '36px' : _b, _c = _a.padding, padding = _c === void 0 ? '0' : _c, props = __rest(_a, ["width", "padding"]);
+    return (React.createElement(Input, __assign({}, props, { type: "color", ref: ref, width: width, padding: padding, cursor: "pointer" })));
 });
 ColorPicker.displayName = 'ColorPicker';
 
-export { ColorPicker };
+export { ColorPicker as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/colorPicker/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;IAOa,WAAW,GAAG,UAAU,CACnC,UACE,EAOC,EACD,GAAG,EAAA;AAPD,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,KAAY,EAAZ,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACZ,EAAA,GAAA,EAAA,CAAA,MAAa,EAAb,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACb,eAAa,EAAb,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EACb,EAAA,GAAA,EAAA,CAAA,eAAkC,EAAlC,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,gBAAgB,GAAA,EAAA,EAClC,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,IAAI,GAAA,MAAA,CAAA,EAAA,EANT,4DAOC,CADQ;IAIT,QACE,oBAAC,KAAK,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA;AAC1B,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EAAA,EACA,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAA,CAAA,CACpC,CACS;AAEjB,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/colorPicker/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAGA,IAAM,WAAW,GAAG,UAAU,CAC5B,UAAC,EAA2C,EAAE,GAAG,EAAA;AAA9C,IAAA,IAAA,aAAc,EAAd,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAA,EAAE,EAAA,GAAA,EAAA,CAAA,OAAa,EAAb,OAAO,mBAAG,GAAG,GAAA,EAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAzC,oBAA2C,CAAF;IACxC,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EAAA,EACA,KAAK,EAAA,EACT,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAC,SAAS,EAAA,CAAA,CAChB;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

@@ -1,11 +1,10 @@
 import { FC } from 'react';
-import { RecipeVariantProps } from '@chakra-ui/react';
-import { countRecipe } from 'src/themes/shared/recipes/count';
-type CountVariantProps = RecipeVariantProps<typeof countRecipe>;
-export type CountProps = CountVariantProps & {
+export type CountVariant = 'primary' | 'inverted' | 'info' | 'success' | 'warning' | 'error';
+export interface Props {
+    variant?: CountVariant;
     count: number;
     ariaLabel?: string;
-};
-export declare const Count: FC<CountProps>;
-export {};
+}
+declare const Count: FC<Props>;
+export default Count;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/count/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAU,kBAAkB,EAAa,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,KAAK,iBAAiB,GAAG,kBAAkB,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhE,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAUhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/count/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,UAAU,GACV,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAkCZ,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,KAAK,CAsBpB,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1,14 +1,39 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useRecipe, chakra } from '@chakra-ui/react';
+import { chakra } from '@chakra-ui/react';
 
+var color = {
+    primary: {
+        bg: 'brand.primary',
+        text: 'black',
+    },
+    inverted: {
+        bg: 'white',
+        text: 'black',
+    },
+    info: {
+        bg: 'blue.100',
+        text: 'blue.500',
+    },
+    success: {
+        bg: 'green.100',
+        text: 'green.500',
+    },
+    warning: {
+        bg: 'orange.100',
+        text: 'orange.400',
+    },
+    error: {
+        bg: 'red.100',
+        text: 'red.400',
+    },
+};
 var Count = function (_a) {
-    var count = _a.count, ariaLabel = _a.ariaLabel, props = __rest(_a, ["count", "ariaLabel"]);
-    var recipe = useRecipe({ key: 'count' });
-    var recipeProps = recipe.splitVariantProps(props)[0];
-    var styles = recipe(recipeProps);
-    return (React.createElement(chakra.span, { css: styles, "aria-label": ariaLabel }, count));
+    var _b, _c;
+    var _d = _a.variant, variant = _d === void 0 ? 'primary' : _d, count = _a.count, ariaLabel = _a.ariaLabel;
+    var bgColor = ((_b = color[variant]) === null || _b === void 0 ? void 0 : _b.bg) || 'brand.primary';
+    var textColor = ((_c = color[variant]) === null || _c === void 0 ? void 0 : _c.text) || 'black';
+    return (React.createElement(chakra.span, { display: "inline-block", padding: "xs", verticalAlign: "middle", textAlign: "center", minW: "2.6ch", minH: "2.6ch", lineHeight: "1.6ch", borderRadius: "full", backgroundColor: bgColor, color: textColor, "aria-label": ariaLabel, textStyle: "heading5" }, count));
 };
 
-export { Count };
+export { Count as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/count/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAYO,IAAM,KAAK,GAAmB,UAAC,EAA8B,EAAA;IAA5B,IAAA,KAAK,WAAA,EAAE,SAAS,eAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAA5B,CAAA,OAAA,EAAA,WAAA,CAA8B,CAAF;IAChE,IAAM,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;IACnC,IAAA,WAAW,GAAI,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA,CAAA,CAAnC;AAClB,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,gBAAc,SAAS,EAAA,EAC5C,KAAK,CACM;AAElB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/count/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAgBA,IAAM,KAAK,GAAsC;AAC/C,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,eAAe;AACnB,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,IAAI,EAAE,WAAW;AAClB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,IAAI,EAAE,YAAY;AACnB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;CACF;AAQD,IAAM,KAAK,GAAc,UAAC,EAAyC,EAAA;;QAAvC,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;AAC/D,IAAA,IAAM,OAAO,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,EAAE,KAAI,eAAe;AACrD,IAAA,IAAM,SAAS,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,KAAI,OAAO;IAEjD,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,IACV,OAAO,EAAC,cAAc,EACtB,OAAO,EAAC,IAAI,EACZ,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,UAAU,EAAC,OAAO,EAClB,YAAY,EAAC,MAAM,EACnB,eAAe,EAAE,OAAO,EACxB,KAAK,EAAE,SAAS,EAAA,YAAA,EACJ,SAAS,EACrB,SAAS,EAAC,UAAU,EAAA,EAEnB,KAAK,CACM;AAElB;;;;"}

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

@@ -1,19 +1,12 @@
 import React from 'react';
-import { InputProps, RecipeVariantProps } from '@chakra-ui/react';
-import { inputSlotRecipe } from 'src/themes/shared/slotRecipes/input';
-type InputVariantProps = RecipeVariantProps<typeof inputSlotRecipe>;
-export type DatePickerProps = Pick<InputProps, 'onFocus' | 'onBlur' | 'onChange'> & InputVariantProps & {
+import { InputProps } from '@chakra-ui/react';
+export interface Props extends Pick<InputProps, 'onFocus' | 'onBlur' | 'onChange'> {
+    size?: 'md' | 'lg';
     min?: Date;
     value?: string;
-    invalid?: boolean;
-};
-export declare const DatePicker: React.ForwardRefExoticComponent<Pick<InputProps, "onChange" | "onBlur" | "onFocus"> & {
-    variant?: import("@chakra-ui/react").ConditionalValue<"outline" | undefined>;
-    size?: import("@chakra-ui/react").ConditionalValue<"md" | "lg" | undefined>;
-} & {
-    min?: Date;
-    value?: string;
-    invalid?: boolean;
-} & React.RefAttributes<HTMLInputElement>>;
-export {};
+    isInvalid?: boolean;
+}
+declare const DatePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default DatePicker;
+export { Props as DatePickerProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/datePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAGL,UAAU,EACV,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE,KAAK,iBAAiB,GAAG,kBAAkB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,UAAU,EACV,SAAS,GAAG,QAAQ,GAAG,UAAU,CAClC,GACC,iBAAiB,GAAG;IAClB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,eAAO,MAAM,UAAU;;;;UALb,IAAI;YACF,MAAM;cACJ,OAAO;0CAwBpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/datePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAS,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,KAAM,SAAQ,IAAI,CACjC,UAAU,EACV,SAAS,GAAG,QAAQ,GAAG,UAAU,CAClC;IACC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,UAAU,gFAWf,CAAC;AAGF,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,eAAe,EAAE,CAAC"}

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

@@ -1,16 +1,12 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React, { forwardRef } from 'react';
-import { useSlotRecipe, Field, Input } from '@chakra-ui/react';
+import { Input } from '@chakra-ui/react';
 
 var DatePicker = forwardRef(function (_a, ref) {
     var min = _a.min, props = __rest(_a, ["min"]);
-    var recipe = useSlotRecipe({ key: 'input' });
-    var recipeProps = recipe.splitVariantProps(props)[0];
-    var styles = recipe(recipeProps);
-    return (React.createElement(Field.Root, { invalid: props.invalid },
-        React.createElement(Input, __assign({}, props, { css: __assign(__assign({}, styles.field), { display: 'block', textAlign: 'start' }), type: "date", min: min ? min.toISOString().split('T')[0] : undefined, ref: ref }))));
+    return (React.createElement(Input, __assign({}, props, { type: "date", min: min ? min.toISOString().split('T')[0] : undefined, ref: ref })));
 });
 DatePicker.displayName = 'DatePicker';
 
-export { DatePicker };
+export { DatePicker as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/datePicker/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;IAuBa,UAAU,GAAG,UAAU,CAClC,UAAC,EAAiB,EAAE,GAAG,EAAA;AAApB,IAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAf,OAAiB,CAAF;IACd,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;IACvC,IAAA,WAAW,GAAI,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA,CAAA,CAAnC;AAClB,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;IAClC,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAI,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAA;QAChC,KAAA,CAAA,aAAA,CAAC,KAAK,eACA,KAAK,EAAA,EACT,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACE,MAAM,CAAC,KAAK,CAAA,EAAA,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,OAAO,EAAA,CAAA,EAEpB,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,EACtD,GAAG,EAAE,GAAG,EAAA,CAAA,CACR,CACS;AAEjB,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/datePicker/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAaA,IAAM,UAAU,GAAG,UAAU,CAC3B,UAAC,EAAiB,EAAE,GAAG,EAAA;AAApB,IAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAf,OAAiB,CAAF;AACd,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EAAA,EACA,KAAK,IACT,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,EACtD,GAAG,EAAE,GAAG,EAAA,CAAA,CACR;AAEN,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

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

@@ -1,18 +1,16 @@
 import { FC } from 'react';
 import { Brand } from 'src/types/brand';
-import { SwitchProps } from '../switch';
-import { ButtonSharedProps } from '../button';
-export type DevOverlayVariables = {
-    name: string;
-    value: string;
-}[];
-export type DevOverlayProps = {
-    hideDevOverlay: Exclude<ButtonSharedProps['onClick'], undefined>;
-    toggleTheme: Exclude<SwitchProps['onCheckedChange'], undefined>;
-    toggleTranslation: Exclude<SwitchProps['onCheckedChange'], undefined>;
+import { SwitchProps } from '../switchComponent';
+import { ButtonProps } from '../button';
+export type DevOverlayVariables = Record<string, string | number>[];
+export type DevOverlayProps = Omit<ButtonProps, 'onClick' | 'children'> & Omit<SwitchProps, 'onChange' | 'label' | 'id'> & {
+    hideDevOverlay: Exclude<ButtonProps['onClick'], undefined>;
+    toggleTheme: Exclude<SwitchProps['onChange'], undefined>;
+    toggleTranslation: Exclude<SwitchProps['onChange'], undefined>;
     variables: DevOverlayVariables;
     activeTheme: Brand;
     displayTranslationKeys: boolean;
 };
-export declare const DevOverlay: FC<DevOverlayProps>;
+declare const DevOverlay: FC<DevOverlayProps>;
+export default DevOverlay;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/devOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,EAAU,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,cAAc,EAAE,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;IACjE,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;IAChE,iBAAiB,EAAE,OAAO,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;IACtE,SAAS,EAAE,mBAAmB,CAAC;IAC/B,WAAW,EAAE,KAAK,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8E1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/devOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAelC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAe,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,CAAC,GACrE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI,CAAC,GAAG;IAC/C,cAAc,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;IAC3D,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,CAAC;IACzD,iBAAiB,EAAE,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,CAAC;IAC/D,SAAS,EAAE,mBAAmB,CAAC;IAC/B,WAAW,EAAE,KAAK,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACjC,CAAC;AAEJ,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8EnC,CAAC;AACF,eAAe,UAAU,CAAC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Box, Flex, Heading, Spacer, Table } from '@chakra-ui/react';
+import { Box, Flex, Heading, Spacer, TableContainer, Table, Thead, Tr, Th, Tbody, Td } from '@chakra-ui/react';
 import { Brand } from '../../types/brand.js';
-import { Switch } from '../switch/index.js';
+import Switch from '../switchComponent/index.js';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -168,35 +168,38 @@ import '../icons/QualitySealIcon.js';
 import '../icons/ExpandIcon.js';
 import '../icons/CollapseIcon.js';
 import '../icons/ForwardIcon.js';
-import { Button } from '../button/index.js';
+import '../icons/BalanceIcon.js';
+import '../icons/ParagraphIcon.js';
+import Button from '../button/index.js';
 
 var DevOverlay = function (_a) {
     var variables = _a.variables, hideDevOverlay = _a.hideDevOverlay, toggleTheme = _a.toggleTheme, toggleTranslation = _a.toggleTranslation, activeTheme = _a.activeTheme, _b = _a.displayTranslationKeys, displayTranslationKeys = _b === void 0 ? false : _b;
     var isThemeSwitcherChecked = Brand.AutoScout24 !== activeTheme;
-    return (React.createElement(Box, { position: "absolute", right: "md", bottom: "md", borderRadius: "sm", padding: "md", backgroundColor: "gray.200", display: "inline-block", boxShadow: "md", as: "aside", css: { maxWidth: 'min(94%, 320px)' } },
+    return (React.createElement(Box, { position: "absolute", right: "md", bottom: "md", borderRadius: "sm", padding: "md", backgroundColor: "gray.200", display: "inline-block", boxShadow: "md", as: "aside", maxWidth: "min(94%, 320px)" },
         React.createElement(Flex, null,
             React.createElement(Heading, { as: "h3", textStyle: "heading3" }, "Dev Overlay\u00A0"),
             React.createElement(Spacer, null),
             React.createElement(Button, { onClick: hideDevOverlay, "data-testid": "close-dev-overlay" },
                 React.createElement(CloseIcon, null))),
         React.createElement(Heading, { as: "h4", textStyle: "heading4" }, "Variables"),
-        !variables || variables.length === 0 ? null : (React.createElement(Table.Root, null,
-            React.createElement(Table.Body, null,
-                React.createElement(Table.Row, null,
-                    React.createElement(Table.ColumnHeader, { padding: "0" }, "Name"),
-                    React.createElement(Table.ColumnHeader, null, "Value"))),
-            React.createElement(Table.Body, null, variables.map(function (_a) {
-                var name = _a.name, value = _a.value;
-                return (React.createElement(Table.Row, { key: name, wordBreak: "break-all" },
-                    React.createElement(Table.Cell, { padding: "0" }, name),
-                    React.createElement(Table.Cell, null, value)));
-            })))),
+        !variables || variables.length === 0 ? null : (React.createElement(TableContainer, null,
+            React.createElement(Table, { variant: "unstyled", size: "sm" },
+                React.createElement(Thead, null,
+                    React.createElement(Tr, null,
+                        React.createElement(Th, null, "Name"),
+                        React.createElement(Th, null, "Value"))),
+                React.createElement(Tbody, null, variables.map(function (_a) {
+                    var name = _a.name, value = _a.value;
+                    return (React.createElement(Tr, { key: name, wordBreak: "break-all" },
+                        React.createElement(Td, null, name),
+                        React.createElement(Td, null, value)));
+                }))))),
         React.createElement("br", null),
         React.createElement(Heading, { as: "h4", textStyle: "heading4" }, "Switch Theme"),
-        React.createElement(Switch, { id: "theme-toggle", onCheckedChange: toggleTheme, checked: isThemeSwitcherChecked, label: isThemeSwitcherChecked ? React.createElement("span", null, "\uD83C\uDFCD\uFE0F") : React.createElement("span", null, "\uD83D\uDE97"), disabled: false }),
+        React.createElement(Switch, { id: "theme-toggle", onChange: toggleTheme, isChecked: isThemeSwitcherChecked, label: isThemeSwitcherChecked ? React.createElement("span", null, "\uD83C\uDFCD\uFE0F") : React.createElement("span", null, "\uD83D\uDE97") }),
         React.createElement(Heading, { as: "h4", textStyle: "heading4" }, "Switch Translation"),
-        React.createElement(Switch, { id: "translation-toggle", onCheckedChange: toggleTranslation, checked: displayTranslationKeys, label: displayTranslationKeys ? React.createElement("span", null, "\uD83D\uDD11") : React.createElement("span", null, "\uD83C\uDF10"), disabled: false })));
+        React.createElement(Switch, { id: "translation-toggle", onChange: toggleTranslation, isChecked: displayTranslationKeys, label: displayTranslationKeys ? React.createElement("span", null, "\uD83D\uDD11") : React.createElement("span", null, "\uD83C\uDF10") })));
 };
 
-export { DevOverlay };
+export { DevOverlay as default };
 //# sourceMappingURL=index.js.map