@selfdecode/sd-component-library 4.0.73-vite14 → 4.0.73-vite15

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library256.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/compact-donut-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { getSegmentCoordinates } from \"../../../donut-diagram/utils\";\nimport { CompactDonutGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeSegment: React.FC<Props> = ({\n  segment,\n  size: diameter,\n  segmentWidth,\n  outlineWidth,\n  isMatching,\n}) => {\n  const { color } = segment;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startX,\n    startY,\n    arc,\n    startInnerY,\n    startInnerX,\n    endInnerY,\n    endInnerX,\n    endX,\n    endY,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  return (\n    <g>\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={isMatching ? color : theme.colors[\"cl_lightGrey\"]}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["CompactDonutGaugeSegment","segment","size","diameter","segmentWidth","outlineWidth","isMatching","color","radius","innerRadius","startX","startY","arc","startInnerY","startInnerX","endInnerY","endInnerX","endX","endY","getSegmentCoordinates","center","jsx","theme","colors"],"mappings":";;;AAMO,MAAMA,IAA4CA,CAAC;AAAA,EACxDC,SAAAA;AAAAA,EACAC,MAAMC;AAAAA,EACNC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,YAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,OAAAA;AAAAA,EAAUN,IAAAA,GAEZO,IAASL,IAAW,GACpBM,IAAcD,IAASJ,GAEvB;AAAA,IACJM,QAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,EACEC,IAAAA,EAAsBlB,GAASO,GAAQJ,CAAY,GAEjDgB,IAASjB,IAAW;AAE1B,gCACG,KAEC,EAAA,UAAA;AAAA,IAAAkB,gBAAAA,EAAA,IAAC,QACC,EAAA,GAAI,IAAGD,CAAO,IAAGA,CAAO,KAAIV,CAAO,IAAGC,CAAO,KAAIH,CAAO,IAAGA,CAAO,MAChEI,IAAM,MAAM,MAAM,GACnB,MAAKK,CAAK,IAAGC,CAAK,KACnB,MAAMZ,IAAaC,IAAQe,EAAMC,OAAO,cACxC,aAAalB,GACb,QAAO,SAAO;AAAA,IAIhBgB,gBAAAA,EAAAA,IAAC,QACC,EAAA,GAAI,IAAGD,CAAO,IAAGA,CAAO,KAAIN,CAAY,IAAGD,CAAY,KAAIJ,CAAY,IAAGA,CAAY,MACpFG,IAAM,MAAM,MAAM,GACnB,MAAKI,CAAU,IAAGD,CAAU,KAC7B,MAAK,QAAO,CAAA;AAAA,EAEhB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library256.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CompactDonutGaugeValueIndicatorProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeValueIndicator: React.FC<Props> = ({\n  segment: { start, end, color },\n  size,\n}) => {\n  return (\n    <foreignObject x={0} y={0} width={size} height={size}>\n      <FlexCenter height=\"100%\">\n        <ResponsiveTextV2\n          fontSizeWeight={[20, \"bold\"]}\n          color={color}\n          sx={{ position: \"relative\" }}\n        >\n          {Math.round((end - start) * 100)}\n\n          <ResponsiveTextV2\n            fontSizeWeight={[10, \"bold\"]}\n            color={color}\n            sx={{ position: \"absolute\", top: \"4px\", left: \"100%\" }}\n          >\n            %\n          </ResponsiveTextV2>\n        </ResponsiveTextV2>\n      </FlexCenter>\n    </foreignObject>\n  );\n};\n"],"names":["CompactDonutGaugeValueIndicator","segment","start","end","color","size","jsx","FlexCenter","ResponsiveTextV2","position","Math","round","top","left"],"mappings":";;;AAQO,MAAMA,IAAmDA,CAAC;AAAA,EAC/DC,SAAS;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,OAAAA;AAAAA,EAAM;AAAA,EAC7BC,MAAAA;AACF,MAEIC,gBAAAA,MAAC,mBAAc,GAAG,GAAG,GAAG,GAAG,OAAOD,GAAM,QAAQA,GAC9C,UAAAC,gBAAAA,EAAAA,IAACC,KAAW,QAAO,QACjB,iCAACC,GACC,EAAA,gBAAgB,CAAC,IAAI,MAAM,GAC3B,OAAAJ,GACA,IAAI;AAAA,EAAEK,UAAU;AAEfC,GAAAA,UAAAA;AAAAA,EAAKC,KAAAA,OAAOR,IAAMD,KAAS,GAAG;AAAA,EAE/BI,gBAAAA,MAACE,KACC,gBAAgB,CAAC,IAAI,MAAM,GAC3B,OAAAJ,GACA,IAAI;AAAA,IAAEK,UAAU;AAAA,IAAYG,KAAK;AAAA,IAAOC,MAAM;AAAA,EAAA,GAAS,UAGzD,KAAA;AAAA,GACF,GACF,EACF,CAAA;"}

package/lib/sd-component-library257.js

@@ -1,24 +1,18 @@
-import { j as t } from "./sd-component-library195.js";
-import { FlexCenter as s } from "./sd-component-library37.js";
-import { ResponsiveTextV2 as i } from "./sd-component-library147.js";
-const l = ({
-  segment: {
-    start: n,
-    end: r,
-    color: e
-  },
-  size: o
-}) => /* @__PURE__ */ t.jsx("foreignObject", { x: 0, y: 0, width: o, height: o, children: /* @__PURE__ */ t.jsx(s, { height: "100%", children: /* @__PURE__ */ t.jsxs(i, { fontSizeWeight: [20, "bold"], color: e, sx: {
-  position: "relative"
-}, children: [
-  Math.round((r - n) * 100),
-  /* @__PURE__ */ t.jsx(i, { fontSizeWeight: [10, "bold"], color: e, sx: {
-    position: "absolute",
-    top: "4px",
-    left: "100%"
-  }, children: "%" })
-] }) }) });
+import { j as x } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as p } from "./sd-component-library199.js";
+const $ = ({
+  idx: o,
+  color: t,
+  total: i,
+  segmentHeight: r
+}) => {
+  const s = `${o === 0 ? r / 2 : 0}px`, a = `${o === i - 1 ? r / 2 : 0}px`;
+  return /* @__PURE__ */ x.jsx(p, { bg: t, height: r, sx: {
+    borderRadius: `${s} ${[...Array(2)].fill(a).join(" ")} ${s}`
+  } });
+};
 export {
-  l as CompactDonutGaugeValueIndicator
+  $ as LinearGaugeSegment
 };
 //# sourceMappingURL=sd-component-library257.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library257.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CompactDonutGaugeValueIndicatorProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeValueIndicator: React.FC<Props> = ({\n  segment: { start, end, color },\n  size,\n}) => {\n  return (\n    <foreignObject x={0} y={0} width={size} height={size}>\n      <FlexCenter height=\"100%\">\n        <ResponsiveTextV2\n          fontSizeWeight={[20, \"bold\"]}\n          color={color}\n          sx={{ position: \"relative\" }}\n        >\n          {Math.round((end - start) * 100)}\n\n          <ResponsiveTextV2\n            fontSizeWeight={[10, \"bold\"]}\n            color={color}\n            sx={{ position: \"absolute\", top: \"4px\", left: \"100%\" }}\n          >\n            %\n          </ResponsiveTextV2>\n        </ResponsiveTextV2>\n      </FlexCenter>\n    </foreignObject>\n  );\n};\n"],"names":["CompactDonutGaugeValueIndicator","segment","start","end","color","size","jsx","FlexCenter","ResponsiveTextV2","position","Math","round","top","left"],"mappings":";;;AAQO,MAAMA,IAAmDA,CAAC;AAAA,EAC/DC,SAAS;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,OAAAA;AAAAA,EAAM;AAAA,EAC7BC,MAAAA;AACF,MAEIC,gBAAAA,MAAC,mBAAc,GAAG,GAAG,GAAG,GAAG,OAAOD,GAAM,QAAQA,GAC9C,UAAAC,gBAAAA,EAAAA,IAACC,KAAW,QAAO,QACjB,iCAACC,GACC,EAAA,gBAAgB,CAAC,IAAI,MAAM,GAC3B,OAAAJ,GACA,IAAI;AAAA,EAAEK,UAAU;AAEfC,GAAAA,UAAAA;AAAAA,EAAKC,KAAAA,OAAOR,IAAMD,KAAS,GAAG;AAAA,EAE/BI,gBAAAA,MAACE,KACC,gBAAgB,CAAC,IAAI,MAAM,GAC3B,OAAAJ,GACA,IAAI;AAAA,IAAEK,UAAU;AAAA,IAAYG,KAAK;AAAA,IAAOC,MAAM;AAAA,EAAA,GAAS,UAGzD,KAAA;AAAA,GACF,GACF,EACF,CAAA;"}
+{"version":3,"file":"sd-component-library257.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n  idx,\n  color,\n  total,\n  segmentHeight,\n}) => {\n  const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n  const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n  return (\n    <Box\n      bg={color}\n      height={segmentHeight}\n      sx={{\n        borderRadius: `${leftRadius} ${[...Array(2)]\n          .fill(rightRadius)\n          .join(\" \")} ${leftRadius}`,\n      }}\n    />\n  );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","Box","borderRadius","Array","fill","join"],"mappings":";;;AAMO,MAAMA,IAAsCA,CAAC;AAAA,EAClDC,KAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA;AACF,MAAM;AACJ,QAAMC,IAAc,GAAEJ,MAAQ,IAAIG,IAAgB,IAAI,CAAE,MAClDE,IAAe,GAAEL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAE;AAEjE,+BACGG,GACC,EAAA,IAAIL,GACJ,QAAQE,GACR,IAAI;AAAA,IACFI,cAAe,GAAEH,CAAW,IAAG,CAAC,GAAGI,MAAM,CAAC,CAAC,EACxCC,KAAKJ,CAAW,EAChBK,KAAK,GAAG,CAAE,IAAGN,CAAW;AAAA,EAE7B,EAAA,CAAA;AAEN;"}

package/lib/sd-component-library258.js

@@ -1,18 +1,11 @@
-import { j as x } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { Box as p } from "./sd-component-library199.js";
-const $ = ({
-  idx: o,
+import { j as o } from "./sd-component-library195.js";
+import { ResponsiveTextV2 as r } from "./sd-component-library147.js";
+const m = ({
+  text: e,
   color: t,
-  total: i,
-  segmentHeight: r
-}) => {
-  const s = `${o === 0 ? r / 2 : 0}px`, a = `${o === i - 1 ? r / 2 : 0}px`;
-  return /* @__PURE__ */ x.jsx(p, { bg: t, height: r, sx: {
-    borderRadius: `${s} ${[...Array(2)].fill(a).join(" ")} ${s}`
-  } });
-};
+  ...i
+}) => /* @__PURE__ */ o.jsx(r, { height: "12px", fontSizeWeight: [10, "semi-bold"], color: t, mx: "auto", maxWidth: "100%", textAlign: "center", ...i, children: e });
 export {
-  $ as LinearGaugeSegment
+  m as LinearGaugeLabel
 };
 //# sourceMappingURL=sd-component-library258.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library258.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n  idx,\n  color,\n  total,\n  segmentHeight,\n}) => {\n  const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n  const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n  return (\n    <Box\n      bg={color}\n      height={segmentHeight}\n      sx={{\n        borderRadius: `${leftRadius} ${[...Array(2)]\n          .fill(rightRadius)\n          .join(\" \")} ${leftRadius}`,\n      }}\n    />\n  );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","Box","borderRadius","Array","fill","join"],"mappings":";;;AAMO,MAAMA,IAAsCA,CAAC;AAAA,EAClDC,KAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA;AACF,MAAM;AACJ,QAAMC,IAAc,GAAEJ,MAAQ,IAAIG,IAAgB,IAAI,CAAE,MAClDE,IAAe,GAAEL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAE;AAEjE,+BACGG,GACC,EAAA,IAAIL,GACJ,QAAQE,GACR,IAAI;AAAA,IACFI,cAAe,GAAEH,CAAW,IAAG,CAAC,GAAGI,MAAM,CAAC,CAAC,EACxCC,KAAKJ,CAAW,EAChBK,KAAK,GAAG,CAAE,IAAGN,CAAW;AAAA,EAE7B,EAAA,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library258.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../texts\";\nimport { LinearGaugeLabelProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeLabel: React.FC<Props> = ({\n  text,\n  color,\n  ...restOfProps\n}) => {\n  return (\n    <ResponsiveTextV2\n      height=\"12px\"\n      fontSizeWeight={[10, \"semi-bold\"]}\n      color={color}\n      mx=\"auto\"\n      maxWidth=\"100%\"\n      textAlign=\"center\"\n      {...restOfProps}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["LinearGaugeLabel","text","color","restOfProps","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoCA,CAAC;AAAA,EAChDC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACL,4BAEKC,GACC,EAAA,QAAO,QACP,gBAAgB,CAAC,IAAI,WAAW,GAChC,OAAAF,GACA,IAAG,QACH,UAAS,QACT,WAAU,UACV,GAAIC,GAEHF,UACHA,EAAA,CAAA;"}

package/lib/sd-component-library259.js

@@ -1,11 +1,54 @@
-import { j as o } from "./sd-component-library195.js";
-import { ResponsiveTextV2 as r } from "./sd-component-library147.js";
-const m = ({
-  text: e,
-  color: t,
-  ...i
-}) => /* @__PURE__ */ o.jsx(r, { height: "12px", fontSizeWeight: [10, "semi-bold"], color: t, mx: "auto", maxWidth: "100%", textAlign: "center", ...i, children: e });
+import { j as n } from "./sd-component-library195.js";
+import { useHover as Z } from "./sd-component-library3.js";
+import { getCoordinateForArc as l } from "./sd-component-library89.js";
+import { getSegmentCoordinates as O } from "./sd-component-library254.js";
+import { SegmentLabel as q } from "./sd-component-library708.js";
+const h = 300, G = ({
+  segment: o,
+  segmentWidth: $,
+  outlineWidth: f,
+  size: i,
+  mobile: a,
+  ...c
+}) => {
+  const {
+    start: p,
+    end: x,
+    color: u
+  } = o, {
+    labelOffset: j
+  } = c, t = i / 2, d = t - $, {
+    startInnerX: k,
+    startInnerY: A,
+    endInnerX: M,
+    endInnerY: X,
+    endX: Y,
+    endY: v,
+    startY: S,
+    startX: g,
+    arc: e
+  } = O(o, t, $), r = i / 2, H = Math.round(p * 360), I = Math.round(x * 360), {
+    isHover: L,
+    hoverCallbacks: w
+  } = Z(), m = L && !a, s = Math.sqrt(2) * (t + j), {
+    x: y,
+    y: C
+  } = l(s, H, t), {
+    x: E,
+    y: R
+  } = l(s, I, t);
+  return /* @__PURE__ */ n.jsxs("g", { ...a ? {} : w, children: [
+    /* @__PURE__ */ n.jsx("path", { d: `M${r},${r} L${y},${C} A${s},${s} 0 ${e > 180 ? "1" : "0"},1 ${E},${R}Z`, fill: "transparent" }),
+    /* @__PURE__ */ n.jsx("path", { d: `M${r},${r} L${g},${S} A${t},${t} 0 ${e > 180 ? "1" : "0"},1 ${Y},${v}Z`, fill: u, strokeWidth: f, stroke: "white" }),
+    /* @__PURE__ */ n.jsx("path", { d: `M${r},${r} L${k},${A} A${d},${d} 0 ${e > 180 ? "1" : "0"},1 ${M},${X}Z`, fill: "white", style: {
+      transform: `scale(${m ? 0.8 : 1}`,
+      transformOrigin: "center",
+      transition: `all ${h}ms`
+    } }),
+    /* @__PURE__ */ n.jsx(q, { segment: o, radius: t, animationDuration: h, isHover: m, mobile: a, ...c })
+  ] });
+};
 export {
-  m as LinearGaugeLabel
+  G as Segment
 };
 //# sourceMappingURL=sd-component-library259.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library259.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../texts\";\nimport { LinearGaugeLabelProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeLabel: React.FC<Props> = ({\n  text,\n  color,\n  ...restOfProps\n}) => {\n  return (\n    <ResponsiveTextV2\n      height=\"12px\"\n      fontSizeWeight={[10, \"semi-bold\"]}\n      color={color}\n      mx=\"auto\"\n      maxWidth=\"100%\"\n      textAlign=\"center\"\n      {...restOfProps}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["LinearGaugeLabel","text","color","restOfProps","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoCA,CAAC;AAAA,EAChDC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACL,4BAEKC,GACC,EAAA,QAAO,QACP,gBAAgB,CAAC,IAAI,WAAW,GAChC,OAAAF,GACA,IAAG,QACH,UAAS,QACT,WAAU,UACV,GAAIC,GAEHF,UACHA,EAAA,CAAA;"}
+{"version":3,"file":"sd-component-library259.js","sources":["../src/components/meters/donut-diagram/partials/segment/segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { getSegmentCoordinates } from \"../../utils\";\nimport { SegmentLabel } from \"../segment-label\";\nimport { SegmentProps as Props } from \"./interfaces\";\n\nconst animationDuration = 300;\n\nexport const Segment: React.FC<Props> = ({\n  segment,\n  segmentWidth,\n  outlineWidth,\n  size: diameter,\n  mobile,\n  ...labelProps\n}) => {\n  const { start, end, color } = segment;\n  const { labelOffset } = labelProps;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startInnerX,\n    startInnerY,\n    endInnerX,\n    endInnerY,\n    endX,\n    endY,\n    startY,\n    startX,\n    arc,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  const startAlpha = Math.round(start * 360);\n  const endAlpha = Math.round(end * 360);\n\n  const { isHover, hoverCallbacks } = useHover();\n  const showHover = isHover && !mobile;\n\n  const maxRadius = Math.sqrt(2) * (radius + labelOffset);\n\n  const { x: maskStartX, y: maskStartY } = getCoordinateForArc(\n    maxRadius,\n    startAlpha,\n    radius\n  );\n\n  const { x: maskEndX, y: maskEndY } = getCoordinateForArc(\n    maxRadius,\n    endAlpha,\n    radius\n  );\n\n  return (\n    <g {...(mobile ? {} : hoverCallbacks)}>\n      {/* mask */}\n      <path\n        d={`M${center},${center} L${maskStartX},${maskStartY} A${maxRadius},${maxRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${maskEndX},${maskEndY}Z`}\n        fill=\"transparent\"\n      />\n\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={color}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n        style={{\n          transform: `scale(${showHover ? 0.8 : 1}`,\n          transformOrigin: \"center\",\n          transition: `all ${animationDuration}ms`,\n        }}\n      />\n\n      <SegmentLabel\n        segment={segment}\n        radius={radius}\n        animationDuration={animationDuration}\n        isHover={showHover}\n        mobile={mobile}\n        {...labelProps}\n      />\n    </g>\n  );\n};\n"],"names":["animationDuration","Segment","segment","segmentWidth","outlineWidth","size","diameter","mobile","labelProps","start","end","color","labelOffset","radius","innerRadius","startInnerX","startInnerY","endInnerX","endInnerY","endX","endY","startY","startX","arc","getSegmentCoordinates","center","startAlpha","Math","round","endAlpha","isHover","hoverCallbacks","useHover","showHover","maxRadius","sqrt","x","maskStartX","y","maskStartY","getCoordinateForArc","maskEndX","maskEndY","jsx","transform","transformOrigin","transition","SegmentLabel"],"mappings":";;;;;AAQA,MAAMA,IAAoB,KAEbC,IAA2BA,CAAC;AAAA,EACvCC,SAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,MAAMC;AAAAA,EACNC,QAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,OAAAA;AAAAA,EAAUT,IAAAA,GACxB;AAAA,IAAEU,aAAAA;AAAAA,EAAgBJ,IAAAA,GAElBK,IAASP,IAAW,GACpBQ,IAAcD,IAASV,GAEvB;AAAA,IACJY,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,KAAAA;AAAAA,EACEC,IAAAA,EAAsBtB,GAASW,GAAQV,CAAY,GAEjDsB,IAASnB,IAAW,GAEpBoB,IAAaC,KAAKC,MAAMnB,IAAQ,GAAG,GACnCoB,IAAWF,KAAKC,MAAMlB,IAAM,GAAG,GAE/B;AAAA,IAAEoB,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS,GACvCC,IAAYH,KAAW,CAACvB,GAExB2B,IAAYP,KAAKQ,KAAK,CAAC,KAAKtB,IAASD,IAErC;AAAA,IAAEwB,GAAGC;AAAAA,IAAYC,GAAGC;AAAAA,EAAeC,IAAAA,EACvCN,GACAR,GACAb,CACF,GAEM;AAAA,IAAEuB,GAAGK;AAAAA,IAAUH,GAAGI;AAAAA,EAAaF,IAAAA,EACnCN,GACAL,GACAhB,CACF;AAEA,gCACG,KAAON,EAAAA,GAAAA,IAAS,KAAKwB,GAEpB,UAAA;AAAA,IAACY,gBAAAA,EAAAA,IAAA,QAAA,EACC,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIY,CAAW,IAAGE,CAAW,KAAIL,CAAU,IAAGA,CAAU,MAC9EX,IAAM,MAAM,MAAM,GACnB,MAAKkB,CAAS,IAAGC,CAAS,KAC3B,MAAK,cAAa,CAAA;AAAA,IAInBC,gBAAAA,EAAA,IAAA,QAAA,EACC,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIH,CAAO,IAAGD,CAAO,KAAIR,CAAO,IAAGA,CAAO,MAChEU,IAAM,MAAM,MAAM,GACnB,MAAKJ,CAAK,IAAGC,CAAK,KACnB,MAAMT,GACN,aAAaP,GACb,QAAO,SAAO;AAAA,IAIhBuC,gBAAAA,EAAAA,IAAC,QACC,EAAA,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIV,CAAY,IAAGC,CAAY,KAAIF,CAAY,IAAGA,CAAY,MACpFS,IAAM,MAAM,MAAM,GACnB,MAAKN,CAAU,IAAGC,CAAU,KAC7B,MAAK,SACL,OAAO;AAAA,MACL0B,WAAY,SAAQX,IAAY,MAAM,CAAE;AAAA,MACxCY,iBAAiB;AAAA,MACjBC,YAAa,OAAM9C,CAAkB;AAAA,IAAA,GACrC;AAAA,IAGJ2C,gBAAAA,EAAAA,IAACI,KACC,SAAA7C,GACA,QAAAW,GACA,mBAAAb,GACA,SAASiC,GACT,QAAA1B,GACA,GAAIC,GAAW;AAAA,EAEnB,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library261.js

@@ -1,5 +1,5 @@
 import O from "./sd-component-library355.js";
-import D from "./sd-component-library311.js";
+import D from "./sd-component-library312.js";
 import o from "./sd-component-library308.js";
 import v from "react";
 import b from "react-dom";

package/lib/sd-component-library263.js

@@ -1,20 +1,18 @@
-import { j as i } from "./sd-component-library195.js";
-import { FlexCenter as l } from "./sd-component-library37.js";
-const x = ({
-  children: t,
-  disabled: o,
-  onClick: e
-}) => {
-  const r = o ? "cl_lightGrey" : "cl_blue";
-  return /* @__PURE__ */ i.jsx(l, { height: "100%", sx: {
-    borderWidth: "2px",
-    borderColor: r,
-    borderStyle: "solid",
-    borderRadius: "5px",
-    fill: r
-  }, onClick: o ? void 0 : e, children: t });
+import { j as n } from "./sd-component-library195.js";
+import { Button as a } from "./sd-component-library28.js";
+const u = (r) => {
+  const {
+    borderColor: e,
+    borderStyle: o,
+    borderWidth: i,
+    fill: d,
+    width: l,
+    height: h,
+    disabled: t
+  } = r;
+  return /* @__PURE__ */ n.jsx(a, { ...r, width: l || ["30px"], height: h || ["30px"], borderColor: t ? "cl_lightGrey" : e || "#4668F8", borderStyle: o || "solid", borderWidth: i || "2px", fill: t ? "cl_lightGrey" : d || "#4668F8", "data-test": "square-button", variant: "_square", children: r.children });
 };
 export {
-  x as PaginationBarButton
+  u as SquareButton
 };
 //# sourceMappingURL=sd-component-library263.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library263.js","sources":["../src/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-button/pagination-bar-button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { PaginationBarButtonProps as Props } from \"./interfaces\";\n\nexport const PaginationBarButton: React.FC<PropsWithChildren<Props>> = ({\n  children,\n  disabled,\n  onClick,\n}) => {\n  const color = disabled ? \"cl_lightGrey\" : \"cl_blue\";\n  return (\n    <FlexCenter\n      height=\"100%\"\n      sx={{\n        borderWidth: \"2px\",\n        borderColor: color,\n        borderStyle: \"solid\",\n        borderRadius: \"5px\",\n        fill: color,\n      }}\n      onClick={disabled ? undefined : onClick}\n    >\n      {children}\n    </FlexCenter>\n  );\n};\n"],"names":["PaginationBarButton","children","disabled","onClick","color","jsx","FlexCenter","borderWidth","borderColor","borderStyle","borderRadius","fill","undefined"],"mappings":";;AAKO,MAAMA,IAA0DA,CAAC;AAAA,EACtEC,UAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AACF,MAAM;AACEC,QAAAA,IAAQF,IAAW,iBAAiB;AAC1C,SACGG,gBAAAA,EAAA,IAAAC,GAAA,EACC,QAAO,QACP,IAAI;AAAA,IACFC,aAAa;AAAA,IACbC,aAAaJ;AAAAA,IACbK,aAAa;AAAA,IACbC,cAAc;AAAA,IACdC,MAAMP;AAAAA,EAAAA,GAER,SAASF,IAAWU,SAAYT,GAE/BF,UAAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library263.js","sources":["../src/components/buttons/partials/square-button/square-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { SquareButtonProps } from \"./interfaces\";\n\n/**\n * The circle button.\n */\nexport const SquareButton: React.FunctionComponent<SquareButtonProps> = (\n  props: SquareButtonProps\n): React.ReactElement<SquareButtonProps> => {\n  const {\n    borderColor,\n    borderStyle,\n    borderWidth,\n    fill,\n    width,\n    height,\n    disabled,\n  } = props;\n  return (\n    <Button\n      {...props}\n      width={width || [\"30px\"]}\n      height={height || [\"30px\"]}\n      borderColor={!disabled ? borderColor || \"#4668F8\" : \"cl_lightGrey\"}\n      borderStyle={borderStyle || \"solid\"}\n      borderWidth={borderWidth || \"2px\"}\n      fill={!disabled ? fill || \"#4668F8\" : \"cl_lightGrey\"}\n      data-test=\"square-button\"\n      variant=\"_square\"\n    >\n      {props.children}\n    </Button>\n  );\n};\n"],"names":["SquareButton","props","borderColor","borderStyle","borderWidth","fill","width","height","disabled","Button","children"],"mappings":";;AAQaA,MAAAA,IAA2DA,CACtEC,MAC0C;AACpC,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,UAAAA;AAAAA,EACEP,IAAAA;AACJ,+BACGQ,GACC,EAAA,GAAIR,GACJ,OAAOK,KAAS,CAAC,MAAM,GACvB,QAAQC,KAAU,CAAC,MAAM,GACzB,aAAcC,IAAsC,iBAA3BN,KAAe,WACxC,aAAaC,KAAe,SAC5B,aAAaC,KAAe,OAC5B,MAAOI,IAA+B,iBAApBH,KAAQ,WAC1B,aAAU,iBACV,SAAQ,WAEPJ,YAAMS,SACT,CAAA;AAEJ;"}

package/lib/sd-component-library265.js

@@ -1,18 +1,22 @@
-import { j as r } from "./sd-component-library195.js";
-import { ResponsiveTextV2 as t } from "./sd-component-library147.js";
-const n = ({
-  children: e
-}) => /* @__PURE__ */ r.jsx(t, { fontSizeWeight: [18, "regular"], sx: {
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  height: "100%",
-  borderRadius: "5px",
-  borderWidth: "1px",
-  borderColor: "cl_lightGrey",
-  borderStyle: "solid"
-}, children: e });
+import { j as t } from "./sd-component-library195.js";
+import { ResponsiveTextV2 as o } from "./sd-component-library147.js";
+const s = (e) => {
+  const {
+    currentPage: r
+  } = e;
+  return /* @__PURE__ */ t.jsx(o, { fontSizeWeight: [14, "regular"], sx: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderColor: "cl_lightGrey",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderRadius: "3px",
+    height: "30px",
+    minWidth: "30px"
+  }, children: r });
+};
 export {
-  n as PaginationBarCurrentPage
+  s as CurrentPage
 };
 //# sourceMappingURL=sd-component-library265.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library265.js","sources":["../src/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-current-page/pagination-bar-current-page.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\n\nexport const PaginationBarCurrentPage: React.FC<PropsWithChildren<{}>> = ({\n  children,\n}) => {\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[18, \"regular\"]}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        height: \"100%\",\n        borderRadius: \"5px\",\n        borderWidth: \"1px\",\n        borderColor: \"cl_lightGrey\",\n        borderStyle: \"solid\",\n      }}\n    >\n      {children}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["PaginationBarCurrentPage","children","ResponsiveTextV2","display","alignItems","justifyContent","height","borderRadius","borderWidth","borderColor","borderStyle"],"mappings":";;AAIO,MAAMA,IAA4DA,CAAC;AAAA,EACxEC,UAAAA;AACF,4BAEKC,GACC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,EACFC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChBC,QAAQ;AAAA,EACRC,cAAc;AAAA,EACdC,aAAa;AAAA,EACbC,aAAa;AAAA,EACbC,aAAa;AAAA,GAGdT,UAAAA,EACH,CAAA;"}
+{"version":3,"file":"sd-component-library265.js","sources":["../src/components/page-selectors/page-selector/partials/current-page/current-page.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CurrentPageProps as Props } from \"./interfaces\";\n\nexport const CurrentPage: React.FC<Props> = (props) => {\n  const { currentPage } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[14, \"regular\"]}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        borderColor: \"cl_lightGrey\",\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderRadius: \"3px\",\n        height: \"30px\",\n        minWidth: \"30px\",\n      }}\n    >\n      {currentPage}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["CurrentPage","props","currentPage","ResponsiveTextV2","display","alignItems","justifyContent","borderColor","borderWidth","borderStyle","borderRadius","height","minWidth"],"mappings":";;AAKO,MAAMA,IAAgCC,CAAUA,MAAA;AAC/C,QAAA;AAAA,IAAEC,aAAAA;AAAAA,EAAgBD,IAAAA;AAExB,+BACGE,GACC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,IACFC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,cAAc;AAAA,IACdC,QAAQ;AAAA,IACRC,UAAU;AAAA,EAAA,GAGXV,UACHA,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library267.js

@@ -1,18 +1,20 @@
-import { j as e } from "./sd-component-library195.js";
-import { FlexCenterSpaceBetween as p } from "./sd-component-library37.js";
-import { ResponsiveTextV2 as t } from "./sd-component-library147.js";
-const h = ({
-  title: i,
-  secondaryText: r,
-  onClick: o,
-  textTransform: n
-}) => /* @__PURE__ */ e.jsxs(p, { width: "100%", p: "12px 16px", onClick: o, bg: "white", sx: {
-  cursor: "pointer"
-}, children: [
-  /* @__PURE__ */ e.jsx(t, { fontSizeWeight: [16, "regular"], textTransform: n, children: i }),
-  r && /* @__PURE__ */ e.jsx(t, { fontSizeWeight: [14, "regular"], children: r })
-] });
+import { j as i } from "./sd-component-library195.js";
+import { FlexCenter as l } from "./sd-component-library37.js";
+const x = ({
+  children: t,
+  disabled: o,
+  onClick: e
+}) => {
+  const r = o ? "cl_lightGrey" : "cl_blue";
+  return /* @__PURE__ */ i.jsx(l, { height: "100%", sx: {
+    borderWidth: "2px",
+    borderColor: r,
+    borderStyle: "solid",
+    borderRadius: "5px",
+    fill: r
+  }, onClick: o ? void 0 : e, children: t });
+};
 export {
-  h as CustomOptionBox
+  x as PaginationBarButton
 };
 //# sourceMappingURL=sd-component-library267.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library267.js","sources":["../src/components/selectors/custom-selector/partials/custom-option-box/custom-option-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexCenterSpaceBetween } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CustomOptionBoxProps as Props } from \"./interfaces\";\n\nexport const CustomOptionBox: React.FC<Props> = ({\n  title,\n  secondaryText,\n  onClick,\n  textTransform,\n}) => {\n  return (\n    <FlexCenterSpaceBetween\n      width=\"100%\"\n      p=\"12px 16px\"\n      onClick={onClick}\n      bg=\"white\"\n      sx={{ cursor: \"pointer\" }}\n    >\n      <ResponsiveTextV2\n        fontSizeWeight={[16, \"regular\"]}\n        textTransform={textTransform}\n      >\n        {title}\n      </ResponsiveTextV2>\n\n      {secondaryText && (\n        <ResponsiveTextV2 fontSizeWeight={[14, \"regular\"]}>\n          {secondaryText}\n        </ResponsiveTextV2>\n      )}\n    </FlexCenterSpaceBetween>\n  );\n};\n"],"names":["CustomOptionBox","title","secondaryText","onClick","textTransform","jsxs","FlexCenterSpaceBetween","cursor","jsx","ResponsiveTextV2"],"mappings":";;;AAMO,MAAMA,IAAmCA,CAAC;AAAA,EAC/CC,OAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AACF,MAEIC,gBAAAA,OAACC,KACC,OAAM,QACN,GAAE,aACF,SAAAH,GACA,IAAG,SACH,IAAI;AAAA,EAAEI,QAAQ;AAEd,GAAA,UAAA;AAAA,EAAAC,gBAAAA,MAACC,KACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,eAAAL,GAECH,UACHA,GAAA;AAAA,EAECC,2BACEO,GAAiB,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC7CP,UACHA,GAAA;AAEJ,EAAA,CAAA;"}
+{"version":3,"file":"sd-component-library267.js","sources":["../src/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-button/pagination-bar-button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { PaginationBarButtonProps as Props } from \"./interfaces\";\n\nexport const PaginationBarButton: React.FC<PropsWithChildren<Props>> = ({\n  children,\n  disabled,\n  onClick,\n}) => {\n  const color = disabled ? \"cl_lightGrey\" : \"cl_blue\";\n  return (\n    <FlexCenter\n      height=\"100%\"\n      sx={{\n        borderWidth: \"2px\",\n        borderColor: color,\n        borderStyle: \"solid\",\n        borderRadius: \"5px\",\n        fill: color,\n      }}\n      onClick={disabled ? undefined : onClick}\n    >\n      {children}\n    </FlexCenter>\n  );\n};\n"],"names":["PaginationBarButton","children","disabled","onClick","color","jsx","FlexCenter","borderWidth","borderColor","borderStyle","borderRadius","fill","undefined"],"mappings":";;AAKO,MAAMA,IAA0DA,CAAC;AAAA,EACtEC,UAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AACF,MAAM;AACEC,QAAAA,IAAQF,IAAW,iBAAiB;AAC1C,SACGG,gBAAAA,EAAA,IAAAC,GAAA,EACC,QAAO,QACP,IAAI;AAAA,IACFC,aAAa;AAAA,IACbC,aAAaJ;AAAAA,IACbK,aAAa;AAAA,IACbC,cAAc;AAAA,IACdC,MAAMP;AAAAA,EAAAA,GAER,SAASF,IAAWU,SAAYT,GAE/BF,UAAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library268.js

@@ -1,35 +1,18 @@
 import { j as r } from "./sd-component-library195.js";
-import c from "react";
-import "./sd-component-library198.js";
-import { Box as m } from "./sd-component-library199.js";
-import { TriangularPointerIcon as n } from "./sd-component-library189.js";
-import { SecondaryCustomSelectorOptionRow as x } from "./sd-component-library709.js";
-import { HorizontalDivider as i } from "./sd-component-library51.js";
-const g = ({
-  options: t,
-  onSelect: l
-}) => {
-  const s = (o) => () => l(o);
-  return /* @__PURE__ */ r.jsxs(m, { sx: {
-    position: "absolute",
-    right: "-16px",
-    top: "calc(100% - 12px)",
-    minWidth: "calc(100% + 16px)",
-    zIndex: 1
-  }, children: [
-    /* @__PURE__ */ r.jsx(n, { direction: "top", mr: "15px", ml: "auto" }),
-    /* @__PURE__ */ r.jsx(i, { height: "2px", color: "cl_purple" }),
-    t.map((o, e) => /* @__PURE__ */ r.jsxs(c.Fragment, { children: [
-      e !== 0 && /* @__PURE__ */ r.jsx(i, { color: "cl_headerLine", sx: {
-        borderStyle: "none solid",
-        borderColor: "cl_lightGrey",
-        borderWidth: "1px"
-      } }),
-      /* @__PURE__ */ r.jsx(x, { title: o.title, onClick: s(o), isLast: e === t.length - 1 }, o.id)
-    ] }, o.id))
-  ] });
-};
+import { ResponsiveTextV2 as t } from "./sd-component-library147.js";
+const n = ({
+  children: e
+}) => /* @__PURE__ */ r.jsx(t, { fontSizeWeight: [18, "regular"], sx: {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  height: "100%",
+  borderRadius: "5px",
+  borderWidth: "1px",
+  borderColor: "cl_lightGrey",
+  borderStyle: "solid"
+}, children: e });
 export {
-  g as SecondaryCustomSelectorOptionsBox
+  n as PaginationBarCurrentPage
 };
 //# sourceMappingURL=sd-component-library268.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library268.js","sources":["../src/components/selectors/secondary-custom-selector/partials/secondary-custom-selector-options-box/secondary-custom-selector-options-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { SecondaryCustomSelectorOptionRow } from \"../secondary-custom-selector-option-row\";\nimport { SecondaryCustomSelectorOptionsBoxProps as Props } from \"./interfaces\";\n\nexport const SecondaryCustomSelectorOptionsBox = <T extends string = string>({\n  options,\n  onSelect,\n}: Props<T>) => {\n  const onClick = (option: SelectorOptionV2<T>) => () => onSelect(option);\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        right: \"-16px\",\n        top: \"calc(100% - 12px)\",\n        minWidth: \"calc(100% + 16px)\",\n        zIndex: 1,\n      }}\n    >\n      <TriangularPointerIcon direction=\"top\" mr=\"15px\" ml=\"auto\" />\n\n      <HorizontalDivider height=\"2px\" color=\"cl_purple\" />\n\n      {options.map((option, idx) => (\n        <React.Fragment key={option.id}>\n          {idx !== 0 && (\n            <HorizontalDivider\n              color=\"cl_headerLine\"\n              sx={{\n                borderStyle: \"none solid\",\n                borderColor: \"cl_lightGrey\",\n                borderWidth: \"1px\",\n              }}\n            />\n          )}\n\n          <SecondaryCustomSelectorOptionRow\n            key={option.id}\n            title={option.title}\n            onClick={onClick(option)}\n            isLast={idx === options.length - 1}\n          />\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n};\n"],"names":["SecondaryCustomSelectorOptionsBox","options","onSelect","onClick","option","jsxs","Box","position","right","top","minWidth","zIndex","jsx","TriangularPointerIcon","HorizontalDivider","map","idx","React","borderStyle","borderColor","borderWidth","SecondaryCustomSelectorOptionRow","title","length","id"],"mappings":";;;;;;;AAUO,MAAMA,IAAoC,CAA4B;AAAA,EAC3EC,SAAAA;AAAAA,EACAC,UAAAA;AACQ,MAAM;AACd,QAAMC,IAAUA,CAACC,MAAgC,MAAMF,EAASE,CAAM;AAGpE,SAAAC,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,KAAK;AAAA,IACLC,UAAU;AAAA,IACVC,QAAQ;AAAA,EAGV,GAAA,UAAA;AAAA,IAAAC,gBAAAA,MAACC,KAAsB,WAAU,OAAM,IAAG,QAAO,IAAG,QAAM;AAAA,IAEzDD,gBAAAA,EAAA,IAAAE,GAAA,EAAkB,QAAO,OAAM,OAAM,aAAW;AAAA,IAEhDb,EAAQc,IAAI,CAACX,GAAQY,MACnBX,gBAAAA,EAAAA,KAAAY,EAAM,UAAN,EACED,UAAAA;AAAAA,MAAAA,MAAQ,KACPJ,gBAAAA,MAACE,GACC,EAAA,OAAM,iBACN,IAAI;AAAA,QACFI,aAAa;AAAA,QACbC,aAAa;AAAA,QACbC,aAAa;AAAA,MAAA,GAGlB;AAAA,MAEAR,gBAAAA,EAAA,IAAAS,GAAA,EAEC,OAAOjB,EAAOkB,OACd,SAASnB,EAAQC,CAAM,GACvB,QAAQY,MAAQf,EAAQsB,SAAS,EAAA,GAH5BnB,EAAOoB,EAGuB;AAAA,IAAA,KAhBlBpB,EAAOoB,EAkB5B,CACD;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library268.js","sources":["../src/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-current-page/pagination-bar-current-page.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\n\nexport const PaginationBarCurrentPage: React.FC<PropsWithChildren<{}>> = ({\n  children,\n}) => {\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[18, \"regular\"]}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        height: \"100%\",\n        borderRadius: \"5px\",\n        borderWidth: \"1px\",\n        borderColor: \"cl_lightGrey\",\n        borderStyle: \"solid\",\n      }}\n    >\n      {children}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["PaginationBarCurrentPage","children","ResponsiveTextV2","display","alignItems","justifyContent","height","borderRadius","borderWidth","borderColor","borderStyle"],"mappings":";;AAIO,MAAMA,IAA4DA,CAAC;AAAA,EACxEC,UAAAA;AACF,4BAEKC,GACC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,EACFC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChBC,QAAQ;AAAA,EACRC,cAAc;AAAA,EACdC,aAAa;AAAA,EACbC,aAAa;AAAA,EACbC,aAAa;AAAA,GAGdT,UAAAA,EACH,CAAA;"}

package/lib/sd-component-library269.js

@@ -1,81 +1,18 @@
-import { j as t } from "./sd-component-library195.js";
-import { Select as A } from "./sd-component-library213.js";
-import "./sd-component-library198.js";
-import { getNoTranslateClass as d } from "./sd-component-library110.js";
-import { Box as T } from "./sd-component-library199.js";
-import { MaxMaxContainer as Z } from "./sd-component-library43.js";
-import { BaseLabel as q } from "./sd-component-library233.js";
-import { ResponsiveTextV2 as D } from "./sd-component-library147.js";
-const Y = ({
-  variant: r,
-  options: u,
-  width: f,
-  m: g,
-  mt: h,
-  mr: C,
-  mb: j,
-  ml: v,
-  gap: $,
-  selectorLabel: i,
-  secondLabel: e,
-  errorMessage: m,
-  disabledTextValue: n,
-  hideDefaultOnSelect: y,
-  labelMargin: b,
-  selectElementHeight: B,
-  defaultOptionColor: x,
-  textTransform: F,
-  onSelect: N,
-  noOptionsToSelect: a,
-  name: o,
-  selection: l,
-  hasDefaultValue: S,
-  onFocus: _,
-  errorBackground: E,
-  labelContainerAlignItems: M,
-  translateSelect: c = !0,
-  translateDefaultOption: p,
-  containerVariant: V,
-  disabled: z,
-  pl: I
-}) => {
-  const R = !r || !["compact", "tertiary", "secondaryV2", "updatedSecondary"].includes(r), W = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, k = d(p !== !0 && !c || p === !1), w = d(!c);
-  return /* @__PURE__ */ t.jsxs(T, { variant: `_containers.selectors.${V || r}`, sx: {
-    width: f,
-    m: g,
-    mt: h,
-    mr: C,
-    mb: j,
-    ml: v,
-    position: "relative",
-    ...R ? {
-      svg: {
-        transform: `translate(-2px,${W ? 0 : 5}px) scale(.78)`,
-        fill: "#4568F8"
-      }
-    } : {},
-    path: {
-      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')"
-    },
-    gap: $
-  }, "data-testid": "base-selector-v2", children: [
-    i && /* @__PURE__ */ t.jsxs(Z, { gap: "0px", alignItems: M, children: [
-      /* @__PURE__ */ t.jsx(q, { htmlFor: o, variant: `selectors.${r}${m ? "Error" : ""}`, label: i, m: b, "data-test": "selector-label" }),
-      e && /* @__PURE__ */ t.jsx(D, { letterSpacing: "1px", textTransform: "uppercase", mt: e.mt, ml: e.ml || "3px", color: e.color || "cl_grey", fontSizeWeight: e.fontSizeWeight || [10, "semi-bold"], "data-test": "second-label", children: e.text })
-    ] }),
-    /* @__PURE__ */ t.jsx(A, { id: o, name: o, height: B, value: a ? n : l.title.trim(), variant: `_selectors.${r}${m ? "Error" : ""}`, onChange: (s) => N(s.target.value), onFocus: _, backgroundColor: E ? "rgba(255, 0, 0, 0.05)" : "", sx: {
-      textTransform: F,
-      ...x && l.value === null ? {
-        color: x
-      } : {},
-      pl: I
-    }, disabled: z || a, children: a ? /* @__PURE__ */ t.jsx("option", { "data-test": "disabled-option", children: n }, "disabledTextValue") : /* @__PURE__ */ t.jsx(t.Fragment, { children: u.slice(
-      // should default option be hidden?
-      S && y && l.value !== null ? 1 : 0
-    ).map((s) => /* @__PURE__ */ t.jsx("option", { "data-testid": "selector-option", className: s.value === null ? k : w, children: s.title }, s.id)) }) })
-  ] });
-};
+import { j as e } from "./sd-component-library195.js";
+import { FlexCenterSpaceBetween as p } from "./sd-component-library37.js";
+import { ResponsiveTextV2 as t } from "./sd-component-library147.js";
+const h = ({
+  title: i,
+  secondaryText: r,
+  onClick: o,
+  textTransform: n
+}) => /* @__PURE__ */ e.jsxs(p, { width: "100%", p: "12px 16px", onClick: o, bg: "white", sx: {
+  cursor: "pointer"
+}, children: [
+  /* @__PURE__ */ e.jsx(t, { fontSizeWeight: [16, "regular"], textTransform: n, children: i }),
+  r && /* @__PURE__ */ e.jsx(t, { fontSizeWeight: [14, "regular"], children: r })
+] });
 export {
-  Y as BaseSelectorV2
+  h as CustomOptionBox
 };
 //# sourceMappingURL=sd-component-library269.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library269.js","sources":["../src/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../../../containers\";\nimport { BaseLabel } from \"../../../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { getNoTranslateClass } from \"../../../selector/selector\";\nimport { BaseSelectorV2Props as Props } from \"./interfaces\";\n\nexport const BaseSelectorV2 = <T extends string = string>({\n  variant,\n  options,\n  width,\n  m,\n  mt,\n  mr,\n  mb,\n  ml,\n  gap,\n  selectorLabel,\n  secondLabel,\n  errorMessage,\n  disabledTextValue,\n  hideDefaultOnSelect,\n  labelMargin,\n  selectElementHeight,\n  defaultOptionColor,\n  textTransform,\n  onSelect,\n  noOptionsToSelect,\n  name,\n  selection,\n  hasDefaultValue,\n  onFocus,\n  errorBackground,\n  labelContainerAlignItems,\n  translateSelect = true,\n  translateDefaultOption,\n  containerVariant,\n  disabled,\n  pl,\n}: Props<T>) => {\n  const useDefaultIconStyles =\n    !variant ||\n    ![\"compact\", \"tertiary\", \"secondaryV2\", \"updatedSecondary\"].includes(\n      variant\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      variant={`_containers.selectors.${containerVariant || variant}`}\n      sx={{\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-testid=\"base-selector-v2\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap=\"0px\" alignItems={labelContainerAlignItems}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\n            data-test=\"selector-label\"\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              data-test=\"second-label\"\n            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={noOptionsToSelect ? disabledTextValue : selection.title.trim()}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) => onSelect(event.target.value)}\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        sx={{\n          textTransform,\n          ...(defaultOptionColor && selection.value === null\n            ? { color: defaultOptionColor }\n            : {}),\n          pl,\n        }}\n        disabled={disabled || noOptionsToSelect}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n            {disabledTextValue}\n          </option>\n        ) : (\n          <>\n            {options\n              .slice(\n                // should default option be hidden?\n                hasDefaultValue &&\n                  hideDefaultOnSelect &&\n                  selection.value !== null\n                  ? 1\n                  : 0\n              )\n              .map((option) => (\n                <option\n                  key={option.id}\n                  data-testid=\"selector-option\"\n                  className={\n                    option.value === null\n                      ? defaultOptionClassName\n                      : regularOptionClassName\n                  }\n                >\n                  {option.title}\n                </option>\n              ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["BaseSelectorV2","variant","options","width","m","mt","mr","mb","ml","gap","selectorLabel","secondLabel","errorMessage","disabledTextValue","hideDefaultOnSelect","labelMargin","selectElementHeight","defaultOptionColor","textTransform","onSelect","noOptionsToSelect","name","selection","hasDefaultValue","onFocus","errorBackground","labelContainerAlignItems","translateSelect","translateDefaultOption","containerVariant","disabled","pl","useDefaultIconStyles","includes","isFirefox","navigator","userAgent","toLowerCase","indexOf","defaultOptionClassName","getNoTranslateClass","regularOptionClassName","Box","position","svg","transform","fill","path","d","jsxs","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","color","fontSizeWeight","text","Select","title","trim","event","target","value","slice","map","option","id"],"mappings":"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"}
+{"version":3,"file":"sd-component-library269.js","sources":["../src/components/selectors/custom-selector/partials/custom-option-box/custom-option-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexCenterSpaceBetween } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CustomOptionBoxProps as Props } from \"./interfaces\";\n\nexport const CustomOptionBox: React.FC<Props> = ({\n  title,\n  secondaryText,\n  onClick,\n  textTransform,\n}) => {\n  return (\n    <FlexCenterSpaceBetween\n      width=\"100%\"\n      p=\"12px 16px\"\n      onClick={onClick}\n      bg=\"white\"\n      sx={{ cursor: \"pointer\" }}\n    >\n      <ResponsiveTextV2\n        fontSizeWeight={[16, \"regular\"]}\n        textTransform={textTransform}\n      >\n        {title}\n      </ResponsiveTextV2>\n\n      {secondaryText && (\n        <ResponsiveTextV2 fontSizeWeight={[14, \"regular\"]}>\n          {secondaryText}\n        </ResponsiveTextV2>\n      )}\n    </FlexCenterSpaceBetween>\n  );\n};\n"],"names":["CustomOptionBox","title","secondaryText","onClick","textTransform","jsxs","FlexCenterSpaceBetween","cursor","jsx","ResponsiveTextV2"],"mappings":";;;AAMO,MAAMA,IAAmCA,CAAC;AAAA,EAC/CC,OAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AACF,MAEIC,gBAAAA,OAACC,KACC,OAAM,QACN,GAAE,aACF,SAAAH,GACA,IAAG,SACH,IAAI;AAAA,EAAEI,QAAQ;AAEd,GAAA,UAAA;AAAA,EAAAC,gBAAAA,MAACC,KACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,eAAAL,GAECH,UACHA,GAAA;AAAA,EAECC,2BACEO,GAAiB,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC7CP,UACHA,GAAA;AAEJ,EAAA,CAAA;"}

package/lib/sd-component-library27.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library195.js";
 import { LogoButton as e } from "./sd-component-library214.js";
-import { ReactComponent as r } from "./sd-component-library218.js";
+import { ReactComponent as r } from "./sd-component-library216.js";
 const p = (t) => /* @__PURE__ */ o.jsx(e, { ...t, variant: "poweredByLogo", "data-test": "powered-by-white-logo-button", children: /* @__PURE__ */ o.jsx(r, {}) });
 export {
   p as PoweredByWhiteLogoButton