@cuemath/leap 2.8.52-link.3 → 2.8.52

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.js

@@ -1,27 +1,27 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { jsxs as u, jsx as r } 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 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(
-        $,
+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,
         {
           $menuOffset: i,
-          $visible: s,
+          $visible: p,
           $startLeft: l,
           $menuZIndex: m,
           $placeTop: e,
-          children: /* @__PURE__ */ t(d, { $placeTop: e, children: o })
+          children: /* @__PURE__ */ r($, { $placeTop: e, children: o })
         }
       )
     ] });
   }
-), b = C;
+);
 export {
-  b as default
+  W 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","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;"}
+{"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;"}

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: r, theme: l = "light" }) => {
   const s = m(() => {
-    t ? t() : window.location.reload();
-  }, [t]), e = l === "dark" ? "WHITE_T_87" : "BLACK_T_87";
+    r ? r() : window.location.reload();
+  }, [r]), e = 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, children: "Oops! Looks like something went wrong" }),
+    /* @__PURE__ */ t(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__ */ 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}>\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;"}
+{"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;"}

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;"}

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

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;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,EAAA;AAAA,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 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()));
+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()));
     },
-    [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();
+    [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();
   }, [
-    w,
-    r,
+    v,
+    e,
     f,
     s,
-    e,
+    r,
     c
-  ]), u = t(() => {
-    window.removeEventListener("click", r), a(!1);
-  }, [r]);
+  ]), E = w(() => {
+    window.removeEventListener("click", e), a(!1);
+  }, [e]);
   return {
     menuVisible: f,
-    onMenuClick: n,
-    hideMenu: u
+    onMenuClick: m,
+    hideMenu: E
   };
-}, 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","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;"}
+{"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;"}

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

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

package/dist/features/ui/inputs/base-input/base-input-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-input-styled.js","sources":["../../../../../src/features/ui/inputs/base-input/base-input-styled.tsx"],"sourcesContent":["import type { IBaseInputProps } from './base-input-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IContainerProps {\n  $width?: string | number;\n  $widthX?: number;\n  $size: IBaseInputProps['size'];\n  $willShowMessage: IBaseInputProps['willShowMessage'];\n}\n\nconst Container = styled.div<IContainerProps>(\n  ({ theme, $size, $willShowMessage, $width, $widthX }) => {\n    const { height, marginTop, marginBottom } = theme.input.sizes[$size];\n    const containerHeight = height + marginTop + ($willShowMessage ? marginBottom : 0);\n\n    return `\n      width: ${$width ? $width : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''}\n      height: ${containerHeight}px;\n    `;\n  },\n);\n\ninterface IWrapperProps {\n  $size: IBaseInputProps['size'];\n  $disabled?: boolean;\n  $renderAs: IBaseInputProps['renderAs'];\n  $shape?: IBaseInputProps['shape'];\n  $isTransparent?: boolean;\n}\n\nconst Wrapper = styled.div<IWrapperProps>(\n  ({ theme, $size, $renderAs, $disabled, $shape, $isTransparent }) => {\n    const { colors, input } = theme;\n    const { height, marginTop, paddingLeft, paddingRight, borderRadius } = input.sizes[$size];\n    const { borderColorName, backgroundColorName } = input.variants[$renderAs];\n\n    const isBorderLessShape = $shape === 'borderLess';\n    const isCurvedShape = $shape === 'curved';\n    const defaultBorderRadius = isBorderLessShape ? 0 : borderRadius;\n\n    const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n    return `\n    position: relative;\n    display: flex;\n    height: ${height}px;\n    margin-top: ${marginTop}px;\n    padding-left: ${isBorderLessShape ? 0 : paddingLeft}px;\n    padding-right: ${isBorderLessShape ? 0 : paddingRight}px;\n    padding-top: ${isCurvedShape ? 1 : 0}px;\n    padding-bottom: ${isCurvedShape ? 1 : 0}px;\n   ${\n     isBorderLessShape\n       ? `\n      border: none;\n      border-bottom: 1px solid ${colors[borderColorName[$disabled ? 'disabled' : 'inactive']]};\n    `\n       : `border: 1px solid ${\n           colors[borderColorName[$disabled ? 'disabled' : isCurvedShape ? 'active' : 'inactive']]\n         };`\n   }\n    border-radius: ${isCurvedShape ? 40 : defaultBorderRadius}px;\n    transition: border-color 0.2s ease-in-out;\n    \n    background: ${background};\n    \n    &:focus-within {\n      border-color: ${colors[borderColorName.active]};\n    }\n    \n    &:hover {\n      ${!$disabled ? `border-color: ${colors[borderColorName.active]};` : ''}\n    }\n  `;\n  },\n);\n\nconst InputWrapper = styled.div`\n  flex-grow: 1;\n`;\n\ninterface ISiblingWrapperProps {\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n  $siblingPosition: NonNullable<IBaseInputProps['siblingPosition']>;\n  $disabled?: boolean;\n}\n\nconst SiblingWrapper = styled.div<ISiblingWrapperProps>(\n  ({ theme, $inputRenderAs, $disabled, $size, $siblingPosition }) => {\n    const { colors, input } = theme;\n    const { iconPadding } = input.sizes[$size];\n    const { labelColorName } = input.variants[$inputRenderAs];\n\n    return `\n      order: ${$siblingPosition === 'left' ? -1 : 1};\n      padding-${$siblingPosition === 'left' ? 'right' : 'left'}: ${iconPadding}px;\n      align-self: center;\n      color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n\n      ${Wrapper}:focus-within & {\n        color: ${colors[labelColorName.active]};\n      }\n      \n      ${Wrapper}:hover & {\n        ${!$disabled ? `color: ${colors[labelColorName.active]};` : ''}\n      }\n    `;\n  },\n);\n\ninterface ILabelProps {\n  $size: IBaseInputProps['size'];\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $stickyLabel: IBaseInputProps['stickyLabel'];\n  $disabled?: boolean;\n  $shape?: IBaseInputProps['shape'];\n  $isTransparent: IBaseInputProps['isTransparent'];\n}\n\nconst Label = styled(Text)<ILabelProps>(({\n  theme,\n  $size,\n  $inputRenderAs,\n  $stickyLabel,\n  $disabled,\n  $shape,\n  $isTransparent,\n}) => {\n  const { colors, input, text, layout } = theme;\n  const { gutter } = layout;\n  const { height, paddingLeft } = input.sizes[$size];\n  const { lineHeight } = text[input.sizes[$size].labelTextVariant];\n  const { labelColorName } = input.variants[$inputRenderAs];\n  const topPosition = height / 2 - lineHeight / 2 - 1;\n  const topPositionWhenActive = -topPosition - lineHeight / 2 - 1;\n\n  const isBorderLessShape = $shape === 'borderLess';\n\n  const backgroundColor = $isTransparent ? 'transparent' : colors.WHITE;\n\n  return `\n    position: absolute;\n    top: ${topPosition}px;\n    left: ${(isBorderLessShape ? 0 : paddingLeft) - gutter * 0.375}px;\n    padding: 0 ${gutter * 0.375}px;\n    background-color: ${backgroundColor};\n    color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n    pointer-events: none;\n    transform-origin: left;\n    transform: translateY(${$stickyLabel ? topPositionWhenActive : 0}px) scale(${\n      $stickyLabel ? 0.75 : 1\n    });\n    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;\n\n    ${Wrapper}:focus-within & {\n      color: ${colors[labelColorName.active]};\n      transform: translateY(${topPositionWhenActive}px) scale(0.75);\n    }\n    \n    ${Wrapper}:hover & {\n      ${!$disabled ? `color: ${colors[labelColorName.active]};` : ''}\n    }\n\n    & span {\n      color: ${colors.RED};\n      margin-left: 2px;\n    }\n  `;\n});\n\nconst Error = styled(Text)(\n  ({ theme: { colors } }) => `\nposition: absolute;\nbottom: -2px;\ntransform: translateY(calc(100%));\ncolor: ${colors.RED};\n`,\n);\n\nexport { Container, Wrapper, InputWrapper, SiblingWrapper, Label, Error };\n"],"names":["Container","styled","theme","$size","$willShowMessage","$width","$widthX","height","marginTop","marginBottom","containerHeight","Wrapper","$renderAs","$disabled","$shape","$isTransparent","colors","input","paddingLeft","paddingRight","borderRadius","borderColorName","backgroundColorName","isBorderLessShape","isCurvedShape","defaultBorderRadius","background","InputWrapper","SiblingWrapper","$inputRenderAs","$siblingPosition","iconPadding","labelColorName","Label","Text","$stickyLabel","text","layout","gutter","lineHeight","topPosition","topPositionWhenActive","backgroundColor","Error"],"mappings":"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"}
+{"version":3,"file":"base-input-styled.js","sources":["../../../../../src/features/ui/inputs/base-input/base-input-styled.tsx"],"sourcesContent":["import type { IBaseInputProps } from './base-input-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IContainerProps {\n  $width?: string | number;\n  $widthX?: number;\n  $size: IBaseInputProps['size'];\n  $willShowMessage: IBaseInputProps['willShowMessage'];\n}\n\nconst Container = styled.div<IContainerProps>(\n  ({ theme, $size, $willShowMessage, $width, $widthX }) => {\n    const { height, marginTop, marginBottom } = theme.input.sizes[$size];\n    const containerHeight = height + marginTop + ($willShowMessage ? marginBottom : 0);\n\n    return `\n      width: ${$width ? $width : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''}\n      height: ${containerHeight}px;\n    `;\n  },\n);\n\ninterface IWrapperProps {\n  $size: IBaseInputProps['size'];\n  $disabled?: boolean;\n  $renderAs: IBaseInputProps['renderAs'];\n  $shape?: IBaseInputProps['shape'];\n  $isTransparent?: boolean;\n}\n\nconst Wrapper = styled.div<IWrapperProps>(\n  ({ theme, $size, $renderAs, $disabled, $shape, $isTransparent }) => {\n    const { colors, input } = theme;\n    const { height, marginTop, paddingLeft, paddingRight, borderRadius } = input.sizes[$size];\n    const { borderColorName, backgroundColorName } = input.variants[$renderAs];\n\n    const isBorderLessShape = $shape === 'borderLess';\n    const isCurvedShape = $shape === 'curved';\n    const defaultBorderRadius = isBorderLessShape ? 0 : borderRadius;\n\n    const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n    return `\n    position: relative;\n    display: flex;\n    height: ${height}px;\n    margin-top: ${marginTop}px;\n    padding-left: ${isBorderLessShape ? 0 : paddingLeft}px;\n    padding-right: ${isBorderLessShape ? 0 : paddingRight}px;\n    padding-top: ${isCurvedShape ? 1 : 0}px;\n    padding-bottom: ${isCurvedShape ? 1 : 0}px;\n   ${\n     isBorderLessShape\n       ? `\n      border: none;\n      border-bottom: 1px solid ${colors[borderColorName[$disabled ? 'disabled' : 'inactive']]};\n    `\n       : `border: 1px solid ${\n           colors[borderColorName[$disabled ? 'disabled' : isCurvedShape ? 'active' : 'inactive']]\n         };`\n   }\n    border-radius: ${isCurvedShape ? 40 : defaultBorderRadius}px;\n    transition: border-color 0.2s ease-in-out;\n    \n    background: ${background};\n    \n    &:focus-within {\n      border-color: ${colors[borderColorName.active]};\n    }\n    \n    &:hover {\n      ${!$disabled ? `border-color: ${colors[borderColorName.active]};` : ''}\n    }\n  `;\n  },\n);\n\nconst InputWrapper = styled.div`\n  flex-grow: 1;\n`;\n\ninterface ISiblingWrapperProps {\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n  $siblingPosition: NonNullable<IBaseInputProps['siblingPosition']>;\n  $disabled?: boolean;\n}\n\nconst SiblingWrapper = styled.div<ISiblingWrapperProps>(\n  ({ theme, $inputRenderAs, $disabled, $size, $siblingPosition }) => {\n    const { colors, input } = theme;\n    const { iconPadding } = input.sizes[$size];\n    const { labelColorName } = input.variants[$inputRenderAs];\n\n    return `\n      order: ${$siblingPosition === 'left' ? -1 : 1};\n      padding-${$siblingPosition === 'left' ? 'right' : 'left'}: ${iconPadding}px;\n      align-self: center;\n      color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n\n      ${Wrapper}:focus-within & {\n        color: ${colors[labelColorName.active]};\n      }\n      \n      ${Wrapper}:hover & {\n        ${!$disabled ? `color: ${colors[labelColorName.active]};` : ''}\n      }\n    `;\n  },\n);\n\ninterface ILabelProps {\n  $size: IBaseInputProps['size'];\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $stickyLabel: IBaseInputProps['stickyLabel'];\n  $disabled?: boolean;\n  $shape?: IBaseInputProps['shape'];\n  $isTransparent: IBaseInputProps['isTransparent'];\n}\n\nconst Label = styled(Text)<ILabelProps>(({\n  theme,\n  $size,\n  $inputRenderAs,\n  $stickyLabel,\n  $disabled,\n  $shape,\n  $isTransparent,\n}) => {\n  const { colors, input, text, layout } = theme;\n  const { gutter } = layout;\n  const { height, paddingLeft } = input.sizes[$size];\n  const { lineHeight } = text[input.sizes[$size].labelTextVariant];\n  const { labelColorName } = input.variants[$inputRenderAs];\n  const topPosition = height / 2 - lineHeight / 2 - 1;\n  const topPositionWhenActive = -topPosition - lineHeight / 2 - 1;\n\n  const isBorderLessShape = $shape === 'borderLess';\n\n  const backgroundColor = $isTransparent ? 'transparent' : colors.WHITE;\n\n  return `\n    position: absolute;\n    top: ${topPosition}px;\n    left: ${(isBorderLessShape ? 0 : paddingLeft) - gutter * 0.375}px;\n    padding: 0 ${gutter * 0.375}px;\n    background-color: ${backgroundColor};\n    color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n    pointer-events: none;\n    transform-origin: left;\n    transform: translateY(${$stickyLabel ? topPositionWhenActive : 0}px) scale(${\n      $stickyLabel ? 0.75 : 1\n    });\n    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;\n\n    ${Wrapper}:focus-within & {\n      color: ${colors[labelColorName.active]};\n      transform: translateY(${topPositionWhenActive}px) scale(0.75);\n    }\n    \n    ${Wrapper}:hover & {\n      ${!$disabled ? `color: ${colors[labelColorName.active]};` : ''}\n    }\n\n    & span {\n      color: ${colors.RED};\n      margin-left: 2px;\n    }\n  `;\n});\n\nconst Error = styled(Text)(\n  ({ theme: { colors } }) => `\nposition: absolute;\nbottom: -2px;\ntransform: translateY(calc(100%));\ncolor: ${colors.RED};\n`,\n);\n\nexport { Container, Wrapper, InputWrapper, SiblingWrapper, Label, Error };\n"],"names":["Container","styled","theme","$size","$willShowMessage","$width","$widthX","height","marginTop","marginBottom","containerHeight","Wrapper","$renderAs","$disabled","$shape","$isTransparent","colors","input","paddingLeft","paddingRight","borderRadius","borderColorName","backgroundColorName","isBorderLessShape","isCurvedShape","defaultBorderRadius","background","InputWrapper","SiblingWrapper","$inputRenderAs","$siblingPosition","iconPadding","labelColorName","Label","Text","$stickyLabel","text","layout","gutter","lineHeight","topPosition","topPositionWhenActive","backgroundColor","Error"],"mappings":"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"}

package/dist/features/ui/inputs/base-input/base-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-input.js","sources":["../../../../../src/features/ui/inputs/base-input/base-input.tsx"],"sourcesContent":["import type { IBaseInputProps } from './base-input-types';\n\nimport React from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  Container,\n  Error,\n  InputWrapper,\n  Label,\n  SiblingWrapper,\n  Wrapper,\n} from './base-input-styled';\n\nconst BaseInput: React.FC<IBaseInputProps> = props => {\n  const {\n    label,\n    stickyLabel,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    inputElement,\n    siblingElement,\n    siblingPosition,\n    size,\n    errorMessage,\n    mandatory,\n    shape,\n    isTransparent = false,\n  } = props;\n  const { input } = useTheme();\n  const showLabel = label && shape !== 'curved';\n\n  return (\n    <Container $width={width} $widthX={widthX} $size={size} $willShowMessage={willShowMessage}>\n      <Wrapper\n        $renderAs={renderAs}\n        $size={size}\n        $disabled={disabled}\n        $shape={shape}\n        $isTransparent={isTransparent}\n      >\n        <InputWrapper>\n          {inputElement}\n          {errorMessage && <Error $renderAs=\"body3\">{errorMessage}</Error>}\n        </InputWrapper>\n        {siblingElement ? (\n          <SiblingWrapper\n            $inputRenderAs={renderAs}\n            $disabled={disabled}\n            $size={size}\n            $siblingPosition={siblingPosition ?? 'right'}\n          >\n            {siblingElement}\n          </SiblingWrapper>\n        ) : undefined}\n        {showLabel && (\n          <Label\n            $renderAs={input.sizes[size].labelTextVariant}\n            $inputRenderAs={renderAs}\n            $size={size}\n            $stickyLabel={stickyLabel}\n            $disabled={disabled}\n            $shape={shape}\n            $isTransparent={isTransparent}\n          >\n            {label}\n            {mandatory && <span>*</span>}\n          </Label>\n        )}\n      </Wrapper>\n    </Container>\n  );\n};\n\nexport default BaseInput;\n"],"names":["BaseInput","props","label","stickyLabel","renderAs","width","widthX","disabled","willShowMessage","inputElement","siblingElement","siblingPosition","size","errorMessage","mandatory","shape","isTransparent","input","useTheme","jsx","Container","jsxs","Wrapper","InputWrapper","Error","SiblingWrapper","Label"],"mappings":";;;AAcA,MAAMA,IAAuC,CAASC,MAAA;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,EACd,IAAAf,GACE,EAAE,OAAAgB,MAAUC;AAIhB,SAAA,gBAAAC,EAACC,KAAU,QAAQf,GAAO,SAASC,GAAQ,OAAOM,GAAM,kBAAkBJ,GACxE,UAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWlB;AAAA,MACX,OAAOQ;AAAA,MACP,WAAWL;AAAA,MACX,QAAQQ;AAAA,MACR,gBAAgBC;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAK,EAACE,GACE,EAAA,UAAA;AAAA,UAAAd;AAAA,UACAI,KAAgB,gBAAAM,EAACK,GAAM,EAAA,WAAU,SAAS,UAAaX,GAAA;AAAA,QAAA,GAC1D;AAAA,QACCH,IACC,gBAAAS;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,gBAAgBrB;AAAA,YAChB,WAAWG;AAAA,YACX,OAAOK;AAAA,YACP,kBAAkBD,KAAmB;AAAA,YAEpC,UAAAD;AAAA,UAAA;AAAA,QAED,IAAA;AAAA,QAxBQR,KAASa,MAAU,YA0B7B,gBAAAM;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWT,EAAM,MAAML,CAAI,EAAE;AAAA,YAC7B,gBAAgBR;AAAA,YAChB,OAAOQ;AAAA,YACP,cAAcT;AAAA,YACd,WAAWI;AAAA,YACX,QAAQQ;AAAA,YACR,gBAAgBC;AAAA,YAEf,UAAA;AAAA,cAAAd;AAAA,cACAY,KAAc,gBAAAK,EAAA,QAAA,EAAK,UAAC,IAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"base-input.js","sources":["../../../../../src/features/ui/inputs/base-input/base-input.tsx"],"sourcesContent":["import type { IBaseInputProps } from './base-input-types';\n\nimport React from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  Container,\n  Error,\n  InputWrapper,\n  Label,\n  SiblingWrapper,\n  Wrapper,\n} from './base-input-styled';\n\nconst BaseInput: React.FC<IBaseInputProps> = props => {\n  const {\n    label,\n    stickyLabel,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    inputElement,\n    siblingElement,\n    siblingPosition,\n    size,\n    errorMessage,\n    mandatory,\n    shape,\n    isTransparent = false,\n  } = props;\n  const { input } = useTheme();\n  const showLabel = label && shape !== 'curved';\n\n  return (\n    <Container $width={width} $widthX={widthX} $size={size} $willShowMessage={willShowMessage}>\n      <Wrapper\n        $renderAs={renderAs}\n        $size={size}\n        $disabled={disabled}\n        $shape={shape}\n        $isTransparent={isTransparent}\n      >\n        <InputWrapper>\n          {inputElement}\n          {errorMessage && <Error $renderAs=\"body3\">{errorMessage}</Error>}\n        </InputWrapper>\n        {siblingElement ? (\n          <SiblingWrapper\n            $inputRenderAs={renderAs}\n            $disabled={disabled}\n            $size={size}\n            $siblingPosition={siblingPosition ?? 'right'}\n          >\n            {siblingElement}\n          </SiblingWrapper>\n        ) : undefined}\n        {showLabel && (\n          <Label\n            $renderAs={input.sizes[size].labelTextVariant}\n            $inputRenderAs={renderAs}\n            $size={size}\n            $stickyLabel={stickyLabel}\n            $disabled={disabled}\n            $shape={shape}\n            $isTransparent={isTransparent}\n          >\n            {label}\n            {mandatory && <span>*</span>}\n          </Label>\n        )}\n      </Wrapper>\n    </Container>\n  );\n};\n\nexport default BaseInput;\n"],"names":["BaseInput","props","label","stickyLabel","renderAs","width","widthX","disabled","willShowMessage","inputElement","siblingElement","siblingPosition","size","errorMessage","mandatory","shape","isTransparent","input","useTheme","jsx","Container","jsxs","Wrapper","InputWrapper","Error","SiblingWrapper","Label"],"mappings":";;;AAcA,MAAMA,IAAuC,CAASC,MAAA;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,EAAA,IACdf,GACE,EAAE,OAAAgB,EAAM,IAAIC,EAAS;AAIzB,SAAA,gBAAAC,EAACC,KAAU,QAAQf,GAAO,SAASC,GAAQ,OAAOM,GAAM,kBAAkBJ,GACxE,UAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWlB;AAAA,MACX,OAAOQ;AAAA,MACP,WAAWL;AAAA,MACX,QAAQQ;AAAA,MACR,gBAAgBC;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAK,EAACE,GACE,EAAA,UAAA;AAAA,UAAAd;AAAA,UACAI,KAAgB,gBAAAM,EAACK,GAAM,EAAA,WAAU,SAAS,UAAaX,EAAA,CAAA;AAAA,QAAA,GAC1D;AAAA,QACCH,IACC,gBAAAS;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,gBAAgBrB;AAAA,YAChB,WAAWG;AAAA,YACX,OAAOK;AAAA,YACP,kBAAkBD,KAAmB;AAAA,YAEpC,UAAAD;AAAA,UAAA;AAAA,QAAA,IAED;AAAA,QAxBQR,KAASa,MAAU,YA0B7B,gBAAAM;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWT,EAAM,MAAML,CAAI,EAAE;AAAA,YAC7B,gBAAgBR;AAAA,YAChB,OAAOQ;AAAA,YACP,cAAcT;AAAA,YACd,WAAWI;AAAA,YACX,QAAQQ;AAAA,YACR,gBAAgBC;AAAA,YAEf,UAAA;AAAA,cAAAd;AAAA,cACAY,KAAc,gBAAAK,EAAA,QAAA,EAAK,UAAC,IAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACvB;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/features/ui/inputs/base-select-input/base-select-input-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-select-input-styled.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input-styled.tsx"],"sourcesContent":["import type { TInputVariants } from '../../types';\n\nimport styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../assets/line-icons/icons/chevron-down';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\n\ninterface IContainerProps {\n  $width?: string | number;\n  $widthX?: number;\n}\n\nconst Container = styled.div<IContainerProps>(({ theme, $width, $widthX }) => {\n  return `\n    position: relative;\n    cursor: pointer;\n    width: ${$width ? $width : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n    ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''};\n  `;\n});\n\ninterface IOptionsContainerProps {\n  $visible: boolean;\n}\n\nconst OptionsContainer = styled.div<IOptionsContainerProps>(\n  ({ theme, $visible }) => `\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    min-height: ${theme.layout.gutter * 18}px;\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    padding-bottom: ${theme.layout.gutter * 1.5}px;\n    z-index: 2;\n  `,\n);\n\ninterface IOptionsWrapper {\n  $renderAs: TInputVariants;\n  $theme: 'light' | 'dark';\n}\n\nconst OptionsWrapper = styled.div<IOptionsWrapper>(({ theme, $renderAs, $theme }) => {\n  const { layout, colors, input } = theme;\n  const { backgroundColorName, optionHoverColorName } = input.variants[$renderAs];\n  const isDarkTheme = $theme === 'dark';\n\n  return `\n    width: 100%;\n    max-height: ${layout.gutter * 16}px;\n    background-color: ${isDarkTheme ? colors.BLACK_2 : colors[backgroundColorName ?? 'WHITE']};\n    border: 1px solid ${isDarkTheme ? colors.WHITE_T_87 : colors.GREY_2};\n    border-radius: ${isDarkTheme ? 0 : layout.gutter * 0.5}px;\n    padding: ${layout.gutter * 0.5}px 0;\n    overflow-y: auto;\n    box-shadow: ${isDarkTheme ? `0px 6px 12px 0px ${colors.BLACK_T_38}` : 'none'};\n\n    & .base-select-input-option:hover {\n      background: ${isDarkTheme ? colors.BLACK_4 : colors[optionHoverColorName ?? 'GREY_1']};\n    }\n  `;\n});\n\ninterface IStyledDownIcon {\n  $menuVisible: boolean;\n}\n\nconst StyledDownIcon = styled(DownIcon)<IStyledDownIcon>(\n  ({ $menuVisible }) => `\n  transform: rotate(${$menuVisible ? 180 : 0}deg);\n  transition: transform 0.2s ease-out;\n`,\n);\n\nconst StyledChevronDownIcon = styled(ChevronDownIcon)<IStyledDownIcon>(\n  ({ $menuVisible }) => `\n  transform: rotate(${$menuVisible ? 180 : 0}deg);\n  transition: transform 0.2s ease-out;\n`,\n);\n\nexport { Container, OptionsContainer, OptionsWrapper, StyledDownIcon, StyledChevronDownIcon };\n"],"names":["Container","styled","theme","$width","$widthX","OptionsContainer","$visible","OptionsWrapper","$renderAs","$theme","layout","colors","input","backgroundColorName","optionHoverColorName","isDarkTheme","StyledDownIcon","DownIcon","$menuVisible","StyledChevronDownIcon","ChevronDownIcon"],"mappings":";;;AAYM,MAAAA,IAAYC,EAAO,IAAqB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,QACvD;AAAA;AAAA;AAAA,aAGID,KAAkB,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,MACxEC,IAAU,UAAUA,IAAUF,EAAM,OAAO,MAAM,QAAQ,EAAE;AAAA,GAEhE,GAMKG,IAAmBJ,EAAO;AAAA,EAC9B,CAAC,EAAE,OAAAC,GAAO,UAAAI,EAAA,MAAe;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKTJ,EAAM,OAAO,SAAS,EAAE;AAAA;AAAA,wBAElBI,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA,sBAETJ,EAAM,OAAO,SAAS,GAAG;AAAA;AAAA;AAG/C,GAOMK,IAAiBN,EAAO,IAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAM,GAAW,QAAAC,QAAa;AACnF,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,EAAA,IAAUV,GAC5B,EAAE,qBAAAW,GAAqB,sBAAAC,EAAA,IAAyBF,EAAM,SAASJ,CAAS,GACxEO,IAAcN,MAAW;AAExB,SAAA;AAAA;AAAA,kBAESC,EAAO,SAAS,EAAE;AAAA,wBACZK,IAAcJ,EAAO,UAAUA,EAAOE,KAAuB,OAAO,CAAC;AAAA,wBACrEE,IAAcJ,EAAO,aAAaA,EAAO,MAAM;AAAA,qBAClDI,IAAc,IAAIL,EAAO,SAAS,GAAG;AAAA,eAC3CA,EAAO,SAAS,GAAG;AAAA;AAAA,kBAEhBK,IAAc,oBAAoBJ,EAAO,UAAU,KAAK,MAAM;AAAA;AAAA;AAAA,oBAG5DI,IAAcJ,EAAO,UAAUA,EAAOG,KAAwB,QAAQ,CAAC;AAAA;AAAA;AAG3F,CAAC,GAMKE,IAAiBf,EAAOgB,CAAQ;AAAA,EACpC,CAAC,EAAE,cAAAC,EAAA,MAAmB;AAAA,sBACFA,IAAe,MAAM,CAAC;AAAA;AAAA;AAG5C,GAEMC,IAAwBlB,EAAOmB,CAAe;AAAA,EAClD,CAAC,EAAE,cAAAF,EAAA,MAAmB;AAAA,sBACFA,IAAe,MAAM,CAAC;AAAA;AAAA;AAG5C;"}
+{"version":3,"file":"base-select-input-styled.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input-styled.tsx"],"sourcesContent":["import type { TInputVariants } from '../../types';\n\nimport styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../assets/line-icons/icons/chevron-down';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\n\ninterface IContainerProps {\n  $width?: string | number;\n  $widthX?: number;\n}\n\nconst Container = styled.div<IContainerProps>(({ theme, $width, $widthX }) => {\n  return `\n    position: relative;\n    cursor: pointer;\n    width: ${$width ? $width : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n    ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''};\n  `;\n});\n\ninterface IOptionsContainerProps {\n  $visible: boolean;\n}\n\nconst OptionsContainer = styled.div<IOptionsContainerProps>(\n  ({ theme, $visible }) => `\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    min-height: ${theme.layout.gutter * 18}px;\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    padding-bottom: ${theme.layout.gutter * 1.5}px;\n    z-index: 2;\n  `,\n);\n\ninterface IOptionsWrapper {\n  $renderAs: TInputVariants;\n  $theme: 'light' | 'dark';\n}\n\nconst OptionsWrapper = styled.div<IOptionsWrapper>(({ theme, $renderAs, $theme }) => {\n  const { layout, colors, input } = theme;\n  const { backgroundColorName, optionHoverColorName } = input.variants[$renderAs];\n  const isDarkTheme = $theme === 'dark';\n\n  return `\n    width: 100%;\n    max-height: ${layout.gutter * 16}px;\n    background-color: ${isDarkTheme ? colors.BLACK_2 : colors[backgroundColorName ?? 'WHITE']};\n    border: 1px solid ${isDarkTheme ? colors.WHITE_T_87 : colors.GREY_2};\n    border-radius: ${isDarkTheme ? 0 : layout.gutter * 0.5}px;\n    padding: ${layout.gutter * 0.5}px 0;\n    overflow-y: auto;\n    box-shadow: ${isDarkTheme ? `0px 6px 12px 0px ${colors.BLACK_T_38}` : 'none'};\n\n    & .base-select-input-option:hover {\n      background: ${isDarkTheme ? colors.BLACK_4 : colors[optionHoverColorName ?? 'GREY_1']};\n    }\n  `;\n});\n\ninterface IStyledDownIcon {\n  $menuVisible: boolean;\n}\n\nconst StyledDownIcon = styled(DownIcon)<IStyledDownIcon>(\n  ({ $menuVisible }) => `\n  transform: rotate(${$menuVisible ? 180 : 0}deg);\n  transition: transform 0.2s ease-out;\n`,\n);\n\nconst StyledChevronDownIcon = styled(ChevronDownIcon)<IStyledDownIcon>(\n  ({ $menuVisible }) => `\n  transform: rotate(${$menuVisible ? 180 : 0}deg);\n  transition: transform 0.2s ease-out;\n`,\n);\n\nexport { Container, OptionsContainer, OptionsWrapper, StyledDownIcon, StyledChevronDownIcon };\n"],"names":["Container","styled","theme","$width","$widthX","OptionsContainer","$visible","OptionsWrapper","$renderAs","$theme","layout","colors","input","backgroundColorName","optionHoverColorName","isDarkTheme","StyledDownIcon","DownIcon","$menuVisible","StyledChevronDownIcon","ChevronDownIcon"],"mappings":";;;AAYM,MAAAA,IAAYC,EAAO,IAAqB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,QACvD;AAAA;AAAA;AAAA,aAGID,KAAkB,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,MACxEC,IAAU,UAAUA,IAAUF,EAAM,OAAO,MAAM,QAAQ,EAAE;AAAA,GAEhE,GAMKG,IAAmBJ,EAAO;AAAA,EAC9B,CAAC,EAAE,OAAAC,GAAO,UAAAI,QAAe;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKTJ,EAAM,OAAO,SAAS,EAAE;AAAA;AAAA,wBAElBI,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA,sBAETJ,EAAM,OAAO,SAAS,GAAG;AAAA;AAAA;AAG/C,GAOMK,IAAiBN,EAAO,IAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAM,GAAW,QAAAC,QAAa;AACnF,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,EAAU,IAAAV,GAC5B,EAAE,qBAAAW,GAAqB,sBAAAC,EAAA,IAAyBF,EAAM,SAASJ,CAAS,GACxEO,IAAcN,MAAW;AAExB,SAAA;AAAA;AAAA,kBAESC,EAAO,SAAS,EAAE;AAAA,wBACZK,IAAcJ,EAAO,UAAUA,EAAOE,KAAuB,OAAO,CAAC;AAAA,wBACrEE,IAAcJ,EAAO,aAAaA,EAAO,MAAM;AAAA,qBAClDI,IAAc,IAAIL,EAAO,SAAS,GAAG;AAAA,eAC3CA,EAAO,SAAS,GAAG;AAAA;AAAA,kBAEhBK,IAAc,oBAAoBJ,EAAO,UAAU,KAAK,MAAM;AAAA;AAAA;AAAA,oBAG5DI,IAAcJ,EAAO,UAAUA,EAAOG,KAAwB,QAAQ,CAAC;AAAA;AAAA;AAG3F,CAAC,GAMKE,IAAiBf,EAAOgB,CAAQ;AAAA,EACpC,CAAC,EAAE,cAAAC,EAAA,MAAmB;AAAA,sBACFA,IAAe,MAAM,CAAC;AAAA;AAAA;AAG5C,GAEMC,IAAwBlB,EAAOmB,CAAe;AAAA,EAClD,CAAC,EAAE,cAAAF,EAAA,MAAmB;AAAA,sBACFA,IAAe,MAAM,CAAC;AAAA;AAAA;AAG5C;"}

package/dist/features/ui/inputs/base-select-input/base-select-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-select-input.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input.tsx"],"sourcesContent":["import type { ISectionOption } from '../../section-list/section-list-types';\nimport type { IBaseSelectInputProps, ISelectOption } from './base-select-input-types';\nimport type { ChangeEvent, FocusEvent } from 'react';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport useContextMenuClickHandler from '../../hooks/use-context-menu-click-handler';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './base-select-input-styled';\nimport SelectOption from './select-option/select-option';\nimport SelectSection from './select-section/select-section';\n\nconst BaseSelectInput = <IDType extends string | number>(\n  props: IBaseSelectInputProps<IDType>,\n): JSX.Element => {\n  const {\n    label,\n    value,\n    options,\n    searchable = false,\n    searchText,\n    onCloseWithoutSelection,\n    onSearchTextChange,\n    onChange,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    mandatory,\n    size = 'regular',\n    shape,\n    theme = 'light',\n    isTransparent = false,\n    renderOptionsAs = 'list',\n  } = props;\n\n  const sectionOptions =\n    renderOptionsAs === 'section-list' && (options as ISectionOption<ISelectOption<IDType>>[]);\n  const selectOptions = renderOptionsAs === 'list' && (options as ISelectOption<IDType>[]);\n\n  const inputValue = useMemo(() => {\n    if (searchable) return searchText;\n\n    if (sectionOptions) {\n      return sectionOptions.flatMap(section => section.data).find(({ id }) => id === value)\n        ?.label as string;\n    }\n\n    if (selectOptions) return selectOptions.find(option => option.id === value)?.label;\n  }, [searchable, searchText, sectionOptions, selectOptions, value]);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(\n    containerRef,\n    undefined,\n    !searchable,\n    onCloseWithoutSelection,\n    disabled,\n  );\n\n  const handleTextChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (searchable && onSearchTextChange) {\n        onSearchTextChange(e.target.value);\n      }\n    },\n    [onSearchTextChange, searchable],\n  );\n\n  const handleChange = useCallback<IBaseSelectInputProps<IDType>['onChange']>(\n    (id, option) => {\n      hideMenu();\n      onChange(id, option);\n    },\n    [hideMenu, onChange],\n  );\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n    setTimeout(() => {\n      e.target.scrollIntoView({\n        behavior: 'smooth',\n      });\n    }, 300);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    if (onSearchTextChange) {\n      onSearchTextChange('');\n      inputRef.current?.focus();\n    }\n  }, [onSearchTextChange]);\n\n  const downIcon =\n    shape === 'curved' || shape === 'borderLess' ? (\n      <Styled.StyledChevronDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    ) : (\n      <Styled.StyledDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    );\n\n  return (\n    <Styled.Container ref={containerRef} $width={width} $widthX={widthX} onClick={onMenuClick}>\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={true}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={size}\n        mandatory={mandatory}\n        shape={shape}\n        isTransparent={isTransparent}\n        inputElement={\n          <Input\n            ref={inputRef}\n            $renderAs={renderAs}\n            $size={size}\n            placeholder={inputValue ? '' : label}\n            disabled={disabled}\n            readOnly={!searchable}\n            value={inputValue ?? ''}\n            onFocus={searchable ? handleFocus : undefined}\n            onChange={searchable ? handleTextChange : undefined}\n            $isTransparent={isTransparent}\n          />\n        }\n        siblingElement={searchable && menuVisible ? <CrossIcon onClick={handleClear} /> : downIcon}\n      />\n\n      {options.length > 0 && (\n        <Styled.OptionsContainer $visible={menuVisible}>\n          <Styled.OptionsWrapper $renderAs={renderAs} $theme={theme}>\n            {sectionOptions && (\n              <SelectSection<IDType>\n                sectionOptions={sectionOptions}\n                theme={theme}\n                value={value}\n                onChange={handleChange}\n              />\n            )}\n\n            {selectOptions &&\n              selectOptions.map(option => (\n                <SelectOption<IDType>\n                  key={option.id}\n                  option={option}\n                  selected={option.id === value}\n                  onChange={handleChange}\n                  theme={theme}\n                />\n              ))}\n          </Styled.OptionsWrapper>\n        </Styled.OptionsContainer>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default BaseSelectInput;\n"],"names":["BaseSelectInput","props","label","value","options","searchable","searchText","onCloseWithoutSelection","onSearchTextChange","onChange","renderAs","width","widthX","disabled","willShowMessage","mandatory","size","shape","theme","isTransparent","renderOptionsAs","sectionOptions","selectOptions","inputValue","useMemo","_a","section","id","_b","option","containerRef","useRef","inputRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleTextChange","useCallback","handleChange","handleFocus","handleClear","jsxs","Styled.Container","jsx","BaseInput","Input","CrossIcon","Styled.StyledChevronDownIcon","Styled.StyledDownIcon","Styled.OptionsContainer","Styled.OptionsWrapper","SelectSection","SelectOption"],"mappings":"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"}
+{"version":3,"file":"base-select-input.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input.tsx"],"sourcesContent":["import type { ISectionOption } from '../../section-list/section-list-types';\nimport type { IBaseSelectInputProps, ISelectOption } from './base-select-input-types';\nimport type { ChangeEvent, FocusEvent } from 'react';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport useContextMenuClickHandler from '../../hooks/use-context-menu-click-handler';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './base-select-input-styled';\nimport SelectOption from './select-option/select-option';\nimport SelectSection from './select-section/select-section';\n\nconst BaseSelectInput = <IDType extends string | number>(\n  props: IBaseSelectInputProps<IDType>,\n): JSX.Element => {\n  const {\n    label,\n    value,\n    options,\n    searchable = false,\n    searchText,\n    onCloseWithoutSelection,\n    onSearchTextChange,\n    onChange,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    mandatory,\n    size = 'regular',\n    shape,\n    theme = 'light',\n    isTransparent = false,\n    renderOptionsAs = 'list',\n  } = props;\n\n  const sectionOptions =\n    renderOptionsAs === 'section-list' && (options as ISectionOption<ISelectOption<IDType>>[]);\n  const selectOptions = renderOptionsAs === 'list' && (options as ISelectOption<IDType>[]);\n\n  const inputValue = useMemo(() => {\n    if (searchable) return searchText;\n\n    if (sectionOptions) {\n      return sectionOptions.flatMap(section => section.data).find(({ id }) => id === value)\n        ?.label as string;\n    }\n\n    if (selectOptions) return selectOptions.find(option => option.id === value)?.label;\n  }, [searchable, searchText, sectionOptions, selectOptions, value]);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(\n    containerRef,\n    undefined,\n    !searchable,\n    onCloseWithoutSelection,\n    disabled,\n  );\n\n  const handleTextChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (searchable && onSearchTextChange) {\n        onSearchTextChange(e.target.value);\n      }\n    },\n    [onSearchTextChange, searchable],\n  );\n\n  const handleChange = useCallback<IBaseSelectInputProps<IDType>['onChange']>(\n    (id, option) => {\n      hideMenu();\n      onChange(id, option);\n    },\n    [hideMenu, onChange],\n  );\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n    setTimeout(() => {\n      e.target.scrollIntoView({\n        behavior: 'smooth',\n      });\n    }, 300);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    if (onSearchTextChange) {\n      onSearchTextChange('');\n      inputRef.current?.focus();\n    }\n  }, [onSearchTextChange]);\n\n  const downIcon =\n    shape === 'curved' || shape === 'borderLess' ? (\n      <Styled.StyledChevronDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    ) : (\n      <Styled.StyledDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    );\n\n  return (\n    <Styled.Container ref={containerRef} $width={width} $widthX={widthX} onClick={onMenuClick}>\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={true}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={size}\n        mandatory={mandatory}\n        shape={shape}\n        isTransparent={isTransparent}\n        inputElement={\n          <Input\n            ref={inputRef}\n            $renderAs={renderAs}\n            $size={size}\n            placeholder={inputValue ? '' : label}\n            disabled={disabled}\n            readOnly={!searchable}\n            value={inputValue ?? ''}\n            onFocus={searchable ? handleFocus : undefined}\n            onChange={searchable ? handleTextChange : undefined}\n            $isTransparent={isTransparent}\n          />\n        }\n        siblingElement={searchable && menuVisible ? <CrossIcon onClick={handleClear} /> : downIcon}\n      />\n\n      {options.length > 0 && (\n        <Styled.OptionsContainer $visible={menuVisible}>\n          <Styled.OptionsWrapper $renderAs={renderAs} $theme={theme}>\n            {sectionOptions && (\n              <SelectSection<IDType>\n                sectionOptions={sectionOptions}\n                theme={theme}\n                value={value}\n                onChange={handleChange}\n              />\n            )}\n\n            {selectOptions &&\n              selectOptions.map(option => (\n                <SelectOption<IDType>\n                  key={option.id}\n                  option={option}\n                  selected={option.id === value}\n                  onChange={handleChange}\n                  theme={theme}\n                />\n              ))}\n          </Styled.OptionsWrapper>\n        </Styled.OptionsContainer>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default BaseSelectInput;\n"],"names":["BaseSelectInput","props","label","value","options","searchable","searchText","onCloseWithoutSelection","onSearchTextChange","onChange","renderAs","width","widthX","disabled","willShowMessage","mandatory","size","shape","theme","isTransparent","renderOptionsAs","sectionOptions","selectOptions","inputValue","useMemo","_a","section","id","_b","option","containerRef","useRef","inputRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleTextChange","useCallback","handleChange","handleFocus","handleClear","jsxs","Styled.Container","jsx","BaseInput","Input","CrossIcon","Styled.StyledChevronDownIcon","Styled.StyledDownIcon","Styled.OptionsContainer","Styled.OptionsWrapper","SelectSection","SelectOption"],"mappings":"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"}

package/dist/features/ui/inputs/base-select-input/select-option/select-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-option.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-option/select-option.tsx"],"sourcesContent":["import type { ISelectOptionProps } from './select-option-types';\n\nimport { useCallback } from 'react';\n\nimport Text from '../../../text/text';\nimport * as Styled from './select-option-styled';\n\nconst SelectOption = <IDType extends string | number>({\n  option,\n  selected,\n  onChange,\n  theme,\n}: ISelectOptionProps<IDType>): JSX.Element => {\n  const { id, label } = option;\n\n  const handleOnClick = useCallback(() => {\n    onChange(id, option);\n  }, [onChange, id, option]);\n\n  const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n  const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n  const isDarkTheme = theme === 'dark';\n\n  return (\n    <Styled.SelectOptionWrapper onClick={handleOnClick} className=\"base-select-input-option\">\n      <Text\n        $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n        $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n      >\n        {label}\n      </Text>\n    </Styled.SelectOptionWrapper>\n  );\n};\n\nexport default SelectOption;\n"],"names":["SelectOption","option","selected","onChange","theme","id","label","handleOnClick","useCallback","lightThemeRenderAs","darkThemeRenderAs","isDarkTheme","Styled.SelectOptionWrapper","jsx","Text"],"mappings":";;;;AAOA,MAAMA,IAAe,CAAiC;AAAA,EACpD,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAA+C;AACvC,QAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAL,GAEhBM,IAAgBC,EAAY,MAAM;AACtC,IAAAL,EAASE,GAAIJ,CAAM;AAAA,EAClB,GAAA,CAACE,GAAUE,GAAIJ,CAAM,CAAC,GAEnBQ,IAAqBP,IAAW,gBAAgB,SAChDQ,IAAoBR,IAAW,aAAa,OAC5CS,IAAcP,MAAU;AAE9B,2BACGQ,GAAA,EAA2B,SAASL,GAAe,WAAU,4BAC5D,UAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH,IAAcD,IAAoBD;AAAA,MAC7C,QAAQE,IAAc,eAAe;AAAA,MAEpC,UAAAL;AAAA,IAAA;AAAA,EAEL,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"select-option.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-option/select-option.tsx"],"sourcesContent":["import type { ISelectOptionProps } from './select-option-types';\n\nimport { useCallback } from 'react';\n\nimport Text from '../../../text/text';\nimport * as Styled from './select-option-styled';\n\nconst SelectOption = <IDType extends string | number>({\n  option,\n  selected,\n  onChange,\n  theme,\n}: ISelectOptionProps<IDType>): JSX.Element => {\n  const { id, label } = option;\n\n  const handleOnClick = useCallback(() => {\n    onChange(id, option);\n  }, [onChange, id, option]);\n\n  const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n  const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n  const isDarkTheme = theme === 'dark';\n\n  return (\n    <Styled.SelectOptionWrapper onClick={handleOnClick} className=\"base-select-input-option\">\n      <Text\n        $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n        $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n      >\n        {label}\n      </Text>\n    </Styled.SelectOptionWrapper>\n  );\n};\n\nexport default SelectOption;\n"],"names":["SelectOption","option","selected","onChange","theme","id","label","handleOnClick","useCallback","lightThemeRenderAs","darkThemeRenderAs","isDarkTheme","Styled.SelectOptionWrapper","jsx","Text"],"mappings":";;;;AAOA,MAAMA,IAAe,CAAiC;AAAA,EACpD,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAA+C;AACvC,QAAA,EAAE,IAAAC,GAAI,OAAAC,EAAA,IAAUL,GAEhBM,IAAgBC,EAAY,MAAM;AACtC,IAAAL,EAASE,GAAIJ,CAAM;AAAA,EAClB,GAAA,CAACE,GAAUE,GAAIJ,CAAM,CAAC,GAEnBQ,IAAqBP,IAAW,gBAAgB,SAChDQ,IAAoBR,IAAW,aAAa,OAC5CS,IAAcP,MAAU;AAE9B,2BACGQ,GAAA,EAA2B,SAASL,GAAe,WAAU,4BAC5D,UAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH,IAAcD,IAAoBD;AAAA,MAC7C,QAAQE,IAAc,eAAe;AAAA,MAEpC,UAAAL;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}