@selfdecode/sd-component-library 4.0.128 → 4.0.130

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library309.js","sources":["../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"],"sourcesContent":["import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  setPrototypeOf(subClass, superClass);\n}"],"names":["_inheritsLoose","subClass","superClass","setPrototypeOf"],"mappings":";AACe,SAASA,EAAeC,GAAUC,GAAY;AAC3D,EAAAD,EAAS,YAAY,OAAO,OAAOC,EAAW,SAAS,GACvDD,EAAS,UAAU,cAAcA,GACjCE,EAAeF,GAAUC,CAAU;AACrC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library309.js","sources":["../src/components/inputs/autocomplete-input/partials/autocomplete-option-box/autocomplete-option-box.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { SixteenRegular } from \"../../../../texts/sixteen-regular\";\nimport { ThirteenRegular } from \"../../../../texts/thirteen-regular\";\nimport { AutocompleteOptionBox as Props } from \"./interfaces\";\n\nexport function AutocompleteOptionBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { synonyms, value, onSelect } = props;\n\n  /* Synonym that first matches the query */\n  const matchingSynonym = useMemo(() => synonyms[0], [synonyms]);\n  /* List of synonyms to be displayed below the matching synonym */\n  const otherSynonyms = useMemo(() => synonyms.slice(1), [synonyms]);\n\n  const renderMatchingSynonym = useMemo(() => {\n    const startIndex = matchingSynonym\n      .toLowerCase()\n      .indexOf(value.toLowerCase());\n\n    return (\n      <Flex>\n        <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(0, startIndex)}\n          </span>\n        </SixteenRegular>\n        <SixteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(startIndex, startIndex + value.length)}\n          </span>\n        </SixteenRegular>\n        <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(startIndex + value.length)}\n          </span>\n        </SixteenRegular>\n      </Flex>\n    );\n  }, [matchingSynonym, value]);\n\n  return (\n    <Box\n      sx={{\n        p: \"10px 16px\",\n        cursor: \"pointer\",\n      }}\n      onClick={(x) => onSelect(matchingSynonym)}\n      data-test=\"result-box\"\n    >\n      {renderMatchingSynonym}\n      <Flex flexWrap=\"wrap\">\n        {otherSynonyms.map((synonym, idx, arr) => (\n          <OtherSynonym\n            key={synonym}\n            value={value}\n            synonym={synonym}\n            appendSlash={idx !== arr.length - 1}\n          />\n        ))}\n      </Flex>\n    </Box>\n  );\n}\n\nconst OtherSynonym: React.FC<{\n  value: string;\n  synonym: string;\n  appendSlash: boolean;\n}> = (props) => {\n  const { value, synonym, appendSlash } = props;\n  const matchIdx = synonym.toLowerCase().indexOf(value.toLowerCase());\n\n  return (\n    <Flex key={synonym}>\n      {matchIdx !== -1 ? (\n        <>\n          <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(0, matchIdx)}\n            </span>\n          </ThirteenRegular>\n          <ThirteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(matchIdx, matchIdx + value.length)}\n            </span>\n          </ThirteenRegular>\n          <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(matchIdx + value.length)}\n            </span>\n          </ThirteenRegular>\n        </>\n      ) : (\n        <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>{synonym}</span>\n        </ThirteenRegular>\n      )}\n\n      {appendSlash && (\n        <ThirteenRegular\n          color=\"cl_darkGrey\"\n          width={[\"12px\"]}\n          textAlign=\"center\"\n        >\n          /\n        </ThirteenRegular>\n      )}\n    </Flex>\n  );\n};\n"],"names":["AutocompleteOptionBox","props","synonyms","value","onSelect","matchingSynonym","useMemo","otherSynonyms","renderMatchingSynonym","startIndex","Flex","jsx","SixteenRegular","jsxs","Box","x","synonym","idx","arr","OtherSynonym","appendSlash","matchIdx","Fragment","ThirteenRegular"],"mappings":"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"}

package/lib/sd-component-library31.js

@@ -1,121 +1,88 @@
-import { j as o } from "./sd-component-library199.js";
-import { Label as f } from "@rebass/forms";
+import { j as e } from "./sd-component-library197.js";
 import { Box as d } from "rebass";
-import { useDependantState as m } from "./sd-component-library3.js";
-import { FlexCenter as g } from "./sd-component-library36.js";
-function w(r, e) {
-  return (n) => {
-    const t = n.target.checked;
-    e == null || e(t), r(t);
-  };
-}
-const k = "10px", s = "20px", y = "5px", v = ({
-  children: r,
-  onChange: e,
-  checked: n,
-  disabled: t,
+import { useHover as j } from "./sd-component-library3.js";
+import { isTouchScreen as S } from "./sd-component-library4.js";
+import { FlexItemsCenter as g, FlexCenter as w } from "./sd-component-library34.js";
+const R = ({
+  onChange: o,
+  value: r,
+  isHoverCheckbox: n,
+  stopPropagation: s = !1,
+  ...t
+}) => {
+  const i = (c) => {
+    s && c.stopPropagation(), o(!r);
+  }, x = n && !r;
+  return /* @__PURE__ */ e.jsx(
+    v,
+    {
+      showInnerBox: r,
+      onClick: i,
+      showHoverCheckbox: x,
+      ...t
+    }
+  );
+}, z = "10px", l = "20px", B = "5px", v = ({
+  disabled: o,
+  containerSx: r,
+  showHoverCheckbox: n,
+  bg: s,
+  showBGColorWhenIdle: t,
+  disabledColor: i = "cl_grey",
   color: x = "cl_blue",
-  bg: c = "cl_white",
-  borderWidth: h = "1px",
-  m: a = "10px",
-  width: u = ["100%"],
-  isHoverCheckbox: b = !1
+  children: c,
+  showInnerBox: C,
+  onClick: m,
+  borderRadius: a = "3px",
+  borderWidth: k = "2px",
+  innerBoxSx: b
 }) => {
-  const [p, l] = m(!!n), i = b && !p;
-  return /* @__PURE__ */ o.jsxs(f, { sx: { alignItems: "center", width: u }, "data-testid": "checkbox", children: [
-    /* @__PURE__ */ o.jsxs(
-      g,
-      {
-        size: s,
-        sx: {
-          position: "relative",
-          m: a,
-          cursor: t ? "default" : "pointer",
-          flexShrink: 0
-        },
-        children: [
-          /* @__PURE__ */ o.jsx(
-            d,
-            {
-              as: "input",
-              type: "checkbox",
-              sx: {
-                position: "absolute",
-                opacity: 0,
-                zIndex: -1,
-                width: 1,
-                height: 1,
-                overflow: "hidden"
-              },
-              onChange: w(l, e),
-              checked: p,
-              disabled: t || !1,
-              "data-testid": "checkbox-input"
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            d,
-            {
-              sx: {
-                transition: "width 0.1s ease-in",
-                position: "absolute",
-                left: "0px",
-                top: "0px",
-                borderRadius: "3px",
-                bg: c,
-                width: i ? y : s,
-                height: s,
-                borderColor: x,
-                borderStyle: "solid",
-                borderWidth: h,
-                "input:disabled ~ &": {
-                  borderColor: "cl_grey",
-                  borderStyle: "dotted"
-                },
-                /* Extends the area where hovering works */
-                ":before": i ? {
-                  content: "''",
-                  position: "absolute",
-                  top: "0px",
-                  bottom: "0px",
-                  left: "5px",
-                  width: "20px"
-                } : "",
-                ":hover": i ? {
-                  transition: "width 0.1s ease-in",
-                  width: s
-                } : ""
-              },
-              "data-testid": "checkbox-outer-square"
-            }
-          ),
-          !i && /* @__PURE__ */ o.jsx(
-            d,
-            {
-              size: k,
-              sx: {
-                borderRadius: "2px",
-                bg: "cl_white",
-                opacity: 0,
-                zIndex: 1,
-                "input:checked ~ &": {
-                  bg: x,
-                  opacity: 1
-                },
-                "input:disabled ~ &": {
-                  bg: "cl_grey"
+  const { isHover: f, hoverCallbacks: u } = j(), h = f || !n || S(), p = o ? i : x;
+  return /* @__PURE__ */ e.jsxs(
+    g,
+    {
+      onClick: o ? void 0 : m,
+      sx: {
+        cursor: o ? "default" : "pointer",
+        gap: "10px",
+        ...r
+      },
+      ...u,
+      children: [
+        /* @__PURE__ */ e.jsx(d, { size: l, sx: { flexShrink: 0 }, children: /* @__PURE__ */ e.jsx(
+          w,
+          {
+            width: h ? l : B,
+            height: l,
+            bg: t && h ? "" : s,
+            sx: {
+              flexShrink: 0,
+              borderRadius: a,
+              borderWidth: k,
+              borderColor: p,
+              borderStyle: "solid",
+              transition: "width 0.1s ease-in"
+            },
+            children: C && /* @__PURE__ */ e.jsx(
+              d,
+              {
+                sx: {
+                  border: `calc(${z} / 2) solid`,
+                  borderColor: p,
+                  borderRadius: "2px",
+                  ...b
                 }
-              },
-              "data-testid": "checkbox-inner-square"
-            }
-          )
-        ]
-      }
-    ),
-    r
-  ] });
+              }
+            )
+          }
+        ) }),
+        c
+      ]
+    }
+  );
 };
 export {
-  v as Checkbox
+  R as CheckboxV2,
+  v as CheckboxV2Container
 };
 //# sourceMappingURL=sd-component-library31.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library31.js","sources":["../src/components/checkboxes/checkbox/checkbox.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { CheckboxProps } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setChecked The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setChecked: React.Dispatch<React.SetStateAction<boolean>>,\n  callback?: (newValue: boolean) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked;\n    callback?.(newValue);\n    setChecked(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\n/**\n * Base checkbox component. Other checkbox components should be built from this.\n * @deprecated use CheckboxV2 instead\n */\nexport const Checkbox = ({\n  children,\n  onChange,\n  checked,\n  disabled,\n  color = \"cl_blue\",\n  bg = \"cl_white\",\n  borderWidth = \"1px\",\n  m = \"10px\",\n  width = [\"100%\"],\n  isHoverCheckbox = false,\n}: CheckboxProps) => {\n  const [isChecked, setIsChecked] = useDependantState(!!checked);\n  const showHoverCheckbox = isHoverCheckbox && !isChecked;\n\n  return (\n    <Label sx={{ alignItems: \"center\", width }} data-testid=\"checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: disabled ? \"default\" : \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setIsChecked, onChange)}\n          checked={isChecked}\n          disabled={disabled || false}\n          data-testid=\"checkbox-input\"\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            transition: \"width 0.1s ease-in\",\n            position: \"absolute\",\n            left: \"0px\",\n            top: \"0px\",\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: color,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            \"input:disabled ~ &\": {\n              borderColor: \"cl_grey\",\n              borderStyle: \"dotted\",\n            },\n            /* Extends the area where hovering works */\n            \":before\": showHoverCheckbox\n              ? {\n                  content: \"''\",\n                  position: \"absolute\",\n                  top: \"0px\",\n                  bottom: \"0px\",\n                  left: \"5px\",\n                  width: \"20px\",\n                }\n              : \"\",\n            \":hover\": showHoverCheckbox\n              ? {\n                  transition: \"width 0.1s ease-in\",\n                  width: outerBoxSize,\n                }\n              : \"\",\n          }}\n          data-testid=\"checkbox-outer-square\"\n        />\n        {/* Inner square of the checkbox */}\n        {!showHoverCheckbox && (\n          <Box\n            size={innerBoxSize}\n            sx={{\n              borderRadius: \"2px\",\n              bg: \"cl_white\",\n              opacity: 0,\n              zIndex: 1,\n              \"input:checked ~ &\": {\n                bg: color,\n                opacity: 1,\n              },\n              \"input:disabled ~ &\": {\n                bg: \"cl_grey\",\n              },\n            }}\n            data-testid=\"checkbox-inner-square\"\n          />\n        )}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setChecked","callback","event","newValue","innerBoxSize","outerBoxSize","shrankSize","Checkbox","children","onChange","checked","disabled","color","bg","borderWidth","m","width","isHoverCheckbox","isChecked","setIsChecked","useDependantState","showHoverCheckbox","jsxs","Label","FlexCenter","jsx","Box"],"mappings":"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"}
+{"version":3,"file":"sd-component-library31.js","sources":["../src/components/checkboxes/checkbox-v2/checkbox-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../containers\";\nimport {\n  CheckboxV2ContainerProps as ContainerProps,\n  CheckboxV2Props as Props,\n} from \"./interfaces\";\n\nexport const CheckboxV2: React.FC<Props> = ({\n  onChange,\n  value,\n  isHoverCheckbox,\n  stopPropagation = false,\n  ...containerProps\n}) => {\n  const onClick: ContainerProps[\"onClick\"] = (event) => {\n    stopPropagation && event.stopPropagation();\n    onChange(!value);\n  };\n\n  const showHoverCheckbox = isHoverCheckbox && !value;\n\n  return (\n    <CheckboxV2Container\n      showInnerBox={value}\n      onClick={onClick}\n      showHoverCheckbox={showHoverCheckbox}\n      {...containerProps}\n    />\n  );\n};\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<ContainerProps> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderRadius = \"3px\",\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius,\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["CheckboxV2","onChange","value","isHoverCheckbox","stopPropagation","containerProps","onClick","event","showHoverCheckbox","jsx","CheckboxV2Container","innerBoxSize","outerBoxSize","shrankSize","disabled","containerSx","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","borderRadius","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","jsxs","FlexItemsCenter","Box","FlexCenter"],"mappings":";;;;;AAYO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MAAM;AACE,QAAAC,IAAqC,CAACC,MAAU;AACpD,IAAAH,KAAmBG,EAAM,mBACzBN,EAAS,CAACC,CAAK;AAAA,EAAA,GAGXM,IAAoBL,KAAmB,CAACD;AAG5C,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAcR;AAAA,MACd,SAAAI;AAAA,MACA,mBAAAE;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,GAEMM,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENH,IAAgD,CAAC;AAAA,EAC5D,UAAAI;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAP;AAAA,EACA,IAAAQ;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAf;AAAA,EACA,cAAAgB,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAqBH,KAAW,CAACjB,KAAqBqB,EAAc,GACpEC,IAAehB,IAAWI,IAAgBC;AAG9C,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASlB,IAAW,SAAYR;AAAA,MAChC,IAAI;AAAA,QACF,QAAQQ,IAAW,YAAY;AAAA,QAC/B,KAAK;AAAA,QACL,GAAGC;AAAA,MACL;AAAA,MACC,GAAGW;AAAA,MAEJ,UAAA;AAAA,QAAAjB,gBAAAA,MAACwB,KAAI,MAAMrB,GAAc,IAAI,EAAE,YAAY,KACzC,UAAAH,gBAAAA,EAAA;AAAA,UAACyB;AAAA,UAAA;AAAA,YACC,OAAON,IAAqBhB,IAAeC;AAAA,YAC3C,QAAQD;AAAA,YACR,IAAIK,KAAuBW,IAAqB,KAAWZ;AAAA,YAC3D,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,cAAAM;AAAA,cACA,aAAAC;AAAA,cACA,aAAaO;AAAA,cACb,aAAa;AAAA,cACb,YAAY;AAAA,YACd;AAAA,YAEC,UACCT,KAAAZ,gBAAAA,EAAA;AAAA,cAACwB;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,QAAQ,QAAQtB,CAAY;AAAA,kBAC5B,aAAamB;AAAA,kBACb,cAAc;AAAA,kBACd,GAAGN;AAAA,gBACL;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAECJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library310.js

@@ -1,7 +1,29 @@
-const a = {
-  disabled: !1
+import { j as r } from "./sd-component-library197.js";
+import { ResponsiveTextV2 as s } from "./sd-component-library150.js";
+const x = (t) => {
+  const { onClick: e, title: o, height: i } = t;
+  return /* @__PURE__ */ r.jsx(
+    s,
+    {
+      fontSizeWeight: [[16, "regular"]],
+      sx: {
+        position: "relative",
+        height: `${i}px`,
+        px: "15px",
+        display: "flex",
+        justifyContent: "flex-start",
+        alignItems: "center",
+        opacity: 0.8,
+        ":hover": {
+          opacity: 1
+        }
+      },
+      onClick: e,
+      children: o
+    }
+  );
 };
 export {
-  a as default
+  x as SearchAutocompleteRow
 };
 //# sourceMappingURL=sd-component-library310.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library310.js","sources":["../node_modules/react-transition-group/esm/config.js"],"sourcesContent":["export default {\n  disabled: false\n};"],"names":["config"],"mappings":"AAAA,MAAeA,IAAA;AAAA,EACb,UAAU;AACZ;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library310.js","sources":["../src/components/inputs/search-autocomplete-input/partials/search-autocomplete-row/search-autocomplete-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { SearchAutocompleteRowProps as Props } from \"./interfaces\";\n\nexport const SearchAutocompleteRow = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const { onClick, title, height } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        position: \"relative\",\n        height: `${height}px`,\n        px: \"15px\",\n        display: \"flex\",\n        justifyContent: \"flex-start\",\n        alignItems: \"center\",\n        opacity: 0.8,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["SearchAutocompleteRow","props","onClick","title","height","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAAwB,CAGnCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,QAAAC,EAAA,IAAWH;AAGjC,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ,GAAGF,CAAM;AAAA,QACjB,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library311.js

@@ -1,22 +1,38 @@
-import e from "./sd-component-library291.js";
-var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
-  enter: e.number,
-  exit: e.number,
-  appear: e.number
-}).isRequired]) : null;
-process.env.NODE_ENV !== "production" && e.oneOfType([e.string, e.shape({
-  enter: e.string,
-  exit: e.string,
-  active: e.string
-}), e.shape({
-  enter: e.string,
-  enterDone: e.string,
-  enterActive: e.string,
-  exit: e.string,
-  exitDone: e.string,
-  exitActive: e.string
-})]);
+import { j as t } from "./sd-component-library197.js";
+const h = (n) => {
+  const {
+    color: s,
+    innerCircleRadius: $,
+    innerCircleStrokeWidth: d,
+    dx: i,
+    dy: r,
+    radius: e,
+    tipX: l,
+    tipY: o,
+    needleWidth: c
+  } = n;
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    /* @__PURE__ */ t.jsx(
+      "path",
+      {
+        d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
+        fill: s
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "circle",
+      {
+        cx: e,
+        cy: e,
+        r: $ + d,
+        strokeWidth: d,
+        stroke: s,
+        fill: "white"
+      }
+    )
+  ] });
+};
 export {
-  n as timeoutsShape
+  h as BaseNeedle
 };
 //# sourceMappingURL=sd-component-library311.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library311.js","sources":["../node_modules/react-transition-group/esm/utils/PropTypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nexport var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n  enter: PropTypes.number,\n  exit: PropTypes.number,\n  appear: PropTypes.number\n}).isRequired]) : null;\nexport var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({\n  enter: PropTypes.string,\n  exit: PropTypes.string,\n  active: PropTypes.string\n}), PropTypes.shape({\n  enter: PropTypes.string,\n  enterDone: PropTypes.string,\n  enterActive: PropTypes.string,\n  exit: PropTypes.string,\n  exitDone: PropTypes.string,\n  exitActive: PropTypes.string\n})]) : null;"],"names":["timeoutsShape","PropTypes"],"mappings":";AACU,IAACA,IAAgB,QAAQ,IAAI,aAAa,eAAeC,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM;AAAA,EACxH,OAAOA,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,QAAQA,EAAU;AACpB,CAAC,EAAE,UAAU,CAAC,IAAI;AACW,QAAQ,IAAI,aAAa,gBAAeA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM;AAAA,EAC1H,OAAOA,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,QAAQA,EAAU;AACpB,CAAC,GAAGA,EAAU,MAAM;AAAA,EAClB,OAAOA,EAAU;AAAA,EACjB,WAAWA,EAAU;AAAA,EACrB,aAAaA,EAAU;AAAA,EACvB,MAAMA,EAAU;AAAA,EAChB,UAAUA,EAAU;AAAA,EACpB,YAAYA,EAAU;AACxB,CAAC,CAAC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library311.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n  const {\n    color,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    dx,\n    dy,\n    radius,\n    tipX,\n    tipY,\n    needleWidth,\n  } = props;\n\n  return (\n    <g>\n      <path\n        d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n          needleWidth / 2\n        } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n          radius - dx\n        },${radius - dy} Z`}\n        fill={color}\n      />\n      <circle\n        cx={radius}\n        cy={radius}\n        r={innerCircleRadius + innerCircleStrokeWidth}\n        strokeWidth={innerCircleStrokeWidth}\n        stroke={color}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library312.js

@@ -1,6 +1,54 @@
-import t from "react";
-const o = t.createContext(null);
+import { j as t } from "./sd-component-library197.js";
+import x from "react";
+import u from "./sd-component-library196.js";
+import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library229.js";
+import { OutlineMeterRange as M } from "./sd-component-library233.js";
+import { LabelPointer as b } from "./sd-component-library322.js";
+const A = x.forwardRef(
+  (e, r) => {
+    const {
+      segmented: o,
+      diameter: n,
+      arc: a,
+      totalRanges: i,
+      distanceBetweenRanges: s,
+      start: m,
+      end: c,
+      idx: d,
+      hideLabels: l,
+      isMatchedRange: g
+    } = e, f = !o, R = n / 2, { rangeArcMiddle: h } = p(
+      a,
+      i,
+      s,
+      d,
+      m,
+      c
+    );
+    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        M,
+        {
+          ...e,
+          hideLabels: !0,
+          connected: f,
+          ref: r
+        }
+      ),
+      !l && !g && /* @__PURE__ */ t.jsx(
+        b,
+        {
+          ...e,
+          radius: R,
+          color: u.colors.cl_lightGrey,
+          alpha: h,
+          horizontal: j(e)
+        }
+      )
+    ] });
+  }
+);
 export {
-  o as default
+  A as SmileyMeterRange
 };
 //# sourceMappingURL=sd-component-library312.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library312.js","sources":["../node_modules/react-transition-group/esm/TransitionGroupContext.js"],"sourcesContent":["import React from 'react';\nexport default React.createContext(null);"],"names":["TransitionGroupContext","React"],"mappings":";AACA,MAAAA,IAAeC,EAAM,cAAc,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library312.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      segmented,\n      diameter,\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      start,\n      end,\n      idx,\n      hideLabels,\n      isMatchedRange,\n    } = props;\n\n    const needConnection = !segmented;\n\n    const radius = diameter / 2;\n\n    const { rangeArcMiddle: alpha } = getRangeProperties(\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      idx,\n      start,\n      end\n    );\n\n    return (\n      <>\n        <OutlineMeterRange\n          {...props}\n          hideLabels\n          connected={needConnection}\n          ref={pointRef}\n        />\n\n        {!hideLabels && !isMatchedRange && (\n          <LabelPointer\n            {...props}\n            radius={radius}\n            color={theme.colors.cl_lightGrey}\n            alpha={alpha}\n            horizontal={getIsHorizontal(props)}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/lib/sd-component-library313.js

@@ -1,9 +1,96 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, f) {
-    return t.__proto__ = f, t;
-  }, e(o, r);
-}
+import { j as a } from "./sd-component-library197.js";
+import { useState as S, useCallback as B } from "react";
+import { Box as Y } from "rebass";
+import { labelPaddingX as c, labelWidth as W } from "./sd-component-library227.js";
+import { getCoordinateForArc as $ } from "./sd-component-library91.js";
+import { ResponsiveTextV2 as z } from "./sd-component-library150.js";
+const D = (j) => {
+  const {
+    label: d,
+    color: p,
+    alpha: e,
+    radius: r,
+    horizontal: v,
+    pointerLength: m,
+    round: y,
+    pointY: i
+  } = j, [h, C] = S(0), [f, R] = S(0), T = B((t) => {
+    if (t) {
+      const { height: o, y: l } = t.getBoundingClientRect();
+      C(o), R(l);
+    }
+  }, []);
+  let { x: b, y: g } = $(
+    r + m,
+    e,
+    r
+  );
+  const s = e === 180, n = e < 180, u = e > 180;
+  if (v) {
+    const { x: t, y: o } = $(
+      r,
+      e,
+      r
+    );
+    b = t + m * (n ? -1 : 1), g = o;
+  }
+  if (!d)
+    return null;
+  let x = y || s ? `${c}px` : void 0;
+  if (!x && i) {
+    const t = f - h, o = f;
+    x = [
+      n || i > t,
+      u || i > t,
+      u || i < o,
+      n || i < o
+    ].map((l) => l ? `${c}px` : "0").join(" ");
+  }
+  return /* @__PURE__ */ a.jsx(
+    Y,
+    {
+      sx: {
+        position: "absolute",
+        left: `${b}px`,
+        top: `${g}px`
+      },
+      children: /* @__PURE__ */ a.jsx(
+        Y,
+        {
+          sx: {
+            boxSizing: "content-box",
+            position: "relative",
+            top: `calc(-${h}px)`,
+            left: s ? "-50%" : n ? "-100%" : void 0,
+            py: "7px",
+            px: `${c}px`,
+            borderColor: p,
+            borderWidth: "2px",
+            borderStyle: "solid",
+            borderRadius: x,
+            bg: "cl_white",
+            "& > div": {
+              maxWidth: s ? void 0 : `${W}px`
+            }
+          },
+          ref: T,
+          children: /* @__PURE__ */ a.jsx(
+            z,
+            {
+              fontSizeWeight: [[12, "semi-bold"]],
+              width: "max-content",
+              color: p !== "#CCD0DB" ? p : "cl_darkGrey",
+              textTransform: "uppercase",
+              letterSpacing: "1.8px",
+              children: d
+            }
+          )
+        }
+      )
+    }
+  );
+};
 export {
-  e as default
+  D as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library313.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library313.js","sources":["../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js"],"sourcesContent":["export default function _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n  return _setPrototypeOf(o, p);\n}"],"names":["_setPrototypeOf","p","o"],"mappings":"AAAe,SAASA,EAAgB,GAAGC,GAAG;AAC5C,SAAAD,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAI,IAAK,SAAyBE,GAAGD,GAAG;AACtG,WAAAC,EAAE,YAAYD,GACPC;AAAA,EACX,GACSF,EAAgB,GAAGC,CAAC;AAC7B;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library313.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    label,\n    color,\n    alpha,\n    radius,\n    horizontal,\n    pointerLength,\n    round,\n    pointY,\n  } = props;\n\n  const [textHeight, setTextHeight] = useState(0);\n  const [textY, setTextY] = useState(0);\n\n  const ref = useCallback((node: HTMLElement) => {\n    if (node) {\n      const { height, y } = node.getBoundingClientRect();\n      setTextHeight(height);\n      setTextY(y);\n    }\n  }, []);\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const isOnTop = alpha === 180;\n  const isOnLeft = alpha < 180;\n  const isOnRight = alpha > 180;\n\n  if (horizontal) {\n    const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n      radius,\n      alpha,\n      radius\n    );\n\n    pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n    pointerEndY = pointerStartY;\n  }\n\n  if (!label) return null;\n\n  let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n  if (!borderRadius && pointY) {\n    const textTopY = textY - textHeight;\n    const textBottomY = textY;\n\n    borderRadius = [\n      isOnLeft || pointY > textTopY,\n      isOnRight || pointY > textTopY,\n      isOnRight || pointY < textBottomY,\n      isOnLeft || pointY < textBottomY,\n    ]\n      .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n      .join(\" \");\n  }\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        left: `${pointerEndX}px`,\n        top: `${pointerEndY}px`,\n      }}\n    >\n      <Box\n        sx={{\n          boxSizing: \"content-box\",\n          position: \"relative\",\n          top: `calc(-${textHeight}px)`,\n          left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n          py: \"7px\",\n          px: `${labelPaddingX}px`,\n          borderColor: color,\n          borderWidth: \"2px\",\n          borderStyle: \"solid\",\n          borderRadius,\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          width=\"max-content\"\n          color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}