@selfdecode/sd-component-library 4.0.73-vite19 → 4.0.73-vite20

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library709.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-library709.js","sources":["../src/components/meters/common-outline-meter-partials/label-pointer/label-pointer.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { degToRad, getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { LabelPointerProps as Props } from \"./interfaces\";\n\nexport const LabelPointer: React.FC<Props> = (props) => {\n  const {\n    pointerLength,\n    pointerWidth,\n    radius,\n    alpha,\n    color,\n    label,\n    textBottomMargin,\n    horizontal,\n    counterClockWise,\n  } = props;\n\n  const [textWidth, setTextWidth] = useState(0);\n  const ref = useCallback((text: SVGTextElement) => {\n    if (text) setTextWidth(text.getBoundingClientRect().width);\n  }, []);\n\n  if (!label) return null;\n\n  const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n    radius,\n    alpha\n  );\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const getStyle = (x: number, y: number) => ({\n    transform: `rotateY(${counterClockWise ? 180 : 0}deg)`,\n    transformOrigin: `${x}px ${y}px`,\n  });\n\n  if (Math.round(alpha) === 180) {\n    const textY = pointerEndY - pointerWidth / 2 - textBottomMargin;\n\n    return (\n      <>\n        <line\n          x1={pointerStartX}\n          y1={pointerStartY}\n          x2={pointerEndX}\n          y2={pointerEndY}\n          stroke={color}\n          strokeWidth={pointerWidth}\n        />\n\n        <text\n          ref={ref}\n          x={pointerEndX - textWidth / 2}\n          y={textY}\n          style={getStyle(pointerEndX, textY)}\n        >\n          {label}\n        </text>\n      </>\n    );\n  }\n\n  const alphaInRad = degToRad(alpha);\n  const sinAlpha = Math.sin(alphaInRad);\n  const sinAlphaSign = Math.sign(sinAlpha);\n\n  if (horizontal) {\n    pointerEndX = pointerStartX + pointerLength * -sinAlphaSign;\n    pointerEndY = pointerStartY;\n  }\n\n  const dx = (pointerWidth / 2) * Math.cos(alphaInRad);\n  const dy = (pointerWidth / 2) * sinAlpha;\n  const endDy = pointerWidth / 2 / sinAlphaSign;\n  const textStartX = pointerEndX - (alpha < 180 ? 1 : 0) * textWidth;\n  const textEndX = pointerEndX - textWidth * sinAlphaSign;\n  const textMiddleX = textStartX + textWidth / 2;\n  const textY = pointerEndY - endDy - textBottomMargin;\n\n  return (\n    <>\n      <path\n        d={`M${pointerStartX + dx},${pointerStartY + dy} L${\n          pointerStartX - dx\n        },${pointerStartY - dy} L${pointerEndX},${\n          pointerEndY - endDy\n        } L${textEndX},${pointerEndY - endDy} L${textEndX},${\n          pointerEndY + endDy\n        } L${pointerEndX},${pointerEndY + endDy} Z`}\n        fill={color}\n      />\n\n      <text\n        ref={ref}\n        x={textStartX}\n        y={textY}\n        style={getStyle(textMiddleX, textY)}\n      >\n        {label}\n      </text>\n    </>\n  );\n};\n"],"names":["LabelPointer","props","pointerLength","pointerWidth","radius","alpha","color","label","textBottomMargin","horizontal","counterClockWise","textWidth","setTextWidth","useState","ref","useCallback","text","pointerStartX","pointerStartY","getCoordinateForArc","pointerEndX","pointerEndY","getStyle","x","y","textY","jsxs","Fragment","jsx","alphaInRad","degToRad","sinAlpha","sinAlphaSign","dx","dy","endDy","textStartX","textEndX","textMiddleX"],"mappings":"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"}

package/lib/sd-component-library71.js

@@ -1,77 +1,48 @@
-import { j as t } from "./sd-component-library195.js";
-import { useState as d } from "react";
-import { OutsideClickBox as g } from "./sd-component-library14.js";
-import { SecondaryTextInput as j } from "./sd-component-library75.js";
-import { ReactComponent as v } from "./sd-component-library227.js";
-import { SearchAutocompleteResultsBox as C } from "./sd-component-library228.js";
-const F = (s) => {
+import { j as o } from "./sd-component-library195.js";
+import { Text as e } from "./sd-component-library196.js";
+import { Box as s } from "./sd-component-library197.js";
+import { TextInput as c } from "./sd-component-library77.js";
+const l = (x) => {
   const {
-    searchValue: r,
-    onSearch: n,
-    results: e,
-    inputSx: i,
-    containerSx: c,
-    onSelect: p,
-    hasSelection: b,
-    width: l,
-    rowsDisplayed: a = 5,
-    rowHeight: u = 48,
-    ...m
-  } = s, [x, o] = d(!1), h = () => o(!1), S = (f) => {
-    p(f), o(!1);
-  };
-  return /* @__PURE__ */ t.jsxs(
-    g,
-    {
-      width: l,
-      onClickOutside: h,
-      sx: {
-        position: "relative",
-        cursor: "default",
-        svg: {
-          fill: "cl_blue"
+    onChange: i,
+    padding: n = ["14px 0px"],
+    errorMessage: t,
+    errorMessageProps: r,
+    focusInput: m,
+    hideErrorText: p,
+    sx: a
+  } = x;
+  return /* @__PURE__ */ o.jsxs(s, { "data-test": "primary-text-input", children: [
+    /* @__PURE__ */ o.jsx(
+      c,
+      {
+        ...x,
+        onChange: i,
+        focusInput: m,
+        variant: t ? "primaryError" : "primary",
+        sx: {
+          padding: n,
+          ...a
+        }
+      }
+    ),
+    t && !p && /* @__PURE__ */ o.jsx(
+      e,
+      {
+        ...r,
+        sx: {
+          fontSize: "12px",
+          mt: "10px",
+          color: "cl_red",
+          fontFamily: "proxima-nova",
+          ...r == null ? void 0 : r.sx
         },
-        ...c
-      },
-      children: [
-        /* @__PURE__ */ t.jsx(
-          j,
-          {
-            ...m,
-            inputSx: {
-              pr: "24px",
-              ...i
-            },
-            value: r,
-            onChange: n,
-            onFocus: () => o(!0)
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          v,
-          {
-            style: {
-              height: "19px",
-              position: "absolute",
-              right: "0",
-              bottom: "19px"
-            }
-          }
-        ),
-        !!(e != null && e.length) && x && /* @__PURE__ */ t.jsx(
-          C,
-          {
-            results: e,
-            onSelect: S,
-            rowsDisplayed: a,
-            rowHeight: u
-          }
-        )
-      ]
-    }
-  );
+        children: t
+      }
+    )
+  ] });
 };
 export {
-  F as SearchAutocompleteInput
+  l as PrimaryTextInput
 };
 //# sourceMappingURL=sd-component-library71.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library71.js","sources":["../src/components/inputs/search-autocomplete-input/search-autocomplete-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { OutsideClickBox } from \"../../boxes/outside-click-box\";\nimport { SearchIcon } from \"../search-input/presentational/assets\";\nimport { SecondaryTextInput } from \"../secondary-text-input\";\nimport {\n  SearchAutocompleteInputProps as Props,\n  SearchAutocompleteOption,\n} from \"./interfaces\";\nimport { SearchAutocompleteResultsBox } from \"./partials/search-autocomplete-results-box\";\n\nexport const SearchAutocompleteInput = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const {\n    searchValue,\n    onSearch,\n    results,\n    inputSx,\n    containerSx,\n    onSelect,\n    hasSelection,\n    width,\n    rowsDisplayed = 5,\n    rowHeight = 48,\n    ...inputProps\n  } = props;\n\n  const [focused, setFocused] = useState(false);\n  const onClickOutside = () => setFocused(false);\n\n  const selectWrapper = (newSelection: SearchAutocompleteOption<T>) => {\n    onSelect(newSelection);\n    setFocused(false);\n  };\n\n  return (\n    <OutsideClickBox\n      width={width}\n      onClickOutside={onClickOutside}\n      sx={{\n        position: \"relative\",\n        cursor: \"default\",\n        svg: {\n          fill: \"cl_blue\",\n        },\n        ...containerSx,\n      }}\n    >\n      <SecondaryTextInput\n        {...inputProps}\n        inputSx={{\n          pr: \"24px\",\n          ...inputSx,\n        }}\n        value={searchValue}\n        onChange={onSearch}\n        onFocus={() => setFocused(true)}\n      />\n\n      <SearchIcon\n        style={{\n          height: \"19px\",\n          position: \"absolute\",\n          right: \"0\",\n          bottom: \"19px\",\n        }}\n      />\n\n      {!!results?.length && focused && (\n        <SearchAutocompleteResultsBox\n          results={results}\n          onSelect={selectWrapper}\n          rowsDisplayed={rowsDisplayed}\n          rowHeight={rowHeight}\n        />\n      )}\n    </OutsideClickBox>\n  );\n};\n"],"names":["SearchAutocompleteInput","props","searchValue","onSearch","results","inputSx","containerSx","onSelect","hasSelection","width","rowsDisplayed","rowHeight","inputProps","focused","setFocused","useState","onClickOutside","selectWrapper","newSelection","jsxs","OutsideClickBox","jsx","SecondaryTextInput","SearchIcon","SearchAutocompleteResultsBox"],"mappings":";;;;;;AAWa,MAAAA,IAA0B,CAGrCC,MACG;AACG,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EACD,IAAAX,GAEE,CAACY,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAiB,MAAMF,EAAW,EAAK,GAEvCG,IAAgB,CAACC,MAA8C;AACnE,IAAAX,EAASW,CAAY,GACrBJ,EAAW,EAAK;AAAA,EAAA;AAIhB,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,gBAAAO;AAAA,MACA,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,KAAK;AAAA,UACH,MAAM;AAAA,QACR;AAAA,QACA,GAAGV;AAAA,MACL;AAAA,MAEA,UAAA;AAAA,QAAAe,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGV;AAAA,YACJ,SAAS;AAAA,cACP,IAAI;AAAA,cACJ,GAAGP;AAAA,YACL;AAAA,YACA,OAAOH;AAAA,YACP,UAAUC;AAAA,YACV,SAAS,MAAMW,EAAW,EAAI;AAAA,UAAA;AAAA,QAChC;AAAA,QAEAO,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,YACV;AAAA,UAAA;AAAA,QACF;AAAA,QAEC,CAAC,EAACnB,KAAA,QAAAA,EAAS,WAAUS,KACpBQ,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAApB;AAAA,YACA,UAAUa;AAAA,YACV,eAAAP;AAAA,YACA,WAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"sd-component-library71.js","sources":["../src/components/inputs/primary-text-input/primary-text-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Text } from \"rebass\";\n\nimport { TextInput } from \"../text-input\";\nimport { PrimaryTextInputProps as Props } from \"./interfaces\";\n\nexport const PrimaryTextInput: React.FC<Props> = (props) => {\n  const {\n    onChange,\n    padding = [\"14px 0px\"],\n    errorMessage,\n    errorMessageProps,\n    focusInput,\n    hideErrorText,\n    sx,\n  } = props;\n\n  return (\n    <Box data-test=\"primary-text-input\">\n      <TextInput\n        {...props}\n        onChange={onChange}\n        focusInput={focusInput}\n        variant={errorMessage ? \"primaryError\" : \"primary\"}\n        sx={{\n          padding,\n          ...sx,\n        }}\n      />\n      {errorMessage && !hideErrorText && (\n        <Text\n          {...errorMessageProps}\n          sx={{\n            fontSize: \"12px\",\n            mt: \"10px\",\n            color: \"cl_red\",\n            fontFamily: \"proxima-nova\",\n            ...errorMessageProps?.sx,\n          }}\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["PrimaryTextInput","props","onChange","padding","errorMessage","errorMessageProps","focusInput","hideErrorText","sx","jsxs","Box","jsx","TextInput","Text"],"mappings":";;;;AAOa,MAAAA,IAAoC,CAACC,MAAU;AACpD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,SAAAC,IAAU,CAAC,UAAU;AAAA,IACrB,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAAP;AAGF,SAAAQ,gBAAAA,EAAA,KAACC,GAAI,EAAA,aAAU,sBACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGX;AAAA,QACJ,UAAAC;AAAA,QACA,YAAAI;AAAA,QACA,SAASF,IAAe,iBAAiB;AAAA,QACzC,IAAI;AAAA,UACF,SAAAD;AAAA,UACA,GAAGK;AAAA,QACL;AAAA,MAAA;AAAA,IACF;AAAA,IACCJ,KAAgB,CAACG,KAChBI,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,GAAGR;AAAA,QACJ,IAAI;AAAA,UACF,UAAU;AAAA,UACV,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,GAAGA,KAAA,gBAAAA,EAAmB;AAAA,QACxB;AAAA,QAEC,UAAAD;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library710.js

@@ -1,5 +1,5 @@
-import s from "./sd-component-library623.js";
-import f from "./sd-component-library640.js";
+import s from "./sd-component-library612.js";
+import f from "./sd-component-library635.js";
 function i(a) {
   f(1, arguments);
   var e = 1, t = s(a), r = t.getUTCDay(), o = (r < e ? 7 : 0) + r - e;

package/lib/sd-component-library711.js

@@ -1,6 +1,6 @@
-import o from "./sd-component-library668.js";
+import o from "./sd-component-library666.js";
 import f from "./sd-component-library710.js";
-import u from "./sd-component-library640.js";
+import u from "./sd-component-library635.js";
 function O(e) {
   u(1, arguments);
   var t = o(e), r = /* @__PURE__ */ new Date(0);

package/lib/sd-component-library712.js

@@ -1,7 +1,7 @@
-import p from "./sd-component-library623.js";
-import w from "./sd-component-library640.js";
-import c from "./sd-component-library641.js";
-import { getDefaultOptions as k } from "./sd-component-library644.js";
+import p from "./sd-component-library612.js";
+import w from "./sd-component-library635.js";
+import c from "./sd-component-library636.js";
+import { getDefaultOptions as k } from "./sd-component-library639.js";
 function C(O, e) {
   var l, r, a, i, n, d, v, u;
   w(1, arguments);

package/lib/sd-component-library713.js

@@ -1,8 +1,8 @@
-import k from "./sd-component-library670.js";
-import W from "./sd-component-library640.js";
+import k from "./sd-component-library668.js";
+import W from "./sd-component-library635.js";
 import p from "./sd-component-library712.js";
-import _ from "./sd-component-library641.js";
-import { getDefaultOptions as c } from "./sd-component-library644.js";
+import _ from "./sd-component-library636.js";
+import { getDefaultOptions as c } from "./sd-component-library639.js";
 function U(v, e) {
   var t, o, r, l, i, a, n, f;
   W(1, arguments);

package/lib/sd-component-library714.js

@@ -1,9 +1,10 @@
-function e(o) {
-  return e = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
-    return t.__proto__ || Object.getPrototypeOf(t);
-  }, e(o);
+function o(a, t) {
+  (t == null || t > a.length) && (t = a.length);
+  for (var r = 0, f = new Array(t); r < t; r++)
+    f[r] = a[r];
+  return f;
 }
 export {
-  e as default
+  o as default
 };
 //# sourceMappingURL=sd-component-library714.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library714.js","sources":["../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"],"sourcesContent":["export default function _getPrototypeOf(o) {\n  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n    return o.__proto__ || Object.getPrototypeOf(o);\n  };\n  return _getPrototypeOf(o);\n}"],"names":["_getPrototypeOf","o"],"mappings":"AAAe,SAASA,EAAgB,GAAG;AACzC,SAAAA,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAM,IAAG,SAAyBC,GAAG;AACnG,WAAOA,EAAE,aAAa,OAAO,eAAeA,CAAC;AAAA,EACjD,GACSD,EAAgB,CAAC;AAC1B;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library714.js","sources":["../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"],"sourcesContent":["export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n  return arr2;\n}"],"names":["_arrayLikeToArray","arr","len","i","arr2"],"mappings":"AAAe,SAASA,EAAkBC,GAAKC,GAAK;AAClD,GAAIA,KAAO,QAAQA,IAAMD,EAAI,YAAQC,IAAMD,EAAI;AAC/C,WAASE,IAAI,GAAGC,IAAO,IAAI,MAAMF,CAAG,GAAGC,IAAID,GAAKC;AAAK,IAAAC,EAAKD,CAAC,IAAIF,EAAIE,CAAC;AACpE,SAAOC;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library715.js

@@ -1,16 +1,9 @@
-function t() {
-  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
-    return !1;
-  if (typeof Proxy == "function")
-    return !0;
-  try {
-    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    })), !0;
-  } catch {
-    return !1;
-  }
+function e(o) {
+  return e = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, e(o);
 }
 export {
-  t as default
+  e as default
 };
 //# sourceMappingURL=sd-component-library715.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library715.js","sources":["../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js"],"sourcesContent":["export default function _isNativeReflectConstruct() {\n  if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n  if (Reflect.construct.sham) return false;\n  if (typeof Proxy === \"function\") return true;\n  try {\n    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n    return true;\n  } catch (e) {\n    return false;\n  }\n}"],"names":["_isNativeReflectConstruct"],"mappings":"AAAe,SAASA,IAA4B;AAElD,MADI,OAAO,UAAY,OAAe,CAAC,QAAQ,aAC3C,QAAQ,UAAU;AAAM,WAAO;AACnC,MAAI,OAAO,SAAU;AAAY,WAAO;AACxC,MAAI;AACF,mBAAQ,UAAU,QAAQ,KAAK,QAAQ,UAAU,SAAS,CAAE,GAAE,WAAY;AAAA,IAAE,CAAA,CAAC,GACtE;AAAA,EACR,QAAW;AACV,WAAO;AAAA,EACR;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library715.js","sources":["../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"],"sourcesContent":["export default function _getPrototypeOf(o) {\n  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n    return o.__proto__ || Object.getPrototypeOf(o);\n  };\n  return _getPrototypeOf(o);\n}"],"names":["_getPrototypeOf","o"],"mappings":"AAAe,SAASA,EAAgB,GAAG;AACzC,SAAAA,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAM,IAAG,SAAyBC,GAAG;AACnG,WAAOA,EAAE,aAAa,OAAO,eAAeA,CAAC;AAAA,EACjD,GACSD,EAAgB,CAAC;AAC1B;","x_google_ignoreList":[0]}

package/lib/sd-component-library716.js

@@ -1,13 +1,16 @@
-import o from "./sd-component-library313.js";
-import t from "./sd-component-library359.js";
-function f(e, r) {
-  if (r && (o(r) === "object" || typeof r == "function"))
-    return r;
-  if (r !== void 0)
-    throw new TypeError("Derived constructors may only return object or undefined");
-  return t(e);
+function t() {
+  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+    return !1;
+  if (typeof Proxy == "function")
+    return !0;
+  try {
+    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    })), !0;
+  } catch {
+    return !1;
+  }
 }
 export {
-  f as default
+  t as default
 };
 //# sourceMappingURL=sd-component-library716.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library716.js","sources":["../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport assertThisInitialized from \"./assertThisInitialized.js\";\nexport default function _possibleConstructorReturn(self, call) {\n  if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n    return call;\n  } else if (call !== void 0) {\n    throw new TypeError(\"Derived constructors may only return object or undefined\");\n  }\n  return assertThisInitialized(self);\n}"],"names":["_possibleConstructorReturn","self","call","_typeof","assertThisInitialized"],"mappings":";;AAEe,SAASA,EAA2BC,GAAMC,GAAM;AAC7D,MAAIA,MAASC,EAAQD,CAAI,MAAM,YAAY,OAAOA,KAAS;AACzD,WAAOA;AACF,MAAIA,MAAS;AAClB,UAAM,IAAI,UAAU,0DAA0D;AAEhF,SAAOE,EAAsBH,CAAI;AACnC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library716.js","sources":["../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js"],"sourcesContent":["export default function _isNativeReflectConstruct() {\n  if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n  if (Reflect.construct.sham) return false;\n  if (typeof Proxy === \"function\") return true;\n  try {\n    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n    return true;\n  } catch (e) {\n    return false;\n  }\n}"],"names":["_isNativeReflectConstruct"],"mappings":"AAAe,SAASA,IAA4B;AAElD,MADI,OAAO,UAAY,OAAe,CAAC,QAAQ,aAC3C,QAAQ,UAAU;AAAM,WAAO;AACnC,MAAI,OAAO,SAAU;AAAY,WAAO;AACxC,MAAI;AACF,mBAAQ,UAAU,QAAQ,KAAK,QAAQ,UAAU,SAAS,CAAE,GAAE,WAAY;AAAA,IAAE,CAAA,CAAC,GACtE;AAAA,EACR,QAAW;AACV,WAAO;AAAA,EACR;AACH;","x_google_ignoreList":[0]}

package/lib/sd-component-library717.js

@@ -1,10 +1,13 @@
-function o(a, t) {
-  (t == null || t > a.length) && (t = a.length);
-  for (var r = 0, f = new Array(t); r < t; r++)
-    f[r] = a[r];
-  return f;
+import o from "./sd-component-library323.js";
+import t from "./sd-component-library343.js";
+function f(e, r) {
+  if (r && (o(r) === "object" || typeof r == "function"))
+    return r;
+  if (r !== void 0)
+    throw new TypeError("Derived constructors may only return object or undefined");
+  return t(e);
 }
 export {
-  o as default
+  f as default
 };
 //# sourceMappingURL=sd-component-library717.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library717.js","sources":["../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"],"sourcesContent":["export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n  return arr2;\n}"],"names":["_arrayLikeToArray","arr","len","i","arr2"],"mappings":"AAAe,SAASA,EAAkBC,GAAKC,GAAK;AAClD,GAAIA,KAAO,QAAQA,IAAMD,EAAI,YAAQC,IAAMD,EAAI;AAC/C,WAASE,IAAI,GAAGC,IAAO,IAAI,MAAMF,CAAG,GAAGC,IAAID,GAAKC;AAAK,IAAAC,EAAKD,CAAC,IAAIF,EAAIE,CAAC;AACpE,SAAOC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library717.js","sources":["../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport assertThisInitialized from \"./assertThisInitialized.js\";\nexport default function _possibleConstructorReturn(self, call) {\n  if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n    return call;\n  } else if (call !== void 0) {\n    throw new TypeError(\"Derived constructors may only return object or undefined\");\n  }\n  return assertThisInitialized(self);\n}"],"names":["_possibleConstructorReturn","self","call","_typeof","assertThisInitialized"],"mappings":";;AAEe,SAASA,EAA2BC,GAAMC,GAAM;AAC7D,MAAIA,MAASC,EAAQD,CAAI,MAAM,YAAY,OAAOA,KAAS;AACzD,WAAOA;AACF,MAAIA,MAAS;AAClB,UAAM,IAAI,UAAU,0DAA0D;AAEhF,SAAOE,EAAsBH,CAAI;AACnC;","x_google_ignoreList":[0]}

package/lib/sd-component-library718.js

@@ -1,7 +1,7 @@
-import n from "./sd-component-library675.js";
-import l from "./sd-component-library676.js";
-import e from "./sd-component-library205.js";
-import { ValueSetter as v } from "./sd-component-library653.js";
+import n from "./sd-component-library672.js";
+import l from "./sd-component-library673.js";
+import e from "./sd-component-library214.js";
+import { ValueSetter as v } from "./sd-component-library649.js";
 var m = /* @__PURE__ */ function() {
   function t() {
     n(this, t), e(this, "incompatibleTokens", void 0), e(this, "priority", void 0), e(this, "subPriority", void 0);

package/lib/sd-component-library719.js

@@ -1,4 +1,4 @@
-import { millisecondsInHour as l, millisecondsInMinute as m, millisecondsInSecond as f } from "./sd-component-library627.js";
+import { millisecondsInHour as l, millisecondsInMinute as m, millisecondsInSecond as f } from "./sd-component-library616.js";
 import { numericPatterns as s } from "./sd-component-library720.js";
 function h(e, r) {
   return e && {

package/lib/sd-component-library72.js

@@ -1,123 +1,77 @@
-import { j as r } from "./sd-component-library195.js";
-import { useState as T } from "react";
-import { useDependantState as V } from "./sd-component-library3.js";
-import { OutsideClickBox as q } from "./sd-component-library14.js";
-import { PrimaryTextInput as z } from "./sd-component-library70.js";
-import { ReactComponent as G } from "./sd-component-library227.js";
-import { ReactComponent as H } from "./sd-component-library309.js";
-import { SearchBox as J } from "./sd-component-library73.js";
-function f(i, s, o, t) {
-  t == null || t(i, s), o(i);
-}
-function tt(i) {
+import { j as t } from "./sd-component-library195.js";
+import { useState as d } from "react";
+import { OutsideClickBox as g } from "./sd-component-library15.js";
+import { SecondaryTextInput as j } from "./sd-component-library76.js";
+import { ReactComponent as v } from "./sd-component-library279.js";
+import { SearchAutocompleteResultsBox as C } from "./sd-component-library280.js";
+const F = (s) => {
   const {
-    onClickSearch: s,
-    onClickClose: o,
-    hideX: t,
-    m: d,
-    mt: g,
-    mr: S,
-    mb: C,
-    ml: j,
-    onChange: a,
-    padding: b,
-    textAlign: k,
-    placeholder: y = "Enter your Search",
-    focusInput: B,
-    value: c,
-    width: R,
-    searchRight: p,
-    searchColor: m,
-    searchResults: n,
-    useRouterLinks: v = !1,
-    sx: D,
-    id: E,
-    containerSx: F,
-    xColor: I = "#434A54",
-    searchBottom: A = "15px",
-    xBottom: O = "16px",
-    maxWidth: P
-  } = i, [e, l] = V(c), W = m || (e ? "#4568F9" : "#CCD0DB"), u = t ? "15px" : "40px", X = t && p || u, x = () => {
-    e && s && s(e);
-  }, [w, h] = T(!1);
-  return /* @__PURE__ */ r.jsxs(
-    q,
+    searchValue: r,
+    onSearch: n,
+    results: e,
+    inputSx: i,
+    containerSx: c,
+    onSelect: p,
+    hasSelection: b,
+    width: l,
+    rowsDisplayed: a = 5,
+    rowHeight: u = 48,
+    ...m
+  } = s, [x, o] = d(!1), h = () => o(!1), S = (f) => {
+    p(f), o(!1);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    g,
     {
-      onClickOutside: () => h(!1),
+      width: l,
+      onClickOutside: h,
       sx: {
         position: "relative",
-        bg: "white",
-        width: R,
-        m: d,
-        mt: g,
-        mr: S,
-        mb: C,
-        ml: j,
-        maxWidth: P,
-        ...F
+        cursor: "default",
+        svg: {
+          fill: "cl_blue"
+        },
+        ...c
       },
-      "data-test": "search-input",
       children: [
-        /* @__PURE__ */ r.jsx(
-          z,
+        /* @__PURE__ */ t.jsx(
+          j,
           {
-            onChange: (K, L) => f(K, L, l, a),
-            padding: b,
-            textAlign: k,
-            value: c,
-            placeholder: y,
-            focusInput: B,
-            sx: D,
-            id: E,
-            onKeyPress: {
-              Enter: x
+            ...m,
+            inputSx: {
+              pr: "24px",
+              ...i
             },
-            onFocus: () => h(!0)
+            value: r,
+            onChange: n,
+            onFocus: () => o(!0)
           }
         ),
-        /* @__PURE__ */ r.jsx(
-          G,
+        /* @__PURE__ */ t.jsx(
+          v,
           {
             style: {
-              height: "18px",
+              height: "19px",
               position: "absolute",
-              right: X,
-              bottom: A,
-              fill: W,
-              cursor: e ? "pointer" : "default",
-              transition: "all .1s"
-            },
-            onClick: x
-          }
-        ),
-        !t && /* @__PURE__ */ r.jsx(
-          H,
-          {
-            style: {
-              height: "16px",
-              position: "absolute",
-              right: "10px",
-              bottom: O,
-              fill: I,
-              cursor: "pointer"
-            },
-            onClick: () => {
-              o == null || o(), f("", e || "", l, a);
+              right: "0",
+              bottom: "19px"
             }
           }
         ),
-        !!(n != null && n.length) && w && /* @__PURE__ */ r.jsx(
-          J,
+        !!(e != null && e.length) && x && /* @__PURE__ */ t.jsx(
+          C,
           {
-            searchResults: n,
-            useRouterLinks: v
+            results: e,
+            onSelect: S,
+            rowsDisplayed: a,
+            rowHeight: u
           }
         )
       ]
     }
   );
-}
+};
 export {
-  tt as SearchInput
+  F as SearchAutocompleteInput
 };
 //# sourceMappingURL=sd-component-library72.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library72.js","sources":["../src/components/inputs/search-input/presentational/search-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { useDependantState } from \"../../../../core/custom-hooks\";\nimport { OutsideClickBox } from \"../../../boxes/outside-click-box\";\nimport { PrimaryTextInput } from \"../../primary-text-input\";\nimport { SearchBox } from \"../partials/search-box\";\nimport { SearchIcon, XIcon } from \"./assets\";\nimport { SearchInputProps } from \"./interfaces\";\n\nfunction onChangeWrapper(\n  newValue: string,\n  oldValue: string,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string | undefined>>,\n  onChange: undefined | ((newValue: string, oldValue: string) => void)\n) {\n  onChange?.(newValue, oldValue);\n  setCurrentValue(newValue);\n}\n\n/**\n * Search input component.\n */\nexport function SearchInput(\n  props: SearchInputProps\n): React.ReactElement<SearchInputProps> {\n  const {\n    onClickSearch,\n    onClickClose,\n    hideX,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    onChange,\n    padding,\n    textAlign,\n    placeholder = \"Enter your Search\",\n    focusInput,\n    value,\n    width,\n    searchRight,\n    searchColor,\n    searchResults,\n    useRouterLinks = false,\n    sx,\n    id,\n    containerSx,\n    xColor = \"#434A54\",\n    searchBottom = \"15px\",\n    xBottom = \"16px\",\n    maxWidth,\n  } = props;\n\n  const [currentValue, setCurrentValue] = useDependantState(value);\n\n  const fill = searchColor ? searchColor : currentValue ? \"#4568F9\" : \"#CCD0DB\";\n  const defaultRight = hideX ? \"15px\" : \"40px\";\n  const right = hideX\n    ? searchRight\n      ? searchRight\n      : defaultRight\n    : defaultRight;\n\n  const handleSearch = () => {\n    if (currentValue && onClickSearch) {\n      onClickSearch(currentValue);\n    }\n  };\n\n  const [focused, setFocused] = useState(false);\n\n  return (\n    <OutsideClickBox\n      onClickOutside={() => setFocused(false)}\n      sx={{\n        position: \"relative\",\n        bg: \"white\",\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        maxWidth,\n        ...containerSx,\n      }}\n      data-test=\"search-input\"\n    >\n      <PrimaryTextInput\n        onChange={(newValue, oldValue) =>\n          onChangeWrapper(newValue, oldValue, setCurrentValue, onChange)\n        }\n        {...{ padding, textAlign, value, placeholder, focusInput, sx, id }}\n        onKeyPress={{\n          Enter: handleSearch,\n        }}\n        onFocus={() => setFocused(true)}\n      />\n\n      <SearchIcon\n        style={{\n          height: \"18px\",\n          position: \"absolute\",\n          right: right,\n          bottom: searchBottom,\n          fill: fill,\n          cursor: currentValue ? \"pointer\" : \"default\",\n          transition: \"all .1s\",\n        }}\n        onClick={handleSearch}\n      />\n\n      {!hideX && (\n        <XIcon\n          style={{\n            height: \"16px\",\n            position: \"absolute\",\n            right: \"10px\",\n            bottom: xBottom,\n            fill: xColor,\n            cursor: \"pointer\",\n          }}\n          onClick={() => {\n            onClickClose?.();\n            onChangeWrapper(\"\", currentValue || \"\", setCurrentValue, onChange);\n          }}\n        />\n      )}\n      {!!searchResults?.length && focused && (\n        <SearchBox\n          searchResults={searchResults}\n          useRouterLinks={useRouterLinks}\n        />\n      )}\n    </OutsideClickBox>\n  );\n}\n"],"names":["onChangeWrapper","newValue","oldValue","setCurrentValue","onChange","SearchInput","props","onClickSearch","onClickClose","hideX","m","mt","mr","mb","ml","padding","textAlign","placeholder","focusInput","value","width","searchRight","searchColor","searchResults","useRouterLinks","sx","id","containerSx","xColor","searchBottom","xBottom","maxWidth","currentValue","useDependantState","fill","defaultRight","right","handleSearch","focused","setFocused","useState","jsxs","OutsideClickBox","jsx","PrimaryTextInput","SearchIcon","XIcon","SearchBox"],"mappings":"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"}
+{"version":3,"file":"sd-component-library72.js","sources":["../src/components/inputs/search-autocomplete-input/search-autocomplete-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { OutsideClickBox } from \"../../boxes/outside-click-box\";\nimport { SearchIcon } from \"../search-input/presentational/assets\";\nimport { SecondaryTextInput } from \"../secondary-text-input\";\nimport {\n  SearchAutocompleteInputProps as Props,\n  SearchAutocompleteOption,\n} from \"./interfaces\";\nimport { SearchAutocompleteResultsBox } from \"./partials/search-autocomplete-results-box\";\n\nexport const SearchAutocompleteInput = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const {\n    searchValue,\n    onSearch,\n    results,\n    inputSx,\n    containerSx,\n    onSelect,\n    hasSelection,\n    width,\n    rowsDisplayed = 5,\n    rowHeight = 48,\n    ...inputProps\n  } = props;\n\n  const [focused, setFocused] = useState(false);\n  const onClickOutside = () => setFocused(false);\n\n  const selectWrapper = (newSelection: SearchAutocompleteOption<T>) => {\n    onSelect(newSelection);\n    setFocused(false);\n  };\n\n  return (\n    <OutsideClickBox\n      width={width}\n      onClickOutside={onClickOutside}\n      sx={{\n        position: \"relative\",\n        cursor: \"default\",\n        svg: {\n          fill: \"cl_blue\",\n        },\n        ...containerSx,\n      }}\n    >\n      <SecondaryTextInput\n        {...inputProps}\n        inputSx={{\n          pr: \"24px\",\n          ...inputSx,\n        }}\n        value={searchValue}\n        onChange={onSearch}\n        onFocus={() => setFocused(true)}\n      />\n\n      <SearchIcon\n        style={{\n          height: \"19px\",\n          position: \"absolute\",\n          right: \"0\",\n          bottom: \"19px\",\n        }}\n      />\n\n      {!!results?.length && focused && (\n        <SearchAutocompleteResultsBox\n          results={results}\n          onSelect={selectWrapper}\n          rowsDisplayed={rowsDisplayed}\n          rowHeight={rowHeight}\n        />\n      )}\n    </OutsideClickBox>\n  );\n};\n"],"names":["SearchAutocompleteInput","props","searchValue","onSearch","results","inputSx","containerSx","onSelect","hasSelection","width","rowsDisplayed","rowHeight","inputProps","focused","setFocused","useState","onClickOutside","selectWrapper","newSelection","jsxs","OutsideClickBox","jsx","SecondaryTextInput","SearchIcon","SearchAutocompleteResultsBox"],"mappings":";;;;;;AAWa,MAAAA,IAA0B,CAGrCC,MACG;AACG,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EACD,IAAAX,GAEE,CAACY,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAiB,MAAMF,EAAW,EAAK,GAEvCG,IAAgB,CAACC,MAA8C;AACnE,IAAAX,EAASW,CAAY,GACrBJ,EAAW,EAAK;AAAA,EAAA;AAIhB,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,gBAAAO;AAAA,MACA,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,KAAK;AAAA,UACH,MAAM;AAAA,QACR;AAAA,QACA,GAAGV;AAAA,MACL;AAAA,MAEA,UAAA;AAAA,QAAAe,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGV;AAAA,YACJ,SAAS;AAAA,cACP,IAAI;AAAA,cACJ,GAAGP;AAAA,YACL;AAAA,YACA,OAAOH;AAAA,YACP,UAAUC;AAAA,YACV,SAAS,MAAMW,EAAW,EAAI;AAAA,UAAA;AAAA,QAChC;AAAA,QAEAO,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,YACV;AAAA,UAAA;AAAA,QACF;AAAA,QAEC,CAAC,EAACnB,KAAA,QAAAA,EAAS,WAAUS,KACpBQ,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAApB;AAAA,YACA,UAAUa;AAAA,YACV,eAAAP;AAAA,YACA,WAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/lib/sd-component-library721.js

@@ -1,7 +1,7 @@
-import f from "./sd-component-library641.js";
-import i from "./sd-component-library623.js";
-import g from "./sd-component-library669.js";
-import n from "./sd-component-library640.js";
+import f from "./sd-component-library636.js";
+import i from "./sd-component-library612.js";
+import g from "./sd-component-library667.js";
+import n from "./sd-component-library635.js";
 function C(t, r, o) {
   n(2, arguments);
   var e = i(t), a = f(r), m = g(e, o) - a;

package/lib/sd-component-library722.js

@@ -1,7 +1,7 @@
-import m from "./sd-component-library641.js";
-import f from "./sd-component-library623.js";
-import i from "./sd-component-library667.js";
-import s from "./sd-component-library640.js";
+import m from "./sd-component-library636.js";
+import f from "./sd-component-library612.js";
+import i from "./sd-component-library665.js";
+import s from "./sd-component-library635.js";
 function d(t, r) {
   s(2, arguments);
   var e = f(t), o = m(r), a = i(e) - o;

package/lib/sd-component-library723.js

@@ -1,7 +1,7 @@
-import k from "./sd-component-library623.js";
-import D from "./sd-component-library640.js";
-import m from "./sd-component-library641.js";
-import { getDefaultOptions as S } from "./sd-component-library644.js";
+import k from "./sd-component-library612.js";
+import D from "./sd-component-library635.js";
+import m from "./sd-component-library636.js";
+import { getDefaultOptions as S } from "./sd-component-library639.js";
 function U(O, p, e) {
   var r, o, a, l, n, i, d, v;
   D(2, arguments);