@selfdecode/sd-component-library 4.0.73-vite12 → 4.0.73-vite13

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library110.js","sources":["../src/components/selectors/selector/selector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts/responsive-text-v2\";\nimport {\n  CurrentSelection,\n  SelectorProps as Props,\n  SelectorOption,\n} from \"./interfaces\";\n\nconst onChangeWrapper = <T extends string = string>(\n  selectionString: string,\n  conditionAttribute: \"value\" | \"title\",\n  oldValue: SelectorOption<T> | undefined,\n  options: SelectorOption<T>[],\n  callback: (\n    newValue: SelectorOption<T>,\n    oldValue: SelectorOption<T> | undefined\n  ) => void,\n  setNewSelection: (option: SelectorOption<T>) => void\n) => {\n  const newValue: SelectorOption<T> = options.find(\n    (option) => option[conditionAttribute].trim() === selectionString\n  )!;\n\n  callback?.(newValue, oldValue);\n\n  setNewSelection(newValue);\n};\n\nexport const getNoTranslateClass = (flag: boolean) =>\n  flag ? \"no-translate\" : undefined;\n\n/**\n * @deprecated use SelectorV2 instead\n */\nexport const Selector = <T extends string = string>(props: Props<T>) => {\n  const {\n    defaultValue,\n    variant,\n    selectorLabel,\n    name,\n    options,\n    onChange,\n    width,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    gap = [\"20px\"],\n    disabledTextValue = \"No Options\",\n    textTransform = \"Capitalize\",\n    hideDefaultOnSelect,\n    labelMargin,\n    secondLabel,\n    selectElementHeight,\n    errorMessage,\n    defaultOptionColor,\n    selectedOptionColor,\n    onFocus,\n    errorBackground,\n    useValueInsteadOfTitle = false,\n    id,\n    translateSelect = true,\n    translateDefaultOption,\n  } = props;\n\n  const conditionAttribute = useValueInsteadOfTitle ? \"value\" : \"title\";\n\n  const defaultValueObject: CurrentSelection<T> = useMemo(\n    () => options.find((option) => option[conditionAttribute] === defaultValue),\n    [options, defaultValue, conditionAttribute]\n  );\n  //`options` needs to be a stable reference. Other wise Selector value reset to default.\n\n  const [selection, setSelection] = useDependantState(defaultValueObject);\n\n  const noOptionsToSelect = options.length === 0;\n\n  const useDefaultIconStyles =\n    !variant || ![\"compact\", \"tertiary\"].includes(variant);\n\n  const colorSx: { color: string } | {} =\n    defaultOptionColor && !selection\n      ? { color: defaultOptionColor }\n      : selectedOptionColor\n      ? { color: selectedOptionColor }\n      : {};\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  return (\n    <Box\n      id={id}\n      variant={`_containers.selectors.${variant}`}\n      sx={{\n        pt: \"1px\",\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        position: \"relative\",\n        ...(useDefaultIconStyles\n          ? {\n              svg: {\n                transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n                fill: \"#4568F8\",\n              },\n            }\n          : {}),\n        path: {\n          d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n        },\n        gap,\n      }}\n      data-test=\"base-selector\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap={[\"0px\"]}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\n          />\n\n          {secondLabel && (\n            <ResponsiveTextV2\n              letterSpacing={[\"1px\"]}\n              textTransform=\"uppercase\"\n              mt={secondLabel.mt}\n              ml={secondLabel.ml || [\"3px\"]}\n              color={secondLabel.color || \"cl_grey\"}\n              fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={\n          noOptionsToSelect\n            ? disabledTextValue\n            : (selection && selection[conditionAttribute].trim()) ||\n              defaultValue\n        }\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) =>\n          onChangeWrapper(\n            event.target.value,\n            conditionAttribute,\n            selection,\n            options,\n            onChange,\n            (option) => setSelection(option)\n          )\n        }\n        sx={{\n          textTransform,\n          ...colorSx,\n        }}\n        disabled={noOptionsToSelect}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n            {disabledTextValue}{\" \"}\n            {/* appending space because sometimes last letter gets cropped. */}\n          </option>\n        ) : (\n          <>\n            {defaultValueObject === undefined &&\n              // When defaultValue is not in the options list\n              (!selection || !hideDefaultOnSelect) && (\n                <option\n                  key=\"defaultValue\"\n                  data-test=\"selector-option\"\n                  className={defaultOptionClassName}\n                >\n                  {defaultValue}\n                </option>\n              )}\n\n            {props.options.map((option) => (\n              <option\n                key={option.id}\n                value={option[conditionAttribute]}\n                data-test=\"selector-option\"\n                className={regularOptionClassName}\n              >\n                {option.title}\n              </option>\n            ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["onChangeWrapper","selectionString","conditionAttribute","oldValue","options","callback","setNewSelection","newValue","find","option","trim","getNoTranslateClass","flag","undefined","Selector","props","defaultValue","variant","selectorLabel","name","onChange","width","m","mt","mr","mb","ml","gap","disabledTextValue","textTransform","hideDefaultOnSelect","labelMargin","secondLabel","selectElementHeight","errorMessage","defaultOptionColor","selectedOptionColor","onFocus","errorBackground","useValueInsteadOfTitle","id","translateSelect","translateDefaultOption","defaultValueObject","useMemo","selection","setSelection","useDependantState","noOptionsToSelect","length","useDefaultIconStyles","includes","colorSx","color","isFirefox","navigator","userAgent","toLowerCase","indexOf","defaultOptionClassName","regularOptionClassName","Box","pt","position","svg","transform","fill","path","d","jsxs","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","fontSizeWeight","text","Select","event","target","value","map","title"],"mappings":"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"}
+{"version":3,"file":"sd-component-library110.js","sources":["../src/components/selectors/selector/selector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts/responsive-text-v2\";\nimport {\n  CurrentSelection,\n  SelectorProps as Props,\n  SelectorOption,\n} from \"./interfaces\";\n\nconst onChangeWrapper = <T extends string = string>(\n  selectionString: string,\n  conditionAttribute: \"value\" | \"title\",\n  oldValue: SelectorOption<T> | undefined,\n  options: SelectorOption<T>[],\n  callback: (\n    newValue: SelectorOption<T>,\n    oldValue: SelectorOption<T> | undefined\n  ) => void,\n  setNewSelection: (option: SelectorOption<T>) => void\n) => {\n  const newValue: SelectorOption<T> = options.find(\n    (option) => option[conditionAttribute].trim() === selectionString\n  )!;\n\n  callback?.(newValue, oldValue);\n\n  setNewSelection(newValue);\n};\n\nexport const getNoTranslateClass = (flag: boolean) =>\n  flag ? \"no-translate\" : undefined;\n\n/**\n * @deprecated use SelectorV2 instead\n */\nexport const Selector = <T extends string = string>(props: Props<T>) => {\n  const {\n    defaultValue,\n    variant,\n    selectorLabel,\n    name,\n    options,\n    onChange,\n    width,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    gap = [\"20px\"],\n    disabledTextValue = \"No Options\",\n    textTransform = \"Capitalize\",\n    hideDefaultOnSelect,\n    labelMargin,\n    secondLabel,\n    selectElementHeight,\n    errorMessage,\n    defaultOptionColor,\n    selectedOptionColor,\n    onFocus,\n    errorBackground,\n    useValueInsteadOfTitle = false,\n    id,\n    translateSelect = true,\n    translateDefaultOption,\n  } = props;\n\n  const conditionAttribute = useValueInsteadOfTitle ? \"value\" : \"title\";\n\n  const defaultValueObject: CurrentSelection<T> = useMemo(\n    () => options.find((option) => option[conditionAttribute] === defaultValue),\n    [options, defaultValue, conditionAttribute]\n  );\n  //`options` needs to be a stable reference. Other wise Selector value reset to default.\n\n  const [selection, setSelection] = useDependantState(defaultValueObject);\n\n  const noOptionsToSelect = options.length === 0;\n\n  const useDefaultIconStyles =\n    !variant || ![\"compact\", \"tertiary\"].includes(variant);\n\n  const colorSx: { color: string } | {} =\n    defaultOptionColor && !selection\n      ? { color: defaultOptionColor }\n      : selectedOptionColor\n      ? { color: selectedOptionColor }\n      : {};\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  return (\n    <Box\n      id={id}\n      variant={`_containers.selectors.${variant}`}\n      sx={{\n        pt: \"1px\",\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        position: \"relative\",\n        ...(useDefaultIconStyles\n          ? {\n              svg: {\n                transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n                fill: \"#4568F8\",\n              },\n            }\n          : {}),\n        path: {\n          d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n        },\n        gap,\n      }}\n      data-test=\"base-selector\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap={[\"0px\"]}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\n          />\n\n          {secondLabel && (\n            <ResponsiveTextV2\n              letterSpacing={[\"1px\"]}\n              textTransform=\"uppercase\"\n              mt={secondLabel.mt}\n              ml={secondLabel.ml || [\"3px\"]}\n              color={secondLabel.color || \"cl_grey\"}\n              fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={\n          noOptionsToSelect\n            ? disabledTextValue\n            : (selection && selection[conditionAttribute].trim()) ||\n              defaultValue\n        }\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) =>\n          onChangeWrapper(\n            event.target.value,\n            conditionAttribute,\n            selection,\n            options,\n            onChange,\n            (option) => setSelection(option)\n          )\n        }\n        sx={{\n          textTransform,\n          ...colorSx,\n        }}\n        disabled={noOptionsToSelect}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n            {disabledTextValue}{\" \"}\n            {/* appending space because sometimes last letter gets cropped. */}\n          </option>\n        ) : (\n          <>\n            {defaultValueObject === undefined &&\n              // When defaultValue is not in the options list\n              (!selection || !hideDefaultOnSelect) && (\n                <option\n                  key=\"defaultValue\"\n                  data-test=\"selector-option\"\n                  className={defaultOptionClassName}\n                >\n                  {defaultValue}\n                </option>\n              )}\n\n            {props.options.map((option) => (\n              <option\n                key={option.id}\n                value={option[conditionAttribute]}\n                data-test=\"selector-option\"\n                className={regularOptionClassName}\n              >\n                {option.title}\n              </option>\n            ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["onChangeWrapper","selectionString","conditionAttribute","oldValue","options","callback","setNewSelection","newValue","find","option","trim","getNoTranslateClass","flag","undefined","Selector","props","defaultValue","variant","selectorLabel","name","onChange","width","m","mt","mr","mb","ml","gap","disabledTextValue","textTransform","hideDefaultOnSelect","labelMargin","secondLabel","selectElementHeight","errorMessage","defaultOptionColor","selectedOptionColor","onFocus","errorBackground","useValueInsteadOfTitle","id","translateSelect","translateDefaultOption","defaultValueObject","useMemo","selection","setSelection","useDependantState","noOptionsToSelect","length","useDefaultIconStyles","includes","colorSx","color","isFirefox","navigator","userAgent","toLowerCase","indexOf","defaultOptionClassName","regularOptionClassName","Box","pt","position","svg","transform","fill","path","d","jsxs","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","fontSizeWeight","text","Select","event","target","value","map","title"],"mappings":"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"}

package/lib/sd-component-library111.js

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

package/lib/sd-component-library112.js

@@ -1,4 +1,4 @@
-import { jsx as t } from "./sd-component-library196.js";
+import { jsx as t } from "./sd-component-library195.js";
 import { Selector as e } from "./sd-component-library110.js";
 const m = (r) => /* @__PURE__ */ t(e, { ...r, variant: "primary", "data-test": "primary-selector" });
 export {

package/lib/sd-component-library113.js

@@ -1,4 +1,4 @@
-import { jsx as t } from "./sd-component-library196.js";
+import { jsx as t } from "./sd-component-library195.js";
 import { Selector as a } from "./sd-component-library110.js";
 const l = (r) => {
   const {

package/lib/sd-component-library114.js

@@ -1,4 +1,4 @@
-import { jsx as r } from "./sd-component-library196.js";
+import { jsx as r } from "./sd-component-library195.js";
 import { Selector as o } from "./sd-component-library110.js";
 const m = (t) => /* @__PURE__ */ r(o, { ...t, variant: "compact", gap: ["1px"], textTransform: t.textTransform || "none", "data-test": "compact-primary-selector" });
 export {

package/lib/sd-component-library115.js

@@ -1,39 +1,39 @@
-import { jsx as t, jsxs as m } from "./sd-component-library196.js";
-import u, { r as d } from "./sd-component-library193.js";
-import "./sd-component-library197.js";
-import { ReactComponent as f } from "./sd-component-library186.js";
-import { Box as g } from "./sd-component-library198.js";
-import { CustomOptionBox as C } from "./sd-component-library281.js";
-import { OutsideClickBox as b } from "./sd-component-library14.js";
-import { EighteenRegular as x } from "./sd-component-library139.js";
-import { HorizontalDivider as S } from "./sd-component-library51.js";
+import { jsx as t, jsxs as d } from "./sd-component-library195.js";
+import h, { useState as u, useMemo as f } from "react";
+import "./sd-component-library198.js";
+import { ReactComponent as g } from "./sd-component-library186.js";
+import { Box as C } from "./sd-component-library199.js";
+import { CustomOptionBox as b } from "./sd-component-library279.js";
+import { OutsideClickBox as S } from "./sd-component-library14.js";
+import { EighteenRegular as m } from "./sd-component-library139.js";
+import { HorizontalDivider as _ } from "./sd-component-library51.js";
 import { GridCenter as w } from "./sd-component-library44.js";
-const A = ({
+const D = ({
   value: e,
-  onChange: h,
-  options: n,
+  onChange: x,
+  options: s,
   width: p = ["100%"],
   textTransform: c = "capitalize"
 }) => {
-  const [r, i] = d.useState(!1), l = d.useMemo(() => n.filter(({
+  const [r, i] = u(!1), l = f(() => s.filter(({
     title: o
-  }) => o !== e.title), [n, e]), s = !l.length;
-  return /* @__PURE__ */ t(b, { "data-test": "custom-selector", onClickOutside: () => i(!1), children: /* @__PURE__ */ m(w, { width: p, gap: "5px", onClick: () => !s && i((o) => !o), sx: {
+  }) => o !== e.title), [s, e]), n = !l.length;
+  return /* @__PURE__ */ t(S, { "data-test": "custom-selector", onClickOutside: () => i(!1), children: /* @__PURE__ */ d(w, { width: p, gap: "5px", onClick: () => !n && i((o) => !o), sx: {
     position: "relative",
     gridTemplateColumns: "1fr max-content",
     gap: "5px",
-    cursor: s ? "default" : "pointer",
+    cursor: n ? "default" : "pointer",
     pb: "10px",
     borderBottom: "2px solid",
     borderColor: r ? "cl_blue" : "cl_lightGrey",
     userSelect: "none"
   }, "data-test": "current-value", children: [
-    s ? /* @__PURE__ */ t(x, { color: "cl_grey", children: "No options" }) : /* @__PURE__ */ t(x, { cursor: "pointer", textTransform: c, children: e.title }),
-    /* @__PURE__ */ t(f, { width: "10px", style: {
+    n ? /* @__PURE__ */ t(m, { color: "cl_grey", children: "No options" }) : /* @__PURE__ */ t(m, { cursor: "pointer", textTransform: c, children: e.title }),
+    /* @__PURE__ */ t(g, { width: "10px", style: {
       transform: `rotate(${r ? "180deg" : "0deg"})`,
       transition: "all 0.3s"
     } }),
-    r && /* @__PURE__ */ t(g, { width: p, sx: {
+    r && /* @__PURE__ */ t(C, { width: p, sx: {
       position: "absolute",
       left: "0",
       top: "calc(100% + 2px)",
@@ -45,17 +45,17 @@ const A = ({
       boxShadow: "2px 3px 10px #0000001A",
       userSelect: "none",
       bg: "cl_white"
-    }, "data-test": "options-list", children: l.map((o, a) => /* @__PURE__ */ m(u.Fragment, { children: [
-      /* @__PURE__ */ t(C, { ...o, onClick: () => {
-        h(o), i(!1);
+    }, "data-test": "options-list", children: l.map((o, a) => /* @__PURE__ */ d(h.Fragment, { children: [
+      /* @__PURE__ */ t(b, { ...o, onClick: () => {
+        x(o), i(!1);
       }, textTransform: c, "data-test": "selector-option" }),
-      a !== l.length - 1 && /* @__PURE__ */ t(S, { height: "1px", color: "cl_lightGrey", opacity: "0.5", sx: {
+      a !== l.length - 1 && /* @__PURE__ */ t(_, { height: "1px", color: "cl_lightGrey", opacity: "0.5", sx: {
         mx: "2px"
       } })
     ] }, `${a}-${o.title}`)) })
   ] }) });
 };
 export {
-  A as CustomSelector
+  D as CustomSelector
 };
 //# sourceMappingURL=sd-component-library115.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library115.js","sources":["../src/components/selectors/custom-selector/custom-selector.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../boxes\";\nimport { GridCenter } from \"../../containers\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { EighteenRegular } from \"../../texts\";\nimport { CustomSelectorProps as Props } from \"./interfaces\";\nimport { CustomOptionBox } from \"./partials\";\n\nexport const CustomSelector: React.FC<Props> = ({\n  value,\n  onChange,\n  options,\n  width = [\"100%\"],\n  textTransform = \"capitalize\",\n}) => {\n  const [showOptions, setShowOptions] = useState(false);\n\n  /* List of options to be displayed below */\n  const notSelectedOptions = useMemo(() => {\n    return options.filter(({ title }) => title !== value.title);\n  }, [options, value]);\n\n  const noOptions = !notSelectedOptions.length;\n\n  const onClick = () => !noOptions && setShowOptions((prev) => !prev);\n\n  return (\n    <OutsideClickBox\n      data-test=\"custom-selector\"\n      onClickOutside={() => setShowOptions(false)}\n    >\n      <GridCenter\n        width={width}\n        gap=\"5px\"\n        onClick={onClick}\n        sx={{\n          position: \"relative\",\n          gridTemplateColumns: \"1fr max-content\",\n          gap: \"5px\",\n          cursor: noOptions ? \"default\" : \"pointer\",\n          pb: \"10px\",\n          borderBottom: \"2px solid\",\n          borderColor: showOptions ? \"cl_blue\" : \"cl_lightGrey\",\n          userSelect: \"none\",\n        }}\n        data-test=\"current-value\"\n      >\n        {noOptions ? (\n          <EighteenRegular color=\"cl_grey\">No options</EighteenRegular>\n        ) : (\n          <EighteenRegular cursor=\"pointer\" textTransform={textTransform}>\n            {value.title}\n          </EighteenRegular>\n        )}\n\n        <ShortDownArrowIcon\n          width=\"10px\"\n          style={{\n            transform: `rotate(${showOptions ? \"180deg\" : \"0deg\"})`,\n            transition: \"all 0.3s\",\n          }}\n        />\n\n        {showOptions && (\n          <Box\n            width={width}\n            sx={{\n              position: \"absolute\",\n              left: \"0\",\n              top: \"calc(100% + 2px)\",\n              border: \"1px solid\",\n              borderRadius: \"0 0 4px 4px\",\n              borderColor: \"cl_lightGrey\",\n              borderTopStyle: \"none\",\n              overflow: \"hidden\",\n              boxShadow: \"2px 3px 10px #0000001A\",\n              userSelect: \"none\",\n              bg: \"cl_white\",\n            }}\n            data-test=\"options-list\"\n          >\n            {notSelectedOptions.map((option, idx) => (\n              <React.Fragment key={`${idx}-${option.title}`}>\n                <CustomOptionBox\n                  {...option}\n                  onClick={() => {\n                    onChange(option);\n                    setShowOptions(false);\n                  }}\n                  textTransform={textTransform}\n                  data-test=\"selector-option\"\n                />\n\n                {idx !== notSelectedOptions.length - 1 && (\n                  <HorizontalDivider\n                    height=\"1px\"\n                    color=\"cl_lightGrey\"\n                    opacity=\"0.5\"\n                    sx={{ mx: \"2px\" }}\n                  />\n                )}\n              </React.Fragment>\n            ))}\n          </Box>\n        )}\n      </GridCenter>\n    </OutsideClickBox>\n  );\n};\n"],"names":["CustomSelector","value","onChange","options","width","textTransform","showOptions","setShowOptions","useState","notSelectedOptions","useMemo","filter","title","noOptions","length","jsx","OutsideClickBox","GridCenter","onClick","prev","position","gridTemplateColumns","gap","cursor","pb","borderBottom","borderColor","userSelect","EighteenRegular","ShortDownArrowIcon","transform","transition","Box","left","top","border","borderRadius","borderTopStyle","overflow","boxShadow","bg","map","option","idx","jsxs","React","CustomOptionBox","HorizontalDivider","mx"],"mappings":";;;;;;;;;;AAYO,MAAMA,IAAkCA,CAAC;AAAA,EAC9CC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA,IAAQ,CAAC,MAAM;AAAA,EACfC,eAAAA,IAAgB;AAClB,MAAM;AACJ,QAAM,CAACC,GAAaC,CAAc,IAAIC,WAAS,EAAK,GAG9CC,IAAqBC,EAAAA,QAAQ,MAC1BP,EAAQQ,OAAO,CAAC;AAAA,IAAEC,OAAAA;AAAAA,EAAAA,MAAYA,MAAUX,EAAMW,KAAK,GACzD,CAACT,GAASF,CAAK,CAAC,GAEbY,IAAY,CAACJ,EAAmBK;AAItC,SACG,gBAAAC,EAAAC,GAAA,EACC,aAAU,mBACV,gBAAgB,MAAMT,EAAe,EAAK,GAE1C,4BAACU,GACC,EAAA,OAAAb,GACA,KAAI,OACJ,SAVUc,MAAM,CAACL,KAAaN,EAAgBY,CAAAA,MAAS,CAACA,CAAI,GAW5D,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,qBAAqB;AAAA,IACrBC,KAAK;AAAA,IACLC,QAAQV,IAAY,YAAY;AAAA,IAChCW,IAAI;AAAA,IACJC,cAAc;AAAA,IACdC,aAAapB,IAAc,YAAY;AAAA,IACvCqB,YAAY;AAAA,EAAA,GAEd,aAAU,iBAETd,UAAAA;AAAAA,IAAAA,IACE,gBAAAE,EAAAa,GAAA,EAAgB,OAAM,WAAU,UAAU,cAAA,IAE1C,gBAAAb,EAAAa,GAAA,EAAgB,QAAO,WAAU,eAAAvB,GAC/BJ,UAAAA,EAAMW,OACT;AAAA,IAGD,gBAAAG,EAAAc,GAAA,EACC,OAAM,QACN,OAAO;AAAA,MACLC,WAAY,UAASxB,IAAc,WAAW,MAAO;AAAA,MACrDyB,YAAY;AAAA,IAAA,GACZ;AAAA,IAGHzB,KACC,gBAAAS,EAACiB,GACC,EAAA,OAAA5B,GACA,IAAI;AAAA,MACFgB,UAAU;AAAA,MACVa,MAAM;AAAA,MACNC,KAAK;AAAA,MACLC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdV,aAAa;AAAA,MACbW,gBAAgB;AAAA,MAChBC,UAAU;AAAA,MACVC,WAAW;AAAA,MACXZ,YAAY;AAAA,MACZa,IAAI;AAAA,IACN,GACA,aAAU,gBAET/B,UAAmBgC,EAAAA,IAAI,CAACC,GAAQC,MAC/B,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAA9B,EAAC+B,GACKJ,EAAAA,GAAAA,GACJ,SAAS,MAAM;AACbxC,QAAAA,EAASwC,CAAM,GACfnC,EAAe,EAAK;AAAA,MAAA,GAEtB,eAAAF,GACA,aAAU,mBAAiB;AAAA,MAG5BsC,MAAQlC,EAAmBK,SAAS,KAClC,gBAAAC,EAAAgC,GAAA,EACC,QAAO,OACP,OAAM,gBACN,SAAQ,OACR,IAAI;AAAA,QAAEC,IAAI;AAAA,MAAA,GAEb;AAAA,IAAA,KAlBmB,GAAEL,CAAI,IAAGD,EAAO9B,KAAM,EAmB5C,CACD,GACH;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library115.js","sources":["../src/components/selectors/custom-selector/custom-selector.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../boxes\";\nimport { GridCenter } from \"../../containers\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { EighteenRegular } from \"../../texts\";\nimport { CustomSelectorProps as Props } from \"./interfaces\";\nimport { CustomOptionBox } from \"./partials\";\n\nexport const CustomSelector: React.FC<Props> = ({\n  value,\n  onChange,\n  options,\n  width = [\"100%\"],\n  textTransform = \"capitalize\",\n}) => {\n  const [showOptions, setShowOptions] = useState(false);\n\n  /* List of options to be displayed below */\n  const notSelectedOptions = useMemo(() => {\n    return options.filter(({ title }) => title !== value.title);\n  }, [options, value]);\n\n  const noOptions = !notSelectedOptions.length;\n\n  const onClick = () => !noOptions && setShowOptions((prev) => !prev);\n\n  return (\n    <OutsideClickBox\n      data-test=\"custom-selector\"\n      onClickOutside={() => setShowOptions(false)}\n    >\n      <GridCenter\n        width={width}\n        gap=\"5px\"\n        onClick={onClick}\n        sx={{\n          position: \"relative\",\n          gridTemplateColumns: \"1fr max-content\",\n          gap: \"5px\",\n          cursor: noOptions ? \"default\" : \"pointer\",\n          pb: \"10px\",\n          borderBottom: \"2px solid\",\n          borderColor: showOptions ? \"cl_blue\" : \"cl_lightGrey\",\n          userSelect: \"none\",\n        }}\n        data-test=\"current-value\"\n      >\n        {noOptions ? (\n          <EighteenRegular color=\"cl_grey\">No options</EighteenRegular>\n        ) : (\n          <EighteenRegular cursor=\"pointer\" textTransform={textTransform}>\n            {value.title}\n          </EighteenRegular>\n        )}\n\n        <ShortDownArrowIcon\n          width=\"10px\"\n          style={{\n            transform: `rotate(${showOptions ? \"180deg\" : \"0deg\"})`,\n            transition: \"all 0.3s\",\n          }}\n        />\n\n        {showOptions && (\n          <Box\n            width={width}\n            sx={{\n              position: \"absolute\",\n              left: \"0\",\n              top: \"calc(100% + 2px)\",\n              border: \"1px solid\",\n              borderRadius: \"0 0 4px 4px\",\n              borderColor: \"cl_lightGrey\",\n              borderTopStyle: \"none\",\n              overflow: \"hidden\",\n              boxShadow: \"2px 3px 10px #0000001A\",\n              userSelect: \"none\",\n              bg: \"cl_white\",\n            }}\n            data-test=\"options-list\"\n          >\n            {notSelectedOptions.map((option, idx) => (\n              <React.Fragment key={`${idx}-${option.title}`}>\n                <CustomOptionBox\n                  {...option}\n                  onClick={() => {\n                    onChange(option);\n                    setShowOptions(false);\n                  }}\n                  textTransform={textTransform}\n                  data-test=\"selector-option\"\n                />\n\n                {idx !== notSelectedOptions.length - 1 && (\n                  <HorizontalDivider\n                    height=\"1px\"\n                    color=\"cl_lightGrey\"\n                    opacity=\"0.5\"\n                    sx={{ mx: \"2px\" }}\n                  />\n                )}\n              </React.Fragment>\n            ))}\n          </Box>\n        )}\n      </GridCenter>\n    </OutsideClickBox>\n  );\n};\n"],"names":["CustomSelector","value","onChange","options","width","textTransform","showOptions","setShowOptions","useState","notSelectedOptions","useMemo","filter","title","noOptions","length","jsx","OutsideClickBox","GridCenter","onClick","prev","position","gridTemplateColumns","gap","cursor","pb","borderBottom","borderColor","userSelect","EighteenRegular","ShortDownArrowIcon","transform","transition","Box","left","top","border","borderRadius","borderTopStyle","overflow","boxShadow","bg","map","option","idx","jsxs","React","CustomOptionBox","HorizontalDivider","mx"],"mappings":";;;;;;;;;;AAYO,MAAMA,IAAkCA,CAAC;AAAA,EAC9CC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA,IAAQ,CAAC,MAAM;AAAA,EACfC,eAAAA,IAAgB;AAClB,MAAM;AACJ,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAG9CC,IAAqBC,EAAQ,MAC1BP,EAAQQ,OAAO,CAAC;AAAA,IAAEC,OAAAA;AAAAA,EAAAA,MAAYA,MAAUX,EAAMW,KAAK,GACzD,CAACT,GAASF,CAAK,CAAC,GAEbY,IAAY,CAACJ,EAAmBK;AAItC,SACG,gBAAAC,EAAAC,GAAA,EACC,aAAU,mBACV,gBAAgB,MAAMT,EAAe,EAAK,GAE1C,4BAACU,GACC,EAAA,OAAAb,GACA,KAAI,OACJ,SAVUc,MAAM,CAACL,KAAaN,EAAgBY,CAAAA,MAAS,CAACA,CAAI,GAW5D,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,qBAAqB;AAAA,IACrBC,KAAK;AAAA,IACLC,QAAQV,IAAY,YAAY;AAAA,IAChCW,IAAI;AAAA,IACJC,cAAc;AAAA,IACdC,aAAapB,IAAc,YAAY;AAAA,IACvCqB,YAAY;AAAA,EAAA,GAEd,aAAU,iBAETd,UAAAA;AAAAA,IAAAA,IACE,gBAAAE,EAAAa,GAAA,EAAgB,OAAM,WAAU,UAAU,cAAA,IAE1C,gBAAAb,EAAAa,GAAA,EAAgB,QAAO,WAAU,eAAAvB,GAC/BJ,UAAAA,EAAMW,OACT;AAAA,IAGD,gBAAAG,EAAAc,GAAA,EACC,OAAM,QACN,OAAO;AAAA,MACLC,WAAY,UAASxB,IAAc,WAAW,MAAO;AAAA,MACrDyB,YAAY;AAAA,IAAA,GACZ;AAAA,IAGHzB,KACC,gBAAAS,EAACiB,GACC,EAAA,OAAA5B,GACA,IAAI;AAAA,MACFgB,UAAU;AAAA,MACVa,MAAM;AAAA,MACNC,KAAK;AAAA,MACLC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdV,aAAa;AAAA,MACbW,gBAAgB;AAAA,MAChBC,UAAU;AAAA,MACVC,WAAW;AAAA,MACXZ,YAAY;AAAA,MACZa,IAAI;AAAA,IACN,GACA,aAAU,gBAET/B,UAAmBgC,EAAAA,IAAI,CAACC,GAAQC,MAC/B,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAA9B,EAAC+B,GACKJ,EAAAA,GAAAA,GACJ,SAAS,MAAM;AACbxC,QAAAA,EAASwC,CAAM,GACfnC,EAAe,EAAK;AAAA,MAAA,GAEtB,eAAAF,GACA,aAAU,mBAAiB;AAAA,MAG5BsC,MAAQlC,EAAmBK,SAAS,KAClC,gBAAAC,EAAAgC,GAAA,EACC,QAAO,OACP,OAAM,gBACN,SAAQ,OACR,IAAI;AAAA,QAAEC,IAAI;AAAA,MAAA,GAEb;AAAA,IAAA,KAlBmB,GAAEL,CAAI,IAAGD,EAAO9B,KAAM,EAmB5C,CACD,GACH;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;"}

package/lib/sd-component-library116.js

@@ -1,9 +1,9 @@
-import { jsxs as l, jsx as o } from "./sd-component-library196.js";
-import { r as u } from "./sd-component-library193.js";
+import { jsxs as s, jsx as o } from "./sd-component-library195.js";
+import { useState as u } from "react";
 import { OutsideClickBox as x } from "./sd-component-library14.js";
-import { BaseLabel as h } from "./sd-component-library239.js";
+import { BaseLabel as h } from "./sd-component-library228.js";
 import { ReactComponent as S } from "./sd-component-library186.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library282.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library280.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library147.js";
 import { GridContainerV2 as O } from "./sd-component-library41.js";
 import { FlexCenter as y } from "./sd-component-library37.js";
@@ -11,18 +11,18 @@ const I = ({
   value: c,
   onChange: p,
   options: t,
-  width: a,
-  label: m,
+  width: m,
+  label: a,
   variant: i = "customSecondary",
   containerSx: d
 }) => {
-  const [r, s] = u.useState(!1), n = t.find((e) => e.id === c.id), f = () => s(!1);
-  return n ? /* @__PURE__ */ l(O, { width: a, variant: `_containers.selectors.${i}`, sx: {
+  const [r, n] = u(!1), l = t.find((e) => e.id === c.id), f = () => n(!1);
+  return l ? /* @__PURE__ */ s(O, { width: m, variant: `_containers.selectors.${i}`, sx: {
     cursor: "default",
     ...d
   }, children: [
-    /* @__PURE__ */ o(h, { variant: `selectors.${i}`, label: m }),
-    /* @__PURE__ */ l(x, { onClickOutside: f, onClick: () => s((e) => !e), sx: {
+    /* @__PURE__ */ o(h, { variant: `selectors.${i}`, label: a }),
+    /* @__PURE__ */ s(x, { onClickOutside: f, onClick: () => n((e) => !e), sx: {
       position: "relative",
       display: "grid",
       gridTemplateColumns: "1fr max-content",
@@ -33,7 +33,7 @@ const I = ({
       borderBottom: "2px solid",
       borderColor: "cl_lightGrey"
     }, children: [
-      /* @__PURE__ */ o(C, { fontSizeWeight: [18, "regular"], color: r ? "cl_purple" : "cl_darkGrey", children: n.title }),
+      /* @__PURE__ */ o(C, { fontSizeWeight: [18, "regular"], color: r ? "cl_purple" : "cl_darkGrey", children: l.title }),
       /* @__PURE__ */ o(y, { width: "10px", height: "10px", sx: {
         transform: `rotate3d(${r ? 1 : 0}, 0, 0, 180deg)`,
         transition: "all 0.2s",

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,WAAS,EAAK,GAE9CC,IAAiBR,EAAQS,KAAMC,OAAWA,EAAOC,OAAOb,EAAMa,EAAE,GAEhEC,IAAcA,MAAMN,EAAe,EAAK;AAE9C,SAAKE,sBAGFK,GACC,EAAA,OAAAZ,GACA,SAAU,yBAAwBE,CAAQ,IAC1C,IAAI;AAAA,IAAEW,QAAQ;AAAA,IAAW,GAAGV;AAAAA,EAE5B,GAAA,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAU,EAAA,SAAU,aAAYb,CAAQ,IAAG,OAAAD,GAAa;AAAA,IAEzD,gBAAAe,EAACC,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,MAAC,gBAAAZ,EAAAa,GAAA,EACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,OAAOvB,IAAc,cAAc,eAElCG,UAAAA,EAAeqB,MAClB,CAAA;AAAA,wBAECC,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,UAAC,gBAAAU,EAAAmB,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,MAEC7B,KACC,gBAAAU,EAACoB,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","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,sBAGFK,GACC,EAAA,OAAAZ,GACA,SAAU,yBAAwBE,CAAQ,IAC1C,IAAI;AAAA,IAAEW,QAAQ;AAAA,IAAW,GAAGV;AAAAA,EAE5B,GAAA,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAU,EAAA,SAAU,aAAYb,CAAQ,IAAG,OAAAD,GAAa;AAAA,IAEzD,gBAAAe,EAACC,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,MAAC,gBAAAZ,EAAAa,GAAA,EACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,OAAOvB,IAAc,cAAc,eAElCG,UAAAA,EAAeqB,MAClB,CAAA;AAAA,wBAECC,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,UAAC,gBAAAU,EAAAmB,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,MAEC7B,KACC,gBAAAU,EAACoB,GACC,EAAA,SAAAnC,GACA,UAAUD,GAEb;AAAA,IAAA,GACH;AAAA,EACF,EAAA,CAAA,IAnD0B;AAqD9B;"}

package/lib/sd-component-library117.js

@@ -1,4 +1,4 @@
-import { jsx as t } from "./sd-component-library196.js";
+import { jsx as t } from "./sd-component-library195.js";
 import { SecondaryCustomSelector as o } from "./sd-component-library116.js";
 const a = (r) => /* @__PURE__ */ t(o, { ...r, variant: "customTertiary" });
 export {

package/lib/sd-component-library118.js

@@ -1,11 +1,11 @@
-import { jsxs as n, jsx as e } from "./sd-component-library196.js";
-import { r as a } from "./sd-component-library193.js";
+import { jsxs as n, jsx as e } from "./sd-component-library195.js";
+import { useState as a } from "react";
 import { OutsideClickBox as f } from "./sd-component-library14.js";
 import { ReactComponent as x } from "./sd-component-library186.js";
 import { ResponsiveTextV2 as h } from "./sd-component-library147.js";
 import { BaseTextV2 as u } from "./sd-component-library135.js";
 import { FlexCenter as g } from "./sd-component-library37.js";
-import { SecondaryCustomSelectorOptionsBox as C } from "./sd-component-library282.js";
+import { SecondaryCustomSelectorOptionsBox as C } from "./sd-component-library280.js";
 const v = ({
   width: s,
   options: t,
@@ -13,7 +13,7 @@ const v = ({
   onChange: c,
   label: m
 }) => {
-  const [o, i] = a.useState(!1), l = t.find((r) => r.id === p.id), d = () => i(!1);
+  const [o, i] = a(!1), l = t.find((r) => r.id === p.id), d = () => i(!1);
   return l ? /* @__PURE__ */ n(f, { onClickOutside: d, onClick: () => i((r) => !r), sx: {
     width: s,
     position: "relative",

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,WAAS,EAAK,GAE9CC,IAAiBP,EAAQQ,KAAMC,OAAWA,EAAOC,OAAOT,EAAMS,EAAE,GAEhEC,IAAcA,MAAMN,EAAe,EAAK;AAE9C,SAAKE,IAGH,gBAAAK,EAACC,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,IAAA,gBAAAX,EAACY,KAAiB,gBAAgB,CAAC,IAAI,SAAS,GAAG,OAAM,WACtDrB,UAAAA;AAAAA,MAAAA;AAAAA,MAAO;AAAA,MACR,gBAAAsB,EAACC,GACC,EAAA,OAAOtB,IAAc,cAAc,eACnC,YAAW,OACX,SAAQ,UAEPG,UAAAA,EAAeoB,MAClB,CAAA;AAAA,IAAA,GACF;AAAA,sBAECC,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,UAAC,gBAAAqB,EAAAO,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,IAEC5B,KACC,gBAAAqB,EAACQ,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","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,IAGH,gBAAAK,EAACC,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,IAAA,gBAAAX,EAACY,KAAiB,gBAAgB,CAAC,IAAI,SAAS,GAAG,OAAM,WACtDrB,UAAAA;AAAAA,MAAAA;AAAAA,MAAO;AAAA,MACR,gBAAAsB,EAACC,GACC,EAAA,OAAOtB,IAAc,cAAc,eACnC,YAAW,OACX,SAAQ,UAEPG,UAAAA,EAAeoB,MAClB,CAAA;AAAA,IAAA,GACF;AAAA,sBAECC,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,UAAC,gBAAAqB,EAAAO,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,IAEC5B,KACC,gBAAAqB,EAACQ,GACC,EAAA,SAAAjC,GACA,UAAUE,GAEb;AAAA,EACH,EAAA,CAAA,IAhD0B;AAkD9B;"}

package/lib/sd-component-library119.js

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

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,EAAAA,QAAsC,OAEpDJ,IACG,CAACA,CAAmB,IACpB,CAAA,GACJK,OAAOJ,CAAO,GACf,CAACA,GAASD,CAAmB,CAAC,GAE3BM,IAAWC,cACf,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,2BACGW,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","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,2BACGW,GACC,EAAA,WAAWhB,GACX,SAASK,GACT,UAAAG,GACA,iBAAiB,CAAC,CAACN,GACnB,mBAAmB,CAACC,EAAQc,QACxBb,GAAAA,GACJ,aAAU,cACV,CAAA;AAEN;"}

package/lib/sd-component-library12.js

@@ -1,6 +1,6 @@
-import { jsx as e } from "./sd-component-library196.js";
-import "./sd-component-library197.js";
-import { Box as i } from "./sd-component-library198.js";
+import { jsx as e } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as i } from "./sd-component-library199.js";
 const d = (o) => {
   const {
     children: r,

package/lib/sd-component-library120.js

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

package/lib/sd-component-library121.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "./sd-component-library196.js";
+import { jsx as e } from "./sd-component-library195.js";
 import { SelectorV2 as o } from "./sd-component-library119.js";
 const c = (r) => {
   const {

package/lib/sd-component-library122.js

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

package/lib/sd-component-library123.js

@@ -1,22 +1,22 @@
-import { jsxs as c, jsx as t } from "./sd-component-library196.js";
-import { r as o } from "./sd-component-library193.js";
-import "./sd-component-library197.js";
-import { SelectorV2 as d } from "./sd-component-library119.js";
-import { Box as m } from "./sd-component-library198.js";
-import { ResponsiveTextV2 as p } from "./sd-component-library147.js";
-const y = ({
-  selectorLabel: r,
-  gap: i = 5,
-  ...a
+import { jsxs as n, jsx as t } from "./sd-component-library195.js";
+import { useState as c, useCallback as d } from "react";
+import "./sd-component-library198.js";
+import { SelectorV2 as m } from "./sd-component-library119.js";
+import { Box as p } from "./sd-component-library199.js";
+import { ResponsiveTextV2 as f } from "./sd-component-library147.js";
+const S = ({
+  selectorLabel: o,
+  gap: r = 5,
+  ...i
 }) => {
-  const [s, l] = o.useState(0), n = o.useCallback((e) => {
+  const [a, l] = c(0), s = d((e) => {
     e && l(e.getBoundingClientRect().width);
   }, []);
-  return /* @__PURE__ */ c(m, { sx: {
+  return /* @__PURE__ */ n(p, { sx: {
     position: "relative"
   }, "data-testid": "combined-secondary-selector-v2", children: [
-    /* @__PURE__ */ t(d, { ...a, variant: "secondaryV2", containerVariant: "combined", pl: `${s + i}px` }),
-    /* @__PURE__ */ t(p, { fontSizeWeight: [18, "regular"], color: "cl_grey", sx: {
+    /* @__PURE__ */ t(m, { ...i, variant: "secondaryV2", containerVariant: "combined", pl: `${a + r}px` }),
+    /* @__PURE__ */ t(f, { fontSizeWeight: [18, "regular"], color: "cl_grey", sx: {
       position: "absolute",
       left: 0,
       top: 0,
@@ -24,10 +24,10 @@ const y = ({
       height: "100%",
       alignItems: "flex-start",
       cursor: "default"
-    }, ref: n, "data-testid": "combined-secondary-selector-label", children: r })
+    }, ref: s, "data-testid": "combined-secondary-selector-label", children: o })
   ] });
 };
 export {
-  y as CombinedSecondarySelectorV2
+  S as CombinedSecondarySelectorV2
 };
 //# sourceMappingURL=sd-component-library123.js.map

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,WAAS,CAAC,GACxCC,IAAWC,cAAY,CAACC,MAAyB;AACjDA,IAAAA,KAAoBA,EAAAA,EAAKC,sBAAsB,EAAEC,KAAK;AAAA,EAC5D,GAAG,CAAE,CAAA;AAGH,SAAA,gBAAAC,EAACC,KACC,IAAI;AAAA,IAAEC,UAAU;AAAA,EAAA,GAChB,eAAY,kCAEZ,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EACC,GAAIb,GACJ,SAAQ,eACR,kBAAiB,YACjB,IAAK,GAAEC,IAAaF,CAAI,KAAI,CAAA;AAAA,IAG9B,gBAAAa,EAACE,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","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,SAAA,gBAAAC,EAACC,KACC,IAAI;AAAA,IAAEC,UAAU;AAAA,EAAA,GAChB,eAAY,kCAEZ,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EACC,GAAIb,GACJ,SAAQ,eACR,kBAAiB,YACjB,IAAK,GAAEC,IAAaF,CAAI,KAAI,CAAA;AAAA,IAG9B,gBAAAa,EAACE,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;"}

package/lib/sd-component-library124.js

@@ -1,8 +1,8 @@
-import { jsxs as n, jsx as o } from "./sd-component-library196.js";
-import { r as f } from "./sd-component-library193.js";
-import { BaseLabel as u } from "./sd-component-library239.js";
+import { jsxs as n, jsx as o } from "./sd-component-library195.js";
+import { useState as x } from "react";
+import { BaseLabel as u } from "./sd-component-library228.js";
 import { ReactComponent as h } from "./sd-component-library186.js";
-import { CustomScrollableOptionsBox as S } from "./sd-component-library284.js";
+import { CustomScrollableOptionsBox as S } from "./sd-component-library283.js";
 import { OutsideClickBox as b } from "./sd-component-library14.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library147.js";
 import { GridContainerV2 as g } from "./sd-component-library41.js";
@@ -15,13 +15,13 @@ const R = (s) => {
     width: a,
     label: m,
     containerSx: d
-  } = s, [e, i] = f.useState(!1), l = r.find((t) => t.id === c.id), x = () => i(!1);
+  } = s, [e, i] = x(!1), l = r.find((t) => t.id === c.id), f = () => i(!1);
   return l ? /* @__PURE__ */ n(g, { width: a, variant: "_containers.selectors.customScrollable", sx: {
     cursor: "default",
     ...d
   }, children: [
     /* @__PURE__ */ o(u, { variant: "selectors.customScrollable", label: m }),
-    /* @__PURE__ */ n(b, { onClickOutside: x, onClick: () => i((t) => !t), sx: {
+    /* @__PURE__ */ n(b, { onClickOutside: f, onClick: () => i((t) => !t), sx: {
       position: "relative",
       display: "grid",
       gridTemplateColumns: "1fr max-content",

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,WAAS,EAAK,GAE9CC,IAAiBP,EAAQQ,KAAMC,OAAWA,EAAOC,OAAOZ,EAAMY,EAAE,GAEhEC,IAAcA,MAAMN,EAAe,EAAK;AAE9C,SAAKE,IAGF,gBAAAK,EAAAC,GAAA,EACC,OAAAZ,GACA,SAAQ,0CACR,IAAI;AAAA,IAAEa,QAAQ;AAAA,IAAW,GAAGX;AAAAA,EAE5B,GAAA,UAAA;AAAA,IAAC,gBAAAY,EAAAC,GAAA,EAAU,SAAQ,8BAA6B,OAAAd,EAAa,CAAA;AAAA,IAE7D,gBAAAU,EAACK,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,MAAC,gBAAAZ,EAAAa,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,OAAM,aACrDrB,UAAAA,EAAesB,MAClB,CAAA;AAAA,wBAECC,GACC,EAAA,OAAM,QACN,QAAO,QACP,IAAI;AAAA,QACFC,WAAY,YAAW3B,IAAc,IAAI,CAAE;AAAA,QAC3C4B,YAAY;AAAA,QACZC,MAAM;AAAA,MACR,GAEA,UAAC,gBAAAlB,EAAAmB,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,MAEC9B,KACC,gBAAAW,EAACoB,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","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,IAGF,gBAAAK,EAAAC,GAAA,EACC,OAAAZ,GACA,SAAQ,0CACR,IAAI;AAAA,IAAEa,QAAQ;AAAA,IAAW,GAAGX;AAAAA,EAE5B,GAAA,UAAA;AAAA,IAAC,gBAAAY,EAAAC,GAAA,EAAU,SAAQ,8BAA6B,OAAAd,EAAa,CAAA;AAAA,IAE7D,gBAAAU,EAACK,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,MAAC,gBAAAZ,EAAAa,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,OAAM,aACrDrB,UAAAA,EAAesB,MAClB,CAAA;AAAA,wBAECC,GACC,EAAA,OAAM,QACN,QAAO,QACP,IAAI;AAAA,QACFC,WAAY,YAAW3B,IAAc,IAAI,CAAE;AAAA,QAC3C4B,YAAY;AAAA,QACZC,MAAM;AAAA,MACR,GAEA,UAAC,gBAAAlB,EAAAmB,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,MAEC9B,KACC,gBAAAW,EAACoB,GAA2B,EAAA,SAAAnC,GAAkB,UAAUD,GACzD;AAAA,IAAA,GACH;AAAA,EACF,EAAA,CAAA,IA9C0B;AAgD9B;"}

package/lib/sd-component-library125.js

@@ -1,10 +1,10 @@
-import { jsxs as i, jsx as o } from "./sd-component-library196.js";
-import { r as m } from "./sd-component-library193.js";
-import "./sd-component-library197.js";
-import { Flex as l } from "./sd-component-library198.js";
-import { CustomScrollableOptionsBox as x } from "./sd-component-library285.js";
+import { jsxs as i, jsx as o } from "./sd-component-library195.js";
+import { useState as m } from "react";
+import "./sd-component-library198.js";
+import { Flex as l } from "./sd-component-library199.js";
+import { CustomScrollableOptionsBox as x } from "./sd-component-library282.js";
 import { OutsideClickBox as d } from "./sd-component-library14.js";
-import { BaseLabel as f } from "./sd-component-library239.js";
+import { BaseLabel as f } from "./sd-component-library228.js";
 import { ReactComponent as h } from "./sd-component-library186.js";
 import { ResponsiveTextV2 as u } from "./sd-component-library147.js";
 const j = (t) => {
@@ -13,7 +13,7 @@ const j = (t) => {
     label: n,
     value: c,
     width: p
-  } = t, [e, r] = m.useState(!1);
+  } = t, [e, r] = m(!1);
   return /* @__PURE__ */ i(d, { onClickOutside: () => r(!1), onClick: () => r((a) => !a), sx: {
     width: p,
     position: "relative",

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library125.js","sources":["../src/components/selectors/primary-custom-scrollable-selector/primary-custom-scrollable-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../boxes\";\nimport { ShortDownArrowIcon } from \"../../icons\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { PrimaryCustomScrollableSelectorProps as Props } from \"./interfaces\";\nimport { CustomScrollableOptionsBox } from \"./partials/custom-scrollable-options-box\";\n\nexport const PrimaryCustomScrollableSelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { leftSlot, label, value, width } = props;\n\n  const [optionsVisible, setOptionsVisible] = useState(false);\n  const hideOptions = () => setOptionsVisible(false);\n  const onSelectorClick = () => setOptionsVisible((prev) => !prev);\n\n  return (\n    <OutsideClickBox\n      onClickOutside={hideOptions}\n      onClick={onSelectorClick}\n      sx={{ width, position: \"relative\", cursor: \"pointer\" }}\n    >\n      <BaseLabel variant=\"selectors.primaryV2\" label={label} />\n\n      <Flex\n        alignItems=\"center\"\n        sx={{\n          height: \"42px\",\n          borderRadius: \"3px\",\n          border: \"1px solid\",\n          borderColor: \"cl_lightGrey\",\n          px: \"16px\",\n        }}\n      >\n        {leftSlot}\n\n        <ResponsiveTextV2 fontSizeWeight={[[16, \"regular\"]]} color=\"cl_purple\">\n          {value.title}\n        </ResponsiveTextV2>\n\n        <Flex\n          width=\"10px\"\n          height=\"10px\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          ml=\"auto\"\n          sx={{\n            transform: `rotate3d(${optionsVisible ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"all 0.2s\",\n            fill: optionsVisible ? \"cl_purple\" : \"cl_blue\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </Flex>\n      </Flex>\n\n      <CustomScrollableOptionsBox isVisible={optionsVisible} {...props} />\n    </OutsideClickBox>\n  );\n};\n"],"names":["PrimaryCustomScrollableSelector","props","leftSlot","label","value","width","optionsVisible","setOptionsVisible","useState","OutsideClickBox","hideOptions","onSelectorClick","prev","position","cursor","jsx","BaseLabel","jsxs","Flex","height","borderRadius","border","borderColor","px","ResponsiveTextV2","title","transform","transition","fill","ShortDownArrowIcon","CustomScrollableOptionsBox"],"mappings":";;;;;;;;;AAWaA,MAAAA,IAAkC,CAC7CC,MACG;AACG,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,EAAUJ,IAAAA,GAEpC,CAACK,GAAgBC,CAAiB,IAAIC,WAAS,EAAK;AAI1D,2BACGC,GACC,EAAA,gBALgBC,MAAMH,EAAkB,EAAK,GAM7C,SALoBI,MAAMJ,EAAmBK,CAAAA,MAAS,CAACA,CAAI,GAM3D,IAAI;AAAA,IAAEP,OAAAA;AAAAA,IAAOQ,UAAU;AAAA,IAAYC,QAAQ;AAAA,EAE3C,GAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAQ,uBAAsB,OAAAb,EAAa,CAAA;AAAA,IAErD,gBAAAc,EAAAC,GAAA,EACC,YAAW,UACX,IAAI;AAAA,MACFC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,QAAQ;AAAA,MACRC,aAAa;AAAA,MACbC,IAAI;AAAA,IAGLrB,GAAAA,UAAAA;AAAAA,MAAAA;AAAAA,MAEA,gBAAAa,EAAAS,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC,GAAG,OAAM,aACxDpB,UAAAA,EAAMqB,MACT,CAAA;AAAA,MAEC,gBAAAV,EAAAG,GAAA,EACC,OAAM,QACN,QAAO,QACP,YAAW,UACX,gBAAe,UACf,IAAG,QACH,IAAI;AAAA,QACFQ,WAAY,YAAWpB,IAAiB,IAAI,CAAE;AAAA,QAC9CqB,YAAY;AAAA,QACZC,MAAMtB,IAAiB,cAAc;AAAA,MACvC,GAEA,UAAC,gBAAAS,EAAAc,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,IAAA,GACF;AAAA,IAEC,gBAAAd,EAAAe,GAAA,EAA2B,WAAWxB,GAAoBL,GAAAA,EAAM,CAAA;AAAA,EACnE,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library125.js","sources":["../src/components/selectors/primary-custom-scrollable-selector/primary-custom-scrollable-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../boxes\";\nimport { ShortDownArrowIcon } from \"../../icons\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { PrimaryCustomScrollableSelectorProps as Props } from \"./interfaces\";\nimport { CustomScrollableOptionsBox } from \"./partials/custom-scrollable-options-box\";\n\nexport const PrimaryCustomScrollableSelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { leftSlot, label, value, width } = props;\n\n  const [optionsVisible, setOptionsVisible] = useState(false);\n  const hideOptions = () => setOptionsVisible(false);\n  const onSelectorClick = () => setOptionsVisible((prev) => !prev);\n\n  return (\n    <OutsideClickBox\n      onClickOutside={hideOptions}\n      onClick={onSelectorClick}\n      sx={{ width, position: \"relative\", cursor: \"pointer\" }}\n    >\n      <BaseLabel variant=\"selectors.primaryV2\" label={label} />\n\n      <Flex\n        alignItems=\"center\"\n        sx={{\n          height: \"42px\",\n          borderRadius: \"3px\",\n          border: \"1px solid\",\n          borderColor: \"cl_lightGrey\",\n          px: \"16px\",\n        }}\n      >\n        {leftSlot}\n\n        <ResponsiveTextV2 fontSizeWeight={[[16, \"regular\"]]} color=\"cl_purple\">\n          {value.title}\n        </ResponsiveTextV2>\n\n        <Flex\n          width=\"10px\"\n          height=\"10px\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          ml=\"auto\"\n          sx={{\n            transform: `rotate3d(${optionsVisible ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"all 0.2s\",\n            fill: optionsVisible ? \"cl_purple\" : \"cl_blue\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </Flex>\n      </Flex>\n\n      <CustomScrollableOptionsBox isVisible={optionsVisible} {...props} />\n    </OutsideClickBox>\n  );\n};\n"],"names":["PrimaryCustomScrollableSelector","props","leftSlot","label","value","width","optionsVisible","setOptionsVisible","useState","OutsideClickBox","hideOptions","onSelectorClick","prev","position","cursor","jsx","BaseLabel","jsxs","Flex","height","borderRadius","border","borderColor","px","ResponsiveTextV2","title","transform","transition","fill","ShortDownArrowIcon","CustomScrollableOptionsBox"],"mappings":";;;;;;;;;AAWaA,MAAAA,IAAkC,CAC7CC,MACG;AACG,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,EAAUJ,IAAAA,GAEpC,CAACK,GAAgBC,CAAiB,IAAIC,EAAS,EAAK;AAI1D,2BACGC,GACC,EAAA,gBALgBC,MAAMH,EAAkB,EAAK,GAM7C,SALoBI,MAAMJ,EAAmBK,CAAAA,MAAS,CAACA,CAAI,GAM3D,IAAI;AAAA,IAAEP,OAAAA;AAAAA,IAAOQ,UAAU;AAAA,IAAYC,QAAQ;AAAA,EAE3C,GAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAQ,uBAAsB,OAAAb,EAAa,CAAA;AAAA,IAErD,gBAAAc,EAAAC,GAAA,EACC,YAAW,UACX,IAAI;AAAA,MACFC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,QAAQ;AAAA,MACRC,aAAa;AAAA,MACbC,IAAI;AAAA,IAGLrB,GAAAA,UAAAA;AAAAA,MAAAA;AAAAA,MAEA,gBAAAa,EAAAS,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC,GAAG,OAAM,aACxDpB,UAAAA,EAAMqB,MACT,CAAA;AAAA,MAEC,gBAAAV,EAAAG,GAAA,EACC,OAAM,QACN,QAAO,QACP,YAAW,UACX,gBAAe,UACf,IAAG,QACH,IAAI;AAAA,QACFQ,WAAY,YAAWpB,IAAiB,IAAI,CAAE;AAAA,QAC9CqB,YAAY;AAAA,QACZC,MAAMtB,IAAiB,cAAc;AAAA,MACvC,GAEA,UAAC,gBAAAS,EAAAc,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,IAAA,GACF;AAAA,IAEC,gBAAAd,EAAAe,GAAA,EAA2B,WAAWxB,GAAoBL,GAAAA,EAAM,CAAA;AAAA,EACnE,EAAA,CAAA;AAEJ;"}