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

package/lib/sd-component-library3.js

@@ -0,0 +1,123 @@
+import { useState as u, useCallback as f, useEffect as a, useRef as w } from "react";
+import { disableBodyScroll as L, enableBodyScroll as b } from "./sd-component-library167.js";
+import { debounce as v } from "lodash-es";
+import d from "./sd-component-library168.js";
+const p = (e) => {
+  const [t, n] = u(e);
+  return a(() => {
+    n(e);
+  }, [e]), [t, n];
+}, k = (e, t) => {
+  const [n, r] = u(!1), [o, c] = u(0), i = f(() => {
+    e.current && (r(!1), c(e.current.getBoundingClientRect().height), r(!0));
+  }, [e, t]), s = f(v(i, 200), [
+    e
+  ]);
+  return a(() => (setTimeout(() => {
+    i();
+  }), window.addEventListener("resize", s), window.addEventListener("change", s), () => {
+    window.removeEventListener("resize", s), window.removeEventListener("change", s);
+  }), [s, i]), { contentHeight: o, isHeightMeasured: n };
+};
+function y(e, t) {
+  a(() => {
+    const n = (r) => {
+      !e.current || e.current.contains(r.target) || t(r);
+    };
+    return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
+    };
+  }, [e, t]);
+}
+function l(e) {
+  const t = typeof window < "u" && typeof window.matchMedia < "u", n = !1, [r, o] = u(() => t ? matchMedia(e).matches : n);
+  return a(() => {
+    let c = !0;
+    if (!t)
+      return;
+    const i = matchMedia(e), s = () => {
+      c && o(i.matches);
+    };
+    return i.addEventListener ? i.addEventListener("change", s) : i.addListener(s), () => {
+      c = !1, i.removeEventListener ? i.removeEventListener("change", s) : i.removeListener(s);
+    };
+  }, [e, t]), r;
+}
+function z() {
+  const e = d.breakpoints[0], t = d.breakpoints[1], n = d.breakpoints[2], r = l(`(min-width:${e})`), o = l(
+    `(min-width:${t})`
+  ), c = l(`(min-width:${n})`);
+  let i = !1, s = !1, h = !1, m = !1;
+  return c ? m = !0 : o ? h = !0 : r ? s = !0 : i = !0, {
+    isMobile: i,
+    isLargeMobile: s,
+    isTab: h,
+    isDesktop: m,
+    isWiderThanMobile: r,
+    isWiderThanLargeMobile: o
+  };
+}
+function C(e, t, n) {
+  if (e.current) {
+    const r = {
+      root: e.current,
+      rootMargin: t,
+      threshold: 1
+    };
+    return new IntersectionObserver(n, r);
+  }
+}
+function R(e) {
+  const [t, n] = u(!1);
+  return {
+    isHover: t,
+    hoverCallbacks: {
+      onMouseEnter: () => {
+        n(!0), e == null || e(!0);
+      },
+      onMouseLeave: () => {
+        n(!1), e == null || e(!1);
+      }
+    }
+  };
+}
+function B() {
+  const e = w(null), [t, n] = u(0), [r, o] = u(0);
+  return a(() => {
+    if (e.current) {
+      const { x: c, y: i } = e.current.getBoundingClientRect();
+      n(c), o(i);
+    }
+  }, [e.current]), { ref: e, x: t, y: r };
+}
+function T(e = {}) {
+  const { listenForResize: t, checkEachRender: n, debounceDelay: r = 200 } = e, o = w(null), [c, i] = u(), s = f(
+    v(() => {
+      o.current && i(o.current.getBoundingClientRect());
+    }, r),
+    [o]
+  );
+  return a(() => {
+    n && s();
+  }), a(() => (s(), t && (window.addEventListener("resize", s), window.addEventListener("change", s)), () => {
+    t && (window.removeEventListener("resize", s), window.removeEventListener("change", s));
+  }), [s, t]), { ref: o, rect: c };
+}
+const I = (e, t = !0) => {
+  a(() => (e && t && L(e), () => {
+    e && b(e);
+  }), [e, t]);
+};
+export {
+  I as useBodyScrollLock,
+  T as useBoundingClientRect,
+  z as useBreakPoints,
+  p as useDependantState,
+  B as useElementCoordinates,
+  R as useHover,
+  C as useIntersectionObserver,
+  l as useMediaQuery,
+  y as useOnClickOutside,
+  k as useResize
+};
+//# sourceMappingURL=sd-component-library3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library3.js","sources":["../src/core/custom-hooks.ts"],"sourcesContent":["import {\n  Dispatch,\n  RefObject,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport { debounce } from \"lodash-es\";\n\nimport theme from \"./theme\";\n\n/**\n * A custom useState hook function, that automatically\n * updates the state whenever the dependency param changes\n *\n * Note that, for maximum performance, dependency should be\n * the result of calling useMemo or useCallback: otherwise,\n * the state would be reseted on each render of the component\n * @param dependency\n */\nexport const useDependantState = <D>(\n  dependency: D\n): [D, Dispatch<SetStateAction<D>>] => {\n  const [state, setState] = useState<D>(dependency);\n\n  useEffect(() => {\n    setState(dependency);\n  }, [dependency]);\n\n  return [state, setState];\n};\n\n/**\n * Calculates height of specified element and carries out recalculation of height\n * on window resize with the delay of 0.2s.\n * @param refElement ref to an element height of which is going to be measured.\n * @returns current content state and height measuring status\n */\nexport const useResize = (\n  refElement: RefObject<HTMLDivElement | null>,\n  contentHash?: string\n): {\n  contentHeight: number;\n  isHeightMeasured: boolean;\n} => {\n  const [isHeightMeasured, setIsHeightMeasured] = useState<boolean>(false);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n\n  const calcContentHeight = useCallback(() => {\n    if (refElement.current) {\n      setIsHeightMeasured(false);\n      setContentHeight(refElement.current.getBoundingClientRect().height);\n      setIsHeightMeasured(true);\n    }\n  }, [refElement, contentHash]);\n\n  /**\n   * Waits for 0.2 seconds and recalculates content height\n   */\n  const handleResize = useCallback(debounce(calcContentHeight, 200), [\n    refElement,\n  ]);\n\n  useEffect(() => {\n    // Not finished painting without setTimeout.\n    // If ever running into further problems consider adding requestAnimationFrame as well.\n    setTimeout(() => {\n      calcContentHeight();\n    });\n\n    window.addEventListener(\"resize\", handleResize);\n    window.addEventListener(\"change\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n      window.removeEventListener(\"change\", handleResize);\n    };\n  }, [handleResize, calcContentHeight]);\n\n  return { contentHeight, isHeightMeasured };\n};\n\n/**\n * Executes handler function each time user clicks outside of ref object.\n */\nexport function useOnClickOutside(\n  ref: RefObject<HTMLElement | null>,\n  handler: (event: MouseEvent | TouchEvent) => void\n) {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (!ref.current || ref.current.contains(event.target as Node)) {\n        return;\n      }\n      handler(event);\n    };\n    document.addEventListener(\"mousedown\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    return () => {\n      document.removeEventListener(\"mousedown\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n    };\n  }, [ref, handler]);\n}\n\nexport function useMediaQuery(query: string) {\n  const supportMatchMedia =\n    typeof window !== \"undefined\" && typeof window.matchMedia !== \"undefined\";\n  const defaultMatches = false;\n\n  const [isMatchQuery, setIsMatchQuery] = useState(() => {\n    if (supportMatchMedia) {\n      const queryList = matchMedia(query);\n      return queryList.matches;\n    } else {\n      return defaultMatches;\n    }\n  });\n\n  useEffect(() => {\n    let active = true;\n\n    if (!supportMatchMedia) {\n      return undefined;\n    }\n\n    const queryList = matchMedia(query);\n\n    const updateMatch = () => {\n      if (active) {\n        setIsMatchQuery(queryList.matches);\n      }\n    };\n\n    if (queryList.addEventListener)\n      queryList.addEventListener(\"change\", updateMatch);\n    else queryList.addListener(updateMatch);\n\n    return () => {\n      active = false;\n      if (queryList.removeEventListener)\n        queryList.removeEventListener(\"change\", updateMatch);\n      else queryList.removeListener(updateMatch);\n    };\n  }, [query, supportMatchMedia]);\n\n  return isMatchQuery;\n}\n\n/**\n * Provides set of flags indicating what is the current screen size.\n */\nexport function useBreakPoints() {\n  const mobileSize = theme.breakpoints[0];\n  const largeMobileSize = theme.breakpoints[1];\n  const tabSize = theme.breakpoints[2];\n\n  const isWiderThanMobile = useMediaQuery(`(min-width:${mobileSize})`);\n  const isWiderThanLargeMobile = useMediaQuery(\n    `(min-width:${largeMobileSize})`\n  );\n  const isWiderThanTab = useMediaQuery(`(min-width:${tabSize})`);\n\n  let isMobile = false,\n    isLargeMobile = false,\n    isTab = false,\n    isDesktop = false;\n\n  if (isWiderThanTab) {\n    isDesktop = true;\n  } else if (isWiderThanLargeMobile) {\n    isTab = true;\n  } else if (isWiderThanMobile) {\n    isLargeMobile = true;\n  } else isMobile = true;\n\n  return {\n    isMobile,\n    isLargeMobile,\n    isTab,\n    isDesktop,\n    isWiderThanMobile,\n    isWiderThanLargeMobile,\n  };\n}\n\n/**\n * Provided intersection observer for the specified elements.\n *\n * @param rootRef Ref for the root element.\n * @param rootMargin Margin for the root element area.\n * @param callback Function to process intersection changes.\n */\nexport function useIntersectionObserver(\n  rootRef: RefObject<HTMLElement>,\n  rootMargin: string,\n  callback: IntersectionObserverCallback\n) {\n  if (rootRef.current) {\n    const options = {\n      root: rootRef.current,\n      rootMargin,\n      threshold: 1,\n    };\n\n    return new IntersectionObserver(callback, options);\n  }\n}\n\nexport function useHover(onHover?: (newState: boolean) => void) {\n  const [isHover, setIsHover] = useState(false);\n\n  const hoverCallbacks = {\n    onMouseEnter: () => {\n      const newState = true;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n    onMouseLeave: () => {\n      const newState = false;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n  };\n\n  return {\n    isHover,\n    hoverCallbacks,\n  };\n}\n\nexport function useContentSize<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { ref, rect } = useBoundingClientRect<T>(settings);\n  return {\n    ref,\n    contentWidth: rect?.width ?? 0,\n    contentHeight: rect?.height ?? 0,\n  };\n}\n\nexport function useElementCoordinates<T extends Element = HTMLElement>() {\n  const ref = useRef<T>(null);\n\n  const [x, setX] = useState(0);\n  const [y, setY] = useState(0);\n\n  useEffect(() => {\n    if (ref.current) {\n      const { x, y } = ref.current.getBoundingClientRect();\n      setX(x);\n      setY(y);\n    }\n  }, [ref.current]);\n\n  return { ref, x, y };\n}\n\nexport function useBoundingClientRect<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { listenForResize, checkEachRender, debounceDelay = 200 } = settings;\n  const ref = useRef<T>(null);\n\n  const [rect, setRect] = useState<DOMRect>();\n\n  const handleResize = useCallback(\n    debounce(() => {\n      ref.current && setRect(ref.current.getBoundingClientRect());\n    }, debounceDelay),\n    [ref]\n  );\n\n  useEffect(() => {\n    if (checkEachRender) handleResize();\n  });\n\n  useEffect(() => {\n    handleResize();\n\n    if (listenForResize) {\n      window.addEventListener(\"resize\", handleResize);\n      window.addEventListener(\"change\", handleResize);\n    }\n\n    return () => {\n      if (listenForResize) {\n        window.removeEventListener(\"resize\", handleResize);\n        window.removeEventListener(\"change\", handleResize);\n      }\n    };\n  }, [handleResize, listenForResize]);\n\n  return { ref, rect };\n}\n\nexport const useBodyScrollLock = <T extends HTMLElement = HTMLElement>(\n  target: T | null,\n  shouldEnable = true\n) => {\n  useEffect(() => {\n    if (target && shouldEnable) disableBodyScroll(target);\n    return () => {\n      if (target) enableBodyScroll(target);\n    };\n  }, [target, shouldEnable]);\n};\n"],"names":["useDependantState","dependency","state","setState","useState","useEffect","useResize","refElement","contentHash","isHeightMeasured","setIsHeightMeasured","contentHeight","setContentHeight","calcContentHeight","useCallback","handleResize","debounce","useOnClickOutside","ref","handler","listener","event","useMediaQuery","query","supportMatchMedia","defaultMatches","isMatchQuery","setIsMatchQuery","active","queryList","updateMatch","useBreakPoints","mobileSize","theme","largeMobileSize","tabSize","isWiderThanMobile","isWiderThanLargeMobile","isWiderThanTab","isMobile","isLargeMobile","isTab","isDesktop","useIntersectionObserver","rootRef","rootMargin","callback","options","useHover","onHover","isHover","setIsHover","useElementCoordinates","useRef","x","setX","y","setY","useBoundingClientRect","settings","listenForResize","checkEachRender","debounceDelay","rect","setRect","useBodyScrollLock","target","shouldEnable","disableBodyScroll","enableBodyScroll"],"mappings":"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"}

package/lib/sd-component-library30.js

@@ -0,0 +1,23 @@
+import { j as n } from "./sd-component-library169.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 {
+  l as FlexCenter,
+  j as FlexCenterSpaceBetween,
+  m as FlexColumn,
+  i as FlexContentCenter,
+  s as FlexItemsCenter,
+  a as FlexSpaceBetween
+};
+//# sourceMappingURL=sd-component-library30.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library30.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-library31.js

@@ -0,0 +1,67 @@
+import { j as B } from "./sd-component-library169.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 {
+  G as BaseGridContainer
+};
+//# sourceMappingURL=sd-component-library31.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library31.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-library32.js

@@ -0,0 +1,57 @@
+import { j as y } from "./sd-component-library169.js";
+import { BaseGridContainer as R } from "./sd-component-library31.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 {
+  I as FrFrContainer
+};
+//# sourceMappingURL=sd-component-library32.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library32.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-library33.js

@@ -0,0 +1,57 @@
+import { j as y } from "./sd-component-library169.js";
+import { BaseGridContainer as R } from "./sd-component-library31.js";
+function T(t) {
+  const {
+    children: 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
+  } = t;
+  return /* @__PURE__ */ y.jsx(
+    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 {
+  T as FrMaxContainer
+};
+//# sourceMappingURL=sd-component-library33.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library33.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-library34.js

@@ -0,0 +1,22 @@
+import { j as d } from "./sd-component-library169.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 {
+  g as GridContainerV2
+};
+//# sourceMappingURL=sd-component-library34.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library34.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-library35.js

@@ -0,0 +1,57 @@
+import { j as y } from "./sd-component-library169.js";
+import { BaseGridContainer as R } from "./sd-component-library31.js";
+function T(t) {
+  const {
+    children: 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
+  } = t;
+  return /* @__PURE__ */ y.jsx(
+    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: ["max-content 1fr"],
+      "data-test": "max-fr-container",
+      children: r
+    }
+  );
+}
+export {
+  T as MaxFrContainer
+};
+//# sourceMappingURL=sd-component-library35.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library35.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-library36.js

@@ -0,0 +1,59 @@
+import { j as R } from "./sd-component-library169.js";
+import { BaseGridContainer as w } from "./sd-component-library31.js";
+function T(t) {
+  const {
+    children: r,
+    gridTemplateRows: e,
+    width: o,
+    height: n,
+    alignItems: i,
+    alignContent: a,
+    justifyItems: m,
+    justifyContent: s,
+    gap: d,
+    p,
+    borderColor: l,
+    borderStyle: x,
+    borderWidth: g,
+    borderRadius: u,
+    bg: b,
+    m: f,
+    mt: C,
+    mr: c,
+    mb: h,
+    ml: j,
+    ...y
+  } = t;
+  return /* @__PURE__ */ R.jsx(
+    w,
+    {
+      "data-testid": "max-max-container",
+      ...y,
+      gridTemplateRows: e,
+      width: o,
+      height: n,
+      alignItems: i,
+      alignContent: a,
+      justifyItems: m,
+      justifyContent: s,
+      gap: d,
+      p,
+      borderColor: l,
+      borderStyle: x,
+      borderWidth: g,
+      borderRadius: u,
+      bg: b,
+      m: f,
+      mt: C,
+      mr: c,
+      mb: h,
+      ml: j,
+      gridTemplateColumns: ["repeat(2, max-content)"],
+      children: r
+    }
+  );
+}
+export {
+  T as MaxMaxContainer
+};
+//# sourceMappingURL=sd-component-library36.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library36.js","sources":["../src/components/containers/grid-containers/max-max-container/max-max-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../base-grid-container\";\nimport { MaxMaxContainerProps } from \"./interfaces\";\n\n/**\n * Grid container component with two max-content columns.\n * @deprecated use Grid instead\n */\nexport function MaxMaxContainer(\n  props: MaxMaxContainerProps\n): React.ReactElement<MaxMaxContainerProps> {\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    ...restOfProps\n  } = props;\n  return (\n    <BaseGridContainer\n      data-testid=\"max-max-container\"\n      {...restOfProps}\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, max-content)\"]}\n    >\n      {children}\n    </BaseGridContainer>\n  );\n}\n"],"names":["MaxMaxContainer","props","children","gridTemplateRows","width","height","alignItems","alignContent","justifyItems","justifyContent","gap","borderColor","borderStyle","borderWidth","borderRadius","bg","m","mt","mr","mb","ml","restOfProps","jsx","BaseGridContainer"],"mappings":";;AASO,SAASA,EACdC,GAC0C;AACpC,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;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,GAAGC;AAAA,EACD,IAAApB;AAEF,SAAAqB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGF;AAAA,MACJ,kBAAAlB;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,KAAAC;AAAA,MACA;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,wBAAwB;AAAA,MAE7C,UAAAlB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library37.js

@@ -0,0 +1,10 @@
+import { j as e } from "./sd-component-library169.js";
+import o from "react";
+import { GridContainerV2 as i } from "./sd-component-library34.js";
+const f = o.forwardRef(
+  (r, t) => /* @__PURE__ */ e.jsx(i, { alignItems: "center", ...r, ref: t })
+);
+export {
+  f as GridCenter
+};
+//# sourceMappingURL=sd-component-library37.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library37.js","sources":["../src/components/containers/grid-containers/grid-center/grid-center.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GridContainerV2Props as Props } from \"../grid-container-v2\";\nimport { Grid } from \"../index\";\n\nexport const GridCenter = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    return <Grid alignItems=\"center\" {...props} ref={ref} />;\n  }\n);\n"],"names":["GridCenter","React","props","ref","Grid"],"mappings":";;;AAKO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,CAACC,GAAOC,4BACEC,GAAK,EAAA,YAAW,UAAU,GAAGF,GAAO,KAAAC,EAAU,CAAA;AAE1D;"}

package/lib/sd-component-library38.js

@@ -0,0 +1,10 @@
+import { j as o } from "./sd-component-library169.js";
+import n from "react";
+import { GridContainerV2 as e } from "./sd-component-library34.js";
+const m = n.forwardRef(
+  (t, r) => /* @__PURE__ */ o.jsx(e, { alignContent: "flex-start", ...t, ref: r })
+);
+export {
+  m as GridAlignContentStart
+};
+//# sourceMappingURL=sd-component-library38.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library38.js","sources":["../src/components/containers/grid-containers/grid-align-content-start/grid-align-content-start.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  GridContainerV2,\n  GridContainerV2Props as Props,\n} from \"../grid-container-v2\";\n\nexport const GridAlignContentStart = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    return <GridContainerV2 alignContent=\"flex-start\" {...props} ref={ref} />;\n  }\n);\n"],"names":["GridAlignContentStart","React","props","ref","GridContainerV2"],"mappings":";;;AAOO,MAAMA,IAAwBC,EAAM;AAAA,EACzC,CAACC,GAAOC,4BACEC,GAAgB,EAAA,cAAa,cAAc,GAAGF,GAAO,KAAAC,EAAU,CAAA;AAE3E;"}

package/lib/sd-component-library39.js

@@ -0,0 +1,40 @@
+import { j as r } from "./sd-component-library169.js";
+import { Box as m } from "rebass";
+import { useBoundingClientRect as o } from "./sd-component-library3.js";
+import { MaxWidthContainerV2 as c } from "./sd-component-library29.js";
+const R = (i) => {
+  const { children: n, containerSx: s, bgSx: f, height: x, left: p, ...h } = i, { ref: l, rect: e } = o({
+    listenForResize: !0
+  }), { ref: a, rect: t } = o({
+    listenForResize: !0
+  });
+  return /* @__PURE__ */ r.jsx(
+    m,
+    {
+      sx: {
+        position: "relative",
+        height: x ?? `${t == null ? void 0 : t.height}px`,
+        ...s
+      },
+      ref: l,
+      children: /* @__PURE__ */ r.jsx(
+        c,
+        {
+          bgSx: {
+            position: "absolute",
+            left: p ?? `-${e == null ? void 0 : e.left}px`,
+            width: "100vw",
+            ...f
+          },
+          ref: a,
+          ...h,
+          children: n
+        }
+      )
+    }
+  );
+};
+export {
+  R as LayoutIndependentMaxWidthContainer
+};
+//# sourceMappingURL=sd-component-library39.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library39.js","sources":["../src/components/containers/layout-independend-max-width-container/layout-independent-max-width-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useBoundingClientRect } from \"../../../core/custom-hooks\";\nimport { MaxWidthContainerV2 } from \"../max-width-container-v2\";\nimport { LayoutIndependentMaxWidthContainerProps as Props } from \"./interfaces\";\n\nexport const LayoutIndependentMaxWidthContainer: React.FC<Props> = (props) => {\n  const { children, containerSx, bgSx, height, left, ...restOfProps } = props;\n\n  const { ref: containerRef, rect: containerRect } =\n    useBoundingClientRect<HTMLDivElement>({\n      listenForResize: true,\n    });\n  const { ref: contentRef, rect: contentRect } =\n    useBoundingClientRect<HTMLDivElement>({\n      listenForResize: true,\n    });\n\n  return (\n    <Box\n      sx={{\n        position: \"relative\",\n        height: height ?? `${contentRect?.height}px`,\n        ...containerSx,\n      }}\n      ref={containerRef}\n    >\n      <MaxWidthContainerV2\n        bgSx={{\n          position: \"absolute\",\n          left: left ?? `-${containerRect?.left}px`,\n          width: \"100vw\",\n          ...bgSx,\n        }}\n        ref={contentRef}\n        {...restOfProps}\n      >\n        {children}\n      </MaxWidthContainerV2>\n    </Box>\n  );\n};\n"],"names":["LayoutIndependentMaxWidthContainer","props","children","containerSx","bgSx","height","left","restOfProps","containerRef","containerRect","useBoundingClientRect","contentRef","contentRect","jsx","Box","MaxWidthContainerV2"],"mappings":";;;;AAQa,MAAAA,IAAsD,CAACC,MAAU;AACtE,QAAA,EAAE,UAAAC,GAAU,aAAAC,GAAa,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,GAAM,GAAGC,EAAgB,IAAAN,GAEhE,EAAE,KAAKO,GAAc,MAAMC,EAAA,IAC/BC,EAAsC;AAAA,IACpC,iBAAiB;AAAA,EAAA,CAClB,GACG,EAAE,KAAKC,GAAY,MAAMC,EAAA,IAC7BF,EAAsC;AAAA,IACpC,iBAAiB;AAAA,EAAA,CAClB;AAGD,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQT,KAAU,GAAGO,KAAA,gBAAAA,EAAa,MAAM;AAAA,QACxC,GAAGT;AAAA,MACL;AAAA,MACA,KAAKK;AAAA,MAEL,UAAAK,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,YACJ,UAAU;AAAA,YACV,MAAMT,KAAQ,IAAIG,KAAA,gBAAAA,EAAe,IAAI;AAAA,YACrC,OAAO;AAAA,YACP,GAAGL;AAAA,UACL;AAAA,UACA,KAAKO;AAAA,UACJ,GAAGJ;AAAA,UAEH,UAAAL;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}