@smg-automotive/components 25.10.0 → 25.11.0-ST-1552-migrate-drawer.1

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,KACf,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3D,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":";;;;AAWA,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"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Box, Flex, Heading, Spacer, TableContainer, Table, Thead, Tr, Th, Tbody, Td } from '@chakra-ui/react';
+import { Box, Flex, Heading, Spacer, Table } from '@chakra-ui/react';
 import { Brand } from '../../types/brand.js';
-import Switch from '../switchComponent/index.js';
+import { Switch } from '../switch/index.js';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -168,38 +168,35 @@ 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 Button from '../button/index.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", 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", css: { 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(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)));
-                }))))),
+        !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)));
+            })))),
         React.createElement("br", null),
         React.createElement(Heading, { as: "h4", textStyle: "heading4" }, "Switch Theme"),
-        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(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(Heading, { as: "h4", textStyle: "heading4" }, "Switch Translation"),
-        React.createElement(Switch, { id: "translation-toggle", onChange: toggleTranslation, isChecked: displayTranslationKeys, label: displayTranslationKeys ? React.createElement("span", null, "\uD83D\uDD11") : React.createElement("span", null, "\uD83C\uDF10") })));
+        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 })));
 };
 
-export { DevOverlay as default };
+export { DevOverlay };
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/dialog/DialogCloseButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CloseButtonProps } from '@chakra-ui/react';
+export declare const DialogCloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=DialogCloseButton.d.ts.map

package/dist/esm/components/dialog/DialogCloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/DialogCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,iBAAiB,4FAK5B,CAAC"}

package/dist/esm/components/dialog/DialogCloseButton.js

@@ -0,0 +1,8 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import { CloseButton } from '@chakra-ui/react';
+
+var DialogCloseButton = forwardRef(function (props, ref) { return (React.createElement(CloseButton, __assign({ ref: ref, cursor: 'pointer' }, props))); });
+
+export { DialogCloseButton };
+//# sourceMappingURL=DialogCloseButton.js.map

package/dist/esm/components/dialog/DialogCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogCloseButton.js","sources":["../../../../../src/components/dialog/DialogCloseButton.tsx"],"sourcesContent":[null],"names":["ChakraCloseButton"],"mappings":";;;;AAMO,IAAM,iBAAiB,GAAG,UAAU,CAGzC,UAAC,KAAK,EAAE,GAAG,EAAA,EAAK,QAChB,KAAA,CAAA,aAAA,CAACA,WAAiB,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAA,EAAM,KAAK,CAAA,CAAI,EAC9D,CAFiB,CAEjB;;;;"}

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

@@ -0,0 +1,21 @@
+import { FC, PropsWithChildren } from 'react';
+import { RecipeVariantProps, UseDialogProps } from '@chakra-ui/react';
+import { dialogRecipe } from 'src/themes/shared/slotRecipes/dialog';
+type MotionPreset = 'none' | 'scale';
+type DialogRootProps = RecipeVariantProps<typeof dialogRecipe>;
+type ActionButton = {
+    action: () => void;
+    label: string;
+};
+export type DialogProps = DialogRootProps & {
+    title?: string;
+    open?: UseDialogProps['open'];
+    onOpenChange?: UseDialogProps['onOpenChange'];
+    motionPreset?: MotionPreset;
+    primaryActionButton?: ActionButton;
+    secondaryActionButton?: ActionButton;
+    disableBodyPadding?: boolean;
+};
+export declare const Dialog: FC<PropsWithChildren<DialogProps>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAIL,kBAAkB,EAClB,cAAc,EAEf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAOpE,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAErC,KAAK,eAAe,GAAG,kBAAkB,CAAC,OAAO,YAAY,CAAC,CAAC;AAE/D,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,mBAAmB,CAAC,EAAE,YAAY,CAAC;IACnC,qBAAqB,CAAC,EAAE,YAAY,CAAC;IACrC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAsFrD,CAAC"}

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

@@ -0,0 +1,38 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useSlotRecipe, Dialog as Dialog$1, Portal, Box } from '@chakra-ui/react';
+import { H3 } from '../heading/index.js';
+import { Button } from '../button/index.js';
+import { DialogCloseButton } from './DialogCloseButton.js';
+
+var Dialog = function (_a) {
+    var title = _a.title, open = _a.open, onOpenChange = _a.onOpenChange, primaryActionButton = _a.primaryActionButton, secondaryActionButton = _a.secondaryActionButton, children = _a.children, size = _a.size, _b = _a.motionPreset, motionPreset = _b === void 0 ? 'scale' : _b, variant = _a.variant, overlayColor = _a.overlayColor, _c = _a.disableBodyPadding, disableBodyPadding = _c === void 0 ? false : _c, props = __rest(_a, ["title", "open", "onOpenChange", "primaryActionButton", "secondaryActionButton", "children", "size", "motionPreset", "variant", "overlayColor", "disableBodyPadding"]);
+    var dialogSize = size || variant !== 'fullScreen' ? { xs: 'full', sm: size } : 'full';
+    var bothActionButtons = primaryActionButton && secondaryActionButton;
+    var recipe = useSlotRecipe({ key: 'dialog' });
+    var recipeProps = recipe.splitVariantProps({
+        size: dialogSize,
+        motionPreset: motionPreset,
+        variant: variant,
+        overlayColor: overlayColor,
+    })[0];
+    var styles = recipe(recipeProps);
+    return (React.createElement(Dialog$1.Root, __assign({ open: open, onOpenChange: onOpenChange }, props),
+        React.createElement(Portal, null,
+            React.createElement(Dialog$1.Backdrop, { css: styles.backdrop }),
+            React.createElement(Dialog$1.Positioner, { css: styles.positioner },
+                React.createElement(Dialog$1.Content, { css: styles.content },
+                    title && (React.createElement(Box, { borderBottom: "1px", borderColor: "gray.100" },
+                        React.createElement(Dialog$1.Header, { css: styles.header },
+                            React.createElement(H3, null, title),
+                            React.createElement(Dialog$1.CloseTrigger, { asChild: true, css: styles.closeTrigger },
+                                React.createElement(DialogCloseButton, { fontSize: "base" }))))),
+                    React.createElement(Dialog$1.Body, { css: styles.body, p: disableBodyPadding ? '0' : undefined }, children),
+                    (primaryActionButton || secondaryActionButton) && (React.createElement(Box, { borderTop: "1px", borderColor: "gray.100" },
+                        React.createElement(Dialog$1.Footer, { display: "flex", justifyContent: bothActionButtons ? 'space-between' : 'flex-start', gap: bothActionButtons ? 'sm' : '0', css: styles.footer },
+                            secondaryActionButton ? (React.createElement(Button, { variant: "secondary", onClick: secondaryActionButton.action, width: { base: 'full', sm: 'fit' } }, secondaryActionButton.label)) : null,
+                            primaryActionButton ? (React.createElement(Button, { variant: "primary", onClick: primaryActionButton.action, width: { base: 'full', sm: 'fit' } }, primaryActionButton.label)) : null))))))));
+};
+
+export { Dialog };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -10,6 +10,5 @@ export type DiscreteSliderProps<T> = {
     value: T;
     onValueChanged: (arg: T) => void;
 };
-declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React.JSX.Element;
-export default DiscreteSlider;
+export declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/discreteSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAczC,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,CAAC,CAAC;IACT,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAClC,CAAC;AA2BF,QAAA,MAAM,cAAc,GAAI,CAAC,EAAG,qDAKzB,mBAAmB,CAAC,CAAC,CAAC,sBAwCxB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/discreteSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,CAAC,CAAC;IACT,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAClC,CAAC;AA2BF,eAAO,MAAM,cAAc,GAAI,CAAC,EAAG,qDAKhC,mBAAmB,CAAC,CAAC,CAAC,sBA8CxB,CAAC"}

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

@@ -1,6 +1,6 @@
 import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { Slider, SliderMark, Box, SliderTrack, SliderFilledTrack, SliderThumb } from '@chakra-ui/react';
+import { Slider } from '@chakra-ui/react';
 
 var emptyItemOffset = 0;
 var firstItemOffset = 1;
@@ -28,16 +28,19 @@ var DiscreteSlider = function (_a) {
         var newSliderMark = (_a = sliderMarks.find(function (mark) { return mark.stepValue === newStepValue; })) === null || _a === void 0 ? void 0 : _a.value;
         onValueChanged(newSliderMark);
     };
-    return (React.createElement(Slider, { step: 1, max: sliderMarks.length - 1 + getItemOffset(applyIndentation), value: sliderStepValue, onChange: handleOnChange, focusThumbOnChange: false }, sliderMarks === null || sliderMarks === void 0 ? void 0 :
-        sliderMarks.map(function (_a, index) {
-            var stepValue = _a.stepValue, label = _a.label;
-            return (React.createElement(SliderMark, { key: index, value: stepValue, fontWeight: sliderStepValue === stepValue ? 'bold' : 'normal' },
-                React.createElement(Box, { style: { pointerEvents: 'all' } }, label)));
-        }),
-        React.createElement(SliderTrack, null,
-            React.createElement(SliderFilledTrack, null)),
-        React.createElement(SliderThumb, null)));
+    return (React.createElement(Slider.Root, { step: 1, max: sliderMarks.length - 1 + getItemOffset(applyIndentation), value: [sliderStepValue], onValueChange: function (details) { var _a; return handleOnChange((_a = details.value[0]) !== null && _a !== void 0 ? _a : sliderStepValue); } },
+        React.createElement(Slider.Control, null,
+            React.createElement(Slider.Track, null,
+                React.createElement(Slider.Range, null)),
+            React.createElement(Slider.Thumbs, null),
+            React.createElement(Slider.MarkerGroup, null, sliderMarks.map(function (_a, index) {
+                var stepValue = _a.stepValue, label = _a.label;
+                return (React.createElement(Slider.Marker, { key: index, value: stepValue, style: {
+                        pointerEvents: 'all',
+                        fontWeight: sliderStepValue === stepValue ? 'bold' : 'normal',
+                    } }, label));
+            })))));
 };
 
-export { DiscreteSlider as default };
+export { DiscreteSlider };
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/drawer/DrawerBody.d.ts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren } from 'react';
-import { ModalBodyProps as ChakraModalBodyProps } from '@chakra-ui/react';
-declare const DrawerBody: FC<PropsWithChildren<ChakraModalBodyProps>>;
-export default DrawerBody;
+import { DrawerBodyProps } from '@chakra-ui/react';
+export declare const DrawerBody: FC<PropsWithChildren<DrawerBodyProps>>;
 //# sourceMappingURL=DrawerBody.d.ts.map

package/dist/esm/components/drawer/DrawerBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/DrawerBody.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAEL,cAAc,IAAI,oBAAoB,EACvC,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAI3D,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/DrawerBody.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAA0B,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE3E,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAI7D,CAAC"}

package/dist/esm/components/drawer/DrawerContent.d.ts

@@ -3,6 +3,6 @@ import { DrawerContentProps as ChakraDrawerContentProps } from '@chakra-ui/react
 interface Props extends ChakraDrawerContentProps {
     withCloseButton?: boolean;
 }
-declare const DrawerContent: FC<PropsWithChildren<Props>>;
-export default DrawerContent;
+export declare const DrawerContent: FC<PropsWithChildren<Props>>;
+export {};
 //# sourceMappingURL=DrawerContent.d.ts.map

package/dist/esm/components/drawer/DrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAEL,kBAAkB,IAAI,wBAAwB,EAE/C,MAAM,kBAAkB,CAAC;AAE1B,UAAU,KAAM,SAAQ,wBAAwB;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAS/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAEL,kBAAkB,IAAI,wBAAwB,EAC/C,MAAM,kBAAkB,CAAC;AAI1B,UAAU,KAAM,SAAQ,wBAAwB;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAetD,CAAC"}

package/dist/esm/components/drawer/DrawerOverlay.d.ts

@@ -1,4 +1,3 @@
 import { FC, PropsWithChildren } from 'react';
-declare const DrawerOverlay: FC<PropsWithChildren>;
-export default DrawerOverlay;
+export declare const DrawerOverlay: FC<PropsWithChildren>;
 //# sourceMappingURL=DrawerOverlay.d.ts.map

package/dist/esm/components/drawer/DrawerOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/DrawerOverlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAExC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DrawerOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/DrawerOverlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAE/C,CAAC"}

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

@@ -1,6 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
-import { DrawerProps } from '@chakra-ui/react';
-declare const Drawer: FC<PropsWithChildren<DrawerProps>>;
-export default Drawer;
+import { DrawerRootProps as DrawerProps } from '@chakra-ui/react';
+export declare const Drawer: FC<PropsWithChildren<DrawerProps>>;
 export type { DrawerProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvE,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAI9C,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAEL,eAAe,IAAI,WAAW,EAE/B,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAQrD,CAAC;AAEF,YAAY,EAAE,WAAW,EAAE,CAAC"}

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

@@ -1,11 +1,12 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { Drawer as Drawer$1 } from '@chakra-ui/react';
+import { Drawer as Drawer$1, Portal } from '@chakra-ui/react';
 
 var Drawer = function (props) {
     var children = props.children, drawerProps = __rest(props, ["children"]);
-    return React.createElement(Drawer$1, __assign({}, drawerProps), children);
+    return (React.createElement(Drawer$1.Root, __assign({}, drawerProps),
+        React.createElement(Portal, null, children)));
 };
 
-export { Drawer as default };
+export { Drawer };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/drawer/index.tsx"],"sourcesContent":[null],"names":["ChakraDrawer"],"mappings":";;;;AAIA,IAAM,MAAM,GAAuC,UAAC,KAAK,EAAA;IAC/C,IAAA,QAAQ,GAAqB,KAAK,CAAA,QAA1B,EAAK,WAAW,GAAA,MAAA,CAAK,KAAK,EAApC,CAAA,UAAA,CAA4B,CAAF;AAEhC,IAAA,OAAO,oBAACA,QAAY,EAAA,QAAA,CAAA,EAAA,EAAK,WAAW,CAAA,EAAG,QAAQ,CAAgB;AACjE;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/drawer/index.tsx"],"sourcesContent":[null],"names":["ChakraDrawer"],"mappings":";;;;AAUO,IAAM,MAAM,GAAuC,UAAC,KAAK,EAAA;IACtD,IAAA,QAAQ,GAAqB,KAAK,CAAA,QAA1B,EAAK,WAAW,GAAA,MAAA,CAAK,KAAK,EAApC,CAAA,UAAA,CAA4B,CAAF;AAEhC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,QAAY,CAAC,IAAI,eAAK,WAAW,CAAA;AAChC,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA,EAAE,QAAQ,CAAU,CACT;AAExB;;;;"}

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

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-type Efficiency = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
-export interface Props {
-    efficiency: Efficiency;
-}
-declare const EnergyLabel: FC<Props>;
-export default EnergyLabel;
+import { type RecipeVariantProps } from '@chakra-ui/react';
+import { energyLabelRecipe } from 'src/themes/shared/slotRecipes/energyLabel';
+type RecipeProps = RecipeVariantProps<typeof energyLabelRecipe>;
+export type EnergyLabelProps = Required<Pick<RecipeProps, 'efficiency'>> & RecipeProps;
+export declare const EnergyLabel: FC<EnergyLabelProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/energyLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,KAAK,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE1D,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,UAAU,CAAC;CACxB;AAYD,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAyB1B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/energyLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAM9E,KAAK,WAAW,GAAG,kBAAkB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,GACtE,WAAW,CAAC;AAEd,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAc5C,CAAC"}

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

@@ -1,23 +1,18 @@
 import React from 'react';
-import { Box, Text } from '@chakra-ui/react';
-import Flex from '../flex/index.js';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
+import { Text } from '../text/index.js';
+import { Flex } from '../flex/index.js';
 
-var colors = {
-    A: '#4CA651',
-    B: '#54B646',
-    C: '#CAD143',
-    D: '#FEF050',
-    E: '#F1AE3D',
-    F: '#EE6E2D',
-    G: '#D02F26',
-};
-var EnergyLabel = function (_a) {
-    var efficiency = _a.efficiency;
-    return (React.createElement(Flex, { height: "20px", width: "md" },
-        React.createElement(Box, { borderTopWidth: "10px", borderTopColor: "transparent", borderRightWidth: "10px", borderRightColor: colors[efficiency], borderBottomWidth: "10px", borderBottomColor: "transparent" }),
-        React.createElement(Flex, { backgroundColor: colors[efficiency], width: "full", height: "full", justifyContent: "end", alignItems: "center", paddingRight: "xs" },
-            React.createElement(Text, { color: "white", textStyle: "heading4" }, efficiency))));
+var EnergyLabel = function (props) {
+    var efficiency = props.efficiency;
+    var recipe = useSlotRecipe({ key: 'energyLabel' });
+    var recipeProps = recipe.splitVariantProps(props)[0];
+    var styles = recipe(recipeProps);
+    return (React.createElement(Flex, { css: styles.root },
+        React.createElement(Box, { css: styles.triangle }),
+        React.createElement(Flex, { css: styles.textWrapper },
+            React.createElement(Text, { css: styles.text }, efficiency.toString()))));
 };
 
-export { EnergyLabel as default };
+export { EnergyLabel };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/energyLabel/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAYA,IAAM,MAAM,GAA+B;AACzC,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;CACb;AAED,IAAM,WAAW,GAAc,UAAC,EAAc,EAAA;AAAZ,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA;IAC1C,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAA;AAC5B,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,cAAc,EAAC,MAAM,EACrB,cAAc,EAAC,aAAa,EAC5B,gBAAgB,EAAC,MAAM,EACvB,gBAAgB,EAAE,MAAM,CAAC,UAAU,CAAC,EACpC,iBAAiB,EAAC,MAAM,EACxB,iBAAiB,EAAC,aAAa,EAAA,CAC/B;QACF,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,eAAe,EAAE,MAAM,CAAC,UAAU,CAAC,EACnC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,cAAc,EAAC,KAAK,EACpB,UAAU,EAAC,QAAQ,EACnB,YAAY,EAAC,IAAI,EAAA;AAEjB,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,IACrC,UAAU,CACN,CACF,CACF;AAEX;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/energyLabel/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAaO,IAAM,WAAW,GAAyB,UAAC,KAAK,EAAA;AAC7C,IAAA,IAAA,UAAU,GAAK,KAAK,CAAA,UAAV;IAClB,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC;IAC7C,IAAA,WAAW,GAAI,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA,CAAA,CAAnC;AAClB,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;IAElC,QACE,oBAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA;AACpB,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI;AAC7B,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,WAAW,EAAA;AAC3B,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,EAAG,UAAU,CAAC,QAAQ,EAAE,CAAQ,CACjD,CACF;AAEX;;;;"}