@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/Accordion/Accordion.js

@@ -1,108 +1,49 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { theme } from '../theme.js';
-import { Text } from '../Text/Text.js';
-
-const Accordion = ({
-  title,
-  children,
-  onToggle,
-  filledBackground,
-  defaultIsOpen = false,
-  borderTop = false,
-  borderColor = "oatmeal",
-  backgroundColor = "custard",
-  subTitle,
-  fullBorder = false,
-  ...marginProps
-}) => {
-  const [isOpen, setIsOpen] = useState(defaultIsOpen);
-  const px = fullBorder ? "16px" : "0";
-  const handleToggle = () => {
-    const nextOpenState = !isOpen;
-    onToggle?.(nextOpenState);
-    setIsOpen(nextOpenState);
-  };
-  return /* @__PURE__ */ jsxs(
-    Wrapper,
-    {
-      borderTop,
-      fullBorder,
-      filledBackground,
-      borderColor,
-      backgroundColor,
-      ...marginProps,
-      children: [
-        /* @__PURE__ */ jsxs(
-          TopContainer,
-          {
-            flex: true,
-            alignItems: "center",
-            justifyContent: "space-between",
-            onClick: handleToggle,
-            py: "16px",
-            pr: "16px",
-            pl: px,
-            children: [
-              /* @__PURE__ */ jsxs(TitleContainer, { children: [
-                /* @__PURE__ */ jsx(Text, { tag: "h2", typo: "headline-regular", color: "liquorice", children: title }),
-                subTitle && /* @__PURE__ */ jsx(Text, { tag: "label", color: "liquorice", typo: "label", mt: { custom: 4 }, children: subTitle })
-              ] }),
-              /* @__PURE__ */ jsx(
-                CaretIcon,
-                {
-                  render: "caret",
-                  size: 24,
-                  color: "marzipan",
-                  isOpen,
-                  borderTop
-                }
-              )
-            ]
-          }
-        ),
-        isOpen && /* @__PURE__ */ jsx(Box, { pt: "12px", pb: "16px", px, children })
-      ]
-    }
-  );
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { theme } from '../theme';
+import { Text } from '../Text';
+export const Accordion = ({ title, children, onToggle, filledBackground, defaultIsOpen = false, borderTop = false, borderColor = 'oatmeal', backgroundColor = 'custard', subTitle, fullBorder = false, ...marginProps }) => {
+    const [isOpen, setIsOpen] = useState(defaultIsOpen);
+    const px = fullBorder ? '16px' : '0';
+    const handleToggle = () => {
+        const nextOpenState = !isOpen;
+        onToggle?.(nextOpenState);
+        setIsOpen(nextOpenState);
+    };
+    return (React.createElement(Wrapper, { borderTop: borderTop, fullBorder: fullBorder, filledBackground: filledBackground, borderColor: borderColor, backgroundColor: backgroundColor, ...marginProps },
+        React.createElement(TopContainer, { flex: true, alignItems: "center", justifyContent: "space-between", onClick: handleToggle, py: "16px", pr: "16px", pl: px },
+            React.createElement(TitleContainer, null,
+                React.createElement(Text, { tag: "h2", typo: "headline-regular", color: "liquorice" }, title),
+                subTitle && (React.createElement(Text, { tag: "label", color: "liquorice", typo: "label", mt: { custom: 4 } }, subTitle))),
+            React.createElement(CaretIcon, { render: "caret", size: 24, color: "marzipan", isOpen: isOpen, borderTop: borderTop })),
+        isOpen && (React.createElement(Box, { pt: "12px", pb: "16px", px: px }, children))));
 };
-const Wrapper = styled(Box)(
-  ({
-    borderTop,
-    fullBorder,
-    filledBackground,
-    borderColor = "oatmeal",
-    backgroundColor = "custard"
-  }) => css`
+const Wrapper = styled(Box)(({ borderTop, fullBorder, filledBackground, borderColor = 'oatmeal', backgroundColor = 'custard', }) => css `
     border-bottom: 1px solid ${theme.colors[borderColor]};
     ${borderTop && `border-top: 1px solid ${theme.colors[borderColor]};`}
 
-    ${fullBorder && css`
+    ${fullBorder &&
+    css `
       border: 1px solid ${theme.colors[borderColor]};
       border-radius: 16px;
     `}
 
-    ${filledBackground && css`
+    ${filledBackground &&
+    css `
       background-color: ${theme.colors[backgroundColor]};
     `}
-  `
-);
-const TitleContainer = styled.div`
+  `);
+const TitleContainer = styled.div `
   display: flex;
   flex-direction: column;
 `;
-const TopContainer = styled(Box)`
+const TopContainer = styled(Box) `
   cursor: pointer;
 `;
-const CaretIcon = styled(Icon)(
-  ({ isOpen }) => css`
-    transform: ${isOpen ? "rotate(180deg)" : "rotate(0deg)"};
+const CaretIcon = styled(Icon)(({ isOpen }) => css `
+    transform: ${isOpen ? 'rotate(180deg)' : 'rotate(0deg)'};
     transition: transform 0.6s ease;
-  `
-);
-
-export { Accordion };
-//# sourceMappingURL=Accordion.js.map
+  `);
+//# sourceMappingURL=Accordion.js.map

package/dist/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { theme } from '../theme'\nimport { Text } from '../Text'\nimport { MarginProps } from '../utils/space'\n\nexport type AccordionProps = {\n  title: string\n  subTitle?: string\n  filledBackground?: boolean\n  borderTop?: boolean\n  borderColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n  fullBorder?: boolean\n  backgroundColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n  onToggle?: (isOpen: boolean) => void\n  children: ReactNode\n  defaultIsOpen?: boolean\n} & MarginProps\n\nexport const Accordion: FC<AccordionProps> = ({\n  title,\n  children,\n  onToggle,\n  filledBackground,\n  defaultIsOpen = false,\n  borderTop = false,\n  borderColor = 'oatmeal',\n  backgroundColor = 'custard',\n  subTitle,\n  fullBorder = false,\n  ...marginProps\n}) => {\n  const [isOpen, setIsOpen] = useState(defaultIsOpen)\n  const px = fullBorder ? '16px' : '0'\n\n  const handleToggle = () => {\n    const nextOpenState = !isOpen\n    onToggle?.(nextOpenState)\n    setIsOpen(nextOpenState)\n  }\n\n  return (\n    <Wrapper\n      borderTop={borderTop}\n      fullBorder={fullBorder}\n      filledBackground={filledBackground}\n      borderColor={borderColor}\n      backgroundColor={backgroundColor}\n      {...marginProps}\n    >\n      <TopContainer\n        flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        onClick={handleToggle}\n        py=\"16px\"\n        pr=\"16px\"\n        pl={px}\n      >\n        <TitleContainer>\n          <Text tag=\"h2\" typo=\"headline-regular\" color=\"liquorice\">\n            {title}\n          </Text>\n          {subTitle && (\n            <Text tag=\"label\" color=\"liquorice\" typo=\"label\" mt={{ custom: 4 }}>\n              {subTitle}\n            </Text>\n          )}\n        </TitleContainer>\n\n        <CaretIcon\n          render=\"caret\"\n          size={24}\n          color=\"marzipan\"\n          isOpen={isOpen}\n          borderTop={borderTop}\n        />\n      </TopContainer>\n      {isOpen && (\n        <Box pt=\"12px\" pb=\"16px\" px={px}>\n          {children}\n        </Box>\n      )}\n    </Wrapper>\n  )\n}\n\ninterface IAccordion {\n  isOpen: boolean\n  borderTop?: boolean\n  fullBorder?: boolean\n  filledBackground?: boolean\n  borderColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n  backgroundColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n}\n\nconst Wrapper = styled(Box)<Omit<IAccordion, 'isOpen'>>(\n  ({\n    borderTop,\n    fullBorder,\n    filledBackground,\n    borderColor = 'oatmeal',\n    backgroundColor = 'custard',\n  }) => css`\n    border-bottom: 1px solid ${theme.colors[borderColor]};\n    ${borderTop && `border-top: 1px solid ${theme.colors[borderColor]};`}\n\n    ${fullBorder &&\n    css`\n      border: 1px solid ${theme.colors[borderColor]};\n      border-radius: 16px;\n    `}\n\n    ${filledBackground &&\n    css`\n      background-color: ${theme.colors[backgroundColor]};\n    `}\n  `,\n)\n\nconst TitleContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n`\nconst TopContainer = styled(Box)`\n  cursor: pointer;\n`\n\nconst CaretIcon = styled(Icon)<IAccordion>(\n  ({ isOpen }) => css`\n    transform: ${isOpen ? 'rotate(180deg)' : 'rotate(0deg)'};\n    transition: transform 0.6s ease;\n  `,\n)\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"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"}

package/dist/Accordion/index.js

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

package/dist/Accordion/index.js.map

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

package/dist/ActionDropdown/ActionDropdown.js

@@ -1,57 +1,21 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import React, { useState } 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 { List } from './List.js';
-import { theme } from '../theme.js';
-
-const ActionDropdown = ({
-  id,
-  className = "",
-  label,
-  value,
-  list,
-  onSelect,
-  ...marginProps
-}) => {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      id,
-      className,
-      onClick: () => setOpen((currentOpen) => !currentOpen),
-      ...marginProps,
-      children: [
-        label && /* @__PURE__ */ jsx(Text, { tag: "label", color: "sesame", typo: "label", children: label }),
-        /* @__PURE__ */ jsxs(
-          Label,
-          {
-            text: value.textColor ?? "liquorice",
-            bg: value.bgColor ?? "sesame",
-            children: [
-              /* @__PURE__ */ jsx(SelectedOption, { children: value.label }),
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  render: "caret",
-                  color: value.textColor ?? "sesame",
-                  size: 24,
-                  rotate: open ? 180 : 0
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(OuterContainer, { open, children: /* @__PURE__ */ jsx(List, { options: list, selectOption: onSelect }) })
-      ]
-    }
-  );
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { Text } from '../Text';
+import { List } from './List';
+import { theme } from '../theme';
+export const ActionDropdown = ({ id, className = '', label, value, list, onSelect, ...marginProps }) => {
+    const [open, setOpen] = useState(false);
+    return (React.createElement(Container, { id: id, className: className, onClick: () => setOpen((currentOpen) => !currentOpen), ...marginProps },
+        label && (React.createElement(Text, { tag: "label", color: "sesame", typo: "label" }, label)),
+        React.createElement(Label, { text: value.textColor ?? 'liquorice', bg: value.bgColor ?? 'sesame' },
+            React.createElement(SelectedOption, null, value.label),
+            React.createElement(Icon, { render: "caret", color: value.textColor ?? 'sesame', size: 24, rotate: open ? 180 : 0 })),
+        React.createElement(OuterContainer, { open: open },
+            React.createElement(List, { options: list, selectOption: onSelect }))));
 };
-const Label = styled.div(
-  ({ text, bg }) => css`
+const Label = styled.div(({ text, bg }) => css `
     color: ${theme.colors[text]};
     background-color: ${theme.colors[bg]};
     position: relative;
@@ -65,16 +29,15 @@ const Label = styled.div(
     padding: 16px 16px 14px;
     box-sizing: border-box;
     user-select: none;
-  `
-);
-const SelectedOption = styled.span`
+  `);
+const SelectedOption = styled.span `
   font-size: 14px;
   font-weight: bold;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-const Container = styled(Box)`
+const Container = styled(Box) `
   position: relative;
   display: block;
   width: 210px;
@@ -84,20 +47,16 @@ const Container = styled(Box)`
   outline: none;
   border-radius: 8px;
 `;
-const OuterContainer = styled.div(
-  ({ open }) => css`
+const OuterContainer = styled.div(({ open }) => css `
     position: absolute;
     width: 100%;
     border-radius: 12px;
     margin-top: 8px;
-    display: ${open ? "block" : "none"};
-    max-height: ${open ? "235px" : "48px"};
+    display: ${open ? 'block' : 'none'};
+    max-height: ${open ? '235px' : '48px'};
     background-color: ${theme.colors.custard};
-    overflow-y: ${open ? "auto" : "hidden"};
+    overflow-y: ${open ? 'auto' : 'hidden'};
     z-index: 4;
     transition: all 0.2s ease-in-out;
-  `
-);
-
-export { ActionDropdown };
-//# sourceMappingURL=ActionDropdown.js.map
+  `);
+//# sourceMappingURL=ActionDropdown.js.map

package/dist/ActionDropdown/ActionDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDropdown.js","sources":["../../src/ActionDropdown/ActionDropdown.tsx"],"sourcesContent":["import React, { FC, useState } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Text } from '../Text'\nimport { ActionListItem, List } from './List'\n\nimport { Color, theme } from '../theme'\nimport { MarginProps } from '../utils/space'\n\nexport type ActionDropdownProps = {\n  id?: string\n  className?: string\n  /** label displayed above the dropdown  */\n  label?: string\n  /** value */\n  value: ActionListItem\n  /** list of items for the dropdown list */\n  list: ActionListItem[]\n  /** onSelect handler */\n  onSelect: (action: ActionListItem) => void\n} & MarginProps\n\nexport const ActionDropdown: FC<ActionDropdownProps> = ({\n  id,\n  className = '',\n  label,\n  value,\n  list,\n  onSelect,\n  ...marginProps\n}) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <Container\n      id={id}\n      className={className}\n      onClick={() => setOpen((currentOpen) => !currentOpen)}\n      {...marginProps}\n    >\n      {label && (\n        <Text tag=\"label\" color=\"sesame\" typo=\"label\">\n          {label}\n        </Text>\n      )}\n\n      <Label\n        text={value.textColor ?? 'liquorice'}\n        bg={value.bgColor ?? 'sesame'}\n      >\n        <SelectedOption>{value.label}</SelectedOption>\n        <Icon\n          render=\"caret\"\n          color={value.textColor ?? 'sesame'}\n          size={24}\n          rotate={open ? 180 : 0}\n        />\n      </Label>\n      <OuterContainer open={open}>\n        <List options={list} selectOption={onSelect} />\n      </OuterContainer>\n    </Container>\n  )\n}\n\ninterface ISelected {\n  text: Color\n  bg: Color\n}\n\nconst Label = styled.div<ISelected>(\n  ({ text, bg }) => css`\n    color: ${theme.colors[text]};\n    background-color: ${theme.colors[bg]};\n    position: relative;\n    width: 100%;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: center;\n    border-radius: 64px;\n    padding: 16px 16px 14px;\n    box-sizing: border-box;\n    user-select: none;\n  `,\n)\n\nconst SelectedOption = styled.span`\n  font-size: 14px;\n  font-weight: bold;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nconst Container = styled(Box)`\n  position: relative;\n  display: block;\n  width: 210px;\n  height: 48px;\n  text-align: center;\n  cursor: pointer;\n  outline: none;\n  border-radius: 8px;\n`\n\ninterface IOpen {\n  open: boolean\n}\n\nconst OuterContainer = styled.div<IOpen>(\n  ({ open }) => css`\n    position: absolute;\n    width: 100%;\n    border-radius: 12px;\n    margin-top: 8px;\n    display: ${open ? 'block' : 'none'};\n    max-height: ${open ? '235px' : '48px'};\n    background-color: ${theme.colors.custard};\n    overflow-y: ${open ? 'auto' : 'hidden'};\n    z-index: 4;\n    transition: all 0.2s ease-in-out;\n  `,\n)\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,iBAA0C,CAAC;AAAA,EACtD,EAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEtC,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAS,MAAM,OAAA,CAAQ,CAAC,WAAA,KAAgB,CAAC,WAAW,CAAA;AAAA,MACnD,GAAG,WAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QACC,KAAA,oBAAA,GAAA,CAAC,QAAK,GAAI,EAAA,OAAA,EAAQ,OAAM,QAAS,EAAA,IAAA,EAAK,SACnC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,wBAGF,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,MAAM,SAAa,IAAA,WAAA;AAAA,YACzB,EAAA,EAAI,MAAM,OAAW,IAAA,QAAA;AAAA,YAErB,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,cAAA,EAAA,EAAgB,gBAAM,KAAM,EAAA,CAAA;AAAA,8BAC7B,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,MAAO,EAAA,OAAA;AAAA,kBACP,KAAA,EAAO,MAAM,SAAa,IAAA,QAAA;AAAA,kBAC1B,IAAM,EAAA,EAAA;AAAA,kBACN,MAAA,EAAQ,OAAO,GAAM,GAAA,CAAA;AAAA,iBAAA;AAAA,eACvB;AAAA,aAAA;AAAA,WAAA;AAAA,SACF;AAAA,wBACA,GAAA,CAAC,kBAAe,IACd,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,OAAS,EAAA,IAAA,EAAM,YAAc,EAAA,QAAA,EAAU,CAC/C,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAOA,MAAM,QAAQ,MAAO,CAAA,GAAA;AAAA,EACnB,CAAC,EAAE,IAAM,EAAA,EAAA,EAAS,KAAA,GAAA,CAAA;AAAA,WACP,EAAA,KAAA,CAAM,MAAO,CAAA,IAAI,CAAC,CAAA;AAAA,sBACP,EAAA,KAAA,CAAM,MAAO,CAAA,EAAE,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAaxC,CAAA,CAAA;AAEA,MAAM,iBAAiB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAQ9B,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAe5B,MAAM,iBAAiB,MAAO,CAAA,GAAA;AAAA,EAC5B,CAAC,EAAE,IAAA,EAAW,KAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAKD,EAAA,IAAA,GAAO,UAAU,MAAM,CAAA;AAAA,gBACpB,EAAA,IAAA,GAAO,UAAU,MAAM,CAAA;AAAA,sBACjB,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,gBAC1B,EAAA,IAAA,GAAO,SAAS,QAAQ,CAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAI1C,CAAA;;;;"}
+{"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/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,EAAkB,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAgBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,KACjD,WAAW;QAEd,KAAK,IAAI,CACR,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,IAC1C,KAAK,CACD,CACR;QAED,oBAAC,KAAK,IACJ,IAAI,EAAE,KAAK,CAAC,SAAS,IAAI,WAAW,EACpC,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,QAAQ;YAE7B,oBAAC,cAAc,QAAE,KAAK,CAAC,KAAK,CAAkB;YAC9C,oBAAC,IAAI,IACH,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,KAAK,CAAC,SAAS,IAAI,QAAQ,EAClC,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GACtB,CACI;QACR,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;YACxB,oBAAC,IAAI,IAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,GAAI,CAChC,CACP,CACb,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CACtB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;aACV,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;wBACP,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;;;;;;;;;;;;GAYrC,CACF,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;CAMjC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;CAS5B,CAAA;AAMD,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAC/B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;eAKJ,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;kBACpB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;wBACjB,KAAK,CAAC,MAAM,CAAC,OAAO;kBAC1B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;;;GAGvC,CACF,CAAA"}

package/dist/ActionDropdown/List.js

@@ -1,15 +1,14 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import styled from 'styled-components';
-import { theme } from '../theme.js';
+import { theme } from '../theme';
 import { darken } from 'polished';
-
-const List = ({ options, selectOption }) => /* @__PURE__ */ jsx(Container, { children: options.map((option) => /* @__PURE__ */ jsx(ListItem, { onClick: () => selectOption(option), children: option.label }, option.value)) });
-const Container = styled.ul`
+export const List = ({ options, selectOption }) => (React.createElement(Container, null, options.map((option) => (React.createElement(ListItem, { key: option.value, onClick: () => selectOption(option) }, option.label)))));
+const Container = styled.ul `
   padding: 0;
   margin: 0;
   max-height: 188px;
 `;
-const ListItem = styled.li`
+const ListItem = styled.li `
   padding: 16px 24px;
   text-align: left;
   overflow: hidden;
@@ -28,6 +27,4 @@ const ListItem = styled.li`
     border-bottom: none;
   }
 `;
-
-export { List };
-//# sourceMappingURL=List.js.map
+//# sourceMappingURL=List.js.map

package/dist/ActionDropdown/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../src/ActionDropdown/List.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\n\nimport { Color, theme } from '../theme'\nimport { darken } from 'polished'\n\nexport type ActionListItem = {\n  label: string\n  value: string\n  bgColor?: Color\n  textColor?: Color\n}\n\ntype Props = {\n  options: ActionListItem[]\n  selectOption: (option: ActionListItem) => void\n}\n\nexport const List: FC<Props> = ({ options, selectOption }) => (\n  <Container>\n    {options.map((option) => (\n      <ListItem key={option.value} onClick={() => selectOption(option)}>\n        {option.label}\n      </ListItem>\n    ))}\n  </Container>\n)\n\nconst Container = styled.ul`\n  padding: 0;\n  margin: 0;\n  max-height: 188px;\n`\n\nconst ListItem = styled.li`\n  padding: 16px 24px;\n  text-align: left;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n  font-size: 14px;\n  cursor: pointer;\n  color: ${theme.colors.liquorice};\n\n  &:hover {\n    background-color: ${darken(0.1, theme.colors.custard)};\n  }\n\n  &:last-child {\n    border-bottom: none;\n  }\n`\n"],"names":[],"mappings":";;;;;AAkBa,MAAA,IAAA,GAAkB,CAAC,EAAE,OAAS,EAAA,YAAA,uBACxC,GAAA,CAAA,SAAA,EAAA,EACE,QAAQ,EAAA,OAAA,CAAA,GAAA,CAAI,CAAC,MAAA,yBACX,QAA4B,EAAA,EAAA,OAAA,EAAS,MAAM,YAAA,CAAa,MAAM,CAAA,EAC5D,iBAAO,KADK,EAAA,EAAA,MAAA,CAAO,KAEtB,CACD,CACH,EAAA,EAAA;AAGF,MAAM,YAAY,MAAO,CAAA,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMzB,MAAM,WAAW,MAAO,CAAA,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,MAAO,CAAA,GAAA,EAAK,KAAM,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/ActionDropdown/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAcjC,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC5D,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAC7D,MAAM,CAAC,KAAK,CACJ,CACZ,CAAC,CACQ,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAI1B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;WASf,KAAK,CAAC,MAAM,CAAC,SAAS;;;wBAGT,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;;;;CAMxD,CAAA"}

package/dist/ActionDropdown/index.js

@@ -0,0 +1,2 @@
+export { ActionDropdown } from './ActionDropdown';
+//# sourceMappingURL=index.js.map

package/dist/ActionDropdown/index.js.map

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

package/dist/Banner/BannerContainer.js

@@ -1,46 +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 { BannerItem } from './BannerItem.js';
-
-const BannerContext = createContext({
-  addBanner: () => {
-    throw new Error("Please add the BannerContainer to your application");
-  }
+import { BannerItem } from './BannerItem';
+export const BannerContext = createContext({
+    addBanner: () => {
+        throw new Error('Please add the BannerContainer to your application');
+    },
 });
-const useBannerContext = () => useContext(BannerContext);
-const BannerContainer = ({ children }) => {
-  let bannerId = 0;
-  const [banner, setBanner] = useState([]);
-  const newBannerId = useCallback(() => {
-    const newId = `MM_BANNER_${bannerId}`;
-    bannerId++;
-    return newId;
-  }, [bannerId]);
-  const addBanner = (banner2) => {
-    const newBanner = {
-      ...banner2,
-      id: newBannerId()
+export const useBannerContext = () => useContext(BannerContext);
+export const BannerContainer = ({ children }) => {
+    let bannerId = 0;
+    const [banner, setBanner] = useState([]);
+    // create banner unique ID
+    const newBannerId = useCallback(() => {
+        const newId = `MM_BANNER_${bannerId}`;
+        bannerId++;
+        return newId;
+    }, [bannerId]);
+    const addBanner = (banner) => {
+        const newBanner = {
+            ...banner,
+            id: newBannerId(),
+        };
+        setBanner([newBanner]);
     };
-    setBanner([newBanner]);
-  };
-  const deleteBanner = (id) => {
-    setBanner(banner.filter((banner2) => banner2.id !== id));
-  };
-  return /* @__PURE__ */ jsxs(
-    BannerContext.Provider,
-    {
-      value: {
-        addBanner
-      },
-      children: [
+    const deleteBanner = (id) => {
+        setBanner(banner.filter((banner) => banner.id !== id));
+    };
+    return (React.createElement(BannerContext.Provider, { value: {
+            addBanner,
+        } },
         children,
-        /* @__PURE__ */ jsx(BannerWrapper, { children: banner.map((banner2) => /* @__PURE__ */ jsx(BannerItem, { ...banner2, deleteBanner }, banner2.id)) })
-      ]
-    }
-  );
+        React.createElement(BannerWrapper, null, banner.map((banner) => (React.createElement(BannerItem, { key: banner.id, ...banner, deleteBanner: deleteBanner }))))));
 };
-const BannerWrapper = styled.div`
+const BannerWrapper = styled.div `
   position: fixed;
   top: 0;
   left: 0;
@@ -48,6 +40,4 @@ const BannerWrapper = styled.div`
   width: 100%;
   z-index: 99;
 `;
-
-export { BannerContainer, BannerContext, useBannerContext };
-//# sourceMappingURL=BannerContainer.js.map
+//# sourceMappingURL=BannerContainer.js.map

package/dist/Banner/BannerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContainer.js","sources":["../../src/Banner/BannerContainer.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 { BannerItem } from './BannerItem'\nimport { CreateBanner, Banner, BannerContextType } from './types'\n\nexport const BannerContext = createContext<BannerContextType>({\n  addBanner: () => {\n    throw new Error('Please add the BannerContainer to your application')\n  },\n})\n\nexport const useBannerContext = () => useContext(BannerContext)\n\nexport const BannerContainer: FC<{ children?: ReactNode }> = ({ children }) => {\n  let bannerId = 0\n  const [banner, setBanner] = useState<Banner[]>([])\n\n  // create banner unique ID\n  const newBannerId = useCallback(() => {\n    const newId = `MM_BANNER_${bannerId}`\n    bannerId++\n    return newId\n  }, [bannerId])\n\n  const addBanner = (banner: CreateBanner) => {\n    const newBanner = {\n      ...banner,\n      id: newBannerId(),\n    }\n    setBanner([newBanner])\n  }\n\n  const deleteBanner = (id: string) => {\n    setBanner(banner.filter((banner) => banner.id !== id))\n  }\n\n  return (\n    <BannerContext.Provider\n      value={{\n        addBanner,\n      }}\n    >\n      {children}\n      <BannerWrapper>\n        {banner.map((banner) => (\n          <BannerItem key={banner.id} {...banner} deleteBanner={deleteBanner} />\n        ))}\n      </BannerWrapper>\n    </BannerContext.Provider>\n  )\n}\n\nconst BannerWrapper = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  z-index: 99;\n`\n"],"names":["banner"],"mappings":";;;;;AAYO,MAAM,gBAAgB,aAAiC,CAAA;AAAA,EAC5D,WAAW,MAAM;AACf,IAAM,MAAA,IAAI,MAAM,oDAAoD,CAAA,CAAA;AAAA,GACtE;AACF,CAAC,EAAA;AAEY,MAAA,gBAAA,GAAmB,MAAM,UAAA,CAAW,aAAa,EAAA;AAEvD,MAAM,eAAgD,GAAA,CAAC,EAAE,QAAA,EAAe,KAAA;AAC7E,EAAA,IAAI,QAAW,GAAA,CAAA,CAAA;AACf,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AAGjD,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAM,MAAA,KAAA,GAAQ,aAAa,QAAQ,CAAA,CAAA,CAAA;AACnC,IAAA,QAAA,EAAA,CAAA;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACT,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAM,MAAA,SAAA,GAAY,CAACA,OAAyB,KAAA;AAC1C,IAAA,MAAM,SAAY,GAAA;AAAA,MAChB,GAAGA,OAAAA;AAAA,MACH,IAAI,WAAY,EAAA;AAAA,KAClB,CAAA;AACA,IAAU,SAAA,CAAA,CAAC,SAAS,CAAC,CAAA,CAAA;AAAA,GACvB,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,EAAe,KAAA;AACnC,IAAA,SAAA,CAAU,OAAO,MAAO,CAAA,CAACA,YAAWA,OAAO,CAAA,EAAA,KAAO,EAAE,CAAC,CAAA,CAAA;AAAA,GACvD,CAAA;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,aAAc,CAAA,QAAA;AAAA,IAAd;AAAA,MACC,KAAO,EAAA;AAAA,QACL,SAAA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACA,GAAA,CAAA,aAAA,EAAA,EACE,QAAO,EAAA,MAAA,CAAA,GAAA,CAAI,CAACA,OACX,qBAAA,GAAA,CAAC,UAA4B,EAAA,EAAA,GAAGA,OAAQ,EAAA,YAAA,EAAA,EAAvBA,OAAO,CAAA,EAA4C,CACrE,CACH,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,MAAM,gBAAgB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"BannerContainer.js","sourceRoot":"","sources":["../../src/Banner/BannerContainer.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,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAoB;IAC5D,SAAS,EAAE,GAAG,EAAE;QACd,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACvE,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,IAAI,QAAQ,GAAG,CAAC,CAAA;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAA;IAElD,0BAA0B;IAC1B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,KAAK,GAAG,aAAa,QAAQ,EAAE,CAAA;QACrC,QAAQ,EAAE,CAAA;QACV,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,SAAS,GAAG,CAAC,MAAoB,EAAE,EAAE;QACzC,MAAM,SAAS,GAAG;YAChB,GAAG,MAAM;YACT,EAAE,EAAE,WAAW,EAAE;SAClB,CAAA;QACD,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;IACxD,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE;YACL,SAAS;SACV;QAEA,QAAQ;QACT,oBAAC,aAAa,QACX,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,KAAM,MAAM,EAAE,YAAY,EAAE,YAAY,GAAI,CACvE,CAAC,CACY,CACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO/B,CAAA"}