@selfdecode/sd-component-library 4.0.78-1 → 4.0.78-test

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library208.js","sources":["../src/components/inputs/autocomplete-input/partials/results-box/results-box.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { AutocompleteOptionBox } from \"../autocomplete-option-box\";\nimport { ResultsBoxProps as Props } from \"./interfaces\";\n\nexport function ResultsBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { results, value, onSelect, translateContent = true } = props;\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: \"0px 0px 3px 3px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n        zIndex: 100,\n      }}\n      className={!translateContent ? \"no-translate\" : undefined}\n      data-test=\"results-box\"\n    >\n      {results.map(({ synonyms }, idx) => (\n        <React.Fragment key={idx}>\n          <AutocompleteOptionBox\n            value={value}\n            synonyms={synonyms}\n            key={synonyms.join()}\n            onSelect={onSelect}\n          />\n          {idx !== results.length - 1 && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"],"names":["ResultsBox","props","results","value","onSelect","translateContent","jsx","Box","synonyms","idx","jsxs","React","AutocompleteOptionBox","HorizontalDivider"],"mappings":";;;;;AAQO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,IAAmB,GAAS,IAAAJ;AAG5D,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library208.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMjEsMTMuNXYtNkE0LjUsNC41LDAsMCwwLDE2LjUsM2wtNiwxMy41VjMzSDI3LjQyYTMsMywwLDAsMCwzLTIuNTVsMi4wNy0xMy41YTMsMywwLDAsMC0zLTMuNDVaTTEwLjUsMzNINmEzLDMsMCwwLDEtMy0zVjE5LjVhMywzLDAsMCwxLDMtM2g0LjUiCiAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNSAtMS41KSIgLz4KPC9zdmc+Cg==\""],"names":["SvgThumbsUp","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,iJAAiJ,WAAW,wBAAwB,CAAC;"}

package/lib/sd-component-library209.js

@@ -1,17 +1,6 @@
-import { j as i } from "./sd-component-library190.js";
-import { Button as e } from "./sd-component-library25.js";
-const n = (t) => /* @__PURE__ */ i.jsx(
-  e,
-  {
-    ...t,
-    variant: "_circle",
-    width: [`${t.diameter}px`],
-    height: [`${t.diameter}px`],
-    "data-testid": "circle-button",
-    children: t.children
-  }
-);
+import * as t from "react";
+const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32.531 33", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M14.524,22.5v6a4.5,4.5,0,0,0,4.5,4.5l6-13.5V3H8.1a3,3,0,0,0-3,2.55l-2.07,13.5a3,3,0,0,0,3,3.45ZM25.024,3h4.5a3,3,0,0,1,3,3V16.5a3,3,0,0,1-3,3h-4.5", transform: "translate(-1.493 -1.5)" }));
 export {
-  n as CircleButton
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library209.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library209.js","sources":["../src/components/buttons/partials/circle-button/circle-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CircleButtonProps } from \".\";\nimport { Button } from \"../../button\";\n\n/**\n * The circle button.\n */\nexport const CircleButton: React.FC<CircleButtonProps> = (props) => (\n  <Button\n    {...props}\n    variant=\"_circle\"\n    width={[`${props.diameter}px`]}\n    height={[`${props.diameter}px`]}\n    data-testid=\"circle-button\"\n  >\n    {props.children}\n  </Button>\n);\n"],"names":["CircleButton","props","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA4C,CAACC,MACxDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,OAAO,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC7B,QAAQ,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC9B,eAAY;AAAA,IAEX,UAAMA,EAAA;AAAA,EAAA;AACT;"}
+{"version":3,"file":"sd-component-library209.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-down.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMTQuNTI0LDIyLjV2NmE0LjUsNC41LDAsMCwwLDQuNSw0LjVsNi0xMy41VjNIOC4xYTMsMywwLDAsMC0zLDIuNTVsLTIuMDcsMTMuNWEzLDMsMCwwLDAsMywzLjQ1Wk0yNS4wMjQsM2g0LjVhMywzLDAsMCwxLDMsM1YxNi41YTMsMywwLDAsMS0zLDNoLTQuNSIKICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40OTMgLTEuNSkiIC8+Cjwvc3ZnPgo=\""],"names":["SvgThumbsDown","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,sJAAsJ,WAAW,0BAA0B,CAAC;"}

package/lib/sd-component-library210.js

@@ -1,6 +1,43 @@
-import * as t from "react";
-const o = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M0 9h24v6h-24z" }));
+import { j as o } from "./sd-component-library190.js";
+import p from "react";
+import { Box as a } from "rebass";
+import { AutocompleteOptionBox as n } from "./sd-component-library307.js";
+import { HorizontalDivider as d } from "./sd-component-library49.js";
+function f(s) {
+  const { results: t, value: i, onSelect: l, translateContent: x = !0 } = s;
+  return /* @__PURE__ */ o.jsx(
+    a,
+    {
+      sx: {
+        position: "absolute",
+        top: "100%",
+        bg: "white",
+        width: "100%",
+        borderRadius: "0px 0px 3px 3px",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "#C8CCE5",
+        boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+        zIndex: 100
+      },
+      className: x ? void 0 : "no-translate",
+      "data-test": "results-box",
+      children: t.map(({ synonyms: r }, e) => /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(
+          n,
+          {
+            value: i,
+            synonyms: r,
+            onSelect: l
+          },
+          r.join()
+        ),
+        e !== t.length - 1 && /* @__PURE__ */ o.jsx(d, { color: "cl_lightGrey" })
+      ] }, e))
+    }
+  );
+}
 export {
-  o as ReactComponent
+  f as ResultsBox
 };
 //# sourceMappingURL=sd-component-library210.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library210.js","sources":["../src/components/inputs/primary-number-input/assets/minus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMCA5aDI0djZoLTI0eiIvPjwvc3ZnPg==\""],"names":["SvgMinusActive","props","React"],"mappings":";AACK,MAACA,IAAiB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,iBAAgB,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library210.js","sources":["../src/components/inputs/autocomplete-input/partials/results-box/results-box.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { AutocompleteOptionBox } from \"../autocomplete-option-box\";\nimport { ResultsBoxProps as Props } from \"./interfaces\";\n\nexport function ResultsBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { results, value, onSelect, translateContent = true } = props;\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: \"0px 0px 3px 3px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n        zIndex: 100,\n      }}\n      className={!translateContent ? \"no-translate\" : undefined}\n      data-test=\"results-box\"\n    >\n      {results.map(({ synonyms }, idx) => (\n        <React.Fragment key={idx}>\n          <AutocompleteOptionBox\n            value={value}\n            synonyms={synonyms}\n            key={synonyms.join()}\n            onSelect={onSelect}\n          />\n          {idx !== results.length - 1 && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"],"names":["ResultsBox","props","results","value","onSelect","translateContent","jsx","Box","synonyms","idx","jsxs","React","AutocompleteOptionBox","HorizontalDivider"],"mappings":";;;;;AAQO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,IAAmB,GAAS,IAAAJ;AAG5D,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library211.js

@@ -1,6 +1,29 @@
-import * as t from "react";
-const h = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z" }));
+import { j as n } from "./sd-component-library190.js";
+import { ResponsiveTextV2 as p } from "./sd-component-library144.js";
+const c = (t) => {
+  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
+  return /* @__PURE__ */ n.jsx(
+    p,
+    {
+      fontSizeWeight: [[16, "regular"]],
+      sx: {
+        display: "flex",
+        justifyContent: "end",
+        px: r,
+        py: i,
+        cursor: "pointer",
+        textTransform: "capitalize",
+        opacity: 0.7,
+        ":hover": {
+          opacity: 1
+        }
+      },
+      onClick: e,
+      children: o
+    }
+  );
+};
 export {
-  h as ReactComponent
+  c as ActionBox
 };
 //# sourceMappingURL=sd-component-library211.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library211.js","sources":["../src/components/inputs/primary-number-input/assets/plus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMjQgOWgtOXYtOWgtNnY5aC05djZoOXY5aDZ2LTloOXoiLz48L3N2Zz4=\""],"names":["SvgPlusActive","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,oCAAmC,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library211.js","sources":["../src/components/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library214.js

@@ -1,6 +1,17 @@
-import * as t from "react";
-const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22.94", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2494.01,1419.91l-5.42-5.67a9.187,9.187,0,1,0-7.04,3.3,9.042,9.042,0,0,0,5.27-1.67l5.46,5.71a1.2,1.2,0,0,0,.87.37A1.2,1.2,0,0,0,2494.01,1419.91Zm-12.46-18.46a6.84,6.84,0,1,1-6.8,6.84A6.829,6.829,0,0,1,2481.55,1401.45Z", transform: "translate(-2472.34 -1399.03)" }));
+import { j as i } from "./sd-component-library190.js";
+import { Button as e } from "./sd-component-library25.js";
+const n = (t) => /* @__PURE__ */ i.jsx(
+  e,
+  {
+    ...t,
+    variant: "_circle",
+    width: [`${t.diameter}px`],
+    height: [`${t.diameter}px`],
+    "data-testid": "circle-button",
+    children: t.children
+  }
+);
 export {
-  a as ReactComponent
+  n as CircleButton
 };
 //# sourceMappingURL=sd-component-library214.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library214.js","sources":["../src/components/inputs/search-input/assets/search.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMi45NCI+CiAgPHBhdGggZD0iTTI0OTQuMDEsMTQxOS45MWwtNS40Mi01LjY3YTkuMTg3LDkuMTg3LDAsMSwwLTcuMDQsMy4zLDkuMDQyLDkuMDQyLDAsMCwwLDUuMjctMS42N2w1LjQ2LDUuNzFhMS4yLDEuMiwwLDAsMCwuODcuMzdBMS4yLDEuMiwwLDAsMCwyNDk0LjAxLDE0MTkuOTFabS0xMi40Ni0xOC40NmE2Ljg0LDYuODQsMCwxLDEtNi44LDYuODRBNi44MjksNi44MjksMCwwLDEsMjQ4MS41NSwxNDAxLjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NzIuMzQgLTEzOTkuMDMpIi8+Cjwvc3ZnPgo=\""],"names":["SvgSearch","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,gBAAgB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,6NAA6N,WAAW,gCAAgC,CAAC;"}
+{"version":3,"file":"sd-component-library214.js","sources":["../src/components/buttons/partials/circle-button/circle-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CircleButtonProps } from \".\";\nimport { Button } from \"../../button\";\n\n/**\n * The circle button.\n */\nexport const CircleButton: React.FC<CircleButtonProps> = (props) => (\n  <Button\n    {...props}\n    variant=\"_circle\"\n    width={[`${props.diameter}px`]}\n    height={[`${props.diameter}px`]}\n    data-testid=\"circle-button\"\n  >\n    {props.children}\n  </Button>\n);\n"],"names":["CircleButton","props","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA4C,CAACC,MACxDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,OAAO,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC7B,QAAQ,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC9B,eAAY;AAAA,IAEX,UAAMA,EAAA;AAAA,EAAA;AACT;"}

package/lib/sd-component-library215.js

@@ -1,55 +1,6 @@
-import { j as o } from "./sd-component-library190.js";
-import n from "react";
-import { Box as t } from "rebass";
-import { HorizontalDivider as i } from "./sd-component-library49.js";
-import { SearchAutocompleteRow as a } from "./sd-component-library308.js";
-const g = (l) => {
-  const { results: p, onSelect: s, rowHeight: e, rowsDisplayed: x } = l, c = (r) => () => s(r);
-  return /* @__PURE__ */ o.jsxs(
-    t,
-    {
-      sx: {
-        top: "calc(100% - 2px)",
-        left: 0,
-        position: "absolute",
-        width: "100%",
-        cursor: "pointer",
-        zIndex: 1
-      },
-      children: [
-        /* @__PURE__ */ o.jsx(i, { color: "cl_purple", height: "2px" }),
-        /* @__PURE__ */ o.jsx(
-          t,
-          {
-            sx: {
-              overflowY: "auto",
-              maxHeight: `${x * (e + 1) - 1}px`,
-              borderWidth: "1px",
-              borderStyle: "solid",
-              borderColor: "cl_lightGrey",
-              borderRadius: "0 0 3px 3px",
-              borderTopStyle: "none",
-              boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
-              bg: "cl_white"
-            },
-            children: p.map((r, d) => /* @__PURE__ */ o.jsxs(n.Fragment, { children: [
-              d !== 0 && /* @__PURE__ */ o.jsx(i, { color: "cl_headerLine" }),
-              /* @__PURE__ */ o.jsx(
-                a,
-                {
-                  ...r,
-                  onClick: c(r),
-                  height: e
-                }
-              )
-            ] }, r.id))
-          }
-        )
-      ]
-    }
-  );
-};
+import * as t from "react";
+const o = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M0 9h24v6h-24z" }));
 export {
-  g as SearchAutocompleteResultsBox
+  o as ReactComponent
 };
 //# sourceMappingURL=sd-component-library215.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library215.js","sources":["../src/components/inputs/search-autocomplete-input/partials/search-autocomplete-results-box/search-autocomplete-results-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { SearchAutocompleteOption } from \"../../interfaces\";\nimport { SearchAutocompleteRow } from \"../search-autocomplete-row\";\nimport { SearchAutocompleteResultsBoxProps as Props } from \"./interfaces\";\n\nexport const SearchAutocompleteResultsBox = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const { results, onSelect, rowHeight, rowsDisplayed } = props;\n\n  const onClick = (result: SearchAutocompleteOption<T>) => () =>\n    onSelect(result);\n\n  return (\n    <Box\n      sx={{\n        top: \"calc(100% - 2px)\",\n        left: 0,\n        position: \"absolute\",\n        width: \"100%\",\n        cursor: \"pointer\",\n        zIndex: 1,\n      }}\n    >\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          overflowY: \"auto\",\n          maxHeight: `${rowsDisplayed * (rowHeight + 1) - 1}px`,\n          borderWidth: \"1px\",\n          borderStyle: \"solid\",\n          borderColor: \"cl_lightGrey\",\n          borderRadius: \"0 0 3px 3px\",\n          borderTopStyle: \"none\",\n          boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n          bg: \"cl_white\",\n        }}\n      >\n        {results.map((result, idx) => (\n          <React.Fragment key={result.id}>\n            {idx !== 0 && <HorizontalDivider color=\"cl_headerLine\" />}\n\n            <SearchAutocompleteRow\n              {...result}\n              onClick={onClick(result)}\n              height={rowHeight}\n            />\n          </React.Fragment>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["SearchAutocompleteResultsBox","props","results","onSelect","rowHeight","rowsDisplayed","onClick","result","jsxs","Box","jsx","HorizontalDivider","idx","React","SearchAutocompleteRow"],"mappings":";;;;;AASa,MAAAA,IAA+B,CAG1CC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,eAAAC,MAAkBJ,GAElDK,IAAU,CAACC,MAAwC,MACvDJ,EAASI,CAAM;AAGf,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,QAElDD,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,WAAW;AAAA,cACX,WAAW,GAAGJ,KAAiBD,IAAY,KAAK,CAAC;AAAA,cACjD,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,gBAAgB;AAAA,cAChB,WAAW;AAAA,cACX,IAAI;AAAA,YACN;AAAA,YAEC,UAAAF,EAAQ,IAAI,CAACK,GAAQK,MACnBJ,gBAAAA,EAAAA,KAAAK,EAAM,UAAN,EACE,UAAA;AAAA,cAAAD,MAAQ,KAAKF,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,iBAAgB;AAAA,cAEvDD,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACE,GAAGP;AAAA,kBACJ,SAASD,EAAQC,CAAM;AAAA,kBACvB,QAAQH;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA,KAPmBG,EAAO,EAQ5B,CACD;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library215.js","sources":["../src/components/inputs/primary-number-input/assets/minus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMCA5aDI0djZoLTI0eiIvPjwvc3ZnPg==\""],"names":["SvgMinusActive","props","React"],"mappings":";AACK,MAACA,IAAiB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,iBAAgB,CAAE,CAAC;"}

package/lib/sd-component-library216.js

@@ -1,49 +1,6 @@
-import { j as r } from "./sd-component-library190.js";
-import { Flex as c } from "rebass";
-import { BaseTextV2 as m } from "./sd-component-library132.js";
-import { ResponsiveTextV2 as p } from "./sd-component-library144.js";
-const u = (t) => {
-  const {
-    label: o,
-    errorMessage: l,
-    labelMargin: s,
-    secondLabel: e,
-    secondLabelTextTransform: n,
-    labelSx: a,
-    labelColor: i = "cl_darkGrey",
-    ...x
-  } = t;
-  return o ? /* @__PURE__ */ r.jsxs(c, { sx: { cursor: "default" }, ...x, children: [
-    /* @__PURE__ */ r.jsx(
-      m,
-      {
-        color: l ? "cl_red" : i,
-        sx: {
-          fontSize: 12,
-          fontWeight: 600,
-          m: s,
-          letterSpacing: "1px",
-          textTransform: "uppercase",
-          ...a
-        },
-        children: o
-      }
-    ),
-    e && /* @__PURE__ */ r.jsx(
-      p,
-      {
-        letterSpacing: "1px",
-        ml: e.ml || "3px",
-        color: e.color || "cl_grey",
-        fontSizeWeight: e.fontSizeWeight || [[10, "semi-bold"]],
-        textTransform: n,
-        ...e,
-        children: e.text
-      }
-    )
-  ] }) : null;
-};
+import * as t from "react";
+const h = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z" }));
 export {
-  u as SecondaryInputLabels
+  h as ReactComponent
 };
 //# sourceMappingURL=sd-component-library216.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library216.js","sources":["../src/components/inputs/secondary-text-input/partials/secondary-input-labels/secondary-input-labels.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { BaseTextV2, ResponsiveTextV2 } from \"../../../../texts\";\nimport { SecondaryInputLabelsProps as Props } from \"./interfaces\";\n\nexport const SecondaryInputLabels: React.FC<Props> = (props) => {\n  const {\n    label,\n    errorMessage,\n    labelMargin,\n    secondLabel,\n    secondLabelTextTransform,\n    labelSx,\n    labelColor = \"cl_darkGrey\",\n    ...restOfProps\n  } = props;\n\n  if (!label) return null;\n\n  return (\n    <Flex sx={{ cursor: \"default\" }} {...restOfProps}>\n      <BaseTextV2\n        color={errorMessage ? \"cl_red\" : labelColor}\n        sx={{\n          fontSize: 12,\n          fontWeight: 600,\n          m: labelMargin,\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          ...labelSx,\n        }}\n      >\n        {label}\n      </BaseTextV2>\n\n      {secondLabel && (\n        <ResponsiveTextV2\n          letterSpacing=\"1px\"\n          ml={secondLabel.ml || \"3px\"}\n          color={secondLabel.color || \"cl_grey\"}\n          fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n          textTransform={secondLabelTextTransform}\n          {...secondLabel}\n        >\n          {secondLabel.text}\n        </ResponsiveTextV2>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SecondaryInputLabels","props","label","errorMessage","labelMargin","secondLabel","secondLabelTextTransform","labelSx","labelColor","restOfProps","jsxs","Flex","jsx","BaseTextV2","ResponsiveTextV2"],"mappings":";;;;AAOa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,GAAGC;AAAA,EACD,IAAAR;AAEJ,SAAKC,IAGHQ,gBAAAA,EAAA,KAACC,KAAK,IAAI,EAAE,QAAQ,UAAU,GAAI,GAAGF,GACnC,UAAA;AAAA,IAAAG,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOV,IAAe,WAAWK;AAAA,QACjC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,GAAGJ;AAAA,UACH,eAAe;AAAA,UACf,eAAe;AAAA,UACf,GAAGG;AAAA,QACL;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,IACH;AAAA,IAECG,KACCO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAIT,EAAY,MAAM;AAAA,QACtB,OAAOA,EAAY,SAAS;AAAA,QAC5B,gBAAgBA,EAAY,kBAAkB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,QAChE,eAAeC;AAAA,QACd,GAAGD;AAAA,QAEH,UAAYA,EAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAEJ,EAAA,CAAA,IA9BiB;AAgCrB;"}
+{"version":3,"file":"sd-component-library216.js","sources":["../src/components/inputs/primary-number-input/assets/plus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMjQgOWgtOXYtOWgtNnY5aC05djZoOXY5aDZ2LTloOXoiLz48L3N2Zz4=\""],"names":["SvgPlusActive","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,oCAAmC,CAAE,CAAC;"}

package/lib/sd-component-library217.js

@@ -1,19 +1,68 @@
-import { j as r } from "./sd-component-library190.js";
-import { Label as l } from "@rebass/forms";
-const i = (a) => {
-  const { variant: t, label: e } = a;
-  return /* @__PURE__ */ r.jsx(
-    l,
+import { j as o } from "./sd-component-library190.js";
+import d from "react";
+import { Link as m } from "react-router-dom";
+import { Box as n, Flex as f } from "rebass";
+import { RegularText as h } from "./sd-component-library157.js";
+import { PrimaryBadge as s } from "./sd-component-library8.js";
+import { HorizontalDivider as c } from "./sd-component-library49.js";
+const S = ({
+  searchResults: t,
+  useRouterLinks: i,
+  onResultClick: r
+}) => /* @__PURE__ */ o.jsx(
+  n,
+  {
+    sx: {
+      position: "absolute",
+      top: "100%",
+      bg: "white",
+      width: "100%",
+      borderRadius: ["0", "0px 0px 3px 3px"],
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderTopStyle: "none",
+      borderColor: "#C8CCE5",
+      boxShadow: "2px 3px 10px rgba(211,223,255,0.25)"
+    },
+    children: t.map((e, p) => /* @__PURE__ */ o.jsxs(d.Fragment, { children: [
+      i ? /* @__PURE__ */ o.jsx(m, { to: e.url, style: { textDecoration: "none" }, children: /* @__PURE__ */ o.jsx(x, { ...e, onResultClick: r }) }) : /* @__PURE__ */ o.jsx(
+        x,
+        {
+          ...e,
+          onResultClick: r,
+          onClick: () => window.location.href = `https://www.selfdecode.com${e.url}`
+        }
+      ),
+      p + 1 !== t.length && /* @__PURE__ */ o.jsx(c, { color: "cl_lightGrey" })
+    ] }, `${p}-${e.url}`))
+  }
+), x = ({
+  onResultClick: t,
+  onClick: i,
+  ...r
+}) => {
+  const e = () => {
+    t == null || t(r), i == null || i();
+  };
+  return /* @__PURE__ */ o.jsxs(
+    f,
     {
-      "data-testid": "base-label",
-      ...a,
-      sx: { fontFamily: "proxima-nova" },
-      variant: `_labels.${t}`,
-      children: e
+      flexDirection: ["column-reverse", "row"],
+      justifyContent: "space-between",
+      sx: {
+        p: "10px 16px",
+        cursor: "pointer",
+        ":hover": { bg: "#eff4ff" }
+      },
+      onClick: e,
+      children: [
+        /* @__PURE__ */ o.jsx(h, { fontSize: 16, children: r.text }),
+        !!r.type && /* @__PURE__ */ o.jsx(n, { width: "max-content", mb: ["8px", "0"], children: /* @__PURE__ */ o.jsx(s, { children: r.type }) })
+      ]
     }
   );
 };
 export {
-  i as BaseLabel
+  S as SearchBox
 };
 //# sourceMappingURL=sd-component-library217.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library217.js","sources":["../src/components/labels/base-label/base-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\n\nimport { BaseLabelProps } from \"./interfaces\";\n\nexport const BaseLabel = (props: BaseLabelProps) => {\n  const { variant, label } = props;\n\n  return (\n    <Label\n      data-testid=\"base-label\"\n      {...props}\n      sx={{ fontFamily: \"proxima-nova\" }}\n      variant={`_labels.${variant}`}\n    >\n      {label}\n    </Label>\n  );\n};\n"],"names":["BaseLabel","props","variant","label","jsx","Label"],"mappings":";;AAMa,MAAAA,IAAY,CAACC,MAA0B;AAC5C,QAAA,EAAE,SAAAC,GAAS,OAAAC,EAAU,IAAAF;AAGzB,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGJ;AAAA,MACJ,IAAI,EAAE,YAAY,eAAe;AAAA,MACjC,SAAS,WAAWC,CAAO;AAAA,MAE1B,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library217.js","sources":["../src/components/inputs/search-input/search-box.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { PrimaryBadge } from \"../../badges\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { RegularText } from \"../../texts\";\nimport { SearchInputProps, SearchResult } from \"./index\";\n\ntype Props = Required<Pick<SearchInputProps, \"searchResults\">> &\n  Pick<SearchInputProps, \"useRouterLinks\" | \"onResultClick\">;\n\nexport const SearchBox: React.FC<Props> = ({\n  searchResults,\n  useRouterLinks,\n  onResultClick,\n}) => (\n  <Box\n    sx={{\n      position: \"absolute\",\n      top: \"100%\",\n      bg: \"white\",\n      width: \"100%\",\n      borderRadius: [\"0\", \"0px 0px 3px 3px\"],\n      borderWidth: \"1px\",\n      borderStyle: \"solid\",\n      borderTopStyle: \"none\",\n      borderColor: \"#C8CCE5\",\n      boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n    }}\n  >\n    {searchResults.map((result, index) => (\n      <React.Fragment key={`${index}-${result.url}`}>\n        {useRouterLinks ? (\n          <Link to={result.url} style={{ textDecoration: \"none\" }}>\n            <ResultContent {...result} onResultClick={onResultClick} />\n          </Link>\n        ) : (\n          <ResultContent\n            {...result}\n            onResultClick={onResultClick}\n            onClick={() =>\n              (window.location.href = `https://www.selfdecode.com${result.url}`)\n            }\n          />\n        )}\n        {index + 1 !== searchResults.length && (\n          <HorizontalDivider color=\"cl_lightGrey\" />\n        )}\n      </React.Fragment>\n    ))}\n  </Box>\n);\n\ntype ContentProps = SearchResult & { onClick?: () => void } & Pick<\n    Props,\n    \"onResultClick\"\n  >;\nconst ResultContent: React.FC<ContentProps> = ({\n  onResultClick,\n  onClick: onClickExternal,\n  ...result\n}) => {\n  const onClick = () => {\n    onResultClick?.(result);\n    onClickExternal?.();\n  };\n\n  return (\n    <Flex\n      flexDirection={[\"column-reverse\", \"row\"]}\n      justifyContent={\"space-between\"}\n      sx={{\n        p: \"10px 16px\",\n        cursor: \"pointer\",\n        \":hover\": { bg: \"#eff4ff\" },\n      }}\n      onClick={onClick}\n    >\n      <RegularText fontSize={16}>{result.text}</RegularText>\n\n      {!!result.type && (\n        <Box width={\"max-content\"} mb={[\"8px\", \"0\"]}>\n          <PrimaryBadge>{result.type}</PrimaryBadge>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SearchBox","searchResults","useRouterLinks","onResultClick","jsx","Box","result","index","jsxs","React","Link","ResultContent","HorizontalDivider","onClickExternal","onClick","Flex","RegularText","PrimaryBadge"],"mappings":";;;;;;;AAaO,MAAMA,IAA6B,CAAC;AAAA,EACzC,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,UAAU;AAAA,MACV,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,cAAc,CAAC,KAAK,iBAAiB;AAAA,MACrC,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,WAAW;AAAA,IACb;AAAA,IAEC,UAAAJ,EAAc,IAAI,CAACK,GAAQC,MACzBC,gBAAAA,EAAAA,KAAAC,EAAM,UAAN,EACE,UAAA;AAAA,MAAAP,0BACEQ,GAAK,EAAA,IAAIJ,EAAO,KAAK,OAAO,EAAE,gBAAgB,OAAO,GACpD,gCAACK,GAAe,EAAA,GAAGL,GAAQ,eAAAH,EAAA,CAA8B,EAC3D,CAAA,IAEAC,gBAAAA,EAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACE,GAAGL;AAAA,UACJ,eAAAH;AAAA,UACA,SAAS,MACN,OAAO,SAAS,OAAO,6BAA6BG,EAAO,GAAG;AAAA,QAAA;AAAA,MAEnE;AAAA,MAEDC,IAAQ,MAAMN,EAAc,UAC1BG,gBAAAA,EAAA,IAAAQ,GAAA,EAAkB,OAAM,gBAAe;AAAA,IAAA,EAAA,GAfvB,GAAGL,CAAK,IAAID,EAAO,GAAG,EAiB3C,CACD;AAAA,EAAA;AACH,GAOIK,IAAwC,CAAC;AAAA,EAC7C,eAAAR;AAAA,EACA,SAASU;AAAA,EACT,GAAGP;AACL,MAAM;AACJ,QAAMQ,IAAU,MAAM;AACpB,IAAAX,KAAA,QAAAA,EAAgBG,IACEO,KAAA,QAAAA;AAAA,EAAA;AAIlB,SAAAL,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAe,CAAC,kBAAkB,KAAK;AAAA,MACvC,gBAAgB;AAAA,MAChB,IAAI;AAAA,QACF,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,UAAU,EAAE,IAAI,UAAU;AAAA,MAC5B;AAAA,MACA,SAAAD;AAAA,MAEA,UAAA;AAAA,QAAAV,gBAAAA,EAAA,IAACY,GAAY,EAAA,UAAU,IAAK,UAAAV,EAAO,MAAK;AAAA,QAEvC,CAAC,CAACA,EAAO,QACRF,gBAAAA,EAAA,IAACC,KAAI,OAAO,eAAe,IAAI,CAAC,OAAO,GAAG,GACxC,gCAACY,GAAc,EAAA,UAAAX,EAAO,KAAK,CAAA,GAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/lib/sd-component-library218.js

@@ -1,68 +1,6 @@
-import { j as o } from "./sd-component-library190.js";
-import d from "react";
-import { Link as m } from "react-router-dom";
-import { Box as n, Flex as f } from "rebass";
-import { RegularText as h } from "./sd-component-library157.js";
-import { PrimaryBadge as s } from "./sd-component-library8.js";
-import { HorizontalDivider as c } from "./sd-component-library49.js";
-const S = ({
-  searchResults: t,
-  useRouterLinks: i,
-  onResultClick: r
-}) => /* @__PURE__ */ o.jsx(
-  n,
-  {
-    sx: {
-      position: "absolute",
-      top: "100%",
-      bg: "white",
-      width: "100%",
-      borderRadius: ["0", "0px 0px 3px 3px"],
-      borderWidth: "1px",
-      borderStyle: "solid",
-      borderTopStyle: "none",
-      borderColor: "#C8CCE5",
-      boxShadow: "2px 3px 10px rgba(211,223,255,0.25)"
-    },
-    children: t.map((e, p) => /* @__PURE__ */ o.jsxs(d.Fragment, { children: [
-      i ? /* @__PURE__ */ o.jsx(m, { to: e.url, style: { textDecoration: "none" }, children: /* @__PURE__ */ o.jsx(x, { ...e, onResultClick: r }) }) : /* @__PURE__ */ o.jsx(
-        x,
-        {
-          ...e,
-          onResultClick: r,
-          onClick: () => window.location.href = `https://www.selfdecode.com${e.url}`
-        }
-      ),
-      p + 1 !== t.length && /* @__PURE__ */ o.jsx(c, { color: "cl_lightGrey" })
-    ] }, `${p}-${e.url}`))
-  }
-), x = ({
-  onResultClick: t,
-  onClick: i,
-  ...r
-}) => {
-  const e = () => {
-    t == null || t(r), i == null || i();
-  };
-  return /* @__PURE__ */ o.jsxs(
-    f,
-    {
-      flexDirection: ["column-reverse", "row"],
-      justifyContent: "space-between",
-      sx: {
-        p: "10px 16px",
-        cursor: "pointer",
-        ":hover": { bg: "#eff4ff" }
-      },
-      onClick: e,
-      children: [
-        /* @__PURE__ */ o.jsx(h, { fontSize: 16, children: r.text }),
-        !!r.type && /* @__PURE__ */ o.jsx(n, { width: "max-content", mb: ["8px", "0"], children: /* @__PURE__ */ o.jsx(s, { children: r.type }) })
-      ]
-    }
-  );
-};
+import * as t from "react";
+const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22.94", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2494.01,1419.91l-5.42-5.67a9.187,9.187,0,1,0-7.04,3.3,9.042,9.042,0,0,0,5.27-1.67l5.46,5.71a1.2,1.2,0,0,0,.87.37A1.2,1.2,0,0,0,2494.01,1419.91Zm-12.46-18.46a6.84,6.84,0,1,1-6.8,6.84A6.829,6.829,0,0,1,2481.55,1401.45Z", transform: "translate(-2472.34 -1399.03)" }));
 export {
-  S as SearchBox
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library218.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library218.js","sources":["../src/components/inputs/search-input/search-box.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { PrimaryBadge } from \"../../badges\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { RegularText } from \"../../texts\";\nimport { SearchInputProps, SearchResult } from \"./index\";\n\ntype Props = Required<Pick<SearchInputProps, \"searchResults\">> &\n  Pick<SearchInputProps, \"useRouterLinks\" | \"onResultClick\">;\n\nexport const SearchBox: React.FC<Props> = ({\n  searchResults,\n  useRouterLinks,\n  onResultClick,\n}) => (\n  <Box\n    sx={{\n      position: \"absolute\",\n      top: \"100%\",\n      bg: \"white\",\n      width: \"100%\",\n      borderRadius: [\"0\", \"0px 0px 3px 3px\"],\n      borderWidth: \"1px\",\n      borderStyle: \"solid\",\n      borderTopStyle: \"none\",\n      borderColor: \"#C8CCE5\",\n      boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n    }}\n  >\n    {searchResults.map((result, index) => (\n      <React.Fragment key={`${index}-${result.url}`}>\n        {useRouterLinks ? (\n          <Link to={result.url} style={{ textDecoration: \"none\" }}>\n            <ResultContent {...result} onResultClick={onResultClick} />\n          </Link>\n        ) : (\n          <ResultContent\n            {...result}\n            onResultClick={onResultClick}\n            onClick={() =>\n              (window.location.href = `https://www.selfdecode.com${result.url}`)\n            }\n          />\n        )}\n        {index + 1 !== searchResults.length && (\n          <HorizontalDivider color=\"cl_lightGrey\" />\n        )}\n      </React.Fragment>\n    ))}\n  </Box>\n);\n\ntype ContentProps = SearchResult & { onClick?: () => void } & Pick<\n    Props,\n    \"onResultClick\"\n  >;\nconst ResultContent: React.FC<ContentProps> = ({\n  onResultClick,\n  onClick: onClickExternal,\n  ...result\n}) => {\n  const onClick = () => {\n    onResultClick?.(result);\n    onClickExternal?.();\n  };\n\n  return (\n    <Flex\n      flexDirection={[\"column-reverse\", \"row\"]}\n      justifyContent={\"space-between\"}\n      sx={{\n        p: \"10px 16px\",\n        cursor: \"pointer\",\n        \":hover\": { bg: \"#eff4ff\" },\n      }}\n      onClick={onClick}\n    >\n      <RegularText fontSize={16}>{result.text}</RegularText>\n\n      {!!result.type && (\n        <Box width={\"max-content\"} mb={[\"8px\", \"0\"]}>\n          <PrimaryBadge>{result.type}</PrimaryBadge>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SearchBox","searchResults","useRouterLinks","onResultClick","jsx","Box","result","index","jsxs","React","Link","ResultContent","HorizontalDivider","onClickExternal","onClick","Flex","RegularText","PrimaryBadge"],"mappings":";;;;;;;AAaO,MAAMA,IAA6B,CAAC;AAAA,EACzC,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,UAAU;AAAA,MACV,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,cAAc,CAAC,KAAK,iBAAiB;AAAA,MACrC,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,WAAW;AAAA,IACb;AAAA,IAEC,UAAAJ,EAAc,IAAI,CAACK,GAAQC,MACzBC,gBAAAA,EAAAA,KAAAC,EAAM,UAAN,EACE,UAAA;AAAA,MAAAP,0BACEQ,GAAK,EAAA,IAAIJ,EAAO,KAAK,OAAO,EAAE,gBAAgB,OAAO,GACpD,gCAACK,GAAe,EAAA,GAAGL,GAAQ,eAAAH,EAAA,CAA8B,EAC3D,CAAA,IAEAC,gBAAAA,EAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACE,GAAGL;AAAA,UACJ,eAAAH;AAAA,UACA,SAAS,MACN,OAAO,SAAS,OAAO,6BAA6BG,EAAO,GAAG;AAAA,QAAA;AAAA,MAEnE;AAAA,MAEDC,IAAQ,MAAMN,EAAc,UAC1BG,gBAAAA,EAAA,IAAAQ,GAAA,EAAkB,OAAM,gBAAe;AAAA,IAAA,EAAA,GAfvB,GAAGL,CAAK,IAAID,EAAO,GAAG,EAiB3C,CACD;AAAA,EAAA;AACH,GAOIK,IAAwC,CAAC;AAAA,EAC7C,eAAAR;AAAA,EACA,SAASU;AAAA,EACT,GAAGP;AACL,MAAM;AACJ,QAAMQ,IAAU,MAAM;AACpB,IAAAX,KAAA,QAAAA,EAAgBG,IACEO,KAAA,QAAAA;AAAA,EAAA;AAIlB,SAAAL,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAe,CAAC,kBAAkB,KAAK;AAAA,MACvC,gBAAgB;AAAA,MAChB,IAAI;AAAA,QACF,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,UAAU,EAAE,IAAI,UAAU;AAAA,MAC5B;AAAA,MACA,SAAAD;AAAA,MAEA,UAAA;AAAA,QAAAV,gBAAAA,EAAA,IAACY,GAAY,EAAA,UAAU,IAAK,UAAAV,EAAO,MAAK;AAAA,QAEvC,CAAC,CAACA,EAAO,QACRF,gBAAAA,EAAA,IAACC,KAAI,OAAO,eAAe,IAAI,CAAC,OAAO,GAAG,GACxC,gCAACY,GAAc,EAAA,UAAAX,EAAO,KAAK,CAAA,GAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"sd-component-library218.js","sources":["../src/components/inputs/search-input/assets/search.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMi45NCI+CiAgPHBhdGggZD0iTTI0OTQuMDEsMTQxOS45MWwtNS40Mi01LjY3YTkuMTg3LDkuMTg3LDAsMSwwLTcuMDQsMy4zLDkuMDQyLDkuMDQyLDAsMCwwLDUuMjctMS42N2w1LjQ2LDUuNzFhMS4yLDEuMiwwLDAsMCwuODcuMzdBMS4yLDEuMiwwLDAsMCwyNDk0LjAxLDE0MTkuOTFabS0xMi40Ni0xOC40NmE2Ljg0LDYuODQsMCwxLDEtNi44LDYuODRBNi44MjksNi44MjksMCwwLDEsMjQ4MS41NSwxNDAxLjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NzIuMzQgLTEzOTkuMDMpIi8+Cjwvc3ZnPgo=\""],"names":["SvgSearch","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,gBAAgB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,6NAA6N,WAAW,gCAAgC,CAAC;"}

package/lib/sd-component-library220.js

@@ -1,67 +1,49 @@
-import { j as o } from "./sd-component-library190.js";
-import { Box as d } from "rebass";
-import { BoldText as t } from "./sd-component-library157.js";
-import { FlexCenter as h } from "./sd-component-library35.js";
-const m = "80px", B = (i) => {
+import { j as r } from "./sd-component-library190.js";
+import { Flex as c } from "rebass";
+import { BaseTextV2 as m } from "./sd-component-library132.js";
+import { ResponsiveTextV2 as p } from "./sd-component-library144.js";
+const u = (t) => {
   const {
-    questionText: n,
-    children: r,
-    containerSx: x,
-    iconContainerSx: p,
-    questionTextFontSize: s = 24,
-    iconFontSize: a = 40,
-    questionMarginBottom: c = "30px",
-    showIcon: e = !1,
-    ...l
-  } = i;
-  return /* @__PURE__ */ o.jsxs(
-    d,
-    {
-      sx: {
-        width: "270px",
-        position: "relative",
-        borderRadius: "5px",
-        boxShadow: "0px 0px 10px #9BA2B433",
-        px: "40px",
-        pb: "40px",
-        pt: e ? "70px" : "40px",
-        bg: "cl_white",
-        ...x
-      },
-      ...l,
-      children: [
-        /* @__PURE__ */ o.jsx(
-          t,
-          {
-            fontSize: s,
-            textAlign: "center",
-            mb: c,
-            children: n
-          }
-        ),
-        r,
-        e && /* @__PURE__ */ o.jsx(
-          h,
-          {
-            size: m,
-            bg: "white",
-            sx: {
-              position: "absolute",
-              left: "50%",
-              top: 0,
-              boxShadow: "0px 0px 10px #9BA2B433",
-              borderRadius: "50%",
-              transform: "translate(-50%, -50%)",
-              ...p
-            },
-            children: /* @__PURE__ */ o.jsx(t, { fontSize: a, color: "cl_purple", children: "?" })
-          }
-        )
-      ]
-    }
-  );
+    label: o,
+    errorMessage: l,
+    labelMargin: s,
+    secondLabel: e,
+    secondLabelTextTransform: n,
+    labelSx: a,
+    labelColor: i = "cl_darkGrey",
+    ...x
+  } = t;
+  return o ? /* @__PURE__ */ r.jsxs(c, { sx: { cursor: "default" }, ...x, children: [
+    /* @__PURE__ */ r.jsx(
+      m,
+      {
+        color: l ? "cl_red" : i,
+        sx: {
+          fontSize: 12,
+          fontWeight: 600,
+          m: s,
+          letterSpacing: "1px",
+          textTransform: "uppercase",
+          ...a
+        },
+        children: o
+      }
+    ),
+    e && /* @__PURE__ */ r.jsx(
+      p,
+      {
+        letterSpacing: "1px",
+        ml: e.ml || "3px",
+        color: e.color || "cl_grey",
+        fontSizeWeight: e.fontSizeWeight || [[10, "semi-bold"]],
+        textTransform: n,
+        ...e,
+        children: e.text
+      }
+    )
+  ] }) : null;
 };
 export {
-  B as BaseFeedbackContainer
+  u as SecondaryInputLabels
 };
 //# sourceMappingURL=sd-component-library220.js.map