@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/Dropdown/Dropdown.js

@@ -1,107 +1,58 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useMemo } from 'react';
+import React, { forwardRef, useMemo, } from 'react';
 import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { Field } from '../fields/Field/Field.js';
-import { StyledFrontIcon } from '../fields/components/CommonInput.js';
-import { theme } from '../theme.js';
-import { useUniqueId } from '../utils/id.js';
-import { useControllableState } from '../utils/useControlledState.js';
-
-const Dropdown = forwardRef(function Dropdown2({
-  id: idProp,
-  placeholder,
-  showDefaultOption = false,
-  customDefaultOption,
-  name,
-  value: valueProp,
-  defaultValue,
-  disabled = false,
-  list,
-  onSelect,
-  error = false,
-  onInputChange,
-  onBlur,
-  frontIcon,
-  fallbackStyle,
-  ...fieldProps
-}, ref) {
-  const [value, setValue] = useControllableState({
-    initialState: defaultValue,
-    stateProp: valueProp
-  });
-  const id = useUniqueId(idProp);
-  const hasOptGroups = list.findIndex((item) => !!item.optionGroupLabel) !== -1;
-  const dropdownItemsGroups = useMemo(() => {
-    const itemsPerGroupLabel = /* @__PURE__ */ new Map();
-    list.forEach((item) => {
-      const key = item.optionGroupLabel ?? "";
-      const group = itemsPerGroupLabel.get(key) ?? [];
-      group.push(item);
-      itemsPerGroupLabel.set(key, group);
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { Field } from '../fields/Field';
+import { StyledFrontIcon } from '../fields/components/CommonInput';
+import { theme } from '../theme';
+import { useUniqueId } from '../utils/id';
+import { useControllableState } from '../utils/useControlledState';
+export const Dropdown = forwardRef(function Dropdown({ id: idProp, placeholder, showDefaultOption = false, customDefaultOption, name, value: valueProp, defaultValue, disabled = false, list, onSelect, error = false, onInputChange, onBlur, frontIcon, fallbackStyle, ...fieldProps }, ref) {
+    const [value, setValue] = useControllableState({
+        initialState: defaultValue,
+        stateProp: valueProp,
     });
-    return Array.from(itemsPerGroupLabel.values());
-  }, [list]);
-  const defaultOptionLabel = () => {
-    if (!showDefaultOption) {
-      return placeholder;
-    }
-    return customDefaultOption ?? "Select an option";
-  };
-  return /* @__PURE__ */ jsx(Field, { ...fieldProps, htmlFor: id, error, children: /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", children: [
-    frontIcon && /* @__PURE__ */ jsx(
-      StyledFrontIcon,
-      {
-        disabled,
-        render: frontIcon,
-        color: "sesame"
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      StyledSelect,
-      {
-        id,
-        disabled: disabled || list.length < 1,
-        onChange: (event) => {
-          const value2 = event.currentTarget.value;
-          onSelect?.(value2);
-          onInputChange?.(event);
-          setValue(value2);
-        },
-        error,
-        ref,
-        onBlur,
-        name,
-        frontIcon,
-        fallbackStyle,
-        value: value ? value : "",
-        children: [
-          hasOptGroups ? /* @__PURE__ */ jsx("optgroup", { label: defaultOptionLabel(), children: /* @__PURE__ */ jsx("option", { value: "", hidden: !showDefaultOption, disabled: true, children: defaultOptionLabel() }) }) : /* @__PURE__ */ jsx("option", { value: "", hidden: !showDefaultOption, disabled: true, children: defaultOptionLabel() }),
-          dropdownItemsGroups.map(
-            (groupItems, i) => hasOptGroups ? /* @__PURE__ */ jsx(
-              "optgroup",
-              {
-                label: groupItems[0].optionGroupLabel ?? "Other",
-                children: groupItems.map((el, j) => /* @__PURE__ */ jsx("option", { value: el.value, children: el.label }, `${i}-${j}`))
-              },
-              i
-            ) : groupItems.map((el, j) => /* @__PURE__ */ jsx("option", { value: el.value, children: el.label }, j))
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Caret, { children: /* @__PURE__ */ jsx(Icon, { render: "caret", color: "marzipan", size: 24 }) })
-  ] }) });
+    const id = useUniqueId(idProp);
+    const hasOptGroups = list.findIndex((item) => !!item.optionGroupLabel) !== -1;
+    const dropdownItemsGroups = useMemo(() => {
+        const itemsPerGroupLabel = new Map();
+        list.forEach((item) => {
+            const key = item.optionGroupLabel ?? '';
+            const group = itemsPerGroupLabel.get(key) ?? [];
+            group.push(item);
+            itemsPerGroupLabel.set(key, group);
+        });
+        return Array.from(itemsPerGroupLabel.values());
+    }, [list]);
+    const defaultOptionLabel = () => {
+        if (!showDefaultOption) {
+            return placeholder;
+        }
+        return customDefaultOption ?? 'Select an option';
+    };
+    return (React.createElement(Field, { ...fieldProps, htmlFor: id, error: error },
+        React.createElement(Box, { flex: true, alignItems: "center" },
+            frontIcon && (React.createElement(StyledFrontIcon, { disabled: disabled, render: frontIcon, color: "sesame" })),
+            React.createElement(StyledSelect, { id: id, disabled: disabled || list.length < 1, onChange: (event) => {
+                    const value = event.currentTarget.value;
+                    onSelect?.(value);
+                    onInputChange?.(event);
+                    setValue(value);
+                }, error: error, ref: ref, onBlur: onBlur, name: name, frontIcon: frontIcon, fallbackStyle: fallbackStyle, value: value ? value : '' },
+                hasOptGroups ? (React.createElement("optgroup", { label: defaultOptionLabel() },
+                    React.createElement("option", { value: "", hidden: !showDefaultOption, disabled: true }, defaultOptionLabel()))) : (React.createElement("option", { value: "", hidden: !showDefaultOption, disabled: true }, defaultOptionLabel())),
+                dropdownItemsGroups.map((groupItems, i) => hasOptGroups ? (React.createElement("optgroup", { key: i, label: groupItems[0].optionGroupLabel ?? 'Other' }, groupItems.map((el, j) => (React.createElement("option", { key: `${i}-${j}`, value: el.value }, el.label))))) : (groupItems.map((el, j) => (React.createElement("option", { key: j, value: el.value }, el.label)))))),
+            React.createElement(Caret, null,
+                React.createElement(Icon, { render: "caret", color: "marzipan", size: 24 })))));
 });
-const resetSelect = css`
+const resetSelect = css `
   border: none;
   border-radius: 0;
   font-size: 16px;
   appearance: none; /* remove default arrow */
   outline: none;
 `;
-const StyledSelect = styled.select`
+const StyledSelect = styled.select `
   ${resetSelect}
   width: 100%;
   height: 32px;
@@ -112,10 +63,12 @@ const StyledSelect = styled.select`
   border-radius: 12px;
   padding: 18px 14px;
   border: 2px solid
-    ${({ error }) => error ? theme.colors.strawberry : theme.colors.oatmeal};
+    ${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};
   height: auto;
 
-  ${({ frontIcon }) => frontIcon && frontIcon != "" && `
+  ${({ frontIcon }) => frontIcon &&
+    frontIcon != '' &&
+    `
       padding-left: 42px;
     `}
 
@@ -124,7 +77,8 @@ const StyledSelect = styled.select`
     opacity: 0.5;
   }
 
-  ${({ error }) => !error && css`
+  ${({ error }) => !error &&
+    css `
       :not(:disabled) {
         &:hover,
         &:focus,
@@ -134,13 +88,11 @@ const StyledSelect = styled.select`
       }
     `}
 `;
-const Caret = styled.div`
+const Caret = styled.div `
   position: absolute;
   z-index: 1;
   right: 15px;
   pointer-events: none;
   color: ${theme.colors.marzipan};
 `;
-
-export { Dropdown };
-//# sourceMappingURL=Dropdown.js.map
+//# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  FormEvent,\n  ForwardedRef,\n  forwardRef,\n  useMemo,\n} from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Icons } from '../Icon/iconsList'\n\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\nimport { StyledFrontIcon } from '../fields/components/CommonInput'\nimport { theme } from '../theme'\nimport { useUniqueId } from '../utils/id'\nimport { useControllableState } from '../utils/useControlledState'\n\nexport type DropdownItem = {\n  optionGroupLabel?: string\n  label: string\n  value: string\n}\n\nexport interface Props extends CommonFieldProps {\n  placeholder?: string\n  showDefaultOption?: boolean\n  customDefaultOption?: string\n  name?: string\n  value?: string | null\n  defaultValue?: string\n  disabled?: boolean\n  list: DropdownItem[]\n  frontIcon?: Icons\n  fallbackStyle?: boolean\n  onSelect: (element: string) => void\n  onBlur?: (e: FocusEvent<HTMLSelectElement>) => void\n}\n\ntype TruncateProps =\n  | {\n      onSelect: (e: string) => void\n      onInputChange?: (e: FormEvent<HTMLSelectElement>) => void\n    }\n  | {\n      onSelect?: (e: string) => void\n      onInputChange: (e: FormEvent<HTMLSelectElement>) => void\n    }\n\nexport type DropdownProps = Props & TruncateProps\n\nexport const Dropdown = forwardRef(function Dropdown(\n  {\n    id: idProp,\n    placeholder,\n    showDefaultOption = false,\n    customDefaultOption,\n    name,\n    value: valueProp,\n    defaultValue,\n    disabled = false,\n    list,\n    onSelect,\n    error = false,\n    onInputChange,\n    onBlur,\n    frontIcon,\n    fallbackStyle,\n    ...fieldProps\n  }: DropdownProps,\n  ref: ForwardedRef<HTMLSelectElement>,\n) {\n  const [value, setValue] = useControllableState({\n    initialState: defaultValue,\n    stateProp: valueProp,\n  })\n  const id = useUniqueId(idProp)\n  const hasOptGroups = list.findIndex((item) => !!item.optionGroupLabel) !== -1\n\n  const dropdownItemsGroups = useMemo(() => {\n    const itemsPerGroupLabel = new Map<string, DropdownItem[]>()\n\n    list.forEach((item) => {\n      const key = item.optionGroupLabel ?? ''\n      const group = itemsPerGroupLabel.get(key) ?? []\n\n      group.push(item)\n      itemsPerGroupLabel.set(key, group)\n    })\n\n    return Array.from(itemsPerGroupLabel.values())\n  }, [list])\n\n  const defaultOptionLabel = () => {\n    if (!showDefaultOption) {\n      return placeholder\n    }\n    return customDefaultOption ?? 'Select an option'\n  }\n\n  return (\n    <Field {...fieldProps} htmlFor={id} error={error}>\n      <Box flex alignItems=\"center\">\n        {frontIcon && (\n          <StyledFrontIcon\n            disabled={disabled}\n            render={frontIcon}\n            color=\"sesame\"\n          />\n        )}\n        <StyledSelect\n          id={id}\n          disabled={disabled || list.length < 1}\n          onChange={(event) => {\n            const value = event.currentTarget.value\n\n            onSelect?.(value)\n            onInputChange?.(event)\n            setValue(value)\n          }}\n          error={error}\n          ref={ref}\n          onBlur={onBlur}\n          name={name}\n          frontIcon={frontIcon}\n          fallbackStyle={fallbackStyle}\n          value={value ? value : ''}\n        >\n          {hasOptGroups ? (\n            <optgroup label={defaultOptionLabel()}>\n              <option value=\"\" hidden={!showDefaultOption} disabled>\n                {defaultOptionLabel()}\n              </option>\n            </optgroup>\n          ) : (\n            <option value=\"\" hidden={!showDefaultOption} disabled>\n              {defaultOptionLabel()}\n            </option>\n          )}\n\n          {dropdownItemsGroups.map((groupItems, i) =>\n            hasOptGroups ? (\n              <optgroup\n                key={i}\n                label={groupItems[0].optionGroupLabel ?? 'Other'}\n              >\n                {groupItems.map((el, j) => (\n                  <option key={`${i}-${j}`} value={el.value}>\n                    {el.label}\n                  </option>\n                ))}\n              </optgroup>\n            ) : (\n              groupItems.map((el, j) => (\n                <option key={j} value={el.value}>\n                  {el.label}\n                </option>\n              ))\n            ),\n          )}\n        </StyledSelect>\n        <Caret>\n          <Icon render=\"caret\" color=\"marzipan\" size={24} />\n        </Caret>\n      </Box>\n    </Field>\n  )\n})\n\nconst resetSelect = css`\n  border: none;\n  border-radius: 0;\n  font-size: 16px;\n  appearance: none; /* remove default arrow */\n  outline: none;\n`\n\ninterface SSelect {\n  error: boolean\n  frontIcon?: string\n  fallbackStyle?: boolean\n}\n\nconst StyledSelect = styled.select<SSelect>`\n  ${resetSelect}\n  width: 100%;\n  height: 32px;\n\n  cursor: pointer;\n  background-color: ${({ fallbackStyle }) =>\n    fallbackStyle ? theme.colors.custard : theme.colors.cream};\n\n  border-radius: 12px;\n  padding: 18px 14px;\n  border: 2px solid\n    ${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};\n  height: auto;\n\n  ${({ frontIcon }) =>\n    frontIcon &&\n    frontIcon != '' &&\n    `\n      padding-left: 42px;\n    `}\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  ${({ error }) =>\n    !error &&\n    css`\n      :not(:disabled) {\n        &:hover,\n        &:focus,\n        &:focus-visible,\n        &:checked {\n          border-color: ${theme.colors.marzipan}\n      }\n    `}\n`\n\nconst Caret = styled.div`\n  position: absolute;\n  z-index: 1;\n  right: 15px;\n  pointer-events: none;\n  color: ${theme.colors.marzipan};\n`\n"],"names":["Dropdown","value"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/Dropdown/index.js

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

package/dist/Dropdown/index.js.map

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

package/dist/Emoji/Emoji.js

@@ -1,30 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-
-const Emoji = ({
-  className = "",
-  symbol,
-  size = 12,
-  label,
-  ...marginProps
-}) => /* @__PURE__ */ jsx(
-  Container,
-  {
-    as: "span",
-    className,
-    size,
-    role: "img",
-    "aria-label": label,
-    ...marginProps,
-    children: symbol
-  }
-);
-const Container = styled(Box)(
-  ({ size }) => css`
+import { Box } from '../Box';
+export const Emoji = ({ className = '', symbol, size = 12, label, ...marginProps }) => (React.createElement(Container, { as: "span", className: className, size: size, role: "img", "aria-label": label, ...marginProps }, symbol));
+const Container = styled(Box)(({ size }) => css `
     font-size: ${size}px;
-  `
-);
-
-export { Emoji };
-//# sourceMappingURL=Emoji.js.map
+  `);
+//# sourceMappingURL=Emoji.js.map

package/dist/Emoji/Emoji.js.map

@@ -1 +1 @@
-{"version":3,"file":"Emoji.js","sources":["../../src/Emoji/Emoji.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { MarginProps } from '../utils/space'\nimport { Box } from '../Box'\n\nexport type EmojiProps = {\n  /** className attribute to apply classes from props */\n  className?: string\n  /** Emoji symbol */\n  symbol: string\n  /** set size of the Emoji  */\n  size?: number\n  /** aria-label to identify Emoji */\n  label: string\n} & MarginProps\n\nexport const Emoji: FC<EmojiProps> = ({\n  className = '',\n  symbol,\n  size = 12,\n  label,\n  ...marginProps\n}) => (\n  <Container\n    as=\"span\"\n    className={className}\n    size={size}\n    role=\"img\"\n    aria-label={label}\n    {...marginProps}\n  >\n    {symbol}\n  </Container>\n)\n\ninterface IEmoji {\n  size: number\n}\n\nconst Container = styled(Box)<IEmoji>(\n  ({ size }) => css`\n    font-size: ${size}px;\n  `,\n)\n"],"names":[],"mappings":";;;;AAgBO,MAAM,QAAwB,CAAC;AAAA,EACpC,SAAY,GAAA,EAAA;AAAA,EACZ,MAAA;AAAA,EACA,IAAO,GAAA,EAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAG,WAAA;AACL,CACE,qBAAA,GAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,EAAG,EAAA,MAAA;AAAA,IACH,SAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAK,EAAA,KAAA;AAAA,IACL,YAAY,EAAA,KAAA;AAAA,IACX,GAAG,WAAA;AAAA,IAEH,QAAA,EAAA,MAAA;AAAA,GAAA;AACH,EAAA;AAOF,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAAA,EAC1B,CAAC,EAAE,IAAA,EAAW,KAAA,GAAA,CAAA;AAAA,eAAA,EACC,IAAI,CAAA;AAAA,EAAA,CAAA;AAErB,CAAA;;;;"}
+{"version":3,"file":"Emoji.js","sourceRoot":"","sources":["../../src/Emoji/Emoji.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAa5B,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,GAAG,EAAE,EACT,KAAK,EACL,GAAG,WAAW,EACf,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,KAAK,gBACE,KAAK,KACb,WAAW,IAEd,MAAM,CACG,CACb,CAAA;AAMD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;iBACF,IAAI;GAClB,CACF,CAAA"}

package/dist/Emoji/index.js

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

package/dist/Emoji/index.js.map

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

package/dist/Icon/Icon.js

@@ -1,35 +1,16 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { theme } from '../theme.js';
-import { iconList } from './iconsList.js';
-
-const Icon = ({
-  className = "",
-  render,
-  size = 24,
-  color = "liquorice",
-  rotate = 0,
-  ...marginProps
-}) => {
-  if (!render || !iconList[render] || render.length === 0)
-    return null;
-  const IconComponent = iconList[render];
-  return /* @__PURE__ */ jsx(
-    Container,
-    {
-      as: "span",
-      className,
-      size,
-      rotate,
-      color,
-      ...marginProps,
-      children: /* @__PURE__ */ jsx(IconComponent, {})
-    }
-  );
+import { Box } from '../Box';
+import { theme } from '../theme';
+import { iconList } from './iconsList';
+export const Icon = ({ className = '', render, size = 24, color = 'liquorice', rotate = 0, ...marginProps }) => {
+    if (!render || !iconList[render] || render.length === 0)
+        return null;
+    const IconComponent = iconList[render];
+    return (React.createElement(Container, { as: "span", className: className, size: size, rotate: rotate, color: color, ...marginProps },
+        React.createElement(IconComponent, null)));
 };
-const Container = styled(Box)(
-  ({ size, rotate, color }) => css`
+const Container = styled(Box)(({ size, rotate, color }) => css `
     display: flex;
     align-items: center;
     justify-content: center;
@@ -40,8 +21,5 @@ const Container = styled(Box)(
     svg {
       color: ${theme.colors[color]} !important;
     }
-  `
-);
-
-export { Icon };
-//# sourceMappingURL=Icon.js.map
+  `);
+//# sourceMappingURL=Icon.js.map

package/dist/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../src/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { MarginProps } from '../utils/space'\n\nimport { Box } from '../Box'\nimport { Color, theme } from '../theme'\nimport { Icons, iconList } from './iconsList'\n\nexport type IconProps = {\n  /** className attribute to apply classes from props */\n  className?: string\n  /** specify what Icon to render  */\n  render: Icons\n  /** set size of the Icon  */\n  size?: number\n  /** set color of the Icon */\n  color?: Color\n  /** rotation degrees */\n  rotate?: number\n} & MarginProps\n\nexport const Icon: FC<IconProps> = ({\n  className = '',\n  render,\n  size = 24,\n  color = 'liquorice',\n  rotate = 0,\n  ...marginProps\n}) => {\n  if (!render || !iconList[render] || render.length === 0) return null\n\n  const IconComponent = iconList[render]\n\n  return (\n    <Container\n      as=\"span\"\n      className={className}\n      size={size}\n      rotate={rotate}\n      color={color}\n      {...marginProps}\n    >\n      <IconComponent />\n    </Container>\n  )\n}\n\ninterface IIcon {\n  size: number\n  color: Color\n  rotate: number\n}\n\nconst Container = styled(Box)<IIcon>(\n  ({ size, rotate, color }) => css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: ${size}px;\n    height: ${size}px;\n    transform: rotate(${rotate}deg);\n    svg {\n      color: ${theme.colors[color]} !important;\n    }\n  `,\n)\n"],"names":[],"mappings":";;;;;;AAqBO,MAAM,OAAsB,CAAC;AAAA,EAClC,SAAY,GAAA,EAAA;AAAA,EACZ,MAAA;AAAA,EACA,IAAO,GAAA,EAAA;AAAA,EACP,KAAQ,GAAA,WAAA;AAAA,EACR,MAAS,GAAA,CAAA;AAAA,EACT,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,IAAI,CAAC,MAAU,IAAA,CAAC,SAAS,MAAM,CAAA,IAAK,OAAO,MAAW,KAAA,CAAA;AAAG,IAAO,OAAA,IAAA,CAAA;AAEhE,EAAM,MAAA,aAAA,GAAgB,SAAS,MAAM,CAAA,CAAA;AAErC,EACE,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,MAAA;AAAA,MACH,SAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,WAAA;AAAA,MAEJ,8BAAC,aAAc,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACjB,CAAA;AAEJ,EAAA;AAQA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAAA,EAC1B,CAAC,EAAE,IAAM,EAAA,MAAA,EAAQ,OAAY,KAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAKlB,IAAI,CAAA;AAAA,YAAA,EACH,IAAI,CAAA;AAAA,sBAAA,EACM,MAAM,CAAA;AAAA;AAAA,aAEf,EAAA,KAAA,CAAM,MAAO,CAAA,KAAK,CAAC,CAAA;AAAA;AAAA,EAAA,CAAA;AAGlC,CAAA;;;;"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/Icon/Icon.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,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAS,QAAQ,EAAE,MAAM,aAAa,CAAA;AAe7C,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,CAAC,EACV,GAAG,WAAW,EACf,EAAE,EAAE;IACH,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAEpE,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEtC,OAAO,CACL,oBAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,KACR,WAAW;QAEf,oBAAC,aAAa,OAAG,CACP,CACb,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;aAKrB,IAAI;cACH,IAAI;wBACM,MAAM;;eAEf,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;GAE/B,CACF,CAAA"}

package/dist/Icon/iconFiles/Aa.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Aa: () => JSX.Element;
+export default Aa;