@selfdecode/sd-component-library 4.0.80 → 4.0.82

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library313.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/selected-range-text/selected-range-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../../../../../containers\";\nimport { FourteenRegular } from \"../../../../../texts/fourteen-regular\";\nimport { FourteenSb } from \"../../../../../texts/fourteen-sb\";\nimport { getSelectedRangeText } from \"../../utils\";\nimport { SelectedRangeTextProps as Props } from \"./interfaces\";\n\nexport const SelectedRangeText: React.FC<Props> = (props) => {\n  const { isMobile, selectedRange } = props;\n\n  return (\n    <BaseGridContainer\n      {...(isMobile\n        ? {\n            p: \"10px 20px\",\n            gap: \"3px\",\n            borderWidth: \"1px 0\",\n            borderStyle: \"solid\",\n            borderColor: \"#CCD0DB\",\n          }\n        : {\n            gap: \"10px\",\n            m: \"auto 0\",\n            justifyContent: \"flex-end\",\n          })}\n    >\n      <FourteenRegular color=\"cl_grey\">Selected:</FourteenRegular>\n\n      <FourteenSb color=\"cl_purple\">\n        {getSelectedRangeText(selectedRange)}\n      </FourteenSb>\n    </BaseGridContainer>\n  );\n};\n"],"names":["SelectedRangeText","props","isMobile","selectedRange","jsxs","BaseGridContainer","jsx","FourteenRegular","FourteenSb","getSelectedRangeText"],"mappings":";;;;;AAQa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA,EAAE,UAAAC,GAAU,eAAAC,EAAkB,IAAAF;AAGlC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAIH,IACD;AAAA,QACE,GAAG;AAAA,QACH,KAAK;AAAA,QACL,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA,IAEf;AAAA,QACE,KAAK;AAAA,QACL,GAAG;AAAA,QACH,gBAAgB;AAAA,MAClB;AAAA,MAEJ,UAAA;AAAA,QAACI,gBAAAA,EAAA,IAAAC,GAAA,EAAgB,OAAM,WAAU,UAAS,aAAA;AAAA,8BAEzCC,GAAW,EAAA,OAAM,aACf,UAAAC,EAAqBN,CAAa,GACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library313.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/utils.ts"],"sourcesContent":["export const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  return { rangeArcStart, rangeArcEnd };\n};\n"],"names":["getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","arcForRanges","start","end","rangeArcStart","rangeArcEnd"],"mappings":"AAAO,MAAMA,IAAqB,CAChCC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeJ,KAAOC,IAAc,KAAKC,GAEzCG,IAAQF,IAAMF,GACdK,KAAOH,IAAM,KAAKF,GAIlBM,KAFY,MAAMP,KAAO,IAGlBE,IAAwBC,IAAMC,IAAeC,GAEpDG,IAAcD,IAAgBH,KAAgBE,IAAMD;AAEnD,SAAA,EAAE,eAAAE,GAAe,aAAAC;AAC1B;"}

package/lib/sd-component-library314.js

@@ -1,24 +1,7 @@
-import { j as r } from "./sd-component-library190.js";
-import { endOfDay as s } from "date-fns";
-import { SecondaryBlueButton as p } from "./sd-component-library19.js";
-const c = (e) => {
-  const { onClose: n, onSelect: o, selectedRange: t } = e, a = () => {
-    t && o({
-      startDate: t.startDate ?? /* @__PURE__ */ new Date(),
-      endDate: s(t.endDate ?? /* @__PURE__ */ new Date())
-    }), n();
-  };
-  return /* @__PURE__ */ r.jsx(
-    p,
-    {
-      width: "140px",
-      onClick: a,
-      disabled: !t || !t.startDate || !t.endDate,
-      children: "Apply"
-    }
-  );
-};
+import { j as e } from "./sd-component-library190.js";
+import { LabelPointer as t } from "./sd-component-library320.js";
+const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
 export {
-  c as ApplyButton
+  s as DiscreteMeterLabelPointer
 };
 //# sourceMappingURL=sd-component-library314.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library314.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/apply-button/apply-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { endOfDay } from \"date-fns\";\n\nimport { SecondaryBlueButton } from \"../../../../../buttons\";\nimport { ApplyButtonProps as Props } from \"./interfaces\";\n\nexport const ApplyButton: React.FC<Props> = (props) => {\n  const { onClose, onSelect, selectedRange } = props;\n\n  const handleApply = () => {\n    selectedRange &&\n      onSelect({\n        startDate: selectedRange.startDate ?? new Date(),\n        endDate: endOfDay(selectedRange.endDate ?? new Date()),\n      });\n    onClose();\n  };\n\n  return (\n    <SecondaryBlueButton\n      width=\"140px\"\n      onClick={handleApply}\n      disabled={\n        !selectedRange || !selectedRange.startDate || !selectedRange.endDate\n      }\n    >\n      Apply\n    </SecondaryBlueButton>\n  );\n};\n"],"names":["ApplyButton","props","onClose","onSelect","selectedRange","handleApply","endOfDay","jsx","SecondaryBlueButton"],"mappings":";;;AAOa,MAAAA,IAA+B,CAACC,MAAU;AACrD,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,eAAAC,EAAA,IAAkBH,GAEvCI,IAAc,MAAM;AACxB,IAAAD,KACED,EAAS;AAAA,MACP,WAAWC,EAAc,aAAa,oBAAI,KAAK;AAAA,MAC/C,SAASE,EAASF,EAAc,WAAW,oBAAI,MAAM;AAAA,IAAA,CACtD,GACKF;EAAA;AAIR,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAASH;AAAA,MACT,UACE,CAACD,KAAiB,CAACA,EAAc,aAAa,CAACA,EAAc;AAAA,MAEhE,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}
+{"version":3,"file":"sd-component-library314.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { DiscreteMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const DiscreteMeterLabelPointer: React.FC<Props> = (props) => {\n  return <LabelPointer {...props} />;\n};\n"],"names":["DiscreteMeterLabelPointer","props","jsx","LabelPointer"],"mappings":";;AAKa,MAAAA,IAA6C,CAACC,MAClDC,gBAAAA,EAAA,IAACC,GAAc,EAAA,GAAGF,EAAO,CAAA;"}

package/lib/sd-component-library315.js

@@ -1,9 +1,37 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, f) {
-    return t.__proto__ = f, t;
-  }, e(o, r);
-}
+import { j as i } from "./sd-component-library190.js";
+import { ResponsiveTextV2 as n } from "./sd-component-library144.js";
+const s = (o) => {
+  const { currentSelection: e, title: r, onClick: t } = o;
+  return /* @__PURE__ */ i.jsx(
+    n,
+    {
+      fontSizeWeight: [[14, e ? "bold" : "regular"]],
+      onClick: t,
+      sx: {
+        height: "46px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        pr: "25px",
+        pl: "10px",
+        ...e ? {
+          cursor: "default"
+        } : {
+          borderTopStyle: "solid",
+          borderWidth: "1px",
+          borderColor: "cl_headerLine",
+          cursor: "pointer",
+          opacity: 0.8,
+          ":hover": {
+            opacity: 1
+          }
+        }
+      },
+      children: r
+    }
+  );
+};
 export {
-  e as default
+  s as OptionRow
 };
 //# sourceMappingURL=sd-component-library315.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library315.js","sources":["../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js"],"sourcesContent":["export default function _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n  return _setPrototypeOf(o, p);\n}"],"names":["_setPrototypeOf","p","o"],"mappings":"AAAe,SAASA,EAAgB,GAAGC,GAAG;AAC5C,SAAAD,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAI,IAAK,SAAyBE,GAAGD,GAAG;AACtG,WAAAC,EAAE,YAAYD,GACPC;AAAA,EACX,GACSF,EAAgB,GAAGC,CAAC;AAC7B;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library315.js","sources":["../src/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { OptionRowProps as Props } from \"./interfaces\";\n\nexport const OptionRow = <T extends string = string>(props: Props<T>) => {\n  const { currentSelection, title, onClick } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[14, currentSelection ? \"bold\" : \"regular\"]]}\n      onClick={onClick}\n      sx={{\n        height: \"46px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"flex-end\",\n        pr: \"25px\",\n        pl: \"10px\",\n        ...(currentSelection\n          ? {\n              cursor: \"default\",\n            }\n          : {\n              borderTopStyle: \"solid\",\n              borderWidth: \"1px\",\n              borderColor: \"cl_headerLine\",\n              cursor: \"pointer\",\n              opacity: 0.8,\n              \":hover\": {\n                opacity: 1,\n              },\n            }),\n      }}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["OptionRow","props","currentSelection","title","onClick","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAAY,CAA4BC,MAAoB;AACvE,QAAM,EAAE,kBAAAC,GAAkB,OAAAC,GAAO,SAAAC,EAAA,IAAYH;AAG3C,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAIJ,IAAmB,SAAS,SAAS,CAAC;AAAA,MAC5D,SAAAE;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAIF,IACA;AAAA,UACE,QAAQ;AAAA,QAAA,IAEV;AAAA,UACE,gBAAgB;AAAA,UAChB,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,YACR,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACN;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library316.js

@@ -1,93 +1,32 @@
-import { j as o } from "./sd-component-library190.js";
-import { useState as L, useCallback as M } from "react";
-import V from "./sd-component-library189.js";
-import { getCoordinateForArc as f } from "./sd-component-library86.js";
-import { GridContainerV2 as X } from "./sd-component-library39.js";
-import { ResponsiveTextV2 as g } from "./sd-component-library144.js";
-const y = "21.5px", w = 10, j = `${w}px`, J = ({
-  segment: $,
-  isHover: r,
-  animationDuration: S,
-  labelOffset: i,
-  labelPointerOffset: k,
-  radius: c,
-  mobile: e,
-  labelOffsetMobile: u
-}) => {
-  const { start: p, end: a, text: R, color: z, secondaryText: C } = $, d = c * 2, t = (p + a) / 2, h = Math.round(t * 360), { x: _, y: x } = f(c, h), [n, A] = L(), G = M((m) => {
-    m && A(m.getBoundingClientRect());
-  }, []), l = `all ${S}ms`, s = t > 0.5 ? "right" : "left", I = d + i, { x: T, y: W } = f(
-    c + u,
-    h,
-    c
-  ), b = t < 0.5, B = t < 0.15 || t > 0.85, F = t > 0.35 || t < 0.65;
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    !e && /* @__PURE__ */ o.jsx(
-      "line",
-      {
-        x1: _ + (s === "left" ? -1 : 1) * k,
-        x2: s === "left" ? -i : d + i,
-        y1: x,
-        y2: x,
-        stroke: V.colors.cl_lightGrey,
-        strokeWidth: 1
-      }
-    ),
-    /* @__PURE__ */ o.jsx(
-      "foreignObject",
-      {
-        x: e ? T : s === "left" ? -i : I - ((n == null ? void 0 : n.width) ?? 0),
-        y: e ? W : x,
-        width: ((n == null ? void 0 : n.width) ?? 0) + w,
-        height: 50,
-        style: { overflow: "visible" },
-        children: /* @__PURE__ */ o.jsxs(
-          X,
-          {
-            width: "fit-content",
-            justifyItems: "flex-start",
-            gap: r ? "1px" : "4px",
-            sx: {
-              transform: e ? `translate(${b ? -100 : 0}%, calc(${y} * ${B ? 0 : F ? -1 : -0.5}))` : `translateY(calc(${y} / -2)) scale(${r ? 1.3 : 1})`,
-              transition: l,
-              transformOrigin: s,
-              ...e ? {
-                borderRadius: "4px",
-                boxShadow: "0px 3px 6px #00000029",
-                px: "5px",
-                py: "3px"
-              } : s === "left" ? { pr: j } : { pl: j }
-            },
-            bg: "cl_white",
-            children: [
-              /* @__PURE__ */ o.jsx(
-                g,
-                {
-                  width: "fit-content",
-                  fontSizeWeight: [18, "bold"],
-                  color: z,
-                  sx: { transition: l },
-                  ref: G,
-                  children: R
-                }
-              ),
-              /* @__PURE__ */ o.jsx(
-                g,
-                {
-                  fontSizeWeight: [r ? 13 : 14, "bold"],
-                  color: r ? "cl_darkGrey" : "cl_grey",
-                  sx: { transition: l },
-                  children: C ?? `${Math.round((a - p) * 100)}%`
-                }
-              )
-            ]
-          }
-        )
-      }
-    )
-  ] });
+import { j as e } from "./sd-component-library190.js";
+import { getSelectedRangeText as l } from "./sd-component-library277.js";
+import { FourteenRegular as n } from "./sd-component-library138.js";
+import { FourteenSb as p } from "./sd-component-library139.js";
+import { BaseGridContainer as i } from "./sd-component-library36.js";
+const a = (r) => {
+  const { isMobile: o, selectedRange: t } = r;
+  return /* @__PURE__ */ e.jsxs(
+    i,
+    {
+      ...o ? {
+        p: "10px 20px",
+        gap: "3px",
+        borderWidth: "1px 0",
+        borderStyle: "solid",
+        borderColor: "#CCD0DB"
+      } : {
+        gap: "10px",
+        m: "auto 0",
+        justifyContent: "flex-end"
+      },
+      children: [
+        /* @__PURE__ */ e.jsx(n, { color: "cl_grey", children: "Selected:" }),
+        /* @__PURE__ */ e.jsx(p, { color: "cl_purple", children: l(t) })
+      ]
+    }
+  );
 };
 export {
-  J as SegmentLabel
+  a as SelectedRangeText
 };
 //# sourceMappingURL=sd-component-library316.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library316.js","sources":["../src/components/meters/donut-diagram/partials/segment-label/segment-label.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { Grid } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { DonutSegmentLabelPosition } from \"../../interfaces\";\nimport { SegmentLabelProps as Props } from \"./interfaces\";\n\nconst rowHeight = \"21.5px\";\nconst maskSize = 10;\nconst maskSizePx = `${maskSize}px`;\n\nexport const SegmentLabel: React.FC<Props> = ({\n  segment,\n  isHover,\n  animationDuration,\n  labelOffset,\n  labelPointerOffset,\n  radius,\n  mobile,\n  labelOffsetMobile,\n}) => {\n  const { start, end, text, color, secondaryText } = segment;\n  const diameter = radius * 2;\n  const middle = (start + end) / 2;\n  const middleAlpha = Math.round(middle * 360);\n  const { x, y } = getCoordinateForArc(radius, middleAlpha);\n\n  const [rect, setRect] = useState<DOMRect>();\n  const ref = useCallback((node: HTMLDivElement) => {\n    if (node) {\n      setRect(node.getBoundingClientRect());\n    }\n  }, []);\n\n  const transition = `all ${animationDuration}ms`;\n\n  const position: DonutSegmentLabelPosition = middle > 0.5 ? \"right\" : \"left\";\n  const maxX = diameter + labelOffset;\n\n  const { x: pointerX, y: pointerY } = getCoordinateForArc(\n    radius + labelOffsetMobile,\n    middleAlpha,\n    radius\n  );\n\n  const isAtLeft = middle < 0.5;\n  const isInBottom = middle < 0.15 || middle > 0.85;\n  const isInTop = middle > 0.35 || middle < 0.65;\n\n  return (\n    <>\n      {!mobile && (\n        <line\n          x1={x + (position === \"left\" ? -1 : 1) * labelPointerOffset}\n          x2={position === \"left\" ? -labelOffset : diameter + labelOffset}\n          y1={y}\n          y2={y}\n          stroke={theme.colors[\"cl_lightGrey\"]}\n          strokeWidth={1}\n        />\n      )}\n\n      <foreignObject\n        x={\n          mobile\n            ? pointerX\n            : position === \"left\"\n            ? -labelOffset\n            : maxX - (rect?.width ?? 0)\n        }\n        y={mobile ? pointerY : y}\n        width={(rect?.width ?? 0) + maskSize}\n        height={50}\n        style={{ overflow: \"visible\" }}\n      >\n        <Grid\n          width=\"fit-content\"\n          justifyItems=\"flex-start\"\n          gap={isHover ? \"1px\" : \"4px\"}\n          sx={{\n            transform: mobile\n              ? `translate(${isAtLeft ? -100 : 0}%, calc(${rowHeight} * ${\n                  isInBottom ? 0 : isInTop ? -1 : -0.5\n                }))`\n              : `translateY(calc(${rowHeight} / -2)) scale(${\n                  isHover ? 1.3 : 1\n                })`,\n            transition,\n            transformOrigin: position,\n            ...(mobile\n              ? {\n                  borderRadius: \"4px\",\n                  boxShadow: \"0px 3px 6px #00000029\",\n                  px: \"5px\",\n                  py: \"3px\",\n                }\n              : position === \"left\"\n              ? { pr: maskSizePx }\n              : { pl: maskSizePx }),\n          }}\n          bg=\"cl_white\"\n        >\n          <ResponsiveTextV2\n            width=\"fit-content\"\n            fontSizeWeight={[18, \"bold\"]}\n            color={color}\n            sx={{ transition }}\n            ref={ref}\n          >\n            {text}\n          </ResponsiveTextV2>\n\n          <ResponsiveTextV2\n            fontSizeWeight={[isHover ? 13 : 14, \"bold\"]}\n            color={isHover ? \"cl_darkGrey\" : \"cl_grey\"}\n            sx={{ transition }}\n          >\n            {secondaryText ?? `${Math.round((end - start) * 100)}%`}\n          </ResponsiveTextV2>\n        </Grid>\n      </foreignObject>\n    </>\n  );\n};\n"],"names":["rowHeight","maskSize","maskSizePx","SegmentLabel","segment","isHover","animationDuration","labelOffset","labelPointerOffset","radius","mobile","labelOffsetMobile","start","end","text","color","secondaryText","diameter","middle","middleAlpha","x","y","getCoordinateForArc","rect","setRect","useState","ref","useCallback","node","transition","position","maxX","pointerX","pointerY","isAtLeft","isInBottom","isInTop","jsxs","Fragment","jsx","theme","Grid","ResponsiveTextV2"],"mappings":"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"}
+{"version":3,"file":"sd-component-library316.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/selected-range-text/selected-range-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../../../../../containers\";\nimport { FourteenRegular } from \"../../../../../texts/fourteen-regular\";\nimport { FourteenSb } from \"../../../../../texts/fourteen-sb\";\nimport { getSelectedRangeText } from \"../../utils\";\nimport { SelectedRangeTextProps as Props } from \"./interfaces\";\n\nexport const SelectedRangeText: React.FC<Props> = (props) => {\n  const { isMobile, selectedRange } = props;\n\n  return (\n    <BaseGridContainer\n      {...(isMobile\n        ? {\n            p: \"10px 20px\",\n            gap: \"3px\",\n            borderWidth: \"1px 0\",\n            borderStyle: \"solid\",\n            borderColor: \"#CCD0DB\",\n          }\n        : {\n            gap: \"10px\",\n            m: \"auto 0\",\n            justifyContent: \"flex-end\",\n          })}\n    >\n      <FourteenRegular color=\"cl_grey\">Selected:</FourteenRegular>\n\n      <FourteenSb color=\"cl_purple\">\n        {getSelectedRangeText(selectedRange)}\n      </FourteenSb>\n    </BaseGridContainer>\n  );\n};\n"],"names":["SelectedRangeText","props","isMobile","selectedRange","jsxs","BaseGridContainer","jsx","FourteenRegular","FourteenSb","getSelectedRangeText"],"mappings":";;;;;AAQa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA,EAAE,UAAAC,GAAU,eAAAC,EAAkB,IAAAF;AAGlC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAIH,IACD;AAAA,QACE,GAAG;AAAA,QACH,KAAK;AAAA,QACL,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA,IAEf;AAAA,QACE,KAAK;AAAA,QACL,GAAG;AAAA,QACH,gBAAgB;AAAA,MAClB;AAAA,MAEJ,UAAA;AAAA,QAACI,gBAAAA,EAAA,IAAAC,GAAA,EAAgB,OAAM,WAAU,UAAS,aAAA;AAAA,8BAEzCC,GAAW,EAAA,OAAM,aACf,UAAAC,EAAqBN,CAAa,GACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library317.js

@@ -1,35 +1,24 @@
-import { j as t } from "./sd-component-library190.js";
-import { ResponsiveTextV2 as l } from "./sd-component-library144.js";
-const n = ({
-  title: e,
-  onClick: o,
-  isLast: r
-}) => /* @__PURE__ */ t.jsx(
-  l,
-  {
-    fontSizeWeight: [14, "regular"],
-    sx: {
-      height: "48px",
-      px: "15px",
-      display: "flex",
-      justifyContent: "flex-end",
-      alignItems: "center",
-      borderWidth: "1px",
-      borderStyle: "solid",
-      borderTopStyle: "none",
-      borderColor: "cl_lightGrey",
-      ...r ? { borderRadius: "0 0 3px 3px", borderBottomStyle: "solid" } : { borderBottomStyle: "none" },
-      ":hover": {
-        borderLeftColor: "cl_purple",
-        borderLeftWidth: "2px"
-      },
-      bg: "cl_white"
-    },
-    onClick: o,
-    children: e
-  }
-);
+import { j as r } from "./sd-component-library190.js";
+import { endOfDay as s } from "date-fns";
+import { SecondaryBlueButton as p } from "./sd-component-library19.js";
+const c = (e) => {
+  const { onClose: n, onSelect: o, selectedRange: t } = e, a = () => {
+    t && o({
+      startDate: t.startDate ?? /* @__PURE__ */ new Date(),
+      endDate: s(t.endDate ?? /* @__PURE__ */ new Date())
+    }), n();
+  };
+  return /* @__PURE__ */ r.jsx(
+    p,
+    {
+      width: "140px",
+      onClick: a,
+      disabled: !t || !t.startDate || !t.endDate,
+      children: "Apply"
+    }
+  );
+};
 export {
-  n as SecondaryCustomSelectorOptionRow
+  c as ApplyButton
 };
 //# sourceMappingURL=sd-component-library317.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library317.js","sources":["../src/components/selectors/secondary-custom-selector/partials/secondary-custom-selector-option-row/secondary-custom-selector-option-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { SecondaryCustomSelectorOptionRowProps as Props } from \"./interfaces\";\n\nexport const SecondaryCustomSelectorOptionRow: React.FC<Props> = ({\n  title,\n  onClick,\n  isLast,\n}) => {\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[14, \"regular\"]}\n      sx={{\n        height: \"48px\",\n        px: \"15px\",\n        display: \"flex\",\n        justifyContent: \"flex-end\",\n        alignItems: \"center\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderTopStyle: \"none\",\n        borderColor: \"cl_lightGrey\",\n        ...(isLast\n          ? { borderRadius: \"0 0 3px 3px\", borderBottomStyle: \"solid\" }\n          : { borderBottomStyle: \"none\" }),\n        \":hover\": {\n          borderLeftColor: \"cl_purple\",\n          borderLeftWidth: \"2px\",\n        },\n        bg: \"cl_white\",\n      }}\n      onClick={onClick}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["SecondaryCustomSelectorOptionRow","title","onClick","isLast","jsx","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,IAC9B,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,GAAIF,IACA,EAAE,cAAc,eAAe,mBAAmB,QAAQ,IAC1D,EAAE,mBAAmB,OAAO;AAAA,MAChC,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,MACnB;AAAA,MACA,IAAI;AAAA,IACN;AAAA,IACA,SAAAD;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library317.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/apply-button/apply-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { endOfDay } from \"date-fns\";\n\nimport { SecondaryBlueButton } from \"../../../../../buttons\";\nimport { ApplyButtonProps as Props } from \"./interfaces\";\n\nexport const ApplyButton: React.FC<Props> = (props) => {\n  const { onClose, onSelect, selectedRange } = props;\n\n  const handleApply = () => {\n    selectedRange &&\n      onSelect({\n        startDate: selectedRange.startDate ?? new Date(),\n        endDate: endOfDay(selectedRange.endDate ?? new Date()),\n      });\n    onClose();\n  };\n\n  return (\n    <SecondaryBlueButton\n      width=\"140px\"\n      onClick={handleApply}\n      disabled={\n        !selectedRange || !selectedRange.startDate || !selectedRange.endDate\n      }\n    >\n      Apply\n    </SecondaryBlueButton>\n  );\n};\n"],"names":["ApplyButton","props","onClose","onSelect","selectedRange","handleApply","endOfDay","jsx","SecondaryBlueButton"],"mappings":";;;AAOa,MAAAA,IAA+B,CAACC,MAAU;AACrD,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,eAAAC,EAAA,IAAkBH,GAEvCI,IAAc,MAAM;AACxB,IAAAD,KACED,EAAS;AAAA,MACP,WAAWC,EAAc,aAAa,oBAAI,KAAK;AAAA,MAC/C,SAASE,EAASF,EAAc,WAAW,oBAAI,MAAM;AAAA,IAAA,CACtD,GACKF;EAAA;AAIR,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAASH;AAAA,MACT,UACE,CAACD,KAAiB,CAACA,EAAc,aAAa,CAACA,EAAc;AAAA,MAEhE,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}

package/lib/sd-component-library318.js

@@ -1,5 +1,93 @@
-var r = {};
+import { j as o } from "./sd-component-library190.js";
+import { useState as L, useCallback as M } from "react";
+import V from "./sd-component-library189.js";
+import { getCoordinateForArc as f } from "./sd-component-library86.js";
+import { GridContainerV2 as X } from "./sd-component-library39.js";
+import { ResponsiveTextV2 as g } from "./sd-component-library144.js";
+const y = "21.5px", w = 10, j = `${w}px`, J = ({
+  segment: $,
+  isHover: r,
+  animationDuration: S,
+  labelOffset: i,
+  labelPointerOffset: k,
+  radius: c,
+  mobile: e,
+  labelOffsetMobile: u
+}) => {
+  const { start: p, end: a, text: R, color: z, secondaryText: C } = $, d = c * 2, t = (p + a) / 2, h = Math.round(t * 360), { x: _, y: x } = f(c, h), [n, A] = L(), G = M((m) => {
+    m && A(m.getBoundingClientRect());
+  }, []), l = `all ${S}ms`, s = t > 0.5 ? "right" : "left", I = d + i, { x: T, y: W } = f(
+    c + u,
+    h,
+    c
+  ), b = t < 0.5, B = t < 0.15 || t > 0.85, F = t > 0.35 || t < 0.65;
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    !e && /* @__PURE__ */ o.jsx(
+      "line",
+      {
+        x1: _ + (s === "left" ? -1 : 1) * k,
+        x2: s === "left" ? -i : d + i,
+        y1: x,
+        y2: x,
+        stroke: V.colors.cl_lightGrey,
+        strokeWidth: 1
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      "foreignObject",
+      {
+        x: e ? T : s === "left" ? -i : I - ((n == null ? void 0 : n.width) ?? 0),
+        y: e ? W : x,
+        width: ((n == null ? void 0 : n.width) ?? 0) + w,
+        height: 50,
+        style: { overflow: "visible" },
+        children: /* @__PURE__ */ o.jsxs(
+          X,
+          {
+            width: "fit-content",
+            justifyItems: "flex-start",
+            gap: r ? "1px" : "4px",
+            sx: {
+              transform: e ? `translate(${b ? -100 : 0}%, calc(${y} * ${B ? 0 : F ? -1 : -0.5}))` : `translateY(calc(${y} / -2)) scale(${r ? 1.3 : 1})`,
+              transition: l,
+              transformOrigin: s,
+              ...e ? {
+                borderRadius: "4px",
+                boxShadow: "0px 3px 6px #00000029",
+                px: "5px",
+                py: "3px"
+              } : s === "left" ? { pr: j } : { pl: j }
+            },
+            bg: "cl_white",
+            children: [
+              /* @__PURE__ */ o.jsx(
+                g,
+                {
+                  width: "fit-content",
+                  fontSizeWeight: [18, "bold"],
+                  color: z,
+                  sx: { transition: l },
+                  ref: G,
+                  children: R
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                g,
+                {
+                  fontSizeWeight: [r ? 13 : 14, "bold"],
+                  color: r ? "cl_darkGrey" : "cl_grey",
+                  sx: { transition: l },
+                  children: C ?? `${Math.round((a - p) * 100)}%`
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
 export {
-  r as __exports
+  J as SegmentLabel
 };
 //# sourceMappingURL=sd-component-library318.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library318.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library318.js","sources":["../src/components/meters/donut-diagram/partials/segment-label/segment-label.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { Grid } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { DonutSegmentLabelPosition } from \"../../interfaces\";\nimport { SegmentLabelProps as Props } from \"./interfaces\";\n\nconst rowHeight = \"21.5px\";\nconst maskSize = 10;\nconst maskSizePx = `${maskSize}px`;\n\nexport const SegmentLabel: React.FC<Props> = ({\n  segment,\n  isHover,\n  animationDuration,\n  labelOffset,\n  labelPointerOffset,\n  radius,\n  mobile,\n  labelOffsetMobile,\n}) => {\n  const { start, end, text, color, secondaryText } = segment;\n  const diameter = radius * 2;\n  const middle = (start + end) / 2;\n  const middleAlpha = Math.round(middle * 360);\n  const { x, y } = getCoordinateForArc(radius, middleAlpha);\n\n  const [rect, setRect] = useState<DOMRect>();\n  const ref = useCallback((node: HTMLDivElement) => {\n    if (node) {\n      setRect(node.getBoundingClientRect());\n    }\n  }, []);\n\n  const transition = `all ${animationDuration}ms`;\n\n  const position: DonutSegmentLabelPosition = middle > 0.5 ? \"right\" : \"left\";\n  const maxX = diameter + labelOffset;\n\n  const { x: pointerX, y: pointerY } = getCoordinateForArc(\n    radius + labelOffsetMobile,\n    middleAlpha,\n    radius\n  );\n\n  const isAtLeft = middle < 0.5;\n  const isInBottom = middle < 0.15 || middle > 0.85;\n  const isInTop = middle > 0.35 || middle < 0.65;\n\n  return (\n    <>\n      {!mobile && (\n        <line\n          x1={x + (position === \"left\" ? -1 : 1) * labelPointerOffset}\n          x2={position === \"left\" ? -labelOffset : diameter + labelOffset}\n          y1={y}\n          y2={y}\n          stroke={theme.colors[\"cl_lightGrey\"]}\n          strokeWidth={1}\n        />\n      )}\n\n      <foreignObject\n        x={\n          mobile\n            ? pointerX\n            : position === \"left\"\n            ? -labelOffset\n            : maxX - (rect?.width ?? 0)\n        }\n        y={mobile ? pointerY : y}\n        width={(rect?.width ?? 0) + maskSize}\n        height={50}\n        style={{ overflow: \"visible\" }}\n      >\n        <Grid\n          width=\"fit-content\"\n          justifyItems=\"flex-start\"\n          gap={isHover ? \"1px\" : \"4px\"}\n          sx={{\n            transform: mobile\n              ? `translate(${isAtLeft ? -100 : 0}%, calc(${rowHeight} * ${\n                  isInBottom ? 0 : isInTop ? -1 : -0.5\n                }))`\n              : `translateY(calc(${rowHeight} / -2)) scale(${\n                  isHover ? 1.3 : 1\n                })`,\n            transition,\n            transformOrigin: position,\n            ...(mobile\n              ? {\n                  borderRadius: \"4px\",\n                  boxShadow: \"0px 3px 6px #00000029\",\n                  px: \"5px\",\n                  py: \"3px\",\n                }\n              : position === \"left\"\n              ? { pr: maskSizePx }\n              : { pl: maskSizePx }),\n          }}\n          bg=\"cl_white\"\n        >\n          <ResponsiveTextV2\n            width=\"fit-content\"\n            fontSizeWeight={[18, \"bold\"]}\n            color={color}\n            sx={{ transition }}\n            ref={ref}\n          >\n            {text}\n          </ResponsiveTextV2>\n\n          <ResponsiveTextV2\n            fontSizeWeight={[isHover ? 13 : 14, \"bold\"]}\n            color={isHover ? \"cl_darkGrey\" : \"cl_grey\"}\n            sx={{ transition }}\n          >\n            {secondaryText ?? `${Math.round((end - start) * 100)}%`}\n          </ResponsiveTextV2>\n        </Grid>\n      </foreignObject>\n    </>\n  );\n};\n"],"names":["rowHeight","maskSize","maskSizePx","SegmentLabel","segment","isHover","animationDuration","labelOffset","labelPointerOffset","radius","mobile","labelOffsetMobile","start","end","text","color","secondaryText","diameter","middle","middleAlpha","x","y","getCoordinateForArc","rect","setRect","useState","ref","useCallback","node","transition","position","maxX","pointerX","pointerY","isAtLeft","isInBottom","isInTop","jsxs","Fragment","jsx","theme","Grid","ResponsiveTextV2"],"mappings":"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"}

package/lib/sd-component-library319.js

@@ -1,5 +1,35 @@
-var e = {};
+import { j as t } from "./sd-component-library190.js";
+import { ResponsiveTextV2 as l } from "./sd-component-library144.js";
+const n = ({
+  title: e,
+  onClick: o,
+  isLast: r
+}) => /* @__PURE__ */ t.jsx(
+  l,
+  {
+    fontSizeWeight: [14, "regular"],
+    sx: {
+      height: "48px",
+      px: "15px",
+      display: "flex",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderTopStyle: "none",
+      borderColor: "cl_lightGrey",
+      ...r ? { borderRadius: "0 0 3px 3px", borderBottomStyle: "solid" } : { borderBottomStyle: "none" },
+      ":hover": {
+        borderLeftColor: "cl_purple",
+        borderLeftWidth: "2px"
+      },
+      bg: "cl_white"
+    },
+    onClick: o,
+    children: e
+  }
+);
 export {
-  e as __exports
+  n as SecondaryCustomSelectorOptionRow
 };
 //# sourceMappingURL=sd-component-library319.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library319.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library319.js","sources":["../src/components/selectors/secondary-custom-selector/partials/secondary-custom-selector-option-row/secondary-custom-selector-option-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { SecondaryCustomSelectorOptionRowProps as Props } from \"./interfaces\";\n\nexport const SecondaryCustomSelectorOptionRow: React.FC<Props> = ({\n  title,\n  onClick,\n  isLast,\n}) => {\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[14, \"regular\"]}\n      sx={{\n        height: \"48px\",\n        px: \"15px\",\n        display: \"flex\",\n        justifyContent: \"flex-end\",\n        alignItems: \"center\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderTopStyle: \"none\",\n        borderColor: \"cl_lightGrey\",\n        ...(isLast\n          ? { borderRadius: \"0 0 3px 3px\", borderBottomStyle: \"solid\" }\n          : { borderBottomStyle: \"none\" }),\n        \":hover\": {\n          borderLeftColor: \"cl_purple\",\n          borderLeftWidth: \"2px\",\n        },\n        bg: \"cl_white\",\n      }}\n      onClick={onClick}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["SecondaryCustomSelectorOptionRow","title","onClick","isLast","jsx","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,IAC9B,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,GAAIF,IACA,EAAE,cAAc,eAAe,mBAAmB,QAAQ,IAC1D,EAAE,mBAAmB,OAAO;AAAA,MAChC,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,MACnB;AAAA,MACA,IAAI;AAAA,IACN;AAAA,IACA,SAAAD;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library4.js

@@ -1,23 +1,28 @@
-import { mean as i } from "lodash-es";
-const a = () => navigator.platform ? new RegExp("iPad|iPhone|iPod").test(navigator.platform) : navigator.userAgent.includes("Mac") && "ontouchstart" in window, r = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, u = (o) => {
+import { mean as s } from "lodash-es";
+const u = () => navigator.platform ? new RegExp("iPad|iPhone|iPod").test(navigator.platform) : navigator.userAgent.includes("Mac") && "ontouchstart" in window, r = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, f = (o) => {
   const n = r();
   return {
     shouldUseTouch: n,
     onClick: n ? void 0 : o,
     onTouchStart: n ? o : void 0
   };
-}, p = () => !!window.pdfPreferences, s = (o, n, t = !0, e) => [
+}, t = () => !!window.pdfPreferences, c = (o) => t() ? o.slice(-1) : o, P = (o) => {
+  if (!t())
+    return o;
+}, a = (o, n, e = !0, i) => c([
   o,
   o,
-  ...t ? [e ?? Math.round(i([o, n]))] : [],
+  ...e ? [i ?? Math.round(s([o, n]))] : [],
   n
-], d = (...o) => s(...o).map((n) => `${n}px`);
+]), g = (...o) => a(...o).map((n) => `${n}px`);
 export {
-  u as getResponsiveClick,
-  s as getResponsiveNumericArray,
-  d as getResponsivePxArray,
-  a as isIOS,
-  p as isPDFFlow,
+  P as getPdfSafeStyles,
+  c as getPdfSensibleStylesArray,
+  f as getResponsiveClick,
+  a as getResponsiveNumericArray,
+  g as getResponsivePxArray,
+  u as isIOS,
+  t as isPDFFlow,
   r as isTouchScreen
 };
 //# sourceMappingURL=sd-component-library4.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library4.js","sources":["../src/core/functions.ts"],"sourcesContent":["import { mean } from \"lodash-es\";\n\nexport const isIOS = () =>\n  navigator.platform\n    ? new RegExp(\"iPad|iPhone|iPod\").test(navigator.platform)\n    : navigator.userAgent.includes(\"Mac\") && \"ontouchstart\" in window;\n\nexport const isTouchScreen = () =>\n  \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n\nexport const getResponsiveClick = (callback: () => void) => {\n  const shouldUseTouch = isTouchScreen();\n\n  return {\n    shouldUseTouch,\n    onClick: shouldUseTouch ? undefined : callback,\n    onTouchStart: shouldUseTouch ? callback : undefined,\n  };\n};\n\nexport const isPDFFlow = () => !!(window as any).pdfPreferences;\n\ntype FunctionArgs<T> = T extends (...args: infer Args) => any ? Args : never;\n\nexport const getResponsiveNumericArray = (\n  start: number,\n  end: number,\n  endsWithDesktop: boolean = true,\n  mediumValue?: number\n) => [\n  start,\n  start,\n  ...(endsWithDesktop ? [mediumValue ?? Math.round(mean([start, end]))] : []),\n  end,\n];\n\nexport const getResponsivePxArray = (\n  ...args: FunctionArgs<typeof getResponsiveNumericArray>\n) => getResponsiveNumericArray(...args).map((n) => `${n}px`);\n"],"names":["isIOS","isTouchScreen","getResponsiveClick","callback","shouldUseTouch","isPDFFlow","getResponsiveNumericArray","start","end","endsWithDesktop","mediumValue","mean","getResponsivePxArray","args"],"mappings":";AAEO,MAAMA,IAAQ,MACnB,UAAU,WACN,IAAI,OAAO,kBAAkB,EAAE,KAAK,UAAU,QAAQ,IACtD,UAAU,UAAU,SAAS,KAAK,KAAK,kBAAkB,QAElDC,IAAgB,MAC3B,kBAAkB,UAAU,UAAU,iBAAiB,GAE5CC,IAAqB,CAACC,MAAyB;AAC1D,QAAMC,IAAiBH;AAEhB,SAAA;AAAA,IACL,gBAAAG;AAAA,IACA,SAASA,IAAiB,SAAYD;AAAA,IACtC,cAAcC,IAAiBD,IAAW;AAAA,EAAA;AAE9C,GAEaE,IAAY,MAAM,CAAC,CAAE,OAAe,gBAIpCC,IAA4B,CACvCC,GACAC,GACAC,IAA2B,IAC3BC,MACG;AAAA,EACHH;AAAA,EACAA;AAAA,EACA,GAAIE,IAAkB,CAACC,KAAe,KAAK,MAAMC,EAAK,CAACJ,GAAOC,CAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAAA,EACzEA;AACF,GAEaI,IAAuB,IAC/BC,MACAP,EAA0B,GAAGO,CAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI;"}
+{"version":3,"file":"sd-component-library4.js","sources":["../src/core/functions.ts"],"sourcesContent":["import { mean } from \"lodash-es\";\n\nexport const isIOS = () =>\n  navigator.platform\n    ? new RegExp(\"iPad|iPhone|iPod\").test(navigator.platform)\n    : navigator.userAgent.includes(\"Mac\") && \"ontouchstart\" in window;\n\nexport const isTouchScreen = () =>\n  \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n\nexport const getResponsiveClick = (callback: () => void) => {\n  const shouldUseTouch = isTouchScreen();\n\n  return {\n    shouldUseTouch,\n    onClick: shouldUseTouch ? undefined : callback,\n    onTouchStart: shouldUseTouch ? callback : undefined,\n  };\n};\n\nexport const isPDFFlow = () => !!(window as any).pdfPreferences;\n\nexport const getPdfSensibleStylesArray = <T>(styles: T[]) => {\n  const isPdf = isPDFFlow();\n  return isPdf ? styles.slice(-1) : styles;\n};\n\nexport const getPdfSafeStyles = <T extends object>(obj: T) => {\n  const isPdf = isPDFFlow();\n  if (!isPdf) return obj;\n};\n\ntype FunctionArgs<T> = T extends (...args: infer Args) => any ? Args : never;\n\nexport const getResponsiveNumericArray = (\n  start: number,\n  end: number,\n  endsWithDesktop: boolean = true,\n  mediumValue?: number\n) =>\n  getPdfSensibleStylesArray([\n    start,\n    start,\n    ...(endsWithDesktop ? [mediumValue ?? Math.round(mean([start, end]))] : []),\n    end,\n  ]);\n\nexport const getResponsivePxArray = (\n  ...args: FunctionArgs<typeof getResponsiveNumericArray>\n) => getResponsiveNumericArray(...args).map((n) => `${n}px`);\n"],"names":["isIOS","isTouchScreen","getResponsiveClick","callback","shouldUseTouch","isPDFFlow","getPdfSensibleStylesArray","styles","getPdfSafeStyles","obj","getResponsiveNumericArray","start","end","endsWithDesktop","mediumValue","mean","getResponsivePxArray","args"],"mappings":";AAEO,MAAMA,IAAQ,MACnB,UAAU,WACN,IAAI,OAAO,kBAAkB,EAAE,KAAK,UAAU,QAAQ,IACtD,UAAU,UAAU,SAAS,KAAK,KAAK,kBAAkB,QAElDC,IAAgB,MAC3B,kBAAkB,UAAU,UAAU,iBAAiB,GAE5CC,IAAqB,CAACC,MAAyB;AAC1D,QAAMC,IAAiBH;AAEhB,SAAA;AAAA,IACL,gBAAAG;AAAA,IACA,SAASA,IAAiB,SAAYD;AAAA,IACtC,cAAcC,IAAiBD,IAAW;AAAA,EAAA;AAE9C,GAEaE,IAAY,MAAM,CAAC,CAAE,OAAe,gBAEpCC,IAA4B,CAAIC,MAC7BF,MACCE,EAAO,MAAM,EAAE,IAAIA,GAGvBC,IAAmB,CAAmBC,MAAW;AAE5D,MAAI,CADUJ;AACK,WAAAI;AACrB,GAIaC,IAA4B,CACvCC,GACAC,GACAC,IAA2B,IAC3BC,MAEAR,EAA0B;AAAA,EACxBK;AAAA,EACAA;AAAA,EACA,GAAIE,IAAkB,CAACC,KAAe,KAAK,MAAMC,EAAK,CAACJ,GAAOC,CAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAAA,EACzEA;AACF,CAAC,GAEUI,IAAuB,IAC/BC,MACAP,EAA0B,GAAGO,CAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI;"}

package/lib/sd-component-library5.js

@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library190.js";
 import { useRef as T, useState as q, useCallback as J } from "react";
 import { Box as o } from "rebass";
 import { useResize as K } from "./sd-component-library3.js";
-import { ReactComponent as L } from "./sd-component-library197.js";
+import { ReactComponent as L } from "./sd-component-library198.js";
 const Z = (p) => {
   const {
     width: x = ["100%"],

package/lib/sd-component-library6.js

@@ -4,7 +4,7 @@ import { Box as e, Flex as S } from "rebass";
 import { isPDFFlow as D } from "./sd-component-library4.js";
 import { SecondaryBadge as F } from "./sd-component-library9.js";
 import { MaxFrContainer as I } from "./sd-component-library40.js";
-import { ReactComponent as k } from "./sd-component-library197.js";
+import { ReactComponent as k } from "./sd-component-library198.js";
 const _ = (l) => {
   const {
     header: x,