@cuemath/leap 3.1.14 → 3.1.15-hg1

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

@@ -1,55 +1,55 @@
-import { jsx as t, jsxs as B, Fragment as R } from "react/jsx-runtime";
-import { useCallback as g } from "react";
-import { useTheme as j } from "styled-components";
+import { jsx as t, jsxs as R, Fragment as g } from "react/jsx-runtime";
+import { useCallback as j } from "react";
+import { useTheme as B } from "styled-components";
 import { ILLUSTRATIONS as I } from "../../../../assets/illustrations/illustrations.js";
 import O from "../../hooks/use-click-handler.js";
 import { Button as S, Loader as T, Icon as b, Label as v } from "./button-styled.js";
-const w = ({
+const N = ({
   label: r,
   renderAs: o,
-  size: n = "regular",
-  shape: s = "curved",
-  disabled: a = !1,
-  busy: e = !1,
+  size: e = "regular",
+  shape: a = "curved",
+  disabled: s = !1,
+  busy: n = !1,
   width: c,
   widthX: d,
   Icon: i,
-  iconPosition: u = "left",
-  onClick: m,
-  alignSelf: $,
-  justifyContent: f = "center",
+  iconPosition: m = "left",
+  onClick: u,
+  alignSelf: f,
+  justifyContent: $ = "center",
   analyticsLabel: h,
   analyticsProps: p,
   children: C,
   ...L
 }) => {
-  const { button: k } = j(), { textVariant: x } = k.sizes[n], { handleClick: l } = O({ label: r, analyticsLabel: h, analyticsProps: p }, m), A = g(() => {
-    if (e) return null;
+  const { button: k } = B(), { textVariant: x } = k.sizes[e], { handleClick: l } = O({ label: r, analyticsLabel: h, analyticsProps: p }, u), A = j(() => {
+    if (n) return null;
     l();
-  }, [e, l]);
+  }, [n, l]);
   return /* @__PURE__ */ t(
     S,
     {
-      disabled: a,
-      $alignSelf: $,
-      $justifyContent: f,
+      disabled: s,
+      $alignSelf: f,
+      $justifyContent: $,
       $width: c,
       $widthX: d,
       $renderAs: o,
-      $size: n,
-      $shape: s,
+      $size: e,
+      $shape: a,
       onClick: A,
-      "data-busy": e,
+      "data-busy": n,
       ...L,
-      children: e ? /* @__PURE__ */ t(T, { src: I.LOADER, alt: "Loader", $size: n }) : /* @__PURE__ */ B(R, { children: [
-        i ? /* @__PURE__ */ t(b, { $buttonRenderAs: o, $iconPosition: u, $size: n, children: /* @__PURE__ */ t(i, {}) }) : void 0,
+      children: n ? /* @__PURE__ */ t(T, { src: I.LOADER, alt: "Loader", $size: e }) : /* @__PURE__ */ R(g, { children: [
+        i ? /* @__PURE__ */ t(b, { $buttonRenderAs: o, $iconPosition: m, $size: e, children: /* @__PURE__ */ t(i, {}) }) : void 0,
         /* @__PURE__ */ t(v, { $renderAs: x, $buttonRenderAs: o, children: r }),
         C
       ] })
     }
   );
-}, P = w;
+};
 export {
-  P as default
+  N as default
 };
 //# sourceMappingURL=button.js.map

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","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;"}
+{"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;"}

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 n } from "./clickable-styled.js";
-const p = ({
+import { ClickableWrapper as p } from "./clickable-styled.js";
+const n = ({
   disabled: e = !1,
   onClick: r,
-  children: l,
-  label: a,
+  children: a,
+  label: l,
   analyticsLabel: o,
   analyticsProps: i
 }) => {
-  const { handleClick: t } = c({ label: a, analyticsLabel: o, analyticsProps: i }, r);
+  const { handleClick: t } = c({ label: l, analyticsLabel: o, analyticsProps: i }, r);
   return /* @__PURE__ */ s(
-    n,
+    p,
     {
       "aria-disabled": e ? "true" : "false",
       $cursor: r ? "pointer" : void 0,
       onClick: t,
-      children: l
+      children: a
     }
   );
-}, k = p;
+};
 export {
-  k as default
+  n 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","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;"}
+{"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;"}

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,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;"}
+{"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;"}

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 I } from "../button/button-styled.js";
-import { IconButtonWrapper as $, IconWrapper as C } from "./icon-button-styled.js";
-const L = p((n) => {
+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) => {
   const {
-    Icon: e,
+    Icon: n,
     size: r,
     onClick: s,
-    renderAs: t,
-    disabled: c,
-    analyticsLabel: i,
+    renderAs: e,
+    disabled: i,
+    analyticsLabel: c,
     analyticsProps: l,
     customBgColor: m,
     busy: a
-  } = n, { handleClick: d } = f({ analyticsLabel: i, analyticsProps: l }, s);
+  } = t, { handleClick: d } = f({ analyticsLabel: c, analyticsProps: l }, s);
   return /* @__PURE__ */ o(
-    $,
+    I,
     {
-      disabled: c,
+      disabled: i,
       $size: r,
-      $buttonRenderAs: t,
+      $buttonRenderAs: e,
       onClick: d,
       $customBgColor: m,
-      children: a ? /* @__PURE__ */ o(I, { src: u.LOADER, alt: "Loader", $size: r || "small" }) : /* @__PURE__ */ o(C, { $size: r, $buttonRenderAs: t, children: /* @__PURE__ */ o(e, {}) })
+      children: a ? /* @__PURE__ */ o(C, { src: u.LOADER, alt: "Loader", $size: r || "small" }) : /* @__PURE__ */ o(L, { $size: r, $buttonRenderAs: e, children: /* @__PURE__ */ o(n, {}) })
     }
   );
-}), h = L;
+});
 export {
-  h as default
+  R 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","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;"}
+{"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;"}

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,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;"}
+{"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;"}

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

@@ -1,30 +1,30 @@
-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 = ({
+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 = ({
   label: t,
-  size: o = "regular",
-  disabled: e = !1,
+  size: r = "regular",
+  disabled: o = !1,
   onClick: n,
-  analyticsLabel: s,
-  analyticsProps: i,
-  color: m
+  analyticsLabel: i,
+  analyticsProps: m,
+  color: s
 }) => {
-  const { textButton: c } = x(), { textVariant: u } = c.sizes[o];
-  return /* @__PURE__ */ r(
-    a,
+  const { textButton: c } = a(), { textVariant: u } = c.sizes[r];
+  return /* @__PURE__ */ e(
+    f,
     {
       label: t,
-      disabled: e,
+      disabled: o,
       onClick: n,
-      analyticsLabel: s,
-      analyticsProps: i,
-      children: /* @__PURE__ */ r(f, { $color: m, $renderAs: u, $buttonSize: o, children: t })
+      analyticsLabel: i,
+      analyticsProps: m,
+      children: /* @__PURE__ */ e(l, { $color: s, $renderAs: u, $buttonSize: r, children: t })
     }
   );
-}, h = l;
+};
 export {
-  h as default
+  T 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","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;"}
+{"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;"}

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 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]);
+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]);
   return /* @__PURE__ */ t(
-    u,
+    i,
     {
       $width: d,
-      $widthX: l,
-      $background: m,
+      $widthX: m,
+      $background: l,
       $borderColor: n,
       $gutterX: 0.5,
       $gapX: 0.5,
       $borderRadiusX: 0.25,
       $marginBottomX: e,
-      children: /* @__PURE__ */ t(a, { $renderAs: "body2", children: o })
+      children: /* @__PURE__ */ t(u, { $renderAs: "body2", children: o })
     }
   );
-}, g = s;
+};
 export {
-  g as default
+  C 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","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;"}
+{"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;"}

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,EAAC;AAClB,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,EAAA;AACjB,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 p = (o, e = {}) => {
+const V = (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 p = (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","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;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"context-menu-styled.js","sources":["../../../../src/features/ui/context-menu/context-menu-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst TargetElementWrapper = styled.div`\n  width: auto;\n  height: fit-content;\n  position: relative;\n  border-radius: 50%;\n`;\n\ninterface IOptionsMenuWrapperProps {\n  $visible: boolean;\n  $startLeft?: boolean;\n  $menuOffset?: number;\n  $menuZIndex?: number;\n  $placeTop?: boolean;\n  $menuWidth?: number | string;\n  $menuWidthX?: number;\n}\n\nconst OptionsMenuWrapper = styled.div<IOptionsMenuWrapperProps>(\n  ({\n    $visible,\n    $menuOffset,\n    $startLeft,\n    $menuZIndex,\n    $placeTop,\n    $menuWidth,\n    $menuWidthX,\n    theme,\n  }) => {\n    const { layout } = theme;\n\n    return `\n    position: absolute;\n    width: ${$menuWidth ? `${$menuWidth}` : 'auto'}${typeof $menuWidth === 'number' ? 'px' : ''};\n    ${$menuWidthX ? `width: ${$menuWidthX * layout.gutter}px;` : ''}\n    top: calc(${$placeTop ? '0% -' : '100% +'} ${$menuOffset ?? 0}px);\n    ${$startLeft ? 'left: 0' : 'right: 0'};\n    z-index: ${$menuZIndex ?? 'unset'};\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0}) rotate(${$placeTop ? 180 : 0}deg);\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n  `;\n  },\n);\n\ninterface IMenuElementWrapperProps {\n  $placeTop?: boolean;\n}\n\nconst MenuElementWrapper = styled.div<IMenuElementWrapperProps>(({ $placeTop }) => {\n  return `\n    transform: rotate(${$placeTop ? 180 : 0}deg);\n  `;\n});\n\nexport { TargetElementWrapper, OptionsMenuWrapper, MenuElementWrapper };\n"],"names":["TargetElementWrapper","styled","OptionsMenuWrapper","$visible","$menuOffset","$startLeft","$menuZIndex","$placeTop","$menuWidth","$menuWidthX","theme","layout","MenuElementWrapper"],"mappings":";AAEA,MAAMA,IAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB9BC,IAAqBD,EAAO;AAAA,EAChC,CAAC;AAAA,IACC,UAAAE;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,WAAA;AAAA;AAAA,aAEEF,IAAa,GAAGA,CAAU,KAAK,MAAM,GAAG,OAAOA,KAAe,WAAW,OAAO,EAAE;AAAA,MACzFC,IAAc,UAAUA,IAAcE,EAAO,MAAM,QAAQ,EAAE;AAAA,gBACnDJ,IAAY,SAAS,QAAQ,IAAIH,KAAe,CAAC;AAAA,MAC3DC,IAAa,YAAY,UAAU;AAAA,eAC1BC,KAAe,OAAO;AAAA;AAAA;AAAA,wBAGbH,IAAW,IAAI,CAAC,YAAYI,IAAY,MAAM,CAAC;AAAA,eACxDJ,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA,EAG7B;AACF,GAMMS,IAAqBX,EAAO,IAA8B,CAAC,EAAE,WAAAM,QAC1D;AAAA,wBACeA,IAAY,MAAM,CAAC;AAAA,GAE1C;"}
+{"version":3,"file":"context-menu-styled.js","sources":["../../../../src/features/ui/context-menu/context-menu-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst TargetElementWrapper = styled.div`\n  width: auto;\n  height: fit-content;\n  position: relative;\n  border-radius: 50%;\n`;\n\ninterface IOptionsMenuWrapperProps {\n  $visible: boolean;\n  $startLeft?: boolean;\n  $menuOffset?: number;\n  $menuZIndex?: number;\n  $placeTop?: boolean;\n  $menuWidth?: number | string;\n  $menuWidthX?: number;\n}\n\nconst OptionsMenuWrapper = styled.div<IOptionsMenuWrapperProps>(\n  ({\n    $visible,\n    $menuOffset,\n    $startLeft,\n    $menuZIndex,\n    $placeTop,\n    $menuWidth,\n    $menuWidthX,\n    theme,\n  }) => {\n    const { layout } = theme;\n\n    return `\n    position: absolute;\n    width: ${$menuWidth ? `${$menuWidth}` : 'auto'}${typeof $menuWidth === 'number' ? 'px' : ''};\n    ${$menuWidthX ? `width: ${$menuWidthX * layout.gutter}px;` : ''}\n    top: calc(${$placeTop ? '0% -' : '100% +'} ${$menuOffset ?? 0}px);\n    ${$startLeft ? 'left: 0' : 'right: 0'};\n    z-index: ${$menuZIndex ?? 'unset'};\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0}) rotate(${$placeTop ? 180 : 0}deg);\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n  `;\n  },\n);\n\ninterface IMenuElementWrapperProps {\n  $placeTop?: boolean;\n}\n\nconst MenuElementWrapper = styled.div<IMenuElementWrapperProps>(({ $placeTop }) => {\n  return `\n    transform: rotate(${$placeTop ? 180 : 0}deg);\n  `;\n});\n\nexport { TargetElementWrapper, OptionsMenuWrapper, MenuElementWrapper };\n"],"names":["TargetElementWrapper","styled","OptionsMenuWrapper","$visible","$menuOffset","$startLeft","$menuZIndex","$placeTop","$menuWidth","$menuWidthX","theme","layout","MenuElementWrapper"],"mappings":";AAEA,MAAMA,IAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB9BC,IAAqBD,EAAO;AAAA,EAChC,CAAC;AAAA,IACC,UAAAE;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,MAAWD;AAEZ,WAAA;AAAA;AAAA,aAEEF,IAAa,GAAGA,CAAU,KAAK,MAAM,GAAG,OAAOA,KAAe,WAAW,OAAO,EAAE;AAAA,MACzFC,IAAc,UAAUA,IAAcE,EAAO,MAAM,QAAQ,EAAE;AAAA,gBACnDJ,IAAY,SAAS,QAAQ,IAAIH,KAAe,CAAC;AAAA,MAC3DC,IAAa,YAAY,UAAU;AAAA,eAC1BC,KAAe,OAAO;AAAA;AAAA;AAAA,wBAGbH,IAAW,IAAI,CAAC,YAAYI,IAAY,MAAM,CAAC;AAAA,eACxDJ,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA,EAAA;AAI/B,GAMMS,IAAqBX,EAAO,IAA8B,CAAC,EAAE,WAAAM,QAC1D;AAAA,wBACeA,IAAY,MAAM,CAAC;AAAA,GAE1C;"}

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

@@ -1,44 +1,44 @@
-import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
 import { memo as a, useRef as W, useEffect as k } from "react";
 import E from "../hooks/use-context-menu-click-handler.js";
 import { TargetElementWrapper as j, OptionsMenuWrapper as O, MenuElementWrapper as R } from "./context-menu-styled.js";
-const T = a(
+const L = a(
   ({
-    targetElement: o,
+    targetElement: n,
     menuElement: p,
-    menuOffset: c,
-    startLeft: f,
+    menuOffset: f,
+    startLeft: c,
     menuZIndex: u,
     placeTop: t,
-    menuWidth: s,
-    menuWidthX: l,
-    handleOnMenuClick: $,
+    menuWidth: l,
+    menuWidthX: s,
+    handleOnMenuClick: d,
     onMenuVisibilityChange: e
   }) => {
-    const m = W(null), { menuVisible: r, onMenuClick: d } = E(
+    const m = W(null), { menuVisible: r, onMenuClick: $ } = E(
       m,
-      $
+      d
     );
     return k(() => {
       e == null || e(r);
-    }, [r, e]), /* @__PURE__ */ x(j, { ref: m, onClick: d, children: [
-      o,
-      /* @__PURE__ */ n(
+    }, [r, e]), /* @__PURE__ */ x(j, { ref: m, onClick: $, children: [
+      n,
+      /* @__PURE__ */ o(
         O,
         {
-          $menuOffset: c,
+          $menuOffset: f,
           $visible: r,
-          $startLeft: f,
+          $startLeft: c,
           $menuZIndex: u,
           $placeTop: t,
-          $menuWidth: s,
-          $menuWidthX: l,
-          children: /* @__PURE__ */ n(R, { $placeTop: t, children: p })
+          $menuWidth: l,
+          $menuWidthX: s,
+          children: /* @__PURE__ */ o(R, { $placeTop: t, children: p })
         }
       )
     ] });
   }
-), L = T;
+);
 export {
   L as default
 };

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, useEffect, 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  ({\n    targetElement,\n    menuElement,\n    menuOffset,\n    startLeft,\n    menuZIndex,\n    placeTop,\n    menuWidth,\n    menuWidthX,\n    handleOnMenuClick,\n    onMenuVisibilityChange,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n      containerRef,\n      handleOnMenuClick,\n    );\n\n    useEffect(() => {\n      onMenuVisibilityChange?.(menuVisible);\n    }, [menuVisible, onMenuVisibilityChange]);\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          $menuWidth={menuWidth}\n          $menuWidthX={menuWidthX}\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","menuWidth","menuWidthX","handleOnMenuClick","onMenuVisibilityChange","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","useEffect","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,MACnCJ;AAAA,MACAF;AAAA,IAAA;AAGF,WAAAO,EAAU,MAAM;AACd,MAAAN,KAAA,QAAAA,EAAyBG;AAAA,IAAW,GACnC,CAACA,GAAaH,CAAsB,CAAC,qBAGrCO,GAAA,EAA4B,KAAKN,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAb;AAAA,MAED,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAahB;AAAA,UACb,UAAUU;AAAA,UACV,YAAYT;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UACX,YAAYC;AAAA,UACZ,aAAaC;AAAA,UAEb,4BAACY,GAAA,EAA0B,WAAWd,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAmB,IAAetB;"}
+{"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, useEffect, 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  ({\n    targetElement,\n    menuElement,\n    menuOffset,\n    startLeft,\n    menuZIndex,\n    placeTop,\n    menuWidth,\n    menuWidthX,\n    handleOnMenuClick,\n    onMenuVisibilityChange,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n      containerRef,\n      handleOnMenuClick,\n    );\n\n    useEffect(() => {\n      onMenuVisibilityChange?.(menuVisible);\n    }, [menuVisible, onMenuVisibilityChange]);\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          $menuWidth={menuWidth}\n          $menuWidthX={menuWidthX}\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","menuWidth","menuWidthX","handleOnMenuClick","onMenuVisibilityChange","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","useEffect","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,MACnCJ;AAAA,MACAF;AAAA,IACF;AAEA,WAAAO,EAAU,MAAM;AACd,MAAAN,KAAA,QAAAA,EAAyBG;AAAA,IAAW,GACnC,CAACA,GAAaH,CAAsB,CAAC,qBAGrCO,GAAA,EAA4B,KAAKN,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAb;AAAA,MAED,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAahB;AAAA,UACb,UAAUU;AAAA,UACV,YAAYT;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UACX,YAAYC;AAAA,UACZ,aAAaC;AAAA,UAEb,4BAACY,GAAA,EAA0B,WAAWd,GAAW,UAAYJ,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D,GACF;AAAA,EAAA;AAGN;"}

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

@@ -1,16 +1,16 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as o, jsx as t } 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 $ = ({ height: a, onTryAgain: t, theme: l = "light" }) => {
+const C = ({ height: a, onTryAgain: e, theme: l = "light" }) => {
   const s = m(() => {
-    t ? t() : window.location.reload();
-  }, [t]), e = l === "dark" ? "WHITE_T_87" : "BLACK_T_87";
+    e ? e() : window.location.reload();
+  }, [e]), r = l === "dark" ? "WHITE_T_87" : "BLACK_T_87";
   return /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", $height: a, children: [
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ t(
       i,
       {
         $widthX: 22.5,
@@ -20,16 +20,16 @@ const $ = ({ height: a, onTryAgain: t, theme: l = "light" }) => {
         $background: "GREY_1",
         $justifyContent: "center",
         $alignItems: "center",
-        children: /* @__PURE__ */ r(h, { width: 122, height: 100, src: c.ROCKET_BROKEN, withLoader: !1 })
+        children: /* @__PURE__ */ t(h, { width: 122, height: 100, src: c.ROCKET_BROKEN, withLoader: !1 })
       }
     ),
-    /* @__PURE__ */ r(n, { $renderAs: "h4", $marginBottomX: 0.5, $color: e, $align: "center", children: "Oops! Looks like something went wrong" }),
-    /* @__PURE__ */ o(n, { $renderAs: "body2", $align: "center", $marginBottomX: 1.5, $color: e, children: [
+    /* @__PURE__ */ t(n, { $renderAs: "h4", $marginBottomX: 0.5, $color: r, $align: "center", children: "Oops! Looks like something went wrong" }),
+    /* @__PURE__ */ o(n, { $renderAs: "body2", $align: "center", $marginBottomX: 1.5, $color: r, children: [
       "Please try again. Alternatively if that does not work,",
-      /* @__PURE__ */ r("br", {}),
+      /* @__PURE__ */ t("br", {}),
       " please contact support."
     ] }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ t(
       d,
       {
         label: "Try again",
@@ -40,8 +40,8 @@ const $ = ({ height: a, onTryAgain: t, theme: l = "light" }) => {
       }
     )
   ] });
-}, T = $;
+};
 export {
-  T as default
+  C 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} $align=\"center\">\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,GAAK,EAAA,WAAU,MAAK,gBAAgB,KAAK,QAAQL,GAAW,QAAO,UAAS,UAE7E,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;"}
+{"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} $align=\"center\">\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,GAAK,EAAA,WAAU,MAAK,gBAAgB,KAAK,QAAQL,GAAW,QAAO,UAAS,UAE7E,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;"}

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,EAAA,MAAsB;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,QAAsB;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,MAAA,CAUV;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"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;"}