@popsure/dirty-swan 0.62.3 → 0.63.0

package/dist/esm/_commonjsHelpers-4730bd53.js

@@ -0,0 +1,27 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+function commonjsRequire (path) {
+	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
+export { getAugmentedNamespace as a, commonjsRequire as b, commonjsGlobal as c, getDefaultExportFromCjs as g };
+//# sourceMappingURL=_commonjsHelpers-4730bd53.js.map

package/dist/esm/_commonjsHelpers-4730bd53.js.map

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

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

@@ -1,22 +1,21 @@
-import { d as __spreadArray, b as __assign } from '../../tslib.es6-CVlKGIvp.js';
+import { _ as __spreadArray, a as __assign } from '../../tslib.es6-a39f91fc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../index-DLQEsiym.js';
+import { c as classNames } from '../../index-6ea95111.js';
 import { useState, useCallback } from 'react';
-import { A as AnimateHeight } from '../../index-DYcCCrfR.js';
-import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
+import { A as AnimateHeight } from '../../index-a0ef2ab4.js';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
 import ChevronDownIcon from '../icon/icons/ChevronDown.js';
 import { Card } from '../cards/card/index.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
 import '../icon/IconWrapper/IconWrapper.js';
 import '../icon/icons/ChevronRight.js';
 
-var css_248z = ".style-module_wrapperBordered__1BsXF {\n  border: 1px solid #e7e7ed;\n}\n\n.style-module_container__37ni0 {\n  border-bottom: 1px solid #e7e7ed;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n  border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n  color: #26262e;\n}\n.style-module_question__2bC30:hover {\n  color: #8883D8;\n}\n\n.style-module_chevron__2nixo {\n  color: #3f3f47;\n  transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n  transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n  padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n  padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n  background-color: transparent !important;\n  color: #26262e;\n  outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n  outline-offset: 0;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0 {\n  color: #26262e !important;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo {\n  color: #26262e;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n  outline: 0 solid transparent !important;\n}";
+var css_248z = ".style-module_wrapperBordered__1BsXF {\n  border: 1px solid #ededf2;\n}\n\n.style-module_container__37ni0 {\n  border-bottom: 1px solid #ededf2;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n  border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n  color: #4c4c53;\n}\n\n.style-module_chevron__2nixo {\n  color: #4c4c53;\n  transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n  transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n  padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n  padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n  background-color: transparent !important;\n  color: #8e8cee;\n  outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n  outline-offset: 0;\n}\n.style-module_buttonWrapper__2A5FG:hover, .style-module_buttonWrapper__2A5FG:focus-visible {\n  background: #f7f7ff;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0 {\n  color: #8e8cee !important;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo {\n  color: #8e8cee;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n  outline: 0 solid transparent !important;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible {\n  outline: 2px solid #8e8cee !important;\n}";
 var styles = {"wrapperBordered":"style-module_wrapperBordered__1BsXF","container":"style-module_container__37ni0","containerBordered":"style-module_containerBordered__2IHWI","question":"style-module_question__2bC30","chevron":"style-module_chevron__2nixo","chevronOpen":"style-module_chevronOpen__1nFZj","answerIcon":"style-module_answerIcon__Pugpz","answerIconDefault":"style-module_answerIconDefault__2myqw","buttonWrapper":"style-module_buttonWrapper__2A5FG","buttonWrapperDefault":"style-module_buttonWrapperDefault__2DCgb","icon":"style-module_icon__jyQp0"};
 styleInject(css_248z);
 
 var Accordion = function (_a) {
     var _b;
-    var _c = _a.items, items = _c === void 0 ? [] : _c, _d = _a.classNames, classNames$1 = _d === void 0 ? {} : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.multiple, multiple = _f === void 0 ? false : _f, onClick = _a.onClick, renderAnswer = _a.renderAnswer;
+    var _c = _a.items, items = _c === void 0 ? [] : _c, _d = _a.classNames, classNames$1 = _d === void 0 ? {} : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.multiple, multiple = _f === void 0 ? false : _f, onClick = _a.onClick;
     var _g = useState([]), selectedQuestionId = _g[0], setSelectedQuestionId = _g[1];
     var isDefaultVariant = variant === 'default';
     var handleClick = useCallback(function (questionData) {
@@ -45,16 +44,16 @@ var Accordion = function (_a) {
             var _a, _b, _c, _d, _e;
             var question = questionData.question, answer = questionData.answer, id = questionData.id, icon = questionData.icon;
             var isOpen = selectedQuestionId.includes(id);
-            return (jsxs("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.questionWrapper, styles.container, (_a = {}, _a[styles.containerBordered] = !isDefaultVariant, _a)), children: [jsx(Card, { title: question, titleVariant: "small", density: 'xsmall', variant: 'transparent', icon: icon, classNames: __assign({ icon: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon, styles.icon, 'tc-neutral-800'), buttonWrapper: classNames('py8 my8', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.buttonWrapper, styles.buttonWrapper, (_b = {},
+            return (jsxs("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.questionWrapper, styles.container, (_a = {}, _a[styles.containerBordered] = !isDefaultVariant, _a)), children: [jsx(Card, { title: question, titleVariant: "small", density: 'compact', icon: icon, classNames: __assign({ icon: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon, styles.icon, 'tc-grey-700'), buttonWrapper: classNames('py8 my8', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.buttonWrapper, styles.buttonWrapper, (_b = {},
                                 _b[styles.buttonWrapperDefault] = isDefaultVariant,
-                                _b)), wrapper: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.question, styles.question, (_c = {}, _c[styles.questionOpen] = isOpen, _c)) }, classNames$1), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsx(ChevronDownIcon, { className: classNames(styles.chevron, (_d = {},
+                                _b)), wrapper: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.question, styles.question, 'fw-bold', (_c = {}, _c[styles.questionOpen] = isOpen, _c)) }, classNames$1), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsx(ChevronDownIcon, { className: classNames(styles.chevron, (_d = {},
                                 _d[styles.chevronOpen] = isOpen,
-                                _d)), size: 20, noMargin: true }) }), jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.answer, 'tc-neutral-700 pr16 pb24', (_e = {
+                                _d)), size: 20, noMargin: true }) }), jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.answer, 'tc-grey-600 pr16 pb24', (_e = {
                                     'pl16': !isDefaultVariant
                                 },
                                 _e[styles === null || styles === void 0 ? void 0 : styles.answerIcon] = !isDefaultVariant && icon,
                                 _e[styles === null || styles === void 0 ? void 0 : styles.answerIconDefault] = isDefaultVariant && icon,
-                                _e)), children: renderAnswer ? renderAnswer(answer) : answer }) })] }, id));
+                                _e)), children: answer }) })] }, id));
         }) }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/accordion/index.tsx"],"sourcesContent":["import classnamesUtil from 'classnames';\nimport { ReactNode, useCallback, useState } from 'react';\nimport AnimateHeight from 'react-animate-height';\n\nimport styles from './style.module.scss';\nimport { ChevronDownIcon } from '../icon';\nimport { Card } from '../cards/card';\n\nexport interface AccordionItem {\n  id: string;\n  question: string;\n  icon?: ReactNode;\n  answer: ReactNode;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  classNames?: {\n    questionWrapper?: string;\n    buttonWrapper?: string;\n    wrapper?: string;\n    question?: string;\n    answer?: string;\n    icon?: string;\n    markdown?: string;\n  };\n  multiple?: boolean;\n  onClick?: (item: AccordionItem) => void;\n  variant?: 'default' | 'bordered';\n  renderAnswer?: (answer: ReactNode) => ReactNode;\n};\n\nconst Accordion = ({\n  items = [],\n  classNames = {},\n  variant = 'default',\n  multiple = false,\n  onClick,\n  renderAnswer,\n}: AccordionProps) => {\n  const [selectedQuestionId, setSelectedQuestionId] = useState<(string[])>([]);\n  const isDefaultVariant = variant === 'default';\n\n  const handleClick = useCallback((questionData:  AccordionItem) => {\n    const { id } = questionData;\n    if (selectedQuestionId.includes(id)) {\n      if (!multiple) {\n        setSelectedQuestionId([]);\n        return\n      }\n\n      setSelectedQuestionId((selectedItems) => \n        selectedItems.filter((selectedId) => selectedId !== id)\n      );\n    } else {\n      onClick?.(questionData);\n      setSelectedQuestionId((selectedIds) => [\n        id, ...multiple ? selectedIds : [],\n      ]);\n    }\n  }, [multiple, onClick, selectedQuestionId]);\n\n  return (\n    <div\n      className={\n        classnamesUtil(\n          {\n            'br8': !isDefaultVariant,\n            [styles.wrapperBordered]: !isDefaultVariant,\n          }\n        )\n      }\n    >\n      {items.map((questionData) => {\n        const { question, answer, id, icon } = questionData;\n        const isOpen = selectedQuestionId.includes(id);\n\n        return (\n          <div\n            key={id}\n            className={classnamesUtil(\n              classNames?.questionWrapper,\n              styles.container,\n              { [styles.containerBordered]: !isDefaultVariant }\n            )}\n          >\n            <Card\n              title={question}\n              titleVariant=\"small\"\n              density='xsmall'\n              variant='transparent'\n              icon={icon}\n              classNames={{\n                icon: classnamesUtil(\n                  classNames?.icon,\n                  styles.icon,\n                  'tc-neutral-800',\n                ),\n                buttonWrapper: classnamesUtil(\n                  'py8 my8',\n                  classNames?.buttonWrapper,\n                  styles.buttonWrapper, {\n                    [styles.buttonWrapperDefault]: isDefaultVariant,\n                  },\n                ),\n                wrapper: classnamesUtil(\n                  classNames?.wrapper,\n                'bg-transparent br0 py0',\n                  { 'pl0': isDefaultVariant },\n                ),\n                title: classnamesUtil(\n                  classNames?.question,\n                  styles.question,\n                  { [styles.questionOpen]: isOpen }\n                ),\n                ...classNames,\n              }}\n              dropShadow={false}\n              onClick={() => handleClick(questionData)}\n              aria-expanded={isOpen}\n              actionIcon={\n                <ChevronDownIcon\n                  className={classnamesUtil(styles.chevron, {\n                    [styles.chevronOpen]: isOpen\n                  })}\n                  size={20}\n                  noMargin\n                />\n              }\n            />\n\n            <AnimateHeight\n              duration={300}\n              height={isOpen ? 'auto' : 0}\n            >\n              <div \n                className={classnamesUtil(\n                  classNames?.answer,\n                  'tc-neutral-700 pr16 pb24', \n                  { \n                    'pl16': !isDefaultVariant,\n                    [styles?.answerIcon]: !isDefaultVariant && icon,\n                    [styles?.answerIconDefault]: isDefaultVariant && icon,\n                  },\n                )}\n              >\n                  {renderAnswer ? renderAnswer(answer) : answer}\n              </div>\n            </AnimateHeight>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport { Accordion };"],"names":["classNames","_jsx","classnamesUtil","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/accordion/index.tsx"],"sourcesContent":["import classnamesUtil from 'classnames';\nimport { ReactNode, useCallback, useState } from 'react';\nimport AnimateHeight from 'react-animate-height';\n\nimport styles from './style.module.scss';\nimport { ChevronDownIcon } from '../icon';\nimport { Card } from '../cards/card';\n\nexport interface AccordionItem {\n  id: string;\n  question: string;\n  icon?: ReactNode;\n  answer: ReactNode;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  classNames?: {\n    questionWrapper?: string;\n    buttonWrapper?: string;\n    wrapper?: string;\n    question?: string;\n    answer?: string;\n    icon?: string;\n    markdown?: string;\n  };\n  multiple?: boolean;\n  onClick?: (item: AccordionItem) => void;\n  variant?: 'default' | 'bordered';\n};\n\nconst Accordion = ({\n  items = [],\n  classNames = {},\n  variant = 'default',\n  multiple = false,\n  onClick,\n}: AccordionProps) => {\n  const [selectedQuestionId, setSelectedQuestionId] = useState<(string[])>([]);\n  const isDefaultVariant = variant === 'default';\n\n  const handleClick = useCallback((questionData:  AccordionItem) => {\n    const { id } = questionData;\n    if (selectedQuestionId.includes(id)) {\n      if (!multiple) {\n        setSelectedQuestionId([]);\n        return\n      }\n\n      setSelectedQuestionId((selectedItems) => \n        selectedItems.filter((selectedId) => selectedId !== id)\n      );\n    } else {\n      onClick?.(questionData);\n      setSelectedQuestionId((selectedIds) => [\n        id, ...multiple ? selectedIds : [],\n      ]);\n    }\n  }, [multiple, onClick, selectedQuestionId]);\n\n  return (\n    <div\n      className={\n        classnamesUtil(\n          {\n            'br8': !isDefaultVariant,\n            [styles.wrapperBordered]: !isDefaultVariant,\n          }\n        )\n      }\n    >\n      {items.map((questionData) => {\n        const { question, answer, id, icon } = questionData;\n        const isOpen = selectedQuestionId.includes(id);\n\n        return (\n          <div\n            key={id}\n            className={classnamesUtil(\n              classNames?.questionWrapper,\n              styles.container,\n              { [styles.containerBordered]: !isDefaultVariant }\n            )}\n          >\n            <Card\n              title={question}\n              titleVariant=\"small\"\n              density='compact'\n              icon={icon}\n              classNames={{\n                icon: classnamesUtil(\n                  classNames?.icon,\n                  styles.icon,\n                  'tc-grey-700',\n                ),\n                buttonWrapper: classnamesUtil(\n                  'py8 my8',\n                  classNames?.buttonWrapper,\n                  styles.buttonWrapper, {\n                    [styles.buttonWrapperDefault]: isDefaultVariant,\n                  },\n                ),\n                wrapper: classnamesUtil(\n                  classNames?.wrapper,\n                'bg-transparent br0 py0',\n                  { 'pl0': isDefaultVariant },\n                ),\n                title: classnamesUtil(\n                  classNames?.question,\n                  styles.question,\n                  'fw-bold', \n                  { [styles.questionOpen]: isOpen }\n                ),\n                ...classNames,\n              }}\n              dropShadow={false}\n              onClick={() => handleClick(questionData)}\n              aria-expanded={isOpen}\n              actionIcon={\n                <ChevronDownIcon\n                  className={classnamesUtil(styles.chevron, {\n                    [styles.chevronOpen]: isOpen\n                  })}\n                  size={20}\n                  noMargin\n                />\n              }\n            />\n\n            <AnimateHeight\n              duration={300}\n              height={isOpen ? 'auto' : 0}\n            >\n              <div \n                className={classnamesUtil(\n                  classNames?.answer,\n                  'tc-grey-600 pr16 pb24', \n                  { \n                    'pl16': !isDefaultVariant,\n                    [styles?.answerIcon]: !isDefaultVariant && icon,\n                    [styles?.answerIconDefault]: isDefaultVariant && icon,\n                  },\n                )}\n              >\n                  {answer}\n              </div>\n            </AnimateHeight>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport { Accordion };"],"names":["classNames","_jsx","classnamesUtil","_jsxs"],"mappings":"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"}

package/dist/esm/components/accordion/index.stories.js

@@ -1,17 +1,16 @@
 import { jsx } from 'react/jsx-runtime';
 import { Accordion } from './index.js';
-import 'react';
-import '../../index-DLQEsiym.js';
 import ArthritisIcon from '../icon/icons/Arthritis.js';
 import CpuIcon from '../icon/icons/Cpu.js';
 import WindIcon from '../icon/icons/Wind.js';
 import ZapIcon from '../icon/icons/Zap.js';
-import '../../tslib.es6-CVlKGIvp.js';
-import '../../index-DYcCCrfR.js';
-import '../../style-inject.es-tgCJW-Cu.js';
+import '../../tslib.es6-a39f91fc.js';
+import '../../index-6ea95111.js';
+import 'react';
+import '../../index-a0ef2ab4.js';
+import '../../style-inject.es-1f59c1d0.js';
 import '../icon/icons/ChevronDown.js';
 import '../icon/IconWrapper/IconWrapper.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
 import '../cards/card/index.js';
 import '../icon/icons/ChevronRight.js';
 
@@ -31,10 +30,6 @@ var story = {
         items: {
             description: 'Accordion items to be displayed. Each item should have an id, question, and answer. Optionally, an icon can be added to the item. \n\nThe answer property accepts markdown.',
         },
-        renderAnswer: {
-            description: 'Function that allows you to render the answer in a custom way',
-            action: true,
-        },
         onClick: {
             description: 'Function that runs on click of the Accordion item',
             action: true,
@@ -49,7 +44,7 @@ var story = {
                 id: '1',
                 question: 'What is the meaning of life?',
                 answer: '42',
-                icon: jsx(CpuIcon, { size: 24 }),
+                icon: jsx(CpuIcon, { size: 24 })
             },
             {
                 id: '2',
@@ -79,17 +74,16 @@ var story = {
             icon: '',
             question: '',
             answer: '',
-            markdown: '',
+            markdown: ''
         },
-    },
+    }
 };
-var AccordionStory = {
-    render: function (_a) {
-        var items = _a.items, multiple = _a.multiple, onClick = _a.onClick, variant = _a.variant;
-        return (jsx(Accordion, { items: items, multiple: multiple, variant: variant, onClick: onClick }));
-    },
-    name: 'Accordion',
+var AccordionStory = function (_a) {
+    var items = _a.items, multiple = _a.multiple, onClick = _a.onClick, variant = _a.variant;
+    return (jsx(Accordion, { items: items, multiple: multiple, variant: variant, onClick: onClick }));
 };
+AccordionStory.storyName = "Accordion";
 
-export { AccordionStory, story as default };
+export default story;
+export { AccordionStory };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/accordion/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/accordion/index.stories.tsx"],"sourcesContent":["import { Accordion, AccordionProps } from '.';\nimport { ArthritisIcon, CpuIcon, WindIcon, ZapIcon } from '../icon';\n\nconst story = {\n  title: 'JSX/Accordion',\n  component: Accordion,\n  argTypes: {\n    classNames: {\n      description:\n        'Class names for the Accordion component and its children elements',\n    },\n    variant: {\n      description: 'Variant that defines the style of the Accordion',\n    },\n    multiple: {\n      description: 'Allow multiple items to be open at the same time',\n    },\n    items: {\n      description:\n        'Accordion items to be displayed. Each item should have an id, question, and answer. Optionally, an icon can be added to the item. \\n\\nThe answer property accepts markdown.',\n    },\n    renderAnswer: {\n      description:\n        'Function that allows you to render the answer in a custom way',\n      action: true,\n    },\n    onClick: {\n      description: 'Function that runs on click of the Accordion item',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n  },\n  args: {\n    items: [\n      {\n        id: '1',\n        question: 'What is the meaning of life?',\n        answer: '42',\n        icon: <CpuIcon size={24} />,\n      },\n      {\n        id: '2',\n        question: 'How old is the universe?',\n        answer: '13.8 billion years',\n        icon: <ZapIcon size={24} />,\n      },\n      {\n        id: '3',\n        question: 'What is the capital of France?',\n        answer: 'Paris',\n        icon: <WindIcon size={24} />,\n      },\n      {\n        id: '4',\n        question: 'Who painted the Mona Lisa?',\n        answer:\n          'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n        icon: <ArthritisIcon size={24} />,\n      },\n    ],\n    variant: 'default',\n    multiple: false,\n    classNames: {\n      questionWrapper: '',\n      buttonWrapper: '',\n      wrapper: '',\n      icon: '',\n      question: '',\n      answer: '',\n      markdown: '',\n    },\n  },\n};\n\nexport const AccordionStory = {\n  render: ({ items, multiple, onClick, variant }: AccordionProps) => (\n    <Accordion\n      items={items}\n      multiple={multiple}\n      variant={variant}\n      onClick={onClick}\n    />\n  ),\n\n  name: 'Accordion',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,QAAQ,EAAE;AACR,QAAA,UAAU,EAAE;AACV,YAAA,WAAW,EACT,mEAAmE;AACtE,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EAAE,iDAAiD;AAC/D,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,kDAAkD;AAChE,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EACT,6KAA6K;AAChL,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,WAAW,EACT,+DAA+D;AACjE,YAAA,MAAM,EAAE,IAAI;AACb,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EAAE,mDAAmD;AAChE,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,WAAW;AACtB,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE;AACL,YAAA;AACE,gBAAA,EAAE,EAAE,GAAG;AACP,gBAAA,QAAQ,EAAE,8BAA8B;AACxC,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,IAAI,EAAEA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAA,CAAI;AAC5B,aAAA;AACD,YAAA;AACE,gBAAA,EAAE,EAAE,GAAG;AACP,gBAAA,QAAQ,EAAE,0BAA0B;AACpC,gBAAA,MAAM,EAAE,oBAAoB;AAC5B,gBAAA,IAAI,EAAEA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAA,CAAI;AAC5B,aAAA;AACD,YAAA;AACE,gBAAA,EAAE,EAAE,GAAG;AACP,gBAAA,QAAQ,EAAE,gCAAgC;AAC1C,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,IAAI,EAAEA,GAAA,CAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAA,CAAI;AAC7B,aAAA;AACD,YAAA;AACE,gBAAA,EAAE,EAAE,GAAG;AACP,gBAAA,QAAQ,EAAE,4BAA4B;AACtC,gBAAA,MAAM,EACJ,4KAA4K;AAC9K,gBAAA,IAAI,EAAEA,GAAA,CAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAA,CAAI;AAClC,aAAA;AACF,SAAA;AACD,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,UAAU,EAAE;AACV,YAAA,eAAe,EAAE,EAAE;AACnB,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,OAAO,EAAE,EAAE;AACX,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,QAAQ,EAAE,EAAE;AACZ,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA;AACF,KAAA;;AAGI,IAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,UAAC,EAAqD,EAAA;YAAnD,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;QAAuB,QACjEA,IAAC,SAAS,EAAA,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB;IAN+D,CAOlE;AAED,IAAA,IAAI,EAAE,WAAW;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/accordion/index.stories.tsx"],"sourcesContent":["import { Accordion, AccordionProps } from '.';\nimport { ArthritisIcon, CpuIcon, WindIcon, ZapIcon } from '../icon';\n\nconst story = {\n  title: 'JSX/Accordion',\n  component: Accordion,\n  argTypes: {\n    classNames: {\n      description: 'Class names for the Accordion component and its children elements',\n    },\n    variant: {\n      description: 'Variant that defines the style of the Accordion',\n    },\n    multiple: {\n      description: 'Allow multiple items to be open at the same time',\n    },\n    items: {\n      description: 'Accordion items to be displayed. Each item should have an id, question, and answer. Optionally, an icon can be added to the item. \\n\\nThe answer property accepts markdown.',\n    },\n    onClick: {\n      description: 'Function that runs on click of the Accordion item',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n  },\n  args: {\n    items: [\n      {\n        id: '1',\n        question: 'What is the meaning of life?',\n        answer: '42',\n        icon: <CpuIcon size={24} />\n      },\n      {\n        id: '2',\n        question: 'How old is the universe?',\n        answer: '13.8 billion years',\n        icon: <ZapIcon size={24} />,\n      },\n      {\n        id: '3',\n        question: 'What is the capital of France?',\n        answer: 'Paris',\n        icon: <WindIcon size={24} />,\n      },\n      {\n        id: '4',\n        question: 'Who painted the Mona Lisa?',\n        answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n        icon: <ArthritisIcon size={24} />,\n      },\n    ],\n    variant: 'default',\n    multiple: false,\n    classNames: {\n      questionWrapper: '',\n      buttonWrapper: '',\n      wrapper: '',\n      icon: '',\n      question: '',\n      answer: '',\n      markdown: ''\n    },\n  }\n};\n \nexport const AccordionStory = ({\n  items,\n  multiple,\n  onClick,\n  variant\n}: AccordionProps) => (\n  <Accordion\n    items={items}\n    multiple={multiple}\n    variant={variant}\n    onClick={onClick}\n  />\n);\n\nAccordionStory.storyName = \"Accordion\";\n \nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,mEAAmE;SACjF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,iDAAiD;SAC/D;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kDAAkD;SAChE;QACD,KAAK,EAAE;YACL,WAAW,EAAE,6KAA6K;SAC3L;QACD,OAAO,EAAE;YACP,WAAW,EAAE,mDAAmD;YAChE,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,QAAQ,EAAE,8BAA8B;gBACxC,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAEA,IAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI;aAC5B;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,QAAQ,EAAE,0BAA0B;gBACpC,MAAM,EAAE,oBAAoB;gBAC5B,IAAI,EAAEA,IAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI;aAC5B;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,QAAQ,EAAE,gCAAgC;gBAC1C,MAAM,EAAE,OAAO;gBACf,IAAI,EAAEA,IAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI;aAC7B;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,QAAQ,EAAE,4BAA4B;gBACtC,MAAM,EAAE,4KAA4K;gBACpL,IAAI,EAAEA,IAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI;aAClC;SACF;QACD,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE;YACV,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,EAAE;YACjB,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE;YACV,QAAQ,EAAE,EAAE;SACb;KACF;EACD;IAEW,cAAc,GAAG,UAAC,EAKd;QAJf,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA;IACa,QACpBA,IAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB;AANkB,EAOpB;AAEF,cAAc,CAAC,SAAS,GAAG,WAAW;;;;;"}

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

@@ -1,13 +1,14 @@
-import { b as __assign } from '../../tslib.es6-CVlKGIvp.js';
+import { a as __assign } from '../../tslib.es6-a39f91fc.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useCallback } from 'react';
-import { c as classNames } from '../../index-DLQEsiym.js';
-import { d as debounce } from '../../index-BClARCFl.js';
+import { c as classNames } from '../../index-6ea95111.js';
+import { l as lodash_debounce } from '../../index-5e72c3d4.js';
 import { Input } from '../input/index.js';
-import { $ as $5 } from '../../index-BYyiyH6K.js';
-import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
-import '../../index-CNcEE5dn.js';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+import '../../_commonjsHelpers-4730bd53.js';
+import '../../index-69a46657.js';
+
+var b=Object.defineProperty;var S=(a,n)=>{for(var o in n)b(a,o,{get:n[o],enumerable:!0});};var s=["AF","AL","DZ","AD","AS","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IL","IT","JM","JP","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","MS","ME","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","SH","KN","LC","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SK","SI","SB","SO","ZA","GS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW","AX","BQ","CW","GG","IM","JE","BL","MF","SX","XK","SS"];var h={};S(h,{countries:()=>B,default:()=>C,locale:()=>f});var f="en",B={AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AS:"American Samoa",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarctica",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BV:"Bouvet Island",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei Darussalam",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CX:"Christmas Island",CC:"Cocos (Keeling) Islands",CO:"Colombia",KM:"Comoros",CG:"Republic of the Congo",CD:"Democratic Republic of the Congo",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote D'Ivoire",HR:"Croatia",CU:"Cuba",CY:"Cyprus",CZ:"Czech Republic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands (Malvinas)",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",TF:"French Southern Territories",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard Island and McDonald Islands",VA:"Holy See (Vatican City State)",HN:"Honduras",HK:"Hong Kong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Lao People's Democratic Republic",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia, Federated States of",MD:"Moldova, Republic of",MC:"Monaco",MN:"Mongolia",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Island",MK:"North Macedonia",MP:"Northern Mariana Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestine",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",RO:"Romania",RU:"Russia",RW:"Rwanda",SH:"Saint Helena",KN:"Saint Kitts and Nevis",LC:"Saint Lucia",PM:"Saint Pierre and Miquelon",VC:"Saint Vincent and the Grenadines",WS:"Samoa",SM:"San Marino",ST:"Sao Tome and Principe",SA:"Saudi Arabia",SN:"Senegal",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",GS:"South Georgia and the South Sandwich Islands",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SR:"Suriname",SJ:"Svalbard and Jan Mayen",SZ:"Eswatini",SE:"Sweden",CH:"Switzerland",SY:"Syrian Arab Republic",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor-Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad and Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TC:"Turks and Caicos Islands",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",GB:"United Kingdom",US:"United States",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands, British",VI:"Virgin Islands, U.S.",WF:"Wallis and Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe",AX:"\xC5land Islands",BQ:"Bonaire, Sint Eustatius and Saba",CW:"Cura\xE7ao",GG:"Guernsey",IM:"Isle of Man",JE:"Jersey",ME:"Montenegro",BL:"Saint Barth\xE9lemy",MF:"Saint Martin (French part)",RS:"Serbia",SX:"Sint Maarten (Dutch part)",SS:"South Sudan",XK:"Kosovo"},C={locale:f,countries:B};var l={};S(l,{countries:()=>H,default:()=>G,locale:()=>m});var m="de",H={AF:"Afghanistan",EG:"\xC4gypten",AX:"\xC5land",AL:"Albanien",DZ:"Algerien",AS:"Amerikanisch-Samoa",VI:"Amerikanische Jungferninseln",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarktis",AG:"Antigua und Barbuda",GQ:"\xC4quatorialguinea",AR:"Argentinien",AM:"Armenien",AW:"Aruba",AZ:"Aserbaidschan",ET:"\xC4thiopien",AU:"Australien",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesch",BB:"Barbados",BY:"Belarus",BE:"Belgien",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivien",BQ:"Bonaire",BA:"Bosnien und Herzegowina",BW:"Botswana",BV:"Bouvetinsel",BR:"Brasilien",VG:"Britische Jungferninseln",IO:"Britisches Territorium im Indischen Ozean",BN:"Brunei Darussalam",BG:"Bulgarien",BF:"Burkina Faso",BI:"Burundi",CL:"Chile",CN:"China",CK:"Cookinseln",CR:"Costa Rica",CI:"Elfenbeink\xFCste",CW:"Cura\xE7ao",DK:"D\xE4nemark",DE:"Deutschland",DM:"Dominica",DO:"Dominikanische Republik",DJ:"Dschibuti",EC:"Ecuador",SV:"El Salvador",ER:"Eritrea",EE:"Estland",FK:"Falklandinseln",FO:"F\xE4r\xF6er",FJ:"Fidschi",FI:"Finnland",FR:"Frankreich",GF:"Franz\xF6sisch-Guayana",PF:"Franz\xF6sisch-Polynesien",TF:"Franz\xF6sische S\xFCd- und Antarktisgebiete",GA:"Gabun",GM:"Gambia",GE:"Georgien",GH:"Ghana",GI:"Gibraltar",GD:"Grenada",GR:"Griechenland",GL:"Gr\xF6nland",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GG:"Guernsey",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard und McDonaldinseln",HN:"Honduras",HK:"Hongkong",IN:"Indien",ID:"Indonesien",IM:"Insel Man",IQ:"Irak",IR:"Iran",IE:"Irland",IS:"Island",IL:"Israel",IT:"Italien",JM:"Jamaika",JP:"Japan",YE:"Jemen",JE:"Jersey",JO:"Jordanien",KY:"Kaimaninseln",KH:"Kambodscha",CM:"Kamerun",CA:"Kanada",CV:"Kap Verde",KZ:"Kasachstan",QA:"Katar",KE:"Kenia",KG:"Kirgisistan",KI:"Kiribati",CC:"Kokosinseln",CO:"Kolumbien",KM:"Komoren",CD:"Kongo",KP:"Nordkorea",KR:"S\xFCdkorea",HR:"Kroatien",CU:"Kuba",KW:"Kuwait",LA:"Laos",LS:"Lesotho",LV:"Lettland",LB:"Libanon",LR:"Liberia",LY:"Libyen",LI:"Liechtenstein",LT:"Litauen",LU:"Luxemburg",MO:"Macao",MG:"Madagaskar",MW:"Malawi",MY:"Malaysia",MV:"Malediven",ML:"Mali",MT:"Malta",MA:"Marokko",MH:"Marshallinseln",MQ:"Martinique",MR:"Mauretanien",MU:"Mauritius",YT:"Mayotte",MX:"Mexiko",FM:"Mikronesien",MD:"Moldawien",MC:"Monaco",MN:"Mongolei",ME:"Montenegro",MS:"Montserrat",MZ:"Mosambik",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NC:"Neukaledonien",NZ:"Neuseeland",NI:"Nicaragua",NL:"Niederlande",NE:"Niger",NG:"Nigeria",NU:"Niue",MK:"Nordmazedonien",MP:"N\xF6rdliche Marianen",NF:"Norfolkinsel",NO:"Norwegen",OM:"Oman",AT:"\xD6sterreich",TL:"Osttimor",PK:"Pakistan",PS:"Staat Pal\xE4stina",PW:"Palau",PA:"Panama",PG:"Papua-Neuguinea",PY:"Paraguay",PE:"Peru",PH:"Philippinen",PN:"Pitcairninseln",PL:"Polen",PT:"Portugal",PR:"Puerto Rico",TW:"Taiwan",CG:"Republik Kongo",RE:"R\xE9union",RW:"Ruanda",RO:"Rum\xE4nien",RU:"Russische F\xF6deration",BL:"Saint-Barth\xE9lemy",MF:"Saint-Martin",SB:"Salomonen",ZM:"Sambia",WS:"Samoa",SM:"San Marino",ST:"S\xE3o Tom\xE9 und Pr\xEDncipe",SA:"Saudi-Arabien",SE:"Schweden",CH:"Schweiz",SN:"Senegal",RS:"Serbien",SC:"Seychellen",SL:"Sierra Leone",ZW:"Simbabwe",SG:"Singapur",SX:"Sint Maarten",SK:"Slowakei",SI:"Slowenien",SO:"Somalia",ES:"Spanien",LK:"Sri Lanka",SH:"St. Helena",KN:"St. Kitts und Nevis",LC:"St. Lucia",PM:"Saint-Pierre und Miquelon",VC:"St. Vincent und die Grenadinen",ZA:"S\xFCdafrika",SD:"Sudan",GS:"S\xFCdgeorgien und die S\xFCdlichen Sandwichinseln",SS:"S\xFCdsudan",SR:"Suriname",SJ:"Svalbard und Jan Mayen",SZ:"Eswatini",SY:"Syrien, Arabische Republik",TJ:"Tadschikistan",TZ:"Tansania, Vereinigte Republik",TH:"Thailand",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad und Tobago",TD:"Tschad",CZ:"Tschechische Republik",TN:"Tunesien",TR:"T\xFCrkei",TM:"Turkmenistan",TC:"Turks- und Caicosinseln",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",HU:"Ungarn",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Usbekistan",VU:"Vanuatu",VA:"Vatikanstadt",VE:"Venezuela",AE:"Vereinigte Arabische Emirate",US:"Vereinigte Staaten",GB:"Vereinigtes K\xF6nigreich",VN:"Vietnam",WF:"Wallis und Futuna",CX:"Weihnachtsinsel",EH:"Westsahara",CF:"Zentralafrikanische Republik",CY:"Zypern",XK:"Kosovo"},G={locale:m,countries:H};var k={en:h,de:l};function P(a,n="en"){return k[n].countries[a]}var M=(a="en")=>s.map(n=>({name:k[a].countries[n],code:n}));M();
 
 var geocoderAddressComponentToPartialAddress = function (input) {
     var mapping = {
@@ -43,8 +44,8 @@ var geocoderAddressComponentToPartialAddress = function (input) {
     return toReturn;
 };
 
-var css_248z = "@media (max-width: 34rem) {\n  .style-module_input-line__34TKK {\n    flex-direction: column;\n  }\n  .style-module_input-line__34TKK > *:not(:first-child) {\n    margin-top: 16px;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_house-number-input__1sDS5 {\n    max-width: none !important;\n  }\n}\n\n.style-module_map-container__2rzjU {\n  position: relative;\n  height: 112px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n  overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n  height: 0;\n  margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_appear-in-animate__1bJyO {\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute !important;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 100;\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n  width: 100%;\n  height: 100%;\n}";
-var styles = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
+var css_248z = "@media (max-width: 34rem) {\n  .style-module_input-line__34TKK {\n    flex-direction: column;\n  }\n  .style-module_input-line__34TKK > *:not(:first-child) {\n    margin-top: 16px;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_house-number-input__1sDS5 {\n    max-width: none !important;\n  }\n}\n\n.style-module_map-container__2rzjU {\n  position: relative;\n  height: 112px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n  overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n  height: 0;\n  margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_appear-in-animate__1bJyO {\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute !important;\n  background-color: rgba(142, 140, 238, 0.25);\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 100;\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n  width: 100%;\n  height: 100%;\n}";
+var styles = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
 styleInject(css_248z);
 
 var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
@@ -78,20 +79,19 @@ var loadGoogleMapsApiDynamically = function (callback, apiKey) {
 };
 var AutocompleteAddress = function (_a) {
     var _b;
-    var _c;
-    var apiKey = _a.apiKey, initialAddress = _a.address, onAddressChange = _a.onAddressChange, placeholders = _a.placeholders, manualAddressEntryTexts = _a.manualAddressEntryTexts, inputProps = _a.inputProps, _d = _a.countryCode, countryCode = _d === void 0 ? GERMANY_ALPHA_CODE : _d;
-    var _e = useState(false), manualAddressEntry = _e[0], setManualAddressEntry = _e[1];
-    var _f = useState(false), isLoading = _f[0], setIsLoading = _f[1];
+    var apiKey = _a.apiKey, initialAddress = _a.address, onAddressChange = _a.onAddressChange, placeholders = _a.placeholders, manualAddressEntryTexts = _a.manualAddressEntryTexts, inputProps = _a.inputProps;
+    var _c = useState(false), manualAddressEntry = _c[0], setManualAddressEntry = _c[1];
+    var _d = useState(false), isLoading = _d[0], setIsLoading = _d[1];
     var autocomplete = useRef(null);
     var autocompleteElement = useRef(null);
     var map = useRef(null);
     var marker = useRef(null);
-    var _g = useState(initialAddress), address = _g[0], setAddress = _g[1];
-    var _h = useState(((_c = window.google) === null || _c === void 0 ? void 0 : _c.maps) !== undefined), hasLoadedGoogleAPI = _h[0], setHasLoadedGoogleAPI = _h[1];
+    var _e = useState(initialAddress), address = _e[0], setAddress = _e[1];
+    var _f = useState(window.google !== undefined), hasLoadedGoogleAPI = _f[0], setHasLoadedGoogleAPI = _f[1];
     loadGoogleMapsApiDynamically(function () {
         setHasLoadedGoogleAPI(true);
     }, apiKey);
-    var _j = useState(null), place = _j[0], setPlace = _j[1];
+    var _g = useState(null), place = _g[0], setPlace = _g[1];
     useEffect(function () {
         if (address) {
             if (autocompleteElement.current && address.street) {
@@ -107,11 +107,11 @@ var AutocompleteAddress = function (_a) {
         var reference = document.getElementById('autocomplete');
         autocomplete.current = new google.maps.places.Autocomplete(reference, {
             types: ['address'],
-            componentRestrictions: { country: countryCode },
+            componentRestrictions: { country: GERMANY_ALPHA_CODE },
         });
         autocomplete.current.addListener('place_changed', onPlaceChanged);
         map.current = new google.maps.Map(document.getElementById('map'), MAP_CONFIG_OBJ);
-        import('../../mapStyle-C69a9tQ6.js').then(function (_a) {
+        import('../../mapStyle-1288a869.js').then(function (_a) {
             var _b, _c;
             var style = _a.style;
             (_b = map.current) === null || _b === void 0 ? void 0 : _b.mapTypes.set('styled_map', style);
@@ -121,7 +121,7 @@ var AutocompleteAddress = function (_a) {
             map: map.current,
         });
         setPlaceFromAddress(address);
-    }, [hasLoadedGoogleAPI, countryCode]); // eslint-disable-line
+    }, [hasLoadedGoogleAPI]); // eslint-disable-line
     var onPlaceChanged = function (newPlace, updateAddress) {
         var _a, _b, _c, _d, _e;
         if (newPlace === void 0) { newPlace = (_a = autocomplete.current) === null || _a === void 0 ? void 0 : _a.getPlace(); }
@@ -146,7 +146,7 @@ var AutocompleteAddress = function (_a) {
         if (address) {
             var service_1 = new google.maps.places.PlacesService(map.current);
             var query = "".concat((_a = address.street) !== null && _a !== void 0 ? _a : '', " ").concat((_b = address.houseNumber) !== null && _b !== void 0 ? _b : '', ", ").concat((_c = address.city) !== null && _c !== void 0 ? _c : '', ", ").concat(address.country
-                ? $5(address.country)
+                ? P(address.country)
                 : '');
             setIsLoading(true);
             service_1.findPlaceFromQuery({
@@ -163,7 +163,7 @@ var AutocompleteAddress = function (_a) {
             });
         }
     }, []);
-    var debouncedSetPlace = debounce(setPlaceFromAddress, 2000);
+    var debouncedSetPlace = lodash_debounce(setPlaceFromAddress, 2000);
     var handleEnterAddressManually = function () {
         setManualAddressEntry(true);
     };
@@ -171,7 +171,7 @@ var AutocompleteAddress = function (_a) {
         var _b = _a === void 0 ? { updatePlace: true } : _a, updatePlace = _b.updatePlace;
         return function (e) {
             var _a;
-            var newAddress = __assign(__assign({}, address), (_a = {}, _a[e.target.name] = e.target.value, _a.country = countryCode, _a));
+            var newAddress = __assign(__assign({}, address), (_a = {}, _a[e.target.name] = e.target.value, _a.country = GERMANY_ALPHA_CODE, _a));
             setAddress(newAddress);
             onAddressChange(newAddress);
             if (updatePlace) {
@@ -179,10 +179,10 @@ var AutocompleteAddress = function (_a) {
             }
         };
     };
-    return (jsxs(Fragment, { children: [jsxs("div", { className: classNames("wmx8 bg-neutral-600 ".concat(styles['map-container']), (_b = {},
+    return (jsxs(Fragment, { children: [jsxs("div", { className: classNames("wmx8 bg-grey-500 ".concat(styles['map-container']), (_b = {},
                     _b[styles['map-container--hidden']] = place === null,
-                    _b)), children: [jsx("div", { className: styles.map, id: "map", "aria-hidden": "true" }), isLoading && (jsx("div", { className: styles['loading-spinner'], children: jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxs("div", { style: { position: 'relative' }, children: [jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement, disabled: hasLoadedGoogleAPI === false }, "autocomplete-search"), hasLoadedGoogleAPI === false && (jsx("div", { "data-cy": "google-api-loader", className: styles['loading-spinner'], children: jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxs(Fragment, { children: [jsxs("div", { className: "d-flex c-gap16 ".concat(styles['input-line']), children: [jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"), jsx(Input, __assign({ className: "wmx2 ".concat(styles['house-number-input']), "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
-                                'Additional information (C/O, apartment, etc.)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"), jsxs("div", { className: "d-flex mt16 c-gap16 ".concat(styles['input-line']), children: [jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"), jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', name: "city", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.city), "autocomplete-city")] })] })) }), manualAddressEntry === false && (jsxs("div", { className: "p-p mt8", children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ', jsx("button", { className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button", children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' })] }))] }));
+                    _b)), children: [jsx("div", { className: styles.map, id: "map" }), isLoading && (jsx("div", { className: styles['loading-spinner'], children: jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxs("div", { style: { position: 'relative' }, children: [jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"), hasLoadedGoogleAPI === false && (jsx("div", { "data-cy": "google-api-loader", className: styles['loading-spinner'], children: jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxs(Fragment, { children: [jsxs("div", { className: "d-flex c-gap16 ".concat(styles['input-line']), children: [jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"), jsx(Input, __assign({ className: "wmx2 ".concat(styles['house-number-input']), "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
+                                'Additional information (C/O, apartment, …)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"), jsxs("div", { className: "d-flex mt16 c-gap16 ".concat(styles['input-line']), children: [jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"), jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', name: "city", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.city), "autocomplete-city")] })] })) }), manualAddressEntry === false && (jsxs("div", { className: "p-p mt8", children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ', jsx("button", { className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button", children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' })] }))] }));
 };
 
 export { AutocompleteAddress };