@selfdecode/sd-component-library 4.0.128 → 4.0.129

package/lib/sd-component-library34.js

@@ -1,25 +1,23 @@
-import { j as i } from "./sd-component-library199.js";
-import { CheckboxV2Container as x } from "./sd-component-library33.js";
-const d = ({
-  value: o,
-  onChange: r,
-  isHoverCheckbox: c,
-  bg: e = "cl_white",
-  ...n
-}) => {
-  const t = () => r(o !== "checked" ? "checked" : "unchecked"), h = c && o === "unchecked";
-  return /* @__PURE__ */ i.jsx(
-    x,
-    {
-      onClick: t,
-      showInnerBox: o !== "unchecked",
-      showHoverCheckbox: h,
-      innerBoxSx: o === "partial" ? { borderTopColor: e, borderLeftColor: e } : void 0,
-      ...n
-    }
-  );
-};
+import { j as n } from "./sd-component-library197.js";
+import o from "react";
+import { Flex as r } from "rebass";
+const a = o.forwardRef(
+  (e, t) => /* @__PURE__ */ n.jsx(r, { justifyContent: "space-between", ...e, ref: t })
+), s = o.forwardRef(
+  (e, t) => /* @__PURE__ */ n.jsx(r, { alignItems: "center", ...e, ref: t })
+), j = o.forwardRef((e, t) => /* @__PURE__ */ n.jsx(s, { justifyContent: "space-between", ...e, ref: t })), l = o.forwardRef(
+  (e, t) => /* @__PURE__ */ n.jsx(s, { justifyContent: "center", ...e, ref: t })
+), i = o.forwardRef(
+  (e, t) => /* @__PURE__ */ n.jsx(r, { justifyContent: "center", ...e, ref: t })
+), m = o.forwardRef(
+  (e, t) => /* @__PURE__ */ n.jsx(r, { flexDirection: "column", ...e, ref: t })
+);
 export {
-  d as PartialCheckboxV2
+  l as FlexCenter,
+  j as FlexCenterSpaceBetween,
+  m as FlexColumn,
+  i as FlexContentCenter,
+  s as FlexItemsCenter,
+  a as FlexSpaceBetween
 };
 //# sourceMappingURL=sd-component-library34.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library34.js","sources":["../src/components/checkboxes/partial-checkbox-v2/partial-checkbox-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CheckboxV2Container } from \"../checkbox-v2\";\nimport { PartialCheckboxV2Props as Props } from \"./interfaces\";\n\nexport const PartialCheckboxV2: React.FC<Props> = ({\n  value,\n  onChange,\n  isHoverCheckbox,\n  bg = \"cl_white\",\n  ...containerProps\n}) => {\n  const onClick = () => onChange(value !== \"checked\" ? \"checked\" : \"unchecked\");\n  const showHoverCheckbox = isHoverCheckbox && value === \"unchecked\";\n\n  return (\n    <CheckboxV2Container\n      onClick={onClick}\n      showInnerBox={value !== \"unchecked\"}\n      showHoverCheckbox={showHoverCheckbox}\n      innerBoxSx={\n        value === \"partial\"\n          ? { borderTopColor: bg, borderLeftColor: bg }\n          : undefined\n      }\n      {...containerProps}\n    />\n  );\n};\n"],"names":["PartialCheckboxV2","value","onChange","isHoverCheckbox","bg","containerProps","onClick","showHoverCheckbox","jsx","CheckboxV2Container"],"mappings":";;AAKO,MAAMA,IAAqC,CAAC;AAAA,EACjD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU,MAAMJ,EAASD,MAAU,YAAY,YAAY,WAAW,GACtEM,IAAoBJ,KAAmBF,MAAU;AAGrD,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAH;AAAA,MACA,cAAcL,MAAU;AAAA,MACxB,mBAAAM;AAAA,MACA,YACEN,MAAU,YACN,EAAE,gBAAgBG,GAAI,iBAAiBA,EACvC,IAAA;AAAA,MAEL,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"sd-component-library34.js","sources":["../src/components/containers/flex-containers/flex-containers.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex, FlexProps } from \"rebass\";\n\nexport const FlexSpaceBetween = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => <Flex justifyContent=\"space-between\" {...props} ref={ref} />\n);\n\nexport const FlexItemsCenter = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => <Flex alignItems=\"center\" {...props} ref={ref} />\n);\n\nexport const FlexCenterSpaceBetween = React.forwardRef<\n  HTMLDivElement,\n  FlexProps\n>((props, ref) => (\n  <FlexItemsCenter justifyContent=\"space-between\" {...props} ref={ref} />\n));\n\nexport const FlexCenter = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => (\n    <FlexItemsCenter justifyContent=\"center\" {...props} ref={ref} />\n  )\n);\n\nexport const FlexContentCenter = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => <Flex justifyContent=\"center\" {...props} ref={ref} />\n);\n\nexport const FlexColumn = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => <Flex flexDirection=\"column\" {...props} ref={ref} />\n);\n"],"names":["FlexSpaceBetween","React","props","ref","jsx","Flex","FlexItemsCenter","FlexCenterSpaceBetween","FlexCenter","FlexContentCenter","FlexColumn"],"mappings":";;;AAIO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACC,KAAK,gBAAe,iBAAiB,GAAGH,GAAO,KAAAC,GAAU;AAC5E,GAEaG,IAAkBL,EAAM;AAAA,EACnC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACC,KAAK,YAAW,UAAU,GAAGH,GAAO,KAAAC,GAAU;AACjE,GAEaI,IAAyBN,EAAM,WAG1C,CAACC,GAAOC,MACPC,gBAAAA,EAAA,IAAAE,GAAA,EAAgB,gBAAe,iBAAiB,GAAGJ,GAAO,KAAAC,EAAU,CAAA,CACtE,GAEYK,IAAaP,EAAM;AAAA,EAC9B,CAACC,GAAOC,MACNC,gBAAAA,EAAAA,IAACE,KAAgB,gBAAe,UAAU,GAAGJ,GAAO,KAAAC,GAAU;AAElE,GAEaM,IAAoBR,EAAM;AAAA,EACrC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACC,KAAK,gBAAe,UAAU,GAAGH,GAAO,KAAAC,GAAU;AACrE,GAEaO,IAAaT,EAAM;AAAA,EAC9B,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACC,KAAK,eAAc,UAAU,GAAGH,GAAO,KAAAC,GAAU;AACpE;"}

package/lib/sd-component-library35.js

@@ -1,21 +1,67 @@
-import { j as i } from "./sd-component-library199.js";
-import n from "react";
-import { MaxWidthContainer as a } from "./sd-component-library46.js";
-const m = n.forwardRef(
-  (r, t) => {
-    const { bgSx: o, children: e, ...x } = r;
-    return /* @__PURE__ */ i.jsx(
-      a,
-      {
-        bgSx: { px: "25px", ...o },
-        ...x,
-        ref: t,
-        children: e
-      }
-    );
-  }
-);
+import { j as B } from "./sd-component-library197.js";
+import { Box as T } from "rebass";
+const G = (t) => {
+  const {
+    children: r,
+    gridTemplateColumns: e,
+    gridTemplateRows: i,
+    width: o = "100%",
+    height: s = "100%",
+    alignItems: d = "center",
+    alignContent: n,
+    justifyItems: m,
+    justifyContent: a,
+    gap: l,
+    p,
+    borderColor: g,
+    borderStyle: b,
+    borderWidth: x,
+    borderRadius: u,
+    bg: c,
+    m: f,
+    mt: h,
+    mr: j,
+    mb: C,
+    ml: y,
+    id: I,
+    zIndex: R,
+    ...w
+  } = t;
+  return /* @__PURE__ */ B.jsx(
+    T,
+    {
+      "data-testid": "base-grid-container",
+      ...w,
+      id: I,
+      sx: {
+        display: "grid",
+        width: o,
+        height: s,
+        p,
+        gap: l,
+        gridTemplateColumns: e,
+        gridTemplateRows: i,
+        alignItems: d,
+        alignContent: n,
+        justifyItems: m,
+        justifyContent: a,
+        borderColor: g,
+        borderStyle: b,
+        borderWidth: x,
+        borderRadius: u,
+        bg: c,
+        m: f,
+        mt: h,
+        mr: j,
+        mb: C,
+        ml: y,
+        zIndex: R
+      },
+      children: r
+    }
+  );
+};
 export {
-  m as MaxWidthContainerV2
+  G as BaseGridContainer
 };
 //# sourceMappingURL=sd-component-library35.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library35.js","sources":["../src/components/containers/max-width-container-v2/max-width-container-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MaxWidthContainer } from \"../max-width-container\";\nimport { MaxWidthContainerProps as Props } from \"../max-width-container\";\n\nexport const MaxWidthContainerV2 = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    const { bgSx, children, ...restOfProps } = props;\n    return (\n      <MaxWidthContainer\n        bgSx={{ px: \"25px\", ...bgSx }}\n        {...restOfProps}\n        ref={ref}\n      >\n        {children}\n      </MaxWidthContainer>\n    );\n  }\n);\n"],"names":["MaxWidthContainerV2","React","props","ref","bgSx","children","restOfProps","jsx","MaxWidthContainer"],"mappings":";;;AAKO,MAAMA,IAAsBC,EAAM;AAAA,EACvC,CAACC,GAAOC,MAAQ;AACd,UAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,GAAGC,MAAgBJ;AAEzC,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAM,EAAE,IAAI,QAAQ,GAAGJ,EAAK;AAAA,QAC3B,GAAGE;AAAA,QACJ,KAAAH;AAAA,QAEC,UAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"sd-component-library35.js","sources":["../src/components/containers/grid-containers/base-grid-container/base-grid-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseGridContainerProps } from \"./interfaces\";\n\n/**\n * Base grid container component.\n * @deprecated use Grid instead\n */\nexport const BaseGridContainer: React.FC<BaseGridContainerProps> = (props) => {\n  const {\n    children,\n    gridTemplateColumns,\n    gridTemplateRows,\n    width = \"100%\",\n    height = \"100%\",\n    alignItems = \"center\",\n    alignContent,\n    justifyItems,\n    justifyContent,\n    gap,\n    p,\n    borderColor,\n    borderStyle,\n    borderWidth,\n    borderRadius,\n    bg,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    id,\n    zIndex,\n    ...restOfProps\n  } = props;\n  return (\n    <Box\n      data-testid=\"base-grid-container\"\n      {...restOfProps}\n      id={id}\n      sx={{\n        display: \"grid\",\n        width,\n        height,\n        p,\n        gap,\n        gridTemplateColumns,\n        gridTemplateRows,\n        alignItems,\n        alignContent,\n        justifyItems,\n        justifyContent,\n        borderColor,\n        borderStyle,\n        borderWidth,\n        borderRadius,\n        bg,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        zIndex,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["BaseGridContainer","props","children","gridTemplateColumns","gridTemplateRows","width","height","alignItems","alignContent","justifyItems","justifyContent","gap","borderColor","borderStyle","borderWidth","borderRadius","bg","m","mt","mr","mb","ml","id","zIndex","restOfProps","jsx","Box"],"mappings":";;AAUa,MAAAA,IAAsD,CAACC,MAAU;AACtE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,YAAAC,IAAa;AAAA,IACb,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAvB;AAEF,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGF;AAAA,MACJ,IAAAF;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,OAAAjB;AAAA,QACA,QAAAC;AAAA,QACA;AAAA,QACA,KAAAK;AAAA,QACA,qBAAAR;AAAA,QACA,kBAAAC;AAAA,QACA,YAAAG;AAAA,QACA,cAAAC;AAAA,QACA,cAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,aAAAE;AAAA,QACA,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,cAAAC;AAAA,QACA,IAAAC;AAAA,QACA,GAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,QAAAE;AAAA,MACF;AAAA,MAEC,UAAArB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library36.js

@@ -1,23 +1,57 @@
-import { j as n } from "./sd-component-library199.js";
-import o from "react";
-import { Flex as r } from "rebass";
-const a = o.forwardRef(
-  (e, t) => /* @__PURE__ */ n.jsx(r, { justifyContent: "space-between", ...e, ref: t })
-), s = o.forwardRef(
-  (e, t) => /* @__PURE__ */ n.jsx(r, { alignItems: "center", ...e, ref: t })
-), j = o.forwardRef((e, t) => /* @__PURE__ */ n.jsx(s, { justifyContent: "space-between", ...e, ref: t })), l = o.forwardRef(
-  (e, t) => /* @__PURE__ */ n.jsx(s, { justifyContent: "center", ...e, ref: t })
-), i = o.forwardRef(
-  (e, t) => /* @__PURE__ */ n.jsx(r, { justifyContent: "center", ...e, ref: t })
-), m = o.forwardRef(
-  (e, t) => /* @__PURE__ */ n.jsx(r, { flexDirection: "column", ...e, ref: t })
-);
+import { j as y } from "./sd-component-library197.js";
+import { BaseGridContainer as R } from "./sd-component-library35.js";
+function I(r) {
+  const {
+    children: t,
+    gridTemplateRows: e,
+    width: o,
+    height: i,
+    alignItems: n,
+    alignContent: m,
+    justifyItems: a,
+    justifyContent: s,
+    gap: d,
+    p: l,
+    borderColor: p,
+    borderStyle: f,
+    borderWidth: g,
+    borderRadius: u,
+    bg: b,
+    m: C,
+    mt: h,
+    mr: j,
+    mb: c,
+    ml: x
+  } = r;
+  return /* @__PURE__ */ y.jsx(
+    R,
+    {
+      gridTemplateRows: e,
+      width: o,
+      height: i,
+      alignItems: n,
+      alignContent: m,
+      justifyItems: a,
+      justifyContent: s,
+      gap: d,
+      p: l,
+      borderColor: p,
+      borderStyle: f,
+      borderWidth: g,
+      borderRadius: u,
+      bg: b,
+      m: C,
+      mt: h,
+      mr: j,
+      mb: c,
+      ml: x,
+      gridTemplateColumns: ["repeat(2, 1fr)"],
+      "data-test": "fr-fr-container",
+      children: t
+    }
+  );
+}
 export {
-  l as FlexCenter,
-  j as FlexCenterSpaceBetween,
-  m as FlexColumn,
-  i as FlexContentCenter,
-  s as FlexItemsCenter,
-  a as FlexSpaceBetween
+  I as FrFrContainer
 };
 //# sourceMappingURL=sd-component-library36.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library36.js","sources":["../src/components/containers/flex-containers/flex-containers.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex, FlexProps } from \"rebass\";\n\nexport const FlexSpaceBetween = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => <Flex justifyContent=\"space-between\" {...props} ref={ref} />\n);\n\nexport const FlexItemsCenter = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => <Flex alignItems=\"center\" {...props} ref={ref} />\n);\n\nexport const FlexCenterSpaceBetween = React.forwardRef<\n  HTMLDivElement,\n  FlexProps\n>((props, ref) => (\n  <FlexItemsCenter justifyContent=\"space-between\" {...props} ref={ref} />\n));\n\nexport const FlexCenter = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => (\n    <FlexItemsCenter justifyContent=\"center\" {...props} ref={ref} />\n  )\n);\n\nexport const FlexContentCenter = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => <Flex justifyContent=\"center\" {...props} ref={ref} />\n);\n\nexport const FlexColumn = React.forwardRef<HTMLDivElement, FlexProps>(\n  (props, ref) => <Flex flexDirection=\"column\" {...props} ref={ref} />\n);\n"],"names":["FlexSpaceBetween","React","props","ref","jsx","Flex","FlexItemsCenter","FlexCenterSpaceBetween","FlexCenter","FlexContentCenter","FlexColumn"],"mappings":";;;AAIO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACC,KAAK,gBAAe,iBAAiB,GAAGH,GAAO,KAAAC,GAAU;AAC5E,GAEaG,IAAkBL,EAAM;AAAA,EACnC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACC,KAAK,YAAW,UAAU,GAAGH,GAAO,KAAAC,GAAU;AACjE,GAEaI,IAAyBN,EAAM,WAG1C,CAACC,GAAOC,MACPC,gBAAAA,EAAA,IAAAE,GAAA,EAAgB,gBAAe,iBAAiB,GAAGJ,GAAO,KAAAC,EAAU,CAAA,CACtE,GAEYK,IAAaP,EAAM;AAAA,EAC9B,CAACC,GAAOC,MACNC,gBAAAA,EAAAA,IAACE,KAAgB,gBAAe,UAAU,GAAGJ,GAAO,KAAAC,GAAU;AAElE,GAEaM,IAAoBR,EAAM;AAAA,EACrC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACC,KAAK,gBAAe,UAAU,GAAGH,GAAO,KAAAC,GAAU;AACrE,GAEaO,IAAaT,EAAM;AAAA,EAC9B,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACC,KAAK,eAAc,UAAU,GAAGH,GAAO,KAAAC,GAAU;AACpE;"}
+{"version":3,"file":"sd-component-library36.js","sources":["../src/components/containers/grid-containers/fr-fr-container/fr-fr-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../base-grid-container\";\nimport { FrFrContainerProps } from \"./interfaces\";\n\n/**\n * Grid container component with two 1fr columns.\n * @deprecated use Grid instead\n */\nexport function FrFrContainer(\n  props: FrFrContainerProps\n): React.ReactElement<FrFrContainerProps> {\n  const {\n    children,\n    gridTemplateRows,\n    width,\n    height,\n    alignItems,\n    alignContent,\n    justifyItems,\n    justifyContent,\n    gap,\n    p,\n    borderColor,\n    borderStyle,\n    borderWidth,\n    borderRadius,\n    bg,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n  } = props;\n  return (\n    <BaseGridContainer\n      gridTemplateRows={gridTemplateRows}\n      width={width}\n      height={height}\n      alignItems={alignItems}\n      alignContent={alignContent}\n      justifyItems={justifyItems}\n      justifyContent={justifyContent}\n      gap={gap}\n      p={p}\n      borderColor={borderColor}\n      borderStyle={borderStyle}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      bg={bg}\n      m={m}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      gridTemplateColumns={[\"repeat(2, 1fr)\"]}\n      data-test=\"fr-fr-container\"\n    >\n      {children}\n    </BaseGridContainer>\n  );\n}\n"],"names":["FrFrContainer","props","children","gridTemplateRows","width","height","alignItems","alignContent","justifyItems","justifyContent","gap","p","borderColor","borderStyle","borderWidth","borderRadius","bg","m","mt","mr","mb","ml","jsx","BaseGridContainer"],"mappings":";;AASO,SAASA,EACdC,GACwC;AAClC,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAApB;AAEF,SAAAqB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,kBAAApB;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,KAAAC;AAAA,MACA,GAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,IAAAC;AAAA,MACA,GAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,qBAAqB,CAAC,gBAAgB;AAAA,MACtC,aAAU;AAAA,MAET,UAAAnB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library37.js

@@ -1,67 +1,57 @@
-import { j as B } from "./sd-component-library199.js";
-import { Box as T } from "rebass";
-const G = (t) => {
+import { j as y } from "./sd-component-library197.js";
+import { BaseGridContainer as R } from "./sd-component-library35.js";
+function T(t) {
   const {
     children: r,
-    gridTemplateColumns: e,
-    gridTemplateRows: i,
-    width: o = "100%",
-    height: s = "100%",
-    alignItems: d = "center",
-    alignContent: n,
-    justifyItems: m,
-    justifyContent: a,
-    gap: l,
-    p,
-    borderColor: g,
-    borderStyle: b,
-    borderWidth: x,
+    gridTemplateRows: e,
+    width: o,
+    height: n,
+    alignItems: i,
+    alignContent: m,
+    justifyItems: a,
+    justifyContent: s,
+    gap: d,
+    p: l,
+    borderColor: p,
+    borderStyle: f,
+    borderWidth: g,
     borderRadius: u,
-    bg: c,
-    m: f,
-    mt: h,
-    mr: j,
-    mb: C,
-    ml: y,
-    id: I,
-    zIndex: R,
-    ...w
+    bg: x,
+    m: b,
+    mt: C,
+    mr: c,
+    mb: h,
+    ml: j
   } = t;
-  return /* @__PURE__ */ B.jsx(
-    T,
+  return /* @__PURE__ */ y.jsx(
+    R,
     {
-      "data-testid": "base-grid-container",
-      ...w,
-      id: I,
-      sx: {
-        display: "grid",
-        width: o,
-        height: s,
-        p,
-        gap: l,
-        gridTemplateColumns: e,
-        gridTemplateRows: i,
-        alignItems: d,
-        alignContent: n,
-        justifyItems: m,
-        justifyContent: a,
-        borderColor: g,
-        borderStyle: b,
-        borderWidth: x,
-        borderRadius: u,
-        bg: c,
-        m: f,
-        mt: h,
-        mr: j,
-        mb: C,
-        ml: y,
-        zIndex: R
-      },
+      gridTemplateRows: e,
+      width: o,
+      height: n,
+      alignItems: i,
+      alignContent: m,
+      justifyItems: a,
+      justifyContent: s,
+      gap: d,
+      p: l,
+      borderColor: p,
+      borderStyle: f,
+      borderWidth: g,
+      borderRadius: u,
+      bg: x,
+      m: b,
+      mt: C,
+      mr: c,
+      mb: h,
+      ml: j,
+      gridTemplateColumns: ["1fr max-content"],
+      "data-test": "fr-max-container",
       children: r
     }
   );
-};
+}
 export {
-  G as BaseGridContainer
+  T as FrMaxContainer
 };
 //# sourceMappingURL=sd-component-library37.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library37.js","sources":["../src/components/containers/grid-containers/base-grid-container/base-grid-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseGridContainerProps } from \"./interfaces\";\n\n/**\n * Base grid container component.\n * @deprecated use Grid instead\n */\nexport const BaseGridContainer: React.FC<BaseGridContainerProps> = (props) => {\n  const {\n    children,\n    gridTemplateColumns,\n    gridTemplateRows,\n    width = \"100%\",\n    height = \"100%\",\n    alignItems = \"center\",\n    alignContent,\n    justifyItems,\n    justifyContent,\n    gap,\n    p,\n    borderColor,\n    borderStyle,\n    borderWidth,\n    borderRadius,\n    bg,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    id,\n    zIndex,\n    ...restOfProps\n  } = props;\n  return (\n    <Box\n      data-testid=\"base-grid-container\"\n      {...restOfProps}\n      id={id}\n      sx={{\n        display: \"grid\",\n        width,\n        height,\n        p,\n        gap,\n        gridTemplateColumns,\n        gridTemplateRows,\n        alignItems,\n        alignContent,\n        justifyItems,\n        justifyContent,\n        borderColor,\n        borderStyle,\n        borderWidth,\n        borderRadius,\n        bg,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        zIndex,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["BaseGridContainer","props","children","gridTemplateColumns","gridTemplateRows","width","height","alignItems","alignContent","justifyItems","justifyContent","gap","borderColor","borderStyle","borderWidth","borderRadius","bg","m","mt","mr","mb","ml","id","zIndex","restOfProps","jsx","Box"],"mappings":";;AAUa,MAAAA,IAAsD,CAACC,MAAU;AACtE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,YAAAC,IAAa;AAAA,IACb,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAvB;AAEF,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGF;AAAA,MACJ,IAAAF;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,OAAAjB;AAAA,QACA,QAAAC;AAAA,QACA;AAAA,QACA,KAAAK;AAAA,QACA,qBAAAR;AAAA,QACA,kBAAAC;AAAA,QACA,YAAAG;AAAA,QACA,cAAAC;AAAA,QACA,cAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,aAAAE;AAAA,QACA,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,cAAAC;AAAA,QACA,IAAAC;AAAA,QACA,GAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,QAAAE;AAAA,MACF;AAAA,MAEC,UAAArB;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library37.js","sources":["../src/components/containers/grid-containers/fr-max-container/fr-max-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../base-grid-container\";\nimport { FrMaxContainerProps } from \"./interfaces\";\n\n/**\n * Grid container component with 1fr and max-content columns.\n * @deprecated use Grid instead\n */\nexport function FrMaxContainer(\n  props: FrMaxContainerProps\n): React.ReactElement<FrMaxContainerProps> {\n  const {\n    children,\n    gridTemplateRows,\n    width,\n    height,\n    alignItems,\n    alignContent,\n    justifyItems,\n    justifyContent,\n    gap,\n    p,\n    borderColor,\n    borderStyle,\n    borderWidth,\n    borderRadius,\n    bg,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n  } = props;\n  return (\n    <BaseGridContainer\n      gridTemplateRows={gridTemplateRows}\n      width={width}\n      height={height}\n      alignItems={alignItems}\n      alignContent={alignContent}\n      justifyItems={justifyItems}\n      justifyContent={justifyContent}\n      gap={gap}\n      p={p}\n      borderColor={borderColor}\n      borderStyle={borderStyle}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      bg={bg}\n      m={m}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      gridTemplateColumns={[\"1fr max-content\"]}\n      data-test=\"fr-max-container\"\n    >\n      {children}\n    </BaseGridContainer>\n  );\n}\n"],"names":["FrMaxContainer","props","children","gridTemplateRows","width","height","alignItems","alignContent","justifyItems","justifyContent","gap","p","borderColor","borderStyle","borderWidth","borderRadius","bg","m","mt","mr","mb","ml","jsx","BaseGridContainer"],"mappings":";;AASO,SAASA,EACdC,GACyC;AACnC,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAApB;AAEF,SAAAqB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,kBAAApB;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,KAAAC;AAAA,MACA,GAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,IAAAC;AAAA,MACA,GAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,qBAAqB,CAAC,iBAAiB;AAAA,MACvC,aAAU;AAAA,MAET,UAAAnB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library38.js

@@ -1,57 +1,22 @@
-import { j as y } from "./sd-component-library199.js";
-import { BaseGridContainer as R } from "./sd-component-library37.js";
-function I(r) {
-  const {
-    children: t,
-    gridTemplateRows: e,
-    width: o,
-    height: i,
-    alignItems: n,
-    alignContent: m,
-    justifyItems: a,
-    justifyContent: s,
-    gap: d,
-    p: l,
-    borderColor: p,
-    borderStyle: f,
-    borderWidth: g,
-    borderRadius: u,
-    bg: b,
-    m: C,
-    mt: h,
-    mr: j,
-    mb: c,
-    ml: x
-  } = r;
-  return /* @__PURE__ */ y.jsx(
-    R,
-    {
-      gridTemplateRows: e,
-      width: o,
-      height: i,
-      alignItems: n,
-      alignContent: m,
-      justifyItems: a,
-      justifyContent: s,
-      gap: d,
-      p: l,
-      borderColor: p,
-      borderStyle: f,
-      borderWidth: g,
-      borderRadius: u,
-      bg: b,
-      m: C,
-      mt: h,
-      mr: j,
-      mb: c,
-      ml: x,
-      gridTemplateColumns: ["repeat(2, 1fr)"],
-      "data-test": "fr-fr-container",
-      children: t
-    }
-  );
-}
+import { j as d } from "./sd-component-library197.js";
+import m from "react";
+import { Box as p } from "rebass";
+const g = m.forwardRef(
+  (r, t) => {
+    const { gap: o, gridTemplateColumns: e, gridTemplateRows: s, sx: a, ...i } = r;
+    return /* @__PURE__ */ d.jsx(
+      p,
+      {
+        display: "grid",
+        "data-testid": "grid-container-v2",
+        sx: { gap: o, gridTemplateColumns: e, gridTemplateRows: s, ...a },
+        ...i,
+        ref: t
+      }
+    );
+  }
+);
 export {
-  I as FrFrContainer
+  g as GridContainerV2
 };
 //# sourceMappingURL=sd-component-library38.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library38.js","sources":["../src/components/containers/grid-containers/fr-fr-container/fr-fr-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../base-grid-container\";\nimport { FrFrContainerProps } from \"./interfaces\";\n\n/**\n * Grid container component with two 1fr columns.\n * @deprecated use Grid instead\n */\nexport function FrFrContainer(\n  props: FrFrContainerProps\n): React.ReactElement<FrFrContainerProps> {\n  const {\n    children,\n    gridTemplateRows,\n    width,\n    height,\n    alignItems,\n    alignContent,\n    justifyItems,\n    justifyContent,\n    gap,\n    p,\n    borderColor,\n    borderStyle,\n    borderWidth,\n    borderRadius,\n    bg,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n  } = props;\n  return (\n    <BaseGridContainer\n      gridTemplateRows={gridTemplateRows}\n      width={width}\n      height={height}\n      alignItems={alignItems}\n      alignContent={alignContent}\n      justifyItems={justifyItems}\n      justifyContent={justifyContent}\n      gap={gap}\n      p={p}\n      borderColor={borderColor}\n      borderStyle={borderStyle}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      bg={bg}\n      m={m}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      gridTemplateColumns={[\"repeat(2, 1fr)\"]}\n      data-test=\"fr-fr-container\"\n    >\n      {children}\n    </BaseGridContainer>\n  );\n}\n"],"names":["FrFrContainer","props","children","gridTemplateRows","width","height","alignItems","alignContent","justifyItems","justifyContent","gap","p","borderColor","borderStyle","borderWidth","borderRadius","bg","m","mt","mr","mb","ml","jsx","BaseGridContainer"],"mappings":";;AASO,SAASA,EACdC,GACwC;AAClC,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAApB;AAEF,SAAAqB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,kBAAApB;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,KAAAC;AAAA,MACA,GAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,IAAAC;AAAA,MACA,GAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,qBAAqB,CAAC,gBAAgB;AAAA,MACtC,aAAU;AAAA,MAET,UAAAnB;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library38.js","sources":["../src/components/containers/grid-containers/grid-container-v2/grid-container-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { GridContainerV2Props as Props } from \"./interfaces\";\n\nexport const GridContainerV2 = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    const { gap, gridTemplateColumns, gridTemplateRows, sx, ...baseProps } =\n      props;\n    return (\n      <Box\n        display=\"grid\"\n        data-testid=\"grid-container-v2\"\n        sx={{ gap, gridTemplateColumns, gridTemplateRows, ...sx }}\n        {...baseProps}\n        ref={ref}\n      />\n    );\n  }\n);\n"],"names":["GridContainerV2","React","props","ref","gap","gridTemplateColumns","gridTemplateRows","sx","baseProps","jsx","Box"],"mappings":";;;AAMO,MAAMA,IAAkBC,EAAM;AAAA,EACnC,CAACC,GAAOC,MAAQ;AACd,UAAM,EAAE,KAAAC,GAAK,qBAAAC,GAAqB,kBAAAC,GAAkB,IAAAC,GAAI,GAAGC,EACzD,IAAAN;AAEA,WAAAO,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,eAAY;AAAA,QACZ,IAAI,EAAE,KAAAN,GAAK,qBAAAC,GAAqB,kBAAAC,GAAkB,GAAGC,EAAG;AAAA,QACvD,GAAGC;AAAA,QACJ,KAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/lib/sd-component-library39.js

@@ -1,5 +1,5 @@
-import { j as y } from "./sd-component-library199.js";
-import { BaseGridContainer as R } from "./sd-component-library37.js";
+import { j as y } from "./sd-component-library197.js";
+import { BaseGridContainer as R } from "./sd-component-library35.js";
 function T(t) {
   const {
     children: r,
@@ -45,13 +45,13 @@ function T(t) {
       mr: c,
       mb: h,
       ml: j,
-      gridTemplateColumns: ["1fr max-content"],
-      "data-test": "fr-max-container",
+      gridTemplateColumns: ["max-content 1fr"],
+      "data-test": "max-fr-container",
       children: r
     }
   );
 }
 export {
-  T as FrMaxContainer
+  T as MaxFrContainer
 };
 //# sourceMappingURL=sd-component-library39.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library39.js","sources":["../src/components/containers/grid-containers/fr-max-container/fr-max-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../base-grid-container\";\nimport { FrMaxContainerProps } from \"./interfaces\";\n\n/**\n * Grid container component with 1fr and max-content columns.\n * @deprecated use Grid instead\n */\nexport function FrMaxContainer(\n  props: FrMaxContainerProps\n): React.ReactElement<FrMaxContainerProps> {\n  const {\n    children,\n    gridTemplateRows,\n    width,\n    height,\n    alignItems,\n    alignContent,\n    justifyItems,\n    justifyContent,\n    gap,\n    p,\n    borderColor,\n    borderStyle,\n    borderWidth,\n    borderRadius,\n    bg,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n  } = props;\n  return (\n    <BaseGridContainer\n      gridTemplateRows={gridTemplateRows}\n      width={width}\n      height={height}\n      alignItems={alignItems}\n      alignContent={alignContent}\n      justifyItems={justifyItems}\n      justifyContent={justifyContent}\n      gap={gap}\n      p={p}\n      borderColor={borderColor}\n      borderStyle={borderStyle}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      bg={bg}\n      m={m}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      gridTemplateColumns={[\"1fr max-content\"]}\n      data-test=\"fr-max-container\"\n    >\n      {children}\n    </BaseGridContainer>\n  );\n}\n"],"names":["FrMaxContainer","props","children","gridTemplateRows","width","height","alignItems","alignContent","justifyItems","justifyContent","gap","p","borderColor","borderStyle","borderWidth","borderRadius","bg","m","mt","mr","mb","ml","jsx","BaseGridContainer"],"mappings":";;AASO,SAASA,EACdC,GACyC;AACnC,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAApB;AAEF,SAAAqB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,kBAAApB;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,KAAAC;AAAA,MACA,GAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,IAAAC;AAAA,MACA,GAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,qBAAqB,CAAC,iBAAiB;AAAA,MACvC,aAAU;AAAA,MAET,UAAAnB;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library39.js","sources":["../src/components/containers/grid-containers/max-fr-container/max-fr-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../base-grid-container\";\nimport { MaxFrContainerProps } from \"./interfaces\";\n\n/**\n * Grid container component with max-content and 1fr columns.\n * @deprecated use Grid instead\n */\nexport function MaxFrContainer(\n  props: MaxFrContainerProps\n): React.ReactElement<MaxFrContainerProps> {\n  const {\n    children,\n    gridTemplateRows,\n    width,\n    height,\n    alignItems,\n    alignContent,\n    justifyItems,\n    justifyContent,\n    gap,\n    p,\n    borderColor,\n    borderStyle,\n    borderWidth,\n    borderRadius,\n    bg,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n  } = props;\n  return (\n    <BaseGridContainer\n      gridTemplateRows={gridTemplateRows}\n      width={width}\n      height={height}\n      alignItems={alignItems}\n      alignContent={alignContent}\n      justifyItems={justifyItems}\n      justifyContent={justifyContent}\n      gap={gap}\n      p={p}\n      borderColor={borderColor}\n      borderStyle={borderStyle}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      bg={bg}\n      m={m}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      gridTemplateColumns={[\"max-content 1fr\"]}\n      data-test=\"max-fr-container\"\n    >\n      {children}\n    </BaseGridContainer>\n  );\n}\n"],"names":["MaxFrContainer","props","children","gridTemplateRows","width","height","alignItems","alignContent","justifyItems","justifyContent","gap","p","borderColor","borderStyle","borderWidth","borderRadius","bg","m","mt","mr","mb","ml","jsx","BaseGridContainer"],"mappings":";;AASO,SAASA,EACdC,GACyC;AACnC,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAApB;AAEF,SAAAqB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,kBAAApB;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,KAAAC;AAAA,MACA,GAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,IAAAC;AAAA,MACA,GAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,qBAAqB,CAAC,iBAAiB;AAAA,MACvC,aAAU;AAAA,MAET,UAAAnB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library4.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library4.js","sources":["../src/core/functions.ts"],"sourcesContent":["import { mean } from \"lodash-es\";\n\nimport { translatedTextSuffix } from \"./constants\";\n\nexport const isIOS = () =>\n  navigator.platform\n    ? new RegExp(\"iPad|iPhone|iPod\").test(navigator.platform)\n    : navigator.userAgent.includes(\"Mac\") && \"ontouchstart\" in window;\n\nexport const isTouchScreen = () =>\n  \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n\nexport const getResponsiveClick = (callback: () => void) => {\n  const shouldUseTouch = isTouchScreen();\n\n  return {\n    shouldUseTouch,\n    onClick: shouldUseTouch ? undefined : callback,\n    onTouchStart: shouldUseTouch ? callback : undefined,\n  };\n};\n\nexport const isPDFFlow = () => !!(window as any).pdfPreferences;\n\nexport const getPdfSensibleStylesArray = <T>(styles: T[]) => {\n  const isPdf = isPDFFlow();\n  return isPdf ? styles.slice(-1) : styles;\n};\n\nexport const getPdfSafeStyles = <T extends object>(obj: T) => {\n  const isPdf = isPDFFlow();\n  if (!isPdf) return obj;\n};\n\ntype FunctionArgs<T> = T extends (...args: infer Args) => any ? Args : never;\n\nexport const getResponsiveNumericArray = (\n  start: number,\n  end: number,\n  endsWithDesktop: boolean = true,\n  mediumValue?: number\n) =>\n  getPdfSensibleStylesArray([\n    start,\n    start,\n    ...(endsWithDesktop ? [mediumValue ?? Math.round(mean([start, end]))] : []),\n    end,\n  ]);\n\nexport const getResponsivePxArray = (\n  ...args: FunctionArgs<typeof getResponsiveNumericArray>\n) => getResponsiveNumericArray(...args).map((n) => `${n}px`);\n\nexport const removeTranslationsSuffix = (text: string) =>\n  text.endsWith(translatedTextSuffix)\n    ? text.slice(0, -translatedTextSuffix.length)\n    : text;\n\nexport const getTranslationsSensibleProps = (\n  initialChildren: React.ReactNode,\n  dontTranslate: boolean = false\n) => {\n  let children = initialChildren;\n  let addNoTranslateClass = dontTranslate;\n\n  if (typeof children === \"string\" && children.endsWith(translatedTextSuffix)) {\n    children = removeTranslationsSuffix(children);\n    addNoTranslateClass = true;\n  }\n\n  return { children, addNoTranslateClass };\n};\n"],"names":["isIOS","isTouchScreen","getResponsiveClick","callback","shouldUseTouch","isPDFFlow","getPdfSensibleStylesArray","styles","getPdfSafeStyles","obj","getResponsiveNumericArray","start","end","endsWithDesktop","mediumValue","mean","getResponsivePxArray","args","n","removeTranslationsSuffix","text","translatedTextSuffix","getTranslationsSensibleProps","initialChildren","dontTranslate","children","addNoTranslateClass"],"mappings":";;AAIO,MAAMA,IAAQ,MACnB,UAAU,WACN,IAAI,OAAO,kBAAkB,EAAE,KAAK,UAAU,QAAQ,IACtD,UAAU,UAAU,SAAS,KAAK,KAAK,kBAAkB,QAElDC,IAAgB,MAC3B,kBAAkB,UAAU,UAAU,iBAAiB,GAE5CC,IAAqB,CAACC,MAAyB;AAC1D,QAAMC,IAAiBH;AAEhB,SAAA;AAAA,IACL,gBAAAG;AAAA,IACA,SAASA,IAAiB,SAAYD;AAAA,IACtC,cAAcC,IAAiBD,IAAW;AAAA,EAAA;AAE9C,GAEaE,IAAY,MAAM,CAAC,CAAE,OAAe,gBAEpCC,IAA4B,CAAIC,MAC7BF,MACCE,EAAO,MAAM,EAAE,IAAIA,GAGvBC,IAAmB,CAAmBC,MAAW;AAE5D,MAAI,CADUJ;AACK,WAAAI;AACrB,GAIaC,IAA4B,CACvCC,GACAC,GACAC,IAA2B,IAC3BC,MAEAR,EAA0B;AAAA,EACxBK;AAAA,EACAA;AAAA,EACA,GAAIE,IAAkB,CAACC,KAAe,KAAK,MAAMC,EAAK,CAACJ,GAAOC,CAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAAA,EACzEA;AACF,CAAC,GAEUI,IAAuB,IAC/BC,MACAP,EAA0B,GAAGO,CAAI,EAAE,IAAI,CAACC,MAAM,GAAGA,CAAC,IAAI,GAE9CC,IAA2B,CAACC,MACvCA,EAAK,SAASC,CAAoB,IAC9BD,EAAK,MAAM,GAAG,CAACC,EAAqB,MAAM,IAC1CD,GAEOE,IAA+B,CAC1CC,GACAC,IAAyB,OACtB;AACH,MAAIC,IAAWF,GACXG,IAAsBF;AAE1B,SAAI,OAAOC,KAAa,YAAYA,EAAS,SAASJ,CAAoB,MACxEI,IAAWN,EAAyBM,CAAQ,GACtBC,IAAA,KAGjB,EAAE,UAAAD,GAAU,qBAAAC;AACrB;"}
+{"version":3,"file":"sd-component-library4.js","sources":["../src/core/functions.ts"],"sourcesContent":["import { mean } from \"lodash-es\";\n\nimport { testLocatorAttribute, translatedTextSuffix } from \"./constants\";\n\nexport const isIOS = () =>\n  navigator.platform\n    ? new RegExp(\"iPad|iPhone|iPod\").test(navigator.platform)\n    : navigator.userAgent.includes(\"Mac\") && \"ontouchstart\" in window;\n\nexport const isTouchScreen = () =>\n  \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n\nexport const getResponsiveClick = (callback: () => void) => {\n  const shouldUseTouch = isTouchScreen();\n\n  return {\n    shouldUseTouch,\n    onClick: shouldUseTouch ? undefined : callback,\n    onTouchStart: shouldUseTouch ? callback : undefined,\n  };\n};\n\ntype FunctionArgs<T> = T extends (...args: infer Args) => any ? Args : never;\n\nexport const getResponsiveNumericArray = (\n  start: number,\n  end: number,\n  endsWithDesktop: boolean = true,\n  mediumValue?: number\n) => [\n  start,\n  start,\n  ...(endsWithDesktop ? [mediumValue ?? Math.round(mean([start, end]))] : []),\n  end,\n];\n\nexport const getResponsivePxArray = (\n  ...args: FunctionArgs<typeof getResponsiveNumericArray>\n) => getResponsiveNumericArray(...args).map((n) => `${n}px`);\n\nexport const removeTranslationsSuffix = (text: string) =>\n  text.endsWith(translatedTextSuffix)\n    ? text.slice(0, -translatedTextSuffix.length)\n    : text;\n\nexport const getTranslationsSensibleProps = (\n  initialChildren: React.ReactNode,\n  dontTranslate: boolean = false\n) => {\n  let children = initialChildren;\n  let addNoTranslateClass = dontTranslate;\n\n  if (typeof children === \"string\" && children.endsWith(translatedTextSuffix)) {\n    children = removeTranslationsSuffix(children);\n    addNoTranslateClass = true;\n  }\n\n  return { children, addNoTranslateClass };\n};\n\nexport const generateTestLocator = (id?: string) =>\n  !!id ? { [testLocatorAttribute]: id } : {};\n"],"names":["isIOS","isTouchScreen","getResponsiveClick","callback","shouldUseTouch","getResponsiveNumericArray","start","end","endsWithDesktop","mediumValue","mean","getResponsivePxArray","args","n","removeTranslationsSuffix","text","translatedTextSuffix","getTranslationsSensibleProps","initialChildren","dontTranslate","children","addNoTranslateClass","generateTestLocator","id","testLocatorAttribute"],"mappings":";;AAIO,MAAMA,IAAQ,MACnB,UAAU,WACN,IAAI,OAAO,kBAAkB,EAAE,KAAK,UAAU,QAAQ,IACtD,UAAU,UAAU,SAAS,KAAK,KAAK,kBAAkB,QAElDC,IAAgB,MAC3B,kBAAkB,UAAU,UAAU,iBAAiB,GAE5CC,IAAqB,CAACC,MAAyB;AAC1D,QAAMC,IAAiBH;AAEhB,SAAA;AAAA,IACL,gBAAAG;AAAA,IACA,SAASA,IAAiB,SAAYD;AAAA,IACtC,cAAcC,IAAiBD,IAAW;AAAA,EAAA;AAE9C,GAIaE,IAA4B,CACvCC,GACAC,GACAC,IAA2B,IAC3BC,MACG;AAAA,EACHH;AAAA,EACAA;AAAA,EACA,GAAIE,IAAkB,CAACC,KAAe,KAAK,MAAMC,EAAK,CAACJ,GAAOC,CAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAAA,EACzEA;AACF,GAEaI,IAAuB,IAC/BC,MACAP,EAA0B,GAAGO,CAAI,EAAE,IAAI,CAACC,MAAM,GAAGA,CAAC,IAAI,GAE9CC,IAA2B,CAACC,MACvCA,EAAK,SAASC,CAAoB,IAC9BD,EAAK,MAAM,GAAG,CAACC,EAAqB,MAAM,IAC1CD,GAEOE,IAA+B,CAC1CC,GACAC,IAAyB,OACtB;AACH,MAAIC,IAAWF,GACXG,IAAsBF;AAE1B,SAAI,OAAOC,KAAa,YAAYA,EAAS,SAASJ,CAAoB,MACxEI,IAAWN,EAAyBM,CAAQ,GACtBC,IAAA,KAGjB,EAAE,UAAAD,GAAU,qBAAAC;AACrB,GAEaC,IAAsB,CAACC,MAChCA,IAAK,EAAE,CAACC,CAAoB,GAAGD,MAAO,CAAA;"}