@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/Row/Row.js

@@ -1,69 +1,30 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { Text } from '../Text/Text.js';
-import { theme } from '../theme.js';
-
-const Row = ({
-  iconLeft,
-  iconLeftColor = "liquorice",
-  iconRight,
-  iconRightColor = "marzipan",
-  handleClick,
-  heading,
-  subHeading,
-  type,
-  borderTop = true,
-  borderBottom = true,
-  boldHeading,
-  ...marginProps
-}) => {
-  const windowWidth = screen.width;
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      type,
-      iconLeft,
-      borderTop,
-      borderBottom,
-      iconRight,
-      onClick: handleClick,
-      boldHeading,
-      ...marginProps,
-      children: [
-        iconLeft && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            render: iconLeft,
-            size: windowWidth > 768 ? 24 : 18,
-            color: iconLeftColor
-          }
-        ),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { tag: "h1", typo: "base", children: heading }),
-          /* @__PURE__ */ jsx(Text, { tag: "p", typo: "desc-small", color: "sesame", children: subHeading })
-        ] }),
-        iconRight && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            className: "iconRight",
-            render: iconRight,
-            size: 24,
-            rotate: iconRight === "caret" ? -90 : 0,
-            color: iconRightColor
-          }
-        )
-      ]
-    }
-  );
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { Text } from '../Text';
+import { theme } from '../theme';
+export const Row = ({ iconLeft, iconLeftColor = 'liquorice', iconRight, iconRightColor = 'marzipan', handleClick, heading, subHeading, type, borderTop = true, borderBottom = true, boldHeading, ...marginProps }) => {
+    const windowWidth = screen.width;
+    return (React.createElement(Container, { type: type, iconLeft: iconLeft, borderTop: borderTop, borderBottom: borderBottom, iconRight: iconRight, onClick: handleClick, boldHeading: boldHeading, ...marginProps },
+        iconLeft && (React.createElement(Icon, { render: iconLeft, size: windowWidth > 768 ? 24 : 18, color: iconLeftColor })),
+        React.createElement(Box, null,
+            React.createElement(Text, { tag: "h1", typo: "base" }, heading),
+            React.createElement(Text, { tag: "p", typo: "desc-small", color: "sesame" }, subHeading)),
+        iconRight && (React.createElement(Icon, { className: "iconRight", render: iconRight, size: 24, rotate: iconRight === 'caret' ? -90 : 0, color: iconRightColor }))));
 };
-const Container = styled(Box)(
-  ({ type, iconLeft, borderTop, borderBottom, boldHeading }) => css`
-    border-radius: ${type === "first" && `16px 16px 0 0` || type === "curved" && `16px` || type === "last" && `0 0 16px 16px` || 0};
-
-    border-top: ${borderTop && type !== "curved" && type !== "first" ? `1px solid ${theme.colors.oatmeal}` : "none"};
-    border-bottom: ${borderBottom && type !== "curved" && type !== "last" ? `1px solid ${theme.colors.oatmeal}` : "none"};
+const Container = styled(Box)(({ type, iconLeft, borderTop, borderBottom, boldHeading }) => css `
+    border-radius: ${(type === 'first' && `16px 16px 0 0`) ||
+    (type === 'curved' && `16px`) ||
+    (type === 'last' && `0 0 16px 16px`) ||
+    0};
+
+    border-top: ${borderTop && type !== 'curved' && type !== 'first'
+    ? `1px solid ${theme.colors.oatmeal}`
+    : 'none'};
+    border-bottom: ${borderBottom && type !== 'curved' && type !== 'last'
+    ? `1px solid ${theme.colors.oatmeal}`
+    : 'none'};
 
     background-color: ${theme.colors.custard};
     display: grid;
@@ -85,8 +46,5 @@ const Container = styled(Box)(
     @media (min-width: 768px) {
       grid-gap: 24px;
     }
-  `
-);
-
-export { Row };
-//# sourceMappingURL=Row.js.map
+  `);
+//# sourceMappingURL=Row.js.map

package/dist/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../src/Row/Row.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icons } from 'Icon/iconsList'\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Text } from '../Text'\nimport { Color, theme } from '../theme'\nimport { MarginProps } from '../utils/space'\n\nexport type RowProps = {\n  iconLeft?: Icons\n  iconLeftColor?: Color\n  iconRight?: Icons\n  iconRightColor?: Color\n  handleClick?: () => void\n  heading: string\n  subHeading?: string\n  type?: 'first' | 'last' | 'curved'\n  borderTop?: boolean\n  borderBottom?: boolean\n  boldHeading?: boolean\n} & MarginProps\n\nexport const Row: FC<RowProps> = ({\n  iconLeft,\n  iconLeftColor = 'liquorice',\n  iconRight,\n  iconRightColor = 'marzipan',\n  handleClick,\n  heading,\n  subHeading,\n  type,\n  borderTop = true,\n  borderBottom = true,\n  boldHeading,\n  ...marginProps\n}) => {\n  const windowWidth = screen.width\n\n  return (\n    <Container\n      type={type}\n      iconLeft={iconLeft}\n      borderTop={borderTop}\n      borderBottom={borderBottom}\n      iconRight={iconRight}\n      onClick={handleClick}\n      boldHeading={boldHeading}\n      {...marginProps}\n    >\n      {iconLeft && (\n        <Icon\n          render={iconLeft}\n          size={windowWidth > 768 ? 24 : 18}\n          color={iconLeftColor}\n        />\n      )}\n      <Box>\n        <Text tag=\"h1\" typo=\"base\">\n          {heading}\n        </Text>\n        <Text tag=\"p\" typo=\"desc-small\" color=\"sesame\">\n          {subHeading}\n        </Text>\n      </Box>\n      {iconRight && (\n        <Icon\n          className=\"iconRight\"\n          render={iconRight}\n          size={24}\n          rotate={iconRight === 'caret' ? -90 : 0}\n          color={iconRightColor}\n        />\n      )}\n    </Container>\n  )\n}\n\ninterface IContainer {\n  type?: 'first' | 'last' | 'curved'\n  iconLeft?: string\n  iconRight?: string\n  borderTop: boolean\n  borderBottom: boolean\n  boldHeading?: boolean\n}\n\nconst Container = styled(Box)<IContainer>(\n  ({ type, iconLeft, borderTop, borderBottom, boldHeading }) => css`\n    border-radius: ${(type === 'first' && `16px 16px 0 0`) ||\n    (type === 'curved' && `16px`) ||\n    (type === 'last' && `0 0 16px 16px`) ||\n    0};\n\n    border-top: ${borderTop && type !== 'curved' && type !== 'first'\n      ? `1px solid ${theme.colors.oatmeal}`\n      : 'none'};\n    border-bottom: ${borderBottom && type !== 'curved' && type !== 'last'\n      ? `1px solid ${theme.colors.oatmeal}`\n      : 'none'};\n\n    background-color: ${theme.colors.custard};\n    display: grid;\n    grid-template-columns: ${iconLeft ? `24px auto 24px` : `auto 24px`};\n    padding: 16px;\n    grid-gap: 16px;\n    align-items: center;\n\n    cursor: pointer;\n\n    h1 {\n      font-weight: ${boldHeading && 500};\n    }\n\n    .iconRight {\n      justify-self: end;\n    }\n\n    @media (min-width: 768px) {\n      grid-gap: 24px;\n    }\n  `,\n)\n"],"names":[],"mappings":";;;;;;;AAwBO,MAAM,MAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA,aAAgB,GAAA,WAAA;AAAA,EAChB,SAAA;AAAA,EACA,cAAiB,GAAA,UAAA;AAAA,EACjB,WAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAY,GAAA,IAAA;AAAA,EACZ,YAAe,GAAA,IAAA;AAAA,EACf,WAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,cAAc,MAAO,CAAA,KAAA,CAAA;AAE3B,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,WAAA;AAAA,MACC,GAAG,WAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QACC,QAAA,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAQ,EAAA,QAAA;AAAA,YACR,IAAA,EAAM,WAAc,GAAA,GAAA,GAAM,EAAK,GAAA,EAAA;AAAA,YAC/B,KAAO,EAAA,aAAA;AAAA,WAAA;AAAA,SACT;AAAA,6BAED,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,IAAA,EAAK,QACjB,QACH,EAAA,OAAA,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,QAAK,GAAI,EAAA,GAAA,EAAI,MAAK,YAAa,EAAA,KAAA,EAAM,UACnC,QACH,EAAA,UAAA,EAAA,CAAA;AAAA,SACF,EAAA,CAAA;AAAA,QACC,SACC,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,WAAA;AAAA,YACV,MAAQ,EAAA,SAAA;AAAA,YACR,IAAM,EAAA,EAAA;AAAA,YACN,MAAA,EAAQ,SAAc,KAAA,OAAA,GAAU,CAAM,EAAA,GAAA,CAAA;AAAA,YACtC,KAAO,EAAA,cAAA;AAAA,WAAA;AAAA,SACT;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,EAAA;AAWA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAAA,EAC1B,CAAC,EAAE,IAAA,EAAM,UAAU,SAAW,EAAA,YAAA,EAAc,aAAkB,KAAA,GAAA,CAAA;AAAA,mBAC1C,EAAA,IAAA,KAAS,WAAW,CACrC,aAAA,CAAA,IAAA,IAAA,KAAS,YAAY,CACrB,IAAA,CAAA,IAAA,IAAA,KAAS,MAAU,IAAA,CAAA,aAAA,CAAA,IACpB,CAAC,CAAA;AAAA;AAAA,gBAEa,EAAA,SAAA,IAAa,IAAS,KAAA,QAAA,IAAY,IAAS,KAAA,OAAA,GACrD,aAAa,KAAM,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA,GACjC,MAAM,CAAA;AAAA,mBACO,EAAA,YAAA,IAAgB,IAAS,KAAA,QAAA,IAAY,IAAS,KAAA,MAAA,GAC3D,aAAa,KAAM,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA,GACjC,MAAM,CAAA;AAAA;AAAA,sBAEU,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAAA,2BAEf,EAAA,QAAA,GAAW,mBAAmB,CAAW,SAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAA,EAQjD,eAAe,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAWvC,CAAA;;;;"}
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAG/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAiBvC,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAChC,QAAQ,EACR,aAAa,GAAG,WAAW,EAC3B,SAAS,EACT,cAAc,GAAG,UAAU,EAC3B,WAAW,EACX,OAAO,EACP,UAAU,EACV,IAAI,EACJ,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,EACnB,WAAW,EACX,GAAG,WAAW,EACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;IAEhC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,KACpB,WAAW;QAEd,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACjC,KAAK,EAAE,aAAa,GACpB,CACH;QACD,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,IACvB,OAAO,CACH;YACP,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,IAC3C,UAAU,CACN,CACH;QACL,SAAS,IAAI,CACZ,oBAAC,IAAI,IACH,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACvC,KAAK,EAAE,cAAc,GACrB,CACH,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAWD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;qBAC9C,CAAC,IAAI,KAAK,OAAO,IAAI,eAAe,CAAC;IACtD,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC;IAC7B,CAAC,IAAI,KAAK,MAAM,IAAI,eAAe,CAAC;IACpC,CAAC;;kBAEa,SAAS,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,OAAO;IAC9D,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;IACrC,CAAC,CAAC,MAAM;qBACO,YAAY,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,MAAM;IACnE,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;IACrC,CAAC,CAAC,MAAM;;wBAEU,KAAK,CAAC,MAAM,CAAC,OAAO;;6BAEf,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW;;;;;;;;qBAQjD,WAAW,IAAI,GAAG;;;;;;;;;;GAUpC,CACF,CAAA"}

package/dist/Row/index.js

@@ -0,0 +1,2 @@
+export * from './Row';
+//# sourceMappingURL=index.js.map

package/dist/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Row/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}

package/dist/SearchInput/SearchInput.js

@@ -1,120 +1,62 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useMemo } from 'react';
-import { Box } from '../Box/Box.js';
-import { Field } from '../fields/Field/Field.js';
-import { StyledFrontIcon, Input } from '../fields/components/CommonInput.js';
-import { useUniqueId } from '../utils/id.js';
-import { useControllableState } from '../utils/useControlledState.js';
-import { SearchOptions } from './SearchOptions.js';
-
-const SearchInput = forwardRef(
-  function SearchInput2({
-    id: idProp,
-    name = "search_input",
-    className = "",
-    placeholder,
-    searchList,
-    showIcon = false,
-    renderAsTitle = false,
-    value,
-    onBlur,
-    onFound,
-    fallbackStyle,
-    resultsRelativePosition = false,
-    resultsBorder = true,
-    ...otherProps
-  }, ref) {
+import React, { forwardRef, useMemo, useState, } from 'react';
+import { Box } from '../Box';
+import { Field } from '../fields/Field';
+import { Input, StyledFrontIcon } from '../fields/components/CommonInput';
+import { useUniqueId } from '../utils/id';
+import { useControllableState } from '../utils/useControlledState';
+import { SearchOptions } from './SearchOptions';
+export const SearchInput = forwardRef(function SearchInput({ id: idProp, name = 'search_input', className = '', placeholder, searchList, showIcon = false, renderAsTitle = false, value, onBlur, onFound, fallbackStyle, resultsRelativePosition = false, resultsBorder = true, ...otherProps }, ref) {
     const id = useUniqueId(idProp);
     const [showOptions, setShowOptions] = useState(false);
     const [selectedValue, setSelectedValue] = useControllableState({
-      initialState: null,
-      stateProp: value
+        initialState: null,
+        stateProp: value,
     });
     const [searchQuery, setSearchQuery] = useState(null);
     const filteredList = useMemo(() => {
-      if (searchQuery === null || searchQuery === "") {
-        return searchList;
-      }
-      return searchList.filter(
-        ({ label }) => label.toLowerCase().includes(searchQuery.toLocaleLowerCase())
-      );
+        if (searchQuery === null || searchQuery === '') {
+            return searchList;
+        }
+        return searchList.filter(({ label }) => label.toLowerCase().includes(searchQuery.toLocaleLowerCase()));
     }, [searchQuery]);
     const getDisplayedInputText = () => {
-      if (searchQuery !== null) {
-        return searchQuery;
-      }
-      if (selectedValue !== null) {
-        return searchList.find(
-          (option) => option.label === selectedValue || option.value === selectedValue
-        )?.label || "";
-      }
-      return "";
+        if (searchQuery !== null) {
+            return searchQuery;
+        }
+        if (selectedValue !== null) {
+            return (searchList.find((option) => option.label === selectedValue || option.value === selectedValue)?.label || '');
+        }
+        return '';
     };
     const isSelected = selectedValue !== null;
     const displayedInputText = getDisplayedInputText();
     const updateSearchQuery = (query) => {
-      setSearchQuery(query);
-      if (query === null) {
-        setShowOptions(false);
-      } else {
-        setShowOptions(2 <= query.length);
-      }
+        setSearchQuery(query);
+        if (query === null) {
+            setShowOptions(false);
+        }
+        else {
+            setShowOptions(2 <= query.length);
+        }
     };
     const handleInputChange = (event) => {
-      const nextValue = event.currentTarget.value;
-      updateSearchQuery(nextValue);
+        const nextValue = event.currentTarget.value;
+        updateSearchQuery(nextValue);
     };
     const handleSelect = (nextValue) => {
-      updateSearchQuery(null);
-      setSelectedValue(nextValue.label);
-      onFound(nextValue.value);
+        updateSearchQuery(null);
+        setSelectedValue(nextValue.label);
+        onFound(nextValue.value);
     };
-    return /* @__PURE__ */ jsxs(
-      Field,
-      {
-        className,
-        renderAsTitle,
-        htmlFor: id,
-        ...otherProps,
-        children: [
-          /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", justifyContent: "flex-start", children: [
-            showIcon && /* @__PURE__ */ jsx(StyledFrontIcon, { render: "search", color: "sesame" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id,
-                name,
-                ref,
-                placeholder,
-                frontIcon: showIcon ? "search" : void 0,
-                fallbackStyle,
-                autoComplete: "off",
-                value: displayedInputText,
-                onChange: handleInputChange,
-                selected: isSelected,
-                onBlur: (e) => {
-                  if (displayedInputText === "") {
-                    setSearchQuery(null);
-                  }
-                  onBlur?.(e);
-                }
-              }
-            )
-          ] }),
-          showOptions && /* @__PURE__ */ jsx(
-            SearchOptions,
-            {
-              displayedList: filteredList,
-              onSelect: handleSelect,
-              positionRelative: resultsRelativePosition,
-              resultsBorder
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-
-export { SearchInput };
-//# sourceMappingURL=SearchInput.js.map
+    return (React.createElement(Field, { className: className, renderAsTitle: renderAsTitle, htmlFor: id, ...otherProps },
+        React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-start" },
+            showIcon && React.createElement(StyledFrontIcon, { render: "search", color: "sesame" }),
+            React.createElement(Input, { id: id, name: name, ref: ref, placeholder: placeholder, frontIcon: showIcon ? 'search' : undefined, fallbackStyle: fallbackStyle, autoComplete: "off", value: displayedInputText, onChange: handleInputChange, selected: isSelected, onBlur: (e) => {
+                    if (displayedInputText === '') {
+                        setSearchQuery(null);
+                    }
+                    onBlur?.(e);
+                } })),
+        showOptions && (React.createElement(SearchOptions, { displayedList: filteredList, onSelect: handleSelect, positionRelative: resultsRelativePosition, resultsBorder: resultsBorder }))));
+});
+//# sourceMappingURL=SearchInput.js.map

package/dist/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../src/SearchInput/SearchInput.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  FocusEvent,\n  forwardRef,\n  useMemo,\n  useState,\n} from 'react'\nimport { Box } from '../Box'\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\nimport { Input, StyledFrontIcon } from '../fields/components/CommonInput'\nimport { useUniqueId } from '../utils/id'\nimport { useControllableState } from '../utils/useControlledState'\nimport { SearchOptions } from './SearchOptions'\n\nexport type SearchInputItem = {\n  label: string\n  value: string\n}\n\nexport interface SearchInputProps extends CommonFieldProps {\n  name?: string\n  placeholder?: string\n  searchList: SearchInputItem[]\n  onFound: (element: string) => void\n  showIcon?: boolean\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  value?: string\n  resultsRelativePosition?: boolean\n  resultsBorder?: boolean\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  function SearchInput(\n    {\n      id: idProp,\n      name = 'search_input',\n      className = '',\n      placeholder,\n      searchList,\n      showIcon = false,\n      renderAsTitle = false,\n      value,\n      onBlur,\n      onFound,\n      fallbackStyle,\n      resultsRelativePosition = false,\n      resultsBorder = true,\n      ...otherProps\n    },\n    ref,\n  ) {\n    const id = useUniqueId(idProp)\n    const [showOptions, setShowOptions] = useState(false)\n    const [selectedValue, setSelectedValue] = useControllableState<\n      string | null\n    >({\n      initialState: null,\n      stateProp: value,\n    })\n\n    const [searchQuery, setSearchQuery] = useState<string | null>(null)\n\n    const filteredList = useMemo(() => {\n      if (searchQuery === null || searchQuery === '') {\n        return searchList\n      }\n\n      return searchList.filter(({ label }) =>\n        label.toLowerCase().includes(searchQuery.toLocaleLowerCase()),\n      )\n    }, [searchQuery])\n\n    const getDisplayedInputText = () => {\n      if (searchQuery !== null) {\n        return searchQuery\n      }\n\n      if (selectedValue !== null) {\n        return (\n          searchList.find(\n            (option) =>\n              option.label === selectedValue || option.value === selectedValue,\n          )?.label || ''\n        )\n      }\n\n      return ''\n    }\n\n    const isSelected = selectedValue !== null\n    const displayedInputText = getDisplayedInputText()\n\n    const updateSearchQuery = (query: string | null) => {\n      setSearchQuery(query)\n\n      if (query === null) {\n        setShowOptions(false)\n      } else {\n        setShowOptions(2 <= query.length)\n      }\n    }\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>): void => {\n      const nextValue = event.currentTarget.value\n      updateSearchQuery(nextValue)\n    }\n\n    const handleSelect = (nextValue: SearchInputItem): void => {\n      updateSearchQuery(null)\n\n      setSelectedValue(nextValue.label)\n      onFound(nextValue.value)\n    }\n\n    return (\n      <Field\n        className={className}\n        renderAsTitle={renderAsTitle}\n        htmlFor={id}\n        {...otherProps}\n      >\n        <Box flex alignItems=\"center\" justifyContent=\"flex-start\">\n          {showIcon && <StyledFrontIcon render=\"search\" color=\"sesame\" />}\n          <Input\n            id={id}\n            name={name}\n            ref={ref}\n            placeholder={placeholder}\n            frontIcon={showIcon ? 'search' : undefined}\n            fallbackStyle={fallbackStyle}\n            autoComplete=\"off\"\n            value={displayedInputText}\n            onChange={handleInputChange}\n            selected={isSelected}\n            onBlur={(e) => {\n              if (displayedInputText === '') {\n                setSearchQuery(null)\n              }\n              onBlur?.(e)\n            }}\n          />\n        </Box>\n\n        {showOptions && (\n          <SearchOptions\n            displayedList={filteredList}\n            onSelect={handleSelect}\n            positionRelative={resultsRelativePosition}\n            resultsBorder={resultsBorder}\n          />\n        )}\n      </Field>\n    )\n  },\n)\n"],"names":["SearchInput"],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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"}

package/dist/SearchInput/SearchOptions.js

@@ -1,21 +1,17 @@
-import { jsx } from 'react/jsx-runtime';
 import { darken } from 'polished';
+import React from 'react';
 import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { theme } from '../theme.js';
-
-const SearchOptions = ({
-  displayedList,
-  onSelect,
-  positionRelative,
-  resultsBorder
-}) => {
-  return /* @__PURE__ */ jsx(BoxWithPositionRelative, { children: /* @__PURE__ */ jsx(StyledResultsContainer, { positionRelative, children: /* @__PURE__ */ jsx(ResultsList, { resultsBorder, children: displayedList.length ? displayedList.map((el, i) => /* @__PURE__ */ jsx("li", { onClick: () => onSelect(el), children: el.label }, i)) : /* @__PURE__ */ jsx("li", { children: "No results" }) }) }) });
+import { Box } from '../Box';
+import { theme } from '../theme';
+export const SearchOptions = ({ displayedList, onSelect, positionRelative, resultsBorder, }) => {
+    return (React.createElement(BoxWithPositionRelative, null,
+        React.createElement(StyledResultsContainer, { positionRelative: positionRelative },
+            React.createElement(ResultsList, { resultsBorder: resultsBorder }, displayedList.length ? (displayedList.map((el, i) => (React.createElement("li", { key: i, onClick: () => onSelect(el) }, el.label)))) : (React.createElement("li", null, "No results"))))));
 };
-const StyledResultsContainer = styled.div`
+const StyledResultsContainer = styled.div `
   box-sizing: border-box;
   overflow-y: hidden;
-  ${({ positionRelative }) => !positionRelative && "position: absolute;"}
+  ${({ positionRelative }) => !positionRelative && 'position: absolute;'}
   width: 100%;
   left: 0px;
   top: -8px;
@@ -24,7 +20,7 @@ const StyledResultsContainer = styled.div`
     max-height: 192px;
   }
 `;
-const ResultsList = styled.ul`
+const ResultsList = styled.ul `
   position: relative;
   list-style: none;
   overflow-y: auto;
@@ -34,7 +30,8 @@ const ResultsList = styled.ul`
   border-radius: 12px;
   margin-top: 14px;
   z-index: 1000;
-  ${({ resultsBorder }) => resultsBorder && css`
+  ${({ resultsBorder }) => resultsBorder &&
+    css `
       border: 2px solid ${theme.colors.oatmeal};
     `}
 
@@ -56,9 +53,7 @@ const ResultsList = styled.ul`
     }
   }
 `;
-const BoxWithPositionRelative = styled(Box)`
+const BoxWithPositionRelative = styled(Box) `
   position: relative;
 `;
-
-export { SearchOptions };
-//# sourceMappingURL=SearchOptions.js.map
+//# sourceMappingURL=SearchOptions.js.map

package/dist/SearchInput/SearchOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOptions.js","sources":["../../src/SearchInput/SearchOptions.tsx"],"sourcesContent":["import { darken } from 'polished'\nimport React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Box } from '../Box'\nimport { theme } from '../theme'\n\ntype Option = {\n  label: string\n  value: string\n}\n\ntype SearchOptionsProps = {\n  displayedList: Array<Option>\n  onSelect: (option: Option) => void\n  positionRelative: boolean\n  resultsBorder: boolean\n}\n\nexport const SearchOptions: FC<SearchOptionsProps> = ({\n  displayedList,\n  onSelect,\n  positionRelative,\n  resultsBorder,\n}) => {\n  return (\n    <BoxWithPositionRelative>\n      <StyledResultsContainer positionRelative={positionRelative}>\n        <ResultsList resultsBorder={resultsBorder}>\n          {displayedList.length ? (\n            displayedList.map((el, i) => (\n              <li key={i} onClick={() => onSelect(el)}>\n                {el.label}\n              </li>\n            ))\n          ) : (\n            <li>No results</li>\n          )}\n        </ResultsList>\n      </StyledResultsContainer>\n    </BoxWithPositionRelative>\n  )\n}\n\nconst StyledResultsContainer = styled.div<\n  Pick<SearchOptionsProps, 'positionRelative'>\n>`\n  box-sizing: border-box;\n  overflow-y: hidden;\n  ${({ positionRelative }) => !positionRelative && 'position: absolute;'}\n  width: 100%;\n  left: 0px;\n  top: -8px;\n\n  ul {\n    max-height: 192px;\n  }\n`\n\nconst ResultsList = styled.ul<Pick<SearchOptionsProps, 'resultsBorder'>>`\n  position: relative;\n  list-style: none;\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n  background-color: ${theme.colors.custard};\n  border-radius: 12px;\n  margin-top: 14px;\n  z-index: 1000;\n  ${({ resultsBorder }) =>\n    resultsBorder &&\n    css`\n      border: 2px solid ${theme.colors.oatmeal};\n    `}\n\n  li {\n    padding: 16px 14px;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: ${theme.colors.liquorice};\n    cursor: pointer;\n\n    ${({ resultsBorder }) =>\n      resultsBorder && `border-bottom: 2px solid ${theme.colors.oatmeal};`}\n\n    &:last-child {\n      ${({ resultsBorder }) => resultsBorder && `border-bottom:none`}\n    }\n\n    &:hover {\n      background-color: ${darken(0.1, theme.colors.custard)};\n    }\n  }\n`\n\nconst BoxWithPositionRelative = styled(Box)`\n  position: relative;\n`\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,gBAAwC,CAAC;AAAA,EACpD,aAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,GAAA,CAAA,uBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAuB,kBACtB,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAY,aACV,EAAA,QAAA,EAAA,aAAA,CAAc,MACb,GAAA,aAAA,CAAc,GAAI,CAAA,CAAC,IAAI,CACrB,qBAAA,GAAA,CAAC,IAAW,EAAA,EAAA,OAAA,EAAS,MAAM,QAAA,CAAS,EAAE,CAAA,EACnC,aAAG,KADG,EAAA,EAAA,CAET,CACD,CAAA,mBAEA,GAAA,CAAA,IAAA,EAAA,EAAG,QAAU,EAAA,YAAA,EAAA,CAAA,EAElB,GACF,CACF,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,yBAAyB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA,EAAA,EAKlC,CAAC,EAAE,gBAAA,EAAuB,KAAA,CAAC,oBAAoB,qBAAqB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAUxE,MAAM,cAAc,MAAO,CAAA,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAML,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAItC,CAAC,EAAE,aAAc,EAAA,KACjB,aACA,IAAA,GAAA,CAAA;AAAA,wBACsB,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,IACzC,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMQ,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA,IAG7B,EAAA,CAAC,EAAE,aAAc,EAAA,KACjB,iBAAiB,CAA4B,yBAAA,EAAA,KAAA,CAAM,MAAO,CAAA,OAAO,CAAG,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA,MAAA,EAGlE,CAAC,EAAE,aAAc,EAAA,KAAM,iBAAiB,CAAoB,kBAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,wBAAA,EAI1C,MAAO,CAAA,GAAA,EAAK,KAAM,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAK3D,MAAM,uBAAA,GAA0B,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"SearchOptions.js","sourceRoot":"","sources":["../../src/SearchInput/SearchOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAchC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,aAAa,GACd,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,uBAAuB;QACtB,oBAAC,sBAAsB,IAAC,gBAAgB,EAAE,gBAAgB;YACxD,oBAAC,WAAW,IAAC,aAAa,EAAE,aAAa,IACtC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CACtB,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,4BAAI,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,IACpC,EAAE,CAAC,KAAK,CACN,CACN,CAAC,CACH,CAAC,CAAC,CAAC,CACF,6CAAmB,CACpB,CACW,CACS,CACD,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAExC;;;IAGG,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC,gBAAgB,IAAI,qBAAqB;;;;;;;;CAQvE,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,CAA2C;;;;;;sBAMlD,KAAK,CAAC,MAAM,CAAC,OAAO;;;;IAItC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa;IACb,GAAG,CAAA;0BACmB,KAAK,CAAC,MAAM,CAAC,OAAO;KACzC;;;;;;aAMQ,KAAK,CAAC,MAAM,CAAC,SAAS;;;MAG7B,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa,IAAI,4BAA4B,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG;;;QAGlE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa,IAAI,oBAAoB;;;;0BAI1C,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;CAG1D,CAAA;AAED,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAE1C,CAAA"}

package/dist/SearchInput/index.js

@@ -0,0 +1,2 @@
+export * from './SearchInput';
+//# sourceMappingURL=index.js.map

package/dist/SearchInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SearchInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/Snackbar/SnackbarContainer.js

@@ -1,55 +1,38 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useCallback } from 'react';
+import React, { createContext, useState, useCallback, useContext, } from 'react';
 import styled from 'styled-components';
-import { SnackbarItem } from './SnackbarItem.js';
-
-const SnackbarContext = createContext({
-  addSnackbar: () => {
-    throw new Error("Please add the SnackbarContainer to your application");
-  }
+import { SnackbarItem } from './SnackbarItem';
+export const SnackbarContext = createContext({
+    addSnackbar: () => {
+        throw new Error('Please add the SnackbarContainer to your application');
+    },
 });
-const useSnackbarContext = () => useContext(SnackbarContext);
-const SnackbarContainer = ({
-  children
-}) => {
-  let snackbarId = 0;
-  const [snackbars, setSnackbars] = useState([]);
-  const newSnackId = useCallback(() => {
-    const newId = `MM_SNACKBAR_${snackbarId}`;
-    snackbarId++;
-    return newId;
-  }, [snackbarId]);
-  const addSnackbar = (snackbar) => {
-    const newSnack = {
-      ...snackbar,
-      id: newSnackId()
+export const useSnackbarContext = () => useContext(SnackbarContext);
+export const SnackbarContainer = ({ children, }) => {
+    let snackbarId = 0;
+    const [snackbars, setSnackbars] = useState([]);
+    // create snackbar unique ID
+    const newSnackId = useCallback(() => {
+        const newId = `MM_SNACKBAR_${snackbarId}`;
+        snackbarId++;
+        return newId;
+    }, [snackbarId]);
+    const addSnackbar = (snackbar) => {
+        const newSnack = {
+            ...snackbar,
+            id: newSnackId(),
+        };
+        setSnackbars([...snackbars, newSnack]);
+    };
+    const deleteSnackbar = (id) => {
+        setSnackbars(snackbars.filter((snackbar) => snackbar.id !== id));
     };
-    setSnackbars([...snackbars, newSnack]);
-  };
-  const deleteSnackbar = (id) => {
-    setSnackbars(snackbars.filter((snackbar) => snackbar.id !== id));
-  };
-  return /* @__PURE__ */ jsxs(
-    SnackbarContext.Provider,
-    {
-      value: {
-        addSnackbar
-      },
-      children: [
+    return (React.createElement(SnackbarContext.Provider, { value: {
+            addSnackbar,
+        } },
         children,
-        /* @__PURE__ */ jsx(SnackbarWrapper, { children: snackbars.map((snackbar) => /* @__PURE__ */ jsx(
-          SnackbarItem,
-          {
-            ...snackbar,
-            deleteSnack: deleteSnackbar
-          },
-          snackbar.id
-        )) })
-      ]
-    }
-  );
+        React.createElement(SnackbarWrapper, null, snackbars.map((snackbar) => (React.createElement(SnackbarItem, { key: snackbar.id, ...snackbar, deleteSnack: deleteSnackbar }))))));
 };
-const SnackbarWrapper = styled.div`
+const SnackbarWrapper = styled.div `
   position: fixed;
   bottom: 35px;
   left: 0;
@@ -59,6 +42,4 @@ const SnackbarWrapper = styled.div`
   max-width: 875px;
   z-index: 1000;
 `;
-
-export { SnackbarContainer, SnackbarContext, useSnackbarContext };
-//# sourceMappingURL=SnackbarContainer.js.map
+//# sourceMappingURL=SnackbarContainer.js.map

package/dist/Snackbar/SnackbarContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContainer.js","sources":["../../src/Snackbar/SnackbarContainer.tsx"],"sourcesContent":["import React, {\n  createContext,\n  FC,\n  useState,\n  useCallback,\n  ReactNode,\n  useContext,\n} from 'react'\nimport styled from 'styled-components'\nimport { SnackbarItem } from './SnackbarItem'\nimport { CreateSnack, Snackbar, SnackbarContextType } from './types'\n\nexport const SnackbarContext = createContext<SnackbarContextType>({\n  addSnackbar: () => {\n    throw new Error('Please add the SnackbarContainer to your application')\n  },\n})\n\nexport const useSnackbarContext = () => useContext(SnackbarContext)\n\nexport const SnackbarContainer: FC<{ children?: ReactNode }> = ({\n  children,\n}) => {\n  let snackbarId = 0\n  const [snackbars, setSnackbars] = useState<Snackbar[]>([])\n\n  // create snackbar unique ID\n  const newSnackId = useCallback(() => {\n    const newId = `MM_SNACKBAR_${snackbarId}`\n    snackbarId++\n    return newId\n  }, [snackbarId])\n\n  const addSnackbar = (snackbar: CreateSnack) => {\n    const newSnack = {\n      ...snackbar,\n      id: newSnackId(),\n    }\n    setSnackbars([...snackbars, newSnack])\n  }\n\n  const deleteSnackbar = (id: string) => {\n    setSnackbars(snackbars.filter((snackbar) => snackbar.id !== id))\n  }\n\n  return (\n    <SnackbarContext.Provider\n      value={{\n        addSnackbar,\n      }}\n    >\n      {children}\n      <SnackbarWrapper>\n        {snackbars.map((snackbar) => (\n          <SnackbarItem\n            key={snackbar.id}\n            {...snackbar}\n            deleteSnack={deleteSnackbar}\n          />\n        ))}\n      </SnackbarWrapper>\n    </SnackbarContext.Provider>\n  )\n}\n\nconst SnackbarWrapper = styled.div`\n  position: fixed;\n  bottom: 35px;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  width: 90%;\n  max-width: 875px;\n  z-index: 1000;\n`\n"],"names":[],"mappings":";;;;;AAYO,MAAM,kBAAkB,aAAmC,CAAA;AAAA,EAChE,aAAa,MAAM;AACjB,IAAM,MAAA,IAAI,MAAM,sDAAsD,CAAA,CAAA;AAAA,GACxE;AACF,CAAC,EAAA;AAEY,MAAA,kBAAA,GAAqB,MAAM,UAAA,CAAW,eAAe,EAAA;AAE3D,MAAM,oBAAkD,CAAC;AAAA,EAC9D,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,IAAI,UAAa,GAAA,CAAA,CAAA;AACjB,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA,CAAqB,EAAE,CAAA,CAAA;AAGzD,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAM,MAAA,KAAA,GAAQ,eAAe,UAAU,CAAA,CAAA,CAAA;AACvC,IAAA,UAAA,EAAA,CAAA;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACT,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAM,MAAA,WAAA,GAAc,CAAC,QAA0B,KAAA;AAC7C,IAAA,MAAM,QAAW,GAAA;AAAA,MACf,GAAG,QAAA;AAAA,MACH,IAAI,UAAW,EAAA;AAAA,KACjB,CAAA;AACA,IAAA,YAAA,CAAa,CAAC,GAAG,SAAW,EAAA,QAAQ,CAAC,CAAA,CAAA;AAAA,GACvC,CAAA;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,EAAe,KAAA;AACrC,IAAA,YAAA,CAAa,UAAU,MAAO,CAAA,CAAC,aAAa,QAAS,CAAA,EAAA,KAAO,EAAE,CAAC,CAAA,CAAA;AAAA,GACjE,CAAA;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,eAAgB,CAAA,QAAA;AAAA,IAAhB;AAAA,MACC,KAAO,EAAA;AAAA,QACL,WAAA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACA,GAAA,CAAA,eAAA,EAAA,EACE,QAAU,EAAA,SAAA,CAAA,GAAA,CAAI,CAAC,QACd,qBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YAEE,GAAG,QAAA;AAAA,YACJ,WAAa,EAAA,cAAA;AAAA,WAAA;AAAA,UAFR,QAAS,CAAA,EAAA;AAAA,SAIjB,CACH,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,MAAM,kBAAkB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"SnackbarContainer.js","sourceRoot":"","sources":["../../src/Snackbar/SnackbarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,QAAQ,EACR,WAAW,EAEX,UAAU,GACX,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAG7C,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAsB;IAChE,WAAW,EAAE,GAAG,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;IACzE,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,iBAAiB,GAAiC,CAAC,EAC9D,QAAQ,GACT,EAAE,EAAE;IACH,IAAI,UAAU,GAAG,CAAC,CAAA;IAClB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAa,EAAE,CAAC,CAAA;IAE1D,4BAA4B;IAC5B,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,eAAe,UAAU,EAAE,CAAA;QACzC,UAAU,EAAE,CAAA;QACZ,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,MAAM,WAAW,GAAG,CAAC,QAAqB,EAAE,EAAE;QAC5C,MAAM,QAAQ,GAAG;YACf,GAAG,QAAQ;YACX,EAAE,EAAE,UAAU,EAAE;SACjB,CAAA;QACD,YAAY,CAAC,CAAC,GAAG,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE;QACpC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;IAClE,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,WAAW;SACZ;QAEA,QAAQ;QACT,oBAAC,eAAe,QACb,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,oBAAC,YAAY,IACX,GAAG,EAAE,QAAQ,CAAC,EAAE,KACZ,QAAQ,EACZ,WAAW,EAAE,cAAc,GAC3B,CACH,CAAC,CACc,CACO,CAC5B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASjC,CAAA"}