@selfdecode/sd-component-library 4.0.73-vite17-no-postcss → 4.0.73-vite19

package/lib/sd-component-library116.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library116.js","sources":["../src/components/selectors/secondary-custom-selector/secondary-custom-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { FlexCenter, Grid, OutsideClickBox } from \"../../../index\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { SecondaryCustomSelectorProps as Props } from \"./interfaces\";\nimport { SecondaryCustomSelectorOptionsBox } from \"./partials\";\n\nexport const SecondaryCustomSelector = <T extends string = string>({\n  value,\n  onChange,\n  options,\n  width,\n  label,\n  variant = \"customSecondary\",\n  containerSx,\n}: Props<T>) => {\n  const [showOptions, setShowOptions] = useState(false);\n\n  const selectedOption = options.find((option) => option.id === value.id);\n\n  const hideOptions = () => setShowOptions(false);\n\n  if (!selectedOption) return null;\n\n  return (\n    <Grid\n      width={width}\n      variant={`_containers.selectors.${variant}`}\n      sx={{ cursor: \"default\", ...containerSx }}\n    >\n      <BaseLabel variant={`selectors.${variant}`} label={label} />\n\n      <OutsideClickBox\n        onClickOutside={hideOptions}\n        onClick={() => setShowOptions((prev) => !prev)}\n        sx={{\n          position: \"relative\",\n          display: \"grid\",\n          gridTemplateColumns: \"1fr max-content\",\n          gap: \"5px\",\n          alignItems: \"center\",\n          cursor: \"pointer\",\n          pb: \"12px\",\n          borderBottom: \"2px solid\",\n          borderColor: \"cl_lightGrey\",\n        }}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[18, \"regular\"]}\n          color={showOptions ? \"cl_purple\" : \"cl_darkGrey\"}\n        >\n          {selectedOption.title}\n        </ResponsiveTextV2>\n\n        <FlexCenter\n          width=\"10px\"\n          height=\"10px\"\n          sx={{\n            transform: `rotate3d(${showOptions ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"all 0.2s\",\n            fill: showOptions ? \"cl_purple\" : \"cl_blue\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </FlexCenter>\n\n        {showOptions && (\n          <SecondaryCustomSelectorOptionsBox\n            options={options}\n            onSelect={onChange}\n          />\n        )}\n      </OutsideClickBox>\n    </Grid>\n  );\n};\n"],"names":["SecondaryCustomSelector","value","onChange","options","width","label","variant","containerSx","showOptions","setShowOptions","useState","selectedOption","find","option","id","hideOptions","Grid","cursor","jsx","BaseLabel","jsxs","OutsideClickBox","prev","position","display","gridTemplateColumns","gap","alignItems","pb","borderBottom","borderColor","ResponsiveTextV2","title","FlexCenter","transform","transition","fill","ShortDownArrowIcon","SecondaryCustomSelectorOptionsBox"],"mappings":";;;;;;;;;AASO,MAAMA,IAA0B,CAA4B;AAAA,EACjEC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,aAAAA;AACQ,MAAM;AACd,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAiBR,EAAQS,KAAMC,OAAWA,EAAOC,OAAOb,EAAMa,EAAE,GAEhEC,IAAcA,MAAMN,EAAe,EAAK;AAE9C,SAAKE,2BAGFK,GACC,EAAA,OAAAZ,GACA,SAAU,yBAAwBE,CAAQ,IAC1C,IAAI;AAAA,IAAEW,QAAQ;AAAA,IAAW,GAAGV;AAAAA,EAE5B,GAAA,UAAA;AAAA,IAAAW,gBAAAA,MAACC,GAAU,EAAA,SAAU,aAAYb,CAAQ,IAAG,OAAAD,GAAa;AAAA,IAEzDe,gBAAAA,EAAAA,KAACC,GACC,EAAA,gBAAgBN,GAChB,SAAS,MAAMN,EAAgBa,CAASA,MAAA,CAACA,CAAI,GAC7C,IAAI;AAAA,MACFC,UAAU;AAAA,MACVC,SAAS;AAAA,MACTC,qBAAqB;AAAA,MACrBC,KAAK;AAAA,MACLC,YAAY;AAAA,MACZV,QAAQ;AAAA,MACRW,IAAI;AAAA,MACJC,cAAc;AAAA,MACdC,aAAa;AAAA,IAGf,GAAA,UAAA;AAAA,MAACZ,gBAAAA,EAAAA,IAAAa,GAAA,EACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,OAAOvB,IAAc,cAAc,eAElCG,UAAAA,EAAeqB,MAClB,CAAA;AAAA,4BAECC,GACC,EAAA,OAAM,QACN,QAAO,QACP,IAAI;AAAA,QACFC,WAAY,YAAW1B,IAAc,IAAI,CAAE;AAAA,QAC3C2B,YAAY;AAAA,QACZC,MAAM5B,IAAc,cAAc;AAAA,MACpC,GAEA,UAACU,gBAAAA,EAAA,IAAAmB,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,MAEC7B,KACCU,gBAAAA,EAAA,IAACoB,GACC,EAAA,SAAAnC,GACA,UAAUD,GAEb;AAAA,IAAA,GACH;AAAA,EACF,EAAA,CAAA,IAnD0B;AAqD9B;"}
+{"version":3,"file":"sd-component-library116.js","sources":["../src/components/selectors/secondary-custom-selector/secondary-custom-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { FlexCenter, Grid, OutsideClickBox } from \"../../../index\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { SecondaryCustomSelectorProps as Props } from \"./interfaces\";\nimport { SecondaryCustomSelectorOptionsBox } from \"./partials\";\n\nexport const SecondaryCustomSelector = <T extends string = string>({\n  value,\n  onChange,\n  options,\n  width,\n  label,\n  variant = \"customSecondary\",\n  containerSx,\n}: Props<T>) => {\n  const [showOptions, setShowOptions] = useState(false);\n\n  const selectedOption = options.find((option) => option.id === value.id);\n\n  const hideOptions = () => setShowOptions(false);\n\n  if (!selectedOption) return null;\n\n  return (\n    <Grid\n      width={width}\n      variant={`_containers.selectors.${variant}`}\n      sx={{ cursor: \"default\", ...containerSx }}\n    >\n      <BaseLabel variant={`selectors.${variant}`} label={label} />\n\n      <OutsideClickBox\n        onClickOutside={hideOptions}\n        onClick={() => setShowOptions((prev) => !prev)}\n        sx={{\n          position: \"relative\",\n          display: \"grid\",\n          gridTemplateColumns: \"1fr max-content\",\n          gap: \"5px\",\n          alignItems: \"center\",\n          cursor: \"pointer\",\n          pb: \"12px\",\n          borderBottom: \"2px solid\",\n          borderColor: \"cl_lightGrey\",\n        }}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[18, \"regular\"]}\n          color={showOptions ? \"cl_purple\" : \"cl_darkGrey\"}\n        >\n          {selectedOption.title}\n        </ResponsiveTextV2>\n\n        <FlexCenter\n          width=\"10px\"\n          height=\"10px\"\n          sx={{\n            transform: `rotate3d(${showOptions ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"all 0.2s\",\n            fill: showOptions ? \"cl_purple\" : \"cl_blue\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </FlexCenter>\n\n        {showOptions && (\n          <SecondaryCustomSelectorOptionsBox\n            options={options}\n            onSelect={onChange}\n          />\n        )}\n      </OutsideClickBox>\n    </Grid>\n  );\n};\n"],"names":["SecondaryCustomSelector","value","onChange","options","width","label","variant","containerSx","showOptions","setShowOptions","useState","selectedOption","option","hideOptions","jsxs","Grid","jsx","BaseLabel","OutsideClickBox","prev","ResponsiveTextV2","FlexCenter","ShortDownArrowIcon","SecondaryCustomSelectorOptionsBox"],"mappings":";;;;;;;;;AASO,MAAMA,IAA0B,CAA4B;AAAA,EACjE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AACF,MAAgB;AACd,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAiBR,EAAQ,KAAK,CAACS,MAAWA,EAAO,OAAOX,EAAM,EAAE,GAEhEY,IAAc,MAAMJ,EAAe,EAAK;AAE9C,SAAKE,IAGHG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,SAAS,yBAAyBE,CAAO;AAAA,MACzC,IAAI,EAAE,QAAQ,WAAW,GAAGC,EAAY;AAAA,MAExC,UAAA;AAAA,QAAAS,gBAAAA,MAACC,GAAU,EAAA,SAAS,aAAaX,CAAO,IAAI,OAAAD,GAAc;AAAA,QAE1DS,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,gBAAgBL;AAAA,YAChB,SAAS,MAAMJ,EAAe,CAACU,MAAS,CAACA,CAAI;AAAA,YAC7C,IAAI;AAAA,cACF,UAAU;AAAA,cACV,SAAS;AAAA,cACT,qBAAqB;AAAA,cACrB,KAAK;AAAA,cACL,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,IAAI;AAAA,cACJ,cAAc;AAAA,cACd,aAAa;AAAA,YACf;AAAA,YAEA,UAAA;AAAA,cAAAH,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,kBAC9B,OAAOZ,IAAc,cAAc;AAAA,kBAElC,UAAeG,EAAA;AAAA,gBAAA;AAAA,cAClB;AAAA,cAEAK,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,IAAI;AAAA,oBACF,WAAW,YAAYb,IAAc,IAAI,CAAC;AAAA,oBAC1C,YAAY;AAAA,oBACZ,MAAMA,IAAc,cAAc;AAAA,kBACpC;AAAA,kBAEA,gCAACc,GAAmB,EAAA;AAAA,gBAAA;AAAA,cACtB;AAAA,cAECd,KACCQ,gBAAAA,EAAA;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,SAAApB;AAAA,kBACA,UAAUD;AAAA,gBAAA;AAAA,cACZ;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAlDwB;AAqD9B;"}

package/lib/sd-component-library117.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library117.js","sources":["../src/components/selectors/tertiary-custom-selector/tertiary-custom-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SecondaryCustomSelector } from \"../secondary-custom-selector\";\nimport { TertiaryCustomSelectorProps as Props } from \"./interfaces\";\n\nexport const TertiaryCustomSelector: React.FC<Props> = (props) => {\n  return <SecondaryCustomSelector {...props} variant=\"customTertiary\" />;\n};\n"],"names":["TertiaryCustomSelector","props","jsx","SecondaryCustomSelector"],"mappings":";;AAKO,MAAMA,IAA2CC,CAAUA,MACxDC,gBAAAA,EAAAA,IAAAC,GAAA,EAA4BF,GAAAA,GAAO,SAAQ,iBAAmB,CAAA;"}
+{"version":3,"file":"sd-component-library117.js","sources":["../src/components/selectors/tertiary-custom-selector/tertiary-custom-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SecondaryCustomSelector } from \"../secondary-custom-selector\";\nimport { TertiaryCustomSelectorProps as Props } from \"./interfaces\";\n\nexport const TertiaryCustomSelector: React.FC<Props> = (props) => {\n  return <SecondaryCustomSelector {...props} variant=\"customTertiary\" />;\n};\n"],"names":["TertiaryCustomSelector","props","jsx","SecondaryCustomSelector"],"mappings":";;AAKa,MAAAA,IAA0C,CAACC,MAC9CC,gBAAAA,EAAAA,IAAAC,GAAA,EAAyB,GAAGF,GAAO,SAAQ,iBAAiB,CAAA;"}

package/lib/sd-component-library118.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library186.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library147.js";
 import { BaseTextV2 as u } from "./sd-component-library135.js";
 import { FlexCenter as h } from "./sd-component-library37.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library270.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library264.js";
 const k = ({
   width: l,
   options: r,
@@ -14,30 +14,60 @@ const k = ({
   label: c
 }) => {
   const [e, i] = d(!1), s = r.find((t) => t.id === n.id), m = () => i(!1);
-  return s ? /* @__PURE__ */ o.jsxs(a, { onClickOutside: m, onClick: () => i((t) => !t), sx: {
-    width: l,
-    position: "relative",
-    display: "grid",
-    gridTemplateColumns: "1fr max-content",
-    gap: "5px",
-    alignItems: "center",
-    cursor: "pointer",
-    pb: "12px",
-    borderBottom: "2px solid",
-    borderColor: "cl_lightGrey"
-  }, children: [
-    /* @__PURE__ */ o.jsxs(f, { fontSizeWeight: [18, "regular"], color: "cl_grey", children: [
-      c,
-      " ",
-      /* @__PURE__ */ o.jsx(u, { color: e ? "cl_purple" : "cl_darkGrey", fontWeight: "700", display: "inline", children: s.title })
-    ] }),
-    /* @__PURE__ */ o.jsx(h, { width: "10px", height: "10px", sx: {
-      transform: `rotate3d(${e ? 1 : 0}, 0, 0, 180deg)`,
-      transition: "all 0.2s",
-      fill: e ? "cl_purple" : "cl_blue"
-    }, children: /* @__PURE__ */ o.jsx(x, {}) }),
-    e && /* @__PURE__ */ o.jsx(g, { options: r, onSelect: p })
-  ] }) : null;
+  return s ? /* @__PURE__ */ o.jsxs(
+    a,
+    {
+      onClickOutside: m,
+      onClick: () => i((t) => !t),
+      sx: {
+        width: l,
+        position: "relative",
+        display: "grid",
+        gridTemplateColumns: "1fr max-content",
+        gap: "5px",
+        alignItems: "center",
+        cursor: "pointer",
+        pb: "12px",
+        borderBottom: "2px solid",
+        borderColor: "cl_lightGrey"
+      },
+      children: [
+        /* @__PURE__ */ o.jsxs(f, { fontSizeWeight: [18, "regular"], color: "cl_grey", children: [
+          c,
+          " ",
+          /* @__PURE__ */ o.jsx(
+            u,
+            {
+              color: e ? "cl_purple" : "cl_darkGrey",
+              fontWeight: "700",
+              display: "inline",
+              children: s.title
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o.jsx(
+          h,
+          {
+            width: "10px",
+            height: "10px",
+            sx: {
+              transform: `rotate3d(${e ? 1 : 0}, 0, 0, 180deg)`,
+              transition: "all 0.2s",
+              fill: e ? "cl_purple" : "cl_blue"
+            },
+            children: /* @__PURE__ */ o.jsx(x, {})
+          }
+        ),
+        e && /* @__PURE__ */ o.jsx(
+          g,
+          {
+            options: r,
+            onSelect: p
+          }
+        )
+      ]
+    }
+  ) : null;
 };
 export {
   k as CombinedSecondaryCustomSelector

package/lib/sd-component-library118.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library118.js","sources":["../src/components/selectors/combined-secondary-custom-selector/combined-secondary-custom-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { OutsideClickBox } from \"../../boxes\";\nimport { FlexCenter } from \"../../containers\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { BaseTextV2 } from \"../../texts\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { SecondaryCustomSelectorOptionsBox } from \"../secondary-custom-selector/partials\";\nimport { CombinedSecondaryCustomSelectorProps as Props } from \"./interfaces\";\n\nexport const CombinedSecondaryCustomSelector: React.FC<Props> = ({\n  width,\n  options,\n  value,\n  onChange,\n  label,\n}) => {\n  const [showOptions, setShowOptions] = useState(false);\n\n  const selectedOption = options.find((option) => option.id === value.id);\n\n  const hideOptions = () => setShowOptions(false);\n\n  if (!selectedOption) return null;\n\n  return (\n    <OutsideClickBox\n      onClickOutside={hideOptions}\n      onClick={() => setShowOptions((prev) => !prev)}\n      sx={{\n        width,\n        position: \"relative\",\n        display: \"grid\",\n        gridTemplateColumns: \"1fr max-content\",\n        gap: \"5px\",\n        alignItems: \"center\",\n        cursor: \"pointer\",\n        pb: \"12px\",\n        borderBottom: \"2px solid\",\n        borderColor: \"cl_lightGrey\",\n      }}\n    >\n      <ResponsiveTextV2 fontSizeWeight={[18, \"regular\"]} color=\"cl_grey\">\n        {label}{\" \"}\n        <BaseTextV2\n          color={showOptions ? \"cl_purple\" : \"cl_darkGrey\"}\n          fontWeight=\"700\"\n          display=\"inline\"\n        >\n          {selectedOption.title}\n        </BaseTextV2>\n      </ResponsiveTextV2>\n\n      <FlexCenter\n        width=\"10px\"\n        height=\"10px\"\n        sx={{\n          transform: `rotate3d(${showOptions ? 1 : 0}, 0, 0, 180deg)`,\n          transition: \"all 0.2s\",\n          fill: showOptions ? \"cl_purple\" : \"cl_blue\",\n        }}\n      >\n        <ShortDownArrowIcon />\n      </FlexCenter>\n\n      {showOptions && (\n        <SecondaryCustomSelectorOptionsBox\n          options={options}\n          onSelect={onChange}\n        />\n      )}\n    </OutsideClickBox>\n  );\n};\n"],"names":["CombinedSecondaryCustomSelector","width","options","value","onChange","label","showOptions","setShowOptions","useState","selectedOption","find","option","id","hideOptions","jsxs","OutsideClickBox","prev","position","display","gridTemplateColumns","gap","alignItems","cursor","pb","borderBottom","borderColor","ResponsiveTextV2","jsx","BaseTextV2","title","FlexCenter","transform","transition","fill","ShortDownArrowIcon","SecondaryCustomSelectorOptionsBox"],"mappings":";;;;;;;;AAUO,MAAMA,IAAmDA,CAAC;AAAA,EAC/DC,OAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,OAAAA;AACF,MAAM;AACJ,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAiBP,EAAQQ,KAAMC,OAAWA,EAAOC,OAAOT,EAAMS,EAAE,GAEhEC,IAAcA,MAAMN,EAAe,EAAK;AAE9C,SAAKE,IAGHK,gBAAAA,OAACC,GACC,EAAA,gBAAgBF,GAChB,SAAS,MAAMN,EAAgBS,CAASA,MAAA,CAACA,CAAI,GAC7C,IAAI;AAAA,IACFf,OAAAA;AAAAA,IACAgB,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,qBAAqB;AAAA,IACrBC,KAAK;AAAA,IACLC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,IAAI;AAAA,IACJC,cAAc;AAAA,IACdC,aAAa;AAAA,EAGf,GAAA,UAAA;AAAA,IAAAX,gBAAAA,OAACY,KAAiB,gBAAgB,CAAC,IAAI,SAAS,GAAG,OAAM,WACtDrB,UAAAA;AAAAA,MAAAA;AAAAA,MAAO;AAAA,MACRsB,gBAAAA,EAAAA,IAACC,GACC,EAAA,OAAOtB,IAAc,cAAc,eACnC,YAAW,OACX,SAAQ,UAEPG,UAAAA,EAAeoB,MAClB,CAAA;AAAA,IAAA,GACF;AAAA,0BAECC,GACC,EAAA,OAAM,QACN,QAAO,QACP,IAAI;AAAA,MACFC,WAAY,YAAWzB,IAAc,IAAI,CAAE;AAAA,MAC3C0B,YAAY;AAAA,MACZC,MAAM3B,IAAc,cAAc;AAAA,IACpC,GAEA,UAACqB,gBAAAA,EAAA,IAAAO,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,IAEC5B,KACCqB,gBAAAA,EAAA,IAACQ,GACC,EAAA,SAAAjC,GACA,UAAUE,GAEb;AAAA,EACH,EAAA,CAAA,IAhD0B;AAkD9B;"}
+{"version":3,"file":"sd-component-library118.js","sources":["../src/components/selectors/combined-secondary-custom-selector/combined-secondary-custom-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { OutsideClickBox } from \"../../boxes\";\nimport { FlexCenter } from \"../../containers\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { BaseTextV2 } from \"../../texts\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { SecondaryCustomSelectorOptionsBox } from \"../secondary-custom-selector/partials\";\nimport { CombinedSecondaryCustomSelectorProps as Props } from \"./interfaces\";\n\nexport const CombinedSecondaryCustomSelector: React.FC<Props> = ({\n  width,\n  options,\n  value,\n  onChange,\n  label,\n}) => {\n  const [showOptions, setShowOptions] = useState(false);\n\n  const selectedOption = options.find((option) => option.id === value.id);\n\n  const hideOptions = () => setShowOptions(false);\n\n  if (!selectedOption) return null;\n\n  return (\n    <OutsideClickBox\n      onClickOutside={hideOptions}\n      onClick={() => setShowOptions((prev) => !prev)}\n      sx={{\n        width,\n        position: \"relative\",\n        display: \"grid\",\n        gridTemplateColumns: \"1fr max-content\",\n        gap: \"5px\",\n        alignItems: \"center\",\n        cursor: \"pointer\",\n        pb: \"12px\",\n        borderBottom: \"2px solid\",\n        borderColor: \"cl_lightGrey\",\n      }}\n    >\n      <ResponsiveTextV2 fontSizeWeight={[18, \"regular\"]} color=\"cl_grey\">\n        {label}{\" \"}\n        <BaseTextV2\n          color={showOptions ? \"cl_purple\" : \"cl_darkGrey\"}\n          fontWeight=\"700\"\n          display=\"inline\"\n        >\n          {selectedOption.title}\n        </BaseTextV2>\n      </ResponsiveTextV2>\n\n      <FlexCenter\n        width=\"10px\"\n        height=\"10px\"\n        sx={{\n          transform: `rotate3d(${showOptions ? 1 : 0}, 0, 0, 180deg)`,\n          transition: \"all 0.2s\",\n          fill: showOptions ? \"cl_purple\" : \"cl_blue\",\n        }}\n      >\n        <ShortDownArrowIcon />\n      </FlexCenter>\n\n      {showOptions && (\n        <SecondaryCustomSelectorOptionsBox\n          options={options}\n          onSelect={onChange}\n        />\n      )}\n    </OutsideClickBox>\n  );\n};\n"],"names":["CombinedSecondaryCustomSelector","width","options","value","onChange","label","showOptions","setShowOptions","useState","selectedOption","option","hideOptions","jsxs","OutsideClickBox","prev","ResponsiveTextV2","jsx","BaseTextV2","FlexCenter","ShortDownArrowIcon","SecondaryCustomSelectorOptionsBox"],"mappings":";;;;;;;;AAUO,MAAMA,IAAmD,CAAC;AAAA,EAC/D,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAiBP,EAAQ,KAAK,CAACQ,MAAWA,EAAO,OAAOP,EAAM,EAAE,GAEhEQ,IAAc,MAAMJ,EAAe,EAAK;AAE9C,SAAKE,IAGHG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBF;AAAA,MAChB,SAAS,MAAMJ,EAAe,CAACO,MAAS,CAACA,CAAI;AAAA,MAC7C,IAAI;AAAA,QACF,OAAAb;AAAA,QACA,UAAU;AAAA,QACV,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,aAAa;AAAA,MACf;AAAA,MAEA,UAAA;AAAA,QAAAW,gBAAAA,OAACG,KAAiB,gBAAgB,CAAC,IAAI,SAAS,GAAG,OAAM,WACtD,UAAA;AAAA,UAAAV;AAAA,UAAO;AAAA,UACRW,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOX,IAAc,cAAc;AAAA,cACnC,YAAW;AAAA,cACX,SAAQ;AAAA,cAEP,UAAeG,EAAA;AAAA,YAAA;AAAA,UAClB;AAAA,QAAA,GACF;AAAA,QAEAO,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI;AAAA,cACF,WAAW,YAAYZ,IAAc,IAAI,CAAC;AAAA,cAC1C,YAAY;AAAA,cACZ,MAAMA,IAAc,cAAc;AAAA,YACpC;AAAA,YAEA,gCAACa,GAAmB,EAAA;AAAA,UAAA;AAAA,QACtB;AAAA,QAECb,KACCU,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAAAlB;AAAA,YACA,UAAUE;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IA9CsB;AAkD9B;"}

package/lib/sd-component-library119.js

@@ -1,6 +1,6 @@
 import { j as i } from "./sd-component-library195.js";
 import { useMemo as S, useCallback as p } from "react";
-import { BaseSelectorV2 as u } from "./sd-component-library271.js";
+import { BaseSelectorV2 as u } from "./sd-component-library265.js";
 const g = ({
   value: s,
   onChange: r,
@@ -8,13 +8,27 @@ const g = ({
   options: o,
   ...l
 }) => {
-  const t = S(() => (e ? [e] : []).concat(o), [o, e]), c = p((n) => {
-    const m = t.find(({
-      title: a
-    }) => a.trim().replaceAll(/\s{2,}/g, " ") === n);
-    r(m);
-  }, [r, t]);
-  return /* @__PURE__ */ i.jsx(u, { selection: s, options: t, onSelect: c, hasDefaultValue: !!e, noOptionsToSelect: !o.length, ...l, "data-test": "selector-v2" });
+  const t = S(() => (e ? [e] : []).concat(o), [o, e]), c = p(
+    (n) => {
+      const m = t.find(
+        ({ title: a }) => a.trim().replaceAll(/\s{2,}/g, " ") === n
+      );
+      r(m);
+    },
+    [r, t]
+  );
+  return /* @__PURE__ */ i.jsx(
+    u,
+    {
+      selection: s,
+      options: t,
+      onSelect: c,
+      hasDefaultValue: !!e,
+      noOptionsToSelect: !o.length,
+      ...l,
+      "data-test": "selector-v2"
+    }
+  );
 };
 export {
   g as SelectorV2

package/lib/sd-component-library119.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library119.js","sources":["../src/components/selectors/selector-v2/selector-v2.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\n\nimport { SelectorV2Props as Props, SelectorOptionV2 } from \"./interfaces\";\nimport { BaseSelectorV2 } from \"./partials\";\n\nexport const SelectorV2 = <T extends string = string>({\n  value,\n  onChange,\n  defaultOptionObject,\n  options,\n  ...baseProps\n}: Props<T>) => {\n  const allOptions = useMemo<SelectorOptionV2<T | null>[]>(() => {\n    return (\n      (defaultOptionObject\n        ? [defaultOptionObject]\n        : []) as SelectorOptionV2<T | null>[]\n    ).concat(options);\n  }, [options, defaultOptionObject]);\n\n  const onSelect = useCallback(\n    (selectionString: string) => {\n      const newSelection = allOptions.find(\n        ({ title }) =>\n          title.trim().replaceAll(/\\s{2,}/g, \" \") === selectionString\n      )!;\n      onChange(newSelection);\n    },\n    [onChange, allOptions]\n  );\n\n  return (\n    <BaseSelectorV2\n      selection={value}\n      options={allOptions}\n      onSelect={onSelect}\n      hasDefaultValue={!!defaultOptionObject}\n      noOptionsToSelect={!options.length}\n      {...baseProps}\n      data-test=\"selector-v2\"\n    />\n  );\n};\n"],"names":["SelectorV2","value","onChange","defaultOptionObject","options","baseProps","allOptions","useMemo","concat","onSelect","useCallback","selectionString","newSelection","find","title","trim","replaceAll","BaseSelectorV2","length"],"mappings":";;;AAKO,MAAMA,IAAa,CAA4B;AAAA,EACpDC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AACK,MAAM;AACRC,QAAAA,IAAaC,EAAsC,OAEpDJ,IACG,CAACA,CAAmB,IACpB,CAAA,GACJK,OAAOJ,CAAO,GACf,CAACA,GAASD,CAAmB,CAAC,GAE3BM,IAAWC,EACf,CAACC,MAA4B;AACrBC,UAAAA,IAAeN,EAAWO,KAC9B,CAAC;AAAA,MAAEC,OAAAA;AAAAA,IAAAA,MACDA,EAAMC,OAAOC,WAAW,WAAW,GAAG,MAAML,CAChD;AACAT,IAAAA,EAASU,CAAY;AAAA,EAAA,GAEvB,CAACV,GAAUI,CAAU,CACvB;AAEA,+BACGW,GACC,EAAA,WAAWhB,GACX,SAASK,GACT,UAAAG,GACA,iBAAiB,CAAC,CAACN,GACnB,mBAAmB,CAACC,EAAQc,QACxBb,GAAAA,GACJ,aAAU,cACV,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library119.js","sources":["../src/components/selectors/selector-v2/selector-v2.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\n\nimport { SelectorV2Props as Props, SelectorOptionV2 } from \"./interfaces\";\nimport { BaseSelectorV2 } from \"./partials\";\n\nexport const SelectorV2 = <T extends string = string>({\n  value,\n  onChange,\n  defaultOptionObject,\n  options,\n  ...baseProps\n}: Props<T>) => {\n  const allOptions = useMemo<SelectorOptionV2<T | null>[]>(() => {\n    return (\n      (defaultOptionObject\n        ? [defaultOptionObject]\n        : []) as SelectorOptionV2<T | null>[]\n    ).concat(options);\n  }, [options, defaultOptionObject]);\n\n  const onSelect = useCallback(\n    (selectionString: string) => {\n      const newSelection = allOptions.find(\n        ({ title }) =>\n          title.trim().replaceAll(/\\s{2,}/g, \" \") === selectionString\n      )!;\n      onChange(newSelection);\n    },\n    [onChange, allOptions]\n  );\n\n  return (\n    <BaseSelectorV2\n      selection={value}\n      options={allOptions}\n      onSelect={onSelect}\n      hasDefaultValue={!!defaultOptionObject}\n      noOptionsToSelect={!options.length}\n      {...baseProps}\n      data-test=\"selector-v2\"\n    />\n  );\n};\n"],"names":["SelectorV2","value","onChange","defaultOptionObject","options","baseProps","allOptions","useMemo","onSelect","useCallback","selectionString","newSelection","title","jsx","BaseSelectorV2"],"mappings":";;;AAKO,MAAMA,IAAa,CAA4B;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAgB;AACR,QAAAC,IAAaC,EAAsC,OAEpDJ,IACG,CAACA,CAAmB,IACpB,CAAA,GACJ,OAAOC,CAAO,GACf,CAACA,GAASD,CAAmB,CAAC,GAE3BK,IAAWC;AAAA,IACf,CAACC,MAA4B;AAC3B,YAAMC,IAAeL,EAAW;AAAA,QAC9B,CAAC,EAAE,OAAAM,EACD,MAAAA,EAAM,KAAO,EAAA,WAAW,WAAW,GAAG,MAAMF;AAAA,MAAA;AAEhD,MAAAR,EAASS,CAAY;AAAA,IACvB;AAAA,IACA,CAACT,GAAUI,CAAU;AAAA,EAAA;AAIrB,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWb;AAAA,MACX,SAASK;AAAA,MACT,UAAAE;AAAA,MACA,iBAAiB,CAAC,CAACL;AAAA,MACnB,mBAAmB,CAACC,EAAQ;AAAA,MAC3B,GAAGC;AAAA,MACJ,aAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/lib/sd-component-library12.js

@@ -2,13 +2,16 @@ import { j as s } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
 import { Box as e } from "./sd-component-library199.js";
 const d = (o) => {
-  const {
-    children: t,
-    ...r
-  } = o;
-  return /* @__PURE__ */ s.jsx(e, { "data-test": "mobile-hidden-box", sx: {
-    display: ["none", "block"]
-  }, ...r, children: t });
+  const { children: t, ...r } = o;
+  return /* @__PURE__ */ s.jsx(
+    e,
+    {
+      "data-test": "mobile-hidden-box",
+      sx: { display: ["none", "block"] },
+      ...r,
+      children: t
+    }
+  );
 };
 export {
   d as MobileHiddenBox

package/lib/sd-component-library12.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library12.js","sources":["../src/components/boxes/mobile-hidden-box/mobile-hidden-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MobileHiddenBoxProps as Props } from \"./interfaces\";\n\n/**\n * Mobile Hidden Box component. This component, and it's children,\n * won't be visible on mobile screens\n * @deprecated use useBreakPoints() hook instead\n */\nexport const MobileHiddenBox: React.FC<Props> = (props) => {\n  const { children, ...boxProps } = props;\n\n  return (\n    <Box\n      data-test=\"mobile-hidden-box\"\n      sx={{ display: [\"none\", \"block\"] }}\n      {...boxProps}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["MobileHiddenBox","props","children","boxProps","jsx","Box","display"],"mappings":";;;AAWO,MAAMA,IAAoCC,CAAUA,MAAA;AACnD,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAU,GAAGC;AAAAA,EAAaF,IAAAA;AAElC,SACGG,gBAAAA,EAAA,IAAAC,GAAA,EACC,aAAU,qBACV,IAAI;AAAA,IAAEC,SAAS,CAAC,QAAQ,OAAO;AAAA,EAAA,GAC3BH,GAAAA,GAEHD,UAAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library12.js","sources":["../src/components/boxes/mobile-hidden-box/mobile-hidden-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MobileHiddenBoxProps as Props } from \"./interfaces\";\n\n/**\n * Mobile Hidden Box component. This component, and it's children,\n * won't be visible on mobile screens\n * @deprecated use useBreakPoints() hook instead\n */\nexport const MobileHiddenBox: React.FC<Props> = (props) => {\n  const { children, ...boxProps } = props;\n\n  return (\n    <Box\n      data-test=\"mobile-hidden-box\"\n      sx={{ display: [\"none\", \"block\"] }}\n      {...boxProps}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["MobileHiddenBox","props","children","boxProps","jsx","Box"],"mappings":";;;AAWa,MAAAA,IAAmC,CAACC,MAAU;AACzD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAaF;AAGhC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAI,EAAE,SAAS,CAAC,QAAQ,OAAO,EAAE;AAAA,MAChC,GAAGF;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library120.js

@@ -1,6 +1,15 @@
 import { j as r } from "./sd-component-library195.js";
 import { SelectorV2 as e } from "./sd-component-library119.js";
-const i = (t) => /* @__PURE__ */ r.jsx(e, { variant: "tertiary", gap: ["0"], defaultOptionColor: t.defaultOptionColor || "cl_grey", ...t, "data-test": "tertiary-selector-v2" });
+const i = (t) => /* @__PURE__ */ r.jsx(
+  e,
+  {
+    variant: "tertiary",
+    gap: ["0"],
+    defaultOptionColor: t.defaultOptionColor || "cl_grey",
+    ...t,
+    "data-test": "tertiary-selector-v2"
+  }
+);
 export {
   i as TertiarySelectorV2
 };

package/lib/sd-component-library120.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library120.js","sources":["../src/components/selectors/tertiary-selector-v2/tertiary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { TertiarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const TertiarySelectorV2: React.FC<Props> = (props) => {\n  return (\n    <SelectorV2\n      variant=\"tertiary\"\n      gap={[\"0\"]}\n      defaultOptionColor={props.defaultOptionColor || \"cl_grey\"}\n      {...props}\n      data-test=\"tertiary-selector-v2\"\n    />\n  );\n};\n"],"names":["TertiarySelectorV2","props","jsx","SelectorV2","defaultOptionColor"],"mappings":";;AAKO,MAAMA,IAAuCC,CAAUA,MAEzDC,gBAAAA,EAAAA,IAAAC,GAAA,EACC,SAAQ,YACR,KAAK,CAAC,GAAG,GACT,oBAAoBF,EAAMG,sBAAsB,WAC5CH,GAAAA,GACJ,aAAU,uBACV,CAAA;"}
+{"version":3,"file":"sd-component-library120.js","sources":["../src/components/selectors/tertiary-selector-v2/tertiary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { TertiarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const TertiarySelectorV2: React.FC<Props> = (props) => {\n  return (\n    <SelectorV2\n      variant=\"tertiary\"\n      gap={[\"0\"]}\n      defaultOptionColor={props.defaultOptionColor || \"cl_grey\"}\n      {...props}\n      data-test=\"tertiary-selector-v2\"\n    />\n  );\n};\n"],"names":["TertiarySelectorV2","props","jsx","SelectorV2"],"mappings":";;AAKa,MAAAA,IAAsC,CAACC,MAEhDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,KAAK,CAAC,GAAG;AAAA,IACT,oBAAoBF,EAAM,sBAAsB;AAAA,IAC/C,GAAGA;AAAA,IACJ,aAAU;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library121.js

@@ -1,10 +1,16 @@
 import { j as e } from "./sd-component-library195.js";
 import { SelectorV2 as o } from "./sd-component-library119.js";
 const s = (t) => {
-  const {
-    gap: r = "8px"
-  } = t;
-  return /* @__PURE__ */ e.jsx(o, { ...t, variant: "secondaryV2", labelContainerAlignItems: "start", gap: r });
+  const { gap: r = "8px" } = t;
+  return /* @__PURE__ */ e.jsx(
+    o,
+    {
+      ...t,
+      variant: "secondaryV2",
+      labelContainerAlignItems: "start",
+      gap: r
+    }
+  );
 };
 export {
   s as SecondarySelectorV2

package/lib/sd-component-library121.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library121.js","sources":["../src/components/selectors/secondary-selector-v2/secondary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { SecondarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const SecondarySelectorV2: React.FC<Props> = (props) => {\n  const { gap = \"8px\" } = props;\n  return (\n    <SelectorV2\n      {...props}\n      variant=\"secondaryV2\"\n      labelContainerAlignItems=\"start\"\n      gap={gap}\n    />\n  );\n};\n"],"names":["SecondarySelectorV2","props","gap","jsx","SelectorV2"],"mappings":";;AAKO,MAAMA,IAAwCC,CAAUA,MAAA;AACvD,QAAA;AAAA,IAAEC,KAAAA,IAAM;AAAA,EAAUD,IAAAA;AAEtB,SAAAE,gBAAAA,MAACC,KACC,GAAIH,GACJ,SAAQ,eACR,0BAAyB,SACzB,KAAAC,EACA,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library121.js","sources":["../src/components/selectors/secondary-selector-v2/secondary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { SecondarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const SecondarySelectorV2: React.FC<Props> = (props) => {\n  const { gap = \"8px\" } = props;\n  return (\n    <SelectorV2\n      {...props}\n      variant=\"secondaryV2\"\n      labelContainerAlignItems=\"start\"\n      gap={gap}\n    />\n  );\n};\n"],"names":["SecondarySelectorV2","props","gap","jsx","SelectorV2"],"mappings":";;AAKa,MAAAA,IAAuC,CAACC,MAAU;AACvD,QAAA,EAAE,KAAAC,IAAM,MAAU,IAAAD;AAEtB,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,SAAQ;AAAA,MACR,0BAAyB;AAAA,MACzB,KAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library122.js

@@ -1,6 +1,13 @@
 import { j as t } from "./sd-component-library195.js";
 import { SelectorV2 as e } from "./sd-component-library119.js";
-const i = (r) => /* @__PURE__ */ t.jsx(e, { ...r, variant: "primaryV2", "data-testid": "primary-selector-v2" });
+const i = (r) => /* @__PURE__ */ t.jsx(
+  e,
+  {
+    ...r,
+    variant: "primaryV2",
+    "data-testid": "primary-selector-v2"
+  }
+);
 export {
   i as PrimarySelectorV2
 };

package/lib/sd-component-library122.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library122.js","sources":["../src/components/selectors/primary-selector-v2/primary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { PrimarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const PrimarySelectorV2: React.FC<Props> = (props) => {\n  return (\n    <SelectorV2\n      {...props}\n      variant=\"primaryV2\"\n      data-testid=\"primary-selector-v2\"\n    />\n  );\n};\n"],"names":["PrimarySelectorV2","props","SelectorV2"],"mappings":";;AAKO,MAAMA,IAAsCC,CAAUA,4BAExDC,GACC,EAAA,GAAID,GACJ,SAAQ,aACR,eAAY,sBACZ,CAAA;"}
+{"version":3,"file":"sd-component-library122.js","sources":["../src/components/selectors/primary-selector-v2/primary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { PrimarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const PrimarySelectorV2: React.FC<Props> = (props) => {\n  return (\n    <SelectorV2\n      {...props}\n      variant=\"primaryV2\"\n      data-testid=\"primary-selector-v2\"\n    />\n  );\n};\n"],"names":["PrimarySelectorV2","props","jsx","SelectorV2"],"mappings":";;AAKa,MAAAA,IAAqC,CAACC,MAE/CC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,eAAY;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library123.js

@@ -12,20 +12,43 @@ const y = ({
   const [s, a] = n(0), l = c((t) => {
     t && a(t.getBoundingClientRect().width);
   }, []);
-  return /* @__PURE__ */ e.jsxs(d, { sx: {
-    position: "relative"
-  }, "data-testid": "combined-secondary-selector-v2", children: [
-    /* @__PURE__ */ e.jsx(m, { ...i, variant: "secondaryV2", containerVariant: "combined", pl: `${s + r}px` }),
-    /* @__PURE__ */ e.jsx(p, { fontSizeWeight: [18, "regular"], color: "cl_grey", sx: {
-      position: "absolute",
-      left: 0,
-      top: 0,
-      display: "flex",
-      height: "100%",
-      alignItems: "flex-start",
-      cursor: "default"
-    }, ref: l, "data-testid": "combined-secondary-selector-label", children: o })
-  ] });
+  return /* @__PURE__ */ e.jsxs(
+    d,
+    {
+      sx: { position: "relative" },
+      "data-testid": "combined-secondary-selector-v2",
+      children: [
+        /* @__PURE__ */ e.jsx(
+          m,
+          {
+            ...i,
+            variant: "secondaryV2",
+            containerVariant: "combined",
+            pl: `${s + r}px`
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          p,
+          {
+            fontSizeWeight: [18, "regular"],
+            color: "cl_grey",
+            sx: {
+              position: "absolute",
+              left: 0,
+              top: 0,
+              display: "flex",
+              height: "100%",
+              alignItems: "flex-start",
+              cursor: "default"
+            },
+            ref: l,
+            "data-testid": "combined-secondary-selector-label",
+            children: o
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   y as CombinedSecondarySelectorV2

package/lib/sd-component-library123.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library123.js","sources":["../src/components/selectors/combined-secondary-selector-v2/combined-secondary-selector-v2.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { SelectorV2 } from \"../selector-v2\";\nimport { CombinedSecondarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const CombinedSecondarySelectorV2: React.FC<Props> = ({\n  selectorLabel,\n  gap = 5,\n  ...restOfProps\n}) => {\n  const [labelWidth, setLabelWidth] = useState(0);\n  const labelRef = useCallback((node: HTMLDivElement) => {\n    if (node) setLabelWidth(node.getBoundingClientRect().width);\n  }, []);\n\n  return (\n    <Box\n      sx={{ position: \"relative\" }}\n      data-testid=\"combined-secondary-selector-v2\"\n    >\n      <SelectorV2\n        {...restOfProps}\n        variant=\"secondaryV2\"\n        containerVariant=\"combined\"\n        pl={`${labelWidth + gap}px`}\n      />\n\n      <ResponsiveTextV2\n        fontSizeWeight={[18, \"regular\"]}\n        color=\"cl_grey\"\n        sx={{\n          position: \"absolute\",\n          left: 0,\n          top: 0,\n          display: \"flex\",\n          height: \"100%\",\n          alignItems: \"flex-start\",\n          cursor: \"default\",\n        }}\n        ref={labelRef}\n        data-testid=\"combined-secondary-selector-label\"\n      >\n        {selectorLabel}\n      </ResponsiveTextV2>\n    </Box>\n  );\n};\n"],"names":["CombinedSecondarySelectorV2","selectorLabel","gap","restOfProps","labelWidth","setLabelWidth","useState","labelRef","useCallback","node","getBoundingClientRect","width","jsxs","Box","position","jsx","SelectorV2","ResponsiveTextV2","left","top","display","height","alignItems","cursor"],"mappings":";;;;;;AAQO,MAAMA,IAA+CA,CAAC;AAAA,EAC3DC,eAAAA;AAAAA,EACAC,KAAAA,IAAM;AAAA,EACN,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxCC,IAAWC,EAAY,CAACC,MAAyB;AACjDA,IAAAA,KAAoBA,EAAAA,EAAKC,sBAAsB,EAAEC,KAAK;AAAA,EAC5D,GAAG,CAAE,CAAA;AAGH,SAAAC,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IAAEC,UAAU;AAAA,EAAA,GAChB,eAAY,kCAEZ,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAC,GAAA,EACC,GAAIb,GACJ,SAAQ,eACR,kBAAiB,YACjB,IAAK,GAAEC,IAAaF,CAAI,KAAI,CAAA;AAAA,IAG9Ba,gBAAAA,MAACE,KACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,OAAM,WACN,IAAI;AAAA,MACFH,UAAU;AAAA,MACVI,MAAM;AAAA,MACNC,KAAK;AAAA,MACLC,SAAS;AAAA,MACTC,QAAQ;AAAA,MACRC,YAAY;AAAA,MACZC,QAAQ;AAAA,IAAA,GAEV,KAAKhB,GACL,eAAY,qCAEXN,UACHA,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library123.js","sources":["../src/components/selectors/combined-secondary-selector-v2/combined-secondary-selector-v2.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { SelectorV2 } from \"../selector-v2\";\nimport { CombinedSecondarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const CombinedSecondarySelectorV2: React.FC<Props> = ({\n  selectorLabel,\n  gap = 5,\n  ...restOfProps\n}) => {\n  const [labelWidth, setLabelWidth] = useState(0);\n  const labelRef = useCallback((node: HTMLDivElement) => {\n    if (node) setLabelWidth(node.getBoundingClientRect().width);\n  }, []);\n\n  return (\n    <Box\n      sx={{ position: \"relative\" }}\n      data-testid=\"combined-secondary-selector-v2\"\n    >\n      <SelectorV2\n        {...restOfProps}\n        variant=\"secondaryV2\"\n        containerVariant=\"combined\"\n        pl={`${labelWidth + gap}px`}\n      />\n\n      <ResponsiveTextV2\n        fontSizeWeight={[18, \"regular\"]}\n        color=\"cl_grey\"\n        sx={{\n          position: \"absolute\",\n          left: 0,\n          top: 0,\n          display: \"flex\",\n          height: \"100%\",\n          alignItems: \"flex-start\",\n          cursor: \"default\",\n        }}\n        ref={labelRef}\n        data-testid=\"combined-secondary-selector-label\"\n      >\n        {selectorLabel}\n      </ResponsiveTextV2>\n    </Box>\n  );\n};\n"],"names":["CombinedSecondarySelectorV2","selectorLabel","gap","restOfProps","labelWidth","setLabelWidth","useState","labelRef","useCallback","node","jsxs","Box","jsx","SelectorV2","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAA+C,CAAC;AAAA,EAC3D,eAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxCC,IAAWC,EAAY,CAACC,MAAyB;AACjD,IAAAA,KAAoBJ,EAAAI,EAAK,sBAAsB,EAAE,KAAK;AAAA,EAC5D,GAAG,CAAE,CAAA;AAGH,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI,EAAE,UAAU,WAAW;AAAA,MAC3B,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGV;AAAA,YACJ,SAAQ;AAAA,YACR,kBAAiB;AAAA,YACjB,IAAI,GAAGC,IAAaF,CAAG;AAAA,UAAA;AAAA,QACzB;AAAA,QAEAU,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,YAC9B,OAAM;AAAA,YACN,IAAI;AAAA,cACF,UAAU;AAAA,cACV,MAAM;AAAA,cACN,KAAK;AAAA,cACL,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,YAAY;AAAA,cACZ,QAAQ;AAAA,YACV;AAAA,YACA,KAAKP;AAAA,YACL,eAAY;AAAA,YAEX,UAAAN;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library124.js

@@ -1,47 +1,61 @@
 import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library233.js";
+import { BaseLabel as f } from "./sd-component-library230.js";
 import { ReactComponent as u } from "./sd-component-library186.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library272.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library266.js";
 import { GridContainerV2 as S } from "./sd-component-library41.js";
 import { OutsideClickBox as b } from "./sd-component-library14.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library147.js";
 import { FlexCenter as g } from "./sd-component-library37.js";
 const G = (l) => {
-  const {
-    value: n,
-    onChange: c,
-    options: r,
-    width: p,
-    label: a,
-    containerSx: m
-  } = l, [e, i] = x(!1), s = r.find((t) => t.id === n.id), d = () => i(!1);
-  return s ? /* @__PURE__ */ o.jsxs(S, { width: p, variant: "_containers.selectors.customScrollable", sx: {
-    cursor: "default",
-    ...m
-  }, children: [
-    /* @__PURE__ */ o.jsx(f, { variant: "selectors.customScrollable", label: a }),
-    /* @__PURE__ */ o.jsxs(b, { onClickOutside: d, onClick: () => i((t) => !t), sx: {
-      position: "relative",
-      display: "grid",
-      gridTemplateColumns: "1fr max-content",
-      gap: "5px",
-      alignItems: "center",
-      cursor: "pointer",
-      pb: "2px",
-      borderBottom: "2px solid",
-      borderColor: "cl_lightGrey",
-      borderWidth: "2px"
-    }, children: [
-      /* @__PURE__ */ o.jsx(C, { fontSizeWeight: [[24, "bold"]], color: "cl_purple", children: s.title }),
-      /* @__PURE__ */ o.jsx(g, { width: "10px", height: "10px", sx: {
-        transform: `rotate3d(${e ? 1 : 0}, 0, 0, 180deg)`,
-        transition: "all 0.2s",
-        fill: "cl_purple"
-      }, children: /* @__PURE__ */ o.jsx(u, {}) }),
-      e && /* @__PURE__ */ o.jsx(h, { options: r, onSelect: c })
-    ] })
-  ] }) : null;
+  const { value: n, onChange: c, options: r, width: p, label: a, containerSx: m } = l, [e, i] = x(!1), s = r.find((t) => t.id === n.id), d = () => i(!1);
+  return s ? /* @__PURE__ */ o.jsxs(
+    S,
+    {
+      width: p,
+      variant: "_containers.selectors.customScrollable",
+      sx: { cursor: "default", ...m },
+      children: [
+        /* @__PURE__ */ o.jsx(f, { variant: "selectors.customScrollable", label: a }),
+        /* @__PURE__ */ o.jsxs(
+          b,
+          {
+            onClickOutside: d,
+            onClick: () => i((t) => !t),
+            sx: {
+              position: "relative",
+              display: "grid",
+              gridTemplateColumns: "1fr max-content",
+              gap: "5px",
+              alignItems: "center",
+              cursor: "pointer",
+              pb: "2px",
+              borderBottom: "2px solid",
+              borderColor: "cl_lightGrey",
+              borderWidth: "2px"
+            },
+            children: [
+              /* @__PURE__ */ o.jsx(C, { fontSizeWeight: [[24, "bold"]], color: "cl_purple", children: s.title }),
+              /* @__PURE__ */ o.jsx(
+                g,
+                {
+                  width: "10px",
+                  height: "10px",
+                  sx: {
+                    transform: `rotate3d(${e ? 1 : 0}, 0, 0, 180deg)`,
+                    transition: "all 0.2s",
+                    fill: "cl_purple"
+                  },
+                  children: /* @__PURE__ */ o.jsx(u, {})
+                }
+              ),
+              e && /* @__PURE__ */ o.jsx(h, { options: r, onSelect: c })
+            ]
+          }
+        )
+      ]
+    }
+  ) : null;
 };
 export {
   G as CustomScrollableSelector

package/lib/sd-component-library124.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library124.js","sources":["../src/components/selectors/custom-scrollable-selector/custom-scrollable-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport {\n  FlexCenter,\n  Grid,\n  OutsideClickBox,\n  ResponsiveTextV2,\n  ShortDownArrowIcon,\n} from \"../../../index\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { CustomScrollableSelectorProps as Props } from \"./interfaces\";\nimport { CustomScrollableOptionsBox } from \"./partials\";\n\nexport const CustomScrollableSelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { value, onChange, options, width, label, containerSx } = props;\n\n  const [showOptions, setShowOptions] = useState(false);\n\n  const selectedOption = options.find((option) => option.id === value.id);\n\n  const hideOptions = () => setShowOptions(false);\n\n  if (!selectedOption) return null;\n\n  return (\n    <Grid\n      width={width}\n      variant=\"_containers.selectors.customScrollable\"\n      sx={{ cursor: \"default\", ...containerSx }}\n    >\n      <BaseLabel variant=\"selectors.customScrollable\" label={label} />\n\n      <OutsideClickBox\n        onClickOutside={hideOptions}\n        onClick={() => setShowOptions((prev) => !prev)}\n        sx={{\n          position: \"relative\",\n          display: \"grid\",\n          gridTemplateColumns: \"1fr max-content\",\n          gap: \"5px\",\n          alignItems: \"center\",\n          cursor: \"pointer\",\n          pb: \"2px\",\n          borderBottom: \"2px solid\",\n          borderColor: \"cl_lightGrey\",\n          borderWidth: \"2px\",\n        }}\n      >\n        <ResponsiveTextV2 fontSizeWeight={[[24, \"bold\"]]} color=\"cl_purple\">\n          {selectedOption.title}\n        </ResponsiveTextV2>\n\n        <FlexCenter\n          width=\"10px\"\n          height=\"10px\"\n          sx={{\n            transform: `rotate3d(${showOptions ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"all 0.2s\",\n            fill: \"cl_purple\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </FlexCenter>\n\n        {showOptions && (\n          <CustomScrollableOptionsBox options={options} onSelect={onChange} />\n        )}\n      </OutsideClickBox>\n    </Grid>\n  );\n};\n"],"names":["CustomScrollableSelector","props","value","onChange","options","width","label","containerSx","showOptions","setShowOptions","useState","selectedOption","find","option","id","hideOptions","jsxs","Grid","cursor","jsx","BaseLabel","OutsideClickBox","prev","position","display","gridTemplateColumns","gap","alignItems","pb","borderBottom","borderColor","borderWidth","ResponsiveTextV2","title","FlexCenter","transform","transition","fill","ShortDownArrowIcon","CustomScrollableOptionsBox"],"mappings":";;;;;;;;;AAaaA,MAAAA,IAA2B,CACtCC,MACG;AACG,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAASC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,aAAAA;AAAAA,EAAgBN,IAAAA,GAE1D,CAACO,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAiBP,EAAQQ,KAAMC,OAAWA,EAAOC,OAAOZ,EAAMY,EAAE,GAEhEC,IAAcA,MAAMN,EAAe,EAAK;AAE9C,SAAKE,IAGFK,gBAAAA,EAAAA,KAAAC,GAAA,EACC,OAAAZ,GACA,SAAQ,0CACR,IAAI;AAAA,IAAEa,QAAQ;AAAA,IAAW,GAAGX;AAAAA,EAE5B,GAAA,UAAA;AAAA,IAACY,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,SAAQ,8BAA6B,OAAAd,EAAa,CAAA;AAAA,IAE7DU,gBAAAA,EAAAA,KAACK,GACC,EAAA,gBAAgBN,GAChB,SAAS,MAAMN,EAAgBa,CAASA,MAAA,CAACA,CAAI,GAC7C,IAAI;AAAA,MACFC,UAAU;AAAA,MACVC,SAAS;AAAA,MACTC,qBAAqB;AAAA,MACrBC,KAAK;AAAA,MACLC,YAAY;AAAA,MACZT,QAAQ;AAAA,MACRU,IAAI;AAAA,MACJC,cAAc;AAAA,MACdC,aAAa;AAAA,MACbC,aAAa;AAAA,IAGf,GAAA,UAAA;AAAA,MAACZ,gBAAAA,EAAAA,IAAAa,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,OAAM,aACrDrB,UAAAA,EAAesB,MAClB,CAAA;AAAA,4BAECC,GACC,EAAA,OAAM,QACN,QAAO,QACP,IAAI;AAAA,QACFC,WAAY,YAAW3B,IAAc,IAAI,CAAE;AAAA,QAC3C4B,YAAY;AAAA,QACZC,MAAM;AAAA,MACR,GAEA,UAAClB,gBAAAA,EAAA,IAAAmB,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,MAEC9B,KACCW,gBAAAA,EAAA,IAACoB,GAA2B,EAAA,SAAAnC,GAAkB,UAAUD,GACzD;AAAA,IAAA,GACH;AAAA,EACF,EAAA,CAAA,IA9C0B;AAgD9B;"}
+{"version":3,"file":"sd-component-library124.js","sources":["../src/components/selectors/custom-scrollable-selector/custom-scrollable-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport {\n  FlexCenter,\n  Grid,\n  OutsideClickBox,\n  ResponsiveTextV2,\n  ShortDownArrowIcon,\n} from \"../../../index\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { CustomScrollableSelectorProps as Props } from \"./interfaces\";\nimport { CustomScrollableOptionsBox } from \"./partials\";\n\nexport const CustomScrollableSelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { value, onChange, options, width, label, containerSx } = props;\n\n  const [showOptions, setShowOptions] = useState(false);\n\n  const selectedOption = options.find((option) => option.id === value.id);\n\n  const hideOptions = () => setShowOptions(false);\n\n  if (!selectedOption) return null;\n\n  return (\n    <Grid\n      width={width}\n      variant=\"_containers.selectors.customScrollable\"\n      sx={{ cursor: \"default\", ...containerSx }}\n    >\n      <BaseLabel variant=\"selectors.customScrollable\" label={label} />\n\n      <OutsideClickBox\n        onClickOutside={hideOptions}\n        onClick={() => setShowOptions((prev) => !prev)}\n        sx={{\n          position: \"relative\",\n          display: \"grid\",\n          gridTemplateColumns: \"1fr max-content\",\n          gap: \"5px\",\n          alignItems: \"center\",\n          cursor: \"pointer\",\n          pb: \"2px\",\n          borderBottom: \"2px solid\",\n          borderColor: \"cl_lightGrey\",\n          borderWidth: \"2px\",\n        }}\n      >\n        <ResponsiveTextV2 fontSizeWeight={[[24, \"bold\"]]} color=\"cl_purple\">\n          {selectedOption.title}\n        </ResponsiveTextV2>\n\n        <FlexCenter\n          width=\"10px\"\n          height=\"10px\"\n          sx={{\n            transform: `rotate3d(${showOptions ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"all 0.2s\",\n            fill: \"cl_purple\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </FlexCenter>\n\n        {showOptions && (\n          <CustomScrollableOptionsBox options={options} onSelect={onChange} />\n        )}\n      </OutsideClickBox>\n    </Grid>\n  );\n};\n"],"names":["CustomScrollableSelector","props","value","onChange","options","width","label","containerSx","showOptions","setShowOptions","useState","selectedOption","option","hideOptions","jsxs","Grid","jsx","BaseLabel","OutsideClickBox","prev","ResponsiveTextV2","FlexCenter","ShortDownArrowIcon","CustomScrollableOptionsBox"],"mappings":";;;;;;;;;AAaa,MAAAA,IAA2B,CACtCC,MACG;AACH,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,aAAAC,EAAgB,IAAAN,GAE1D,CAACO,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAiBP,EAAQ,KAAK,CAACQ,MAAWA,EAAO,OAAOV,EAAM,EAAE,GAEhEW,IAAc,MAAMJ,EAAe,EAAK;AAE9C,SAAKE,IAGHG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAV;AAAA,MACA,SAAQ;AAAA,MACR,IAAI,EAAE,QAAQ,WAAW,GAAGE,EAAY;AAAA,MAExC,UAAA;AAAA,QAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,SAAQ,8BAA6B,OAAAX,EAAc,CAAA;AAAA,QAE9DQ,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,gBAAgBL;AAAA,YAChB,SAAS,MAAMJ,EAAe,CAACU,MAAS,CAACA,CAAI;AAAA,YAC7C,IAAI;AAAA,cACF,UAAU;AAAA,cACV,SAAS;AAAA,cACT,qBAAqB;AAAA,cACrB,KAAK;AAAA,cACL,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,IAAI;AAAA,cACJ,cAAc;AAAA,cACd,aAAa;AAAA,cACb,aAAa;AAAA,YACf;AAAA,YAEA,UAAA;AAAA,cAACH,gBAAAA,EAAAA,IAAAI,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,OAAM,aACrD,UAAAT,EAAe,MAClB,CAAA;AAAA,cAEAK,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,IAAI;AAAA,oBACF,WAAW,YAAYb,IAAc,IAAI,CAAC;AAAA,oBAC1C,YAAY;AAAA,oBACZ,MAAM;AAAA,kBACR;AAAA,kBAEA,gCAACc,GAAmB,EAAA;AAAA,gBAAA;AAAA,cACtB;AAAA,cAECd,KACCQ,gBAAAA,EAAA,IAACO,GAA2B,EAAA,SAAAnB,GAAkB,UAAUD,GAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAEtE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IA7CwB;AAgD9B;"}