@smg-automotive/components 25.10.0-talamcol-menu.1 → 25.10.0

package/dist/esm/components/checkboxFilter/CheckboxWithFacet.js

@@ -0,0 +1,34 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { chakra } from '@chakra-ui/react';
+import HighlightedText from '../text/HighlightedText.js';
+import GridItem from '../grid/GridItem.js';
+import Grid from '../grid/index.js';
+import Checkbox from '../checkbox/index.js';
+
+var addThousandSeparatorToNumber = function (value) {
+    return new Intl.NumberFormat('de-CH').format(value);
+};
+function CheckboxWithFacet(_a) {
+    var item = _a.item, onApply = _a.onApply, contentRight = _a.contentRight, _b = _a.isIndeterminate, isIndeterminate = _b === void 0 ? false : _b, _c = _a.indentFacet, indentFacet = _c === void 0 ? false : _c;
+    var renderFacet = function (facet) {
+        if (typeof facet !== 'number')
+            return null;
+        return (React.createElement(chakra.span, { ml: "sm", color: "gray.400", minW: "7ch", textAlign: "right" }, addThousandSeparatorToNumber(facet)));
+    };
+    return (React.createElement(Grid, { width: "full", marginBottom: "lg", templateColumns: contentRight || indentFacet ? '1fr 34px' : '1fr' },
+        React.createElement(Checkbox, { variant: (item === null || item === void 0 ? void 0 : item.image) ? 'alignCenter' : 'alignTop', name: "filter_".concat(item.key, "_").concat(item.label), isChecked: item.isChecked, value: item.key, fullWidth: true, isIndeterminate: isIndeterminate, label: (item === null || item === void 0 ? void 0 : item.image) ? (React.createElement(chakra.span, { display: "flex", alignItems: "center" },
+                item.image,
+                React.createElement(chakra.span, { w: "full", display: "flex", justifyContent: "space-between", marginLeft: "sm" },
+                    React.createElement(HighlightedText, { text: item.label, highlightIndices: item.highlightIndices, wordBreak: "break-word" }),
+                    renderFacet(item.facet)))) : (React.createElement(chakra.span, { width: "full", display: "flex", justifyContent: "space-between" },
+                React.createElement(HighlightedText, { text: item.label, highlightIndices: item.highlightIndices, w: "full", wordBreak: "break-word" }),
+                renderFacet(item.facet))), onChange: function (event) {
+                var isChecked = event.target.checked;
+                onApply(__assign(__assign({}, item), { isChecked: isChecked }));
+            } }),
+        contentRight ? React.createElement(GridItem, null, contentRight) : null));
+}
+
+export { CheckboxWithFacet as default };
+//# sourceMappingURL=CheckboxWithFacet.js.map

package/dist/esm/components/checkboxFilter/CheckboxWithFacet.js.map

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

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type Props } from './type';
-export declare function CheckboxFilter<ItemKey extends string, FilterName extends string>({ alwaysExpanded, items, onApply, numberOfColumnsOnDesktop, onToggleCheckboxGroup, language, }: Props<ItemKey, FilterName>): React.JSX.Element;
+declare function CheckboxFilter<ItemKey extends string, FilterName extends string>({ alwaysExpanded, items, onApply, numberOfColumnsOnDesktop, onToggleCheckboxGroup, language, }: Props<ItemKey, FilterName>): React.JSX.Element;
+export default CheckboxFilter;
 export { type Props };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkboxFilter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,QAAQ,CAAC;AAoBpC,wBAAgB,cAAc,CAC5B,OAAO,SAAS,MAAM,EACtB,UAAU,SAAS,MAAM,EACzB,EACA,cAAsB,EACtB,KAAK,EACL,OAAO,EACP,wBAA4B,EAC5B,qBAAqB,EACrB,QAAQ,GACT,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,qBAgD5B;AACD,OAAO,EAAE,KAAK,KAAK,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkboxFilter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,QAAQ,CAAC;AAoBpC,iBAAS,cAAc,CAAC,OAAO,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM,EAAE,EACzE,cAAsB,EACtB,KAAK,EACL,OAAO,EACP,wBAA4B,EAC5B,qBAAqB,EACrB,QAAQ,GACT,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,qBAkD5B;AACD,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,KAAK,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,34 @@
+import React, { Fragment } from 'react';
+import TranslationProvider from '../translationProvider/index.js';
+import GridItem from '../grid/GridItem.js';
+import Grid from '../grid/index.js';
+import { Divider } from '@chakra-ui/react';
+import CheckboxWithFacet from './CheckboxWithFacet.js';
+import CheckboxGroupCollapsibleWithChildren from './CheckboxGroupCollapsibleWithChildren.js';
+
+var groupItems = function (items, numberOfColumns) {
+    if (numberOfColumns === void 0) { numberOfColumns = 1; }
+    var groupedItems = [];
+    var itemsPerColumn = Math.ceil(items.length / numberOfColumns);
+    for (var i = 0; i < numberOfColumns; i++) {
+        var start = i * itemsPerColumn;
+        var end = start + itemsPerColumn;
+        groupedItems.push(items.slice(start, end));
+    }
+    return groupedItems;
+};
+function CheckboxFilter(_a) {
+    var _b = _a.alwaysExpanded, alwaysExpanded = _b === void 0 ? false : _b, items = _a.items, onApply = _a.onApply, _c = _a.numberOfColumnsOnDesktop, numberOfColumnsOnDesktop = _c === void 0 ? 1 : _c, onToggleCheckboxGroup = _a.onToggleCheckboxGroup, language = _a.language;
+    var hasGroups = items.some(function (item) { var _a; return ((_a = item.childCheckboxes) !== null && _a !== void 0 ? _a : []).length > 0; });
+    var groupedItems = groupItems(items, numberOfColumnsOnDesktop);
+    return (React.createElement(TranslationProvider, { language: language, scopes: ['checkboxFilter'] },
+        React.createElement(Grid, { gridTemplateColumns: {
+                base: '1fr',
+                md: "repeat(".concat(numberOfColumnsOnDesktop, ", 1fr)"),
+            }, gap: { md: '4xl' } }, groupedItems.map(function (columnItems, columnIndex) { return (React.createElement(GridItem, { key: columnIndex, "data-testid": "column", position: "relative" },
+            groupedItems.length - 1 !== columnIndex && (React.createElement(Divider, { position: "absolute", top: 0, right: "-1.5rem", width: "1px", height: "full", bg: "gray.100" })),
+            columnItems.map(function (item) { return (React.createElement(Fragment, { key: item.key }, item.childCheckboxes && item.childCheckboxes.length > 0 ? (React.createElement(CheckboxGroupCollapsibleWithChildren, { alwaysExpanded: alwaysExpanded, item: item, onApply: onApply, onToggleCheckboxGroup: onToggleCheckboxGroup })) : (React.createElement(CheckboxWithFacet, { item: item, onApply: onApply, indentFacet: hasGroups && !alwaysExpanded })))); }))); }))));
+}
+
+export { CheckboxFilter as default };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -7,5 +7,6 @@ export interface CheckboxGroupProps extends CheckboxProps {
     checkboxes?: CheckboxProps[];
     addDividerAfterIndex?: number[];
 }
-export declare const CheckboxGroup: FC<CheckboxGroupProps>;
+declare const CheckboxGroup: FC<CheckboxGroupProps>;
+export default CheckboxGroup;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkboxGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAM5C,OAAO,EAAY,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgDhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkboxGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAM5C,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8CzC,CAAC;AAGF,eAAe,aAAa,CAAC"}

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

@@ -1,19 +1,17 @@
 import React, { Fragment } from 'react';
-import { Box } from '@chakra-ui/react';
-import { Stack } from '../stack/index.js';
-import { Separator } from '../separator/index.js';
-import { Checkbox } from '../checkbox/index.js';
+import { Box, Divider } from '@chakra-ui/react';
+import Stack from '../stack/index.js';
+import Checkbox from '../checkbox/index.js';
 
 var CheckboxGroup = function (_a) {
-    var name = _a.name, label = _a.label, value = _a.value, onChange = _a.onChange, checked = _a.checked, disabled = _a.disabled, invalid = _a.invalid, indeterminate = _a.indeterminate, addDividerAfterIndex = _a.addDividerAfterIndex, _b = _a.variant, variant = _b === void 0 ? 'alignCenter' : _b, checkboxes = _a.checkboxes;
-    return (React.createElement(Stack, { gap: "md" },
-        React.createElement(Checkbox, { name: name, label: label, value: value, onChange: onChange, checked: checked, disabled: disabled, invalid: invalid, indeterminate: indeterminate, variant: variant, fontWeight: "bold" }), checkboxes === null || checkboxes === void 0 ? void 0 :
+    var name = _a.name, label = _a.label, value = _a.value, onChange = _a.onChange, isChecked = _a.isChecked, isDisabled = _a.isDisabled, isInvalid = _a.isInvalid, isIndeterminate = _a.isIndeterminate, addDividerAfterIndex = _a.addDividerAfterIndex, _b = _a.variant, variant = _b === void 0 ? 'alignCenter' : _b, checkboxes = _a.checkboxes;
+    return (React.createElement(Stack, { spacing: "md" },
+        React.createElement(Checkbox, { name: name, label: label, value: value, onChange: onChange, isChecked: isChecked, isDisabled: isDisabled, isInvalid: isInvalid, isIndeterminate: isIndeterminate, variant: variant, fontWeight: "bold" }), checkboxes === null || checkboxes === void 0 ? void 0 :
         checkboxes.map(function (item, index) { return (React.createElement(Fragment, { key: item.name },
-            React.createElement(Box, { ps: "md", asChild: true },
-                React.createElement(Checkbox, { name: item.name, label: item.label, value: item.value, onChange: item.onChange, checked: item.checked, variant: variant, disabled: disabled })),
-            (addDividerAfterIndex === null || addDividerAfterIndex === void 0 ? void 0 : addDividerAfterIndex.includes(index)) ? (React.createElement(Separator, { orientation: "horizontal" })) : null)); })));
+            React.createElement(Box, { as: Checkbox, name: item.name, label: item.label, value: item.value, onChange: item.onChange, isChecked: item.isChecked, pl: "md", variant: variant, isDisabled: isDisabled }),
+            (addDividerAfterIndex === null || addDividerAfterIndex === void 0 ? void 0 : addDividerAfterIndex.includes(index)) ? React.createElement(Divider, null) : null)); })));
 };
 CheckboxGroup.displayName = 'CheckboxGroup';
 
-export { CheckboxGroup };
+export { CheckboxGroup as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/checkboxGroup/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAgBO,IAAM,aAAa,GAA2B,UAAC,EAYrD,EAAA;AAXC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,cAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,EAAA,GAAA,EAAA,CAAA,OAAuB,EAAvB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA,EACvB,UAAU,GAAA,EAAA,CAAA,UAAA;AAEV,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,GAAG,EAAC,IAAI,EAAA;QACb,KAAA,CAAA,aAAA,CAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EAAA,CACjB,EAED,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA;AAAV,QAAA,UAAU,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,QAChC,oBAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAA,IAAA,EAAA;AAClB,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACE;AACL,YAAA,CAAA,oBAAoB,KAAA,IAAA,IAApB,oBAAoB,KAAA,MAAA,GAAA,MAAA,GAApB,oBAAoB,CAAE,QAAQ,CAAC,KAAK,CAAC,KACpC,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,WAAW,EAAC,YAAY,EAAA,CAAG,IACpC,IAAI,CACC,EACZ,CAjBiC,CAiBjC,CAAC,CACI;AAEZ;AACA,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/checkboxGroup/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAgBA,IAAM,aAAa,GAA2B,UAAC,EAY9C,EAAA;AAXC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,cAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,EAAA,GAAA,EAAA,CAAA,OAAuB,EAAvB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA,EACvB,UAAU,GAAA,EAAA,CAAA,UAAA;AAEV,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA;QACjB,KAAA,CAAA,aAAA,CAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EAAA,CACjB,EAED,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA;AAAV,QAAA,UAAU,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,QAChC,oBAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;YACtB,KAAA,CAAA,aAAA,CAAC,GAAG,IACF,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,EAAE,EAAC,IAAI,EACP,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EAAA,CACtB;YACD,CAAA,oBAAoB,KAAA,IAAA,IAApB,oBAAoB,KAAA,MAAA,GAAA,MAAA,GAApB,oBAAoB,CAAE,QAAQ,CAAC,KAAK,CAAC,IAAG,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,CAAG,GAAG,IAAI,CAClD,EACZ,CAfiC,CAejC,CAAC,CACI;AAEZ;AACA,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

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

@@ -1,10 +1,12 @@
 import { FC, PropsWithChildren } from 'react';
-import { RecipeVariantProps } from '@chakra-ui/react';
-import { chipRecipe } from 'src/themes/shared/recipes/chip';
+import { FlexProps } from '@chakra-ui/react';
 export type ChipProps = {
+    isDisabled?: boolean;
     onClick?: () => void;
+    isActive?: boolean;
     href?: string;
     'aria-label'?: string;
-} & RecipeVariantProps<typeof chipRecipe>;
-export declare const Chip: FC<PropsWithChildren<ChipProps>>;
+} & Pick<FlexProps, 'as'>;
+declare const Chip: FC<PropsWithChildren<ChipProps>>;
+export default Chip;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,kBAAkB,EAGnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAG5D,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAE1C,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAwDjD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAa,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AAI9D,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AAuC1B,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAuE1C,CAAC;AAIF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputProps } from '@chakra-ui/react';
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,12 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import { 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" })));
+});
+ColorPicker.displayName = 'ColorPicker';
+
+export { ColorPicker as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;;;;"}

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