@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/CheckBoxGroup/CheckBoxGroup.js

@@ -1,28 +1,11 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import styled from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { CheckBox } from '../CheckBox/CheckBox.js';
-
-const CheckBoxGroup = ({
-  list,
-  onToggle,
-  ...marginProps
-}) => /* @__PURE__ */ jsx(Container, { children: list.map((item) => /* @__PURE__ */ jsx(
-  CheckBox,
-  {
-    id: String(item.id),
-    checked: item.checked,
-    toggle: () => onToggle(item.id),
-    ...marginProps,
-    children: item.label
-  },
-  item.id
-)) });
-const Container = styled(Box)`
+import { Box } from '../Box';
+import { CheckBox } from '../CheckBox';
+export const CheckBoxGroup = ({ list, onToggle, ...marginProps }) => (React.createElement(Container, null, list.map((item) => (React.createElement(CheckBox, { key: item.id, id: String(item.id), checked: item.checked, toggle: () => onToggle(item.id), ...marginProps }, item.label)))));
+const Container = styled(Box) `
   display: flex;
   flex-direction: column;
   gap: 16px;
 `;
-
-export { CheckBoxGroup };
-//# sourceMappingURL=CheckBoxGroup.js.map
+//# sourceMappingURL=CheckBoxGroup.js.map

package/dist/CheckBoxGroup/CheckBoxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroup.js","sources":["../../src/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\n\nimport { Box } from '../Box'\nimport { CheckBox } from '../CheckBox'\nimport { MarginProps } from '../utils/space'\n\ntype Item = {\n  id: number\n  label: string\n  checked: boolean\n}\n\ntype CheckBoxGroupProps = {\n  list: Item[]\n  onToggle: (id: number) => void\n} & MarginProps\n\nexport const CheckBoxGroup: FC<CheckBoxGroupProps> = ({\n  list,\n  onToggle,\n  ...marginProps\n}) => (\n  <Container>\n    {list.map((item) => (\n      <CheckBox\n        key={item.id}\n        id={String(item.id)}\n        checked={item.checked}\n        toggle={() => onToggle(item.id)}\n        {...marginProps}\n      >\n        {item.label}\n      </CheckBox>\n    ))}\n  </Container>\n)\n\nconst Container = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n`\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,gBAAwC,CAAC;AAAA,EACpD,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAA,qBACG,GAAA,CAAA,SAAA,EAAA,EACE,QAAK,EAAA,IAAA,CAAA,GAAA,CAAI,CAAC,IACT,qBAAA,GAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IAEC,EAAA,EAAI,MAAO,CAAA,IAAA,CAAK,EAAE,CAAA;AAAA,IAClB,SAAS,IAAK,CAAA,OAAA;AAAA,IACd,MAAQ,EAAA,MAAM,QAAS,CAAA,IAAA,CAAK,EAAE,CAAA;AAAA,IAC7B,GAAG,WAAA;AAAA,IAEH,QAAK,EAAA,IAAA,CAAA,KAAA;AAAA,GAAA;AAAA,EAND,IAAK,CAAA,EAAA;AAOZ,CACD,CACH,EAAA,EAAA;AAGF,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"CheckBoxGroup.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBoxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AActC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,IAAI,EACJ,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,QACP,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,oBAAC,QAAQ,IACP,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,KAC3B,WAAW,IAEd,IAAI,CAAC,KAAK,CACF,CACZ,CAAC,CACQ,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAI5B,CAAA"}

package/dist/CheckBoxGroup/index.js

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

package/dist/CheckBoxGroup/index.js.map

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

package/dist/Chip/Chip.js

@@ -1,51 +1,15 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { Loader } from '../Loader/Loader.js';
-import { theme } from '../theme.js';
-import { focusOutline } from '../utils/focusOutline.js';
-
-const Chip = forwardRef(
-  ({
-    children,
-    handleClick,
-    primary = false,
-    secondary = false,
-    disabled = false,
-    loading = false,
-    icon,
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    Container,
-    {
-      as: "button",
-      primary,
-      secondary,
-      disabled: disabled || loading,
-      $loading: loading,
-      onClick: handleClick,
-      icon,
-      ...props,
-      ref,
-      children: loading ? /* @__PURE__ */ jsx(Loader, { color: primary ? "liquorice" : "cream", height: "16" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        icon && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            render: icon,
-            size: 20,
-            color: primary ? "liquorice" : "cream"
-          }
-        ),
-        /* @__PURE__ */ jsx(ChildrenContainer, { children })
-      ] })
-    }
-  )
-);
-Chip.displayName = "Chip";
-const Container = styled(Box)(
-  ({ primary, secondary, icon, $loading, disabled }) => css`
+import { Box } from '../Box';
+import { Icon as IconComponent } from '../Icon';
+import { Loader } from '../Loader';
+import { theme } from '../theme';
+import { focusOutline } from '../utils/focusOutline';
+export const Chip = forwardRef(({ children, handleClick, primary = false, secondary = false, disabled = false, loading = false, icon, ...props }, ref) => (React.createElement(Container, { as: "button", primary: primary, secondary: secondary, disabled: disabled || loading, "$loading": loading, onClick: handleClick, icon: icon, ...props, ref: ref }, loading ? (React.createElement(Loader, { color: primary ? 'liquorice' : 'cream', height: "16" })) : (React.createElement(React.Fragment, null,
+    icon && (React.createElement(IconComponent, { render: icon, size: 20, color: primary ? 'liquorice' : 'cream' })),
+    React.createElement(ChildrenContainer, null, children))))));
+Chip.displayName = 'Chip';
+const Container = styled(Box)(({ primary, secondary, icon, $loading, disabled }) => css `
     ${focusOutline()}
 
     align-items: center;
@@ -55,34 +19,35 @@ const Container = styled(Box)(
     color: ${theme.colors.liquorice};
     display: flex;
     font-size: 16px;
-    justify-content: ${icon ? "space-evenly" : "center"};
+    justify-content: ${icon ? 'space-evenly' : 'center'};
     line-height: 100%;
-    padding: 8px 16px 8px ${icon ? "8px" : "16px"};
+    padding: 8px 16px 8px ${icon ? '8px' : '16px'};
     width: 98px;
     min-height: 40px;
-    cursor: ${disabled || $loading ? "not-allowed" : "pointer"};
-    opacity: ${disabled ? "0.5" : "1"};
+    cursor: ${disabled || $loading ? 'not-allowed' : 'pointer'};
+    opacity: ${disabled ? '0.5' : '1'};
 
-    ${primary && css`
+    ${primary &&
+    css `
       &:hover {
-        border: ${!(disabled || $loading) && `2px solid ${theme.colors.mascarpone}`};
+        border: ${!(disabled || $loading) &&
+        `2px solid ${theme.colors.mascarpone}`};
         background-color: ${!(disabled || $loading) && theme.colors.mascarpone};
       }
     `}
-    ${secondary && css`
+    ${secondary &&
+    css `
       color: ${theme.colors.cream};
       background-color: ${theme.colors.liquorice};
       border: 2px solid ${theme.colors.liquorice};
       &:hover {
-        border: ${!(disabled || $loading) && `2px solid ${theme.colors.sesame}`};
+        border: ${!(disabled || $loading) &&
+        `2px solid ${theme.colors.sesame}`};
         background-color: ${!(disabled || $loading) && theme.colors.sesame};
       }
     `};
-  `
-);
-const ChildrenContainer = styled.div`
+  `);
+const ChildrenContainer = styled.div `
   flex-grow: 1;
 `;
-
-export { Chip };
-//# sourceMappingURL=Chip.js.map
+//# sourceMappingURL=Chip.js.map

package/dist/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../src/Chip/Chip.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, FC, ReactNode, forwardRef } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon as IconComponent } from '../Icon'\nimport { Icons } from '../Icon/iconsList'\n\nimport { Loader } from '../Loader'\nimport { theme } from '../theme'\nimport { focusOutline } from '../utils/focusOutline'\nimport { MarginProps } from '../utils/space'\n\ninterface IButton {\n  primary: boolean\n  secondary: boolean\n  icon?: Icons\n  $loading: boolean\n  disabled: boolean\n}\n\ntype Props = {\n  children: ReactNode\n  handleClick: (e: React.FormEvent<HTMLButtonElement>) => void\n  primary?: boolean\n  secondary?: boolean\n  icon?: Icons\n  disabled?: boolean\n  loading?: boolean\n} & MarginProps\n\nexport type ChipProps = Props & ButtonHTMLAttributes<HTMLButtonElement>\n\nexport const Chip: FC<ChipProps> = forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      children,\n      handleClick,\n      primary = false,\n      secondary = false,\n      disabled = false,\n      loading = false,\n      icon,\n      ...props\n    },\n    ref,\n  ) => (\n    <Container\n      as=\"button\"\n      primary={primary}\n      secondary={secondary}\n      disabled={disabled || loading}\n      $loading={loading}\n      onClick={handleClick}\n      icon={icon}\n      {...props}\n      ref={ref}\n    >\n      {loading ? (\n        <Loader color={primary ? 'liquorice' : 'cream'} height=\"16\" />\n      ) : (\n        <>\n          {icon && (\n            <IconComponent\n              render={icon}\n              size={20}\n              color={primary ? 'liquorice' : 'cream'}\n            />\n          )}\n          <ChildrenContainer>{children}</ChildrenContainer>\n        </>\n      )}\n    </Container>\n  ),\n)\n\nChip.displayName = 'Chip'\n\nconst Container = styled(Box)<IButton>(\n  ({ primary, secondary, icon, $loading, disabled }) => css`\n    ${focusOutline()}\n\n    align-items: center;\n    background-color: ${theme.colors.oatmeal};\n    border-radius: 100px;\n    border: 2px solid ${theme.colors.oatmeal};\n    color: ${theme.colors.liquorice};\n    display: flex;\n    font-size: 16px;\n    justify-content: ${icon ? 'space-evenly' : 'center'};\n    line-height: 100%;\n    padding: 8px 16px 8px ${icon ? '8px' : '16px'};\n    width: 98px;\n    min-height: 40px;\n    cursor: ${disabled || $loading ? 'not-allowed' : 'pointer'};\n    opacity: ${disabled ? '0.5' : '1'};\n\n    ${primary &&\n    css`\n      &:hover {\n        border: ${!(disabled || $loading) &&\n        `2px solid ${theme.colors.mascarpone}`};\n        background-color: ${!(disabled || $loading) && theme.colors.mascarpone};\n      }\n    `}\n    ${secondary &&\n    css`\n      color: ${theme.colors.cream};\n      background-color: ${theme.colors.liquorice};\n      border: 2px solid ${theme.colors.liquorice};\n      &:hover {\n        border: ${!(disabled || $loading) &&\n        `2px solid ${theme.colors.sesame}`};\n        background-color: ${!(disabled || $loading) && theme.colors.sesame};\n      }\n    `};\n  `,\n)\n\nconst ChildrenContainer = styled.div`\n  flex-grow: 1;\n`\n"],"names":["IconComponent"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":"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"}

package/dist/Chip/index.js

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

package/dist/Chip/index.js.map

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

package/dist/CurrencyInput/CurrencyInput.js

@@ -1,91 +1,51 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../Box/Box.js';
-import { Field } from '../fields/Field/Field.js';
-import { useUniqueId } from '../utils/id.js';
-import { StyledFrontIcon, Input } from '../fields/components/CommonInput.js';
-
-const CurrencyInput = forwardRef(function CurrencyInput2({
-  id: idProp,
-  placeholder,
-  name,
-  value,
-  decimalNumber = true,
-  onChange,
-  onInputChange,
-  onBlur,
-  min,
-  max,
-  disabled = false,
-  error = false,
-  fallbackStyle,
-  ...fieldProps
-}, ref) {
-  const id = useUniqueId(idProp);
-  const frontIcon = "pound-regular";
-  const formatCurrency = (value2) => {
-    const decimalIndex = value2.indexOf(".");
-    if (!decimalNumber) {
-      return Math.trunc(Number(value2)).toString();
-    }
-    if (decimalIndex >= 0 && value2.length > decimalIndex + 1) {
-      const fractionalString = value2.substring(decimalIndex + 1).substring(0, 2);
-      return `${value2.substring(0, decimalIndex)}.${fractionalString}`;
-    } else {
-      return value2;
-    }
-  };
-  const applyMinMax = (value2) => {
-    const numberValue = Number(value2);
-    if (min && numberValue < min)
-      return min.toString();
-    if (max && numberValue > max)
-      return max.toString();
-    return value2;
-  };
-  const handleChange = (value2) => {
-    if (onChange === void 0)
-      return;
-    const EMPTY_INPUT = "";
-    if (value2 === EMPTY_INPUT) {
-      onChange(value2);
-    } else {
-      const amount = formatCurrency(value2);
-      const normalisedValue = applyMinMax(amount);
-      onChange(normalisedValue);
-    }
-  };
-  return /* @__PURE__ */ jsx(Field, { ...fieldProps, htmlFor: id, error, children: /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", justifyContent: "flex-start", children: [
-    /* @__PURE__ */ jsx(
-      StyledFrontIcon,
-      {
-        disabled,
-        render: frontIcon,
-        color: "sesame"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        ref,
-        error,
-        disabled,
-        type: "number",
-        id,
-        name,
-        placeholder,
-        value,
-        frontIcon,
-        fallbackStyle,
-        onChange: (e) => {
-          onChange && handleChange(e.currentTarget.value);
-          onInputChange && onInputChange(e);
-        },
-        onBlur
-      }
-    )
-  ] }) });
+import React, { forwardRef } from 'react';
+import { Box } from '../Box';
+import { Field } from '../fields/Field';
+import { useUniqueId } from '../utils/id';
+import { Input, StyledFrontIcon } from '../fields/components/CommonInput';
+export const CurrencyInput = forwardRef(function CurrencyInput({ id: idProp, placeholder, name, value, decimalNumber = true, onChange, onInputChange, onBlur, min, max, disabled = false, error = false, fallbackStyle, ...fieldProps }, ref) {
+    const id = useUniqueId(idProp);
+    const frontIcon = 'pound-regular';
+    const formatCurrency = (value) => {
+        const decimalIndex = value.indexOf('.');
+        if (!decimalNumber) {
+            return Math.trunc(Number(value)).toString();
+        }
+        if (decimalIndex >= 0 && value.length > decimalIndex + 1) {
+            const fractionalString = value.substring(decimalIndex + 1).substring(0, 2);
+            return `${value.substring(0, decimalIndex)}.${fractionalString}`;
+        }
+        else {
+            return value;
+        }
+    };
+    const applyMinMax = (value) => {
+        const numberValue = Number(value);
+        if (min && numberValue < min)
+            return min.toString();
+        if (max && numberValue > max)
+            return max.toString();
+        return value;
+    };
+    const handleChange = (value) => {
+        if (onChange === undefined)
+            return;
+        const EMPTY_INPUT = '';
+        if (value === EMPTY_INPUT) {
+            onChange(value);
+        }
+        else {
+            const amount = formatCurrency(value);
+            const normalisedValue = applyMinMax(amount);
+            onChange(normalisedValue);
+        }
+    };
+    return (React.createElement(Field, { ...fieldProps, htmlFor: id, error: error },
+        React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-start" },
+            React.createElement(StyledFrontIcon, { disabled: disabled, render: frontIcon, color: "sesame" }),
+            React.createElement(Input, { ref: ref, error: error, disabled: disabled, type: "number", id: id, name: name, placeholder: placeholder, value: value, frontIcon: frontIcon, fallbackStyle: fallbackStyle, onChange: (e) => {
+                    onChange && handleChange(e.currentTarget.value);
+                    onInputChange && onInputChange(e);
+                }, onBlur: onBlur }))));
 });
-
-export { CurrencyInput };
-//# sourceMappingURL=CurrencyInput.js.map
+//# sourceMappingURL=CurrencyInput.js.map

package/dist/CurrencyInput/CurrencyInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyInput.js","sources":["../../src/CurrencyInput/CurrencyInput.tsx"],"sourcesContent":["import React, { FocusEvent, FormEvent, forwardRef, ForwardedRef } from 'react'\n\nimport { Box } from '../Box'\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\n\nimport { useUniqueId } from '../utils/id'\nimport { Input, StyledFrontIcon } from '../fields/components/CommonInput'\n\nexport interface Props extends CommonFieldProps {\n  placeholder: string\n  name?: string\n  value: string\n  decimalNumber?: boolean\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  min?: number\n  max?: number\n}\n\n/** on change or on input required */\ntype InputProps =\n  | {\n      /** on change is required and on input optional */\n      onChange: (e: string) => void\n      onInputChange?: (e: FormEvent<HTMLInputElement>) => void\n    }\n  | {\n      /** on input is required and on change optional */\n      onChange?: (e: string) => void\n      onInputChange: (e: FormEvent<HTMLInputElement>) => void\n    }\n\nexport type CurrencyInputProps = Props & InputProps\n\nexport const CurrencyInput = forwardRef(function CurrencyInput(\n  {\n    id: idProp,\n    placeholder,\n    name,\n    value,\n    decimalNumber = true,\n    onChange,\n    onInputChange,\n    onBlur,\n    min,\n    max,\n    disabled = false,\n    error = false,\n    fallbackStyle,\n    ...fieldProps\n  }: CurrencyInputProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  const id = useUniqueId(idProp)\n  const frontIcon = 'pound-regular'\n\n  const formatCurrency = (value: string) => {\n    const decimalIndex = value.indexOf('.')\n\n    if (!decimalNumber) {\n      return Math.trunc(Number(value)).toString()\n    }\n\n    if (decimalIndex >= 0 && value.length > decimalIndex + 1) {\n      const fractionalString = value.substring(decimalIndex + 1).substring(0, 2)\n      return `${value.substring(0, decimalIndex)}.${fractionalString}`\n    } else {\n      return value\n    }\n  }\n\n  const applyMinMax = (value: string) => {\n    const numberValue = Number(value)\n    if (min && numberValue < min) return min.toString()\n    if (max && numberValue > max) return max.toString()\n    return value\n  }\n\n  const handleChange = (value: string) => {\n    if (onChange === undefined) return\n    const EMPTY_INPUT = ''\n\n    if (value === EMPTY_INPUT) {\n      onChange(value)\n    } else {\n      const amount = formatCurrency(value)\n      const normalisedValue = applyMinMax(amount)\n\n      onChange(normalisedValue)\n    }\n  }\n\n  return (\n    <Field {...fieldProps} htmlFor={id} error={error}>\n      <Box flex alignItems=\"center\" justifyContent=\"flex-start\">\n        <StyledFrontIcon\n          disabled={disabled}\n          render={frontIcon}\n          color=\"sesame\"\n        />\n        <Input\n          ref={ref}\n          error={error}\n          disabled={disabled}\n          type=\"number\"\n          id={id}\n          name={name}\n          placeholder={placeholder}\n          value={value}\n          frontIcon={frontIcon}\n          fallbackStyle={fallbackStyle}\n          onChange={(e: FormEvent<HTMLInputElement>) => {\n            onChange && handleChange(e.currentTarget.value)\n            onInputChange && onInputChange(e)\n          }}\n          onBlur={onBlur}\n        />\n      </Box>\n    </Field>\n  )\n})\n"],"names":["CurrencyInput","value"],"mappings":"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"}
+{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../src/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":"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"}

package/dist/CurrencyInput/index.js

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

package/dist/CurrencyInput/index.js.map

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