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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library.js","sources":["../src/index.tsx"],"sourcesContent":["// Type imports before exporting\n// Wrapper export\nimport Wrapper from \"./components/wrapper\";\nexport {\ndefault as theme\n} from \"./core/theme\";\n\nexport const ComponentLibThemeProvider = Wrapper;\n\n// Accordion exports\nexport * from \"./components/accordions\";\n\n// Badge exports\nexport * from \"./components/badges\";\n\n// Bicolor Badge exports\nexport * from \"./components/bicolor-badge\";\n\n// Boxes exports\nexport * from \"./components/boxes\";\n\n// Breadcrumb exports\nexport * from \"./components/breadcrumbs\";\n\n// Button exports\nexport * from \"./components/buttons\";\n\n// Card exports\nexport * from \"./components/cards\";\n\n//Checkboxes exports\nexport * from \"./components/checkboxes\";\n\n// Container exports\nexport * from \"./components/containers\";\n\n// Custom Scrollbar Box exports\nexport * from \"./components/custom-scrollbar-box\";\n\n// Divider components exports\nexport * from \"./components/dividers\";\n\n// Feature explanation component export\nexport * from \"./components/feature-explanation\";\n\n// Feedback exports\nexport * from \"./components/boolean-feedback\";\nexport * from \"./components/feedback\";\n\n// Input exports\nexport * from \"./components/inputs\";\n\n// Links components exports\nexport * from \"./components/links\";\n\n// Lists components exports\nexport * from \"./components/lists\";\n\n// Menus\nexport * from \"./components/menus\";\n\n// Meters\nexport * from \"./components/meters\";\n\n// Modals\nexport * from \"./components/modals\";\n\n// Page selector exports\nexport * from \"./components/page-selectors\";\n\n// Pagination bars exports\nexport * from \"./components/pagination-bars\";\n\n// Progress bar exports\nexport * from \"./components/progress-bars\";\n\n// Progress steps components exports\nexport * from \"./components/progress-steps\";\n\n// Selector exports\nexport * from \"./components/selectors\";\n\n// Switch exports\nexport * from \"./components/switches\";\n\n// Tabs\nexport * from \"./components/tabs\";\n\n// Text components exports\nexport * from \"./components/texts\";\n\n// Tooltips\nexport * from \"./components/tooltips\";\n\n// Complex components\nexport * from \"./components/complex\";\n\n// Util components exports\nexport * from \"./components/utils\";\n\n// Custom hooks\nexport {\n  useResize,\n  useBodyScrollLock,\n  useElementCoordinates,\n  useBoundingClientRect,\n  useIntersectionObserver,\n} from \"./core/custom-hooks\";\n\nexport * from \"./core/functions\";\n\n// Icons\nexport * from \"./components/icons\";\n"],"names":["ComponentLibThemeProvider","Wrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,IAA4BC;"}
+{"version":3,"file":"sd-component-library.js","sources":["../src/index.tsx"],"sourcesContent":["// Type imports before exporting\n// Wrapper export\nimport Wrapper from \"./components/wrapper\";\nimport theme from \"./core/theme\";\nexport const ComponentLibTheme = theme;\n\nexport const ComponentLibThemeProvider = Wrapper;\n\n// Accordion exports\nexport * from \"./components/accordions\";\n\n// Badge exports\nexport * from \"./components/badges\";\n\n// Bicolor Badge exports\nexport * from \"./components/bicolor-badge\";\n\n// Boxes exports\nexport * from \"./components/boxes\";\n\n// Breadcrumb exports\nexport * from \"./components/breadcrumbs\";\n\n// Button exports\nexport * from \"./components/buttons\";\n\n// Card exports\nexport * from \"./components/cards\";\n\n//Checkboxes exports\nexport * from \"./components/checkboxes\";\n\n// Container exports\nexport * from \"./components/containers\";\n\n// Custom Scrollbar Box exports\nexport * from \"./components/custom-scrollbar-box\";\n\n// Divider components exports\nexport * from \"./components/dividers\";\n\n// Feature explanation component export\nexport * from \"./components/feature-explanation\";\n\n// Feedback exports\nexport * from \"./components/boolean-feedback\";\nexport * from \"./components/feedback\";\n\n// Input exports\nexport * from \"./components/inputs\";\n\n// Links components exports\nexport * from \"./components/links\";\n\n// Lists components exports\nexport * from \"./components/lists\";\n\n// Menus\nexport * from \"./components/menus\";\n\n// Meters\nexport * from \"./components/meters\";\n\n// Modals\nexport * from \"./components/modals\";\n\n// Page selector exports\nexport * from \"./components/page-selectors\";\n\n// Pagination bars exports\nexport * from \"./components/pagination-bars\";\n\n// Progress bar exports\nexport * from \"./components/progress-bars\";\n\n// Progress steps components exports\nexport * from \"./components/progress-steps\";\n\n// Selector exports\nexport * from \"./components/selectors\";\n\n// Switch exports\nexport * from \"./components/switches\";\n\n// Tabs\nexport * from \"./components/tabs\";\n\n// Text components exports\nexport * from \"./components/texts\";\n\n// Tooltips\nexport * from \"./components/tooltips\";\n\n// Complex components\nexport * from \"./components/complex\";\n\n// Util components exports\nexport * from \"./components/utils\";\n\n// Custom hooks\nexport {\n  useResize,\n  useBodyScrollLock,\n  useElementCoordinates,\n  useBoundingClientRect,\n  useIntersectionObserver,\n} from \"./core/custom-hooks\";\n\nexport * from \"./core/functions\";\n\n// Icons\nexport * from \"./components/icons\";\n"],"names":["ComponentLibTheme","theme","ComponentLibThemeProvider","Wrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAAoBC,GAEpBC,IAA4BC;"}

package/lib/sd-component-library100.js

@@ -1,9 +1,9 @@
 import { j as e } from "./sd-component-library195.js";
-import { isMatchingRange as u } from "./sd-component-library265.js";
+import { isMatchingRange as u } from "./sd-component-library262.js";
 import { GridCenter as c } from "./sd-component-library45.js";
 import { GridContainerV2 as f } from "./sd-component-library42.js";
-import { LinearGaugeSegment as d } from "./sd-component-library263.js";
-import { LinearGaugeLabel as j } from "./sd-component-library264.js";
+import { LinearGaugeSegment as d } from "./sd-component-library260.js";
+import { LinearGaugeLabel as j } from "./sd-component-library261.js";
 const M = ({
   gap: i = 3,
   segmentHeight: l = 8,

package/lib/sd-component-library101.js

@@ -3,10 +3,10 @@ import { useRef as B, useState as I, useEffect as R } from "react";
 import "./sd-component-library196.js";
 import { useBodyScrollLock as E } from "./sd-component-library4.js";
 import { isIOS as F, isPDFFlow as T } from "./sd-component-library5.js";
-import X from "./sd-component-library232.js";
+import X from "./sd-component-library235.js";
 import { Box as s } from "./sd-component-library197.js";
 import { OutsideClickBox as P } from "./sd-component-library15.js";
-import { ReactComponent as _ } from "./sd-component-library274.js";
+import { ReactComponent as _ } from "./sd-component-library236.js";
 import { FlexCenter as z } from "./sd-component-library38.js";
 import { Button as A } from "./sd-component-library29.js";
 const r = 500, K = (p) => {

package/lib/sd-component-library103.js

@@ -1,9 +1,9 @@
 import { j as r } from "./sd-component-library195.js";
 import { useDependantState as j } from "./sd-component-library4.js";
-import { SquareButton as g } from "./sd-component-library236.js";
-import { ReactComponent as P } from "./sd-component-library237.js";
-import { CurrentPage as h } from "./sd-component-library238.js";
-import { ReactComponent as S } from "./sd-component-library239.js";
+import { SquareButton as g } from "./sd-component-library267.js";
+import { ReactComponent as P } from "./sd-component-library264.js";
+import { CurrentPage as h } from "./sd-component-library268.js";
+import { ReactComponent as S } from "./sd-component-library266.js";
 import { GridCenter as R } from "./sd-component-library45.js";
 function x(m, t, o, n) {
   t == null || t(o, n), m(o);

package/lib/sd-component-library105.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library195.js";
-import { PaginationBarButton as i } from "./sd-component-library272.js";
-import { ReactComponent as h } from "./sd-component-library237.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library273.js";
-import { ReactComponent as f } from "./sd-component-library239.js";
+import { PaginationBarButton as i } from "./sd-component-library263.js";
+import { ReactComponent as h } from "./sd-component-library264.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library265.js";
+import { ReactComponent as f } from "./sd-component-library266.js";
 import { GridContainerV2 as s } from "./sd-component-library42.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library148.js";
 const k = (a) => {

package/lib/sd-component-library111.js

@@ -1,11 +1,11 @@
 import { j as e } from "./sd-component-library195.js";
 import { useMemo as Z } from "react";
-import { Select as q } from "./sd-component-library208.js";
+import { Select as q } from "./sd-component-library204.js";
 import "./sd-component-library196.js";
 import { useDependantState as G } from "./sd-component-library4.js";
 import { Box as J } from "./sd-component-library197.js";
 import { MaxMaxContainer as K } from "./sd-component-library44.js";
-import { BaseLabel as P } from "./sd-component-library224.js";
+import { BaseLabel as P } from "./sd-component-library213.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library148.js";
 const U = (r, a, t, d, o, n) => {
   const m = d.find(

package/lib/sd-component-library116.js

@@ -4,7 +4,7 @@ import "./sd-component-library196.js";
 import { OutsideClickBox as g } from "./sd-component-library15.js";
 import { ReactComponent as b } from "./sd-component-library187.js";
 import { Box as j } from "./sd-component-library197.js";
-import { CustomOptionBox as C } from "./sd-component-library225.js";
+import { CustomOptionBox as C } from "./sd-component-library269.js";
 import { GridCenter as S } from "./sd-component-library45.js";
 import { EighteenRegular as x } from "./sd-component-library140.js";
 import { HorizontalDivider as _ } from "./sd-component-library52.js";

package/lib/sd-component-library117.js

@@ -1,9 +1,9 @@
 import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library224.js";
+import { BaseLabel as f } from "./sd-component-library213.js";
 import { OutsideClickBox as u } from "./sd-component-library15.js";
 import { ReactComponent as h } from "./sd-component-library187.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library226.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library270.js";
 import { GridContainerV2 as g } from "./sd-component-library42.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library148.js";
 import { FlexCenter as j } from "./sd-component-library38.js";

package/lib/sd-component-library119.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library187.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library148.js";
 import { BaseTextV2 as u } from "./sd-component-library136.js";
 import { FlexCenter as h } from "./sd-component-library38.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library226.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library270.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library120.js

@@ -1,6 +1,6 @@
 import { j as i } from "./sd-component-library195.js";
 import { useMemo as S, useCallback as p } from "react";
-import { BaseSelectorV2 as u } from "./sd-component-library227.js";
+import { BaseSelectorV2 as u } from "./sd-component-library271.js";
 const g = ({
   value: s,
   onChange: r,

package/lib/sd-component-library125.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library224.js";
+import { BaseLabel as f } from "./sd-component-library213.js";
 import { ReactComponent as u } from "./sd-component-library187.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library228.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library272.js";
 import { GridContainerV2 as S } from "./sd-component-library42.js";
 import { OutsideClickBox as b } from "./sd-component-library15.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library148.js";

package/lib/sd-component-library126.js

@@ -2,10 +2,10 @@ import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
 import "./sd-component-library196.js";
 import { OutsideClickBox as d } from "./sd-component-library15.js";
-import { BaseLabel as u } from "./sd-component-library224.js";
+import { BaseLabel as u } from "./sd-component-library213.js";
 import { Flex as i } from "./sd-component-library197.js";
 import { ReactComponent as f } from "./sd-component-library187.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library229.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library273.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library148.js";
 const w = (t) => {
   const { leftSlot: s, label: l, value: n, width: c } = t, [e, r] = x(!1), p = () => r(!1), a = () => r((m) => !m);

package/lib/sd-component-library128.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library195.js";
 import { IconButton as s } from "./sd-component-library26.js";
-import { ReactComponent as c } from "./sd-component-library202.js";
+import { ReactComponent as c } from "./sd-component-library224.js";
 import { EighteenBold as p } from "./sd-component-library139.js";
 import { GridCenter as g } from "./sd-component-library45.js";
 const C = ({

package/lib/sd-component-library131.js

@@ -3,9 +3,9 @@ import { useState as y } from "react";
 import "./sd-component-library196.js";
 import { useBoundingClientRect as m } from "./sd-component-library4.js";
 import { Flex as x } from "./sd-component-library197.js";
-import { ArrowButton as l } from "./sd-component-library266.js";
-import { Mask as p } from "./sd-component-library267.js";
-import { Tab as A } from "./sd-component-library268.js";
+import { ArrowButton as l } from "./sd-component-library278.js";
+import { Mask as p } from "./sd-component-library279.js";
+import { Tab as A } from "./sd-component-library280.js";
 import { HorizontalDivider as E } from "./sd-component-library52.js";
 const s = 30, e = `${s}px`, w = "30px";
 function U({

package/lib/sd-component-library132.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library195.js";
 import "./sd-component-library196.js";
 import { Box as w, Flex as s } from "./sd-component-library197.js";
-import { TabV2 as T } from "./sd-component-library269.js";
+import { TabV2 as T } from "./sd-component-library281.js";
 import { GridContainerV2 as _ } from "./sd-component-library42.js";
 const h = 25, W = ({
   tabs: e,

package/lib/sd-component-library134.js

@@ -3,9 +3,9 @@ import { useRef as v, useState as w, useEffect as m } from "react";
 import "./sd-component-library196.js";
 import { Box as S } from "./sd-component-library197.js";
 import { BaseGridContainer as C } from "./sd-component-library39.js";
-import { ScrollableTabWrapper as j } from "./sd-component-library270.js";
+import { ScrollableTabWrapper as j } from "./sd-component-library282.js";
 import { MaxMaxContainer as E } from "./sd-component-library44.js";
-import { Tab as y } from "./sd-component-library271.js";
+import { Tab as y } from "./sd-component-library283.js";
 import { VerticalDivider as B } from "./sd-component-library53.js";
 const L = (o) => {
   const t = o.find(

package/lib/sd-component-library165.js

@@ -6,7 +6,7 @@ import { Flex as s, Box as i } from "./sd-component-library197.js";
 import { ReactComponent as b } from "./sd-component-library187.js";
 import { HorizontalDivider as n } from "./sd-component-library52.js";
 import { TriangularPointerIcon as u } from "./sd-component-library190.js";
-import { ActionBox as g } from "./sd-component-library230.js";
+import { ActionBox as g } from "./sd-component-library214.js";
 const C = (x) => {
   const {
     actions: e,

package/lib/sd-component-library166.js

@@ -2,7 +2,7 @@ import { j as o } from "./sd-component-library195.js";
 import "./sd-component-library196.js";
 import { BaseTooltip as m } from "./sd-component-library167.js";
 import { Box as x } from "./sd-component-library197.js";
-import { ReactComponent as c } from "./sd-component-library231.js";
+import { ReactComponent as c } from "./sd-component-library274.js";
 const T = (r) => {
   const {
     tooltipText: s,

package/lib/sd-component-library169.js

@@ -2,7 +2,7 @@ import { j as t } from "./sd-component-library195.js";
 import w, { useRef as c, useEffect as y } from "react";
 import "./sd-component-library196.js";
 import { Box as o } from "./sd-component-library197.js";
-import { ReactComponent as g } from "./sd-component-library231.js";
+import { ReactComponent as g } from "./sd-component-library274.js";
 const I = w.forwardRef((x, a) => {
   const {
     placement: e,

package/lib/sd-component-library170.js

@@ -3,10 +3,10 @@ import { useState as v, useRef as a } from "react";
 import "./sd-component-library196.js";
 import { useBreakPoints as y, useBodyScrollLock as z } from "./sd-component-library4.js";
 import { Box as C } from "./sd-component-library197.js";
-import E from "./sd-component-library232.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library233.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library234.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library235.js";
+import E from "./sd-component-library235.js";
+import { TooltipWithPointerMobile as M } from "./sd-component-library275.js";
+import { TooltipWithPointerHorizontal as V } from "./sd-component-library276.js";
+import { TooltipWithPointerVertical as D } from "./sd-component-library277.js";
 const f = 200, K = (x) => {
   const {
     children: u,

package/lib/sd-component-library19.js

@@ -1,5 +1,5 @@
 import { j as o } from "./sd-component-library195.js";
-import { renderUpToFiveCrumbs as i, renderMoreThanFiveCrumbs as m } from "./sd-component-library206.js";
+import { renderUpToFiveCrumbs as i, renderMoreThanFiveCrumbs as m } from "./sd-component-library202.js";
 import { GridCenter as p } from "./sd-component-library45.js";
 const h = ({
   textTransform: t,

package/lib/sd-component-library195.js

@@ -1,6 +1,6 @@
-import { __module as e } from "./sd-component-library203.js";
-import { __require as r } from "./sd-component-library204.js";
-import { __require as o } from "./sd-component-library205.js";
+import { __module as e } from "./sd-component-library217.js";
+import { __require as r } from "./sd-component-library218.js";
+import { __require as o } from "./sd-component-library219.js";
 process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
 var m = e.exports;
 export {

package/lib/sd-component-library197.js

@@ -1,9 +1,9 @@
-import { __exports as o } from "./sd-component-library287.js";
+import { __exports as o } from "./sd-component-library298.js";
 import v from "react";
-import p from "./sd-component-library288.js";
-import x from "./sd-component-library289.js";
-import _ from "./sd-component-library290.js";
-import m from "./sd-component-library291.js";
+import p from "./sd-component-library299.js";
+import x from "./sd-component-library300.js";
+import _ from "./sd-component-library301.js";
+import m from "./sd-component-library302.js";
 Object.defineProperty(o, "__esModule", {
   value: !0
 });

package/lib/sd-component-library199.js

@@ -1,9 +1,9 @@
-import p from "./sd-component-library214.js";
+import p from "./sd-component-library225.js";
 import { createElement as o } from "react";
-import i from "./sd-component-library215.js";
-import { T as c } from "./sd-component-library216.js";
-import "./sd-component-library217.js";
-import "./sd-component-library218.js";
+import i from "./sd-component-library226.js";
+import { T as c } from "./sd-component-library227.js";
+import "./sd-component-library228.js";
+import "./sd-component-library229.js";
 function f(n, e) {
   var r = Object.keys(n);
   if (Object.getOwnPropertySymbols) {

package/lib/sd-component-library202.js

@@ -1,6 +1,60 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
+import { j as t } from "./sd-component-library195.js";
+import { Crumb as c } from "./sd-component-library20.js";
+const l = (s, h, p) => s.map(({ title: e, dontTranslate: r, onClick: u }, o) => /* @__PURE__ */ t.jsx(
+  c,
+  {
+    variant: h,
+    crumb: { title: e, dontTranslate: r },
+    isLast: o === s.length - 1,
+    textTransform: p,
+    onClick: u
+  },
+  e + o
+)), a = (s, h, p) => {
+  const e = [];
+  return s.slice(0, 2).forEach(({ title: r, dontTranslate: u, onClick: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: u },
+          isLast: !1,
+          textTransform: p,
+          onClick: o
+        },
+        r + m
+      )
+    );
+  }), e.push(
+    /* @__PURE__ */ t.jsx(
+      c,
+      {
+        variant: h,
+        crumb: { title: "..." },
+        isLast: !1,
+        textTransform: p
+      },
+      "..."
+    )
+  ), s.slice(s.length - 2, s.length).forEach(({ title: r, onClick: u, dontTranslate: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: o },
+          isLast: m === 1,
+          textTransform: p,
+          onClick: u
+        },
+        r + m
+      )
+    );
+  }), e;
+};
 export {
-  e as ReactComponent
+  a as renderMoreThanFiveCrumbs,
+  l as renderUpToFiveCrumbs
 };
 //# sourceMappingURL=sd-component-library202.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library202.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library202.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","title","dontTranslate","onClick","index","jsx","Crumb","renderMoreThanFiveCrumbs","elements"],"mappings":";;AAIO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,MAEOF,EAAO,IAAI,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAA,GAAWC,MACpDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAP;AAAA,IACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,IAC9B,QAAQE,MAAUN,EAAO,SAAS;AAAA,IAElC,eAAAE;AAAA,IACA,SAAAG;AAAA,EAAA;AAAA,EAFKF,IAAQG;AAAA,CAIhB,GAGUG,IAA2B,CACtCT,GACAC,GACAC,MACG;AACH,QAAMQ,IAA0B,CAAA;AAG7B,SAAAV,EAAA,MAAM,GAAG,CAAC,EACV,QAAQ,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAQ,GAAGC,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQ;AAAA,UAER,eAAAF;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACMI,EAAA;AAAA,IACPH,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAP;AAAA,QACA,OAAO,EAAE,OAAO,MAAM;AAAA,QACtB,QAAQ;AAAA,QACR,eAAAC;AAAA,MAAA;AAAA,MACI;AAAA,IACN;AAAA,EAAA,GAGFF,EACG,MAAMA,EAAO,SAAS,GAAGA,EAAO,MAAM,EACtC,QAAQ,CAAC,EAAE,OAAAG,GAAO,SAAAE,GAAS,eAAAD,EAAA,GAAiBE,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQE,MAAU;AAAA,UAElB,eAAAJ;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACII;AACT;"}

package/lib/sd-component-library203.js

@@ -1,5 +1,44 @@
-var e = { exports: {} };
+import { j as o } from "./sd-component-library195.js";
+import p from "react";
+import "./sd-component-library196.js";
+import { Box as a } from "./sd-component-library197.js";
+import { AutocompleteOptionBox as n } from "./sd-component-library627.js";
+import { HorizontalDivider as d } from "./sd-component-library52.js";
+function j(s) {
+  const { results: t, value: i, onSelect: x, translateContent: l = !0 } = s;
+  return /* @__PURE__ */ o.jsx(
+    a,
+    {
+      sx: {
+        position: "absolute",
+        top: "100%",
+        bg: "white",
+        width: "100%",
+        borderRadius: "0px 0px 3px 3px",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "#C8CCE5",
+        boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+        zIndex: 100
+      },
+      className: l ? void 0 : "no-translate",
+      "data-test": "results-box",
+      children: t.map(({ synonyms: r }, e) => /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(
+          n,
+          {
+            value: i,
+            synonyms: r,
+            onSelect: x
+          },
+          r.join()
+        ),
+        e !== t.length - 1 && /* @__PURE__ */ o.jsx(d, { color: "cl_lightGrey" })
+      ] }, e))
+    }
+  );
+}
 export {
-  e as __module
+  j as ResultsBox
 };
 //# sourceMappingURL=sd-component-library203.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library203.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library203.js","sources":["../src/components/inputs/autocomplete-input/partials/results-box/results-box.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { AutocompleteOptionBox } from \"../autocomplete-option-box\";\nimport { ResultsBoxProps as Props } from \"./interfaces\";\n\nexport function ResultsBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { results, value, onSelect, translateContent = true } = props;\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: \"0px 0px 3px 3px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n        zIndex: 100,\n      }}\n      className={!translateContent ? \"no-translate\" : undefined}\n      data-test=\"results-box\"\n    >\n      {results.map(({ synonyms }, idx) => (\n        <React.Fragment key={idx}>\n          <AutocompleteOptionBox\n            value={value}\n            synonyms={synonyms}\n            key={synonyms.join()}\n            onSelect={onSelect}\n          />\n          {idx !== results.length - 1 && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"],"names":["ResultsBox","props","results","value","onSelect","translateContent","jsx","Box","synonyms","idx","jsxs","React","AutocompleteOptionBox","HorizontalDivider"],"mappings":";;;;;;AAQO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,IAAmB,GAAS,IAAAJ;AAG5D,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}