@cuemath/leap 2.8.61-rj-21 → 2.8.61-rj-22

package/dist/features/ui/buttons/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/features/ui/buttons/button/button.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport React, { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport * as Styled from './button-styled';\n\nconst Button: React.FC<IButtonProps> = ({\n  label,\n  renderAs,\n  size = 'regular',\n  shape = 'curved',\n  disabled = false,\n  busy = false,\n  width,\n  widthX,\n  Icon,\n  iconPosition = 'left',\n  onClick,\n  alignSelf,\n  justifyContent = 'center',\n  analyticsLabel,\n  analyticsProps,\n  children,\n  ...rest\n}) => {\n  const { button } = useTheme();\n  const { textVariant } = button.sizes[size];\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  const handleOnClick = useCallback(() => {\n    if (busy) return null;\n\n    handleClick();\n  }, [busy, handleClick]);\n\n  return (\n    <Styled.Button\n      disabled={disabled}\n      $alignSelf={alignSelf}\n      $justifyContent={justifyContent}\n      $width={width}\n      $widthX={widthX}\n      $renderAs={renderAs}\n      $size={size}\n      $shape={shape}\n      onClick={handleOnClick}\n      data-busy={busy}\n      {...rest}\n    >\n      {busy ? (\n        <Styled.Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={size} />\n      ) : (\n        <>\n          {Icon ? (\n            <Styled.Icon $buttonRenderAs={renderAs} $iconPosition={iconPosition} $size={size}>\n              <Icon />\n            </Styled.Icon>\n          ) : undefined}\n\n          <Styled.Label $renderAs={textVariant} $buttonRenderAs={renderAs}>\n            {label}\n          </Styled.Label>\n\n          {children}\n        </>\n      )}\n    </Styled.Button>\n  );\n};\n\nexport default Button;\n"],"names":["Button","label","renderAs","size","shape","disabled","busy","width","widthX","Icon","iconPosition","onClick","alignSelf","justifyContent","analyticsLabel","analyticsProps","children","rest","button","useTheme","textVariant","handleClick","useClickHandler","handleOnClick","useCallback","jsx","Styled.Button","Styled.Loader","ILLUSTRATIONS","jsxs","Fragment","Styled.Icon","Styled.Label"],"mappings":";;;;;;AASA,MAAMA,IAAiC,CAAC;AAAA,EACtC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,QAAAC;AAAA,EAAA,MACAC;AAAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA,EAAE,QAAAC,EAAO,IAAIC,EAAS,GACtB,EAAE,aAAAC,EAAgB,IAAAF,EAAO,MAAMf,CAAI,GACnC,EAAE,aAAAkB,EAAgB,IAAAC,EAAgB,EAAE,OAAArB,GAAO,gBAAAa,GAAgB,gBAAAC,EAAe,GAAGJ,CAAO,GAEpFY,IAAgBC,EAAY,MAAM;AACtC,QAAIlB,EAAa,QAAA;AAEL,IAAAe,EAAA;AAAA,EAAA,GACX,CAACf,GAAMe,CAAW,CAAC;AAGpB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAArB;AAAA,MACA,YAAYO;AAAA,MACZ,iBAAiBC;AAAA,MACjB,QAAQN;AAAA,MACR,SAASC;AAAA,MACT,WAAWN;AAAA,MACX,OAAOC;AAAA,MACP,QAAQC;AAAA,MACR,SAASmB;AAAA,MACT,aAAWjB;AAAA,MACV,GAAGW;AAAA,MAEH,UACCX,IAAA,gBAAAmB,EAACE,GAAA,EAAc,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOzB,EAAM,CAAA,IAGjE,gBAAA0B,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAArB,IACE,gBAAAgB,EAAAM,GAAA,EAAY,iBAAiB7B,GAAU,eAAeQ,GAAc,OAAOP,GAC1E,UAAC,gBAAAsB,EAAAhB,GAAA,CAAK,CAAA,EACR,CAAA,IACE;AAAA,QAEJ,gBAAAgB,EAACO,GAAA,EAAa,WAAWZ,GAAa,iBAAiBlB,GACpD,UACHD,GAAA;AAAA,QAECe;AAAA,MAAA,EACH,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"button.js","sources":["../../../../../src/features/ui/buttons/button/button.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport React, { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport * as Styled from './button-styled';\n\nconst Button: React.FC<IButtonProps> = ({\n  label,\n  renderAs,\n  size = 'regular',\n  shape = 'curved',\n  disabled = false,\n  busy = false,\n  width,\n  widthX,\n  Icon,\n  iconPosition = 'left',\n  onClick,\n  alignSelf,\n  justifyContent = 'center',\n  analyticsLabel,\n  analyticsProps,\n  children,\n  ...rest\n}) => {\n  const { button } = useTheme();\n  const { textVariant } = button.sizes[size];\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  const handleOnClick = useCallback(() => {\n    if (busy) return null;\n\n    handleClick();\n  }, [busy, handleClick]);\n\n  return (\n    <Styled.Button\n      disabled={disabled}\n      $alignSelf={alignSelf}\n      $justifyContent={justifyContent}\n      $width={width}\n      $widthX={widthX}\n      $renderAs={renderAs}\n      $size={size}\n      $shape={shape}\n      onClick={handleOnClick}\n      data-busy={busy}\n      {...rest}\n    >\n      {busy ? (\n        <Styled.Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={size} />\n      ) : (\n        <>\n          {Icon ? (\n            <Styled.Icon $buttonRenderAs={renderAs} $iconPosition={iconPosition} $size={size}>\n              <Icon />\n            </Styled.Icon>\n          ) : undefined}\n\n          <Styled.Label $renderAs={textVariant} $buttonRenderAs={renderAs}>\n            {label}\n          </Styled.Label>\n\n          {children}\n        </>\n      )}\n    </Styled.Button>\n  );\n};\n\nexport default Button;\n"],"names":["Button","label","renderAs","size","shape","disabled","busy","width","widthX","Icon","iconPosition","onClick","alignSelf","justifyContent","analyticsLabel","analyticsProps","children","rest","button","useTheme","textVariant","handleClick","useClickHandler","handleOnClick","useCallback","jsx","Styled.Button","Styled.Loader","ILLUSTRATIONS","jsxs","Fragment","Styled.Icon","Styled.Label","Button$1"],"mappings":";;;;;;AASA,MAAMA,IAAiC,CAAC;AAAA,EACtC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,QAAAC;AAAA,EAAA,MACAC;AAAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACb,EAAE,aAAAC,EAAgB,IAAAF,EAAO,MAAMf,CAAI,GACnC,EAAE,aAAAkB,EAAgB,IAAAC,EAAgB,EAAE,OAAArB,GAAO,gBAAAa,GAAgB,gBAAAC,KAAkBJ,CAAO,GAEpFY,IAAgBC,EAAY,MAAM;AACtC,QAAIlB,EAAa,QAAA;AAEL,IAAAe;EAAA,GACX,CAACf,GAAMe,CAAW,CAAC;AAGpB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAArB;AAAA,MACA,YAAYO;AAAA,MACZ,iBAAiBC;AAAA,MACjB,QAAQN;AAAA,MACR,SAASC;AAAA,MACT,WAAWN;AAAA,MACX,OAAOC;AAAA,MACP,QAAQC;AAAA,MACR,SAASmB;AAAA,MACT,aAAWjB;AAAA,MACV,GAAGW;AAAA,MAEH,UACCX,IAAA,gBAAAmB,EAACE,GAAA,EAAc,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOzB,EAAM,CAAA,IAGjE,gBAAA0B,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAArB,IACE,gBAAAgB,EAAAM,GAAA,EAAY,iBAAiB7B,GAAU,eAAeQ,GAAc,OAAOP,GAC1E,UAAC,gBAAAsB,EAAAhB,GAAA,CAAA,CAAK,GACR,IACE;AAAA,QAEJ,gBAAAgB,EAACO,GAAA,EAAa,WAAWZ,GAAa,iBAAiBlB,GACpD,UACHD,GAAA;AAAA,QAECe;AAAA,MAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAIR,GAEAiB,IAAejC;"}

package/dist/features/ui/buttons/clickable/clickable.js

@@ -1,26 +1,26 @@
 import { jsx as s } from "react/jsx-runtime";
 import c from "../../hooks/use-click-handler.js";
-import { ClickableWrapper as p } from "./clickable-styled.js";
-const n = ({
+import { ClickableWrapper as n } from "./clickable-styled.js";
+const p = ({
   disabled: e = !1,
   onClick: r,
-  children: a,
-  label: l,
+  children: l,
+  label: a,
   analyticsLabel: o,
   analyticsProps: i
 }) => {
-  const { handleClick: t } = c({ label: l, analyticsLabel: o, analyticsProps: i }, r);
+  const { handleClick: t } = c({ label: a, analyticsLabel: o, analyticsProps: i }, r);
   return /* @__PURE__ */ s(
-    p,
+    n,
     {
       "aria-disabled": e ? "true" : "false",
       $cursor: r ? "pointer" : void 0,
       onClick: t,
-      children: a
+      children: l
     }
   );
-};
+}, k = p;
 export {
-  n as default
+  k as default
 };
 //# sourceMappingURL=clickable.js.map

package/dist/features/ui/buttons/clickable/clickable.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickable.js","sources":["../../../../../src/features/ui/buttons/clickable/clickable.tsx"],"sourcesContent":["import type { IClickableAnalyticsProps } from '../../types';\n\nimport React from 'react';\n\nimport useClickHandler from '../../hooks/use-click-handler';\nimport * as Styled from './clickable-styled';\n\nexport interface IClickableProps extends IClickableAnalyticsProps {\n  label: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  children: React.ReactNode;\n}\n\nconst Clickable: React.FC<IClickableProps> = ({\n  disabled = false,\n  onClick,\n  children,\n  label,\n  analyticsLabel,\n  analyticsProps,\n}) => {\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  return (\n    <Styled.ClickableWrapper\n      aria-disabled={disabled ? 'true' : 'false'}\n      $cursor={onClick ? 'pointer' : undefined}\n      onClick={handleClick}\n    >\n      {children}\n    </Styled.ClickableWrapper>\n  );\n};\n\nexport default Clickable;\n"],"names":["Clickable","disabled","onClick","children","label","analyticsLabel","analyticsProps","handleClick","useClickHandler","jsx","Styled.ClickableWrapper"],"mappings":";;;AAcA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACE,QAAA,EAAE,aAAAC,EAAgB,IAAAC,EAAgB,EAAE,OAAAJ,GAAO,gBAAAC,GAAgB,gBAAAC,EAAe,GAAGJ,CAAO;AAGxF,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,iBAAeT,IAAW,SAAS;AAAA,MACnC,SAASC,IAAU,YAAY;AAAA,MAC/B,SAASK;AAAA,MAER,UAAAJ;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"clickable.js","sources":["../../../../../src/features/ui/buttons/clickable/clickable.tsx"],"sourcesContent":["import type { IClickableAnalyticsProps } from '../../types';\n\nimport React from 'react';\n\nimport useClickHandler from '../../hooks/use-click-handler';\nimport * as Styled from './clickable-styled';\n\nexport interface IClickableProps extends IClickableAnalyticsProps {\n  label: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  children: React.ReactNode;\n}\n\nconst Clickable: React.FC<IClickableProps> = ({\n  disabled = false,\n  onClick,\n  children,\n  label,\n  analyticsLabel,\n  analyticsProps,\n}) => {\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  return (\n    <Styled.ClickableWrapper\n      aria-disabled={disabled ? 'true' : 'false'}\n      $cursor={onClick ? 'pointer' : undefined}\n      onClick={handleClick}\n    >\n      {children}\n    </Styled.ClickableWrapper>\n  );\n};\n\nexport default Clickable;\n"],"names":["Clickable","disabled","onClick","children","label","analyticsLabel","analyticsProps","handleClick","useClickHandler","jsx","Styled.ClickableWrapper","Clickable$1"],"mappings":";;;AAcA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACE,QAAA,EAAE,aAAAC,EAAgB,IAAAC,EAAgB,EAAE,OAAAJ,GAAO,gBAAAC,GAAgB,gBAAAC,KAAkBJ,CAAO;AAGxF,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,iBAAeT,IAAW,SAAS;AAAA,MACnC,SAASC,IAAU,YAAY;AAAA,MAC/B,SAASK;AAAA,MAER,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP,GAEAQ,IAAeX;"}

package/dist/features/ui/buttons/icon-button/icon-button-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button-styled.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button-styled.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport styled from 'styled-components';\n\ninterface IIconButtonWrapperProps {\n  $buttonRenderAs: IIconButtonProps['renderAs'];\n  $size?: IIconButtonProps['size'];\n  $customBgColor?: IIconButtonProps['customBgColor'];\n}\n\nconst IconButtonWrapper = styled.button<IIconButtonWrapperProps>(\n  ({ theme, $size, $buttonRenderAs, $customBgColor }) => {\n    const { colors, button } = theme;\n    const { height, borderWidth } = button.sizes[$size || 'small'];\n    const { backgroundColorName, borderColorName } = button.variants[$buttonRenderAs];\n\n    return `\n    width: ${height}px;\n    height: ${height}px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    padding: 6px;\n\n    background-color: ${\n      $customBgColor ? colors[$customBgColor] : colors[backgroundColorName.inactive]\n    };\n    border-color: ${colors[borderColorName.inactive]};\n    border-width: ${borderWidth}px;\n    border-style: solid;\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n\n    &:hover {\n      background-color: ${colors[backgroundColorName.active]};\n      border-color: ${colors[borderColorName.active]};\n    }\n\n    &:active  {\n      background: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n    }\n\n    &:disabled {\n      background-color: ${colors[backgroundColorName.disabled]};\n      border-color: ${colors[borderColorName.disabled]};\n      cursor: not-allowed;\n    }\n  `;\n  },\n);\n\nconst IconWrapper = styled.div<IIconButtonWrapperProps>(({ theme, $size, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { iconSize } = button.sizes[$size || 'small'];\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n    & svg {\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-out;\n\n        ${IconButtonWrapper}:hover & {\n            color: ${colors[colorName.active]};\n        }\n\n        ${IconButtonWrapper}:active & {\n            color: ${colors[colorName.inactive]};\n        }\n\n        ${IconButtonWrapper}:disabled & {\n            color: ${colors[colorName.disabled]};\n            opacity: 0.5;\n        }\n    }\n  `;\n});\n\nexport { IconButtonWrapper, IconWrapper };\n"],"names":["IconButtonWrapper","styled","theme","$size","$buttonRenderAs","$customBgColor","colors","button","height","borderWidth","backgroundColorName","borderColorName","IconWrapper","iconSize","colorName"],"mappings":";AAUA,MAAMA,IAAoBC,EAAO;AAAA,EAC/B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,iBAAAC,GAAiB,gBAAAC,QAAqB;AAC/C,UAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAA,IAAWL,GACrB,EAAE,QAAAM,GAAQ,aAAAC,MAAgBF,EAAO,MAAMJ,KAAS,OAAO,GACvD,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBJ,EAAO,SAASH,CAAe;AAEzE,WAAA;AAAA,aACEI,CAAM;AAAA,cACLA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASdH,IAAiBC,EAAOD,CAAc,IAAIC,EAAOI,EAAoB,QAAQ,CAC/E;AAAA,oBACgBJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA,oBAChCF,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKLH,EAAOI,EAAoB,MAAM,CAAC;AAAA,sBACtCJ,EAAOK,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,oBAIhCL,EAAOI,EAAoB,QAAQ,CAAC;AAAA,sBAClCJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,0BAI5BL,EAAOI,EAAoB,QAAQ,CAAC;AAAA,sBACxCJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,EAAA;AAKtD,GAEMC,IAAcX,EAAO,IAA6B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,iBAAAC,QAAsB;AACvF,QAAA,EAAE,QAAAG,GAAQ,QAAAD,EAAA,IAAWJ,GACrB,EAAE,UAAAW,EAAS,IAAIN,EAAO,MAAMJ,KAAS,OAAO,GAC5C,EAAE,WAAAW,EAAc,IAAAP,EAAO,SAASH,CAAe;AAE9C,SAAA;AAAA;AAAA,iBAEQS,CAAQ;AAAA,kBACPA,CAAQ;AAAA,iBACTP,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGjCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,UAGnCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGrCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAK/C,CAAC;"}
+{"version":3,"file":"icon-button-styled.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button-styled.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport styled from 'styled-components';\n\ninterface IIconButtonWrapperProps {\n  $buttonRenderAs: IIconButtonProps['renderAs'];\n  $size?: IIconButtonProps['size'];\n  $customBgColor?: IIconButtonProps['customBgColor'];\n}\n\nconst IconButtonWrapper = styled.button<IIconButtonWrapperProps>(\n  ({ theme, $size, $buttonRenderAs, $customBgColor }) => {\n    const { colors, button } = theme;\n    const { height, borderWidth } = button.sizes[$size || 'small'];\n    const { backgroundColorName, borderColorName } = button.variants[$buttonRenderAs];\n\n    return `\n    width: ${height}px;\n    height: ${height}px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    padding: 6px;\n\n    background-color: ${\n      $customBgColor ? colors[$customBgColor] : colors[backgroundColorName.inactive]\n    };\n    border-color: ${colors[borderColorName.inactive]};\n    border-width: ${borderWidth}px;\n    border-style: solid;\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n\n    &:hover {\n      background-color: ${colors[backgroundColorName.active]};\n      border-color: ${colors[borderColorName.active]};\n    }\n\n    &:active  {\n      background: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n    }\n\n    &:disabled {\n      background-color: ${colors[backgroundColorName.disabled]};\n      border-color: ${colors[borderColorName.disabled]};\n      cursor: not-allowed;\n    }\n  `;\n  },\n);\n\nconst IconWrapper = styled.div<IIconButtonWrapperProps>(({ theme, $size, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { iconSize } = button.sizes[$size || 'small'];\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n    & svg {\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-out;\n\n        ${IconButtonWrapper}:hover & {\n            color: ${colors[colorName.active]};\n        }\n\n        ${IconButtonWrapper}:active & {\n            color: ${colors[colorName.inactive]};\n        }\n\n        ${IconButtonWrapper}:disabled & {\n            color: ${colors[colorName.disabled]};\n            opacity: 0.5;\n        }\n    }\n  `;\n});\n\nexport { IconButtonWrapper, IconWrapper };\n"],"names":["IconButtonWrapper","styled","theme","$size","$buttonRenderAs","$customBgColor","colors","button","height","borderWidth","backgroundColorName","borderColorName","IconWrapper","iconSize","colorName"],"mappings":";AAUA,MAAMA,IAAoBC,EAAO;AAAA,EAC/B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,iBAAAC,GAAiB,gBAAAC,QAAqB;AAC/C,UAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAL,GACrB,EAAE,QAAAM,GAAQ,aAAAC,MAAgBF,EAAO,MAAMJ,KAAS,OAAO,GACvD,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBJ,EAAO,SAASH,CAAe;AAEzE,WAAA;AAAA,aACEI,CAAM;AAAA,cACLA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASdH,IAAiBC,EAAOD,CAAc,IAAIC,EAAOI,EAAoB,QAAQ,CAC/E;AAAA,oBACgBJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA,oBAChCF,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKLH,EAAOI,EAAoB,MAAM,CAAC;AAAA,sBACtCJ,EAAOK,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,oBAIhCL,EAAOI,EAAoB,QAAQ,CAAC;AAAA,sBAClCJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,0BAI5BL,EAAOI,EAAoB,QAAQ,CAAC;AAAA,sBACxCJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,EAIpD;AACF,GAEMC,IAAcX,EAAO,IAA6B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,iBAAAC,QAAsB;AACvF,QAAA,EAAE,QAAAG,GAAQ,QAAAD,EAAW,IAAAJ,GACrB,EAAE,UAAAW,EAAS,IAAIN,EAAO,MAAMJ,KAAS,OAAO,GAC5C,EAAE,WAAAW,EAAc,IAAAP,EAAO,SAASH,CAAe;AAE9C,SAAA;AAAA;AAAA,iBAEQS,CAAQ;AAAA,kBACPA,CAAQ;AAAA,iBACTP,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGjCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,UAGnCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGrCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAK/C,CAAC;"}

package/dist/features/ui/buttons/icon-button/icon-button.js

@@ -2,33 +2,33 @@ import { jsx as o } from "react/jsx-runtime";
 import { memo as p } from "react";
 import { ILLUSTRATIONS as u } from "../../../../assets/illustrations/illustrations.js";
 import f from "../../hooks/use-click-handler.js";
-import { Loader as C } from "../button/button-styled.js";
-import { IconButtonWrapper as I, IconWrapper as L } from "./icon-button-styled.js";
-const R = p((t) => {
+import { Loader as I } from "../button/button-styled.js";
+import { IconButtonWrapper as $, IconWrapper as C } from "./icon-button-styled.js";
+const L = p((n) => {
   const {
-    Icon: n,
+    Icon: e,
     size: r,
     onClick: s,
-    renderAs: e,
-    disabled: i,
-    analyticsLabel: c,
+    renderAs: t,
+    disabled: c,
+    analyticsLabel: i,
     analyticsProps: l,
     customBgColor: m,
     busy: a
-  } = t, { handleClick: d } = f({ analyticsLabel: c, analyticsProps: l }, s);
+  } = n, { handleClick: d } = f({ analyticsLabel: i, analyticsProps: l }, s);
   return /* @__PURE__ */ o(
-    I,
+    $,
     {
-      disabled: i,
+      disabled: c,
       $size: r,
-      $buttonRenderAs: e,
+      $buttonRenderAs: t,
       onClick: d,
       $customBgColor: m,
-      children: a ? /* @__PURE__ */ o(C, { src: u.LOADER, alt: "Loader", $size: r || "small" }) : /* @__PURE__ */ o(L, { $size: r, $buttonRenderAs: e, children: /* @__PURE__ */ o(n, {}) })
+      children: a ? /* @__PURE__ */ o(I, { src: u.LOADER, alt: "Loader", $size: r || "small" }) : /* @__PURE__ */ o(C, { $size: r, $buttonRenderAs: t, children: /* @__PURE__ */ o(e, {}) })
     }
   );
-});
+}), h = L;
 export {
-  R as default
+  h as default
 };
 //# sourceMappingURL=icon-button.js.map

package/dist/features/ui/buttons/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport { Loader } from '../button/button-styled';\nimport * as Styled from './icon-button-styled';\n\nconst IconButton: FC<IIconButtonProps> = memo(props => {\n  const {\n    Icon,\n    size,\n    onClick,\n    renderAs,\n    disabled,\n    analyticsLabel,\n    analyticsProps,\n    customBgColor,\n    busy,\n  } = props;\n  const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n\n  return (\n    <Styled.IconButtonWrapper\n      disabled={disabled}\n      $size={size}\n      $buttonRenderAs={renderAs}\n      onClick={handleClick}\n      $customBgColor={customBgColor}\n    >\n      {busy ? (\n        <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={size || 'small'} />\n      ) : (\n        <Styled.IconWrapper $size={size} $buttonRenderAs={renderAs}>\n          <Icon />\n        </Styled.IconWrapper>\n      )}\n    </Styled.IconButtonWrapper>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","memo","props","Icon","size","onClick","renderAs","disabled","analyticsLabel","analyticsProps","customBgColor","busy","handleClick","useClickHandler","jsx","Styled.IconButtonWrapper","Loader","ILLUSTRATIONS","Styled.IconWrapper"],"mappings":";;;;;;AASM,MAAAA,IAAmCC,EAAK,CAASC,MAAA;AAC/C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACET,GACE,EAAE,aAAAU,MAAgBC,EAAgB,EAAE,gBAAAL,GAAgB,gBAAAC,KAAkBJ,CAAO;AAGjF,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAR;AAAA,MACA,OAAOH;AAAA,MACP,iBAAiBE;AAAA,MACjB,SAASM;AAAA,MACT,gBAAgBF;AAAA,MAEf,UAAAC,sBACEK,GAAO,EAAA,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOb,KAAQ,SAAS,IAEvE,gBAAAU,EAAAI,GAAA,EAAmB,OAAOd,GAAM,iBAAiBE,GAChD,UAAC,gBAAAQ,EAAAX,GAAA,CAAK,CAAA,EACR,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"icon-button.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport { Loader } from '../button/button-styled';\nimport * as Styled from './icon-button-styled';\n\nconst IconButton: FC<IIconButtonProps> = memo(props => {\n  const {\n    Icon,\n    size,\n    onClick,\n    renderAs,\n    disabled,\n    analyticsLabel,\n    analyticsProps,\n    customBgColor,\n    busy,\n  } = props;\n  const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n\n  return (\n    <Styled.IconButtonWrapper\n      disabled={disabled}\n      $size={size}\n      $buttonRenderAs={renderAs}\n      onClick={handleClick}\n      $customBgColor={customBgColor}\n    >\n      {busy ? (\n        <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={size || 'small'} />\n      ) : (\n        <Styled.IconWrapper $size={size} $buttonRenderAs={renderAs}>\n          <Icon />\n        </Styled.IconWrapper>\n      )}\n    </Styled.IconButtonWrapper>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","memo","props","Icon","size","onClick","renderAs","disabled","analyticsLabel","analyticsProps","customBgColor","busy","handleClick","useClickHandler","jsx","Styled.IconButtonWrapper","Loader","ILLUSTRATIONS","Styled.IconWrapper","IconButton$1"],"mappings":";;;;;;AASA,MAAMA,IAAmCC,EAAK,CAASC,MAAA;AAC/C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAT,GACE,EAAE,aAAAU,MAAgBC,EAAgB,EAAE,gBAAAL,GAAgB,gBAAAC,EAAA,GAAkBJ,CAAO;AAGjF,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAR;AAAA,MACA,OAAOH;AAAA,MACP,iBAAiBE;AAAA,MACjB,SAASM;AAAA,MACT,gBAAgBF;AAAA,MAEf,UAAAC,sBACEK,GAAO,EAAA,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOb,KAAQ,SAAS,IAEvE,gBAAAU,EAAAI,GAAA,EAAmB,OAAOd,GAAM,iBAAiBE,GAChD,UAAC,gBAAAQ,EAAAX,GAAA,CAAA,CAAK,EACR,CAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAEDgB,IAAenB;"}

package/dist/features/ui/buttons/text-button/text-button-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-button-styled.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button-styled.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport styled from 'styled-components';\n\nimport UIText from '../../text/text';\nimport { ClickableWrapper } from '../clickable/clickable-styled';\n\ninterface IStyledTextProps {\n  $buttonSize: NonNullable<ITextButtonProps['size']>;\n}\n\nconst Text = styled(UIText)<IStyledTextProps>(({ theme, $buttonSize }) => {\n  const { textButton } = theme;\n  const { underlineHeight, underlineOffset } = textButton.sizes[$buttonSize];\n\n  return `\n    text-decoration: underline;\n    text-decoration-thickness: ${underlineHeight}px;\n    text-underline-offset: ${underlineOffset}px;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active  {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n    }\n\n    ${ClickableWrapper}[aria-disabled='true'] & {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n      opacity: 0.5;\n    }\n  `;\n});\n\nexport { Text };\n"],"names":["Text","styled","UIText","theme","$buttonSize","textButton","underlineHeight","underlineOffset","ClickableWrapper"],"mappings":";;;AAWM,MAAAA,IAAOC,EAAOC,CAAM,EAAoB,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAAkB;AAClE,QAAA,EAAE,YAAAC,MAAeF,GACjB,EAAE,iBAAAG,GAAiB,iBAAAC,EAAA,IAAoBF,EAAW,MAAMD,CAAW;AAElE,SAAA;AAAA;AAAA,iCAEwBE,CAAe;AAAA,6BACnBC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAQTD,CAAe;AAAA;AAAA;AAAA,MAG5CE,CAAgB;AAAA;AAAA,mCAEaF,CAAe;AAAA;AAAA;AAAA;AAIlD,CAAC;"}
+{"version":3,"file":"text-button-styled.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button-styled.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport styled from 'styled-components';\n\nimport UIText from '../../text/text';\nimport { ClickableWrapper } from '../clickable/clickable-styled';\n\ninterface IStyledTextProps {\n  $buttonSize: NonNullable<ITextButtonProps['size']>;\n}\n\nconst Text = styled(UIText)<IStyledTextProps>(({ theme, $buttonSize }) => {\n  const { textButton } = theme;\n  const { underlineHeight, underlineOffset } = textButton.sizes[$buttonSize];\n\n  return `\n    text-decoration: underline;\n    text-decoration-thickness: ${underlineHeight}px;\n    text-underline-offset: ${underlineOffset}px;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active  {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n    }\n\n    ${ClickableWrapper}[aria-disabled='true'] & {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n      opacity: 0.5;\n    }\n  `;\n});\n\nexport { Text };\n"],"names":["Text","styled","UIText","theme","$buttonSize","textButton","underlineHeight","underlineOffset","ClickableWrapper"],"mappings":";;;AAWM,MAAAA,IAAOC,EAAOC,CAAM,EAAoB,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAAkB;AAClE,QAAA,EAAE,YAAAC,EAAe,IAAAF,GACjB,EAAE,iBAAAG,GAAiB,iBAAAC,EAAA,IAAoBF,EAAW,MAAMD,CAAW;AAElE,SAAA;AAAA;AAAA,iCAEwBE,CAAe;AAAA,6BACnBC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAQTD,CAAe;AAAA;AAAA;AAAA,MAG5CE,CAAgB;AAAA;AAAA,mCAEaF,CAAe;AAAA;AAAA;AAAA;AAIlD,CAAC;"}

package/dist/features/ui/buttons/text-button/text-button.js

@@ -1,30 +1,30 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useTheme as a } from "styled-components";
-import f from "../clickable/clickable.js";
-import { Text as l } from "./text-button-styled.js";
-const T = ({
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as x } from "styled-components";
+import a from "../clickable/clickable.js";
+import { Text as f } from "./text-button-styled.js";
+const l = ({
   label: t,
-  size: r = "regular",
-  disabled: o = !1,
+  size: o = "regular",
+  disabled: e = !1,
   onClick: n,
-  analyticsLabel: i,
-  analyticsProps: m,
-  color: s
+  analyticsLabel: s,
+  analyticsProps: i,
+  color: m
 }) => {
-  const { textButton: c } = a(), { textVariant: u } = c.sizes[r];
-  return /* @__PURE__ */ e(
-    f,
+  const { textButton: c } = x(), { textVariant: u } = c.sizes[o];
+  return /* @__PURE__ */ r(
+    a,
     {
       label: t,
-      disabled: o,
+      disabled: e,
       onClick: n,
-      analyticsLabel: i,
-      analyticsProps: m,
-      children: /* @__PURE__ */ e(l, { $color: s, $renderAs: u, $buttonSize: r, children: t })
+      analyticsLabel: s,
+      analyticsProps: i,
+      children: /* @__PURE__ */ r(f, { $color: m, $renderAs: u, $buttonSize: o, children: t })
     }
   );
-};
+}, h = l;
 export {
-  T as default
+  h as default
 };
 //# sourceMappingURL=text-button.js.map

package/dist/features/ui/buttons/text-button/text-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-button.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport React from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Clickable from '../clickable/clickable';\nimport * as Styled from './text-button-styled';\n\nconst TextButton: React.FC<ITextButtonProps> = ({\n  label,\n  size = 'regular',\n  disabled = false,\n  onClick,\n  analyticsLabel,\n  analyticsProps,\n  color,\n}) => {\n  const { textButton } = useTheme();\n  const { textVariant } = textButton.sizes[size];\n\n  return (\n    <Clickable\n      label={label}\n      disabled={disabled}\n      onClick={onClick}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n    >\n      <Styled.Text $color={color} $renderAs={textVariant} $buttonSize={size}>\n        {label}\n      </Styled.Text>\n    </Clickable>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","label","size","disabled","onClick","analyticsLabel","analyticsProps","color","textButton","useTheme","textVariant","jsx","Clickable","Styled.Text"],"mappings":";;;;AAQA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,YAAAC,EAAW,IAAIC,EAAS,GAC1B,EAAE,aAAAC,EAAgB,IAAAF,EAAW,MAAMN,CAAI;AAG3C,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,UAAAE;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MAEA,UAAA,gBAAAK,EAACE,GAAA,EAAY,QAAQN,GAAO,WAAWG,GAAa,aAAaR,GAC9D,UACHD,EAAA,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"text-button.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport React from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Clickable from '../clickable/clickable';\nimport * as Styled from './text-button-styled';\n\nconst TextButton: React.FC<ITextButtonProps> = ({\n  label,\n  size = 'regular',\n  disabled = false,\n  onClick,\n  analyticsLabel,\n  analyticsProps,\n  color,\n}) => {\n  const { textButton } = useTheme();\n  const { textVariant } = textButton.sizes[size];\n\n  return (\n    <Clickable\n      label={label}\n      disabled={disabled}\n      onClick={onClick}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n    >\n      <Styled.Text $color={color} $renderAs={textVariant} $buttonSize={size}>\n        {label}\n      </Styled.Text>\n    </Clickable>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","label","size","disabled","onClick","analyticsLabel","analyticsProps","color","textButton","useTheme","textVariant","jsx","Clickable","Styled.Text","TextButton$1"],"mappings":";;;;AAQA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,YAAAC,MAAeC,KACjB,EAAE,aAAAC,EAAgB,IAAAF,EAAW,MAAMN,CAAI;AAG3C,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,UAAAE;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MAEA,UAAA,gBAAAK,EAACE,GAAA,EAAY,QAAQN,GAAO,WAAWG,GAAa,aAAaR,GAC9D,UACHD,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAed;"}

package/dist/features/ui/callout/callout.js

@@ -1,25 +1,25 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useMemo as $ } from "react";
-import i from "../layout/flex-view.js";
-import u from "../text/text.js";
-const a = (o) => ({ backgroundColor: `${o}_1`, borderColor: `${o}_4` }), C = ({ children: o, hue: r, marginBottomX: e, width: d, widthX: m }) => {
-  const { backgroundColor: l, borderColor: n } = $(() => a(r), [r]);
+import u from "../layout/flex-view.js";
+import a from "../text/text.js";
+const i = (o) => ({ backgroundColor: `${o}_1`, borderColor: `${o}_4` }), s = ({ children: o, hue: r, marginBottomX: e, width: d, widthX: l }) => {
+  const { backgroundColor: m, borderColor: n } = $(() => i(r), [r]);
   return /* @__PURE__ */ t(
-    i,
+    u,
     {
       $width: d,
-      $widthX: m,
-      $background: l,
+      $widthX: l,
+      $background: m,
       $borderColor: n,
       $gutterX: 0.5,
       $gapX: 0.5,
       $borderRadiusX: 0.25,
       $marginBottomX: e,
-      children: /* @__PURE__ */ t(u, { $renderAs: "body2", children: o })
+      children: /* @__PURE__ */ t(a, { $renderAs: "body2", children: o })
     }
   );
-};
+}, g = s;
 export {
-  C as default
+  g as default
 };
 //# sourceMappingURL=callout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"callout.js","sources":["../../../../src/features/ui/callout/callout.tsx"],"sourcesContent":["import type { TColorNames, THueNames } from '../types';\nimport type { ICalloutProps } from './callout-types';\n\nimport { useMemo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\nconst computeColorsFromHue = (\n  hue: THueNames,\n): { backgroundColor: TColorNames; borderColor: TColorNames } => {\n  return { backgroundColor: `${hue}_1`, borderColor: `${hue}_4` };\n};\n\nconst Callout: React.FC<ICalloutProps> = ({ children, hue, marginBottomX, width, widthX }) => {\n  const { backgroundColor, borderColor } = useMemo(() => computeColorsFromHue(hue), [hue]);\n\n  return (\n    <FlexView\n      $width={width}\n      $widthX={widthX}\n      $background={backgroundColor}\n      $borderColor={borderColor}\n      $gutterX={0.5}\n      $gapX={0.5}\n      $borderRadiusX={0.25}\n      $marginBottomX={marginBottomX}\n    >\n      <Text $renderAs=\"body2\">{children}</Text>\n    </FlexView>\n  );\n};\n\nexport default Callout;\n"],"names":["computeColorsFromHue","hue","Callout","children","marginBottomX","width","widthX","backgroundColor","borderColor","useMemo","jsx","FlexView","Text"],"mappings":";;;;AAQA,MAAMA,IAAuB,CAC3BC,OAEO,EAAE,iBAAiB,GAAGA,CAAG,MAAM,aAAa,GAAGA,CAAG,KAAK,IAG1DC,IAAmC,CAAC,EAAE,UAAAC,GAAU,KAAAF,GAAK,eAAAG,GAAe,OAAAC,GAAO,QAAAC,QAAa;AACtF,QAAA,EAAE,iBAAAC,GAAiB,aAAAC,EAAA,IAAgBC,EAAQ,MAAMT,EAAqBC,CAAG,GAAG,CAACA,CAAG,CAAC;AAGrF,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQN;AAAA,MACR,SAASC;AAAA,MACT,aAAaC;AAAA,MACb,cAAcC;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,gBAAgBJ;AAAA,MAEhB,UAAC,gBAAAM,EAAAE,GAAA,EAAK,WAAU,SAAS,UAAAT,EAAS,CAAA;AAAA,IAAA;AAAA,EACpC;AAEJ;"}
+{"version":3,"file":"callout.js","sources":["../../../../src/features/ui/callout/callout.tsx"],"sourcesContent":["import type { TColorNames, THueNames } from '../types';\nimport type { ICalloutProps } from './callout-types';\n\nimport { useMemo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\nconst computeColorsFromHue = (\n  hue: THueNames,\n): { backgroundColor: TColorNames; borderColor: TColorNames } => {\n  return { backgroundColor: `${hue}_1`, borderColor: `${hue}_4` };\n};\n\nconst Callout: React.FC<ICalloutProps> = ({ children, hue, marginBottomX, width, widthX }) => {\n  const { backgroundColor, borderColor } = useMemo(() => computeColorsFromHue(hue), [hue]);\n\n  return (\n    <FlexView\n      $width={width}\n      $widthX={widthX}\n      $background={backgroundColor}\n      $borderColor={borderColor}\n      $gutterX={0.5}\n      $gapX={0.5}\n      $borderRadiusX={0.25}\n      $marginBottomX={marginBottomX}\n    >\n      <Text $renderAs=\"body2\">{children}</Text>\n    </FlexView>\n  );\n};\n\nexport default Callout;\n"],"names":["computeColorsFromHue","hue","Callout","children","marginBottomX","width","widthX","backgroundColor","borderColor","useMemo","jsx","FlexView","Text","Callout$1"],"mappings":";;;;AAQA,MAAMA,IAAuB,CAC3BC,OAEO,EAAE,iBAAiB,GAAGA,CAAG,MAAM,aAAa,GAAGA,CAAG,SAGrDC,IAAmC,CAAC,EAAE,UAAAC,GAAU,KAAAF,GAAK,eAAAG,GAAe,OAAAC,GAAO,QAAAC,QAAa;AACtF,QAAA,EAAE,iBAAAC,GAAiB,aAAAC,EAAA,IAAgBC,EAAQ,MAAMT,EAAqBC,CAAG,GAAG,CAACA,CAAG,CAAC;AAGrF,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQN;AAAA,MACR,SAASC;AAAA,MACT,aAAaC;AAAA,MACb,cAAcC;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,gBAAgBJ;AAAA,MAEhB,UAAC,gBAAAM,EAAAE,GAAA,EAAK,WAAU,SAAS,UAAAT,GAAS;AAAA,IAAA;AAAA,EAAA;AAGxC,GAEAU,IAAeX;"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../src/features/ui/context/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype TTrackCTA = (params: {\n  label?: string;\n  analyticsLabel?: string; // if passed this will be used as an eventName\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackInput = (params: {\n  label: string;\n  value: string | boolean | number;\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackEvent = (\n  eventType: string,\n  props: Record<string, unknown>,\n  overrides?: Record<string, unknown>,\n) => void;\n\nexport interface UIContextProps {\n  onClick: TTrackCTA;\n  onResponse: TTrackInput;\n  onEvent: TTrackEvent;\n}\n\nconst UIContext = createContext<UIContextProps>({\n  onClick: () => {},\n  onResponse: () => {},\n  onEvent: () => {},\n});\n\nconst useUIContext = () => useContext(UIContext);\n\nexport { type TTrackInput, type TTrackEvent, type TTrackCTA, UIContext as default, useUIContext };\n"],"names":["UIContext","createContext","useUIContext","useContext"],"mappings":";AA4BA,MAAMA,IAAYC,EAA8B;AAAA,EAC9C,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,SAAS,MAAM;AAAA,EAAA;AACjB,CAAC,GAEKC,IAAe,MAAMC,EAAWH,CAAS;"}
+{"version":3,"file":"context.js","sources":["../../../../src/features/ui/context/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype TTrackCTA = (params: {\n  label?: string;\n  analyticsLabel?: string; // if passed this will be used as an eventName\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackInput = (params: {\n  label: string;\n  value: string | boolean | number;\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackEvent = (\n  eventType: string,\n  props: Record<string, unknown>,\n  overrides?: Record<string, unknown>,\n) => void;\n\nexport interface UIContextProps {\n  onClick: TTrackCTA;\n  onResponse: TTrackInput;\n  onEvent: TTrackEvent;\n}\n\nconst UIContext = createContext<UIContextProps>({\n  onClick: () => {},\n  onResponse: () => {},\n  onEvent: () => {},\n});\n\nconst useUIContext = () => useContext(UIContext);\n\nexport { type TTrackInput, type TTrackEvent, type TTrackCTA, UIContext as default, useUIContext };\n"],"names":["UIContext","createContext","useUIContext","useContext"],"mappings":";AA4BA,MAAMA,IAAYC,EAA8B;AAAA,EAC9C,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC,GAEKC,IAAe,MAAMC,EAAWH,CAAS;"}

package/dist/features/ui/context/use-tracking-context.js

@@ -1,6 +1,6 @@
 import { useMemo as k } from "react";
 import { useUIContext as u } from "./context.js";
-const V = (o, e = {}) => {
+const p = (o, e = {}) => {
   const { onClick: c, onResponse: s, onEvent: a } = u();
   return k(() => ({ onClick: ({ label: t, analyticsLabel: n, props: r }) => {
     c == null || c({
@@ -19,7 +19,7 @@ const V = (o, e = {}) => {
   }, onEvent: (t, n) => {
     a == null || a(t, { ...o, ...n }, e);
   } }), [o, c, a, s, e]);
-};
+}, V = p;
 export {
   V as default
 };

package/dist/features/ui/context/use-tracking-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tracking-context.js","sources":["../../../../src/features/ui/context/use-tracking-context.ts"],"sourcesContent":["import type { TTrackCTA, TTrackEvent, TTrackInput } from '../context/context';\n\nimport { useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nconst useTrackingContext = (\n  commonAnalyticsProps: Record<string, unknown>,\n  overrides: Record<string, unknown> = {},\n) => {\n  const { onClick: handleClick, onResponse: handleResponse, onEvent: handleEvent } = useUIContext();\n\n  const analyticsValue = useMemo(() => {\n    const trackCTA: TTrackCTA = ({ label, analyticsLabel, props }) => {\n      handleClick?.({\n        label,\n        analyticsLabel,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackResponse: TTrackInput = ({ label, value, props }) => {\n      handleResponse?.({\n        label,\n        value,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackEvent: TTrackEvent = (label, props) => {\n      handleEvent?.(label, { ...commonAnalyticsProps, ...props }, overrides);\n    };\n\n    const context = { onClick: trackCTA, onResponse: trackResponse, onEvent: trackEvent };\n\n    return context;\n  }, [commonAnalyticsProps, handleClick, handleEvent, handleResponse, overrides]);\n\n  return analyticsValue;\n};\n\nexport default useTrackingContext;\n"],"names":["useTrackingContext","commonAnalyticsProps","overrides","handleClick","handleResponse","handleEvent","useUIContext","useMemo","label","analyticsLabel","props","value"],"mappings":";;AAMA,MAAMA,IAAqB,CACzBC,GACAC,IAAqC,OAClC;AACG,QAAA,EAAE,SAASC,GAAa,YAAYC,GAAgB,SAASC,MAAgBC,EAAa;AA8BzF,SA5BgBC,EAAQ,OAuBb,EAAE,SAtBU,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,OAAAC,QAAY;AAClD,IAAAP,KAAA,QAAAA,EAAA;AAAA,MACZ,OAAAK;AAAA,MACA,gBAAAC;AAAA,MACA,OAAO,EAAE,GAAGR,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EAEJ,GAeqC,YAbF,CAAC,EAAE,OAAAM,GAAO,OAAAG,GAAO,OAAAD,QAAY;AAC7C,IAAAN,KAAA,QAAAA,EAAA;AAAA,MACf,OAAAI;AAAA,MACA,OAAAG;AAAA,MACA,OAAO,EAAE,GAAGV,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EAEJ,GAMgE,SAJhC,CAACM,GAAOE,MAAU;AAChD,IAAAL,KAAA,QAAAA,EAAcG,GAAO,EAAE,GAAGP,GAAsB,GAAGS,KAASR;AAAA,EAC9D,EAEoF,IAGnF,CAACD,GAAsBE,GAAaE,GAAaD,GAAgBF,CAAS,CAAC;AAGhF;"}
+{"version":3,"file":"use-tracking-context.js","sources":["../../../../src/features/ui/context/use-tracking-context.ts"],"sourcesContent":["import type { TTrackCTA, TTrackEvent, TTrackInput } from '../context/context';\n\nimport { useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nconst useTrackingContext = (\n  commonAnalyticsProps: Record<string, unknown>,\n  overrides: Record<string, unknown> = {},\n) => {\n  const { onClick: handleClick, onResponse: handleResponse, onEvent: handleEvent } = useUIContext();\n\n  const analyticsValue = useMemo(() => {\n    const trackCTA: TTrackCTA = ({ label, analyticsLabel, props }) => {\n      handleClick?.({\n        label,\n        analyticsLabel,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackResponse: TTrackInput = ({ label, value, props }) => {\n      handleResponse?.({\n        label,\n        value,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackEvent: TTrackEvent = (label, props) => {\n      handleEvent?.(label, { ...commonAnalyticsProps, ...props }, overrides);\n    };\n\n    const context = { onClick: trackCTA, onResponse: trackResponse, onEvent: trackEvent };\n\n    return context;\n  }, [commonAnalyticsProps, handleClick, handleEvent, handleResponse, overrides]);\n\n  return analyticsValue;\n};\n\nexport default useTrackingContext;\n"],"names":["useTrackingContext","commonAnalyticsProps","overrides","handleClick","handleResponse","handleEvent","useUIContext","useMemo","label","analyticsLabel","props","value","useTrackingContext$1"],"mappings":";;AAMA,MAAMA,IAAqB,CACzBC,GACAC,IAAqC,OAClC;AACG,QAAA,EAAE,SAASC,GAAa,YAAYC,GAAgB,SAASC,MAAgBC;AA8B5E,SA5BgBC,EAAQ,OAuBb,EAAE,SAtBU,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,OAAAC,QAAY;AAClD,IAAAP,KAAA,QAAAA,EAAA;AAAA,MACZ,OAAAK;AAAA,MACA,gBAAAC;AAAA,MACA,OAAO,EAAE,GAAGR,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EACD,GAgBkC,YAbF,CAAC,EAAE,OAAAM,GAAO,OAAAG,GAAO,OAAAD,QAAY;AAC7C,IAAAN,KAAA,QAAAA,EAAA;AAAA,MACf,OAAAI;AAAA,MACA,OAAAG;AAAA,MACA,OAAO,EAAE,GAAGV,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EACD,GAO6D,SAJhC,CAACM,GAAOE,MAAU;AAChD,IAAAL,KAAA,QAAAA,EAAcG,GAAO,EAAE,GAAGP,GAAsB,GAAGS,EAAA,GAASR;AAAA,EAAS,MAMtE,CAACD,GAAsBE,GAAaE,GAAaD,GAAgBF,CAAS,CAAC;AAGhF,GAEAU,IAAeZ;"}

package/dist/features/ui/context-menu/context-menu.js

@@ -1,27 +1,27 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { memo as c, useRef as f } from "react";
 import a from "../hooks/use-context-menu-click-handler.js";
-import { TargetElementWrapper as d, OptionsMenuWrapper as x, MenuElementWrapper as $ } from "./context-menu-styled.js";
-const W = c(
-  ({ targetElement: t, menuElement: o, menuOffset: i, startLeft: l, menuZIndex: m, placeTop: e }) => {
-    const n = f(null), { menuVisible: p, onMenuClick: s } = a(n);
-    return /* @__PURE__ */ u(d, { ref: n, onClick: s, children: [
-      t,
-      /* @__PURE__ */ r(
-        x,
+import { TargetElementWrapper as x, OptionsMenuWrapper as $, MenuElementWrapper as d } from "./context-menu-styled.js";
+const C = c(
+  ({ targetElement: r, menuElement: o, menuOffset: i, startLeft: l, menuZIndex: m, placeTop: e }) => {
+    const n = f(null), { menuVisible: s, onMenuClick: p } = a(n);
+    return /* @__PURE__ */ u(x, { ref: n, onClick: p, children: [
+      r,
+      /* @__PURE__ */ t(
+        $,
         {
           $menuOffset: i,
-          $visible: p,
+          $visible: s,
           $startLeft: l,
           $menuZIndex: m,
           $placeTop: e,
-          children: /* @__PURE__ */ r($, { $placeTop: e, children: o })
+          children: /* @__PURE__ */ t(d, { $placeTop: e, children: o })
         }
       )
     ] });
   }
-);
+), b = C;
 export {
-  W as default
+  b as default
 };
 //# sourceMappingURL=context-menu.js.map

package/dist/features/ui/context-menu/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({ targetElement, menuElement, menuOffset, startLeft, menuZIndex, placeTop }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,eAAAC,GAAe,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,UAAAC,QAAe;AACzE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,MAAgBC,EAA2BJ,CAAY;AAE5E,6BACGK,GAAA,EAA4B,KAAKL,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAT;AAAA,MAED,gBAAAY;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAaX;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACS,GAAA,EAA0B,WAAWT,GAAW,UAAYJ,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D,GACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({ targetElement, menuElement, menuOffset, startLeft, menuZIndex, placeTop }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,eAAAC,GAAe,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,UAAAC,QAAe;AACzE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY;AAE5E,6BACGK,GAAA,EAA4B,KAAKL,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAT;AAAA,MAED,gBAAAY;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAaX;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACS,GAAA,EAA0B,WAAWT,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAejB;"}

package/dist/features/ui/error/error.js

@@ -1,16 +1,16 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import { useCallback as m } from "react";
 import { ILLUSTRATIONS as c } from "../../../assets/illustrations/illustrations.js";
 import d from "../buttons/button/button.js";
 import h from "../image/image.js";
 import i from "../layout/flex-view.js";
 import n from "../text/text.js";
-const C = ({ height: a, onTryAgain: r, theme: l = "light" }) => {
+const $ = ({ height: a, onTryAgain: t, theme: l = "light" }) => {
   const s = m(() => {
-    r ? r() : window.location.reload();
-  }, [r]), e = l === "dark" ? "WHITE_T_87" : "BLACK_T_87";
+    t ? t() : window.location.reload();
+  }, [t]), e = l === "dark" ? "WHITE_T_87" : "BLACK_T_87";
   return /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", $height: a, children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       i,
       {
         $widthX: 22.5,
@@ -20,16 +20,16 @@ const C = ({ height: a, onTryAgain: r, theme: l = "light" }) => {
         $background: "GREY_1",
         $justifyContent: "center",
         $alignItems: "center",
-        children: /* @__PURE__ */ t(h, { width: 122, height: 100, src: c.ROCKET_BROKEN, withLoader: !1 })
+        children: /* @__PURE__ */ r(h, { width: 122, height: 100, src: c.ROCKET_BROKEN, withLoader: !1 })
       }
     ),
-    /* @__PURE__ */ t(n, { $renderAs: "h4", $marginBottomX: 0.5, $color: e, children: "Oops! Looks like something went wrong" }),
+    /* @__PURE__ */ r(n, { $renderAs: "h4", $marginBottomX: 0.5, $color: e, children: "Oops! Looks like something went wrong" }),
     /* @__PURE__ */ o(n, { $renderAs: "body2", $align: "center", $marginBottomX: 1.5, $color: e, children: [
       "Please try again. Alternatively if that does not work,",
-      /* @__PURE__ */ t("br", {}),
+      /* @__PURE__ */ r("br", {}),
       " please contact support."
     ] }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       d,
       {
         label: "Try again",
@@ -40,8 +40,8 @@ const C = ({ height: a, onTryAgain: r, theme: l = "light" }) => {
       }
     )
   ] });
-};
+}, T = $;
 export {
-  C as default
+  T as default
 };
 //# sourceMappingURL=error.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"error.js","sources":["../../../../src/features/ui/error/error.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Button from '../buttons/button/button';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\ninterface IErrorProps {\n  onTryAgain?: () => void;\n  height?: string | number;\n  theme?: 'light' | 'dark';\n}\n\nconst Error: React.FC<IErrorProps> = ({ height, onTryAgain, theme = 'light' }) => {\n  const handleTryAgain = useCallback(() => {\n    if (onTryAgain) {\n      onTryAgain();\n    } else {\n      window.location.reload();\n    }\n  }, [onTryAgain]);\n\n  const textColor = theme === 'dark' ? 'WHITE_T_87' : 'BLACK_T_87';\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height={height}>\n      <FlexView\n        $widthX={22.5}\n        $heightX={11.5}\n        $borderRadiusX={1}\n        $marginBottomX={1.5}\n        $background=\"GREY_1\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <Image width={122} height={100} src={ILLUSTRATIONS.ROCKET_BROKEN} withLoader={false} />\n      </FlexView>\n      <Text $renderAs=\"h4\" $marginBottomX={0.5} $color={textColor}>\n        Oops! Looks like something went wrong\n      </Text>\n      <Text $renderAs=\"body2\" $align=\"center\" $marginBottomX={1.5} $color={textColor}>\n        Please try again. Alternatively if that does not work,\n        <br /> please contact support.\n      </Text>\n      <Button\n        label=\"Try again\"\n        onClick={handleTryAgain}\n        renderAs=\"primary\"\n        size=\"small\"\n        widthX={14}\n      />\n    </FlexView>\n  );\n};\n\nexport default Error;\n"],"names":["Error","height","onTryAgain","theme","handleTryAgain","useCallback","textColor","FlexView","jsx","Image","ILLUSTRATIONS","Text","jsxs","Button"],"mappings":";;;;;;;AAcA,MAAMA,IAA+B,CAAC,EAAE,QAAAC,GAAQ,YAAAC,GAAY,OAAAC,IAAQ,cAAc;AAC1E,QAAAC,IAAiBC,EAAY,MAAM;AACvC,IAAIH,IACSA,EAAA,IAEX,OAAO,SAAS,OAAO;AAAA,EACzB,GACC,CAACA,CAAU,CAAC,GAETI,IAAYH,MAAU,SAAS,eAAe;AAEpD,2BACGI,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,SAASN,GAC/D,UAAA;AAAA,IAAA,gBAAAO;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA,gBAAAC,EAACC,GAAM,EAAA,OAAO,KAAK,QAAQ,KAAK,KAAKC,EAAc,eAAe,YAAY,GAAO,CAAA;AAAA,MAAA;AAAA,IACvF;AAAA,IACA,gBAAAF,EAACG,KAAK,WAAU,MAAK,gBAAgB,KAAK,QAAQL,GAAW,UAE7D,wCAAA,CAAA;AAAA,IACA,gBAAAM,EAACD,KAAK,WAAU,SAAQ,QAAO,UAAS,gBAAgB,KAAK,QAAQL,GAAW,UAAA;AAAA,MAAA;AAAA,wBAE7E,MAAG,EAAA;AAAA,MAAE;AAAA,IAAA,GACR;AAAA,IACA,gBAAAE;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAST;AAAA,QACT,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GACF;AAEJ;"}
+{"version":3,"file":"error.js","sources":["../../../../src/features/ui/error/error.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Button from '../buttons/button/button';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\ninterface IErrorProps {\n  onTryAgain?: () => void;\n  height?: string | number;\n  theme?: 'light' | 'dark';\n}\n\nconst Error: React.FC<IErrorProps> = ({ height, onTryAgain, theme = 'light' }) => {\n  const handleTryAgain = useCallback(() => {\n    if (onTryAgain) {\n      onTryAgain();\n    } else {\n      window.location.reload();\n    }\n  }, [onTryAgain]);\n\n  const textColor = theme === 'dark' ? 'WHITE_T_87' : 'BLACK_T_87';\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height={height}>\n      <FlexView\n        $widthX={22.5}\n        $heightX={11.5}\n        $borderRadiusX={1}\n        $marginBottomX={1.5}\n        $background=\"GREY_1\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <Image width={122} height={100} src={ILLUSTRATIONS.ROCKET_BROKEN} withLoader={false} />\n      </FlexView>\n      <Text $renderAs=\"h4\" $marginBottomX={0.5} $color={textColor}>\n        Oops! Looks like something went wrong\n      </Text>\n      <Text $renderAs=\"body2\" $align=\"center\" $marginBottomX={1.5} $color={textColor}>\n        Please try again. Alternatively if that does not work,\n        <br /> please contact support.\n      </Text>\n      <Button\n        label=\"Try again\"\n        onClick={handleTryAgain}\n        renderAs=\"primary\"\n        size=\"small\"\n        widthX={14}\n      />\n    </FlexView>\n  );\n};\n\nexport default Error;\n"],"names":["Error","height","onTryAgain","theme","handleTryAgain","useCallback","textColor","FlexView","jsx","Image","ILLUSTRATIONS","Text","jsxs","Button","Error$1"],"mappings":";;;;;;;AAcA,MAAMA,IAA+B,CAAC,EAAE,QAAAC,GAAQ,YAAAC,GAAY,OAAAC,IAAQ,cAAc;AAC1E,QAAAC,IAAiBC,EAAY,MAAM;AACvC,IAAIH,IACSA,MAEX,OAAO,SAAS;EAClB,GACC,CAACA,CAAU,CAAC,GAETI,IAAYH,MAAU,SAAS,eAAe;AAEpD,2BACGI,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,SAASN,GAC/D,UAAA;AAAA,IAAA,gBAAAO;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA,gBAAAC,EAACC,GAAM,EAAA,OAAO,KAAK,QAAQ,KAAK,KAAKC,EAAc,eAAe,YAAY,GAAO,CAAA;AAAA,MAAA;AAAA,IACvF;AAAA,IACA,gBAAAF,EAACG,KAAK,WAAU,MAAK,gBAAgB,KAAK,QAAQL,GAAW,UAE7D,wCAAA,CAAA;AAAA,IACA,gBAAAM,EAACD,KAAK,WAAU,SAAQ,QAAO,UAAS,gBAAgB,KAAK,QAAQL,GAAW,UAAA;AAAA,MAAA;AAAA,wBAE7E,MAAG,EAAA;AAAA,MAAE;AAAA,IAAA,GACR;AAAA,IACA,gBAAAE;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAST;AAAA,QACT,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAU,IAAed;"}

package/dist/features/ui/grade-selector/grade-selector-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-selector-styled.js","sources":["../../../../src/features/ui/grade-selector/grade-selector-styled.tsx"],"sourcesContent":["import type { IGradeSelectorWrapperProps } from './grade-selector-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst GradeSelectorWrapper = styled(FlexView)<IGradeSelectorWrapperProps>(\n  ({ width, layoutAlignment }) => `\n    flex-wrap: wrap;\n    width:${width ? `${width}px` : 'auto'};\n    justify-content: ${layoutAlignment === 'auto' ? `auto` : 'center'};\n`,\n);\n\nexport { GradeSelectorWrapper };\n"],"names":["GradeSelectorWrapper","styled","FlexView","width","layoutAlignment"],"mappings":";;AAMM,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,EAC1C,CAAC,EAAE,OAAAC,GAAO,iBAAAC,QAAsB;AAAA;AAAA,YAEtBD,IAAQ,GAAGA,CAAK,OAAO,MAAM;AAAA,uBAClBC,MAAoB,SAAS,SAAS,QAAQ;AAAA;AAErE;"}
+{"version":3,"file":"grade-selector-styled.js","sources":["../../../../src/features/ui/grade-selector/grade-selector-styled.tsx"],"sourcesContent":["import type { IGradeSelectorWrapperProps } from './grade-selector-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst GradeSelectorWrapper = styled(FlexView)<IGradeSelectorWrapperProps>(\n  ({ width, layoutAlignment }) => `\n    flex-wrap: wrap;\n    width:${width ? `${width}px` : 'auto'};\n    justify-content: ${layoutAlignment === 'auto' ? `auto` : 'center'};\n`,\n);\n\nexport { GradeSelectorWrapper };\n"],"names":["GradeSelectorWrapper","styled","FlexView","width","layoutAlignment"],"mappings":";;AAMM,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,EAC1C,CAAC,EAAE,OAAAC,GAAO,iBAAAC,EAAA,MAAsB;AAAA;AAAA,YAEtBD,IAAQ,GAAGA,CAAK,OAAO,MAAM;AAAA,uBAClBC,MAAoB,SAAS,SAAS,QAAQ;AAAA;AAErE;"}

package/dist/features/ui/grade-selector/grade-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-selector.js","sources":["../../../../src/features/ui/grade-selector/grade-selector.tsx"],"sourcesContent":["import type { IGradeSelectorProps } from './grade-selector-types';\n\nimport * as Styled from './grade-selector-styled';\nimport GradeTab from './grade-tab';\n\nfunction GradeSelector({\n  selectedValue,\n  onSelect,\n  tabsWidth,\n  width,\n  grades,\n  renderAs,\n  size,\n  layoutAlignment,\n}: IGradeSelectorProps): JSX.Element {\n  return (\n    <Styled.GradeSelectorWrapper\n      width={width}\n      layoutAlignment={layoutAlignment}\n      $alignItems=\"center\"\n      $flexDirection=\"row\"\n    >\n      {grades.map(grade => {\n        return (\n          <GradeTab\n            key={grade}\n            label={grade === '0' ? 'KG' : grade}\n            selected={selectedValue === grade}\n            width={tabsWidth}\n            onSelect={onSelect}\n            renderAs={renderAs}\n            size={size}\n            grade={grade}\n          />\n        );\n      })}\n    </Styled.GradeSelectorWrapper>\n  );\n}\n\nexport default GradeSelector;\n"],"names":["GradeSelector","selectedValue","onSelect","tabsWidth","width","grades","renderAs","size","layoutAlignment","jsx","Styled.GradeSelectorWrapper","grade","GradeTab"],"mappings":";;;AAKA,SAASA,EAAc;AAAA,EACrB,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AACF,GAAqC;AAEjC,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,iBAAAI;AAAA,MACA,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEd,UAAAH,EAAO,IAAI,CAASM,MAEjB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,OAAOD,MAAU,MAAM,OAAOA;AAAA,UAC9B,UAAUV,MAAkBU;AAAA,UAC5B,OAAOR;AAAA,UACP,UAAAD;AAAA,UACA,UAAAI;AAAA,UACA,MAAAC;AAAA,UACA,OAAAI;AAAA,QAAA;AAAA,QAPKA;AAAA,MAQP,CAEH;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"grade-selector.js","sources":["../../../../src/features/ui/grade-selector/grade-selector.tsx"],"sourcesContent":["import type { IGradeSelectorProps } from './grade-selector-types';\n\nimport * as Styled from './grade-selector-styled';\nimport GradeTab from './grade-tab';\n\nfunction GradeSelector({\n  selectedValue,\n  onSelect,\n  tabsWidth,\n  width,\n  grades,\n  renderAs,\n  size,\n  layoutAlignment,\n}: IGradeSelectorProps): JSX.Element {\n  return (\n    <Styled.GradeSelectorWrapper\n      width={width}\n      layoutAlignment={layoutAlignment}\n      $alignItems=\"center\"\n      $flexDirection=\"row\"\n    >\n      {grades.map(grade => {\n        return (\n          <GradeTab\n            key={grade}\n            label={grade === '0' ? 'KG' : grade}\n            selected={selectedValue === grade}\n            width={tabsWidth}\n            onSelect={onSelect}\n            renderAs={renderAs}\n            size={size}\n            grade={grade}\n          />\n        );\n      })}\n    </Styled.GradeSelectorWrapper>\n  );\n}\n\nexport default GradeSelector;\n"],"names":["GradeSelector","selectedValue","onSelect","tabsWidth","width","grades","renderAs","size","layoutAlignment","jsx","Styled.GradeSelectorWrapper","grade","GradeTab"],"mappings":";;;AAKA,SAASA,EAAc;AAAA,EACrB,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AACF,GAAqC;AAEjC,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,iBAAAI;AAAA,MACA,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEd,UAAAH,EAAO,IAAI,CAASM,MAEjB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,OAAOD,MAAU,MAAM,OAAOA;AAAA,UAC9B,UAAUV,MAAkBU;AAAA,UAC5B,OAAOR;AAAA,UACP,UAAAD;AAAA,UACA,UAAAI;AAAA,UACA,MAAAC;AAAA,UACA,OAAAI;AAAA,QAAA;AAAA,QAPKA;AAAA,MAAA,CAUV;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/features/ui/grade-selector/grade-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-tab.js","sources":["../../../../src/features/ui/grade-selector/grade-tab.tsx"],"sourcesContent":["import type { IGradeTabProps } from './grade-selector-types';\n\nimport React, { useCallback } from 'react';\n\nimport Tab from '../tab/tab';\n\nconst GradeTab: React.FC<IGradeTabProps> = ({\n  renderAs = 'primary',\n  size = 'regular',\n  label,\n  selected,\n  width,\n  onSelect,\n  grade,\n}) => {\n  const handleClick = useCallback(() => {\n    onSelect(grade);\n  }, [grade, onSelect]);\n\n  return (\n    <Tab\n      label={label}\n      $selected={selected}\n      $width={width}\n      $renderAs={renderAs}\n      $size={size}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default GradeTab;\n"],"names":["GradeTab","renderAs","size","label","selected","width","onSelect","grade","handleClick","useCallback","jsx","Tab"],"mappings":";;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAY,MAAM;AACpC,IAAAH,EAASC,CAAK;AAAA,EAAA,GACb,CAACA,GAAOD,CAAQ,CAAC;AAGlB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,WAAWJ;AAAA,MACX,OAAOC;AAAA,MACP,SAASM;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"grade-tab.js","sources":["../../../../src/features/ui/grade-selector/grade-tab.tsx"],"sourcesContent":["import type { IGradeTabProps } from './grade-selector-types';\n\nimport React, { useCallback } from 'react';\n\nimport Tab from '../tab/tab';\n\nconst GradeTab: React.FC<IGradeTabProps> = ({\n  renderAs = 'primary',\n  size = 'regular',\n  label,\n  selected,\n  width,\n  onSelect,\n  grade,\n}) => {\n  const handleClick = useCallback(() => {\n    onSelect(grade);\n  }, [grade, onSelect]);\n\n  return (\n    <Tab\n      label={label}\n      $selected={selected}\n      $width={width}\n      $renderAs={renderAs}\n      $size={size}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default GradeTab;\n"],"names":["GradeTab","renderAs","size","label","selected","width","onSelect","grade","handleClick","useCallback","jsx","Tab"],"mappings":";;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAY,MAAM;AACpC,IAAAH,EAASC,CAAK;AAAA,EAAA,GACb,CAACA,GAAOD,CAAQ,CAAC;AAGlB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,WAAWJ;AAAA,MACX,OAAOC;AAAA,MACP,SAASM;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/features/ui/hooks/use-click-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-click-handler.js","sources":["../../../../src/features/ui/hooks/use-click-handler.ts"],"sourcesContent":["import type { IClickableAnalyticsProps } from '../types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nconst isInSnakeCase = (str: string) => {\n  return /^[a-z0-9_]+$/.test(str);\n};\n\ninterface IUseclickHandler {\n  (\n    params: IClickableAnalyticsProps,\n    onClick?: () => void,\n  ): {\n    handleClick: () => void;\n  };\n}\n\nconst useClickHandler: IUseclickHandler = ({ label, analyticsLabel, analyticsProps }, onClick) => {\n  const analyticsPropsCached = useMemo(() => analyticsProps, [analyticsProps]); //TODO: fix this\n  const { onClick: contextOnClick } = useUIContext();\n\n  const handleClick = useCallback(() => {\n    if (contextOnClick) {\n      if (analyticsLabel && isInSnakeCase(analyticsLabel)) {\n        contextOnClick({\n          analyticsLabel,\n          props: analyticsPropsCached,\n        });\n      } else if (analyticsLabel || label) {\n        contextOnClick({\n          label: analyticsLabel || label,\n          props: analyticsPropsCached,\n        });\n      } else {\n        throw new Error('You must provide label or analyticsLabel to the clickable component');\n      }\n    }\n\n    if (onClick) {\n      onClick();\n    }\n  }, [contextOnClick, label, analyticsLabel, analyticsPropsCached, onClick]);\n\n  return { handleClick };\n};\n\nexport default useClickHandler;\n"],"names":["isInSnakeCase","str","useClickHandler","label","analyticsLabel","analyticsProps","onClick","analyticsPropsCached","useMemo","contextOnClick","useUIContext","useCallback"],"mappings":";;AAMA,MAAMA,IAAgB,CAACC,MACd,eAAe,KAAKA,CAAG,GAY1BC,IAAoC,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,gBAAAC,EAAA,GAAkBC,MAAY;AAChG,QAAMC,IAAuBC,EAAQ,MAAMH,GAAgB,CAACA,CAAc,CAAC,GACrE,EAAE,SAASI,EAAe,IAAIC,EAAa;AAwBjD,SAAO,EAAE,aAtBWC,EAAY,MAAM;AACpC,QAAIF;AACE,UAAAL,KAAkBJ,EAAcI,CAAc;AACjC,QAAAK,EAAA;AAAA,UACb,gBAAAL;AAAA,UACA,OAAOG;AAAA,QAAA,CACR;AAAA,eACQH,KAAkBD;AACZ,QAAAM,EAAA;AAAA,UACb,OAAOL,KAAkBD;AAAA,UACzB,OAAOI;AAAA,QAAA,CACR;AAAA;AAEK,cAAA,IAAI,MAAM,qEAAqE;AAIzF,IAAID,KACMA,EAAA;AAAA,EACV,GACC,CAACG,GAAgBN,GAAOC,GAAgBG,GAAsBD,CAAO,CAAC,EAEpD;AACvB;"}
+{"version":3,"file":"use-click-handler.js","sources":["../../../../src/features/ui/hooks/use-click-handler.ts"],"sourcesContent":["import type { IClickableAnalyticsProps } from '../types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nconst isInSnakeCase = (str: string) => {\n  return /^[a-z0-9_]+$/.test(str);\n};\n\ninterface IUseclickHandler {\n  (\n    params: IClickableAnalyticsProps,\n    onClick?: () => void,\n  ): {\n    handleClick: () => void;\n  };\n}\n\nconst useClickHandler: IUseclickHandler = ({ label, analyticsLabel, analyticsProps }, onClick) => {\n  const analyticsPropsCached = useMemo(() => analyticsProps, [analyticsProps]); //TODO: fix this\n  const { onClick: contextOnClick } = useUIContext();\n\n  const handleClick = useCallback(() => {\n    if (contextOnClick) {\n      if (analyticsLabel && isInSnakeCase(analyticsLabel)) {\n        contextOnClick({\n          analyticsLabel,\n          props: analyticsPropsCached,\n        });\n      } else if (analyticsLabel || label) {\n        contextOnClick({\n          label: analyticsLabel || label,\n          props: analyticsPropsCached,\n        });\n      } else {\n        throw new Error('You must provide label or analyticsLabel to the clickable component');\n      }\n    }\n\n    if (onClick) {\n      onClick();\n    }\n  }, [contextOnClick, label, analyticsLabel, analyticsPropsCached, onClick]);\n\n  return { handleClick };\n};\n\nexport default useClickHandler;\n"],"names":["isInSnakeCase","str","useClickHandler","label","analyticsLabel","analyticsProps","onClick","analyticsPropsCached","useMemo","contextOnClick","useUIContext","useCallback"],"mappings":";;AAMA,MAAMA,IAAgB,CAACC,MACd,eAAe,KAAKA,CAAG,GAY1BC,IAAoC,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,gBAAAC,EAAA,GAAkBC,MAAY;AAChG,QAAMC,IAAuBC,EAAQ,MAAMH,GAAgB,CAACA,CAAc,CAAC,GACrE,EAAE,SAASI,EAAe,IAAIC,EAAa;AAwBjD,SAAO,EAAE,aAtBWC,EAAY,MAAM;AACpC,QAAIF;AACE,UAAAL,KAAkBJ,EAAcI,CAAc;AACjC,QAAAK,EAAA;AAAA,UACb,gBAAAL;AAAA,UACA,OAAOG;AAAA,QAAA,CACR;AAAA,eACQH,KAAkBD;AACZ,QAAAM,EAAA;AAAA,UACb,OAAOL,KAAkBD;AAAA,UACzB,OAAOI;AAAA,QAAA,CACR;AAAA;AAEK,cAAA,IAAI,MAAM,qEAAqE;AAIzF,IAAID,KACMA;EACV,GACC,CAACG,GAAgBN,GAAOC,GAAgBG,GAAsBD,CAAO,CAAC,EAEpD;AACvB;"}

package/dist/features/ui/hooks/use-context-menu-click-handler.js

@@ -1,28 +1,28 @@
-import { useState as L, useCallback as w } from "react";
-const M = (d, s, v = !0, r, c = !1) => {
-  const [f, a] = L(!1), e = w(
-    (t) => {
-      d.current && t.target && (d.current.contains(t.target) || (a(!1), r && r()));
+import { useState as m, useCallback as t } from "react";
+const E = (d, s, w = !0, e, c = !1) => {
+  const [f, a] = m(!1), r = t(
+    (v) => {
+      d.current && v.target && (d.current.contains(v.target) || (a(!1), e && e()));
     },
-    [d, r]
-  ), m = w(() => {
-    !f && !c ? (window.removeEventListener("click", e), a(!0), window.addEventListener("click", e)) : v && (window.removeEventListener("click", e), a(!1), r == null || r()), s == null || s();
+    [d, e]
+  ), n = t(() => {
+    !f && !c ? (window.removeEventListener("click", r), a(!0), window.addEventListener("click", r)) : w && (window.removeEventListener("click", r), a(!1), e == null || e()), s == null || s();
   }, [
-    v,
-    e,
+    w,
+    r,
     f,
     s,
-    r,
+    e,
     c
-  ]), E = w(() => {
-    window.removeEventListener("click", e), a(!1);
-  }, [e]);
+  ]), u = t(() => {
+    window.removeEventListener("click", r), a(!1);
+  }, [r]);
   return {
     menuVisible: f,
-    onMenuClick: m,
-    hideMenu: E
+    onMenuClick: n,
+    hideMenu: u
   };
-};
+}, M = E;
 export {
   M as default
 };

package/dist/features/ui/hooks/use-context-menu-click-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-context-menu-click-handler.js","sources":["../../../../src/features/ui/hooks/use-context-menu-click-handler.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useCallback, useState } from 'react';\n\n// TODO:SG - Have single options object\ninterface IUseContextMenuClickHandler {\n  (\n    menuContainerRef: RefObject<HTMLElement>,\n    onClick?: () => void,\n    canCloseOnMenuClick?: boolean,\n    onCloseWithoutSelection?: () => void,\n    disabled?: boolean,\n  ): {\n    menuVisible: boolean;\n    hideMenu: () => void;\n    onMenuClick: () => void;\n  };\n}\n\nconst useContextMenuClickHandler: IUseContextMenuClickHandler = (\n  menuContainerRef,\n  onClick,\n  canCloseOnMenuClick = true,\n  onCloseWithoutSelection,\n  disabled = false,\n) => {\n  const [menuVisible, setMenuVisible] = useState(false);\n  const handleBodyClick = useCallback(\n    (e: MouseEvent) => {\n      if (menuContainerRef.current && e.target) {\n        if (!menuContainerRef.current.contains(e.target as Node)) {\n          setMenuVisible(false);\n          onCloseWithoutSelection && onCloseWithoutSelection();\n        }\n      }\n    },\n    [menuContainerRef, onCloseWithoutSelection],\n  );\n\n  const onMenuClick = useCallback(() => {\n    if (!menuVisible && !disabled) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(true);\n      window.addEventListener('click', handleBodyClick);\n    } else if (canCloseOnMenuClick) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(false);\n      onCloseWithoutSelection?.();\n    }\n\n    onClick?.();\n  }, [\n    canCloseOnMenuClick,\n    handleBodyClick,\n    menuVisible,\n    onClick,\n    onCloseWithoutSelection,\n    disabled,\n  ]);\n\n  const hideMenu = useCallback(() => {\n    window.removeEventListener('click', handleBodyClick);\n    setMenuVisible(false);\n  }, [handleBodyClick]);\n\n  return {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  };\n};\n\nexport default useContextMenuClickHandler;\n"],"names":["useContextMenuClickHandler","menuContainerRef","onClick","canCloseOnMenuClick","onCloseWithoutSelection","disabled","menuVisible","setMenuVisible","useState","handleBodyClick","useCallback","e","onMenuClick","hideMenu"],"mappings":";AAmBM,MAAAA,IAA0D,CAC9DC,GACAC,GACAC,IAAsB,IACtBC,GACAC,IAAW,OACR;AACH,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAkBC;AAAA,IACtB,CAACC,MAAkB;AACb,MAAAV,EAAiB,WAAWU,EAAE,WAC3BV,EAAiB,QAAQ,SAASU,EAAE,MAAc,MACrDJ,EAAe,EAAK,GACpBH,KAA2BA,EAAwB;AAAA,IAGzD;AAAA,IACA,CAACH,GAAkBG,CAAuB;AAAA,EAC5C,GAEMQ,IAAcF,EAAY,MAAM;AAChC,IAAA,CAACJ,KAAe,CAACD,KACZ,OAAA,oBAAoB,SAASI,CAAe,GACnDF,EAAe,EAAI,GACZ,OAAA,iBAAiB,SAASE,CAAe,KACvCN,MACF,OAAA,oBAAoB,SAASM,CAAe,GACnDF,EAAe,EAAK,GACMH,KAAA,QAAAA,MAGlBF,KAAA,QAAAA;AAAA,EAAA,GACT;AAAA,IACDC;AAAA,IACAM;AAAA,IACAH;AAAA,IACAJ;AAAA,IACAE;AAAA,IACAC;AAAA,EAAA,CACD,GAEKQ,IAAWH,EAAY,MAAM;AAC1B,WAAA,oBAAoB,SAASD,CAAe,GACnDF,EAAe,EAAK;AAAA,EAAA,GACnB,CAACE,CAAe,CAAC;AAEb,SAAA;AAAA,IACL,aAAAH;AAAA,IACA,aAAAM;AAAA,IACA,UAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"use-context-menu-click-handler.js","sources":["../../../../src/features/ui/hooks/use-context-menu-click-handler.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useCallback, useState } from 'react';\n\n// TODO:SG - Have single options object\ninterface IUseContextMenuClickHandler {\n  (\n    menuContainerRef: RefObject<HTMLElement>,\n    onClick?: () => void,\n    canCloseOnMenuClick?: boolean,\n    onCloseWithoutSelection?: () => void,\n    disabled?: boolean,\n  ): {\n    menuVisible: boolean;\n    hideMenu: () => void;\n    onMenuClick: () => void;\n  };\n}\n\nconst useContextMenuClickHandler: IUseContextMenuClickHandler = (\n  menuContainerRef,\n  onClick,\n  canCloseOnMenuClick = true,\n  onCloseWithoutSelection,\n  disabled = false,\n) => {\n  const [menuVisible, setMenuVisible] = useState(false);\n  const handleBodyClick = useCallback(\n    (e: MouseEvent) => {\n      if (menuContainerRef.current && e.target) {\n        if (!menuContainerRef.current.contains(e.target as Node)) {\n          setMenuVisible(false);\n          onCloseWithoutSelection && onCloseWithoutSelection();\n        }\n      }\n    },\n    [menuContainerRef, onCloseWithoutSelection],\n  );\n\n  const onMenuClick = useCallback(() => {\n    if (!menuVisible && !disabled) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(true);\n      window.addEventListener('click', handleBodyClick);\n    } else if (canCloseOnMenuClick) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(false);\n      onCloseWithoutSelection?.();\n    }\n\n    onClick?.();\n  }, [\n    canCloseOnMenuClick,\n    handleBodyClick,\n    menuVisible,\n    onClick,\n    onCloseWithoutSelection,\n    disabled,\n  ]);\n\n  const hideMenu = useCallback(() => {\n    window.removeEventListener('click', handleBodyClick);\n    setMenuVisible(false);\n  }, [handleBodyClick]);\n\n  return {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  };\n};\n\nexport default useContextMenuClickHandler;\n"],"names":["useContextMenuClickHandler","menuContainerRef","onClick","canCloseOnMenuClick","onCloseWithoutSelection","disabled","menuVisible","setMenuVisible","useState","handleBodyClick","useCallback","e","onMenuClick","hideMenu","useContextMenuClickHandler$1"],"mappings":";AAmBA,MAAMA,IAA0D,CAC9DC,GACAC,GACAC,IAAsB,IACtBC,GACAC,IAAW,OACR;AACH,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAkBC;AAAA,IACtB,CAACC,MAAkB;AACb,MAAAV,EAAiB,WAAWU,EAAE,WAC3BV,EAAiB,QAAQ,SAASU,EAAE,MAAc,MACrDJ,EAAe,EAAK,GACpBH,KAA2BA,EAAwB;AAAA,IAGzD;AAAA,IACA,CAACH,GAAkBG,CAAuB;AAAA,EAAA,GAGtCQ,IAAcF,EAAY,MAAM;AAChC,IAAA,CAACJ,KAAe,CAACD,KACZ,OAAA,oBAAoB,SAASI,CAAe,GACnDF,EAAe,EAAI,GACZ,OAAA,iBAAiB,SAASE,CAAe,KACvCN,MACF,OAAA,oBAAoB,SAASM,CAAe,GACnDF,EAAe,EAAK,GACMH,KAAA,QAAAA,MAGlBF,KAAA,QAAAA;AAAA,EAAA,GACT;AAAA,IACDC;AAAA,IACAM;AAAA,IACAH;AAAA,IACAJ;AAAA,IACAE;AAAA,IACAC;AAAA,EAAA,CACD,GAEKQ,IAAWH,EAAY,MAAM;AAC1B,WAAA,oBAAoB,SAASD,CAAe,GACnDF,EAAe,EAAK;AAAA,EAAA,GACnB,CAACE,CAAe,CAAC;AAEb,SAAA;AAAA,IACL,aAAAH;AAAA,IACA,aAAAM;AAAA,IACA,UAAAC;AAAA,EAAA;AAEJ,GAEAC,IAAed;"}

package/dist/features/ui/hooks/use-response-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-response-handler.js","sources":["../../../../src/features/ui/hooks/use-response-handler.ts"],"sourcesContent":["import type { IResponseAnalyticsProps } from '../types';\n\nimport { useCallback } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nfunction useResponseHandler<T extends string | boolean | number>({\n  analyticsLabel,\n  analyticsProps: props,\n}: IResponseAnalyticsProps) {\n  const { onResponse: contextOnResponse } = useUIContext();\n\n  const handleTracking = useCallback(\n    (value: T) => {\n      if (contextOnResponse) {\n        if (analyticsLabel) {\n          contextOnResponse({\n            label: analyticsLabel,\n            value,\n            props: { ...props },\n          });\n        } else {\n          throw new Error('You must provide analyticsLabel to the input component');\n        }\n      }\n    },\n    [contextOnResponse, analyticsLabel, props],\n  );\n\n  return handleTracking;\n}\n\nexport default useResponseHandler;\n"],"names":["useResponseHandler","analyticsLabel","props","contextOnResponse","useUIContext","useCallback","value"],"mappings":";;AAMA,SAASA,EAAwD;AAAA,EAC/D,gBAAAC;AAAA,EACA,gBAAgBC;AAClB,GAA4B;AAC1B,QAAM,EAAE,YAAYC,EAAkB,IAAIC,EAAa;AAmBhD,SAjBgBC;AAAA,IACrB,CAACC,MAAa;AACZ,UAAIH;AACF,YAAIF;AACgB,UAAAE,EAAA;AAAA,YAChB,OAAOF;AAAA,YACP,OAAAK;AAAA,YACA,OAAO,EAAE,GAAGJ,EAAM;AAAA,UAAA,CACnB;AAAA;AAEK,gBAAA,IAAI,MAAM,wDAAwD;AAAA,IAG9E;AAAA,IACA,CAACC,GAAmBF,GAAgBC,CAAK;AAAA,EAC3C;AAGF;"}
+{"version":3,"file":"use-response-handler.js","sources":["../../../../src/features/ui/hooks/use-response-handler.ts"],"sourcesContent":["import type { IResponseAnalyticsProps } from '../types';\n\nimport { useCallback } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nfunction useResponseHandler<T extends string | boolean | number>({\n  analyticsLabel,\n  analyticsProps: props,\n}: IResponseAnalyticsProps) {\n  const { onResponse: contextOnResponse } = useUIContext();\n\n  const handleTracking = useCallback(\n    (value: T) => {\n      if (contextOnResponse) {\n        if (analyticsLabel) {\n          contextOnResponse({\n            label: analyticsLabel,\n            value,\n            props: { ...props },\n          });\n        } else {\n          throw new Error('You must provide analyticsLabel to the input component');\n        }\n      }\n    },\n    [contextOnResponse, analyticsLabel, props],\n  );\n\n  return handleTracking;\n}\n\nexport default useResponseHandler;\n"],"names":["useResponseHandler","analyticsLabel","props","contextOnResponse","useUIContext","useCallback","value"],"mappings":";;AAMA,SAASA,EAAwD;AAAA,EAC/D,gBAAAC;AAAA,EACA,gBAAgBC;AAClB,GAA4B;AAC1B,QAAM,EAAE,YAAYC,EAAkB,IAAIC,EAAa;AAmBhD,SAjBgBC;AAAA,IACrB,CAACC,MAAa;AACZ,UAAIH;AACF,YAAIF;AACgB,UAAAE,EAAA;AAAA,YAChB,OAAOF;AAAA,YACP,OAAAK;AAAA,YACA,OAAO,EAAE,GAAGJ,EAAM;AAAA,UAAA,CACnB;AAAA;AAEK,gBAAA,IAAI,MAAM,wDAAwD;AAAA,IAG9E;AAAA,IACA,CAACC,GAAmBF,GAAgBC,CAAK;AAAA,EAAA;AAI7C;"}

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

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n  animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n  ({ borderRadius = 0, borderColor, withLoader, ...props }) => {\n    const { width, height } = props;\n    const [isLoading, setIsLoading] = useState(true);\n    const handleImgLoaded = () => {\n      setIsLoading(false);\n    };\n    const showLoader = isLoading && withLoader;\n\n    return (\n      <ImageWrapper\n        $width={width}\n        $height={height}\n        $borderColor={borderColor}\n        $borderRadius={borderRadius}\n      >\n        {showLoader && <LoadingFlexView $inherit={true} />}\n        <img onLoad={handleImgLoaded} {...props} />\n      </ImageWrapper>\n    );\n  },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,GAAY,GAAGC,QAAY;AACrD,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UACpB,GAWmC,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3C;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n  animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n  ({ borderRadius = 0, borderColor, withLoader, ...props }) => {\n    const { width, height } = props;\n    const [isLoading, setIsLoading] = useState(true);\n    const handleImgLoaded = () => {\n      setIsLoading(false);\n    };\n    const showLoader = isLoading && withLoader;\n\n    return (\n      <ImageWrapper\n        $width={width}\n        $height={height}\n        $borderColor={borderColor}\n        $borderRadius={borderRadius}\n      >\n        {showLoader && <LoadingFlexView $inherit={true} />}\n        <img onLoad={handleImgLoaded} {...props} />\n      </ImageWrapper>\n    );\n  },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,GAAY,GAAGC,QAAY;AACrD,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF;"}