@cuemath/leap 2.8.52 → 2.8.53-aa0

package/dist/features/ui/inputs/checkbox-input/checkbox-input.js

@@ -2,28 +2,28 @@ import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import { useCallback as g } from "react";
 import { useTheme as v } from "styled-components";
 import I from "../../text/text.js";
-import { CheckboxOptionWrapper as W, CheckboxInputWrapper as z, CheckboxInput as A, CheckIcon as T, IndeterminateIcon as y, CheckboxLabelWrapper as L } from "./checkbox-input-styled.js";
-const V = (h) => {
+import { CheckboxOptionWrapper as W, CheckboxInputWrapper as z, CheckboxInput as A, CheckIcon as O, IndeterminateIcon as T, CheckboxLabelWrapper as y } from "./checkbox-input-styled.js";
+const L = (h) => {
   const {
     size: r,
     label: i,
-    value: l,
+    value: a,
     checked: e,
     disabled: n,
-    renderAs: a,
+    renderAs: o,
     labelWidthX: p,
-    indeterminate: u,
-    visibleOnCheck: k,
-    alignTopWithLabel: $ = !1,
-    onChange: o
+    indeterminate: k,
+    visibleOnCheck: u,
+    alignTopWithLabel: C = !1,
+    onChange: l
   } = h, {
-    layout: { gutter: m },
+    layout: { gutter: $ },
     checkbox: c
-  } = v(), { textVariant: C } = c.sizes[r ?? "regular"], { textColorName: x } = c.variants[a ?? "black"], s = k ? e : !0, f = !e && u, d = g(() => {
+  } = v(), { textVariant: m } = c.sizes[r ?? "regular"], { textColorName: x } = c.variants[o ?? "black"], s = u ? e : !0, f = !e && k, d = g(() => {
     if (n) return null;
-    o(l, !e);
-  }, [e, n, o, l]);
-  return /* @__PURE__ */ b(W, { $alignTop: $, $disabled: n, children: [
+    l(a, !e);
+  }, [e, n, l, a]);
+  return /* @__PURE__ */ b(W, { $alignTop: C, $disabled: n, children: [
     /* @__PURE__ */ b(z, { onClick: d, $disabled: n, children: [
       /* @__PURE__ */ t(
         A,
@@ -32,15 +32,15 @@ const V = (h) => {
           checked: e,
           disabled: !!n,
           onChange: () => null,
-          $renderAs: a,
+          $renderAs: o,
           $size: r
         }
       ),
-      e && /* @__PURE__ */ t(T, { $renderAs: a, $size: r }),
-      f && /* @__PURE__ */ t(y, { $disabled: n, $size: m * 1.125 })
+      e && /* @__PURE__ */ t(O, { $renderAs: o, $size: r }),
+      f && /* @__PURE__ */ t(T, { $disabled: n, $size: $ * 1.125 })
     ] }),
     /* @__PURE__ */ t(
-      L,
+      y,
       {
         $labelWidthX: p,
         $visible: s,
@@ -50,7 +50,7 @@ const V = (h) => {
         children: typeof i == "string" ? /* @__PURE__ */ t(
           I,
           {
-            $renderAs: C[e ? "active" : "inactive"],
+            $renderAs: m[e ? "active" : "inactive"],
             $color: x[e ? "active" : "inactive"],
             children: i
           }
@@ -58,8 +58,8 @@ const V = (h) => {
       }
     )
   ] });
-};
+}, q = L;
 export {
-  V as default
+  q as default
 };
 //# sourceMappingURL=checkbox-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input.tsx"],"sourcesContent":["import type { ICheckboxOptionProps } from './checkbox-input-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './checkbox-input-styled';\n\nconst CheckboxInput = <IDType extends string | number>(props: ICheckboxOptionProps<IDType>) => {\n  const {\n    size,\n    label,\n    value,\n    checked,\n    disabled,\n    renderAs,\n    labelWidthX,\n    indeterminate,\n    visibleOnCheck,\n    alignTopWithLabel = false,\n    onChange,\n  } = props;\n\n  const {\n    layout: { gutter },\n    checkbox,\n  } = useTheme();\n\n  const { textVariant } = checkbox.sizes[size ?? 'regular'];\n  const { textColorName } = checkbox.variants[renderAs ?? 'black'];\n\n  const renderLabel = visibleOnCheck ? checked : true;\n  const renderIndeterminateState = !checked && indeterminate;\n\n  const handleOnChange = useCallback(() => {\n    if (disabled) return null;\n\n    onChange(value, !checked);\n  }, [checked, disabled, onChange, value]);\n\n  return (\n    <Styled.CheckboxOptionWrapper $alignTop={alignTopWithLabel} $disabled={disabled}>\n      <Styled.CheckboxInputWrapper onClick={handleOnChange} $disabled={disabled}>\n        <Styled.CheckboxInput\n          type=\"checkbox\"\n          checked={checked}\n          disabled={!!disabled}\n          onChange={() => null}\n          $renderAs={renderAs}\n          $size={size}\n        />\n        {checked && <Styled.CheckIcon $renderAs={renderAs} $size={size} />}\n\n        {renderIndeterminateState && (\n          <Styled.IndeterminateIcon $disabled={disabled} $size={gutter * 1.125} />\n        )}\n      </Styled.CheckboxInputWrapper>\n\n      <Styled.CheckboxLabelWrapper\n        $labelWidthX={labelWidthX}\n        $visible={renderLabel}\n        onClick={renderLabel ? handleOnChange : () => null}\n        $disabled={disabled}\n        $checked={checked}\n      >\n        {typeof label === 'string' ? (\n          <Text\n            $renderAs={textVariant[checked ? 'active' : 'inactive']}\n            $color={textColorName[checked ? 'active' : 'inactive']}\n          >\n            {label}\n          </Text>\n        ) : (\n          label\n        )}\n      </Styled.CheckboxLabelWrapper>\n    </Styled.CheckboxOptionWrapper>\n  );\n};\n\nexport default CheckboxInput;\n"],"names":["CheckboxInput","props","size","label","value","checked","disabled","renderAs","labelWidthX","indeterminate","visibleOnCheck","alignTopWithLabel","onChange","gutter","checkbox","useTheme","textVariant","textColorName","renderLabel","renderIndeterminateState","handleOnChange","useCallback","Styled.CheckboxOptionWrapper","jsxs","Styled.CheckboxInputWrapper","jsx","Styled.CheckboxInput","Styled.CheckIcon","Styled.IndeterminateIcon","Styled.CheckboxLabelWrapper","Text"],"mappings":";;;;;AAQM,MAAAA,IAAgB,CAAiCC,MAAwC;AACvF,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,EAAA,IACEX,GAEE;AAAA,IACJ,QAAQ,EAAE,QAAAY,EAAO;AAAA,IACjB,UAAAC;AAAA,MACEC,EAAS,GAEP,EAAE,aAAAC,EAAY,IAAIF,EAAS,MAAMZ,KAAQ,SAAS,GAClD,EAAE,eAAAe,EAAc,IAAIH,EAAS,SAASP,KAAY,OAAO,GAEzDW,IAAcR,IAAiBL,IAAU,IACzCc,IAA2B,CAACd,KAAWI,GAEvCW,IAAiBC,EAAY,MAAM;AACvC,QAAIf,EAAiB,QAAA;AAEZ,IAAAM,EAAAR,GAAO,CAACC,CAAO;AAAA,KACvB,CAACA,GAASC,GAAUM,GAAUR,CAAK,CAAC;AAEvC,2BACGkB,GAAA,EAA6B,WAAWX,GAAmB,WAAWL,GACrE,UAAA;AAAA,IAAA,gBAAAiB,EAACC,GAAA,EAA4B,SAASJ,GAAgB,WAAWd,GAC/D,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAArB;AAAA,UACA,UAAU,CAAC,CAACC;AAAA,UACZ,UAAU,MAAM;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOL;AAAA,QAAA;AAAA,MACT;AAAA,MACCG,uBAAYsB,GAAA,EAAiB,WAAWpB,GAAU,OAAOL,GAAM;AAAA,MAE/DiB,uBACES,GAAA,EAAyB,WAAWtB,GAAU,OAAOO,IAAS,MAAO,CAAA;AAAA,IAAA,GAE1E;AAAA,IAEA,gBAAAY;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,cAAcrB;AAAA,QACd,UAAUU;AAAA,QACV,SAASA,IAAcE,IAAiB,MAAM;AAAA,QAC9C,WAAWd;AAAA,QACX,UAAUD;AAAA,QAET,UAAA,OAAOF,KAAU,WAChB,gBAAAsB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWd,EAAYX,IAAU,WAAW,UAAU;AAAA,YACtD,QAAQY,EAAcZ,IAAU,WAAW,UAAU;AAAA,YAEpD,UAAAF;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;"}
+{"version":3,"file":"checkbox-input.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input.tsx"],"sourcesContent":["import type { ICheckboxOptionProps } from './checkbox-input-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './checkbox-input-styled';\n\nconst CheckboxInput = <IDType extends string | number>(props: ICheckboxOptionProps<IDType>) => {\n  const {\n    size,\n    label,\n    value,\n    checked,\n    disabled,\n    renderAs,\n    labelWidthX,\n    indeterminate,\n    visibleOnCheck,\n    alignTopWithLabel = false,\n    onChange,\n  } = props;\n\n  const {\n    layout: { gutter },\n    checkbox,\n  } = useTheme();\n\n  const { textVariant } = checkbox.sizes[size ?? 'regular'];\n  const { textColorName } = checkbox.variants[renderAs ?? 'black'];\n\n  const renderLabel = visibleOnCheck ? checked : true;\n  const renderIndeterminateState = !checked && indeterminate;\n\n  const handleOnChange = useCallback(() => {\n    if (disabled) return null;\n\n    onChange(value, !checked);\n  }, [checked, disabled, onChange, value]);\n\n  return (\n    <Styled.CheckboxOptionWrapper $alignTop={alignTopWithLabel} $disabled={disabled}>\n      <Styled.CheckboxInputWrapper onClick={handleOnChange} $disabled={disabled}>\n        <Styled.CheckboxInput\n          type=\"checkbox\"\n          checked={checked}\n          disabled={!!disabled}\n          onChange={() => null}\n          $renderAs={renderAs}\n          $size={size}\n        />\n        {checked && <Styled.CheckIcon $renderAs={renderAs} $size={size} />}\n\n        {renderIndeterminateState && (\n          <Styled.IndeterminateIcon $disabled={disabled} $size={gutter * 1.125} />\n        )}\n      </Styled.CheckboxInputWrapper>\n\n      <Styled.CheckboxLabelWrapper\n        $labelWidthX={labelWidthX}\n        $visible={renderLabel}\n        onClick={renderLabel ? handleOnChange : () => null}\n        $disabled={disabled}\n        $checked={checked}\n      >\n        {typeof label === 'string' ? (\n          <Text\n            $renderAs={textVariant[checked ? 'active' : 'inactive']}\n            $color={textColorName[checked ? 'active' : 'inactive']}\n          >\n            {label}\n          </Text>\n        ) : (\n          label\n        )}\n      </Styled.CheckboxLabelWrapper>\n    </Styled.CheckboxOptionWrapper>\n  );\n};\n\nexport default CheckboxInput;\n"],"names":["CheckboxInput","props","size","label","value","checked","disabled","renderAs","labelWidthX","indeterminate","visibleOnCheck","alignTopWithLabel","onChange","gutter","checkbox","useTheme","textVariant","textColorName","renderLabel","renderIndeterminateState","handleOnChange","useCallback","Styled.CheckboxOptionWrapper","jsxs","Styled.CheckboxInputWrapper","jsx","Styled.CheckboxInput","Styled.CheckIcon","Styled.IndeterminateIcon","Styled.CheckboxLabelWrapper","Text","CheckboxOption"],"mappings":";;;;;AAQA,MAAMA,IAAgB,CAAiCC,MAAwC;AACvF,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,QAAQ,EAAE,QAAAY,EAAO;AAAA,IACjB,UAAAC;AAAA,MACEC,EAAS,GAEP,EAAE,aAAAC,EAAY,IAAIF,EAAS,MAAMZ,KAAQ,SAAS,GAClD,EAAE,eAAAe,EAAc,IAAIH,EAAS,SAASP,KAAY,OAAO,GAEzDW,IAAcR,IAAiBL,IAAU,IACzCc,IAA2B,CAACd,KAAWI,GAEvCW,IAAiBC,EAAY,MAAM;AACvC,QAAIf,EAAiB,QAAA;AAEZ,IAAAM,EAAAR,GAAO,CAACC,CAAO;AAAA,KACvB,CAACA,GAASC,GAAUM,GAAUR,CAAK,CAAC;AAEvC,2BACGkB,GAAA,EAA6B,WAAWX,GAAmB,WAAWL,GACrE,UAAA;AAAA,IAAA,gBAAAiB,EAACC,GAAA,EAA4B,SAASJ,GAAgB,WAAWd,GAC/D,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAArB;AAAA,UACA,UAAU,CAAC,CAACC;AAAA,UACZ,UAAU,MAAM;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOL;AAAA,QAAA;AAAA,MACT;AAAA,MACCG,uBAAYsB,GAAA,EAAiB,WAAWpB,GAAU,OAAOL,GAAM;AAAA,MAE/DiB,uBACES,GAAA,EAAyB,WAAWtB,GAAU,OAAOO,IAAS,OAAO;AAAA,IAAA,GAE1E;AAAA,IAEA,gBAAAY;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,cAAcrB;AAAA,QACd,UAAUU;AAAA,QACV,SAASA,IAAcE,IAAiB,MAAM;AAAA,QAC9C,WAAWd;AAAA,QACX,UAAUD;AAAA,QAET,UAAA,OAAOF,KAAU,WAChB,gBAAAsB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWd,EAAYX,IAAU,WAAW,UAAU;AAAA,YACtD,QAAQY,EAAcZ,IAAU,WAAW,UAAU;AAAA,YAEpD,UAAAF;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEA4B,IAAe/B;"}

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useMemo as g, useCallback as I } from "react";
-import v from "../../arrow-tooltip/arrow-tooltip.js";
-import A from "../checkbox-input/checkbox-input.js";
-import { CheckboxInputListWrapper as L, CheckboxOptionWrapper as O } from "./checkbox-input-list-styled.js";
-const W = (a) => {
+import L from "../../arrow-tooltip/arrow-tooltip.js";
+import O from "../checkbox-input/checkbox-input.js";
+import { CheckboxInputListWrapper as v, CheckboxOptionWrapper as A } from "./checkbox-input-list-styled.js";
+const $ = (h) => {
   const {
-    size: h,
+    size: a,
     value: o,
     options: d,
     disabled: s,
@@ -15,19 +15,19 @@ const W = (a) => {
     visibleOnCheck: x,
     maximumSelection: e,
     onChange: i
-  } = a, l = g(
+  } = h, c = g(
     () => !!(e && e > 1 && o.length >= e),
     [e, o.length]
   ), b = I(
     (t, n) => {
-      n ? e === 1 ? i([t]) : (!l || !e) && i([...o, t]) : i(o.filter((c) => c !== t));
+      n ? e === 1 ? i([t]) : (!c || !e) && i([...o, t]) : i(o.filter((l) => l !== t));
     },
-    [e, i, l, o]
+    [e, i, c, o]
   );
-  return /* @__PURE__ */ r(L, { children: d.map((t) => {
-    const { id: n, label: c } = t, p = o.includes(n), m = l && !p, k = (s == null ? void 0 : s.includes(n)) || m;
-    return /* @__PURE__ */ r(O, { $numColumns: C ?? 1, children: /* @__PURE__ */ r(
-      v,
+  return /* @__PURE__ */ r(v, { children: d.map((t) => {
+    const { id: n, label: l } = t, p = o.includes(n), m = c && !p, k = (s == null ? void 0 : s.includes(n)) || m;
+    return /* @__PURE__ */ r(A, { $numColumns: C ?? 1, children: /* @__PURE__ */ r(
+      L,
       {
         renderAs: "primary",
         position: "top",
@@ -35,11 +35,11 @@ const W = (a) => {
         hidden: !m,
         zIndex: 2,
         children: /* @__PURE__ */ r(
-          A,
+          O,
           {
             value: n,
-            size: h,
-            label: c,
+            size: a,
+            label: l,
             checked: p,
             renderAs: u,
             disabled: k,
@@ -51,7 +51,7 @@ const W = (a) => {
       }
     ) }, n);
   }) });
-};
+}, W = $;
 export {
   W as default
 };

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <Styled.CheckboxInputListWrapper>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </Styled.CheckboxInputListWrapper>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","Styled.CheckboxInputListWrapper","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","jsx","ArrowTooltip","CheckboxOption"],"mappings":";;;;;AAQM,MAAAA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEV,GAEEW,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKP,EAAM,UAAUO;AAAA,IACrE,CAACA,GAAkBP,EAAM,MAAM;AAAA,EACjC,GAEMW,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGR,GAAOa,CAAa,CAAC,IALpCL,EAASR,EAAM,OAAO,CAAOe,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBT,CAAK;AAAA,EACtD;AAEA,2BACGgB,GAAA,EACE,UAAAf,EAAQ,IAAI,CAAUgB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAA,IAAUF,GAEhBG,IAAUpB,EAAM,SAASkB,CAAE,GAC3BG,IAAcZ,KAAoB,CAACW,GACnCE,KAAepB,KAAA,gBAAAA,EAAU,SAASgB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAanB,KAAc,GAChE,UAAA,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACc;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAG;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,OAAOR;AAAA,YACP,MAAAnB;AAAA,YACA,OAAAoB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAjB;AAAA,YACA,UAAUmB;AAAA,YACV,UAAUX;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,SAlB+BY,CAoBnC;AAAA,EAEH,CAAA,GACH;AAEJ;"}
+{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <Styled.CheckboxInputListWrapper>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </Styled.CheckboxInputListWrapper>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","Styled.CheckboxInputListWrapper","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","jsx","ArrowTooltip","CheckboxOption","CheckboxInputList$1"],"mappings":";;;;;AAQA,MAAMA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAV,GAEEW,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKP,EAAM,UAAUO;AAAA,IACrE,CAACA,GAAkBP,EAAM,MAAM;AAAA,EAAA,GAG3BW,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGR,GAAOa,CAAa,CAAC,IALpCL,EAASR,EAAM,OAAO,CAAOe,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBT,CAAK;AAAA,EAAA;AAGtD,2BACGgB,GAAA,EACE,UAAAf,EAAQ,IAAI,CAAUgB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAEhBG,IAAUpB,EAAM,SAASkB,CAAE,GAC3BG,IAAcZ,KAAoB,CAACW,GACnCE,KAAepB,KAAA,gBAAAA,EAAU,SAASgB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAanB,KAAc,GAChE,UAAA,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACc;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAG;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOR;AAAA,YACP,MAAAnB;AAAA,YACA,OAAAoB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAjB;AAAA,YACA,UAAUmB;AAAA,YACV,UAAUX;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,KAlB+BY,CAoBnC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEAS,IAAe9B;"}

package/dist/features/ui/inputs/google-places-search-input/google-places-search-input.js

@@ -1,8 +1,8 @@
 import { jsx as g } from "react/jsx-runtime";
 import { GoogleApiWrapper as S } from "google-maps-react";
 import { useCallback as l } from "react";
-import f from "../searchable-select-input/searchable-select-input.js";
-const h = (r) => {
+import h from "../searchable-select-input/searchable-select-input.js";
+const u = (r) => {
   const { google: e, onChange: t } = r, i = l(
     (o) => new Promise((c) => {
       const a = new e.maps.places.AutocompleteService();
@@ -35,11 +35,11 @@ const h = (r) => {
     },
     [e.maps.Geocoder, t]
   );
-  return /* @__PURE__ */ g(f, { ...r, options: i, onChange: m });
-}, P = S({
+  return /* @__PURE__ */ g(h, { ...r, options: i, onChange: m });
+}, f = S({
   apiKey: "AIzaSyC0Vv2q68IDrSB78UQsC2wy0Yt3hfgrYmY"
-})(h);
+})(u), I = f;
 export {
-  P as default
+  I as default
 };
 //# sourceMappingURL=google-places-search-input.js.map

package/dist/features/ui/inputs/google-places-search-input/google-places-search-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"google-places-search-input.js","sources":["../../../../../src/features/ui/inputs/google-places-search-input/google-places-search-input.tsx"],"sourcesContent":["import type { ISelectOption } from '../base-select-input/base-select-input-types';\nimport type {\n  IGooglePlaceOption,\n  IGooglePlacesSearchInputProps,\n} from './google-places-search-input-types';\n\nimport { GoogleApiWrapper } from 'google-maps-react';\nimport { useCallback } from 'react';\n\nimport SearchableSelectInput from '../searchable-select-input/searchable-select-input';\n\n/**\n * TODO:SG\n * - API key should be passed in from the outside\n * - prediction types should be passed in from the outside\n * - debounce the search\n * - cancel outstanding requests when the component unmounts or the search text changes\n * - move the geocoding to the outside\n */\n\nconst GooglePlacesSearchInputComponent = (props: IGooglePlacesSearchInputProps): JSX.Element => {\n  const { google, onChange } = props;\n\n  const options = useCallback(\n    (searchText: string) => {\n      return new Promise<IGooglePlaceOption[]>(resolve => {\n        const service = new google.maps.places.AutocompleteService();\n\n        if (!searchText) {\n          resolve([]);\n        } else {\n          //TODO:SG Change this to promise\n          service.getPlacePredictions(\n            {\n              input: searchText,\n              types: ['primary_school', 'school', 'secondary_school', 'university'],\n            },\n            (predictions, status) => {\n              if (status !== google.maps.places.PlacesServiceStatus.OK) {\n                // TODO:SG Log error\n                resolve([]);\n              } else {\n                if (predictions) {\n                  resolve(\n                    predictions.map(prediction => ({\n                      ...prediction,\n                      id: prediction.place_id,\n                      label: prediction.description,\n                    })),\n                  );\n                }\n\n                resolve([]);\n              }\n            },\n          );\n        }\n      });\n    },\n    [google.maps.places.AutocompleteService, google.maps.places.PlacesServiceStatus.OK],\n  );\n\n  const handleChange = useCallback(\n    (value: string, option: ISelectOption<string>) => {\n      const place = option as IGooglePlaceOption;\n      const service = new google.maps.Geocoder();\n\n      service.geocode({ placeId: value }, results => {\n        if (results) {\n          onChange(value, {\n            ...place,\n            gmaps: results[0],\n          });\n        } else {\n          // TODO:SG Log error\n        }\n      });\n\n      onChange(value, place);\n    },\n    [google.maps.Geocoder, onChange],\n  );\n\n  return <SearchableSelectInput<string> {...props} options={options} onChange={handleChange} />;\n};\n\nconst GooglePlacesSearchInput = GoogleApiWrapper({\n  apiKey: 'AIzaSyC0Vv2q68IDrSB78UQsC2wy0Yt3hfgrYmY',\n})(GooglePlacesSearchInputComponent);\n\nexport default GooglePlacesSearchInput;\n"],"names":["GooglePlacesSearchInputComponent","props","google","onChange","options","useCallback","searchText","resolve","service","predictions","status","prediction","handleChange","value","option","place","results","SearchableSelectInput","GooglePlacesSearchInput","GoogleApiWrapper"],"mappings":";;;;AAoBA,MAAMA,IAAmC,CAACC,MAAsD;AACxF,QAAA,EAAE,QAAAC,GAAQ,UAAAC,EAAA,IAAaF,GAEvBG,IAAUC;AAAA,IACd,CAACC,MACQ,IAAI,QAA8B,CAAWC,MAAA;AAClD,YAAMC,IAAU,IAAIN,EAAO,KAAK,OAAO,oBAAoB;AAE3D,MAAKI,IAIKE,EAAA;AAAA,QACN;AAAA,UACE,OAAOF;AAAA,UACP,OAAO,CAAC,kBAAkB,UAAU,oBAAoB,YAAY;AAAA,QACtE;AAAA,QACA,CAACG,GAAaC,MAAW;AACvB,UAAIA,MAAWR,EAAO,KAAK,OAAO,oBAAoB,KAEpDK,EAAQ,CAAA,CAAE,KAENE,KACFF;AAAA,YACEE,EAAY,IAAI,CAAeE,OAAA;AAAA,cAC7B,GAAGA;AAAA,cACH,IAAIA,EAAW;AAAA,cACf,OAAOA,EAAW;AAAA,YAAA,EAClB;AAAA,UACJ,GAGFJ,EAAQ,CAAA,CAAE;AAAA,QACZ;AAAA,MAEJ,IA1BAA,EAAQ,CAAA,CAAE;AAAA,IA2BZ,CACD;AAAA,IAEH,CAACL,EAAO,KAAK,OAAO,qBAAqBA,EAAO,KAAK,OAAO,oBAAoB,EAAE;AAAA,EACpF,GAEMU,IAAeP;AAAA,IACnB,CAACQ,GAAeC,MAAkC;AAChD,YAAMC,IAAQD;AAGd,MAFgB,IAAIZ,EAAO,KAAK,SAAS,EAEjC,QAAQ,EAAE,SAASW,KAAS,CAAWG,MAAA;AAC7C,QAAIA,KACFb,EAASU,GAAO;AAAA,UACd,GAAGE;AAAA,UACH,OAAOC,EAAQ,CAAC;AAAA,QAAA,CACjB;AAAA,MAGH,CACD,GAEDb,EAASU,GAAOE,CAAK;AAAA,IACvB;AAAA,IACA,CAACb,EAAO,KAAK,UAAUC,CAAQ;AAAA,EACjC;AAEA,2BAAQc,GAA+B,EAAA,GAAGhB,GAAO,SAAAG,GAAkB,UAAUQ,GAAc;AAC7F,GAEMM,IAA0BC,EAAiB;AAAA,EAC/C,QAAQ;AACV,CAAC,EAAEnB,CAAgC;"}
+{"version":3,"file":"google-places-search-input.js","sources":["../../../../../src/features/ui/inputs/google-places-search-input/google-places-search-input.tsx"],"sourcesContent":["import type { ISelectOption } from '../base-select-input/base-select-input-types';\nimport type {\n  IGooglePlaceOption,\n  IGooglePlacesSearchInputProps,\n} from './google-places-search-input-types';\n\nimport { GoogleApiWrapper } from 'google-maps-react';\nimport { useCallback } from 'react';\n\nimport SearchableSelectInput from '../searchable-select-input/searchable-select-input';\n\n/**\n * TODO:SG\n * - API key should be passed in from the outside\n * - prediction types should be passed in from the outside\n * - debounce the search\n * - cancel outstanding requests when the component unmounts or the search text changes\n * - move the geocoding to the outside\n */\n\nconst GooglePlacesSearchInputComponent = (props: IGooglePlacesSearchInputProps): JSX.Element => {\n  const { google, onChange } = props;\n\n  const options = useCallback(\n    (searchText: string) => {\n      return new Promise<IGooglePlaceOption[]>(resolve => {\n        const service = new google.maps.places.AutocompleteService();\n\n        if (!searchText) {\n          resolve([]);\n        } else {\n          //TODO:SG Change this to promise\n          service.getPlacePredictions(\n            {\n              input: searchText,\n              types: ['primary_school', 'school', 'secondary_school', 'university'],\n            },\n            (predictions, status) => {\n              if (status !== google.maps.places.PlacesServiceStatus.OK) {\n                // TODO:SG Log error\n                resolve([]);\n              } else {\n                if (predictions) {\n                  resolve(\n                    predictions.map(prediction => ({\n                      ...prediction,\n                      id: prediction.place_id,\n                      label: prediction.description,\n                    })),\n                  );\n                }\n\n                resolve([]);\n              }\n            },\n          );\n        }\n      });\n    },\n    [google.maps.places.AutocompleteService, google.maps.places.PlacesServiceStatus.OK],\n  );\n\n  const handleChange = useCallback(\n    (value: string, option: ISelectOption<string>) => {\n      const place = option as IGooglePlaceOption;\n      const service = new google.maps.Geocoder();\n\n      service.geocode({ placeId: value }, results => {\n        if (results) {\n          onChange(value, {\n            ...place,\n            gmaps: results[0],\n          });\n        } else {\n          // TODO:SG Log error\n        }\n      });\n\n      onChange(value, place);\n    },\n    [google.maps.Geocoder, onChange],\n  );\n\n  return <SearchableSelectInput<string> {...props} options={options} onChange={handleChange} />;\n};\n\nconst GooglePlacesSearchInput = GoogleApiWrapper({\n  apiKey: 'AIzaSyC0Vv2q68IDrSB78UQsC2wy0Yt3hfgrYmY',\n})(GooglePlacesSearchInputComponent);\n\nexport default GooglePlacesSearchInput;\n"],"names":["GooglePlacesSearchInputComponent","props","google","onChange","options","useCallback","searchText","resolve","service","predictions","status","prediction","handleChange","value","option","place","results","SearchableSelectInput","GooglePlacesSearchInput","GoogleApiWrapper","GooglePlacesSearchInput$1"],"mappings":";;;;AAoBA,MAAMA,IAAmC,CAACC,MAAsD;AACxF,QAAA,EAAE,QAAAC,GAAQ,UAAAC,EAAa,IAAAF,GAEvBG,IAAUC;AAAA,IACd,CAACC,MACQ,IAAI,QAA8B,CAAWC,MAAA;AAClD,YAAMC,IAAU,IAAIN,EAAO,KAAK,OAAO,oBAAoB;AAE3D,MAAKI,IAIKE,EAAA;AAAA,QACN;AAAA,UACE,OAAOF;AAAA,UACP,OAAO,CAAC,kBAAkB,UAAU,oBAAoB,YAAY;AAAA,QACtE;AAAA,QACA,CAACG,GAAaC,MAAW;AACvB,UAAIA,MAAWR,EAAO,KAAK,OAAO,oBAAoB,KAEpDK,EAAQ,CAAE,CAAA,KAENE,KACFF;AAAA,YACEE,EAAY,IAAI,CAAeE,OAAA;AAAA,cAC7B,GAAGA;AAAA,cACH,IAAIA,EAAW;AAAA,cACf,OAAOA,EAAW;AAAA,YAAA,EAClB;AAAA,UAAA,GAINJ,EAAQ,CAAE,CAAA;AAAA,QAEd;AAAA,MAAA,IAzBFA,EAAQ,CAAE,CAAA;AAAA,IA2BZ,CACD;AAAA,IAEH,CAACL,EAAO,KAAK,OAAO,qBAAqBA,EAAO,KAAK,OAAO,oBAAoB,EAAE;AAAA,EAAA,GAG9EU,IAAeP;AAAA,IACnB,CAACQ,GAAeC,MAAkC;AAChD,YAAMC,IAAQD;AAGd,MAFgB,IAAIZ,EAAO,KAAK,SAAS,EAEjC,QAAQ,EAAE,SAASW,KAAS,CAAWG,MAAA;AAC7C,QAAIA,KACFb,EAASU,GAAO;AAAA,UACd,GAAGE;AAAA,UACH,OAAOC,EAAQ,CAAC;AAAA,QAAA,CACjB;AAAA,MAGH,CACD,GAEDb,EAASU,GAAOE,CAAK;AAAA,IACvB;AAAA,IACA,CAACb,EAAO,KAAK,UAAUC,CAAQ;AAAA,EAAA;AAGjC,2BAAQc,GAA+B,EAAA,GAAGhB,GAAO,SAAAG,GAAkB,UAAUQ,EAAc,CAAA;AAC7F,GAEMM,IAA0BC,EAAiB;AAAA,EAC/C,QAAQ;AACV,CAAC,EAAEnB,CAAgC,GAEnCoB,IAAeF;"}

package/dist/features/ui/inputs/num-range-input/num-range-input.js

@@ -1,10 +1,10 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
 import x from "../../layout/flex-view.js";
-import y from "../../text/text.js";
+import I from "../../text/text.js";
 import { normalizeInputValue as d } from "../percentile-input/percentile-input-helpers.js";
 import p from "../text-input/text-input.js";
 import { isValueInRange as s } from "./num-range-helpers.js";
-const b = ({
+const $ = ({
   onChange: o,
   value: r,
   middleMin: m,
@@ -35,7 +35,7 @@ const b = ({
         placeholder: u
       }
     ),
-    /* @__PURE__ */ t(y, { $renderAs: "body3", $color: "REAL_BLACK", children: "/" }),
+    /* @__PURE__ */ t(I, { $renderAs: "body3", $color: "REAL_BLACK", children: "/" }),
     /* @__PURE__ */ t(
       p,
       {
@@ -50,7 +50,7 @@ const b = ({
       }
     )
   ] });
-};
+}, b = $;
 export {
   b as default
 };

package/dist/features/ui/inputs/num-range-input/num-range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"num-range-input.js","sources":["../../../../../src/features/ui/inputs/num-range-input/num-range-input.tsx"],"sourcesContent":["import type { NumRangeInputProps } from './num-range-input-types';\n\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport { normalizeInputValue } from '../percentile-input/percentile-input-helpers';\nimport TextInput from '../text-input/text-input';\nimport { isValueInRange } from './num-range-helpers';\n\n//TODO: Extract shared normalization logic to a base component - BaseNumericInput\n\nconst NumRangeInput: React.FC<NumRangeInputProps> = ({\n  onChange,\n  value,\n  middleMin,\n  middleMax,\n  endMin,\n  endMax,\n  middlePlaceholder = '',\n  endPlaceholder = '',\n}) => {\n  const handleMiddleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(e.target.value);\n\n    // TODO: need to handle validation onSubmit/onBlur instead of onValueChange\n    if (isValueInRange(normalizedValue, middleMin, middleMax)) {\n      onChange({ middle: normalizedValue, end: value.end });\n    }\n  };\n\n  const handleEndChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(e.target.value);\n\n    if (isValueInRange(normalizedValue, endMin, endMax)) {\n      onChange({ middle: value.middle, end: normalizedValue });\n    }\n  };\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n      <TextInput\n        renderAs=\"primary\"\n        widthX={6}\n        type=\"number\"\n        min={middleMin}\n        max={middleMax}\n        value={value.middle ?? ''}\n        onChange={handleMiddleChange}\n        placeholder={middlePlaceholder}\n      />\n      <Text $renderAs=\"body3\" $color=\"REAL_BLACK\">\n        /\n      </Text>\n      <TextInput\n        renderAs=\"primary\"\n        type=\"number\"\n        widthX={6}\n        min={endMin}\n        max={endMax}\n        value={value.end ?? ''}\n        onChange={handleEndChange}\n        placeholder={endPlaceholder}\n      />\n    </FlexView>\n  );\n};\n\nexport default NumRangeInput;\n"],"names":["NumRangeInput","onChange","value","middleMin","middleMax","endMin","endMax","middlePlaceholder","endPlaceholder","handleMiddleChange","e","normalizedValue","normalizeInputValue","isValueInRange","handleEndChange","FlexView","jsx","TextInput","Text"],"mappings":";;;;;;AAUA,MAAMA,IAA8C,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,gBAAAC,IAAiB;AACnB,MAAM;AACE,QAAAC,IAAqB,CAACC,MAA2C;AACrE,UAAMC,IAAkBC,EAAoBF,EAAE,OAAO,KAAK;AAG1D,IAAIG,EAAeF,GAAiBR,GAAWC,CAAS,KACtDH,EAAS,EAAE,QAAQU,GAAiB,KAAKT,EAAM,KAAK;AAAA,EAExD,GAEMY,IAAkB,CAACJ,MAA2C;AAClE,UAAMC,IAAkBC,EAAoBF,EAAE,OAAO,KAAK;AAE1D,IAAIG,EAAeF,GAAiBN,GAAQC,CAAM,KAChDL,EAAS,EAAE,QAAQC,EAAM,QAAQ,KAAKS,GAAiB;AAAA,EAE3D;AAEA,2BACGI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,GAC7D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,KAAKd;AAAA,QACL,KAAKC;AAAA,QACL,OAAOF,EAAM,UAAU;AAAA,QACvB,UAAUO;AAAA,QACV,aAAaF;AAAA,MAAA;AAAA,IACf;AAAA,sBACCW,GAAK,EAAA,WAAU,SAAQ,QAAO,cAAa,UAE5C,KAAA;AAAA,IACA,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,KAAKZ;AAAA,QACL,KAAKC;AAAA,QACL,OAAOJ,EAAM,OAAO;AAAA,QACpB,UAAUY;AAAA,QACV,aAAaN;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GACF;AAEJ;"}
+{"version":3,"file":"num-range-input.js","sources":["../../../../../src/features/ui/inputs/num-range-input/num-range-input.tsx"],"sourcesContent":["import type { NumRangeInputProps } from './num-range-input-types';\n\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport { normalizeInputValue } from '../percentile-input/percentile-input-helpers';\nimport TextInput from '../text-input/text-input';\nimport { isValueInRange } from './num-range-helpers';\n\n//TODO: Extract shared normalization logic to a base component - BaseNumericInput\n\nconst NumRangeInput: React.FC<NumRangeInputProps> = ({\n  onChange,\n  value,\n  middleMin,\n  middleMax,\n  endMin,\n  endMax,\n  middlePlaceholder = '',\n  endPlaceholder = '',\n}) => {\n  const handleMiddleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(e.target.value);\n\n    // TODO: need to handle validation onSubmit/onBlur instead of onValueChange\n    if (isValueInRange(normalizedValue, middleMin, middleMax)) {\n      onChange({ middle: normalizedValue, end: value.end });\n    }\n  };\n\n  const handleEndChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(e.target.value);\n\n    if (isValueInRange(normalizedValue, endMin, endMax)) {\n      onChange({ middle: value.middle, end: normalizedValue });\n    }\n  };\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n      <TextInput\n        renderAs=\"primary\"\n        widthX={6}\n        type=\"number\"\n        min={middleMin}\n        max={middleMax}\n        value={value.middle ?? ''}\n        onChange={handleMiddleChange}\n        placeholder={middlePlaceholder}\n      />\n      <Text $renderAs=\"body3\" $color=\"REAL_BLACK\">\n        /\n      </Text>\n      <TextInput\n        renderAs=\"primary\"\n        type=\"number\"\n        widthX={6}\n        min={endMin}\n        max={endMax}\n        value={value.end ?? ''}\n        onChange={handleEndChange}\n        placeholder={endPlaceholder}\n      />\n    </FlexView>\n  );\n};\n\nexport default NumRangeInput;\n"],"names":["NumRangeInput","onChange","value","middleMin","middleMax","endMin","endMax","middlePlaceholder","endPlaceholder","handleMiddleChange","e","normalizedValue","normalizeInputValue","isValueInRange","handleEndChange","FlexView","jsx","TextInput","Text","NumRangeInput$1"],"mappings":";;;;;;AAUA,MAAMA,IAA8C,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,gBAAAC,IAAiB;AACnB,MAAM;AACE,QAAAC,IAAqB,CAACC,MAA2C;AACrE,UAAMC,IAAkBC,EAAoBF,EAAE,OAAO,KAAK;AAG1D,IAAIG,EAAeF,GAAiBR,GAAWC,CAAS,KACtDH,EAAS,EAAE,QAAQU,GAAiB,KAAKT,EAAM,KAAK;AAAA,EACtD,GAGIY,IAAkB,CAACJ,MAA2C;AAClE,UAAMC,IAAkBC,EAAoBF,EAAE,OAAO,KAAK;AAE1D,IAAIG,EAAeF,GAAiBN,GAAQC,CAAM,KAChDL,EAAS,EAAE,QAAQC,EAAM,QAAQ,KAAKS,GAAiB;AAAA,EACzD;AAGF,2BACGI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,GAC7D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,KAAKd;AAAA,QACL,KAAKC;AAAA,QACL,OAAOF,EAAM,UAAU;AAAA,QACvB,UAAUO;AAAA,QACV,aAAaF;AAAA,MAAA;AAAA,IACf;AAAA,sBACCW,GAAK,EAAA,WAAU,SAAQ,QAAO,cAAa,UAE5C,KAAA;AAAA,IACA,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,KAAKZ;AAAA,QACL,KAAKC;AAAA,QACL,OAAOJ,EAAM,OAAO;AAAA,QACpB,UAAUY;AAAA,QACV,aAAaN;AAAA,MAAA;AAAA,IACf;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAW,IAAenB;"}

package/dist/features/ui/inputs/percentile-input/percentile-input.js

@@ -4,63 +4,63 @@ import { useTheme as b } from "styled-components";
 import A from "../../layout/flex-view.js";
 import S from "../base-input/base-input.js";
 import { normalizeInputValue as y } from "./percentile-input-helpers.js";
-import { InputContainer as N, StyledInput as E, HiddenBox as P, InputReplicaText as R, ThOverlay as j, PercentileLabel as v } from "./percentile-styled.js";
-const M = T((d, m) => {
+import { InputContainer as N, StyledInput as P, HiddenBox as E, InputReplicaText as R, ThOverlay as j, PercentileLabel as v } from "./percentile-styled.js";
+const B = T((d, m) => {
   const {
     onChange: e,
     label: h,
-    value: r = "",
+    value: t = "",
     renderAs: a,
     width: f,
     widthX: x,
     size: o = "regular",
     shape: I,
-    disabled: w,
-    willShowMessage: $,
+    disabled: $,
+    willShowMessage: w,
     ...z
-  } = d, V = (t) => {
-    const n = y(t.target.value);
-    t.target.value = n;
+  } = d, V = (r) => {
+    const n = y(r.target.value);
+    r.target.value = n;
     const l = parseInt(n, 10);
-    !isNaN(l) && l >= 0 && l <= 100 || n === "" ? e == null || e(t) : t.preventDefault();
-  }, g = r !== "" && !isNaN(parseInt(r.toString(), 10)), u = "regular", { input: p } = b(), c = p.sizes[o].inputTextVariant;
+    !isNaN(l) && l >= 0 && l <= 100 || n === "" ? e == null || e(r) : r.preventDefault();
+  }, g = t !== "" && !isNaN(parseInt(t.toString(), 10)), u = "regular", { input: c } = b(), p = c.sizes[o].inputTextVariant;
   return /* @__PURE__ */ s(A, { $flexDirection: "row", $alignItems: "center", children: [
     /* @__PURE__ */ i(
       S,
       {
         renderAs: a,
         label: h,
-        stickyLabel: !!r,
+        stickyLabel: !!t,
         width: f,
         widthX: x,
-        disabled: w,
-        willShowMessage: $,
+        disabled: $,
+        willShowMessage: w,
         size: u,
         shape: I,
         inputElement: /* @__PURE__ */ s(N, { children: [
           /* @__PURE__ */ i(
-            E,
+            P,
             {
               ref: m,
               type: "text",
-              value: r ?? "",
+              value: t ?? "",
               onChange: V,
               $renderAs: a,
               $size: u,
               ...z
             }
           ),
-          /* @__PURE__ */ s(P, { children: [
-            /* @__PURE__ */ i(R, { $renderAs: c, children: r }),
-            g && /* @__PURE__ */ i(j, { $renderAs: c, children: "th" })
+          /* @__PURE__ */ s(E, { children: [
+            /* @__PURE__ */ i(R, { $renderAs: p, children: t }),
+            g && /* @__PURE__ */ i(j, { $renderAs: p, children: "th" })
           ] })
         ] })
       }
     ),
-    /* @__PURE__ */ i(v, { $renderAs: p.sizes[o].inputTextVariant, $color: "GREY_2", children: "Percentile" })
+    /* @__PURE__ */ i(v, { $renderAs: c.sizes[o].inputTextVariant, $color: "GREY_2", children: "Percentile" })
   ] });
-});
+}), O = B;
 export {
-  M as default
+  O as default
 };
 //# sourceMappingURL=percentile-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"percentile-input.js","sources":["../../../../../src/features/ui/inputs/percentile-input/percentile-input.tsx"],"sourcesContent":["import type { IPercentileProps } from './percentile-input-types';\nimport type { Ref } from 'react';\n\nimport React, { forwardRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { normalizeInputValue } from './percentile-input-helpers';\nimport * as Styled from './percentile-styled';\n\nconst PercentileInput = forwardRef((props: IPercentileProps, ref: Ref<HTMLInputElement>) => {\n  const {\n    onChange,\n    label,\n    value = '',\n    renderAs,\n    width,\n    widthX,\n    size = 'regular',\n    shape,\n    disabled,\n    willShowMessage,\n    ...rest\n  } = props;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(event.target.value);\n\n    event.target.value = normalizedValue;\n    const numberValue = parseInt(normalizedValue, 10);\n\n    if (!isNaN(numberValue) && numberValue >= 0 && numberValue <= 100) {\n      onChange?.(event);\n    } else if (normalizedValue === '') {\n      onChange?.(event);\n    } else {\n      event.preventDefault();\n    }\n  };\n  const shouldShowTh = value !== '' && !isNaN(parseInt(value.toString(), 10));\n\n  const SIZE = 'regular';\n  const { input } = useTheme();\n  const textVariant = input.sizes[size].inputTextVariant;\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={!!value}\n        width={width}\n        widthX={widthX}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={SIZE}\n        shape={shape}\n        inputElement={\n          <Styled.InputContainer>\n            <Styled.StyledInput\n              ref={ref}\n              type=\"text\"\n              value={value ?? ''}\n              onChange={handleChange}\n              $renderAs={renderAs}\n              $size={SIZE}\n              {...rest}\n            />\n            <Styled.HiddenBox>\n              <Styled.InputReplicaText $renderAs={textVariant}>{value}</Styled.InputReplicaText>\n              {shouldShowTh && <Styled.ThOverlay $renderAs={textVariant}>th</Styled.ThOverlay>}\n            </Styled.HiddenBox>\n          </Styled.InputContainer>\n        }\n      />\n      <Styled.PercentileLabel $renderAs={input.sizes[size].inputTextVariant} $color=\"GREY_2\">\n        Percentile\n      </Styled.PercentileLabel>\n    </FlexView>\n  );\n});\n\nexport default PercentileInput;\n"],"names":["PercentileInput","forwardRef","props","ref","onChange","label","value","renderAs","width","widthX","size","shape","disabled","willShowMessage","rest","handleChange","event","normalizedValue","normalizeInputValue","numberValue","shouldShowTh","SIZE","input","useTheme","textVariant","jsxs","FlexView","jsx","BaseInput","Styled.InputContainer","Styled.StyledInput","Styled.HiddenBox","Styled.InputReplicaText","Styled.ThOverlay","Styled.PercentileLabel"],"mappings":";;;;;;;AAWA,MAAMA,IAAkBC,EAAW,CAACC,GAAyBC,MAA+B;AACpF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDZ,GAEEa,IAAe,CAACC,MAA+C;AACnE,UAAMC,IAAkBC,EAAoBF,EAAM,OAAO,KAAK;AAE9D,IAAAA,EAAM,OAAO,QAAQC;AACf,UAAAE,IAAc,SAASF,GAAiB,EAAE;AAEhD,IAAI,CAAC,MAAME,CAAW,KAAKA,KAAe,KAAKA,KAAe,OAEnDF,MAAoB,KAD7Bb,KAAA,QAAAA,EAAWY,KAIXA,EAAM,eAAe;AAAA,EAEzB,GACMI,IAAed,MAAU,MAAM,CAAC,MAAM,SAASA,EAAM,YAAY,EAAE,CAAC,GAEpEe,IAAO,WACP,EAAE,OAAAC,EAAM,IAAIC,EAAS,GACrBC,IAAcF,EAAM,MAAMZ,CAAI,EAAE;AAEtC,SACG,gBAAAe,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,OAAAF;AAAA,QACA,aAAa,CAAC,CAACC;AAAA,QACf,OAAAE;AAAA,QACA,QAAAC;AAAA,QACA,UAAAG;AAAA,QACA,iBAAAC;AAAA,QACA,MAAMQ;AAAA,QACN,OAAAV;AAAA,QACA,cACE,gBAAAc,EAACI,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,KAAA3B;AAAA,cACA,MAAK;AAAA,cACL,OAAOG,KAAS;AAAA,cAChB,UAAUS;AAAA,cACV,WAAWR;AAAA,cACX,OAAOc;AAAA,cACN,GAAGP;AAAA,YAAA;AAAA,UACN;AAAA,UACA,gBAAAW,EAACM,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAACK,GAAA,EAAwB,WAAWR,GAAc,UAAMlB,GAAA;AAAA,YACvDc,KAAiB,gBAAAO,EAAAM,GAAA,EAAiB,WAAWT,GAAa,UAAE,KAAA,CAAA;AAAA,UAAA,EAC/D,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC,gBAAAG,EAAAO,GAAA,EAAuB,WAAWZ,EAAM,MAAMZ,CAAI,EAAE,kBAAkB,QAAO,UAAS,UAEvF,aAAA,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"percentile-input.js","sources":["../../../../../src/features/ui/inputs/percentile-input/percentile-input.tsx"],"sourcesContent":["import type { IPercentileProps } from './percentile-input-types';\nimport type { Ref } from 'react';\n\nimport React, { forwardRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { normalizeInputValue } from './percentile-input-helpers';\nimport * as Styled from './percentile-styled';\n\nconst PercentileInput = forwardRef((props: IPercentileProps, ref: Ref<HTMLInputElement>) => {\n  const {\n    onChange,\n    label,\n    value = '',\n    renderAs,\n    width,\n    widthX,\n    size = 'regular',\n    shape,\n    disabled,\n    willShowMessage,\n    ...rest\n  } = props;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(event.target.value);\n\n    event.target.value = normalizedValue;\n    const numberValue = parseInt(normalizedValue, 10);\n\n    if (!isNaN(numberValue) && numberValue >= 0 && numberValue <= 100) {\n      onChange?.(event);\n    } else if (normalizedValue === '') {\n      onChange?.(event);\n    } else {\n      event.preventDefault();\n    }\n  };\n  const shouldShowTh = value !== '' && !isNaN(parseInt(value.toString(), 10));\n\n  const SIZE = 'regular';\n  const { input } = useTheme();\n  const textVariant = input.sizes[size].inputTextVariant;\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={!!value}\n        width={width}\n        widthX={widthX}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={SIZE}\n        shape={shape}\n        inputElement={\n          <Styled.InputContainer>\n            <Styled.StyledInput\n              ref={ref}\n              type=\"text\"\n              value={value ?? ''}\n              onChange={handleChange}\n              $renderAs={renderAs}\n              $size={SIZE}\n              {...rest}\n            />\n            <Styled.HiddenBox>\n              <Styled.InputReplicaText $renderAs={textVariant}>{value}</Styled.InputReplicaText>\n              {shouldShowTh && <Styled.ThOverlay $renderAs={textVariant}>th</Styled.ThOverlay>}\n            </Styled.HiddenBox>\n          </Styled.InputContainer>\n        }\n      />\n      <Styled.PercentileLabel $renderAs={input.sizes[size].inputTextVariant} $color=\"GREY_2\">\n        Percentile\n      </Styled.PercentileLabel>\n    </FlexView>\n  );\n});\n\nexport default PercentileInput;\n"],"names":["PercentileInput","forwardRef","props","ref","onChange","label","value","renderAs","width","widthX","size","shape","disabled","willShowMessage","rest","handleChange","event","normalizedValue","normalizeInputValue","numberValue","shouldShowTh","SIZE","input","useTheme","textVariant","jsxs","FlexView","jsx","BaseInput","Styled.InputContainer","Styled.StyledInput","Styled.HiddenBox","Styled.InputReplicaText","Styled.ThOverlay","Styled.PercentileLabel","PercentileInput$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAkBC,EAAW,CAACC,GAAyBC,MAA+B;AACpF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAZ,GAEEa,IAAe,CAACC,MAA+C;AACnE,UAAMC,IAAkBC,EAAoBF,EAAM,OAAO,KAAK;AAE9D,IAAAA,EAAM,OAAO,QAAQC;AACf,UAAAE,IAAc,SAASF,GAAiB,EAAE;AAEhD,IAAI,CAAC,MAAME,CAAW,KAAKA,KAAe,KAAKA,KAAe,OAEnDF,MAAoB,KAD7Bb,KAAA,QAAAA,EAAWY,KAIXA,EAAM,eAAe;AAAA,EACvB,GAEII,IAAed,MAAU,MAAM,CAAC,MAAM,SAASA,EAAM,SAAA,GAAY,EAAE,CAAC,GAEpEe,IAAO,WACP,EAAE,OAAAC,MAAUC,KACZC,IAAcF,EAAM,MAAMZ,CAAI,EAAE;AAEtC,SACG,gBAAAe,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,OAAAF;AAAA,QACA,aAAa,CAAC,CAACC;AAAA,QACf,OAAAE;AAAA,QACA,QAAAC;AAAA,QACA,UAAAG;AAAA,QACA,iBAAAC;AAAA,QACA,MAAMQ;AAAA,QACN,OAAAV;AAAA,QACA,cACE,gBAAAc,EAACI,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,KAAA3B;AAAA,cACA,MAAK;AAAA,cACL,OAAOG,KAAS;AAAA,cAChB,UAAUS;AAAA,cACV,WAAWR;AAAA,cACX,OAAOc;AAAA,cACN,GAAGP;AAAA,YAAA;AAAA,UACN;AAAA,UACA,gBAAAW,EAACM,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAACK,GAAA,EAAwB,WAAWR,GAAc,UAAMlB,GAAA;AAAA,YACvDc,KAAiB,gBAAAO,EAAAM,GAAA,EAAiB,WAAWT,GAAa,UAAE,MAAA;AAAA,UAAA,GAC/D;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC,gBAAAG,EAAAO,GAAA,EAAuB,WAAWZ,EAAM,MAAMZ,CAAI,EAAE,kBAAkB,QAAO,UAAS,UAEvF,aAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDyB,IAAenC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"percentile-styled.js","sources":["../../../../../src/features/ui/inputs/percentile-input/percentile-styled.ts"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from '../text-input/text-input-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\nconst InputContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n`;\n\ninterface IInputProps {\n  $renderAs: ITextInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n}\n\nconst StyledInput = styled.input<IInputProps>(({ theme, $size, $renderAs }) => {\n  const { colors, input, text } = theme;\n  const { valueColorName, labelColorName } = input.variants[$renderAs];\n  const { inputTextVariant } = input.sizes[$size];\n  const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n\n  return `\n    width: 100%;\n    height: 100%;\n    border: 0;\n    padding: 0;\n    outline: none;\n\n    font-family: ${fontFamily};\n    font-size: ${fontSize}px;\n    line-height: ${lineHeight}px;\n    ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n    background-color: ${colors.WHITE};\n    color: ${colors[valueColorName.inactive]};\n    \n    &::placeholder {\n      color: ${colors[labelColorName.inactive]};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      line-height: ${lineHeight}px;\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n    }\n\n    &:hover, &:focus {\n      color: ${colors[valueColorName.active]};\n    }\n\n    &:disabled {\n      color: ${colors[valueColorName.disabled]};\n      cursor: not-allowed;\n\n      &::placeholder {\n        color: ${colors[labelColorName.disabled]};\n      }\n    }\n\n    &:read-only {\n      cursor: pointer;\n    }\n\n    &:hover:not([disabled, focused])::placeholder {\n      color: ${colors[labelColorName.active]};\n    }\n\n    &:focus::placeholder {\n      color: transparent;\n    }\n  `;\n});\n\nconst HiddenBox = styled.div`\n  position: absolute;\n  pointer-events: none;\n  display: flex;\n`;\n\nconst ThOverlay = styled(Text)`\n  pointer-events: none;\n  padding-left: 8px;\n`;\n\nconst InputReplicaText = styled(Text)`\n  visibility: hidden;\n  white-space: nowrap;\n  font-family: inherit;\n  font-size: inherit;\n`;\n\nconst PercentileLabel = styled(Text)`\n  margin-top: 8px;\n  margin-left: 12px;\n`;\n\nexport { InputContainer, StyledInput, HiddenBox, ThOverlay, InputReplicaText, PercentileLabel };\n"],"names":["InputContainer","styled","StyledInput","theme","$size","$renderAs","colors","input","text","valueColorName","labelColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","HiddenBox","ThOverlay","Text","InputReplicaText","PercentileLabel"],"mappings":";;AAOA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcxBC,IAAcD,EAAO,MAAmB,CAAC,EAAE,OAAAE,GAAO,OAAAC,GAAO,WAAAC,QAAgB;AAC7E,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,EAAS,IAAAL,GAC1B,EAAE,gBAAAM,GAAgB,gBAAAC,EAAA,IAAmBH,EAAM,SAASF,CAAS,GAC7D,EAAE,kBAAAM,EAAqB,IAAAJ,EAAM,MAAMH,CAAK,GACxC,EAAE,YAAAQ,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,EAAc,IAAIP,EAAKG,CAAgB;AAE1E,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAOUC,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA,wBAE5DT,EAAO,KAAK;AAAA,aACvBA,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBE,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvET,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,eAI7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eASjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5C,CAAC,GAEKM,IAAYf,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBgB,IAAYhB,EAAOiB,CAAI;AAAA;AAAA;AAAA,GAKvBC,IAAmBlB,EAAOiB,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BE,IAAkBnB,EAAOiB,CAAI;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"percentile-styled.js","sources":["../../../../../src/features/ui/inputs/percentile-input/percentile-styled.ts"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from '../text-input/text-input-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\nconst InputContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n`;\n\ninterface IInputProps {\n  $renderAs: ITextInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n}\n\nconst StyledInput = styled.input<IInputProps>(({ theme, $size, $renderAs }) => {\n  const { colors, input, text } = theme;\n  const { valueColorName, labelColorName } = input.variants[$renderAs];\n  const { inputTextVariant } = input.sizes[$size];\n  const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n\n  return `\n    width: 100%;\n    height: 100%;\n    border: 0;\n    padding: 0;\n    outline: none;\n\n    font-family: ${fontFamily};\n    font-size: ${fontSize}px;\n    line-height: ${lineHeight}px;\n    ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n    background-color: ${colors.WHITE};\n    color: ${colors[valueColorName.inactive]};\n    \n    &::placeholder {\n      color: ${colors[labelColorName.inactive]};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      line-height: ${lineHeight}px;\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n    }\n\n    &:hover, &:focus {\n      color: ${colors[valueColorName.active]};\n    }\n\n    &:disabled {\n      color: ${colors[valueColorName.disabled]};\n      cursor: not-allowed;\n\n      &::placeholder {\n        color: ${colors[labelColorName.disabled]};\n      }\n    }\n\n    &:read-only {\n      cursor: pointer;\n    }\n\n    &:hover:not([disabled, focused])::placeholder {\n      color: ${colors[labelColorName.active]};\n    }\n\n    &:focus::placeholder {\n      color: transparent;\n    }\n  `;\n});\n\nconst HiddenBox = styled.div`\n  position: absolute;\n  pointer-events: none;\n  display: flex;\n`;\n\nconst ThOverlay = styled(Text)`\n  pointer-events: none;\n  padding-left: 8px;\n`;\n\nconst InputReplicaText = styled(Text)`\n  visibility: hidden;\n  white-space: nowrap;\n  font-family: inherit;\n  font-size: inherit;\n`;\n\nconst PercentileLabel = styled(Text)`\n  margin-top: 8px;\n  margin-left: 12px;\n`;\n\nexport { InputContainer, StyledInput, HiddenBox, ThOverlay, InputReplicaText, PercentileLabel };\n"],"names":["InputContainer","styled","StyledInput","theme","$size","$renderAs","colors","input","text","valueColorName","labelColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","HiddenBox","ThOverlay","Text","InputReplicaText","PercentileLabel"],"mappings":";;AAOA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcxBC,IAAcD,EAAO,MAAmB,CAAC,EAAE,OAAAE,GAAO,OAAAC,GAAO,WAAAC,QAAgB;AAC7E,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,EAAA,IAASL,GAC1B,EAAE,gBAAAM,GAAgB,gBAAAC,EAAA,IAAmBH,EAAM,SAASF,CAAS,GAC7D,EAAE,kBAAAM,EAAqB,IAAAJ,EAAM,MAAMH,CAAK,GACxC,EAAE,YAAAQ,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,MAAkBP,EAAKG,CAAgB;AAE1E,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAOUC,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA,wBAE5DT,EAAO,KAAK;AAAA,aACvBA,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBE,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvET,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,eAI7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eASjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5C,CAAC,GAEKM,IAAYf,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBgB,IAAYhB,EAAOiB,CAAI;AAAA;AAAA;AAAA,GAKvBC,IAAmBlB,EAAOiB,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BE,IAAkBnB,EAAOiB,CAAI;AAAA;AAAA;AAAA;"}

package/dist/features/ui/inputs/radio-input/radio-input.js

@@ -1,26 +1,26 @@
-import { jsx as e } from "react/jsx-runtime";
-import m from "../../layout/flex-view.js";
-import { RadioOptionWrapper as a } from "./radio-input-styled.js";
+import { jsx as o } from "react/jsx-runtime";
+import l from "../../layout/flex-view.js";
+import { RadioOptionWrapper as m } from "./radio-input-styled.js";
 import c from "./radio-option/radio-option.js";
-const $ = ({
-  options: o,
-  value: i,
-  onChange: t,
+const d = ({
+  options: e,
+  value: t,
+  onChange: i,
   numColumns: n
-}) => /* @__PURE__ */ e(m, { $width: "100%", $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.5, children: o.map((p) => {
-  const { label: l, id: r } = p;
-  return /* @__PURE__ */ e(
-    a,
+}) => /* @__PURE__ */ o(l, { $width: "100%", $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.5, children: e.map((p) => {
+  const { label: a, id: r } = p;
+  return /* @__PURE__ */ o(
+    m,
     {
       $flexDirection: "row",
       $numColumns: n ?? 1,
       $alignItems: "center",
-      children: /* @__PURE__ */ e(c, { id: r, label: l, checked: i === r, onChange: t })
+      children: /* @__PURE__ */ o(c, { id: r, label: a, checked: t === r, onChange: i })
     },
     r
   );
-}) });
+}) }), x = d;
 export {
-  $ as default
+  x as default
 };
 //# sourceMappingURL=radio-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-input.js","sources":["../../../../../src/features/ui/inputs/radio-input/radio-input.tsx"],"sourcesContent":["import type { IRadioInputProps } from './radio-input-types';\n\nimport FlexView from '../../layout/flex-view';\nimport * as Styled from './radio-input-styled';\nimport RadioOption from './radio-option/radio-option';\n\nconst RadioInput = <IDType extends string | number>({\n  options,\n  value,\n  onChange,\n  numColumns,\n}: IRadioInputProps<IDType>): JSX.Element => {\n  return (\n    <FlexView $width=\"100%\" $flexDirection=\"row\" $flexWrap $flexGapX={1.5}>\n      {options.map(option => {\n        const { label, id } = option;\n\n        return (\n          <Styled.RadioOptionWrapper\n            key={id}\n            $flexDirection=\"row\"\n            $numColumns={numColumns ?? 1}\n            $alignItems=\"center\"\n          >\n            <RadioOption<IDType> id={id} label={label} checked={value === id} onChange={onChange} />\n          </Styled.RadioOptionWrapper>\n        );\n      })}\n    </FlexView>\n  );\n};\n\nexport default RadioInput;\n"],"names":["RadioInput","options","value","onChange","numColumns","jsx","FlexView","option","label","id","Styled.RadioOptionWrapper","RadioOption"],"mappings":";;;;AAMA,MAAMA,IAAa,CAAiC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAEK,gBAAAC,EAAAC,GAAA,EAAS,QAAO,QAAO,gBAAe,OAAM,WAAS,IAAC,WAAW,KAC/D,UAAQL,EAAA,IAAI,CAAUM,MAAA;AACf,QAAA,EAAE,OAAAC,GAAO,IAAAC,EAAA,IAAOF;AAGpB,SAAA,gBAAAF;AAAA,IAACK;AAAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,aAAaN,KAAc;AAAA,MAC3B,aAAY;AAAA,MAEZ,4BAACO,GAAoB,EAAA,IAAAF,GAAQ,OAAAD,GAAc,SAASN,MAAUO,GAAI,UAAAN,EAAoB,CAAA;AAAA,IAAA;AAAA,IALjFM;AAAA,EAMP;AAEH,CAAA,GACH;"}
+{"version":3,"file":"radio-input.js","sources":["../../../../../src/features/ui/inputs/radio-input/radio-input.tsx"],"sourcesContent":["import type { IRadioInputProps } from './radio-input-types';\n\nimport FlexView from '../../layout/flex-view';\nimport * as Styled from './radio-input-styled';\nimport RadioOption from './radio-option/radio-option';\n\nconst RadioInput = <IDType extends string | number>({\n  options,\n  value,\n  onChange,\n  numColumns,\n}: IRadioInputProps<IDType>): JSX.Element => {\n  return (\n    <FlexView $width=\"100%\" $flexDirection=\"row\" $flexWrap $flexGapX={1.5}>\n      {options.map(option => {\n        const { label, id } = option;\n\n        return (\n          <Styled.RadioOptionWrapper\n            key={id}\n            $flexDirection=\"row\"\n            $numColumns={numColumns ?? 1}\n            $alignItems=\"center\"\n          >\n            <RadioOption<IDType> id={id} label={label} checked={value === id} onChange={onChange} />\n          </Styled.RadioOptionWrapper>\n        );\n      })}\n    </FlexView>\n  );\n};\n\nexport default RadioInput;\n"],"names":["RadioInput","options","value","onChange","numColumns","jsx","FlexView","option","label","id","Styled.RadioOptionWrapper","RadioOption","RadioInput$1"],"mappings":";;;;AAMA,MAAMA,IAAa,CAAiC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAEK,gBAAAC,EAAAC,GAAA,EAAS,QAAO,QAAO,gBAAe,OAAM,WAAS,IAAC,WAAW,KAC/D,UAAQL,EAAA,IAAI,CAAUM,MAAA;AACf,QAAA,EAAE,OAAAC,GAAO,IAAAC,EAAO,IAAAF;AAGpB,SAAA,gBAAAF;AAAA,IAACK;AAAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,aAAaN,KAAc;AAAA,MAC3B,aAAY;AAAA,MAEZ,4BAACO,GAAoB,EAAA,IAAAF,GAAQ,OAAAD,GAAc,SAASN,MAAUO,GAAI,UAAAN,GAAoB;AAAA,IAAA;AAAA,IALjFM;AAAA,EAAA;AAQV,CAAA,EACH,CAAA,GAIJG,IAAeZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"radio-option-styled.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../text/text';\n\nconst RadioOptionWrapper = styled.div(\n  ({ theme }) => `\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: ${theme.layout.gutter * 0.5}px;\n  `,\n);\n\ninterface IInputOptionProps {\n  $size: number;\n  $innerCircle: boolean;\n}\n\nconst InputOptionCircle = styled.div<IInputOptionProps>(\n  ({ theme, $size, $innerCircle }) => `\n    position: relative;\n    flex-shrink: 0;\n    width: ${$size}px;\n    height: ${$size}px;\n    margin: 0 ${theme.layout.gutter * 0.25}px;\n    border-radius: ${$size / 2}px;\n    background-color: ${theme.colors[$innerCircle ? 'BLACK' : 'WHITE']};\n    border-color: ${theme.colors.BLACK};\n    border-width: ${$innerCircle ? 0 : 2}px;\n    border-style: solid;\n  `,\n);\n\nconst InputOptionInnerCircleWrraper = styled.div`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Label = styled(Text)`\n  word-break: break-all;\n`;\n\nexport { InputOptionCircle, Label, RadioOptionWrapper, InputOptionInnerCircleWrraper };\n"],"names":["RadioOptionWrapper","styled","theme","InputOptionCircle","$size","$innerCircle","InputOptionInnerCircleWrraper","Label","Text"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,WAINA,EAAM,OAAO,SAAS,GAAG;AAAA;AAEpC,GAOMC,IAAoBF,EAAO;AAAA,EAC/B,CAAC,EAAE,OAAAC,GAAO,OAAAE,GAAO,cAAAC,QAAmB;AAAA;AAAA;AAAA,aAGzBD,CAAK;AAAA,cACJA,CAAK;AAAA,gBACHF,EAAM,OAAO,SAAS,IAAI;AAAA,qBACrBE,IAAQ,CAAC;AAAA,wBACNF,EAAM,OAAOG,IAAe,UAAU,OAAO,CAAC;AAAA,oBAClDH,EAAM,OAAO,KAAK;AAAA,oBAClBG,IAAe,IAAI,CAAC;AAAA;AAAA;AAGxC,GAEMC,IAAgCL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQvCM,IAAQN,EAAOO,CAAI;AAAA;AAAA;"}
+{"version":3,"file":"radio-option-styled.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../text/text';\n\nconst RadioOptionWrapper = styled.div(\n  ({ theme }) => `\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: ${theme.layout.gutter * 0.5}px;\n  `,\n);\n\ninterface IInputOptionProps {\n  $size: number;\n  $innerCircle: boolean;\n}\n\nconst InputOptionCircle = styled.div<IInputOptionProps>(\n  ({ theme, $size, $innerCircle }) => `\n    position: relative;\n    flex-shrink: 0;\n    width: ${$size}px;\n    height: ${$size}px;\n    margin: 0 ${theme.layout.gutter * 0.25}px;\n    border-radius: ${$size / 2}px;\n    background-color: ${theme.colors[$innerCircle ? 'BLACK' : 'WHITE']};\n    border-color: ${theme.colors.BLACK};\n    border-width: ${$innerCircle ? 0 : 2}px;\n    border-style: solid;\n  `,\n);\n\nconst InputOptionInnerCircleWrraper = styled.div`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Label = styled(Text)`\n  word-break: break-all;\n`;\n\nexport { InputOptionCircle, Label, RadioOptionWrapper, InputOptionInnerCircleWrraper };\n"],"names":["RadioOptionWrapper","styled","theme","InputOptionCircle","$size","$innerCircle","InputOptionInnerCircleWrraper","Label","Text"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,WAINA,EAAM,OAAO,SAAS,GAAG;AAAA;AAEpC,GAOMC,IAAoBF,EAAO;AAAA,EAC/B,CAAC,EAAE,OAAAC,GAAO,OAAAE,GAAO,cAAAC,EAAmB,MAAA;AAAA;AAAA;AAAA,aAGzBD,CAAK;AAAA,cACJA,CAAK;AAAA,gBACHF,EAAM,OAAO,SAAS,IAAI;AAAA,qBACrBE,IAAQ,CAAC;AAAA,wBACNF,EAAM,OAAOG,IAAe,UAAU,OAAO,CAAC;AAAA,oBAClDH,EAAM,OAAO,KAAK;AAAA,oBAClBG,IAAe,IAAI,CAAC;AAAA;AAAA;AAGxC,GAEMC,IAAgCL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQvCM,IAAQN,EAAOO,CAAI;AAAA;AAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"radio-option.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option.tsx"],"sourcesContent":["import type { IRadioOptionProps } from './radio-option-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport * as Styled from './radio-option-styled';\n\nconst RadioOption = <IDType extends string | number>({\n  id,\n  label,\n  checked,\n  onChange,\n}: IRadioOptionProps<IDType>): JSX.Element => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n  const handleOnClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (!checked) onChange(id);\n  }, [checked, onChange, id]);\n\n  return (\n    <Styled.RadioOptionWrapper onClick={handleOnClick}>\n      <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n        {checked && (\n          <Styled.InputOptionInnerCircleWrraper>\n            <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n          </Styled.InputOptionInnerCircleWrraper>\n        )}\n      </Styled.InputOptionCircle>\n      <Styled.Label $renderAs={checked ? 'body1Medium' : 'body1'}>{label}</Styled.Label>\n    </Styled.RadioOptionWrapper>\n  );\n};\n\nexport default RadioOption;\n"],"names":["RadioOption","id","label","checked","onChange","gutter","useTheme","handleOnClick","useCallback","jsxs","Styled.RadioOptionWrapper","jsx","Styled.InputOptionCircle","Styled.InputOptionInnerCircleWrraper","Styled.Label"],"mappings":";;;;AAOA,MAAMA,IAAc,CAAiC;AAAA,EACnD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAA8C;AACtC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS,GACPC,IAAgBC,EAAY,MAAM;AAClC,QAAA,OAAOJ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAACD,KAASC,EAASH,CAAE;AAAA,EACxB,GAAA,CAACE,GAASC,GAAUH,CAAE,CAAC;AAE1B,SACG,gBAAAQ,EAAAC,GAAA,EAA0B,SAASH,GAClC,UAAA;AAAA,IAAC,gBAAAI,EAAAC,GAAA,EAAyB,OAAOP,GAAQ,cAAc,IACpD,UACCF,KAAA,gBAAAQ,EAACE,GAAA,EACC,UAAC,gBAAAF,EAAAC,GAAA,EAAyB,OAAOP,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,IACA,gBAAAM,EAACG,GAAA,EAAa,WAAWX,IAAU,gBAAgB,SAAU,UAAMD,EAAA,CAAA;AAAA,EAAA,GACrE;AAEJ;"}
+{"version":3,"file":"radio-option.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option.tsx"],"sourcesContent":["import type { IRadioOptionProps } from './radio-option-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport * as Styled from './radio-option-styled';\n\nconst RadioOption = <IDType extends string | number>({\n  id,\n  label,\n  checked,\n  onChange,\n}: IRadioOptionProps<IDType>): JSX.Element => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n  const handleOnClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (!checked) onChange(id);\n  }, [checked, onChange, id]);\n\n  return (\n    <Styled.RadioOptionWrapper onClick={handleOnClick}>\n      <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n        {checked && (\n          <Styled.InputOptionInnerCircleWrraper>\n            <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n          </Styled.InputOptionInnerCircleWrraper>\n        )}\n      </Styled.InputOptionCircle>\n      <Styled.Label $renderAs={checked ? 'body1Medium' : 'body1'}>{label}</Styled.Label>\n    </Styled.RadioOptionWrapper>\n  );\n};\n\nexport default RadioOption;\n"],"names":["RadioOption","id","label","checked","onChange","gutter","useTheme","handleOnClick","useCallback","jsxs","Styled.RadioOptionWrapper","jsx","Styled.InputOptionCircle","Styled.InputOptionInnerCircleWrraper","Styled.Label"],"mappings":";;;;AAOA,MAAMA,IAAc,CAAiC;AAAA,EACnD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAA8C;AACtC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS,GACPC,IAAgBC,EAAY,MAAM;AAClC,QAAA,OAAOJ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAACD,KAASC,EAASH,CAAE;AAAA,EACxB,GAAA,CAACE,GAASC,GAAUH,CAAE,CAAC;AAE1B,SACG,gBAAAQ,EAAAC,GAAA,EAA0B,SAASH,GAClC,UAAA;AAAA,IAAC,gBAAAI,EAAAC,GAAA,EAAyB,OAAOP,GAAQ,cAAc,IACpD,UACCF,KAAA,gBAAAQ,EAACE,GAAA,EACC,UAAC,gBAAAF,EAAAC,GAAA,EAAyB,OAAOP,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,IACA,gBAAAM,EAACG,GAAA,EAAa,WAAWX,IAAU,gBAAgB,SAAU,UAAMD,GAAA;AAAA,EACrE,EAAA,CAAA;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"searchable-input-styled.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input-styled.tsx"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\n\nimport styled from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\ninterface IStyledBackIconProps {\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n  $disabled?: boolean;\n}\n\nconst StyledPrefixElementWrapper = styled.div<IStyledBackIconProps>(\n  ({ theme, $size, $disabled, $inputRenderAs }) => {\n    const { colors, input } = theme;\n    const { iconsize } = input.sizes[$size];\n    const { labelColorName } = input.variants[$inputRenderAs];\n\n    return `\n        cursor: pointer;\n        width: ${iconsize}px;\n        height: ${iconsize}px;\n\n        align-self: center;\n        color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n        pointer-events: ${$disabled ? 'none' : 'auto'};\n\n        & svg {\n          width: 100%;\n          height: 100%;\n        }\n    `;\n  },\n);\n\nconst StyledCrossIcon = styled(CrossIcon)`\n  cursor: pointer;\n`;\n\nexport { StyledPrefixElementWrapper, StyledCrossIcon };\n"],"names":["StyledPrefixElementWrapper","styled","theme","$size","$disabled","$inputRenderAs","colors","input","iconsize","labelColorName","StyledCrossIcon","CrossIcon"],"mappings":";;AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACzC,UAAA,EAAE,QAAAC,GAAQ,OAAAC,EAAA,IAAUL,GACpB,EAAE,UAAAM,EAAa,IAAAD,EAAM,MAAMJ,CAAK,GAChC,EAAE,gBAAAM,EAAmB,IAAAF,EAAM,SAASF,CAAc;AAEjD,WAAA;AAAA;AAAA,iBAEMG,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA;AAAA,iBAGTF,EAAOG,EAAeL,IAAY,aAAa,UAAU,CAAC,CAAC;AAAA,0BAClDA,IAAY,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQrD,GAEMM,IAAkBT,EAAOU,CAAS;AAAA;AAAA;"}
+{"version":3,"file":"searchable-input-styled.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input-styled.tsx"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\n\nimport styled from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\ninterface IStyledBackIconProps {\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n  $disabled?: boolean;\n}\n\nconst StyledPrefixElementWrapper = styled.div<IStyledBackIconProps>(\n  ({ theme, $size, $disabled, $inputRenderAs }) => {\n    const { colors, input } = theme;\n    const { iconsize } = input.sizes[$size];\n    const { labelColorName } = input.variants[$inputRenderAs];\n\n    return `\n        cursor: pointer;\n        width: ${iconsize}px;\n        height: ${iconsize}px;\n\n        align-self: center;\n        color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n        pointer-events: ${$disabled ? 'none' : 'auto'};\n\n        & svg {\n          width: 100%;\n          height: 100%;\n        }\n    `;\n  },\n);\n\nconst StyledCrossIcon = styled(CrossIcon)`\n  cursor: pointer;\n`;\n\nexport { StyledPrefixElementWrapper, StyledCrossIcon };\n"],"names":["StyledPrefixElementWrapper","styled","theme","$size","$disabled","$inputRenderAs","colors","input","iconsize","labelColorName","StyledCrossIcon","CrossIcon"],"mappings":";;AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACzC,UAAA,EAAE,QAAAC,GAAQ,OAAAC,EAAU,IAAAL,GACpB,EAAE,UAAAM,EAAa,IAAAD,EAAM,MAAMJ,CAAK,GAChC,EAAE,gBAAAM,EAAmB,IAAAF,EAAM,SAASF,CAAc;AAEjD,WAAA;AAAA;AAAA,iBAEMG,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA;AAAA,iBAGTF,EAAOG,EAAeL,IAAY,aAAa,UAAU,CAAC,CAAC;AAAA,0BAClDA,IAAY,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnD;AACF,GAEMM,IAAkBT,EAAOU,CAAS;AAAA;AAAA;"}

package/dist/features/ui/inputs/searchable-input/searchable-input.js

@@ -4,7 +4,7 @@ import v from "../../buttons/clickable/clickable.js";
 import S from "../../layout/flex-view.js";
 import z from "../base-input/base-input.js";
 import { Input as A } from "../text-input/text-input-styled.js";
-import { StyledCrossIcon as D, StyledPrefixElementWrapper as R } from "./searchable-input-styled.js";
+import { StyledPrefixElementWrapper as D, StyledCrossIcon as R } from "./searchable-input-styled.js";
 const G = (u) => {
   const {
     renderAs: s,
@@ -64,7 +64,7 @@ const G = (u) => {
               $widthX: $,
               children: [
                 l && p && /* @__PURE__ */ r(
-                  R,
+                  D,
                   {
                     $inputRenderAs: s,
                     $disabled: t,
@@ -89,7 +89,7 @@ const G = (u) => {
               ]
             }
           ),
-          siblingElement: h && /* @__PURE__ */ r(D, { onClick: k })
+          siblingElement: h && /* @__PURE__ */ r(R, { onClick: k })
         }
       )
     }

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

@@ -1 +1 @@
-{"version":3,"file":"searchable-input.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input.tsx"],"sourcesContent":["import type { ISearchableInputProps } from './searchable-input-types';\nimport type { ChangeEvent } from 'react';\n\nimport { useCallback, useRef } from 'react';\n\nimport Clickable from '../../buttons/clickable/clickable';\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './searchable-input-styled';\n\nconst SearchableInput = <IDType extends string>(props: ISearchableInputProps<IDType>) => {\n  const {\n    renderAs,\n    value,\n    disabled,\n    label,\n    width,\n    widthX,\n    shape = 'curved',\n    size = 'regular',\n    onSearchTextChange,\n    onPrefixElementClick,\n    onEnter,\n    searchOnClear,\n    analyticsLabel,\n    analyticsProps,\n    prefixElement,\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleOnChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onSearchTextChange(e.target.value);\n    },\n    [onSearchTextChange],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  const handleOnPrefixElementClick = useCallback(() => {\n    onPrefixElementClick?.();\n  }, [onPrefixElementClick]);\n\n  const handleOnClear = useCallback(() => {\n    onSearchTextChange('');\n\n    if (searchOnClear) {\n      onEnter?.(searchOnClear);\n    }\n\n    inputRef.current?.focus();\n  }, [onSearchTextChange, searchOnClear, onEnter]);\n\n  return (\n    <Clickable\n      label={label ?? 'searchable_input'}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n      disabled={disabled}\n    >\n      <BaseInput\n        renderAs={renderAs}\n        size={size}\n        shape={shape}\n        disabled={disabled}\n        label={label}\n        inputElement={\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $height=\"100%\"\n            $flexGap={12}\n            $width={width}\n            $widthX={widthX}\n          >\n            {onPrefixElementClick && prefixElement && (\n              <Styled.StyledPrefixElementWrapper\n                $inputRenderAs={renderAs}\n                $disabled={disabled}\n                $size={size}\n                onClick={handleOnPrefixElementClick}\n              >\n                {prefixElement}\n              </Styled.StyledPrefixElementWrapper>\n            )}\n            <Input\n              $renderAs={renderAs}\n              placeholder={label}\n              ref={inputRef}\n              $size={size}\n              value={value ?? ''}\n              disabled={disabled}\n              onChange={handleOnChange}\n              onKeyDown={handleOnKeyDown}\n            />\n          </FlexView>\n        }\n        siblingElement={value && <Styled.StyledCrossIcon onClick={handleOnClear} />}\n      />\n    </Clickable>\n  );\n};\n\nexport default SearchableInput;\n"],"names":["SearchableInput","props","renderAs","value","disabled","label","width","widthX","shape","size","onSearchTextChange","onPrefixElementClick","onEnter","searchOnClear","analyticsLabel","analyticsProps","prefixElement","inputRef","useRef","handleOnChange","useCallback","e","handleOnKeyDown","handleOnPrefixElementClick","handleOnClear","_a","jsx","Clickable","BaseInput","jsxs","FlexView","Styled.StyledPrefixElementWrapper","Input","Styled.StyledCrossIcon"],"mappings":";;;;;;;AAWM,MAAAA,IAAkB,CAAwBC,MAAyC;AACjF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEf,GAEEgB,IAAWC,EAAyB,IAAI,GAExCC,IAAiBC;AAAA,IACrB,CAACC,MAAqC;AACjB,MAAAX,EAAAW,EAAE,OAAO,KAAK;AAAA,IACnC;AAAA,IACA,CAACX,CAAkB;AAAA,EACrB,GAEMY,IAAkBF;AAAA,IACtB,CAACC,MAA6C;AACxC,MAAAA,EAAE,QAAQ,YACFT,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EACV,GAEMW,IAA6BH,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA;AAAA,EAAA,GACtB,CAACA,CAAoB,CAAC,GAEnBa,IAAgBJ,EAAY,MAAM;;AACtC,IAAAV,EAAmB,EAAE,GAEjBG,MACFD,KAAA,QAAAA,EAAUC,MAGZY,IAAAR,EAAS,YAAT,QAAAQ,EAAkB;AAAA,EACjB,GAAA,CAACf,GAAoBG,GAAeD,CAAO,CAAC;AAG7C,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOtB,KAAS;AAAA,MAChB,gBAAAS;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAX;AAAA,MAEA,UAAA,gBAAAsB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAA1B;AAAA,UACA,MAAAO;AAAA,UACA,OAAAD;AAAA,UACA,UAAAJ;AAAA,UACA,OAAAC;AAAA,UACA,cACE,gBAAAwB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,SAAQ;AAAA,cACR,UAAU;AAAA,cACV,QAAQxB;AAAA,cACR,SAASC;AAAA,cAER,UAAA;AAAA,gBAAAI,KAAwBK,KACvB,gBAAAU;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC,gBAAgB7B;AAAA,oBAChB,WAAWE;AAAA,oBACX,OAAOK;AAAA,oBACP,SAASc;AAAA,oBAER,UAAAP;AAAA,kBAAA;AAAA,gBACH;AAAA,gBAEF,gBAAAU;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACC,WAAW9B;AAAA,oBACX,aAAaG;AAAA,oBACb,KAAKY;AAAA,oBACL,OAAOR;AAAA,oBACP,OAAON,KAAS;AAAA,oBAChB,UAAAC;AAAA,oBACA,UAAUe;AAAA,oBACV,WAAWG;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,gBAAgBnB,KAAS,gBAAAuB,EAACO,GAAA,EAAuB,SAAST,EAAe,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3E;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"searchable-input.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input.tsx"],"sourcesContent":["import type { ISearchableInputProps } from './searchable-input-types';\nimport type { ChangeEvent } from 'react';\n\nimport { useCallback, useRef } from 'react';\n\nimport Clickable from '../../buttons/clickable/clickable';\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './searchable-input-styled';\n\nconst SearchableInput = <IDType extends string>(props: ISearchableInputProps<IDType>) => {\n  const {\n    renderAs,\n    value,\n    disabled,\n    label,\n    width,\n    widthX,\n    shape = 'curved',\n    size = 'regular',\n    onSearchTextChange,\n    onPrefixElementClick,\n    onEnter,\n    searchOnClear,\n    analyticsLabel,\n    analyticsProps,\n    prefixElement,\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleOnChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onSearchTextChange(e.target.value);\n    },\n    [onSearchTextChange],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  const handleOnPrefixElementClick = useCallback(() => {\n    onPrefixElementClick?.();\n  }, [onPrefixElementClick]);\n\n  const handleOnClear = useCallback(() => {\n    onSearchTextChange('');\n\n    if (searchOnClear) {\n      onEnter?.(searchOnClear);\n    }\n\n    inputRef.current?.focus();\n  }, [onSearchTextChange, searchOnClear, onEnter]);\n\n  return (\n    <Clickable\n      label={label ?? 'searchable_input'}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n      disabled={disabled}\n    >\n      <BaseInput\n        renderAs={renderAs}\n        size={size}\n        shape={shape}\n        disabled={disabled}\n        label={label}\n        inputElement={\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $height=\"100%\"\n            $flexGap={12}\n            $width={width}\n            $widthX={widthX}\n          >\n            {onPrefixElementClick && prefixElement && (\n              <Styled.StyledPrefixElementWrapper\n                $inputRenderAs={renderAs}\n                $disabled={disabled}\n                $size={size}\n                onClick={handleOnPrefixElementClick}\n              >\n                {prefixElement}\n              </Styled.StyledPrefixElementWrapper>\n            )}\n            <Input\n              $renderAs={renderAs}\n              placeholder={label}\n              ref={inputRef}\n              $size={size}\n              value={value ?? ''}\n              disabled={disabled}\n              onChange={handleOnChange}\n              onKeyDown={handleOnKeyDown}\n            />\n          </FlexView>\n        }\n        siblingElement={value && <Styled.StyledCrossIcon onClick={handleOnClear} />}\n      />\n    </Clickable>\n  );\n};\n\nexport default SearchableInput;\n"],"names":["SearchableInput","props","renderAs","value","disabled","label","width","widthX","shape","size","onSearchTextChange","onPrefixElementClick","onEnter","searchOnClear","analyticsLabel","analyticsProps","prefixElement","inputRef","useRef","handleOnChange","useCallback","e","handleOnKeyDown","handleOnPrefixElementClick","handleOnClear","_a","jsx","Clickable","BaseInput","jsxs","FlexView","Styled.StyledPrefixElementWrapper","Input","Styled.StyledCrossIcon"],"mappings":";;;;;;;AAWM,MAAAA,IAAkB,CAAwBC,MAAyC;AACjF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAf,GAEEgB,IAAWC,EAAyB,IAAI,GAExCC,IAAiBC;AAAA,IACrB,CAACC,MAAqC;AACjB,MAAAX,EAAAW,EAAE,OAAO,KAAK;AAAA,IACnC;AAAA,IACA,CAACX,CAAkB;AAAA,EAAA,GAGfY,IAAkBF;AAAA,IACtB,CAACC,MAA6C;AACxC,MAAAA,EAAE,QAAQ,YACFT,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,GAGJW,IAA6BH,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA;AAAA,EAAA,GACtB,CAACA,CAAoB,CAAC,GAEnBa,IAAgBJ,EAAY,MAAM;;AACtC,IAAAV,EAAmB,EAAE,GAEjBG,MACFD,KAAA,QAAAA,EAAUC,MAGZY,IAAAR,EAAS,YAAT,QAAAQ,EAAkB;AAAA,EACjB,GAAA,CAACf,GAAoBG,GAAeD,CAAO,CAAC;AAG7C,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOtB,KAAS;AAAA,MAChB,gBAAAS;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAX;AAAA,MAEA,UAAA,gBAAAsB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAA1B;AAAA,UACA,MAAAO;AAAA,UACA,OAAAD;AAAA,UACA,UAAAJ;AAAA,UACA,OAAAC;AAAA,UACA,cACE,gBAAAwB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,SAAQ;AAAA,cACR,UAAU;AAAA,cACV,QAAQxB;AAAA,cACR,SAASC;AAAA,cAER,UAAA;AAAA,gBAAAI,KAAwBK,KACvB,gBAAAU;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC,gBAAgB7B;AAAA,oBAChB,WAAWE;AAAA,oBACX,OAAOK;AAAA,oBACP,SAASc;AAAA,oBAER,UAAAP;AAAA,kBAAA;AAAA,gBACH;AAAA,gBAEF,gBAAAU;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACC,WAAW9B;AAAA,oBACX,aAAaG;AAAA,oBACb,KAAKY;AAAA,oBACL,OAAOR;AAAA,oBACP,OAAON,KAAS;AAAA,oBAChB,UAAAC;AAAA,oBACA,UAAUe;AAAA,oBACV,WAAWG;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,gBAAgBnB,KAAS,gBAAAuB,EAACO,GAAA,EAAuB,SAAST,GAAe;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA;AAAA,EAAA;AAGN;"}