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

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

@@ -1,234 +1,33 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-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 { useRecipe, Flex, Box, Text } from '@chakra-ui/react';
+import { chipRecipe } from '../../themes/shared/recipes/chip.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, _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 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 handleClick = function () {
-        if (!isDisabled && onClick) {
-            onClick();
-        }
+        onClick === null || onClick === void 0 ? void 0 : onClick();
     };
     var handleKeyDown = function (event) {
-        if (!isDisabled && (event.key === 'Enter' || event.key === ' ')) {
+        if (event.key === 'Enter' || event.key === ' ') {
             event.preventDefault();
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
     };
-    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 commonProps = __assign({ css: styles, 'aria-label': ariaLabel }, rest);
     var isLink = Boolean(href);
     var asType = isLink ? 'a' : 'button';
-    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" },
+    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" },
             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 as default };
+export { Chip };
 //# 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":"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"}
+{"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;;;;"}

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type CloseButtonProps = {
+    disabled?: boolean;
+    onClick?: () => void;
+};
+export declare const CloseButton: FC<CloseButtonProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/closeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAU5C,CAAC"}

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

@@ -1,4 +1,9 @@
-import { Collapse, CollapseProps } from '@chakra-ui/react';
-export default Collapse;
-export type { CollapseProps };
+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 };
 //# 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,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE3D,eAAe,QAAQ,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"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"}

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

@@ -1,3 +1,15 @@
-import { Collapse } from '@chakra-ui/react';
-export { Collapse as default } from '@chakra-ui/react';
+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 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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;;;;"}

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

@@ -1,5 +1,8 @@
 import React from 'react';
 import { InputProps } from '@chakra-ui/react';
-declare const ColorPicker: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export default ColorPicker;
+interface ColorPickerProps extends InputProps {
+    invalid?: boolean;
+}
+export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLInputElement>>;
+export {};
 //# 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,EAAS,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErD,QAAA,MAAM,WAAW,qFAahB,CAAC;AAIF,eAAe,WAAW,CAAC"}
+{"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"}

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

@@ -1,12 +1,13 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React, { forwardRef } from 'react';
-import { Input } from '@chakra-ui/react';
+import { Field, Input } from '@chakra-ui/react';
 
 var ColorPicker = forwardRef(function (_a, ref) {
-    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" })));
+    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' } }))));
 });
 ColorPicker.displayName = 'ColorPicker';
 
-export { ColorPicker as default };
+export { ColorPicker };
 //# 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":";;;;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;;;;"}
+{"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;;;;"}

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

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

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

@@ -1,39 +1,14 @@
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { chakra } from '@chakra-ui/react';
+import { useRecipe, 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 _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));
+    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));
 };
 
-export { Count as default };
+export { Count };
 //# 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":";;;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;;;;"}
+{"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;;;;"}

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

@@ -1,12 +1,19 @@
 import React from 'react';
-import { InputProps } from '@chakra-ui/react';
-export interface Props extends Pick<InputProps, 'onFocus' | 'onBlur' | 'onChange'> {
-    size?: 'md' | 'lg';
+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 & {
     min?: Date;
     value?: string;
-    isInvalid?: boolean;
-}
-declare const DatePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export default DatePicker;
-export { Props as DatePickerProps };
+    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 {};
 //# 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,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"}
+{"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"}

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

@@ -1,12 +1,16 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React, { forwardRef } from 'react';
-import { Input } from '@chakra-ui/react';
+import { useSlotRecipe, Field, Input } from '@chakra-ui/react';
 
 var DatePicker = forwardRef(function (_a, ref) {
     var min = _a.min, props = __rest(_a, ["min"]);
-    return (React.createElement(Input, __assign({}, props, { type: "date", min: min ? min.toISOString().split('T')[0] : undefined, ref: ref })));
+    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 }))));
 });
 DatePicker.displayName = 'DatePicker';
 
-export { DatePicker as default };
+export { DatePicker };
 //# 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":";;;;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;;;;"}
+{"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;;;;"}

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

@@ -1,16 +1,18 @@
 import { FC } from 'react';
 import { Brand } from 'src/types/brand';
-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>;
+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>;
     variables: DevOverlayVariables;
     activeTheme: Brand;
     displayTranslationKeys: boolean;
 };
-declare const DevOverlay: FC<DevOverlayProps>;
-export default DevOverlay;
+export declare const DevOverlay: FC<DevOverlayProps>;
 //# 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;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"}
+{"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"}