@selfdecode/sd-component-library 4.0.13 → 4.0.14-8.1

package/lib/sd-component-library.js

@@ -0,0 +1,367 @@
+import { Wrapper as o } from "./sd-component-library2.js";
+import { useBodyScrollLock as m, useBoundingClientRect as p, useElementCoordinates as a, useIntersectionObserver as x, useResize as i } from "./sd-component-library3.js";
+import { generateTestLocator as c, getResponsiveClick as l, getResponsiveNumericArray as s, getResponsivePxArray as u, getTranslationsSensibleProps as d, isIOS as C, isTouchScreen as S, removeTranslationsSuffix as I } from "./sd-component-library4.js";
+import { testLocatorAttribute as T, translatedTextSuffix as g } from "./sd-component-library5.js";
+import { Accordion as y } from "./sd-component-library6.js";
+import { SublistAccordion as P } from "./sd-component-library7.js";
+import { NoTranslateBox as h } from "./sd-component-library8.js";
+import { OutsideClickBox as D } from "./sd-component-library9.js";
+import { BgImageBox as v } from "./sd-component-library10.js";
+import { PrimaryBreadcrumb as O } from "./sd-component-library11.js";
+import { SecondaryBreadcrumb as A } from "./sd-component-library12.js";
+import { Breadcrumb as G } from "./sd-component-library13.js";
+import { Crumb as N } from "./sd-component-library14.js";
+import { PrimaryBlueButton as H } from "./sd-component-library15.js";
+import { PrimaryOrangeButton as U } from "./sd-component-library16.js";
+import { SecondaryBlueButton as Q } from "./sd-component-library17.js";
+import { SecondaryOrangeButton as j } from "./sd-component-library18.js";
+import { PrimaryTextButton as J } from "./sd-component-library19.js";
+import { IconButton as X } from "./sd-component-library20.js";
+import { Button as $ } from "./sd-component-library21.js";
+import { CtaButton as ro } from "./sd-component-library22.js";
+import { TextCtaButton as to } from "./sd-component-library23.js";
+import { CrossIconButton as mo, HamburgerIconButton as po, SearchIconButton as ao, ShortArrowIconButton as xo } from "./sd-component-library24.js";
+import { Checkbox as fo } from "./sd-component-library25.js";
+import { PartialCheckbox as lo } from "./sd-component-library26.js";
+import { CheckboxV2 as uo, CheckboxV2Container as Co } from "./sd-component-library27.js";
+import { PartialCheckboxV2 as Io } from "./sd-component-library28.js";
+import { MaxWidthContainerV2 as To } from "./sd-component-library29.js";
+import { FlexCenter as Ro, FlexCenterSpaceBetween as yo, FlexColumn as bo, FlexContentCenter as Po, FlexItemsCenter as Mo, FlexSpaceBetween as ho } from "./sd-component-library30.js";
+import { BaseGridContainer as Do } from "./sd-component-library31.js";
+import { FrFrContainer as vo } from "./sd-component-library32.js";
+import { FrMaxContainer as Oo } from "./sd-component-library33.js";
+import { GridContainerV2 as Ao } from "./sd-component-library34.js";
+import { MaxFrContainer as Go } from "./sd-component-library35.js";
+import { MaxMaxContainer as No } from "./sd-component-library36.js";
+import { GridCenter as Ho } from "./sd-component-library37.js";
+import { GridAlignContentStart as Uo } from "./sd-component-library38.js";
+import { LayoutIndependentMaxWidthContainer as Qo } from "./sd-component-library39.js";
+import { MaxWidthContainer as jo } from "./sd-component-library40.js";
+import { SectionContainer as Jo } from "./sd-component-library41.js";
+import { UnderlinedMaxWidthContainer as Xo } from "./sd-component-library42.js";
+import { CustomScrollbarBox as $o } from "./sd-component-library43.js";
+import { HorizontalDivider as rr } from "./sd-component-library44.js";
+import { VerticalDivider as tr } from "./sd-component-library45.js";
+import { FeatureExplanation as mr } from "./sd-component-library46.js";
+import { MultipleOptionsFeedback as ar } from "./sd-component-library47.js";
+import { YesNoFeedbackBlock as ir } from "./sd-component-library48.js";
+import { FormV2Container as cr } from "./sd-component-library49.js";
+import { FormV2Input as sr, FormV2InputWithContainer as ur } from "./sd-component-library50.js";
+import { FormV2NumberInput as Cr, FormV2NumberInputWithContainer as Sr } from "./sd-component-library51.js";
+import { FormV2Selector as Br, FormV2SelectorWithContainer as Tr } from "./sd-component-library52.js";
+import { InputContainer as Rr } from "./sd-component-library53.js";
+import { InputLabel as br } from "./sd-component-library54.js";
+import { AutocompleteInput as Mr } from "./sd-component-library55.js";
+import { BaseDateInput as Vr } from "./sd-component-library56.js";
+import { BaseDateRangeInput as Fr } from "./sd-component-library57.js";
+import { OutlinedDateInput as Lr } from "./sd-component-library58.js";
+import { OutlinedDateRangeInput as Wr } from "./sd-component-library59.js";
+import { PrimaryDateInput as kr } from "./sd-component-library60.js";
+import { PrimaryDateRangeInput as wr } from "./sd-component-library61.js";
+import { DecodyQuestionInput as Er } from "./sd-component-library62.js";
+import { InvalidInputError as zr } from "./sd-component-library63.js";
+import { Input as _r } from "./sd-component-library64.js";
+import { MultiRowSecondaryTextInput as Yr } from "./sd-component-library65.js";
+import { NumberInput as qr } from "./sd-component-library66.js";
+import { PrimaryNumberInput as Kr } from "./sd-component-library67.js";
+import { PrimaryTextInput as Zr } from "./sd-component-library68.js";
+import { SearchAutocompleteInput as oe } from "./sd-component-library69.js";
+import { SearchInput as ee } from "./sd-component-library70.js";
+import { SecondaryNumberInput as ne } from "./sd-component-library71.js";
+import { SecondaryTextInput as pe } from "./sd-component-library72.js";
+import { TextInput as xe } from "./sd-component-library73.js";
+import { SearchInputV2 as fe } from "./sd-component-library74.js";
+import { ClientPortalInput as le } from "./sd-component-library75.js";
+import { Link as ue } from "./sd-component-library76.js";
+import { PrimaryLink as Ce } from "./sd-component-library77.js";
+import { List as Ie } from "./sd-component-library78.js";
+import { PrimaryList as Te } from "./sd-component-library79.js";
+import { ActionsMenu as Re } from "./sd-component-library80.js";
+import { SmileyMeterV2 as be } from "./sd-component-library81.js";
+import { SmallSmileyMeterV2 as Me } from "./sd-component-library82.js";
+import { PeopleMeter as Ve } from "./sd-component-library83.js";
+import { OutlineMeter as Fe } from "./sd-component-library84.js";
+import { SmallOutlineMeter as Le } from "./sd-component-library85.js";
+import { isValueInRange as We } from "./sd-component-library86.js";
+import { MultiOptionDiscreteOutlineMeter as ke } from "./sd-component-library87.js";
+import { SmallMultiOptionDiscreteOutlineMeter as we } from "./sd-component-library88.js";
+import { GradientOutlineMeter as Ee } from "./sd-component-library89.js";
+import { SmallGradientOutlineMeter as ze } from "./sd-component-library90.js";
+import { DashedMeter as _e } from "./sd-component-library91.js";
+import { BarsMeter as Ye } from "./sd-component-library92.js";
+import { DonutDiagram as qe } from "./sd-component-library93.js";
+import { CompactDonutGauge as Ke } from "./sd-component-library94.js";
+import { LinearDiscreteGaugeMeter as Ze } from "./sd-component-library95.js";
+import { LinearNumericGaugeMeter as ot } from "./sd-component-library96.js";
+import { Modal as et } from "./sd-component-library97.js";
+import { PageSelector as nt } from "./sd-component-library98.js";
+import { PaginationBar as pt } from "./sd-component-library99.js";
+import { PaginationBarMobile as xt } from "./sd-component-library100.js";
+import { LineProgressBar as ft } from "./sd-component-library101.js";
+import { ProgressBar as lt } from "./sd-component-library102.js";
+import { RoundedProgressBar as ut } from "./sd-component-library103.js";
+import { ProgressSteps as Ct } from "./sd-component-library104.js";
+import { Selector as It } from "./sd-component-library105.js";
+import { TertiarySelector as Tt } from "./sd-component-library106.js";
+import { PrimarySelector as Rt } from "./sd-component-library107.js";
+import { SecondarySelector as bt } from "./sd-component-library108.js";
+import { CompactPrimarySelector as Mt } from "./sd-component-library109.js";
+import { CustomSelector as Vt } from "./sd-component-library110.js";
+import { SecondaryCustomSelector as Ft } from "./sd-component-library111.js";
+import { TertiaryCustomSelector as Lt } from "./sd-component-library112.js";
+import { CombinedSecondaryCustomSelector as Wt } from "./sd-component-library113.js";
+import { SelectorV2 as kt } from "./sd-component-library114.js";
+import { TertiarySelectorV2 as wt } from "./sd-component-library115.js";
+import { SecondarySelectorV2 as Et } from "./sd-component-library116.js";
+import { PrimarySelectorV2 as zt } from "./sd-component-library117.js";
+import { CombinedSecondarySelectorV2 as _t } from "./sd-component-library118.js";
+import { CustomScrollableSelector as Yt } from "./sd-component-library119.js";
+import { PrimaryCustomScrollableSelector as qt } from "./sd-component-library120.js";
+import { UpdatedSecondarySelectorV2 as Kt } from "./sd-component-library121.js";
+import { CarouselSwitch as Zt } from "./sd-component-library122.js";
+import { PrimaryToggleSwitch as on } from "./sd-component-library123.js";
+import { ToggleSwitch as en } from "./sd-component-library124.js";
+import { TabBar as nn } from "./sd-component-library125.js";
+import { TabBarV2 as pn } from "./sd-component-library126.js";
+import { TabbedViewV2 as xn } from "./sd-component-library127.js";
+import { BaseText as cn } from "./sd-component-library128.js";
+import { BaseTextV2 as sn } from "./sd-component-library129.js";
+import { BaseInlineText as dn } from "./sd-component-library130.js";
+import { InheritColorText as Sn } from "./sd-component-library131.js";
+import { NoTranslate as Bn } from "./sd-component-library132.js";
+import { ResponsiveText as gn } from "./sd-component-library133.js";
+import { SD_WEIGHT_TO_WEIGHT_MAP as yn, fontWeights as bn } from "./sd-component-library134.js";
+import { ResponsiveTextV2 as Mn } from "./sd-component-library135.js";
+import { BoldText as Vn, RegularText as Dn, SemiBoldText as Fn } from "./sd-component-library136.js";
+import { CapitalizedText as Ln, LowercaseText as On, UppercaseText as Wn } from "./sd-component-library137.js";
+import { CapitalizedBoldText as kn, UppercaseSemiBoldText as Gn } from "./sd-component-library138.js";
+import { BoldResponsiveText as Nn, MediumBoldResponsiveText as En, MediumRegularResponsiveText as Hn, MediumSemiBoldResponsiveText as zn, RegularResponsiveText as Un, SmallBoldResponsiveText as _n } from "./sd-component-library139.js";
+import { ActionsTooltip as Yn } from "./sd-component-library140.js";
+import { BaseInfoTooltip as qn } from "./sd-component-library141.js";
+import { BaseTooltip as Kn } from "./sd-component-library142.js";
+import { PrimaryInfoTooltip as Zn } from "./sd-component-library143.js";
+import { ReactElementTooltip as om } from "./sd-component-library144.js";
+import { TooltipWithPointer as em } from "./sd-component-library145.js";
+import { Anchor as nm } from "./sd-component-library146.js";
+import { refsManager as pm } from "./sd-component-library147.js";
+import { BorderedPlainWarningCircleIcon as xm } from "./sd-component-library148.js";
+import { ReactComponent as fm } from "./sd-component-library149.js";
+import { ReactComponent as lm } from "./sd-component-library150.js";
+import { ReactComponent as um } from "./sd-component-library151.js";
+import { ReactComponent as Cm } from "./sd-component-library152.js";
+import { ReactComponent as Im } from "./sd-component-library153.js";
+import { ReactComponent as Tm } from "./sd-component-library154.js";
+import { RoundBorderedStar as Rm } from "./sd-component-library155.js";
+import { ReactComponent as bm } from "./sd-component-library156.js";
+import { ReactComponent as Mm } from "./sd-component-library157.js";
+import { ReactComponent as Vm } from "./sd-component-library158.js";
+import { ReactComponent as Fm } from "./sd-component-library159.js";
+import { ReactComponent as Lm } from "./sd-component-library160.js";
+import { ReactComponent as Wm } from "./sd-component-library161.js";
+import { ReactComponent as km } from "./sd-component-library162.js";
+import { TriangularPointerIcon as wm } from "./sd-component-library163.js";
+import { ReactComponent as Em } from "./sd-component-library164.js";
+import { ReactComponent as zm } from "./sd-component-library165.js";
+const e = o;
+export {
+  y as Accordion,
+  Re as ActionsMenu,
+  Yn as ActionsTooltip,
+  nm as Anchor,
+  Mr as AutocompleteInput,
+  Ye as BarsMeter,
+  Vr as BaseDateInput,
+  Fr as BaseDateRangeInput,
+  Do as BaseGridContainer,
+  qn as BaseInfoTooltip,
+  dn as BaseInlineText,
+  cn as BaseText,
+  sn as BaseTextV2,
+  Kn as BaseTooltip,
+  v as BgImageBox,
+  Nn as BoldResponsiveText,
+  Vn as BoldText,
+  xm as BorderedPlainWarningCircleIcon,
+  G as Breadcrumb,
+  $ as Button,
+  kn as CapitalizedBoldText,
+  Ln as CapitalizedText,
+  Zt as CarouselSwitch,
+  fo as Checkbox,
+  uo as CheckboxV2,
+  Co as CheckboxV2Container,
+  le as ClientPortalInput,
+  Wt as CombinedSecondaryCustomSelector,
+  _t as CombinedSecondarySelectorV2,
+  Ke as CompactDonutGauge,
+  Mt as CompactPrimarySelector,
+  e as ComponentLibThemeProvider,
+  fm as CrossIcon,
+  mo as CrossIconButton,
+  N as Crumb,
+  ro as CtaButton,
+  Yt as CustomScrollableSelector,
+  $o as CustomScrollbarBox,
+  Vt as CustomSelector,
+  _e as DashedMeter,
+  Er as DecodyQuestionInput,
+  qe as DonutDiagram,
+  Em as EnvironmentIcon,
+  mr as FeatureExplanation,
+  Ro as FlexCenter,
+  yo as FlexCenterSpaceBetween,
+  bo as FlexColumn,
+  Po as FlexContentCenter,
+  Mo as FlexItemsCenter,
+  ho as FlexSpaceBetween,
+  cr as FormV2Container,
+  sr as FormV2Input,
+  ur as FormV2InputWithContainer,
+  Cr as FormV2NumberInput,
+  Sr as FormV2NumberInputWithContainer,
+  Br as FormV2Selector,
+  Tr as FormV2SelectorWithContainer,
+  vo as FrFrContainer,
+  Oo as FrMaxContainer,
+  lm as GlobeIcon,
+  Ee as GradientOutlineMeter,
+  Ao as Grid,
+  Uo as GridAlignContentStart,
+  Ho as GridCenter,
+  um as HamburgerIcon,
+  po as HamburgerIconButton,
+  rr as HorizontalDivider,
+  X as IconButton,
+  Sn as InheritColorText,
+  _r as Input,
+  Rr as InputContainer,
+  br as InputLabel,
+  zr as InvalidInputError,
+  Qo as LayoutIndependentMaxWidthContainer,
+  ft as LineProgressBar,
+  Ze as LinearDiscreteGaugeMeter,
+  ot as LinearNumericGaugeMeter,
+  ue as Link,
+  Ie as List,
+  On as LowercaseText,
+  Go as MaxFrContainer,
+  No as MaxMaxContainer,
+  To as MaxWidth,
+  jo as MaxWidthContainer,
+  En as MediumBoldResponsiveText,
+  Hn as MediumRegularResponsiveText,
+  zn as MediumSemiBoldResponsiveText,
+  et as Modal,
+  ke as MultiOptionDiscreteOutlineMeter,
+  Yr as MultiRowSecondaryTextInput,
+  ar as MultipleOptionsFeedback,
+  Bn as NoTranslate,
+  h as NoTranslateBox,
+  qr as NumberInput,
+  Fe as OutlineMeter,
+  Lr as OutlinedDateInput,
+  Wr as OutlinedDateRangeInput,
+  D as OutsideClickBox,
+  nt as PageSelector,
+  pt as PaginationBar,
+  xt as PaginationBarMobile,
+  lo as PartialCheckbox,
+  Io as PartialCheckboxV2,
+  Ve as PeopleMeter,
+  Cm as PlainWarningCircleIcon,
+  H as PrimaryBlueButton,
+  O as PrimaryBreadcrumb,
+  qt as PrimaryCustomScrollableSelector,
+  kr as PrimaryDateInput,
+  wr as PrimaryDateRangeInput,
+  Zn as PrimaryInfoTooltip,
+  Ce as PrimaryLink,
+  Te as PrimaryList,
+  Kr as PrimaryNumberInput,
+  U as PrimaryOrangeButton,
+  Rt as PrimarySelector,
+  zt as PrimarySelectorV2,
+  J as PrimaryTextButton,
+  Zr as PrimaryTextInput,
+  on as PrimaryToggleSwitch,
+  Im as ProfileIcon,
+  lt as ProgressBar,
+  Ct as ProgressSteps,
+  om as ReactElementTooltip,
+  Un as RegularResponsiveText,
+  Dn as RegularText,
+  Tm as RescanIcon,
+  gn as ResponsiveText,
+  Mn as ResponsiveTextV2,
+  Rm as RoundBorderedStar,
+  ut as RoundedProgressBar,
+  bm as SDLogoNoTextIcon,
+  Mm as SDLogoWhiteIcon,
+  Vm as SDNavbarIcon,
+  yn as SD_WEIGHT_TO_WEIGHT_MAP,
+  oe as SearchAutocompleteInput,
+  Fm as SearchIcon,
+  ao as SearchIconButton,
+  ee as SearchInput,
+  fe as SearchInputV2,
+  Q as SecondaryBlueButton,
+  A as SecondaryBreadcrumb,
+  Ft as SecondaryCustomSelector,
+  ne as SecondaryNumberInput,
+  j as SecondaryOrangeButton,
+  bt as SecondarySelector,
+  Et as SecondarySelectorV2,
+  pe as SecondaryTextInput,
+  Jo as SectionContainer,
+  It as Selector,
+  kt as SelectorV2,
+  Fn as SemiBoldText,
+  xo as ShortArrowIconButton,
+  Lm as ShortDownArrowIcon,
+  _n as SmallBoldResponsiveText,
+  ze as SmallGradientOutlineMeter,
+  we as SmallMultiOptionDiscreteOutlineMeter,
+  Le as SmallOutlineMeter,
+  Me as SmallSmileyMeterV2,
+  be as SmileyMeterV2,
+  Wm as StarIcon,
+  P as SublistAccordion,
+  nn as TabBar,
+  pn as TabBarV2,
+  xn as TabbedViewV2,
+  Lt as TertiaryCustomSelector,
+  Tt as TertiarySelector,
+  wt as TertiarySelectorV2,
+  to as TextCtaButton,
+  xe as TextInput,
+  zm as ThinArrowLeftIcon,
+  en as ToggleSwitch,
+  em as TooltipWithPointer,
+  wm as TriangularPointerIcon,
+  Xo as UnderlinedMaxWidthContainer,
+  Kt as UpdatedSecondarySelectorV2,
+  Gn as UppercaseSemiBoldText,
+  Wn as UppercaseText,
+  tr as VerticalDivider,
+  km as WarningCircleIcon,
+  ir as YesNoFeedbackBlock,
+  bn as fontWeights,
+  c as generateTestLocator,
+  l as getResponsiveClick,
+  s as getResponsiveNumericArray,
+  u as getResponsivePxArray,
+  d as getTranslationsSensibleProps,
+  C as isIOS,
+  S as isTouchScreen,
+  We as isValueInRange,
+  pm as refsManager,
+  I as removeTranslationsSuffix,
+  T as testLocatorAttribute,
+  g as translatedTextSuffix,
+  m as useBodyScrollLock,
+  p as useBoundingClientRect,
+  a as useElementCoordinates,
+  x as useIntersectionObserver,
+  i as useResize
+};
+//# sourceMappingURL=sd-component-library.js.map

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

@@ -0,0 +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\";\n\nexport const ComponentLibThemeProvider = Wrapper;\n\n// Accordion exports\nexport * from \"./components/accordions\";\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//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/feedback\";\n\nexport * from \"./components/forms-v2\";\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// Util components exports\nexport * from \"./components/utils\";\nexport * from \"./components/interfaces\";\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\";\nexport * from \"./core/constants\";\n\n// Icons\nexport * from \"./components/icons\";\n"],"names":["ComponentLibThemeProvider","Wrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAA4BC;"}

package/lib/sd-component-library10.js

@@ -0,0 +1,25 @@
+import { j as m } from "./sd-component-library169.js";
+import { Box as n } from "rebass";
+const c = ({
+  url: o,
+  backgroundPosition: e = "center",
+  backgroundSize: t = "cover",
+  backgroundRepeat: x = "no-repeat",
+  ...r
+}) => /* @__PURE__ */ m.jsx(
+  n,
+  {
+    ...r,
+    sx: {
+      backgroundImage: `url(${o})`,
+      backgroundSize: t,
+      backgroundRepeat: x,
+      backgroundPosition: e,
+      ...r.sx
+    }
+  }
+);
+export {
+  c as BgImageBox
+};
+//# sourceMappingURL=sd-component-library10.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library10.js","sources":["../src/components/boxes/bg-image-box/bg-image-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BgImageBoxProps as Props } from \"./interfaces\";\n\nexport const BgImageBox: React.FC<Props> = ({\n  url,\n  backgroundPosition = \"center\",\n  backgroundSize = \"cover\",\n  backgroundRepeat = \"no-repeat\",\n  ...props\n}) => {\n  return (\n    <Box\n      {...props}\n      sx={{\n        backgroundImage: `url(${url})`,\n        backgroundSize,\n        backgroundRepeat,\n        backgroundPosition,\n        ...props.sx,\n      }}\n    />\n  );\n};\n"],"names":["BgImageBox","url","backgroundPosition","backgroundSize","backgroundRepeat","props","jsx","Box"],"mappings":";;AAMO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,KAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,IAAI;AAAA,MACF,iBAAiB,OAAOJ,CAAG;AAAA,MAC3B,gBAAAE;AAAA,MACA,kBAAAC;AAAA,MACA,oBAAAF;AAAA,MACA,GAAGG,EAAM;AAAA,IACX;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library100.js

@@ -0,0 +1,54 @@
+import { j as e } from "./sd-component-library169.js";
+import { PaginationBarButton as i } from "./sd-component-library219.js";
+import { ReactComponent as h } from "./sd-component-library220.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library221.js";
+import { ReactComponent as f } from "./sd-component-library222.js";
+import { GridContainerV2 as s } from "./sd-component-library34.js";
+import { ResponsiveTextV2 as j } from "./sd-component-library135.js";
+const k = (a) => {
+  const {
+    currentPage: t,
+    itemsTotal: o,
+    itemsPerPage: r,
+    hideTotal: p,
+    onChange: n,
+    sx: m,
+    ...x
+  } = a, c = t > 1, l = t * r < o, g = () => n(t - 1), d = () => n(t + 1);
+  return /* @__PURE__ */ e.jsxs(
+    s,
+    {
+      gap: "20px",
+      justifyContent: "center",
+      sx: { cursor: "default", userSelect: "none", ...m },
+      ...x,
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          j,
+          {
+            fontSizeWeight: [10, "semi-bold"],
+            letterSpacing: "1.8px",
+            textTransform: "uppercase",
+            textAlign: "center",
+            children: [
+              `Showing ${(t - 1) * r + 1} - ${Math.min(
+                o,
+                t * r
+              )}`,
+              !p && ` / ${o}`
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(s, { height: "42px", gap: "10px", gridTemplateColumns: "repeat(3, 42px)", children: [
+          /* @__PURE__ */ e.jsx(i, { disabled: !c, onClick: g, children: /* @__PURE__ */ e.jsx(h, { style: { marginRight: "2px" } }) }),
+          /* @__PURE__ */ e.jsx(u, { children: t }),
+          /* @__PURE__ */ e.jsx(i, { disabled: !l, onClick: d, children: /* @__PURE__ */ e.jsx(f, { style: { marginLeft: "2px" } }) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  k as PaginationBarMobile
+};
+//# sourceMappingURL=sd-component-library100.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library100.js","sources":["../src/components/pagination-bars/pagination-bar-mobile/pagination-bar-mobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid } from \"../../containers\";\nimport { Next, Previous } from \"../../page-selectors/page-selector/assets\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { PaginationBarMobileProps as Props } from \"./interfaces\";\nimport { PaginationBarButton, PaginationBarCurrentPage } from \"./partials\";\n\nexport const PaginationBarMobile: React.FC<Props> = (props) => {\n  const {\n    currentPage,\n    itemsTotal,\n    itemsPerPage,\n    hideTotal,\n    onChange,\n    sx,\n    ...gridProps\n  } = props;\n\n  const hasPrevious = currentPage > 1;\n  const hasNext = currentPage * itemsPerPage < itemsTotal;\n\n  const onClickPrevious = () => onChange(currentPage - 1);\n  const onClickNext = () => onChange(currentPage + 1);\n\n  return (\n    <Grid\n      gap=\"20px\"\n      justifyContent=\"center\"\n      sx={{ cursor: \"default\", userSelect: \"none\", ...sx }}\n      {...gridProps}\n    >\n      <ResponsiveTextV2\n        fontSizeWeight={[10, \"semi-bold\"]}\n        letterSpacing=\"1.8px\"\n        textTransform=\"uppercase\"\n        textAlign=\"center\"\n      >\n        {`Showing ${(currentPage - 1) * itemsPerPage + 1} - ${Math.min(\n          itemsTotal,\n          currentPage * itemsPerPage\n        )}`}\n        {!hideTotal && ` / ${itemsTotal}`}\n      </ResponsiveTextV2>\n\n      <Grid height=\"42px\" gap=\"10px\" gridTemplateColumns=\"repeat(3, 42px)\">\n        <PaginationBarButton disabled={!hasPrevious} onClick={onClickPrevious}>\n          <Previous style={{ marginRight: \"2px\" }} />\n        </PaginationBarButton>\n\n        <PaginationBarCurrentPage>{currentPage}</PaginationBarCurrentPage>\n\n        <PaginationBarButton disabled={!hasNext} onClick={onClickNext}>\n          <Next style={{ marginLeft: \"2px\" }} />\n        </PaginationBarButton>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["PaginationBarMobile","props","currentPage","itemsTotal","itemsPerPage","hideTotal","onChange","sx","gridProps","hasPrevious","hasNext","onClickPrevious","onClickNext","jsxs","Grid","ResponsiveTextV2","jsx","PaginationBarButton","Previous","PaginationBarCurrentPage","Next"],"mappings":";;;;;;;AAQa,MAAAA,IAAuC,CAACC,MAAU;AACvD,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAP,GAEEQ,IAAcP,IAAc,GAC5BQ,IAAUR,IAAcE,IAAeD,GAEvCQ,IAAkB,MAAML,EAASJ,IAAc,CAAC,GAChDU,IAAc,MAAMN,EAASJ,IAAc,CAAC;AAGhD,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,gBAAe;AAAA,MACf,IAAI,EAAE,QAAQ,WAAW,YAAY,QAAQ,GAAGP,EAAG;AAAA,MAClD,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,gBAAgB,CAAC,IAAI,WAAW;AAAA,YAChC,eAAc;AAAA,YACd,eAAc;AAAA,YACd,WAAU;AAAA,YAET,UAAA;AAAA,cAAA,YAAYb,IAAc,KAAKE,IAAe,CAAC,MAAM,KAAK;AAAA,gBACzDD;AAAA,gBACAD,IAAcE;AAAA,cAAA,CACf;AAAA,cACA,CAACC,KAAa,MAAMF,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,+BAECW,GAAK,EAAA,QAAO,QAAO,KAAI,QAAO,qBAAoB,mBACjD,UAAA;AAAA,UAAAE,gBAAAA,EAAA,IAACC,GAAoB,EAAA,UAAU,CAACR,GAAa,SAASE,GACpD,UAACK,gBAAAA,EAAAA,IAAAE,GAAA,EAAS,OAAO,EAAE,aAAa,MAAA,EAAS,CAAA,GAC3C;AAAA,UAEAF,gBAAAA,EAAAA,IAACG,KAA0B,UAAYjB,EAAA,CAAA;AAAA,UAEtCc,gBAAAA,EAAA,IAAAC,GAAA,EAAoB,UAAU,CAACP,GAAS,SAASE,GAChD,UAACI,gBAAAA,EAAAA,IAAAI,GAAA,EAAK,OAAO,EAAE,YAAY,MAAA,EAAS,CAAA,GACtC;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library101.js

@@ -0,0 +1,16 @@
+import { j as r } from "./sd-component-library169.js";
+import { ProgressBar as e } from "./sd-component-library102.js";
+const o = (t) => /* @__PURE__ */ r.jsx(
+  e,
+  {
+    ...t,
+    variant: "line",
+    totalSteps: t.totalSteps,
+    currentStep: t.currentStep,
+    "data-test": "line-progress-bar"
+  }
+);
+export {
+  o as LineProgressBar
+};
+//# sourceMappingURL=sd-component-library101.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library101.js","sources":["../src/components/progress-bars/line-progress-bar/line-progress-bar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ProgressBar } from \"../progress-bar\";\nimport { LineProgressBarProps } from \"./interfaces\";\n\n/**\n * The LineProgressBar component.\n */\nexport const LineProgressBar: React.FunctionComponent<LineProgressBarProps> = (\n  props: LineProgressBarProps\n): React.ReactElement<LineProgressBarProps> => {\n  return (\n    <ProgressBar\n      {...props}\n      variant=\"line\"\n      totalSteps={props.totalSteps}\n      currentStep={props.currentStep}\n      data-test=\"line-progress-bar\"\n    />\n  );\n};\n"],"names":["LineProgressBar","props","jsx","ProgressBar"],"mappings":";;AAQa,MAAAA,IAAiE,CAC5EC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,YAAYA,EAAM;AAAA,IAClB,aAAaA,EAAM;AAAA,IACnB,aAAU;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library102.js

@@ -0,0 +1,50 @@
+import { j as s } from "./sd-component-library169.js";
+import { Flex as i, Box as t } from "rebass";
+const g = ({
+  totalSteps: e,
+  currentStep: d,
+  variant: o,
+  ...r
+}) => {
+  const a = r.withBackgroundProps ? {
+    completed: {
+      background: r.completedBackground
+    },
+    remains: {
+      background: r.remainsBackground
+    }
+  } : {
+    completed: {
+      bg: r.completedColor || "cl_purple"
+    },
+    remains: {
+      bg: r.reaminsColor || "cl_lightGrey"
+    }
+  }, n = Math.max(0, Math.min(d, e));
+  return /* @__PURE__ */ s.jsxs(i, { ...r, sx: { width: "100%" }, "data-test": "progress-bar", children: [
+    /* @__PURE__ */ s.jsx(
+      t,
+      {
+        variant: `_progressBars.${o}.done`,
+        sx: {
+          width: `${n / e * 100}%`,
+          ...a.completed
+        }
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      t,
+      {
+        variant: `_progressBars.${o}.remains`,
+        sx: {
+          width: `${(1 - n / e) * 100}%`,
+          ...a.remains
+        }
+      }
+    )
+  ] });
+};
+export {
+  g as ProgressBar
+};
+//# sourceMappingURL=sd-component-library102.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library102.js","sources":["../src/components/progress-bars/progress-bar/progress-bar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ProgressBarProps } from \"./interfaces\";\n\n/**\n * Base progress bar component. Other progress components should be built from this.\n */\nexport const ProgressBar: React.FC<ProgressBarProps> = ({\n  totalSteps,\n  currentStep,\n  variant,\n  ...props\n}) => {\n  const backgroundProps = props.withBackgroundProps\n    ? {\n        completed: {\n          background: props.completedBackground,\n        },\n        remains: {\n          background: props.remainsBackground,\n        },\n      }\n    : {\n        completed: {\n          bg: props.completedColor || \"cl_purple\",\n        },\n        remains: {\n          bg: props.reaminsColor || \"cl_lightGrey\",\n        },\n      };\n\n  const displayedStep = Math.max(0, Math.min(currentStep, totalSteps));\n\n  return (\n    <Flex {...props} sx={{ width: \"100%\" }} data-test=\"progress-bar\">\n      <Box\n        variant={`_progressBars.${variant}.done`}\n        sx={{\n          width: `${(displayedStep / totalSteps) * 100}%`,\n          ...backgroundProps.completed,\n        }}\n      />\n      <Box\n        variant={`_progressBars.${variant}.remains`}\n        sx={{\n          width: `${(1 - displayedStep / totalSteps) * 100}%`,\n          ...backgroundProps.remains,\n        }}\n      />\n    </Flex>\n  );\n};\n"],"names":["ProgressBar","totalSteps","currentStep","variant","props","backgroundProps","displayedStep","jsxs","Flex","jsx","Box"],"mappings":";;AASO,MAAMA,IAA0C,CAAC;AAAA,EACtD,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAkBD,EAAM,sBAC1B;AAAA,IACE,WAAW;AAAA,MACT,YAAYA,EAAM;AAAA,IACpB;AAAA,IACA,SAAS;AAAA,MACP,YAAYA,EAAM;AAAA,IACpB;AAAA,EAAA,IAEF;AAAA,IACE,WAAW;AAAA,MACT,IAAIA,EAAM,kBAAkB;AAAA,IAC9B;AAAA,IACA,SAAS;AAAA,MACP,IAAIA,EAAM,gBAAgB;AAAA,IAC5B;AAAA,EAAA,GAGAE,IAAgB,KAAK,IAAI,GAAG,KAAK,IAAIJ,GAAaD,CAAU,CAAC;AAGjE,SAAAM,gBAAAA,OAACC,GAAM,EAAA,GAAGJ,GAAO,IAAI,EAAE,OAAO,OAAU,GAAA,aAAU,gBAChD,UAAA;AAAA,IAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,iBAAiBP,CAAO;AAAA,QACjC,IAAI;AAAA,UACF,OAAO,GAAIG,IAAgBL,IAAc,GAAG;AAAA,UAC5C,GAAGI,EAAgB;AAAA,QACrB;AAAA,MAAA;AAAA,IACF;AAAA,IACAI,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,iBAAiBP,CAAO;AAAA,QACjC,IAAI;AAAA,UACF,OAAO,IAAI,IAAIG,IAAgBL,KAAc,GAAG;AAAA,UAChD,GAAGI,EAAgB;AAAA,QACrB;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library103.js

@@ -0,0 +1,46 @@
+import { j as s } from "./sd-component-library169.js";
+import { Box as i } from "rebass";
+const c = ({
+  currentStep: e,
+  totalSteps: o,
+  height: r = "6px",
+  borderRadius: t = "3px",
+  baseColor: n = "cl_lightGrey",
+  activeColor: p = "cl_purple",
+  containerSx: a
+}) => {
+  const x = Math.max(0, Math.min(e, o));
+  return /* @__PURE__ */ s.jsx(
+    i,
+    {
+      sx: {
+        position: "relative",
+        height: r,
+        borderRadius: t,
+        bg: n,
+        ...a
+      },
+      "data-test": "rounded-progress-bar",
+      children: /* @__PURE__ */ s.jsx(
+        i,
+        {
+          sx: {
+            position: "absolute",
+            left: 0,
+            top: 0,
+            width: `${Math.floor(x / o * 100)}%`,
+            minWidth: `calc(${t} * 2)`,
+            height: r,
+            borderRadius: t,
+            bg: p,
+            transition: "width 1s"
+          }
+        }
+      )
+    }
+  );
+};
+export {
+  c as RoundedProgressBar
+};
+//# sourceMappingURL=sd-component-library103.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library103.js","sources":["../src/components/progress-bars/rounded-progress-bar/rounded-progress-bar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { RoundedProgressBarProps as Props } from \"./interfaces\";\n\nexport const RoundedProgressBar: React.FC<Props> = ({\n  currentStep,\n  totalSteps,\n  height = \"6px\",\n  borderRadius = \"3px\",\n  baseColor = \"cl_lightGrey\",\n  activeColor = \"cl_purple\",\n  containerSx,\n}) => {\n  const displayedStep = Math.max(0, Math.min(currentStep, totalSteps));\n\n  return (\n    <Box\n      sx={{\n        position: \"relative\",\n        height,\n        borderRadius,\n        bg: baseColor,\n        ...containerSx,\n      }}\n      data-test=\"rounded-progress-bar\"\n    >\n      <Box\n        sx={{\n          position: \"absolute\",\n          left: 0,\n          top: 0,\n          width: `${Math.floor((displayedStep / totalSteps) * 100)}%`,\n          minWidth: `calc(${borderRadius} * 2)`,\n          height,\n          borderRadius,\n          bg: activeColor,\n          transition: \"width 1s\",\n        }}\n      />\n    </Box>\n  );\n};\n"],"names":["RoundedProgressBar","currentStep","totalSteps","height","borderRadius","baseColor","activeColor","containerSx","displayedStep","jsx","Box"],"mappings":";;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,aAAAC;AACF,MAAM;AACE,QAAAC,IAAgB,KAAK,IAAI,GAAG,KAAK,IAAIP,GAAaC,CAAU,CAAC;AAGjE,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAAP;AAAA,QACA,cAAAC;AAAA,QACA,IAAIC;AAAA,QACJ,GAAGE;AAAA,MACL;AAAA,MACA,aAAU;AAAA,MAEV,UAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,UAAU;AAAA,YACV,MAAM;AAAA,YACN,KAAK;AAAA,YACL,OAAO,GAAG,KAAK,MAAOF,IAAgBN,IAAc,GAAG,CAAC;AAAA,YACxD,UAAU,QAAQE,CAAY;AAAA,YAC9B,QAAAD;AAAA,YACA,cAAAC;AAAA,YACA,IAAIE;AAAA,YACJ,YAAY;AAAA,UACd;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library104.js

@@ -0,0 +1,39 @@
+import { j as i } from "./sd-component-library169.js";
+import { Flex as n } from "rebass";
+import { ProgressStep as x } from "./sd-component-library172.js";
+const g = ({
+  height: t,
+  steps: s,
+  step: p,
+  onStepClick: o,
+  ...m
+}) => {
+  const a = (e) => o ? () => o(e + 1) : void 0;
+  return /* @__PURE__ */ i.jsx(
+    n,
+    {
+      ...m,
+      sx: {
+        position: "relative",
+        pl: t || 16,
+        "> *": {
+          width: [100 / (s - 1) + "%"]
+        }
+      },
+      "data-testid": "progress-steps",
+      children: [...Array(s)].map((e, r) => /* @__PURE__ */ i.jsx(
+        x,
+        {
+          active: r < p,
+          height: t || 16,
+          onClick: a(r)
+        },
+        r
+      ))
+    }
+  );
+};
+export {
+  g as ProgressSteps
+};
+//# sourceMappingURL=sd-component-library104.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library104.js","sources":["../src/components/progress-steps/progress-steps.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { ProgressStepsProps } from \"./interfaces\";\nimport { ProgressStep } from \"./progress-step\";\n\n/**\n * Progress bar component. Accept step and steps attributes.\n */\nexport const ProgressSteps: React.FC<ProgressStepsProps> = ({\n  height,\n  steps,\n  step,\n  onStepClick,\n  ...props\n}) => {\n  const getOnStepClick = (idx: number) =>\n    onStepClick ? () => onStepClick(idx + 1) : undefined;\n  return (\n    <Flex\n      {...props}\n      sx={{\n        position: \"relative\",\n        pl: height || 16,\n        \"> *\": {\n          width: [100 / (steps - 1) + \"%\"],\n        },\n      }}\n      data-testid=\"progress-steps\"\n    >\n      {[...Array(steps)].map((_, i) => (\n        <ProgressStep\n          key={i}\n          active={i < step}\n          height={height || 16}\n          onClick={getOnStepClick(i)}\n        />\n      ))}\n    </Flex>\n  );\n};\n"],"names":["ProgressSteps","height","steps","step","onStepClick","props","getOnStepClick","idx","jsx","Flex","_","i","ProgressStep"],"mappings":";;;AAUO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAiB,CAACC,MACtBH,IAAc,MAAMA,EAAYG,IAAM,CAAC,IAAI;AAE3C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,IAAIJ,KAAU;AAAA,QACd,OAAO;AAAA,UACL,OAAO,CAAC,OAAOC,IAAQ,KAAK,GAAG;AAAA,QACjC;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MAEX,UAAA,CAAC,GAAG,MAAMA,CAAK,CAAC,EAAE,IAAI,CAACQ,GAAGC,MACzBH,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UAEC,QAAQD,IAAIR;AAAA,UACZ,QAAQF,KAAU;AAAA,UAClB,SAASK,EAAeK,CAAC;AAAA,QAAA;AAAA,QAHpBA;AAAA,MAAA,CAKR;AAAA,IAAA;AAAA,EAAA;AAGP;"}