@selfdecode/sd-component-library 4.0.74 → 4.0.76

package/lib/sd-component-library607.js

@@ -1,35 +1,90 @@
-import t from "./sd-component-library661.js";
-var m = {
-  full: "EEEE, MMMM do, y",
-  long: "MMMM do, y",
-  medium: "MMM d, y",
-  short: "MM/dd/yyyy"
-}, a = {
-  full: "h:mm:ss a zzzz",
-  long: "h:mm:ss a z",
-  medium: "h:mm:ss a",
-  short: "h:mm a"
+import a from "./sd-component-library659.js";
+import e from "./sd-component-library660.js";
+var i = /^(\d+)(th|st|nd|rd)?/i, n = /\d+/i, s = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
 }, d = {
-  full: "{{date}} 'at' {{time}}",
-  long: "{{date}} 'at' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-}, e = {
-  date: t({
-    formats: m,
-    defaultWidth: "full"
+  any: [/^b/i, /^(a|c)/i]
+}, o = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, m = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, h = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+}, u = {
+  narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
+  any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
+}, c = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+}, P = {
+  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+}, f = {
+  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+}, l = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+}, y = {
+  ordinalNumber: e({
+    matchPattern: i,
+    parsePattern: n,
+    valueCallback: function(t) {
+      return parseInt(t, 10);
+    }
   }),
-  time: t({
-    formats: a,
-    defaultWidth: "full"
+  era: a({
+    matchPatterns: s,
+    defaultMatchWidth: "wide",
+    parsePatterns: d,
+    defaultParseWidth: "any"
   }),
-  dateTime: t({
-    formats: d,
-    defaultWidth: "full"
+  quarter: a({
+    matchPatterns: o,
+    defaultMatchWidth: "wide",
+    parsePatterns: m,
+    defaultParseWidth: "any",
+    valueCallback: function(t) {
+      return t + 1;
+    }
+  }),
+  month: a({
+    matchPatterns: h,
+    defaultMatchWidth: "wide",
+    parsePatterns: u,
+    defaultParseWidth: "any"
+  }),
+  day: a({
+    matchPatterns: c,
+    defaultMatchWidth: "wide",
+    parsePatterns: P,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: a({
+    matchPatterns: f,
+    defaultMatchWidth: "any",
+    parsePatterns: l,
+    defaultParseWidth: "any"
   })
 };
-const l = e;
+const p = y;
 export {
-  l as default
+  p as default
 };
 //# sourceMappingURL=sd-component-library607.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library607.js","sources":["../node_modules/date-fns/esm/locale/en-US/_lib/formatLong/index.js"],"sourcesContent":["import buildFormatLongFn from \"../../../_lib/buildFormatLongFn/index.js\";\nvar dateFormats = {\n  full: 'EEEE, MMMM do, y',\n  long: 'MMMM do, y',\n  medium: 'MMM d, y',\n  short: 'MM/dd/yyyy'\n};\nvar timeFormats = {\n  full: 'h:mm:ss a zzzz',\n  long: 'h:mm:ss a z',\n  medium: 'h:mm:ss a',\n  short: 'h:mm a'\n};\nvar dateTimeFormats = {\n  full: \"{{date}} 'at' {{time}}\",\n  long: \"{{date}} 'at' {{time}}\",\n  medium: '{{date}}, {{time}}',\n  short: '{{date}}, {{time}}'\n};\nvar formatLong = {\n  date: buildFormatLongFn({\n    formats: dateFormats,\n    defaultWidth: 'full'\n  }),\n  time: buildFormatLongFn({\n    formats: timeFormats,\n    defaultWidth: 'full'\n  }),\n  dateTime: buildFormatLongFn({\n    formats: dateTimeFormats,\n    defaultWidth: 'full'\n  })\n};\nexport default formatLong;"],"names":["dateFormats","timeFormats","dateTimeFormats","formatLong","buildFormatLongFn","formatLong$1"],"mappings":";AACA,IAAIA,IAAc;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GACIC,IAAc;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GACIC,IAAkB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GACIC,IAAa;AAAA,EACf,MAAMC,EAAkB;AAAA,IACtB,SAASJ;AAAA,IACT,cAAc;AAAA,EAClB,CAAG;AAAA,EACD,MAAMI,EAAkB;AAAA,IACtB,SAASH;AAAA,IACT,cAAc;AAAA,EAClB,CAAG;AAAA,EACD,UAAUG,EAAkB;AAAA,IAC1B,SAASF;AAAA,IACT,cAAc;AAAA,EAClB,CAAG;AACH;AACA,MAAAG,IAAeF;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library607.js","sources":["../node_modules/date-fns/esm/locale/en-US/_lib/match/index.js"],"sourcesContent":["import buildMatchFn from \"../../../_lib/buildMatchFn/index.js\";\nimport buildMatchPatternFn from \"../../../_lib/buildMatchPatternFn/index.js\";\nvar matchOrdinalNumberPattern = /^(\\d+)(th|st|nd|rd)?/i;\nvar parseOrdinalNumberPattern = /\\d+/i;\nvar matchEraPatterns = {\n  narrow: /^(b|a)/i,\n  abbreviated: /^(b\\.?\\s?c\\.?|b\\.?\\s?c\\.?\\s?e\\.?|a\\.?\\s?d\\.?|c\\.?\\s?e\\.?)/i,\n  wide: /^(before christ|before common era|anno domini|common era)/i\n};\nvar parseEraPatterns = {\n  any: [/^b/i, /^(a|c)/i]\n};\nvar matchQuarterPatterns = {\n  narrow: /^[1234]/i,\n  abbreviated: /^q[1234]/i,\n  wide: /^[1234](th|st|nd|rd)? quarter/i\n};\nvar parseQuarterPatterns = {\n  any: [/1/i, /2/i, /3/i, /4/i]\n};\nvar matchMonthPatterns = {\n  narrow: /^[jfmasond]/i,\n  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,\n  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i\n};\nvar parseMonthPatterns = {\n  narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],\n  any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]\n};\nvar matchDayPatterns = {\n  narrow: /^[smtwf]/i,\n  short: /^(su|mo|tu|we|th|fr|sa)/i,\n  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,\n  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i\n};\nvar parseDayPatterns = {\n  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],\n  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]\n};\nvar matchDayPeriodPatterns = {\n  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,\n  any: /^([ap]\\.?\\s?m\\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i\n};\nvar parseDayPeriodPatterns = {\n  any: {\n    am: /^a/i,\n    pm: /^p/i,\n    midnight: /^mi/i,\n    noon: /^no/i,\n    morning: /morning/i,\n    afternoon: /afternoon/i,\n    evening: /evening/i,\n    night: /night/i\n  }\n};\nvar match = {\n  ordinalNumber: buildMatchPatternFn({\n    matchPattern: matchOrdinalNumberPattern,\n    parsePattern: parseOrdinalNumberPattern,\n    valueCallback: function valueCallback(value) {\n      return parseInt(value, 10);\n    }\n  }),\n  era: buildMatchFn({\n    matchPatterns: matchEraPatterns,\n    defaultMatchWidth: 'wide',\n    parsePatterns: parseEraPatterns,\n    defaultParseWidth: 'any'\n  }),\n  quarter: buildMatchFn({\n    matchPatterns: matchQuarterPatterns,\n    defaultMatchWidth: 'wide',\n    parsePatterns: parseQuarterPatterns,\n    defaultParseWidth: 'any',\n    valueCallback: function valueCallback(index) {\n      return index + 1;\n    }\n  }),\n  month: buildMatchFn({\n    matchPatterns: matchMonthPatterns,\n    defaultMatchWidth: 'wide',\n    parsePatterns: parseMonthPatterns,\n    defaultParseWidth: 'any'\n  }),\n  day: buildMatchFn({\n    matchPatterns: matchDayPatterns,\n    defaultMatchWidth: 'wide',\n    parsePatterns: parseDayPatterns,\n    defaultParseWidth: 'any'\n  }),\n  dayPeriod: buildMatchFn({\n    matchPatterns: matchDayPeriodPatterns,\n    defaultMatchWidth: 'any',\n    parsePatterns: parseDayPeriodPatterns,\n    defaultParseWidth: 'any'\n  })\n};\nexport default match;"],"names":["matchOrdinalNumberPattern","parseOrdinalNumberPattern","matchEraPatterns","parseEraPatterns","matchQuarterPatterns","parseQuarterPatterns","matchMonthPatterns","parseMonthPatterns","matchDayPatterns","parseDayPatterns","matchDayPeriodPatterns","parseDayPeriodPatterns","match","buildMatchPatternFn","value","buildMatchFn","index","match$1"],"mappings":";;AAEA,IAAIA,IAA4B,yBAC5BC,IAA4B,QAC5BC,IAAmB;AAAA,EACrB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AACR,GACIC,IAAmB;AAAA,EACrB,KAAK,CAAC,OAAO,SAAS;AACxB,GACIC,IAAuB;AAAA,EACzB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AACR,GACIC,IAAuB;AAAA,EACzB,KAAK,CAAC,MAAM,MAAM,MAAM,IAAI;AAC9B,GACIC,IAAqB;AAAA,EACvB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AACR,GACIC,IAAqB;AAAA,EACvB,QAAQ,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,EAC3F,KAAK,CAAC,QAAQ,OAAO,SAAS,QAAQ,SAAS,SAAS,SAAS,QAAQ,OAAO,OAAO,OAAO,KAAK;AACrG,GACIC,IAAmB;AAAA,EACrB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AACR,GACIC,IAAmB;AAAA,EACrB,QAAQ,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,EACxD,KAAK,CAAC,QAAQ,OAAO,QAAQ,OAAO,QAAQ,OAAO,MAAM;AAC3D,GACIC,IAAyB;AAAA,EAC3B,QAAQ;AAAA,EACR,KAAK;AACP,GACIC,IAAyB;AAAA,EAC3B,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,EACR;AACH,GACIC,IAAQ;AAAA,EACV,eAAeC,EAAoB;AAAA,IACjC,cAAcb;AAAA,IACd,cAAcC;AAAA,IACd,eAAe,SAAuBa,GAAO;AAC3C,aAAO,SAASA,GAAO,EAAE;AAAA,IAC1B;AAAA,EACL,CAAG;AAAA,EACD,KAAKC,EAAa;AAAA,IAChB,eAAeb;AAAA,IACf,mBAAmB;AAAA,IACnB,eAAeC;AAAA,IACf,mBAAmB;AAAA,EACvB,CAAG;AAAA,EACD,SAASY,EAAa;AAAA,IACpB,eAAeX;AAAA,IACf,mBAAmB;AAAA,IACnB,eAAeC;AAAA,IACf,mBAAmB;AAAA,IACnB,eAAe,SAAuBW,GAAO;AAC3C,aAAOA,IAAQ;AAAA,IAChB;AAAA,EACL,CAAG;AAAA,EACD,OAAOD,EAAa;AAAA,IAClB,eAAeT;AAAA,IACf,mBAAmB;AAAA,IACnB,eAAeC;AAAA,IACf,mBAAmB;AAAA,EACvB,CAAG;AAAA,EACD,KAAKQ,EAAa;AAAA,IAChB,eAAeP;AAAA,IACf,mBAAmB;AAAA,IACnB,eAAeC;AAAA,IACf,mBAAmB;AAAA,EACvB,CAAG;AAAA,EACD,WAAWM,EAAa;AAAA,IACtB,eAAeL;AAAA,IACf,mBAAmB;AAAA,IACnB,eAAeC;AAAA,IACf,mBAAmB;AAAA,EACvB,CAAG;AACH;AACA,MAAAM,IAAeL;","x_google_ignoreList":[0]}

package/lib/sd-component-library608.js

@@ -1,15 +1,28 @@
-var t = {
-  lastWeek: "'last' eeee 'at' p",
-  yesterday: "'yesterday at' p",
-  today: "'today at' p",
-  tomorrow: "'tomorrow at' p",
-  nextWeek: "eeee 'at' p",
-  other: "P"
-}, a = function(e, r, l, s) {
-  return t[e];
+import { j as x } from "./sd-component-library190.js";
+import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library86.js";
+const j = (p) => {
+  const {
+    startX: $,
+    startY: e,
+    endX: a,
+    endY: d,
+    radius: n,
+    color: A,
+    width: t,
+    roundStart: l = !0,
+    roundEnd: I = !0,
+    startAlpha: o,
+    endAlpha: s
+  } = p, c = s - o, m = u($, r(o), t), X = i(e, r(o), t), Y = u(a, r(s), t), h = i(d, r(s), t);
+  return /* @__PURE__ */ x.jsx(
+    "path",
+    {
+      d: `M${$},${e} A${n},${n} 0 ${c > 180 ? "1" : "0"},1 ${a},${d} ${I ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${Y},${h} A${n - t},${n - t} 0 ${c > 180 ? "1" : "0"},0 ${m},${X} ${l ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${$},${e}`,
+      fill: A
+    }
+  );
 };
-const p = a;
 export {
-  p as default
+  j as BaseOutlineArc
 };
 //# sourceMappingURL=sd-component-library608.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library608.js","sources":["../node_modules/date-fns/esm/locale/en-US/_lib/formatRelative/index.js"],"sourcesContent":["var formatRelativeLocale = {\n  lastWeek: \"'last' eeee 'at' p\",\n  yesterday: \"'yesterday at' p\",\n  today: \"'today at' p\",\n  tomorrow: \"'tomorrow at' p\",\n  nextWeek: \"eeee 'at' p\",\n  other: 'P'\n};\nvar formatRelative = function formatRelative(token, _date, _baseDate, _options) {\n  return formatRelativeLocale[token];\n};\nexport default formatRelative;"],"names":["formatRelativeLocale","formatRelative","token","_date","_baseDate","_options","formatRelative$1"],"mappings":"AAAA,IAAIA,IAAuB;AAAA,EACzB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AACT,GACIC,IAAiB,SAAwBC,GAAOC,GAAOC,GAAWC,GAAU;AAC9E,SAAOL,EAAqBE,CAAK;AACnC;AACA,MAAAI,IAAeL;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library608.js","sources":["../src/components/meters/outline-meter/partials/base-outline-arc/base-outline-arc.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { degToRad, getInnerX, getInnerY } from \"../../utils\";\nimport { BaseOutlineArcProps as Props } from \"./interfaces\";\n\nexport const BaseOutlineArc: React.FC<Props> = (props) => {\n  const {\n    startX,\n    startY,\n    endX,\n    endY,\n    radius,\n    color,\n    width,\n    roundStart = true,\n    roundEnd = true,\n    startAlpha,\n    endAlpha,\n  } = props;\n\n  const arc = endAlpha - startAlpha;\n\n  const startInnerX = getInnerX(startX, degToRad(startAlpha), width);\n  const startInnerY = getInnerY(startY, degToRad(startAlpha), width);\n\n  const endInnerX = getInnerX(endX, degToRad(endAlpha), width);\n  const endInnerY = getInnerY(endY, degToRad(endAlpha), width);\n\n  return (\n    <path\n      d={`M${startX},${startY} A${radius},${radius} 0 ${\n        arc > 180 ? \"1\" : \"0\"\n      },1 ${endX},${endY} ${\n        roundEnd ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n      }${endInnerX},${endInnerY} A${radius - width},${radius - width} 0 ${\n        arc > 180 ? \"1\" : \"0\"\n      },0 ${startInnerX},${startInnerY} ${\n        roundStart ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n      }${startX},${startY}`}\n      fill={color}\n    />\n  );\n};\n"],"names":["BaseOutlineArc","props","startX","startY","endX","endY","radius","color","width","roundStart","roundEnd","startAlpha","endAlpha","arc","startInnerX","getInnerX","degToRad","startInnerY","getInnerY","endInnerX","endInnerY","jsx"],"mappings":";;AAKa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAX,GAEEY,IAAMD,IAAWD,GAEjBG,IAAcC,EAAUb,GAAQc,EAASL,CAAU,GAAGH,CAAK,GAC3DS,IAAcC,EAAUf,GAAQa,EAASL,CAAU,GAAGH,CAAK,GAE3DW,IAAYJ,EAAUX,GAAMY,EAASJ,CAAQ,GAAGJ,CAAK,GACrDY,IAAYF,EAAUb,GAAMW,EAASJ,CAAQ,GAAGJ,CAAK;AAGzD,SAAAa,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAG,IAAInB,CAAM,IAAIC,CAAM,KAAKG,CAAM,IAAIA,CAAM,MAC1CO,IAAM,MAAM,MAAM,GACpB,MAAMT,CAAI,IAAIC,CAAI,IAChBK,IAAW,IAAIF,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACnD,GAAGW,CAAS,IAAIC,CAAS,KAAKd,IAASE,CAAK,IAAIF,IAASE,CAAK,MAC5DK,IAAM,MAAM,MAAM,GACpB,MAAMC,CAAW,IAAIG,CAAW,IAC9BR,IAAa,IAAID,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACrD,GAAGN,CAAM,IAAIC,CAAM;AAAA,MACnB,MAAMI;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/lib/sd-component-library609.js

@@ -1,125 +1,8 @@
-import e from "./sd-component-library662.js";
-var t = {
-  narrow: ["B", "A"],
-  abbreviated: ["BC", "AD"],
-  wide: ["Before Christ", "Anno Domini"]
-}, o = {
-  narrow: ["1", "2", "3", "4"],
-  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
-  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, d = {
-  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
-  abbreviated: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-  wide: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
-}, m = {
-  narrow: ["S", "M", "T", "W", "T", "F", "S"],
-  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
-  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-  wide: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
-}, u = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  }
-}, g = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  }
-}, h = function(a, v) {
-  var n = Number(a), r = n % 100;
-  if (r > 20 || r < 10)
-    switch (r % 10) {
-      case 1:
-        return n + "st";
-      case 2:
-        return n + "nd";
-      case 3:
-        return n + "rd";
-    }
-  return n + "th";
-}, l = {
-  ordinalNumber: h,
-  era: e({
-    values: t,
-    defaultWidth: "wide"
-  }),
-  quarter: e({
-    values: o,
-    defaultWidth: "wide",
-    argumentCallback: function(a) {
-      return a - 1;
-    }
-  }),
-  month: e({
-    values: d,
-    defaultWidth: "wide"
-  }),
-  day: e({
-    values: m,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: e({
-    values: u,
-    defaultWidth: "wide",
-    formattingValues: g,
-    defaultFormattingWidth: "wide"
-  })
+const p = (c, r, n, t) => {
+  const o = c - (r - 1) * n, s = t / r, e = (t + 1) / r, a = (360 - c) / 2 + n * t + o * s, S = a + o * (e - s);
+  return { rangeArcStart: a, rangeArcEnd: S };
 };
-const b = l;
 export {
-  b as default
+  p as getRangeProperties
 };
 //# sourceMappingURL=sd-component-library609.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library609.js","sources":["../node_modules/date-fns/esm/locale/en-US/_lib/localize/index.js"],"sourcesContent":["import buildLocalizeFn from \"../../../_lib/buildLocalizeFn/index.js\";\nvar eraValues = {\n  narrow: ['B', 'A'],\n  abbreviated: ['BC', 'AD'],\n  wide: ['Before Christ', 'Anno Domini']\n};\nvar quarterValues = {\n  narrow: ['1', '2', '3', '4'],\n  abbreviated: ['Q1', 'Q2', 'Q3', 'Q4'],\n  wide: ['1st quarter', '2nd quarter', '3rd quarter', '4th quarter']\n};\n\n// Note: in English, the names of days of the week and months are capitalized.\n// If you are making a new locale based on this one, check if the same is true for the language you're working on.\n// Generally, formatted dates should look like they are in the middle of a sentence,\n// e.g. in Spanish language the weekdays and months should be in the lowercase.\nvar monthValues = {\n  narrow: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],\n  abbreviated: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n  wide: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\n};\nvar dayValues = {\n  narrow: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n  short: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\n  abbreviated: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n  wide: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\n};\nvar dayPeriodValues = {\n  narrow: {\n    am: 'a',\n    pm: 'p',\n    midnight: 'mi',\n    noon: 'n',\n    morning: 'morning',\n    afternoon: 'afternoon',\n    evening: 'evening',\n    night: 'night'\n  },\n  abbreviated: {\n    am: 'AM',\n    pm: 'PM',\n    midnight: 'midnight',\n    noon: 'noon',\n    morning: 'morning',\n    afternoon: 'afternoon',\n    evening: 'evening',\n    night: 'night'\n  },\n  wide: {\n    am: 'a.m.',\n    pm: 'p.m.',\n    midnight: 'midnight',\n    noon: 'noon',\n    morning: 'morning',\n    afternoon: 'afternoon',\n    evening: 'evening',\n    night: 'night'\n  }\n};\nvar formattingDayPeriodValues = {\n  narrow: {\n    am: 'a',\n    pm: 'p',\n    midnight: 'mi',\n    noon: 'n',\n    morning: 'in the morning',\n    afternoon: 'in the afternoon',\n    evening: 'in the evening',\n    night: 'at night'\n  },\n  abbreviated: {\n    am: 'AM',\n    pm: 'PM',\n    midnight: 'midnight',\n    noon: 'noon',\n    morning: 'in the morning',\n    afternoon: 'in the afternoon',\n    evening: 'in the evening',\n    night: 'at night'\n  },\n  wide: {\n    am: 'a.m.',\n    pm: 'p.m.',\n    midnight: 'midnight',\n    noon: 'noon',\n    morning: 'in the morning',\n    afternoon: 'in the afternoon',\n    evening: 'in the evening',\n    night: 'at night'\n  }\n};\nvar ordinalNumber = function ordinalNumber(dirtyNumber, _options) {\n  var number = Number(dirtyNumber);\n\n  // If ordinal numbers depend on context, for example,\n  // if they are different for different grammatical genders,\n  // use `options.unit`.\n  //\n  // `unit` can be 'year', 'quarter', 'month', 'week', 'date', 'dayOfYear',\n  // 'day', 'hour', 'minute', 'second'.\n\n  var rem100 = number % 100;\n  if (rem100 > 20 || rem100 < 10) {\n    switch (rem100 % 10) {\n      case 1:\n        return number + 'st';\n      case 2:\n        return number + 'nd';\n      case 3:\n        return number + 'rd';\n    }\n  }\n  return number + 'th';\n};\nvar localize = {\n  ordinalNumber: ordinalNumber,\n  era: buildLocalizeFn({\n    values: eraValues,\n    defaultWidth: 'wide'\n  }),\n  quarter: buildLocalizeFn({\n    values: quarterValues,\n    defaultWidth: 'wide',\n    argumentCallback: function argumentCallback(quarter) {\n      return quarter - 1;\n    }\n  }),\n  month: buildLocalizeFn({\n    values: monthValues,\n    defaultWidth: 'wide'\n  }),\n  day: buildLocalizeFn({\n    values: dayValues,\n    defaultWidth: 'wide'\n  }),\n  dayPeriod: buildLocalizeFn({\n    values: dayPeriodValues,\n    defaultWidth: 'wide',\n    formattingValues: formattingDayPeriodValues,\n    defaultFormattingWidth: 'wide'\n  })\n};\nexport default localize;"],"names":["eraValues","quarterValues","monthValues","dayValues","dayPeriodValues","formattingDayPeriodValues","ordinalNumber","dirtyNumber","_options","number","rem100","localize","buildLocalizeFn","quarter","localize$1"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library609.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-library61.js

@@ -1,130 +1,85 @@
-import { j as e } from "./sd-component-library195.js";
-import { useState as I, useCallback as M, useMemo as v } from "react";
-import { Box as F, Flex as O } from "rebass";
-import { useBreakPoints as W } from "./sd-component-library3.js";
-import { ReactComponent as z } from "./sd-component-library285.js";
-import { BaseLabel as E } from "./sd-component-library224.js";
-import { OutsideClickBox as J } from "./sd-component-library14.js";
-import { BaseDateRangeInput as L } from "./sd-component-library59.js";
-import { IconButton as X } from "./sd-component-library25.js";
-import { SixteenRegular as q } from "./sd-component-library148.js";
-import { Button as A } from "./sd-component-library28.js";
-import { FrMaxContainer as P } from "./sd-component-library40.js";
-const et = (x) => {
+import { j as e } from "./sd-component-library190.js";
+import { useState as w } from "react";
+import { OutsideClickBox as y } from "./sd-component-library11.js";
+import { BaseDateRangeInput as R } from "./sd-component-library57.js";
+import { ReactComponent as k } from "./sd-component-library181.js";
+import { GridContainerV2 as n } from "./sd-component-library39.js";
+import { ResponsiveTextV2 as i } from "./sd-component-library144.js";
+const T = (a) => {
   const {
-    activeIconColor: a = "#9E1CB5",
-    color: m,
-    disabled: n,
-    iconColor: i = "#4568F9",
-    initialRange: u,
-    labelText: s,
-    keepDesktopStyle: f = !1,
-    maxDate: C,
-    minDate: h,
-    onSelect: b,
-    onToggle: t,
-    onCancel: S,
-    text: j = "Select date or time range",
-    zIndex: k = 2,
-    alignCalendar: g = "right",
-    quickSelectionLabel: B,
-    customStaticRanges: y,
-    containerSx: R,
-    useMobileStyles: _
-  } = x, [o, r] = I(!1), l = M(() => {
-    r((p) => (t == null || t(!p), !p));
-  }, [t, r]), c = v(
-    () => /* @__PURE__ */ e.jsx(
-      z,
-      {
-        stroke: n ? "#9BA2B4" : o && a || i
-      }
-    ),
-    [o, a, i, n]
-  ), d = /* @__PURE__ */ e.jsx(q, { color: "cl_grey", cursor: n ? "default" : "pointer", children: j }), w = /* @__PURE__ */ e.jsx(
-    A,
+    width: s = "100%",
+    initialRange: c,
+    onSelect: p,
+    text: r,
+    placeholder: d = "Select Date Range",
+    gap: x = "14px",
+    label: o,
+    labelColor: m = "cl_darkGrey",
+    alignCalendar: g,
+    useMobileStyles: h,
+    arrowColor: f = "cl_darkGrey",
+    zIndex: u,
+    labelFontSize: C = 12,
+    pb: S = "14px"
+  } = a, [b, t] = w(!1), l = () => t(!1);
+  return /* @__PURE__ */ e.jsx(y, { onClickOutside: l, width: s, sx: { zIndex: u }, children: /* @__PURE__ */ e.jsx(
+    R,
     {
-      variant: "_cta",
-      textTransform: "none",
-      borderColor: n ? "cl_grey" : "cl_blue",
-      borderWidth: "1px",
-      bg: n ? "cl_transparent" : "cl_white",
-      color: "cl_grey",
-      fontSize: ["16px"],
-      fontWeight: "300",
-      letterSpacing: ["1px"],
-      disabled: n,
-      padding: ["12px 20px"],
-      onClick: l,
-      "data-testid": "outlined-date-range-input-button",
-      children: /* @__PURE__ */ e.jsxs(P, { gap: ["20px"], children: [
-        d,
-        c
-      ] })
-    }
-  ), { isWiderThanMobile: D } = W();
-  return /* @__PURE__ */ e.jsxs(F, { "data-testid": "outlined-date-range-input", sx: R, children: [
-    s && /* @__PURE__ */ e.jsx(
-      E,
-      {
-        variant: "selectors.tertiary",
-        label: s,
-        mb: ["5px"]
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      J,
-      {
-        onClickOutside: () => {
-          r(!1), t == null || t(!1);
-        },
-        sx: { width: "max-content" },
-        children: /* @__PURE__ */ e.jsx(
-          L,
+      width: "100%",
+      initialRange: c,
+      onSelect: p,
+      onClose: l,
+      showCalendar: b,
+      alignCalendar: g,
+      useMobileStyles: h,
+      children: /* @__PURE__ */ e.jsxs(n, { children: [
+        o && /* @__PURE__ */ e.jsx(
+          i,
           {
-            width: [o ? "100%" : "unset", "unset"],
-            initialRange: u,
-            onSelect: b,
-            onCancel: S,
-            onClose: () => {
-              t == null || t(!1), r(!1);
+            fontSizeWeight: [C, "semi-bold"],
+            sx: {
+              letterSpacing: "1px",
+              textTransform: "uppercase",
+              cursor: "default"
             },
-            showCalendar: o,
-            minDate: h,
-            maxDate: C,
             color: m,
-            zIndex: k,
-            alignCalendar: g,
-            quickSelectionLabel: B,
-            customStaticRanges: y,
-            useMobileStyles: _,
-            children: D || f ? w : /* @__PURE__ */ e.jsxs(
-              O,
-              {
-                sx: {
-                  paddingY: "12px",
-                  justifyContent: o ? "space-between" : "center"
-                },
-                children: [
-                  o && d,
-                  /* @__PURE__ */ e.jsx(
-                    X,
-                    {
-                      onClick: l,
-                      "data-testid": "outlined-date-range-input-button",
-                      children: c
-                    }
-                  )
-                ]
-              }
-            )
+            children: o
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          n,
+          {
+            gridTemplateColumns: "1fr max-content",
+            gap: "5px",
+            sx: {
+              alignItems: "center",
+              pb: S,
+              pt: x,
+              borderWidth: "2px",
+              borderBottomStyle: "solid",
+              borderColor: "cl_lightGrey",
+              cursor: "pointer",
+              svg: { fill: f }
+            },
+            onClick: () => t((j) => !j),
+            children: [
+              /* @__PURE__ */ e.jsx(
+                i,
+                {
+                  fontSizeWeight: [[18, "regular"]],
+                  color: r ? "cl_darkGrey" : "cl_grey",
+                  children: r ?? d
+                }
+              ),
+              /* @__PURE__ */ e.jsx(k, { width: "11px" })
+            ]
           }
         )
-      }
-    )
-  ] });
+      ] })
+    }
+  ) });
 };
 export {
-  et as OutlinedDateRangeInput
+  T as PrimaryDateRangeInput
 };
 //# sourceMappingURL=sd-component-library61.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library61.js","sources":["../src/components/inputs/date-inputs/outlined-date-range-input/outlined-date-range-input.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { useBreakPoints } from \"../../../../core/custom-hooks\";\nimport { OutsideClickBox } from \"../../../boxes\";\nimport { Button, IconButton } from \"../../../buttons\";\nimport { FrMaxContainer } from \"../../../containers\";\nimport { CalendarIcon } from \"../../../icons/calendar-icon\";\nimport { BaseLabel } from \"../../../labels/base-label\";\nimport { SixteenRegular } from \"../../../texts\";\nimport { BaseDateRangeInput } from \"../base-date-range-input\";\nimport { OutlinedDateRangeInputProps as Props } from \"./interfaces\";\n\nexport const OutlinedDateRangeInput: React.FC<Props> = (props) => {\n  const {\n    activeIconColor = \"#9E1CB5\",\n    color,\n    disabled,\n    iconColor = \"#4568F9\",\n    initialRange,\n    labelText,\n    keepDesktopStyle = false,\n    maxDate,\n    minDate,\n    onSelect,\n    onToggle,\n    onCancel,\n    text = \"Select date or time range\",\n    zIndex = 2,\n    alignCalendar = \"right\",\n    quickSelectionLabel,\n    customStaticRanges,\n    containerSx,\n    useMobileStyles,\n  } = props;\n\n  const [showCalendar, setShowCalendar] = useState(false);\n\n  const handleClick = useCallback(() => {\n    setShowCalendar((prev) => {\n      onToggle?.(!prev);\n      return !prev;\n    });\n  }, [onToggle, setShowCalendar]);\n\n  const icon = useMemo(\n    () => (\n      <CalendarIcon\n        stroke={\n          disabled ? \"#9BA2B4\" : (showCalendar && activeIconColor) || iconColor\n        }\n      />\n    ),\n    [showCalendar, activeIconColor, iconColor, disabled]\n  );\n\n  const textJSX = (\n    <SixteenRegular color=\"cl_grey\" cursor={disabled ? \"default\" : \"pointer\"}>\n      {text}\n    </SixteenRegular>\n  );\n\n  const desktopJSX = (\n    <Button\n      variant=\"_cta\"\n      textTransform=\"none\"\n      borderColor={disabled ? \"cl_grey\" : \"cl_blue\"}\n      borderWidth=\"1px\"\n      bg={disabled ? \"cl_transparent\" : \"cl_white\"}\n      color=\"cl_grey\"\n      fontSize={[\"16px\"]}\n      fontWeight=\"300\"\n      letterSpacing={[\"1px\"]}\n      disabled={disabled}\n      padding={[\"12px 20px\"]}\n      onClick={handleClick}\n      data-testid=\"outlined-date-range-input-button\"\n    >\n      <FrMaxContainer gap={[\"20px\"]}>\n        {textJSX}\n\n        {icon}\n      </FrMaxContainer>\n    </Button>\n  );\n\n  const { isWiderThanMobile } = useBreakPoints();\n\n  return (\n    <Box data-testid=\"outlined-date-range-input\" sx={containerSx}>\n      {labelText && (\n        <BaseLabel\n          variant={`selectors.tertiary`}\n          label={labelText}\n          mb={[\"5px\"]}\n        />\n      )}\n\n      <OutsideClickBox\n        onClickOutside={() => {\n          setShowCalendar(false);\n          onToggle?.(false);\n        }}\n        sx={{ width: \"max-content\" }}\n      >\n        <BaseDateRangeInput\n          width={[showCalendar ? \"100%\" : \"unset\", \"unset\"]}\n          initialRange={initialRange}\n          onSelect={onSelect}\n          onCancel={onCancel}\n          onClose={() => {\n            onToggle?.(false);\n            setShowCalendar(false);\n          }}\n          showCalendar={showCalendar}\n          minDate={minDate}\n          maxDate={maxDate}\n          color={color}\n          zIndex={zIndex}\n          alignCalendar={alignCalendar}\n          quickSelectionLabel={quickSelectionLabel}\n          customStaticRanges={customStaticRanges}\n          useMobileStyles={useMobileStyles}\n        >\n          {isWiderThanMobile || keepDesktopStyle ? (\n            desktopJSX\n          ) : (\n            <Flex\n              sx={{\n                paddingY: \"12px\",\n                justifyContent: showCalendar ? \"space-between\" : \"center\",\n              }}\n            >\n              {showCalendar && textJSX}\n\n              <IconButton\n                onClick={handleClick}\n                data-testid=\"outlined-date-range-input-button\"\n              >\n                {icon}\n              </IconButton>\n            </Flex>\n          )}\n        </BaseDateRangeInput>\n      </OutsideClickBox>\n    </Box>\n  );\n};\n"],"names":["OutlinedDateRangeInput","props","activeIconColor","color","disabled","iconColor","initialRange","labelText","keepDesktopStyle","maxDate","minDate","onSelect","onToggle","onCancel","text","zIndex","alignCalendar","quickSelectionLabel","customStaticRanges","containerSx","useMobileStyles","showCalendar","setShowCalendar","useState","handleClick","useCallback","prev","icon","useMemo","jsx","CalendarIcon","textJSX","SixteenRegular","desktopJSX","Button","jsxs","FrMaxContainer","isWiderThanMobile","useBreakPoints","Box","BaseLabel","OutsideClickBox","BaseDateRangeInput","Flex","IconButton"],"mappings":"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"}
+{"version":3,"file":"sd-component-library61.js","sources":["../src/components/inputs/date-inputs/primary-date-range-input/primary-date-range-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Grid, ResponsiveTextV2 } from \"../../../../index\";\nimport { OutsideClickBox } from \"../../../boxes\";\nimport { ShortDownArrowIcon } from \"../../../icons/short-dropdown-arrow-icon\";\nimport { BaseDateRangeInput } from \"../base-date-range-input\";\nimport { PrimaryDateRangeInputProps as Props } from \"./interfaces\";\n\nexport const PrimaryDateRangeInput: React.FC<Props> = (props) => {\n  const {\n    width = \"100%\",\n    initialRange,\n    onSelect,\n    text,\n    placeholder = \"Select Date Range\",\n    gap = \"14px\",\n    label,\n    labelColor = \"cl_darkGrey\",\n    alignCalendar,\n    useMobileStyles,\n    arrowColor = \"cl_darkGrey\",\n    zIndex,\n    labelFontSize = 12,\n    pb = \"14px\",\n  } = props;\n\n  const [showCalendar, setShowCalendar] = useState(false);\n  const onClose = () => setShowCalendar(false);\n\n  return (\n    <OutsideClickBox onClickOutside={onClose} width={width} sx={{ zIndex }}>\n      <BaseDateRangeInput\n        width=\"100%\"\n        initialRange={initialRange}\n        onSelect={onSelect}\n        onClose={onClose}\n        showCalendar={showCalendar}\n        alignCalendar={alignCalendar}\n        useMobileStyles={useMobileStyles}\n      >\n        <Grid>\n          {label && (\n            <ResponsiveTextV2\n              fontSizeWeight={[labelFontSize, \"semi-bold\"]}\n              sx={{\n                letterSpacing: \"1px\",\n                textTransform: \"uppercase\",\n                cursor: \"default\",\n              }}\n              color={labelColor}\n            >\n              {label}\n            </ResponsiveTextV2>\n          )}\n\n          <Grid\n            gridTemplateColumns=\"1fr max-content\"\n            gap=\"5px\"\n            sx={{\n              alignItems: \"center\",\n              pb,\n              pt: gap,\n              borderWidth: \"2px\",\n              borderBottomStyle: \"solid\",\n              borderColor: \"cl_lightGrey\",\n              cursor: \"pointer\",\n              svg: { fill: arrowColor },\n            }}\n            onClick={() => setShowCalendar((prev) => !prev)}\n          >\n            <ResponsiveTextV2\n              fontSizeWeight={[[18, \"regular\"]]}\n              color={text ? \"cl_darkGrey\" : \"cl_grey\"}\n            >\n              {text ?? placeholder}\n            </ResponsiveTextV2>\n\n            <ShortDownArrowIcon width=\"11px\" />\n          </Grid>\n        </Grid>\n      </BaseDateRangeInput>\n    </OutsideClickBox>\n  );\n};\n"],"names":["PrimaryDateRangeInput","props","width","initialRange","onSelect","text","placeholder","gap","label","labelColor","alignCalendar","useMobileStyles","arrowColor","zIndex","labelFontSize","pb","showCalendar","setShowCalendar","useState","onClose","jsx","OutsideClickBox","BaseDateRangeInput","Grid","ResponsiveTextV2","jsxs","prev","ShortDownArrowIcon"],"mappings":";;;;;;;AAQa,MAAAA,IAAyC,CAACC,MAAU;AACzD,QAAA;AAAA,IACJ,OAAAC,IAAQ;AAAA,IACR,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,KAAAC,IAAM;AAAA,IACN,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,IAAAC,IAAK;AAAA,EACH,IAAAd,GAEE,CAACe,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAU,MAAMF,EAAgB,EAAK;AAGzC,SAAAG,gBAAAA,MAACC,KAAgB,gBAAgBF,GAAS,OAAAjB,GAAc,IAAI,EAAE,QAAAW,KAC5D,UAAAO,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,cAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,SAAAe;AAAA,MACA,cAAAH;AAAA,MACA,eAAAN;AAAA,MACA,iBAAAC;AAAA,MAEA,iCAACY,GACE,EAAA,UAAA;AAAA,QACCf,KAAAY,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,gBAAgB,CAACV,GAAe,WAAW;AAAA,YAC3C,IAAI;AAAA,cACF,eAAe;AAAA,cACf,eAAe;AAAA,cACf,QAAQ;AAAA,YACV;AAAA,YACA,OAAOL;AAAA,YAEN,UAAAD;AAAA,UAAA;AAAA,QACH;AAAA,QAGFiB,gBAAAA,EAAA;AAAA,UAACF;AAAAA,UAAA;AAAA,YACC,qBAAoB;AAAA,YACpB,KAAI;AAAA,YACJ,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,IAAAR;AAAA,cACA,IAAIR;AAAA,cACJ,aAAa;AAAA,cACb,mBAAmB;AAAA,cACnB,aAAa;AAAA,cACb,QAAQ;AAAA,cACR,KAAK,EAAE,MAAMK,EAAW;AAAA,YAC1B;AAAA,YACA,SAAS,MAAMK,EAAgB,CAACS,MAAS,CAACA,CAAI;AAAA,YAE9C,UAAA;AAAA,cAAAN,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,kBAChC,OAAOnB,IAAO,gBAAgB;AAAA,kBAE7B,UAAQA,KAAAC;AAAA,gBAAA;AAAA,cACX;AAAA,cAEAc,gBAAAA,EAAAA,IAACO,GAAmB,EAAA,OAAM,OAAO,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}