@cuemath/leap 2.8.61-rj-12 → 2.8.61-rj-14

package/dist/features/ui/accordion-section/accordion-section.js

@@ -1,28 +1,28 @@
-import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import p, { useState as A, useCallback as n } from "react";
-import { AccordionSectionContainer as h, AccordionSectionHeader as $, AccordionSectionBody as w } from "./accordion-section-styled.js";
-const x = p.memo(
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import S, { useState as h, useCallback as n } from "react";
+import { AccordionSectionContainer as A, AccordionSectionHeader as w, AccordionSectionBody as x } from "./accordion-section-styled.js";
+const v = S.memo(
   ({
     headerElement: s,
     bodyElement: d,
     width: l,
     visible: e,
-    defaultVisible: i,
-    bodyOverFlow: a,
+    defaultVisible: a,
+    bodyOverFlow: i,
     onBodyVisibilityChange: o
   }) => {
-    const [f, c] = A(i ?? !1), m = n(() => {
+    const [f, c] = h(a ?? !1), m = n(() => {
       c(!0), o(!0);
     }, [o]), u = n(() => {
       c(!1), o(!1);
-    }, [o]), t = e !== void 0 ? e : f;
-    return /* @__PURE__ */ S(h, { $width: l, children: [
-      /* @__PURE__ */ r($, { onClick: t ? u : m, children: s }),
-      /* @__PURE__ */ r(w, { $visible: t, $overflow: a, children: d })
+    }, [o]), r = e !== void 0 ? e : f;
+    return /* @__PURE__ */ p(A, { $width: l, children: [
+      /* @__PURE__ */ t(w, { onClick: r ? u : m, children: s }),
+      /* @__PURE__ */ t(x, { $visible: r, $overflow: i, children: d })
     ] });
   }
-), _ = x;
+);
 export {
-  _ as default
+  v as default
 };
 //# sourceMappingURL=accordion-section.js.map

package/dist/features/ui/accordion-section/accordion-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-section.js","sources":["../../../../src/features/ui/accordion-section/accordion-section.tsx"],"sourcesContent":["import type { IAccordionSectionProps } from './accordion-section-types';\n\nimport React, { useCallback, useState, type FC } from 'react';\n\nimport * as Styled from './accordion-section-styled';\n\n//TODO: add complete jsdocs\n\n/**\n * AccordionSection component.\n *\n * @prop {boolean} visible - if this value is passed, then the component is controlled by parent else it uses its own state.\n * @returns {JSX.Element} - The JSX element of the component.\n */\n\nconst AccordionSection: FC<IAccordionSectionProps> = React.memo(\n  ({\n    headerElement,\n    bodyElement,\n    width,\n    visible,\n    defaultVisible,\n    bodyOverFlow,\n    onBodyVisibilityChange,\n  }) => {\n    const [bodyVisible, setBodyVisible] = useState(defaultVisible ?? false);\n\n    const handleOpen = useCallback(() => {\n      setBodyVisible(true);\n      onBodyVisibilityChange(true);\n    }, [onBodyVisibilityChange]);\n\n    const handleClose = useCallback(() => {\n      setBodyVisible(false);\n      onBodyVisibilityChange(false);\n    }, [onBodyVisibilityChange]);\n\n    const showBody = visible !== undefined ? visible : bodyVisible;\n\n    return (\n      <Styled.AccordionSectionContainer $width={width}>\n        <Styled.AccordionSectionHeader onClick={showBody ? handleClose : handleOpen}>\n          {headerElement}\n        </Styled.AccordionSectionHeader>\n        <Styled.AccordionSectionBody $visible={showBody} $overflow={bodyOverFlow}>\n          {bodyElement}\n        </Styled.AccordionSectionBody>\n      </Styled.AccordionSectionContainer>\n    );\n  },\n);\n\nexport default AccordionSection;\n"],"names":["AccordionSection","React","headerElement","bodyElement","width","visible","defaultVisible","bodyOverFlow","onBodyVisibilityChange","bodyVisible","setBodyVisible","useState","handleOpen","useCallback","handleClose","showBody","jsxs","Styled.AccordionSectionContainer","jsx","Styled.AccordionSectionHeader","Styled.AccordionSectionBody","AccordionSection$1"],"mappings":";;;AAeA,MAAMA,IAA+CC,EAAM;AAAA,EACzD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,MACI;AACJ,UAAM,CAACC,GAAaC,CAAc,IAAIC,EAASL,KAAkB,EAAK,GAEhEM,IAAaC,EAAY,MAAM;AACnC,MAAAH,EAAe,EAAI,GACnBF,EAAuB,EAAI;AAAA,IAAA,GAC1B,CAACA,CAAsB,CAAC,GAErBM,IAAcD,EAAY,MAAM;AACpC,MAAAH,EAAe,EAAK,GACpBF,EAAuB,EAAK;AAAA,IAAA,GAC3B,CAACA,CAAsB,CAAC,GAErBO,IAAWV,MAAY,SAAYA,IAAUI;AAEnD,WACG,gBAAAO,EAAAC,GAAA,EAAiC,QAAQb,GACxC,UAAA;AAAA,MAAA,gBAAAc,EAACC,GAAA,EAA8B,SAASJ,IAAWD,IAAcF,GAC9D,UACHV,GAAA;AAAA,MACA,gBAAAgB,EAACE,GAAA,EAA4B,UAAUL,GAAU,WAAWR,GACzD,UACHJ,GAAA;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAkB,IAAerB;"}
+{"version":3,"file":"accordion-section.js","sources":["../../../../src/features/ui/accordion-section/accordion-section.tsx"],"sourcesContent":["import type { IAccordionSectionProps } from './accordion-section-types';\n\nimport React, { useCallback, useState, type FC } from 'react';\n\nimport * as Styled from './accordion-section-styled';\n\n//TODO: add complete jsdocs\n\n/**\n * AccordionSection component.\n *\n * @prop {boolean} visible - if this value is passed, then the component is controlled by parent else it uses its own state.\n * @returns {JSX.Element} - The JSX element of the component.\n */\n\nconst AccordionSection: FC<IAccordionSectionProps> = React.memo(\n  ({\n    headerElement,\n    bodyElement,\n    width,\n    visible,\n    defaultVisible,\n    bodyOverFlow,\n    onBodyVisibilityChange,\n  }) => {\n    const [bodyVisible, setBodyVisible] = useState(defaultVisible ?? false);\n\n    const handleOpen = useCallback(() => {\n      setBodyVisible(true);\n      onBodyVisibilityChange(true);\n    }, [onBodyVisibilityChange]);\n\n    const handleClose = useCallback(() => {\n      setBodyVisible(false);\n      onBodyVisibilityChange(false);\n    }, [onBodyVisibilityChange]);\n\n    const showBody = visible !== undefined ? visible : bodyVisible;\n\n    return (\n      <Styled.AccordionSectionContainer $width={width}>\n        <Styled.AccordionSectionHeader onClick={showBody ? handleClose : handleOpen}>\n          {headerElement}\n        </Styled.AccordionSectionHeader>\n        <Styled.AccordionSectionBody $visible={showBody} $overflow={bodyOverFlow}>\n          {bodyElement}\n        </Styled.AccordionSectionBody>\n      </Styled.AccordionSectionContainer>\n    );\n  },\n);\n\nexport default AccordionSection;\n"],"names":["AccordionSection","React","headerElement","bodyElement","width","visible","defaultVisible","bodyOverFlow","onBodyVisibilityChange","bodyVisible","setBodyVisible","useState","handleOpen","useCallback","handleClose","showBody","jsxs","Styled.AccordionSectionContainer","jsx","Styled.AccordionSectionHeader","Styled.AccordionSectionBody"],"mappings":";;;AAeA,MAAMA,IAA+CC,EAAM;AAAA,EACzD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,MACI;AACJ,UAAM,CAACC,GAAaC,CAAc,IAAIC,EAASL,KAAkB,EAAK,GAEhEM,IAAaC,EAAY,MAAM;AACnC,MAAAH,EAAe,EAAI,GACnBF,EAAuB,EAAI;AAAA,IAAA,GAC1B,CAACA,CAAsB,CAAC,GAErBM,IAAcD,EAAY,MAAM;AACpC,MAAAH,EAAe,EAAK,GACpBF,EAAuB,EAAK;AAAA,IAAA,GAC3B,CAACA,CAAsB,CAAC,GAErBO,IAAWV,MAAY,SAAYA,IAAUI;AAEnD,WACG,gBAAAO,EAAAC,GAAA,EAAiC,QAAQb,GACxC,UAAA;AAAA,MAAA,gBAAAc,EAACC,GAAA,EAA8B,SAASJ,IAAWD,IAAcF,GAC9D,UACHV,GAAA;AAAA,MACA,gBAAAgB,EAACE,GAAA,EAA4B,UAAUL,GAAU,WAAWR,GACzD,UACHJ,EAAA,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAGN;"}

package/dist/features/ui/arc-button/arc-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"arc-button.js","sources":["../../../../src/features/ui/arc-button/arc-button.tsx"],"sourcesContent":["import type { IArcButtonProps } from './arc-button-types';\nimport type { PropsWithChildren } from 'react';\n\nimport { memo, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\n\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport useClickHandler from '../hooks/use-click-handler';\nimport * as Styled from './arc-button-styled';\n\nexport const ArcButton = memo(\n  forwardRef<HTMLDivElement, PropsWithChildren<IArcButtonProps>>(\n    (\n      { onClick, renderAs = 'primary', children, analyticsLabel, analyticsProps, disabled },\n      ref,\n    ) => {\n      const { playButtonSound } = useCircleSounds();\n      const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n\n      const buttonRef = useRef<HTMLDivElement>(null);\n\n      useImperativeHandle(ref, () => buttonRef.current!, [buttonRef]);\n\n      const handleOnClick = useCallback(() => {\n        playButtonSound();\n        handleClick();\n      }, [playButtonSound, handleClick]);\n\n      return (\n        <Styled.ButtonWrapper>\n          <Styled.ButtonShape\n            ref={buttonRef}\n            $renderAs={renderAs}\n            onClick={!disabled ? handleOnClick : undefined}\n          />\n          <Styled.ButtonContentContainer>\n            <Styled.ButtonLabelWrapper>{children}</Styled.ButtonLabelWrapper>\n          </Styled.ButtonContentContainer>\n        </Styled.ButtonWrapper>\n      );\n    },\n  ),\n);\n"],"names":["ArcButton","memo","forwardRef","onClick","renderAs","children","analyticsLabel","analyticsProps","disabled","ref","playButtonSound","useCircleSounds","handleClick","useClickHandler","buttonRef","useRef","useImperativeHandle","handleOnClick","useCallback","jsxs","Styled.ButtonWrapper","jsx","Styled.ButtonShape","Styled.ButtonContentContainer","Styled.ButtonLabelWrapper"],"mappings":";;;;;AASO,MAAMA,IAAYC;AAAA,EACvBC;AAAA,IACE,CACE,EAAE,SAAAC,GAAS,UAAAC,IAAW,WAAW,UAAAC,GAAU,gBAAAC,GAAgB,gBAAAC,GAAgB,UAAAC,EAAS,GACpFC,MACG;AACG,YAAA,EAAE,iBAAAC,MAAoBC,KACtB,EAAE,aAAAC,MAAgBC,EAAgB,EAAE,gBAAAP,GAAgB,gBAAAC,EAAA,GAAkBJ,CAAO,GAE7EW,IAAYC,EAAuB,IAAI;AAE7C,MAAAC,EAAoBP,GAAK,MAAMK,EAAU,SAAU,CAACA,CAAS,CAAC;AAExD,YAAAG,IAAgBC,EAAY,MAAM;AACtB,QAAAR,KACJE;MAAA,GACX,CAACF,GAAiBE,CAAW,CAAC;AAG/B,aAAA,gBAAAO,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,KAAKR;AAAA,YACL,WAAWV;AAAA,YACX,SAAUI,IAA2B,SAAhBS;AAAA,UAAgB;AAAA,QACvC;AAAA,QACA,gBAAAI,EAACE,GAAA,EACC,4BAACC,GAAA,EAA2B,UAAAnB,EAAS,CAAA,GACvC;AAAA,MACF,EAAA,CAAA;AAAA,IAEJ;AAAA,EACF;AACF;"}
+{"version":3,"file":"arc-button.js","sources":["../../../../src/features/ui/arc-button/arc-button.tsx"],"sourcesContent":["import type { IArcButtonProps } from './arc-button-types';\nimport type { PropsWithChildren } from 'react';\n\nimport { memo, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\n\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport useClickHandler from '../hooks/use-click-handler';\nimport * as Styled from './arc-button-styled';\n\nexport const ArcButton = memo(\n  forwardRef<HTMLDivElement, PropsWithChildren<IArcButtonProps>>(\n    (\n      { onClick, renderAs = 'primary', children, analyticsLabel, analyticsProps, disabled },\n      ref,\n    ) => {\n      const { playButtonSound } = useCircleSounds();\n      const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n\n      const buttonRef = useRef<HTMLDivElement>(null);\n\n      useImperativeHandle(ref, () => buttonRef.current!, [buttonRef]);\n\n      const handleOnClick = useCallback(() => {\n        playButtonSound();\n        handleClick();\n      }, [playButtonSound, handleClick]);\n\n      return (\n        <Styled.ButtonWrapper>\n          <Styled.ButtonShape\n            ref={buttonRef}\n            $renderAs={renderAs}\n            onClick={!disabled ? handleOnClick : undefined}\n          />\n          <Styled.ButtonContentContainer>\n            <Styled.ButtonLabelWrapper>{children}</Styled.ButtonLabelWrapper>\n          </Styled.ButtonContentContainer>\n        </Styled.ButtonWrapper>\n      );\n    },\n  ),\n);\n"],"names":["ArcButton","memo","forwardRef","onClick","renderAs","children","analyticsLabel","analyticsProps","disabled","ref","playButtonSound","useCircleSounds","handleClick","useClickHandler","buttonRef","useRef","useImperativeHandle","handleOnClick","useCallback","jsxs","Styled.ButtonWrapper","jsx","Styled.ButtonShape","Styled.ButtonContentContainer","Styled.ButtonLabelWrapper"],"mappings":";;;;;AASO,MAAMA,IAAYC;AAAA,EACvBC;AAAA,IACE,CACE,EAAE,SAAAC,GAAS,UAAAC,IAAW,WAAW,UAAAC,GAAU,gBAAAC,GAAgB,gBAAAC,GAAgB,UAAAC,EAAS,GACpFC,MACG;AACG,YAAA,EAAE,iBAAAC,EAAgB,IAAIC,EAAgB,GACtC,EAAE,aAAAC,MAAgBC,EAAgB,EAAE,gBAAAP,GAAgB,gBAAAC,KAAkBJ,CAAO,GAE7EW,IAAYC,EAAuB,IAAI;AAE7C,MAAAC,EAAoBP,GAAK,MAAMK,EAAU,SAAU,CAACA,CAAS,CAAC;AAExD,YAAAG,IAAgBC,EAAY,MAAM;AACtB,QAAAR,EAAA,GACJE,EAAA;AAAA,MAAA,GACX,CAACF,GAAiBE,CAAW,CAAC;AAG/B,aAAA,gBAAAO,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,KAAKR;AAAA,YACL,WAAWV;AAAA,YACX,SAAUI,IAA2B,SAAhBS;AAAA,UAAgB;AAAA,QACvC;AAAA,QACA,gBAAAI,EAACE,GAAA,EACC,4BAACC,GAAA,EAA2B,UAAAnB,EAAA,CAAS,EACvC,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js

@@ -1,7 +1,7 @@
-import w from "styled-components";
-import y from "../layout/flex-view.js";
-import { arrowPosition as T, tooltipPosition as k, animateToolTip as m } from "./arrow-tooltip-util.js";
-const P = w(y)(({
+import b from "styled-components";
+import w from "../layout/flex-view.js";
+import { arrowPosition as y, tooltipPosition as T, animateToolTip as k } from "./arrow-tooltip-util.js";
+const P = b(w)(({
   theme: o,
   $arrowColor: r,
   $arrowSize: t,
@@ -12,21 +12,21 @@ const P = w(y)(({
   $position: n,
   $renderAs: s,
   $tooltipCoOrdinates: e,
-  $tooltipOffset: f,
-  $tooltipXCoOrdinates: g,
-  $tooltipYCoOrdinates: u,
-  $zIndex: C,
-  $backgroundColor: O
+  $tooltipOffset: m,
+  $tooltipXCoOrdinates: f,
+  $tooltipYCoOrdinates: g,
+  $zIndex: u,
+  $backgroundColor: $
 }) => {
-  const { gutter: l } = o.layout, { REAL_BLACK_15: $ } = o.colors, { tooltipVariants: a } = o.arrowTooltip;
+  const { gutter: l } = o.layout, { REAL_BLACK_15: C } = o.colors, { tooltipVariants: a } = o.arrowTooltip;
   let { backgroundColorName: i } = a[s];
-  const { textColorName: b } = a[s];
-  return i = O || i, `
+  const { textColorName: O } = a[s];
+  return i = $ || i, `
     position: fixed;
-    z-index: ${C || 1};
+    z-index: ${u || 1};
     padding: ${l * 0.25}px ${l * 0.5}px;
-    color: ${b};
-    box-shadow: 0px 2px 15px 0px ${$};
+    color: ${O};
+    box-shadow: 0px 2px 15px 0px ${C};
     background-color: ${o.colors[i]};
     border: 1px solid ${p ? o.colors[p] : "transparent"};
 
@@ -37,7 +37,7 @@ const P = w(y)(({
       width: ${t}px;
       clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
       background-color: ${r ? o.colors[r] : o.colors[i]};
-      ${T({
+      ${y({
     position: n,
     arrowXCoOrdinates: c,
     arrowYCoOrdinates: d,
@@ -45,16 +45,15 @@ const P = w(y)(({
   })};
     }
 
-    ${k({
+    ${T({
     position: n,
     arrowSize: t,
     tooltipCoOrdinates: e,
-    tooltipOffset: f,
-    tooltipXCoOrdinates: g,
-    tooltipYCoOrdinates: u
+    tooltipXCoOrdinates: f,
+    tooltipYCoOrdinates: g
   })};
 
-    ${m(x)};
+    ${k(x)};
   `;
 });
 export {

package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-tooltip-styled.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip-styled.tsx"],"sourcesContent":["import type { TArrowTooltipVariants, TColorNames } from '../types';\nimport type { TPositionProps, TTooltipCoOrdinatesProps } from './arrow-tooltip-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport { animateToolTip, arrowPosition, tooltipPosition } from './arrow-tooltip-util';\n\ninterface ITooltipBodyProps {\n  $arrowSize: number;\n  $arrowColor?: TColorNames;\n  $arrowXCoOrdinates?: number;\n  $arrowYCoOrdinates?: number;\n  $backgroundColor?: TColorNames;\n  $borderColor?: TColorNames;\n  $position: TPositionProps;\n  $renderAs: TArrowTooltipVariants;\n  $tooltipCoOrdinates: TTooltipCoOrdinatesProps | null;\n  $tooltipOffset?: number;\n  $tooltipXCoOrdinates?: number;\n  $tooltipYCoOrdinates?: number;\n  $zIndex?: number;\n  $isAnimated?: boolean;\n}\n\nconst TooltipBody = styled(FlexView)<ITooltipBodyProps>(({\n  theme,\n  $arrowColor,\n  $arrowSize,\n  $arrowXCoOrdinates,\n  $arrowYCoOrdinates,\n  $borderColor,\n  $isAnimated,\n  $position,\n  $renderAs,\n  $tooltipCoOrdinates,\n  $tooltipOffset,\n  $tooltipXCoOrdinates,\n  $tooltipYCoOrdinates,\n  $zIndex,\n  $backgroundColor,\n}) => {\n  const { gutter } = theme.layout;\n  const { REAL_BLACK_15 } = theme.colors;\n  const { tooltipVariants } = theme.arrowTooltip;\n  let { backgroundColorName } = tooltipVariants[$renderAs];\n  const { textColorName } = tooltipVariants[$renderAs];\n\n  backgroundColorName = $backgroundColor || backgroundColorName;\n\n  return `\n    position: fixed;\n    z-index: ${$zIndex || 1};\n    padding: ${gutter * 0.25}px ${gutter * 0.5}px;\n    color: ${textColorName};\n    box-shadow: 0px 2px 15px 0px ${REAL_BLACK_15};\n    background-color: ${theme.colors[backgroundColorName]};\n    border: 1px solid ${$borderColor ? theme.colors[$borderColor] : 'transparent'};\n\n    &::after {\n      content: '';\n      position: absolute;\n      height: ${$arrowSize}px;\n      width: ${$arrowSize}px;\n      clip-path: polygon(0% 0%, 100% 100%, 0% 100%);\n      background-color: ${\n        $arrowColor ? theme.colors[$arrowColor] : theme.colors[backgroundColorName]\n      };\n      ${arrowPosition({\n        position: $position,\n        arrowXCoOrdinates: $arrowXCoOrdinates,\n        arrowYCoOrdinates: $arrowYCoOrdinates,\n        arrowSize: $arrowSize,\n      })};\n    }\n\n    ${tooltipPosition({\n      position: $position,\n      arrowSize: $arrowSize,\n      tooltipCoOrdinates: $tooltipCoOrdinates,\n      tooltipOffset: $tooltipOffset,\n      tooltipXCoOrdinates: $tooltipXCoOrdinates,\n      tooltipYCoOrdinates: $tooltipYCoOrdinates,\n    })};\n\n    ${animateToolTip($isAnimated)};\n  `;\n});\n\nexport { TooltipBody };\n"],"names":["TooltipBody","styled","FlexView","theme","$arrowColor","$arrowSize","$arrowXCoOrdinates","$arrowYCoOrdinates","$borderColor","$isAnimated","$position","$renderAs","$tooltipCoOrdinates","$tooltipOffset","$tooltipXCoOrdinates","$tooltipYCoOrdinates","$zIndex","$backgroundColor","gutter","REAL_BLACK_15","tooltipVariants","backgroundColorName","textColorName","arrowPosition","tooltipPosition","animateToolTip"],"mappings":";;;AAyBA,MAAMA,IAAcC,EAAOC,CAAQ,EAAqB,CAAC;AAAA,EACvD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,EAAO,IAAIf,EAAM,QACnB,EAAE,eAAAgB,EAAc,IAAIhB,EAAM,QAC1B,EAAE,iBAAAiB,EAAgB,IAAIjB,EAAM;AAClC,MAAI,EAAE,qBAAAkB,EAAA,IAAwBD,EAAgBT,CAAS;AACvD,QAAM,EAAE,eAAAW,EAAA,IAAkBF,EAAgBT,CAAS;AAEnD,SAAAU,IAAsBJ,KAAoBI,GAEnC;AAAA;AAAA,eAEML,KAAW,CAAC;AAAA,eACZE,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA,aACjCI,CAAa;AAAA,mCACSH,CAAa;AAAA,wBACxBhB,EAAM,OAAOkB,CAAmB,CAAC;AAAA,wBACjCb,IAAeL,EAAM,OAAOK,CAAY,IAAI,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKjEH,CAAU;AAAA,eACXA,CAAU;AAAA;AAAA,0BAGjBD,IAAcD,EAAM,OAAOC,CAAW,IAAID,EAAM,OAAOkB,CAAmB,CAC5E;AAAA,QACEE,EAAc;AAAA,IACd,UAAUb;AAAA,IACV,mBAAmBJ;AAAA,IACnB,mBAAmBC;AAAA,IACnB,WAAWF;AAAA,EAAA,CACZ,CAAC;AAAA;AAAA;AAAA,MAGFmB,EAAgB;AAAA,IAChB,UAAUd;AAAA,IACV,WAAWL;AAAA,IACX,oBAAoBO;AAAA,IACpB,eAAeC;AAAA,IACf,qBAAqBC;AAAA,IACrB,qBAAqBC;AAAA,EAAA,CACtB,CAAC;AAAA;AAAA,MAEAU,EAAehB,CAAW,CAAC;AAAA;AAEjC,CAAC;"}
+{"version":3,"file":"arrow-tooltip-styled.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip-styled.tsx"],"sourcesContent":["import type { TArrowTooltipVariants, TColorNames } from '../types';\nimport type { TPositionProps, TTooltipCoOrdinatesProps } from './arrow-tooltip-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport { animateToolTip, arrowPosition, tooltipPosition } from './arrow-tooltip-util';\n\ninterface ITooltipBodyProps {\n  $arrowSize: number;\n  $arrowColor?: TColorNames;\n  $arrowXCoOrdinates?: number;\n  $arrowYCoOrdinates?: number;\n  $backgroundColor?: TColorNames;\n  $borderColor?: TColorNames;\n  $position: TPositionProps;\n  $renderAs: TArrowTooltipVariants;\n  $tooltipCoOrdinates: TTooltipCoOrdinatesProps | null;\n  $tooltipOffset?: number;\n  $tooltipXCoOrdinates?: number;\n  $tooltipYCoOrdinates?: number;\n  $zIndex?: number;\n  $isAnimated?: boolean;\n}\n\nconst TooltipBody = styled(FlexView)<ITooltipBodyProps>(({\n  theme,\n  $arrowColor,\n  $arrowSize,\n  $arrowXCoOrdinates,\n  $arrowYCoOrdinates,\n  $borderColor,\n  $isAnimated,\n  $position,\n  $renderAs,\n  $tooltipCoOrdinates,\n  $tooltipOffset,\n  $tooltipXCoOrdinates,\n  $tooltipYCoOrdinates,\n  $zIndex,\n  $backgroundColor,\n}) => {\n  const { gutter } = theme.layout;\n  const { REAL_BLACK_15 } = theme.colors;\n  const { tooltipVariants } = theme.arrowTooltip;\n  let { backgroundColorName } = tooltipVariants[$renderAs];\n  const { textColorName } = tooltipVariants[$renderAs];\n\n  backgroundColorName = $backgroundColor || backgroundColorName;\n\n  return `\n    position: fixed;\n    z-index: ${$zIndex || 1};\n    padding: ${gutter * 0.25}px ${gutter * 0.5}px;\n    color: ${textColorName};\n    box-shadow: 0px 2px 15px 0px ${REAL_BLACK_15};\n    background-color: ${theme.colors[backgroundColorName]};\n    border: 1px solid ${$borderColor ? theme.colors[$borderColor] : 'transparent'};\n\n    &::after {\n      content: '';\n      position: absolute;\n      height: ${$arrowSize}px;\n      width: ${$arrowSize}px;\n      clip-path: polygon(0% 0%, 100% 100%, 0% 100%);\n      background-color: ${\n        $arrowColor ? theme.colors[$arrowColor] : theme.colors[backgroundColorName]\n      };\n      ${arrowPosition({\n        position: $position,\n        arrowXCoOrdinates: $arrowXCoOrdinates,\n        arrowYCoOrdinates: $arrowYCoOrdinates,\n        arrowSize: $arrowSize,\n      })};\n    }\n\n    ${tooltipPosition({\n      position: $position,\n      arrowSize: $arrowSize,\n      tooltipCoOrdinates: $tooltipCoOrdinates,\n      tooltipOffset: $tooltipOffset,\n      tooltipXCoOrdinates: $tooltipXCoOrdinates,\n      tooltipYCoOrdinates: $tooltipYCoOrdinates,\n    })};\n\n    ${animateToolTip($isAnimated)};\n  `;\n});\n\nexport { TooltipBody };\n"],"names":["TooltipBody","styled","FlexView","theme","$arrowColor","$arrowSize","$arrowXCoOrdinates","$arrowYCoOrdinates","$borderColor","$isAnimated","$position","$renderAs","$tooltipCoOrdinates","$tooltipOffset","$tooltipXCoOrdinates","$tooltipYCoOrdinates","$zIndex","$backgroundColor","gutter","REAL_BLACK_15","tooltipVariants","backgroundColorName","textColorName","arrowPosition","tooltipPosition","animateToolTip"],"mappings":";;;AAyBA,MAAMA,IAAcC,EAAOC,CAAQ,EAAqB,CAAC;AAAA,EACvD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWf,EAAM,QACnB,EAAE,eAAAgB,MAAkBhB,EAAM,QAC1B,EAAE,iBAAAiB,MAAoBjB,EAAM;AAClC,MAAI,EAAE,qBAAAkB,EAAA,IAAwBD,EAAgBT,CAAS;AACvD,QAAM,EAAE,eAAAW,EAAA,IAAkBF,EAAgBT,CAAS;AAEnD,SAAAU,IAAsBJ,KAAoBI,GAEnC;AAAA;AAAA,eAEML,KAAW,CAAC;AAAA,eACZE,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA,aACjCI,CAAa;AAAA,mCACSH,CAAa;AAAA,wBACxBhB,EAAM,OAAOkB,CAAmB,CAAC;AAAA,wBACjCb,IAAeL,EAAM,OAAOK,CAAY,IAAI,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKjEH,CAAU;AAAA,eACXA,CAAU;AAAA;AAAA,0BAGjBD,IAAcD,EAAM,OAAOC,CAAW,IAAID,EAAM,OAAOkB,CAAmB,CAC5E;AAAA,QACEE,EAAc;AAAA,IACd,UAAUb;AAAA,IACV,mBAAmBJ;AAAA,IACnB,mBAAmBC;AAAA,IACnB,WAAWF;AAAA,EAAA,CACZ,CAAC;AAAA;AAAA;AAAA,MAGFmB,EAAgB;AAAA,IAChB,UAAUd;AAAA,IACV,WAAWL;AAAA,IACX,oBAAoBO;AAAA,IAEpB,qBAAqBE;AAAA,IACrB,qBAAqBC;AAAA,EAAA,CACtB,CAAC;AAAA;AAAA,MAEAU,EAAehB,CAAW,CAAC;AAAA;AAEjC,CAAC;"}

package/dist/features/ui/arrow-tooltip/arrow-tooltip-util.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-tooltip-util.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip-util.ts"],"sourcesContent":["import type {\n  ITooltipPositionProps,\n  TArrowPositionProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\ntype TComputeTooltipNewCoOrdinates = (\n  position: string,\n  boundingClientRect: DOMRect,\n) => TTooltipCoOrdinatesProps;\n\nconst computeTooltipNewCoOrdinates: TComputeTooltipNewCoOrdinates = (\n  position,\n  boundingClientRect,\n) => {\n  let newCoordinates = {};\n  const { top, left, right, bottom, width, height } = boundingClientRect;\n\n  if (['top', 'top-right', 'top-left'].includes(position)) {\n    newCoordinates = {\n      top: top,\n      left: left + width / 2,\n    };\n  } else if (position === 'bottom') {\n    newCoordinates = {\n      bottom: bottom,\n      left: left + width / 2,\n    };\n  } else if (position === 'left') {\n    newCoordinates = {\n      top: top + height / 2,\n      left: left,\n    };\n  } else if (position === 'right') {\n    newCoordinates = {\n      top: top + height / 2,\n      right: right,\n    };\n  }\n\n  return newCoordinates;\n};\n\nconst arrowPosition: TArrowPositionProps = ({\n  position,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  arrowSize,\n}) => {\n  switch (position) {\n    case 'top':\n      return `\n        bottom: 0;\n        left: 50%;\n        transform: translate(calc(-50% + ${arrowXCoOrdinates || 0}px),50%) rotate(-45deg);\n      `;\n\n    case 'top-right':\n      return `\n          bottom: 0;\n          left: ${arrowSize}%;\n          transform: translate(calc(-50% + ${arrowXCoOrdinates || 0}px),50%) rotate(-45deg);\n        `;\n\n    case 'top-left':\n      return `\n          bottom: 0;\n          left: ${100 - arrowSize}%;\n          transform: translate(calc(-50% + ${arrowXCoOrdinates || 0}px),50%) rotate(-45deg);\n        `;\n\n    case 'bottom':\n      return `\n        top: 0;\n        left: 50%;\n        transform: translate(calc(-50% + ${arrowXCoOrdinates || 0}px),-50%) rotate(135deg);\n      `;\n\n    case 'right':\n      return `\n        top: 50%;\n        left: 0;\n        transform: translate(-50%,calc(-50% + ${arrowYCoOrdinates || 0}px)) rotate(45deg);\n      `;\n\n    case 'left':\n      return `\n        top: 50%;\n        right: 0;\n        transform: translate(50%,calc(-50% + ${arrowYCoOrdinates || 0}px)) rotate(225deg);\n      `;\n\n    default:\n      return ``;\n  }\n};\n\nconst tooltipPosition = ({\n  position,\n  arrowSize,\n  tooltipCoOrdinates,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n}: ITooltipPositionProps) => {\n  const { left, top, right, bottom } = tooltipCoOrdinates || {};\n\n  switch (position) {\n    case 'top':\n      return `\n          top: ${top}px;\n          left: ${left}px;\n          transform: translate(calc(-50% + ${tooltipXCoOrdinates || 0}px), calc(-100% - ${\n            tooltipYCoOrdinates || arrowSize\n          }px));\n        `;\n\n    case 'top-right':\n      return `\n          top: ${top}px;\n          left: ${left}px;\n          transform: translate(calc(-${arrowSize}% + ${tooltipXCoOrdinates || 0}px), calc(-100% - ${\n            tooltipYCoOrdinates || arrowSize\n          }px));\n        `;\n\n    case 'top-left':\n      return `\n          top: ${top}px;\n          left: ${left}px;\n          transform: translate(calc(-${100 - arrowSize}% + ${\n            tooltipXCoOrdinates || 0\n          }px), calc(-100% - ${tooltipYCoOrdinates || arrowSize}px));\n        `;\n\n    case 'right':\n      return `\n          top: ${top}px;\n          left: ${right}px;\n          transform: translate(${tooltipXCoOrdinates || arrowSize}px, calc(-50% + ${\n            tooltipYCoOrdinates || 0\n          }px));\n        `;\n\n    case 'bottom':\n      return `\n          top: ${bottom}px;\n          left: ${left}px;\n          transform: translate(calc(-50% + ${tooltipXCoOrdinates || 0}px), ${\n            tooltipYCoOrdinates || arrowSize\n          }px);\n        `;\n\n    case 'left':\n      return `\n          top: ${top}px;\n          left: ${left}px;\n          transform: translate(calc(-100% - ${tooltipXCoOrdinates || arrowSize}px), calc(-50% + ${\n            tooltipYCoOrdinates || 0\n          }px));\n        `;\n    default:\n      return ``;\n  }\n};\n\nconst animateToolTip = (animation?: boolean) => {\n  switch (animation) {\n    case true:\n      return `\n        opacity: 0;\n        animation: fadeIn 0.5s ease-in-out 500ms forwards;\n\n        @keyframes fadeIn {\n          from { opacity: 0; }\n          to { opacity: 1; }\n        }\n      `;\n    default:\n      return '';\n  }\n};\n\nexport { computeTooltipNewCoOrdinates, arrowPosition, tooltipPosition, animateToolTip };\n"],"names":["computeTooltipNewCoOrdinates","position","boundingClientRect","newCoordinates","top","left","right","bottom","width","height","arrowPosition","arrowXCoOrdinates","arrowYCoOrdinates","arrowSize","tooltipPosition","tooltipCoOrdinates","tooltipXCoOrdinates","tooltipYCoOrdinates","animateToolTip","animation"],"mappings":"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"}
+{"version":3,"file":"arrow-tooltip-util.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip-util.ts"],"sourcesContent":["import type {\n  ITooltipPositionProps,\n  TArrowPositionProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\ntype TComputeTooltipNewCoOrdinates = (\n  position: string,\n  boundingClientRect: DOMRect,\n) => TTooltipCoOrdinatesProps;\n\nconst computeTooltipNewCoOrdinates: TComputeTooltipNewCoOrdinates = (\n  position,\n  boundingClientRect,\n) => {\n  let newCoordinates = {};\n  const { top, left, right, bottom, width, height } = boundingClientRect;\n\n  if (['top', 'top-right', 'top-left'].includes(position)) {\n    newCoordinates = {\n      top: top,\n      left: left + width / 2,\n    };\n  } else if (position === 'bottom') {\n    newCoordinates = {\n      bottom: bottom,\n      left: left + width / 2,\n    };\n  } else if (position === 'left') {\n    newCoordinates = {\n      top: top + height / 2,\n      left: left,\n    };\n  } else if (position === 'right') {\n    newCoordinates = {\n      top: top + height / 2,\n      right: right,\n    };\n  }\n\n  return newCoordinates;\n};\n\nconst arrowPosition: TArrowPositionProps = ({\n  position,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  arrowSize,\n}) => {\n  switch (position) {\n    case 'top':\n      return `\n        bottom: 0;\n        left: 50%;\n        transform: translate(calc(-50% + ${arrowXCoOrdinates || 0}px),50%) rotate(-45deg);\n      `;\n\n    case 'top-right':\n      return `\n          bottom: 0;\n          left: ${arrowSize}%;\n          transform: translate(calc(-50% + ${arrowXCoOrdinates || 0}px),50%) rotate(-45deg);\n        `;\n\n    case 'top-left':\n      return `\n          bottom: 0;\n          left: ${100 - arrowSize}%;\n          transform: translate(calc(-50% + ${arrowXCoOrdinates || 0}px),50%) rotate(-45deg);\n        `;\n\n    case 'bottom':\n      return `\n        top: 0;\n        left: 50%;\n        transform: translate(calc(-50% + ${arrowXCoOrdinates || 0}px),-50%) rotate(135deg);\n      `;\n\n    case 'right':\n      return `\n        top: 50%;\n        left: 0;\n        transform: translate(-50%,calc(-50% + ${arrowYCoOrdinates || 0}px)) rotate(45deg);\n      `;\n\n    case 'left':\n      return `\n        top: 50%;\n        right: 0;\n        transform: translate(50%,calc(-50% + ${arrowYCoOrdinates || 0}px)) rotate(225deg);\n      `;\n\n    default:\n      return ``;\n  }\n};\n\nconst tooltipPosition = ({\n  position,\n  arrowSize,\n  tooltipCoOrdinates,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n}: ITooltipPositionProps) => {\n  const { left, top, right, bottom } = tooltipCoOrdinates || {};\n\n  switch (position) {\n    case 'top':\n      return `\n          top: ${top}px;\n          left: ${left}px;\n          transform: translate(calc(-50% + ${tooltipXCoOrdinates || 0}px), calc(-100% - ${\n            tooltipYCoOrdinates || arrowSize\n          }px));\n        `;\n\n    case 'top-right':\n      return `\n          top: ${top}px;\n          left: ${left}px;\n          transform: translate(calc(-${arrowSize}% + ${tooltipXCoOrdinates || 0}px), calc(-100% - ${\n            tooltipYCoOrdinates || arrowSize\n          }px));\n        `;\n\n    case 'top-left':\n      return `\n          top: ${top}px;\n          left: ${left}px;\n          transform: translate(calc(-${100 - arrowSize}% + ${\n            tooltipXCoOrdinates || 0\n          }px), calc(-100% - ${tooltipYCoOrdinates || arrowSize}px));\n        `;\n\n    case 'right':\n      return `\n          top: ${top}px;\n          left: ${right}px;\n          transform: translate(${tooltipXCoOrdinates || arrowSize}px, calc(-50% + ${\n            tooltipYCoOrdinates || 0\n          }px));\n        `;\n\n    case 'bottom':\n      return `\n          top: ${bottom}px;\n          left: ${left}px;\n          transform: translate(calc(-50% + ${tooltipXCoOrdinates || 0}px), ${\n            tooltipYCoOrdinates || arrowSize\n          }px);\n        `;\n\n    case 'left':\n      return `\n          top: ${top}px;\n          left: ${left}px;\n          transform: translate(calc(-100% - ${tooltipXCoOrdinates || arrowSize}px), calc(-50% + ${\n            tooltipYCoOrdinates || 0\n          }px));\n        `;\n    default:\n      return ``;\n  }\n};\n\nconst animateToolTip = (animation?: boolean) => {\n  switch (animation) {\n    case true:\n      return `\n        opacity: 0;\n        animation: fadeIn 0.5s ease-in-out 500ms forwards;\n\n        @keyframes fadeIn {\n          from { opacity: 0; }\n          to { opacity: 1; }\n        }\n      `;\n    default:\n      return '';\n  }\n};\n\nexport { computeTooltipNewCoOrdinates, arrowPosition, tooltipPosition, animateToolTip };\n"],"names":["computeTooltipNewCoOrdinates","position","boundingClientRect","newCoordinates","top","left","right","bottom","width","height","arrowPosition","arrowXCoOrdinates","arrowYCoOrdinates","arrowSize","tooltipPosition","tooltipCoOrdinates","tooltipXCoOrdinates","tooltipYCoOrdinates","animateToolTip","animation"],"mappings":"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"}

package/dist/features/ui/arrow-tooltip/arrow-tooltip.js

@@ -7,7 +7,7 @@ import P from "../portal/portal.js";
 import V from "../text/text.js";
 import { TooltipBody as Z } from "./arrow-tooltip-styled.js";
 import { computeTooltipNewCoOrdinates as q } from "./arrow-tooltip-util.js";
-const y = 8, G = 100, J = ({
+const y = 8, G = 100, lo = ({
   isAnimated: O,
   alwaysVisible: o = !1,
   arrowColor: T,
@@ -20,42 +20,42 @@ const y = 8, G = 100, J = ({
   hidden: t,
   position: c,
   renderAs: i,
-  textVariant: A,
+  textVariant: E,
   tooltipItem: l,
-  tooltipOffset: E,
+  tooltipOffset: A,
   tooltipXCoOrdinates: N,
   tooltipYCoOrdinates: k,
   width: F,
   widthX: L,
   zIndex: M
 }) => {
-  const { arrowTooltip: S } = H(), { tooltipVariants: a } = S, { backgroundColorName: X } = a[i], u = W(null), [_, p] = m(o), [j, v] = m(
+  const { arrowTooltip: S } = H(), { tooltipVariants: a } = S, { backgroundColorName: X } = a[i], u = W(null), [_, d] = m(o), [j, v] = m(
     null
   ), s = $(
     (e, n) => {
-      v(e), p(n);
+      v(e), d(n);
     },
     []
   ), z = $(() => {
     if (t || o)
       return null;
     s(null, !1);
-  }, [o, s, t]), d = U(() => {
-    var f;
+  }, [o, s, t]), f = U(() => {
+    var p;
     const { current: e } = u;
     if (t || !e) return null;
-    const n = (f = e.children[0]) == null ? void 0 : f.getBoundingClientRect(), B = n ? q(c, n) : null;
+    const n = (p = e.children[0]) == null ? void 0 : p.getBoundingClientRect(), B = n ? q(c, n) : null;
     return s(B, !0), null;
   }, G);
   return Y(() => {
-    t && p(!1), o && d();
+    t && d(!1), o && f();
   }, [o, t]), /* @__PURE__ */ D(I, { children: [
     /* @__PURE__ */ r(
       C,
       {
         $width: "fit-content",
         ref: u,
-        onMouseEnter: d,
+        onMouseEnter: f,
         onMouseLeave: z,
         children: /* @__PURE__ */ r(C, { children: x })
       }
@@ -69,7 +69,7 @@ const y = 8, G = 100, J = ({
         $position: c,
         $renderAs: i,
         $tooltipCoOrdinates: j,
-        $tooltipOffset: E,
+        $tooltipOffset: A,
         $tooltipXCoOrdinates: N,
         $tooltipYCoOrdinates: k,
         $width: F,
@@ -83,7 +83,7 @@ const y = 8, G = 100, J = ({
         children: typeof l == "string" ? /* @__PURE__ */ r(
           V,
           {
-            $renderAs: A || "body3",
+            $renderAs: E || "body3",
             $color: a[i].textColorName,
             $align: "center",
             children: l
@@ -92,8 +92,8 @@ const y = 8, G = 100, J = ({
       }
     ) })
   ] });
-}, so = J;
+};
 export {
-  so as default
+  lo as default
 };
 //# sourceMappingURL=arrow-tooltip.js.map

package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width=\"fit-content\"\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text","ArrowTooltip$1"],"mappings":"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"}
+{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width=\"fit-content\"\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text"],"mappings":"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"}

package/dist/features/ui/avatar/avatar-types.js

@@ -1,9 +1,9 @@
-import { BaseMapping as a, HairMapping as p, EyeMapping as r, MouthMapping as e } from "./avatar-mapping.js";
+import { MouthMapping as a, EyeMapping as p, HairMapping as r, BaseMapping as e } from "./avatar-mapping.js";
 const M = {
-  "layer-1": a,
-  "layer-2": p,
-  "layer-3": r,
-  "layer-4": e
+  "layer-1": e,
+  "layer-2": r,
+  "layer-3": p,
+  "layer-4": a
 };
 export {
   M as AVATAR_LAYER_MAPPING

package/dist/features/ui/avatar/avatar.js

@@ -1,7 +1,7 @@
-import { jsx as t } from "react/jsx-runtime";
-import { AvatarWrapper as y, LayerWrapper as s } from "./avatar-styled.js";
-import { AVATAR_LAYER_MAPPING as A } from "./avatar-types.js";
-const m = [
+import { jsx as e } from "react/jsx-runtime";
+import { AvatarWrapper as c, LayerWrapper as s } from "./avatar-styled.js";
+import { AVATAR_LAYER_MAPPING as m } from "./avatar-types.js";
+const u = [
   {
     key: "layer-1",
     variant: 1,
@@ -16,17 +16,17 @@ const m = [
     key: "layer-4",
     variant: 1
   }
-], u = ({ size: l = 24, avatar: r }) => {
-  const i = r && r.length > 0 ? r : m;
-  return /* @__PURE__ */ t(y, { size: l, children: i.map((p) => {
-    const { key: e, variant: n, color: c } = p, a = A[e];
+], L = ({ size: l = 24, avatar: r }) => {
+  const i = r && r.length > 0 ? r : u;
+  return /* @__PURE__ */ e(c, { size: l, children: i.map((p) => {
+    const { key: t, variant: n, color: y } = p, a = m[t];
     if (!a || !a[n])
       return null;
     const o = a[n];
-    return o ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(o, { color: c }) }, e) : null;
+    return o ? /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(o, { color: y }) }, t) : null;
   }) });
-}, d = u;
+};
 export {
-  d as default
+  L as default
 };
 //# sourceMappingURL=avatar.js.map

package/dist/features/ui/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../../src/features/ui/avatar/avatar.tsx"],"sourcesContent":["import type { TLayerKey, IAvatarProps } from './avatar-types';\nimport type { FC } from 'react';\n\nimport * as Styled from './avatar-styled';\nimport { AVATAR_LAYER_MAPPING } from './avatar-types';\n\nconst defaultAvatar = [\n  {\n    key: 'layer-1',\n    variant: 1,\n    color: '#CCC', // default color\n  },\n  {\n    key: 'layer-3',\n    variant: 1,\n  },\n  {\n    key: 'layer-4',\n    variant: 1,\n  },\n];\n\nconst Avatar: FC<IAvatarProps> = ({ size = 24, avatar }) => {\n  const avatarLayers = avatar && avatar.length > 0 ? avatar : defaultAvatar;\n\n  return (\n    <Styled.AvatarWrapper size={size}>\n      {avatarLayers.map(layer => {\n        const { key, variant, color } = layer;\n        const LayerMapping = AVATAR_LAYER_MAPPING[key as TLayerKey];\n\n        if (!LayerMapping || !LayerMapping[variant]) {\n          return null;\n        }\n\n        const LayerComponent = LayerMapping[variant];\n\n        if (!LayerComponent) {\n          return null;\n        }\n\n        return (\n          <Styled.LayerWrapper key={key}>\n            <LayerComponent color={color} />\n          </Styled.LayerWrapper>\n        );\n      })}\n    </Styled.AvatarWrapper>\n  );\n};\n\nexport default Avatar;\n"],"names":["defaultAvatar","Avatar","size","avatar","avatarLayers","Styled.AvatarWrapper","layer","key","variant","color","LayerMapping","AVATAR_LAYER_MAPPING","LayerComponent","jsx","Styled.LayerWrapper","Avatar$1"],"mappings":";;;AAMA,MAAMA,IAAgB;AAAA,EACpB;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA;AAAA,EACT;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,EACX;AACF,GAEMC,IAA2B,CAAC,EAAE,MAAAC,IAAO,IAAI,QAAAC,QAAa;AAC1D,QAAMC,IAAeD,KAAUA,EAAO,SAAS,IAAIA,IAASH;AAE5D,2BACGK,GAAA,EAAqB,MAAAH,GACnB,UAAAE,EAAa,IAAI,CAASE,MAAA;AACzB,UAAM,EAAE,KAAAC,GAAK,SAAAC,GAAS,OAAAC,EAAA,IAAUH,GAC1BI,IAAeC,EAAqBJ,CAAgB;AAE1D,QAAI,CAACG,KAAgB,CAACA,EAAaF,CAAO;AACjC,aAAA;AAGH,UAAAI,IAAiBF,EAAaF,CAAO;AAE3C,WAAKI,IAKH,gBAAAC,EAACC,GAAA,EACC,4BAACF,GAAe,EAAA,OAAAH,EAAc,CAAA,KADNF,CAE1B,IANO;AAAA,EAQV,CAAA,EACH,CAAA;AAEJ,GAEAQ,IAAed;"}
+{"version":3,"file":"avatar.js","sources":["../../../../src/features/ui/avatar/avatar.tsx"],"sourcesContent":["import type { TLayerKey, IAvatarProps } from './avatar-types';\nimport type { FC } from 'react';\n\nimport * as Styled from './avatar-styled';\nimport { AVATAR_LAYER_MAPPING } from './avatar-types';\n\nconst defaultAvatar = [\n  {\n    key: 'layer-1',\n    variant: 1,\n    color: '#CCC', // default color\n  },\n  {\n    key: 'layer-3',\n    variant: 1,\n  },\n  {\n    key: 'layer-4',\n    variant: 1,\n  },\n];\n\nconst Avatar: FC<IAvatarProps> = ({ size = 24, avatar }) => {\n  const avatarLayers = avatar && avatar.length > 0 ? avatar : defaultAvatar;\n\n  return (\n    <Styled.AvatarWrapper size={size}>\n      {avatarLayers.map(layer => {\n        const { key, variant, color } = layer;\n        const LayerMapping = AVATAR_LAYER_MAPPING[key as TLayerKey];\n\n        if (!LayerMapping || !LayerMapping[variant]) {\n          return null;\n        }\n\n        const LayerComponent = LayerMapping[variant];\n\n        if (!LayerComponent) {\n          return null;\n        }\n\n        return (\n          <Styled.LayerWrapper key={key}>\n            <LayerComponent color={color} />\n          </Styled.LayerWrapper>\n        );\n      })}\n    </Styled.AvatarWrapper>\n  );\n};\n\nexport default Avatar;\n"],"names":["defaultAvatar","Avatar","size","avatar","avatarLayers","Styled.AvatarWrapper","layer","key","variant","color","LayerMapping","AVATAR_LAYER_MAPPING","LayerComponent","jsx","Styled.LayerWrapper"],"mappings":";;;AAMA,MAAMA,IAAgB;AAAA,EACpB;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA;AAAA,EACT;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAEb,GAEMC,IAA2B,CAAC,EAAE,MAAAC,IAAO,IAAI,QAAAC,QAAa;AAC1D,QAAMC,IAAeD,KAAUA,EAAO,SAAS,IAAIA,IAASH;AAE5D,2BACGK,GAAA,EAAqB,MAAAH,GACnB,UAAAE,EAAa,IAAI,CAASE,MAAA;AACzB,UAAM,EAAE,KAAAC,GAAK,SAAAC,GAAS,OAAAC,EAAU,IAAAH,GAC1BI,IAAeC,EAAqBJ,CAAgB;AAE1D,QAAI,CAACG,KAAgB,CAACA,EAAaF,CAAO;AACjC,aAAA;AAGH,UAAAI,IAAiBF,EAAaF,CAAO;AAE3C,WAAKI,IAKH,gBAAAC,EAACC,GAAA,EACC,4BAACF,GAAe,EAAA,OAAAH,EAAA,CAAc,KADNF,CAE1B,IANO;AAAA,EAQV,CAAA,GACH;AAEJ;"}

package/dist/features/ui/avatar/layers/base/variant-1.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-1.js","sources":["../../../../../../src/features/ui/avatar/layers/base/variant-1.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant1: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <g clipPath=\"url(#clip0_647_30455)\">\n        <circle cx=\"50\" cy=\"50\" r=\"49\" fill={color} stroke=\"#0D0D0D\" strokeWidth=\"2\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_647_30455\">\n          <rect width=\"100\" height=\"100\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n\nexport default Variant1;\n"],"names":["Variant1","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAE,UAAS,yBACV,UAAC,gBAAAA,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAMH,GAAO,QAAO,WAAU,aAAY,IAAI,CAAA,GAC/E;AAAA,MACC,gBAAAG,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,YAAA,EAAS,IAAG,mBACX,UAAA,gBAAAA,EAAC,QAAK,EAAA,OAAM,OAAM,QAAO,OAAM,MAAK,QAAA,CAAQ,EAC9C,CAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-1.js","sources":["../../../../../../src/features/ui/avatar/layers/base/variant-1.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant1: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <g clipPath=\"url(#clip0_647_30455)\">\n        <circle cx=\"50\" cy=\"50\" r=\"49\" fill={color} stroke=\"#0D0D0D\" strokeWidth=\"2\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_647_30455\">\n          <rect width=\"100\" height=\"100\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n\nexport default Variant1;\n"],"names":["Variant1","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAE,UAAS,yBACV,UAAC,gBAAAA,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAMH,GAAO,QAAO,WAAU,aAAY,IAAI,CAAA,GAC/E;AAAA,MACC,gBAAAG,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,YAAA,EAAS,IAAG,mBACX,UAAA,gBAAAA,EAAC,QAAK,EAAA,OAAM,OAAM,QAAO,OAAM,MAAK,SAAQ,GAC9C,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/features/ui/avatar/layers/eyes/variant-1.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-1.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-1.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant1: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M44.6684 47.9937C44.6684 41.9185 40.0416 36.9937 34.3342 36.9937C28.6268 36.9937 24 41.9185 24 47.9937M75 47.9937C75 41.9185 70.3732 36.9937 64.6658 36.9937C58.9584 36.9937 54.3316 41.9185 54.3316 47.9937\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant1;\n"],"names":["Variant1","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-1.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-1.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant1: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M44.6684 47.9937C44.6684 41.9185 40.0416 36.9937 34.3342 36.9937C28.6268 36.9937 24 41.9185 24 47.9937M75 47.9937C75 41.9185 70.3732 36.9937 64.6658 36.9937C58.9584 36.9937 54.3316 41.9185 54.3316 47.9937\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant1;\n"],"names":["Variant1","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd;AACF;"}

package/dist/features/ui/avatar/layers/eyes/variant-10.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-10.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-10.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant10: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M25 38.2134C25 43.1839 29.0294 47.2134 34 47.2134C38.9706 47.2134 43 43.1839 43 38.2134C43 33.2428 38.9706 29.2134 34 29.2134C29.0294 29.2134 25 33.2428 25 38.2134Z\"\n        fill=\"white\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"34\" cy=\"38.2134\" r=\"4\" fill=\"black\" />\n      <path\n        d=\"M57 38.2134C57 43.1839 61.0294 47.2134 66 47.2134C70.9706 47.2134 75 43.1839 75 38.2134C75 33.2428 70.9706 29.2134 66 29.2134C61.0294 29.2134 57 33.2428 57 38.2134Z\"\n        fill=\"white\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"66\" cy=\"38.2134\" r=\"4\" fill=\"black\" />\n      <path\n        d=\"M42 6H46.3728L50.5246 12.0943L54.7009 6H59L52.6864 15L59 24H54.6026L50.5 17.9571L46.3974 24H42.0983L48.289 15L42 6Z\"\n        fill=\"white\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant10;\n"],"names":["Variant10","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,MAAK,IAAG,WAAU,GAAE,KAAI,MAAK,QAAQ,CAAA;AAAA,MAChD,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,MAAK,IAAG,WAAU,GAAE,KAAI,MAAK,QAAQ,CAAA;AAAA,MAChD,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-10.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-10.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant10: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M25 38.2134C25 43.1839 29.0294 47.2134 34 47.2134C38.9706 47.2134 43 43.1839 43 38.2134C43 33.2428 38.9706 29.2134 34 29.2134C29.0294 29.2134 25 33.2428 25 38.2134Z\"\n        fill=\"white\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"34\" cy=\"38.2134\" r=\"4\" fill=\"black\" />\n      <path\n        d=\"M57 38.2134C57 43.1839 61.0294 47.2134 66 47.2134C70.9706 47.2134 75 43.1839 75 38.2134C75 33.2428 70.9706 29.2134 66 29.2134C61.0294 29.2134 57 33.2428 57 38.2134Z\"\n        fill=\"white\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"66\" cy=\"38.2134\" r=\"4\" fill=\"black\" />\n      <path\n        d=\"M42 6H46.3728L50.5246 12.0943L54.7009 6H59L52.6864 15L59 24H54.6026L50.5 17.9571L46.3974 24H42.0983L48.289 15L42 6Z\"\n        fill=\"white\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant10;\n"],"names":["Variant10","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,MAAK,IAAG,WAAU,GAAE,KAAI,MAAK,QAAQ,CAAA;AAAA,MAChD,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,MAAK,IAAG,WAAU,GAAE,KAAI,MAAK,QAAQ,CAAA;AAAA,MAChD,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}

package/dist/features/ui/avatar/layers/eyes/variant-11.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-11.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-11.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant11: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M84 31C84 39.8366 76.8366 47 68 47C59.1634 47 52 39.8366 52 31C52 22.1634 59.1634 15 68 15C76.8366 15 84 22.1634 84 31Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M73.6216 25.3784C73.6216 28.4831 71.1047 31 68 31C64.8953 31 62.3784 28.4831 62.3784 25.3784C62.3784 22.2736 64.8953 19.7568 68 19.7568C71.1047 19.7568 73.6216 22.2736 73.6216 25.3784Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M84 31C84 39.8366 76.8366 47 68 47C59.1634 47 52 39.8366 52 31C52 22.1634 59.1634 15 68 15C76.8366 15 84 22.1634 84 31Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M73.6216 25.3784C73.6216 28.4831 71.1047 31 68 31C64.8953 31 62.3784 28.4831 62.3784 25.3784C62.3784 22.2736 64.8953 19.7568 68 19.7568C71.1047 19.7568 73.6216 22.2736 73.6216 25.3784Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M48 31C48 39.8366 40.8366 47 32 47C23.1634 47 16 39.8366 16 31C16 22.1634 23.1634 15 32 15C40.8366 15 48 22.1634 48 31Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M37.6216 25.3784C37.6216 28.4831 35.1047 31 32 31C28.8953 31 26.3784 28.4831 26.3784 25.3784C26.3784 22.2736 28.8953 19.7568 32 19.7568C35.1047 19.7568 37.6216 22.2736 37.6216 25.3784Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M48 31C48 39.8366 40.8366 47 32 47C23.1634 47 16 39.8366 16 31C16 22.1634 23.1634 15 32 15C40.8366 15 48 22.1634 48 31Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M37.6216 25.3784C37.6216 28.4831 35.1047 31 32 31C28.8953 31 26.3784 28.4831 26.3784 25.3784C26.3784 22.2736 28.8953 19.7568 32 19.7568C35.1047 19.7568 37.6216 22.2736 37.6216 25.3784Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant11;\n"],"names":["Variant11","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-11.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-11.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant11: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M84 31C84 39.8366 76.8366 47 68 47C59.1634 47 52 39.8366 52 31C52 22.1634 59.1634 15 68 15C76.8366 15 84 22.1634 84 31Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M73.6216 25.3784C73.6216 28.4831 71.1047 31 68 31C64.8953 31 62.3784 28.4831 62.3784 25.3784C62.3784 22.2736 64.8953 19.7568 68 19.7568C71.1047 19.7568 73.6216 22.2736 73.6216 25.3784Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M84 31C84 39.8366 76.8366 47 68 47C59.1634 47 52 39.8366 52 31C52 22.1634 59.1634 15 68 15C76.8366 15 84 22.1634 84 31Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M73.6216 25.3784C73.6216 28.4831 71.1047 31 68 31C64.8953 31 62.3784 28.4831 62.3784 25.3784C62.3784 22.2736 64.8953 19.7568 68 19.7568C71.1047 19.7568 73.6216 22.2736 73.6216 25.3784Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M48 31C48 39.8366 40.8366 47 32 47C23.1634 47 16 39.8366 16 31C16 22.1634 23.1634 15 32 15C40.8366 15 48 22.1634 48 31Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M37.6216 25.3784C37.6216 28.4831 35.1047 31 32 31C28.8953 31 26.3784 28.4831 26.3784 25.3784C26.3784 22.2736 28.8953 19.7568 32 19.7568C35.1047 19.7568 37.6216 22.2736 37.6216 25.3784Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M48 31C48 39.8366 40.8366 47 32 47C23.1634 47 16 39.8366 16 31C16 22.1634 23.1634 15 32 15C40.8366 15 48 22.1634 48 31Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M37.6216 25.3784C37.6216 28.4831 35.1047 31 32 31C28.8953 31 26.3784 28.4831 26.3784 25.3784C26.3784 22.2736 28.8953 19.7568 32 19.7568C35.1047 19.7568 37.6216 22.2736 37.6216 25.3784Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant11;\n"],"names":["Variant11","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}

package/dist/features/ui/avatar/layers/eyes/variant-12.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-12.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-12.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant12: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M44 38C44 42.9706 39.9706 47 35 47C30.0294 47 26 42.9706 26 38C26 33.0294 30.0294 29 35 29C39.9706 29 44 33.0294 44 38Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M75 38C75 42.9706 70.9706 47 66 47C61.0294 47 57 42.9706 57 38C57 33.0294 61.0294 29 66 29C70.9706 29 75 33.0294 75 38Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M44 38C44 42.9706 39.9706 47 35 47C30.0294 47 26 42.9706 26 38C26 33.0294 30.0294 29 35 29C39.9706 29 44 33.0294 44 38Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M75 38C75 42.9706 70.9706 47 66 47C61.0294 47 57 42.9706 57 38C57 33.0294 61.0294 29 66 29C70.9706 29 75 33.0294 75 38Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path d=\"M17 29H83\" stroke=\"black\" strokeWidth=\"4\" />\n    </svg>\n  );\n};\n\nexport default Variant12;\n"],"names":["Variant12","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,wBACC,QAAK,EAAA,GAAE,aAAY,QAAO,SAAQ,aAAY,KAAI;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-12.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-12.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant12: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M44 38C44 42.9706 39.9706 47 35 47C30.0294 47 26 42.9706 26 38C26 33.0294 30.0294 29 35 29C39.9706 29 44 33.0294 44 38Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M75 38C75 42.9706 70.9706 47 66 47C61.0294 47 57 42.9706 57 38C57 33.0294 61.0294 29 66 29C70.9706 29 75 33.0294 75 38Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M44 38C44 42.9706 39.9706 47 35 47C30.0294 47 26 42.9706 26 38C26 33.0294 30.0294 29 35 29C39.9706 29 44 33.0294 44 38Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M75 38C75 42.9706 70.9706 47 66 47C61.0294 47 57 42.9706 57 38C57 33.0294 61.0294 29 66 29C70.9706 29 75 33.0294 75 38Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path d=\"M17 29H83\" stroke=\"black\" strokeWidth=\"4\" />\n    </svg>\n  );\n};\n\nexport default Variant12;\n"],"names":["Variant12","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,wBACC,QAAK,EAAA,GAAE,aAAY,QAAO,SAAQ,aAAY,IAAI,CAAA;AAAA,IAAA;AAAA,EAAA;AACrD;"}

package/dist/features/ui/avatar/layers/eyes/variant-13.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-13.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-13.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant13: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M31 39.7143C36.3651 39.7143 40.7143 35.3651 40.7143 30H21.2857C21.2857 35.3651 25.6349 39.7143 31 39.7143Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M31 47C40.3888 47 48 39.3888 48 30H40.7143C40.7143 35.3651 36.3651 39.7143 31 39.7143C25.6349 39.7143 21.2857 35.3651 21.2857 30H14C14 39.3888 21.6112 47 31 47Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M40.7143 30C40.7143 35.3651 36.3651 39.7143 31 39.7143C25.6349 39.7143 21.2857 35.3651 21.2857 30M40.7143 30H21.2857M40.7143 30H48C48 39.3888 40.3888 47 31 47C21.6112 47 14 39.3888 14 30H21.2857\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M69 39.7143C74.3651 39.7143 78.7143 35.3651 78.7143 30H59.2857C59.2857 35.3651 63.6349 39.7143 69 39.7143Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M69 47C78.3888 47 86 39.3888 86 30H78.7143C78.7143 35.3651 74.3651 39.7143 69 39.7143C63.6349 39.7143 59.2857 35.3651 59.2857 30H52C52 39.3888 59.6112 47 69 47Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M78.7143 30C78.7143 35.3651 74.3651 39.7143 69 39.7143C63.6349 39.7143 59.2857 35.3651 59.2857 30M78.7143 30H59.2857M78.7143 30H86C86 39.3888 78.3888 47 69 47C59.6112 47 52 39.3888 52 30H59.2857\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant13;\n"],"names":["Variant13","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-13.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-13.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant13: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M31 39.7143C36.3651 39.7143 40.7143 35.3651 40.7143 30H21.2857C21.2857 35.3651 25.6349 39.7143 31 39.7143Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M31 47C40.3888 47 48 39.3888 48 30H40.7143C40.7143 35.3651 36.3651 39.7143 31 39.7143C25.6349 39.7143 21.2857 35.3651 21.2857 30H14C14 39.3888 21.6112 47 31 47Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M40.7143 30C40.7143 35.3651 36.3651 39.7143 31 39.7143C25.6349 39.7143 21.2857 35.3651 21.2857 30M40.7143 30H21.2857M40.7143 30H48C48 39.3888 40.3888 47 31 47C21.6112 47 14 39.3888 14 30H21.2857\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M69 39.7143C74.3651 39.7143 78.7143 35.3651 78.7143 30H59.2857C59.2857 35.3651 63.6349 39.7143 69 39.7143Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M69 47C78.3888 47 86 39.3888 86 30H78.7143C78.7143 35.3651 74.3651 39.7143 69 39.7143C63.6349 39.7143 59.2857 35.3651 59.2857 30H52C52 39.3888 59.6112 47 69 47Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M78.7143 30C78.7143 35.3651 74.3651 39.7143 69 39.7143C63.6349 39.7143 59.2857 35.3651 59.2857 30M78.7143 30H59.2857M78.7143 30H86C86 39.3888 78.3888 47 69 47C59.6112 47 52 39.3888 52 30H59.2857\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant13;\n"],"names":["Variant13","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}

package/dist/features/ui/avatar/layers/eyes/variant-14.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-14.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-14.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant14: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M50 28.5C50 38.9934 58.5066 47.5 69 47.5C79.4934 47.5 88 38.9934 88 28.5C88 18.0066 79.4934 9.5 69 9.5C58.5066 9.5 50 18.0066 50 28.5Z\"\n        fill=\"white\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"69.0001\" cy=\"28.5001\" r=\"8.44444\" fill=\"black\" />\n      <path\n        d=\"M12 28.5C12 38.9934 20.5066 47.5 31 47.5C41.4934 47.5 50 38.9934 50 28.5C50 18.0066 41.4934 9.5 31 9.5C20.5066 9.5 12 18.0066 12 28.5Z\"\n        fill=\"white\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"31.0001\" cy=\"28.5001\" r=\"8.44444\" fill=\"black\" />\n    </svg>\n  );\n};\n\nexport default Variant14;\n"],"names":["Variant14","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,WAAU,GAAE,WAAU,MAAK,QAAQ,CAAA;AAAA,MAC3D,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,WAAU,GAAE,WAAU,MAAK,QAAQ,CAAA;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-14.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-14.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant14: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M50 28.5C50 38.9934 58.5066 47.5 69 47.5C79.4934 47.5 88 38.9934 88 28.5C88 18.0066 79.4934 9.5 69 9.5C58.5066 9.5 50 18.0066 50 28.5Z\"\n        fill=\"white\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"69.0001\" cy=\"28.5001\" r=\"8.44444\" fill=\"black\" />\n      <path\n        d=\"M12 28.5C12 38.9934 20.5066 47.5 31 47.5C41.4934 47.5 50 38.9934 50 28.5C50 18.0066 41.4934 9.5 31 9.5C20.5066 9.5 12 18.0066 12 28.5Z\"\n        fill=\"white\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"31.0001\" cy=\"28.5001\" r=\"8.44444\" fill=\"black\" />\n    </svg>\n  );\n};\n\nexport default Variant14;\n"],"names":["Variant14","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,WAAU,GAAE,WAAU,MAAK,QAAQ,CAAA;AAAA,MAC3D,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,WAAU,GAAE,WAAU,MAAK,QAAQ,CAAA;AAAA,IAAA;AAAA,EAAA;AAC7D;"}

package/dist/features/ui/avatar/layers/eyes/variant-15.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-15.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-15.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant15: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <circle\n        cx=\"31.5491\"\n        cy=\"36.549\"\n        r=\"11.5\"\n        transform=\"rotate(-27.9548 31.5491 36.549)\"\n        fill=\"black\"\n      />\n      <circle\n        cx=\"68.5491\"\n        cy=\"36.549\"\n        r=\"11.5\"\n        transform=\"rotate(-27.9548 68.5491 36.549)\"\n        fill=\"black\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant15;\n"],"names":["Variant15","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,WAAU;AAAA,UACV,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,WAAU;AAAA,UACV,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-15.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-15.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant15: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <circle\n        cx=\"31.5491\"\n        cy=\"36.549\"\n        r=\"11.5\"\n        transform=\"rotate(-27.9548 31.5491 36.549)\"\n        fill=\"black\"\n      />\n      <circle\n        cx=\"68.5491\"\n        cy=\"36.549\"\n        r=\"11.5\"\n        transform=\"rotate(-27.9548 68.5491 36.549)\"\n        fill=\"black\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant15;\n"],"names":["Variant15","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,WAAU;AAAA,UACV,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,WAAU;AAAA,UACV,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}

package/dist/features/ui/avatar/layers/eyes/variant-16.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-16.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-16.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant16: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M39.2583 45.0167C45.4761 41.4268 47.6065 33.4761 44.0167 27.2583C40.4268 21.0405 32.4761 18.9101 26.2583 22.5C20.0405 26.0899 17.9101 34.0405 21.5 40.2583C25.0899 46.4761 33.0405 48.6065 39.2583 45.0167ZM26.2583 22.5C23.3886 24.1569 22.4053 27.8264 24.0622 30.6962C25.719 33.5659 29.3886 34.5492 32.2583 32.8923C35.1281 31.2355 36.1113 27.5659 34.4545 24.6962C32.7976 21.8264 29.1281 20.8431 26.2583 22.5Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M32.2583 32.8923C35.1281 31.2355 36.1113 27.5659 34.4545 24.6962C32.7976 21.8264 29.1281 20.8431 26.2583 22.5C23.3886 24.1569 22.4053 27.8264 24.0622 30.6962C25.719 33.5659 29.3886 34.5492 32.2583 32.8923Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M26.2583 22.5C20.0405 26.0899 17.9101 34.0405 21.5 40.2583C25.0899 46.4761 33.0405 48.6065 39.2583 45.0167C45.4761 41.4268 47.6065 33.4761 44.0167 27.2583C40.4268 21.0405 32.4761 18.9101 26.2583 22.5ZM26.2583 22.5C23.3886 24.1569 22.4053 27.8264 24.0622 30.6962C25.719 33.5659 29.3886 34.5492 32.2583 32.8923C35.1281 31.2355 36.1113 27.5659 34.4545 24.6962C32.7976 21.8264 29.1281 20.8431 26.2583 22.5Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M73.0161 45.0167C79.2339 41.4268 81.3643 33.4761 77.7745 27.2583C74.1846 21.0405 66.2339 18.9101 60.0161 22.5C53.7983 26.0899 51.668 34.0405 55.2578 40.2583C58.8477 46.4761 66.7983 48.6065 73.0161 45.0167ZM60.0161 22.5C57.1464 24.1569 56.1631 27.8264 57.82 30.6962C59.4768 33.5659 63.1464 34.5492 66.0161 32.8923C68.8859 31.2355 69.8691 27.5659 68.2123 24.6962C66.5554 21.8264 62.8859 20.8431 60.0161 22.5Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M66.0161 32.8923C68.8859 31.2355 69.8691 27.5659 68.2123 24.6962C66.5554 21.8264 62.8859 20.8431 60.0161 22.5C57.1464 24.1569 56.1631 27.8264 57.82 30.6962C59.4768 33.5659 63.1464 34.5492 66.0161 32.8923Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M60.0161 22.5C53.7983 26.0899 51.668 34.0405 55.2578 40.2583C58.8477 46.4761 66.7983 48.6065 73.0161 45.0167C79.2339 41.4268 81.3643 33.4761 77.7745 27.2583C74.1846 21.0405 66.2339 18.9101 60.0161 22.5ZM60.0161 22.5C57.1464 24.1569 56.1631 27.8264 57.82 30.6962C59.4768 33.5659 63.1464 34.5492 66.0161 32.8923C68.8859 31.2355 69.8691 27.5659 68.2123 24.6962C66.5554 21.8264 62.8859 20.8431 60.0161 22.5Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant16;\n"],"names":["Variant16","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-16.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-16.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant16: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M39.2583 45.0167C45.4761 41.4268 47.6065 33.4761 44.0167 27.2583C40.4268 21.0405 32.4761 18.9101 26.2583 22.5C20.0405 26.0899 17.9101 34.0405 21.5 40.2583C25.0899 46.4761 33.0405 48.6065 39.2583 45.0167ZM26.2583 22.5C23.3886 24.1569 22.4053 27.8264 24.0622 30.6962C25.719 33.5659 29.3886 34.5492 32.2583 32.8923C35.1281 31.2355 36.1113 27.5659 34.4545 24.6962C32.7976 21.8264 29.1281 20.8431 26.2583 22.5Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M32.2583 32.8923C35.1281 31.2355 36.1113 27.5659 34.4545 24.6962C32.7976 21.8264 29.1281 20.8431 26.2583 22.5C23.3886 24.1569 22.4053 27.8264 24.0622 30.6962C25.719 33.5659 29.3886 34.5492 32.2583 32.8923Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M26.2583 22.5C20.0405 26.0899 17.9101 34.0405 21.5 40.2583C25.0899 46.4761 33.0405 48.6065 39.2583 45.0167C45.4761 41.4268 47.6065 33.4761 44.0167 27.2583C40.4268 21.0405 32.4761 18.9101 26.2583 22.5ZM26.2583 22.5C23.3886 24.1569 22.4053 27.8264 24.0622 30.6962C25.719 33.5659 29.3886 34.5492 32.2583 32.8923C35.1281 31.2355 36.1113 27.5659 34.4545 24.6962C32.7976 21.8264 29.1281 20.8431 26.2583 22.5Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M73.0161 45.0167C79.2339 41.4268 81.3643 33.4761 77.7745 27.2583C74.1846 21.0405 66.2339 18.9101 60.0161 22.5C53.7983 26.0899 51.668 34.0405 55.2578 40.2583C58.8477 46.4761 66.7983 48.6065 73.0161 45.0167ZM60.0161 22.5C57.1464 24.1569 56.1631 27.8264 57.82 30.6962C59.4768 33.5659 63.1464 34.5492 66.0161 32.8923C68.8859 31.2355 69.8691 27.5659 68.2123 24.6962C66.5554 21.8264 62.8859 20.8431 60.0161 22.5Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M66.0161 32.8923C68.8859 31.2355 69.8691 27.5659 68.2123 24.6962C66.5554 21.8264 62.8859 20.8431 60.0161 22.5C57.1464 24.1569 56.1631 27.8264 57.82 30.6962C59.4768 33.5659 63.1464 34.5492 66.0161 32.8923Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M60.0161 22.5C53.7983 26.0899 51.668 34.0405 55.2578 40.2583C58.8477 46.4761 66.7983 48.6065 73.0161 45.0167C79.2339 41.4268 81.3643 33.4761 77.7745 27.2583C74.1846 21.0405 66.2339 18.9101 60.0161 22.5ZM60.0161 22.5C57.1464 24.1569 56.1631 27.8264 57.82 30.6962C59.4768 33.5659 63.1464 34.5492 66.0161 32.8923C68.8859 31.2355 69.8691 27.5659 68.2123 24.6962C66.5554 21.8264 62.8859 20.8431 60.0161 22.5Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant16;\n"],"names":["Variant16","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}

package/dist/features/ui/avatar/layers/eyes/variant-17.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-17.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-17.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant17: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M56.6797 31.832L60.4513 41.2612C61.5187 43.9295 59.5535 46.832 56.6797 46.832C53.8058 46.832 51.8407 43.9295 52.908 41.2612L56.6797 31.832Z\"\n        fill=\"#1EB5F0\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M42.6684 42C42.6684 35.9249 38.0416 31 32.3342 31C26.6268 31 22 35.9249 22 42\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M54.5779 36.214C54.5779 42.2249 59.3399 47.0977 65.2142 47.0977C71.0885 47.0977 75.8506 42.2249 75.8506 36.214C75.8506 30.2031 71.0885 25.3303 65.2142 25.3303C62.2331 25.3303 59.5384 26.5852 57.6072 28.607C55.733 30.5691 54.5779 33.2535 54.5779 36.214Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M57.6072 28.607C59.5384 26.5852 62.2331 25.3303 65.2142 25.3303C71.0885 25.3303 75.8506 30.2031 75.8506 36.214C75.8506 42.2249 71.0885 47.0977 65.2142 47.0977C59.3399 47.0977 54.5779 42.2249 54.5779 36.214C54.5779 33.2535 55.733 30.5691 57.6072 28.607ZM57.6072 28.607L50.0002 36.214M57.6072 28.607L65.2142 21\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"6\" cy=\"6\" r=\"6\" transform=\"matrix(-1 0 0 1 66.8506 30.0977)\" fill=\"black\" />\n    </svg>\n  );\n};\n\nexport default Variant17;\n"],"names":["Variant17","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,mBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,UAAO,EAAA,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,WAAU,oCAAmC,MAAK,QAAQ,CAAA;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-17.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-17.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant17: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M56.6797 31.832L60.4513 41.2612C61.5187 43.9295 59.5535 46.832 56.6797 46.832C53.8058 46.832 51.8407 43.9295 52.908 41.2612L56.6797 31.832Z\"\n        fill=\"#1EB5F0\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M42.6684 42C42.6684 35.9249 38.0416 31 32.3342 31C26.6268 31 22 35.9249 22 42\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M54.5779 36.214C54.5779 42.2249 59.3399 47.0977 65.2142 47.0977C71.0885 47.0977 75.8506 42.2249 75.8506 36.214C75.8506 30.2031 71.0885 25.3303 65.2142 25.3303C62.2331 25.3303 59.5384 26.5852 57.6072 28.607C55.733 30.5691 54.5779 33.2535 54.5779 36.214Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M57.6072 28.607C59.5384 26.5852 62.2331 25.3303 65.2142 25.3303C71.0885 25.3303 75.8506 30.2031 75.8506 36.214C75.8506 42.2249 71.0885 47.0977 65.2142 47.0977C59.3399 47.0977 54.5779 42.2249 54.5779 36.214C54.5779 33.2535 55.733 30.5691 57.6072 28.607ZM57.6072 28.607L50.0002 36.214M57.6072 28.607L65.2142 21\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"6\" cy=\"6\" r=\"6\" transform=\"matrix(-1 0 0 1 66.8506 30.0977)\" fill=\"black\" />\n    </svg>\n  );\n};\n\nexport default Variant17;\n"],"names":["Variant17","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,mBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,UAAO,EAAA,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,WAAU,oCAAmC,MAAK,QAAQ,CAAA;AAAA,IAAA;AAAA,EAAA;AACxF;"}

package/dist/features/ui/avatar/layers/eyes/variant-18.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-18.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-18.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant18: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M68 28.5C68 38.7173 59.7173 47 49.5 47C39.2827 47 31 38.7173 31 28.5C31 18.2827 39.2827 10 49.5 10C59.7173 10 68 18.2827 68 28.5Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M56 22C56 25.5899 53.0899 28.5 49.5 28.5C45.9101 28.5 43 25.5899 43 22C43 18.4101 45.9101 15.5 49.5 15.5C53.0899 15.5 56 18.4101 56 22Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M68 28.5C68 38.7173 59.7173 47 49.5 47C39.2827 47 31 38.7173 31 28.5C31 18.2827 39.2827 10 49.5 10C59.7173 10 68 18.2827 68 28.5Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M56 22C56 25.5899 53.0899 28.5 49.5 28.5C45.9101 28.5 43 25.5899 43 22C43 18.4101 45.9101 15.5 49.5 15.5C53.0899 15.5 56 18.4101 56 22Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant18;\n"],"names":["Variant18","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-18.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-18.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant18: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M68 28.5C68 38.7173 59.7173 47 49.5 47C39.2827 47 31 38.7173 31 28.5C31 18.2827 39.2827 10 49.5 10C59.7173 10 68 18.2827 68 28.5Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M56 22C56 25.5899 53.0899 28.5 49.5 28.5C45.9101 28.5 43 25.5899 43 22C43 18.4101 45.9101 15.5 49.5 15.5C53.0899 15.5 56 18.4101 56 22Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M68 28.5C68 38.7173 59.7173 47 49.5 47C39.2827 47 31 38.7173 31 28.5C31 18.2827 39.2827 10 49.5 10C59.7173 10 68 18.2827 68 28.5Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M56 22C56 25.5899 53.0899 28.5 49.5 28.5C45.9101 28.5 43 25.5899 43 22C43 18.4101 45.9101 15.5 49.5 15.5C53.0899 15.5 56 18.4101 56 22Z\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant18;\n"],"names":["Variant18","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEtD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}

package/dist/features/ui/avatar/layers/eyes/variant-2.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-2.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-2.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant2: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M46.1699 29.9824C46.1699 39.3713 38.5588 46.9824 29.1699 46.9824C19.7811 46.9824 12.1699 39.3713 12.1699 29.9824M88.1699 29.9824C88.1699 39.3713 80.5588 46.9824 71.1699 46.9824C61.7811 46.9824 54.1699 39.3713 54.1699 29.9824\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant2;\n"],"names":["Variant2","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"variant-2.js","sources":["../../../../../../src/features/ui/avatar/layers/eyes/variant-2.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant2: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M46.1699 29.9824C46.1699 39.3713 38.5588 46.9824 29.1699 46.9824C19.7811 46.9824 12.1699 39.3713 12.1699 29.9824M88.1699 29.9824C88.1699 39.3713 80.5588 46.9824 71.1699 46.9824C61.7811 46.9824 54.1699 39.3713 54.1699 29.9824\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant2;\n"],"names":["Variant2","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd;AACF;"}