@selfdecode/sd-component-library 4.0.73-vite17 → 4.0.73-vite17-no-postcss

package/lib/sd-component-library284.js

@@ -1,30 +1,56 @@
-import { j as o } from "./sd-component-library195.js";
-import { ThirteenBold as h } from "./sd-component-library151.js";
-import { Button as m } from "./sd-component-library28.js";
-import { MaxMaxContainer as f } from "./sd-component-library43.js";
-const T = (s) => {
-  const {
-    Icon: i,
-    iconHeight: n,
-    title: l,
-    isActive: r,
-    hash: t,
-    onTabSelect: c,
-    enableScroll: a,
-    activeColor: e,
-    history: p
-  } = s, x = a ? {
-    scrollTo: t
-  } : {};
-  return /* @__PURE__ */ o.jsx(m, { bg: "transparent", onClick: () => c(t), history: p, "data-test": `tab-${t}`, ...x, children: /* @__PURE__ */ o.jsxs(f, { gap: ["15px", "20px"], children: [
-    /* @__PURE__ */ o.jsx(i, { style: {
-      height: n,
-      fill: r ? e : "#434A54"
-    } }),
-    /* @__PURE__ */ o.jsx(h, { textTransform: "uppercase", color: r ? e : "#434A54", cursor: "pointer", children: l })
-  ] }) });
-};
+var n = Object.defineProperty;
+var R = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var i = (t, e, s) => (R(t, typeof e != "symbol" ? e + "" : e, s), s);
+class h {
+  constructor() {
+    i(this, "refRegistry", {});
+  }
+  /**
+   * Check if ref is registered for a component with provided ID.
+   * @param id ID for the component.
+   */
+  doesRefExist(e) {
+    return !!this.refRegistry[e];
+  }
+  /**
+   * Register a ref.
+   *
+   * @param id ID for the component.
+   * @param ref React Ref object for the component. Used for scrolling.
+   */
+  addRef(e, s) {
+    const r = e.startsWith("#") ? e : `#${e}`;
+    this.refRegistry[r] = s;
+  }
+  /**
+   * Remove a ref from registry.
+   *
+   * @param id ID for the component.
+   */
+  removeRef(e) {
+    this.doesRefExist(e) ? delete this.refRegistry[e] : console.error(`Ref with ID ${e} does not exist in the registry`);
+  }
+  /**
+   * Scroll the component with provided ID into the view.
+   *
+   * @param id ID for the component.
+   * @param behavior Scroll behavior.
+   */
+  scrollToRef(e, {
+    behavior: s = "smooth",
+    block: r,
+    inline: f
+  }) {
+    var o;
+    this.doesRefExist(e) ? (o = this.refRegistry[e].current) == null || o.scrollIntoView({
+      behavior: s,
+      block: r,
+      inline: f
+    }) : console.error(`Ref with ID ${e} does not exist in the registry`);
+  }
+}
+const g = new h();
 export {
-  T as Tab
+  g as refsManager
 };
 //# sourceMappingURL=sd-component-library284.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library284.js","sources":["../src/components/tabs/tabs-menu/partials/tab/tab.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button, MaxMaxContainer, ThirteenBold } from \"../../../../..\";\nimport { TabProps } from \"./interfaces\";\n\n/**\n * Tab component to render a single tab button.\n */\nexport const Tab: React.FC<TabProps> = (props) => {\n  const {\n    Icon,\n    iconHeight,\n    title,\n    isActive,\n    hash,\n    onTabSelect,\n    enableScroll,\n    activeColor,\n    history,\n  } = props;\n\n  const scrollProps = enableScroll\n    ? {\n        scrollTo: hash,\n      }\n    : {};\n\n  return (\n    <Button\n      bg=\"transparent\"\n      onClick={() => onTabSelect(hash)}\n      history={history}\n      data-test={`tab-${hash}`}\n      {...scrollProps}\n    >\n      <MaxMaxContainer gap={[\"15px\", \"20px\"]}>\n        <Icon\n          style={{\n            height: iconHeight,\n            fill: isActive ? activeColor : \"#434A54\",\n          }}\n        />\n        <ThirteenBold\n          textTransform=\"uppercase\"\n          color={isActive ? activeColor : \"#434A54\"}\n          cursor=\"pointer\"\n        >\n          {title}\n        </ThirteenBold>\n      </MaxMaxContainer>\n    </Button>\n  );\n};\n"],"names":["Tab","props","Icon","iconHeight","title","isActive","hash","onTabSelect","enableScroll","activeColor","history","scrollProps","scrollTo","jsx","Button","jsxs","MaxMaxContainer","height","fill","ThirteenBold"],"mappings":";;;;AAQO,MAAMA,IAA2BC,CAAUA,MAAA;AAC1C,QAAA;AAAA,IACJC,MAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,EACET,IAAAA,GAEEU,IAAcH,IAChB;AAAA,IACEI,UAAUN;AAAAA,MAEZ;AAGF,SAAAO,gBAAAA,MAACC,KACC,IAAG,eACH,SAAS,MAAMP,EAAYD,CAAI,GAC/B,SAAAI,GACA,aAAY,OAAMJ,CAAK,IACvB,GAAIK,GAEJ,UAAAI,gBAAAA,EAAAA,KAACC,KAAgB,KAAK,CAAC,QAAQ,MAAM,GACnC,UAAA;AAAA,IAAAH,gBAAAA,MAACX,KACC,OAAO;AAAA,MACLe,QAAQd;AAAAA,MACRe,MAAMb,IAAWI,IAAc;AAAA,IAAA,GAC/B;AAAA,IAEJI,gBAAAA,EAAAA,IAACM,GACC,EAAA,eAAc,aACd,OAAOd,IAAWI,IAAc,WAChC,QAAO,WAENL,UACHA,EAAA,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library284.js","sources":["../src/components/utils/anchor/refs-manager.ts"],"sourcesContent":["import React from \"react\";\n\nimport { refsMap } from \"./interfaces\";\n\n/**\n * Refs Manager class to keep record of registered refs on the page.\n */\nclass RefsManager {\n  refRegistry: refsMap = {};\n\n  /**\n   * Check if ref is registered for a component with provided ID.\n   * @param id ID for the component.\n   */\n  public doesRefExist(id: string) {\n    return !!this.refRegistry[id];\n  }\n\n  /**\n   * Register a ref.\n   *\n   * @param id ID for the component.\n   * @param ref React Ref object for the component. Used for scrolling.\n   */\n  public addRef(\n    id: string,\n    ref: React.MutableRefObject<HTMLDivElement | undefined>\n  ) {\n    const key = id.startsWith(\"#\") ? id : `#${id}`;\n\n    this.refRegistry[key] = ref;\n  }\n\n  /**\n   * Remove a ref from registry.\n   *\n   * @param id ID for the component.\n   */\n  public removeRef(id: string) {\n    if (this.doesRefExist(id)) delete this.refRegistry[id];\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n\n  /**\n   * Scroll the component with provided ID into the view.\n   *\n   * @param id ID for the component.\n   * @param behavior Scroll behavior.\n   */\n  public scrollToRef(\n    id: string,\n    { behavior = \"smooth\", block, inline }: ScrollIntoViewOptions\n  ) {\n    if (this.doesRefExist(id))\n      this.refRegistry[id].current?.scrollIntoView({\n        behavior,\n        block,\n        inline,\n      });\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n}\n\nexport const refsManager = new RefsManager();\n"],"names":["RefsManager","refRegistry","doesRefExist","id","addRef","ref","key","startsWith","removeRef","error","scrollToRef","behavior","block","inline","_a","current","scrollIntoView","refsManager"],"mappings":";;;AAOA,MAAMA,EAAY;AAAA,EAAlB;AACEC,IAAAA,EAAAA,qBAAuB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhBC,aAAaC,GAAY;AAC9B,WAAO,CAAC,CAAC,KAAKF,YAAYE,CAAE;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQOC,OACLD,GACAE,GACA;AACA,UAAMC,IAAMH,EAAGI,WAAW,GAAG,IAAIJ,IAAM,IAAGA,CAAG;AAExCF,SAAAA,YAAYK,CAAG,IAAID;AAAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOOG,UAAUL,GAAY;AACvB,IAAA,KAAKD,aAAaC,CAAE,IAAU,OAAA,KAAKF,YAAYE,CAAE,IACxCM,QAAAA,MAAO,eAAcN,CAAG,iCAAgC;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQOO,YACLP,GACA;AAAA,IAAEQ,UAAAA,IAAW;AAAA,IAAUC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,EAAAA,GAC9B;AA7CJ,QAAAC;AA8CQ,IAAA,KAAKZ,aAAaC,CAAE,KACtBW,IAAA,KAAKb,YAAYE,CAAE,EAAEY,YAArB,QAAAD,EAA8BE,eAAe;AAAA,MAC3CL,UAAAA;AAAAA,MACAC,OAAAA;AAAAA,MACAC,QAAAA;AAAAA,IAAAA,KAESJ,QAAAA,MAAO,eAAcN,CAAG,iCAAgC;AAAA,EACvE;AACF;AAEac,MAAAA,IAAc,IAAIjB,EAAY;"}

package/lib/sd-component-library285.js

@@ -1,27 +1,10 @@
-import { j as r } from "./sd-component-library195.js";
-import { ReactComponent as s } from "./sd-component-library191.js";
-import { FlexItemsCenter as i } from "./sd-component-library37.js";
-const l = ({
-  width: e,
-  direction: t,
-  onClick: o
-}) => /* @__PURE__ */ r.jsx(i, { justifyContent: t === "right" ? "flex-end" : "flex-start", sx: {
-  position: "absolute",
-  ...t === "right" ? {
-    right: 0
-  } : 0,
-  top: 0,
-  width: e,
-  height: "100%",
-  stroke: "cl_blue",
-  cursor: "pointer",
-  bg: "cl_white",
-  ":hover": {
-    stroke: "cl_purple"
-  },
-  zIndex: 1
-}, onClick: o, children: /* @__PURE__ */ r.jsx(s, { width: "18px", transform: `rotate(${t === "right" ? 180 : 0})` }) });
+import o from "./sd-component-library322.js";
+import e from "./sd-component-library323.js";
+function f(t) {
+  var r = e(t, "string");
+  return o(r) === "symbol" ? r : String(r);
+}
 export {
-  l as ArrowButton
+  f as default
 };
 //# sourceMappingURL=sd-component-library285.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library285.js","sources":["../src/components/tabs/tab-bar/partials/arrow-button/arrow-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexItemsCenter } from \"../../../../containers\";\nimport { ThinArrowLeftIcon } from \"../../../../icons\";\nimport { ArrowButtonProps as Props } from \"./interfaces\";\n\nexport const ArrowButton: React.FC<Props> = ({ width, direction, onClick }) => {\n  return (\n    <FlexItemsCenter\n      justifyContent={direction === \"right\" ? \"flex-end\" : \"flex-start\"}\n      sx={{\n        position: \"absolute\",\n        ...(direction === \"right\" ? { right: 0 } : { left: 0 } ? 0 : undefined),\n        top: 0,\n        width,\n        height: \"100%\",\n        stroke: \"cl_blue\",\n        cursor: \"pointer\",\n        bg: \"cl_white\",\n        \":hover\": { stroke: \"cl_purple\" },\n        zIndex: 1,\n      }}\n      onClick={onClick}\n    >\n      <ThinArrowLeftIcon\n        width=\"18px\"\n        transform={`rotate(${direction === \"right\" ? 180 : 0})`}\n      />\n    </FlexItemsCenter>\n  );\n};\n"],"names":["ArrowButton","width","direction","onClick","FlexItemsCenter","position","right","top","height","stroke","cursor","bg","zIndex","jsx","ThinArrowLeftIcon"],"mappings":";;;AAMO,MAAMA,IAA+BA,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,WAAAA;AAAAA,EAAWC,SAAAA;AAAQ,4BAEpEC,GACC,EAAA,gBAAgBF,MAAc,UAAU,aAAa,cACrD,IAAI;AAAA,EACFG,UAAU;AAAA,EACV,GAAIH,MAAc,UAAU;AAAA,IAAEI,OAAO;AAAA,EAAA,IAAoB;AAAA,EACzDC,KAAK;AAAA,EACLN,OAAAA;AAAAA,EACAO,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,IAAI;AAAA,EACJ,UAAU;AAAA,IAAEF,QAAQ;AAAA,EAAY;AAAA,EAChCG,QAAQ;AAAA,GAEV,SAAAT,GAEA,UAACU,gBAAAA,EAAA,IAAAC,GAAA,EACC,OAAM,QACN,WAAY,UAASZ,MAAc,UAAU,MAAM,CAAE,KAAG,EAE5D,CAAA;"}
+{"version":3,"file":"sd-component-library285.js","sources":["../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}"],"names":["_toPropertyKey","arg","key","toPrimitive","_typeof"],"mappings":";;AAEe,SAASA,EAAeC,GAAK;AAC1C,MAAIC,IAAMC,EAAYF,GAAK,QAAQ;AACnC,SAAOG,EAAQF,CAAG,MAAM,WAAWA,IAAM,OAAOA,CAAG;AACrD;","x_google_ignoreList":[0]}

package/lib/sd-component-library286.js

@@ -1,24 +1,9 @@
-import { j as e } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Box as n } from "./sd-component-library198.js";
-const x = ({
-  width: s,
-  direction: t,
-  offset: o
-}) => {
-  const r = "#000000AA", a = "#00000000";
-  return /* @__PURE__ */ e.jsx(n, { sx: {
-    position: "absolute",
-    top: 0,
-    left: t === "left" ? o : void 0,
-    right: t === "right" ? o : void 0,
-    height: "100%",
-    width: s,
-    background: `transparent linear-gradient(-90deg, ${t === "left" ? a : r} 0%, ${t === "right" ? a : r} 100%) 0% 0% no-repeat padding-box`,
-    opacity: 0.05
-  } });
-};
+import { __module as r } from "./sd-component-library324.js";
+import { __require as e } from "./sd-component-library325.js";
+import { __require as o } from "./sd-component-library326.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  x as Mask
+  i as r
 };
 //# sourceMappingURL=sd-component-library286.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library286.js","sources":["../src/components/tabs/tab-bar/partials/mask/mask.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MaskProps as Props } from \"./interfaces\";\n\nexport const Mask: React.FC<Props> = ({ width, direction, offset }) => {\n  const startColor = \"#000000AA\";\n  const endColor = \"#00000000\";\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: 0,\n        left: direction === \"left\" ? offset : undefined,\n        right: direction === \"right\" ? offset : undefined,\n        height: \"100%\",\n        width,\n        background: `transparent linear-gradient(-90deg, ${\n          direction === \"left\" ? endColor : startColor\n        } 0%, ${\n          direction === \"right\" ? endColor : startColor\n        } 100%) 0% 0% no-repeat padding-box`,\n        opacity: 0.05,\n      }}\n    />\n  );\n};\n"],"names":["Mask","width","direction","offset","startColor","endColor","jsx","Box","position","top","left","undefined","right","height","background","opacity"],"mappings":";;;AAMO,MAAMA,IAAwBA,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,WAAAA;AAAAA,EAAWC,QAAAA;AAAO,MAAM;AACrE,QAAMC,IAAa,aACbC,IAAW;AAGf,SAAAC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAMR,MAAc,SAASC,IAASQ;AAAAA,IACtCC,OAAOV,MAAc,UAAUC,IAASQ;AAAAA,IACxCE,QAAQ;AAAA,IACRZ,OAAAA;AAAAA,IACAa,YAAa,uCACXZ,MAAc,SAASG,IAAWD,CACnC,QACCF,MAAc,UAAUG,IAAWD,CACpC;AAAA,IACDW,SAAS;AAAA,EAEX,EAAA,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library286.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}

package/lib/sd-component-library287.js

@@ -1,72 +1,5 @@
-import { j as t } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Flex as f, Box as W } from "./sd-component-library198.js";
-import { Button as y } from "./sd-component-library28.js";
-import { ResponsiveTextV2 as m } from "./sd-component-library147.js";
-const z = ({
-  active: n = !1,
-  activeColor: s = "cl_purple",
-  color: r = "transparent"
-}) => /* @__PURE__ */ t.jsx(W, { height: 4, width: "100%", bg: n ? s : r, sx: {
-  mt: "auto",
-  transition: "all 175ms ease"
-} });
-function E({
-  width: n,
-  height: s,
-  label: r,
-  secondaryText: p,
-  icon: l,
-  id: h,
-  onClick: u,
-  selected: i = !1,
-  activeColor: o = "cl_purple",
-  color: a = "cl_darkGrey",
-  tabPadding: d,
-  bg: e = "cl_transparent",
-  activeBg: c = "cl_transparent",
-  activeRibbonColor: j,
-  borderRadius: b = "4px",
-  tabHeaderComponent: x,
-  elementId: _,
-  maxWidth: g,
-  labelSx: R,
-  secondaryTextSx: S,
-  containerSx: w
-}) {
-  const T = x ? i ? c : e : j || o;
-  return /* @__PURE__ */ t.jsxs(f, { flexDirection: "column", sx: {
-    width: "fit-content",
-    maxWidth: g,
-    minWidth: "fit-content",
-    ...w
-  }, children: [
-    /* @__PURE__ */ t.jsxs(y, { id: _, width: n, height: s, bg: i ? c : e, onClick: u, borderRadius: b, "data-test": `tab-${h}`, padding: d, disabled: i, display: "flex", children: [
-      r && /* @__PURE__ */ t.jsx(m, { fontSizeWeight: [[13, "bold"]], sx: {
-        letterSpacing: "1.3px",
-        textTransform: "uppercase",
-        ...R
-      }, color: i ? o : a, children: r }),
-      p && /* @__PURE__ */ t.jsx(m, { fontSizeWeight: [[10, "semi-bold"]], sx: {
-        letterSpacing: "1px",
-        textTransform: "uppercase",
-        ...S
-      }, color: i ? o : a, children: p }),
-      l && /* @__PURE__ */ t.jsx(f, { height: "16px", flexDirection: "column", justifyContent: "space-between", ml: "10px", children: l }),
-      x
-    ] }),
-    /* @__PURE__ */ t.jsx(
-      z,
-      {
-        active: i || !!x,
-        activeColor: T,
-        color: e
-      }
-    )
-  ] });
-}
+var r = {};
 export {
-  z as Ribbon,
-  E as Tab
+  r as __exports
 };
 //# sourceMappingURL=sd-component-library287.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library287.js","sources":["../src/components/tabs/tab-bar/partials/tab/tab.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { Button } from \"../../../../buttons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TabProps } from \"./interfaces\";\n\nexport const Ribbon = ({\n  active = false,\n  activeColor = \"cl_purple\",\n  color = \"transparent\",\n}) => (\n  <Box\n    height={4}\n    width=\"100%\"\n    bg={active ? activeColor : color}\n    sx={{\n      mt: \"auto\",\n      transition: \"all 175ms ease\",\n    }}\n  />\n);\n\nexport function Tab<T>({\n  width,\n  height,\n  label,\n  secondaryText,\n  icon,\n  id,\n  onClick,\n  selected = false,\n  activeColor = \"cl_purple\",\n  color = \"cl_darkGrey\",\n  tabPadding,\n  bg = \"cl_transparent\",\n  activeBg = \"cl_transparent\",\n  activeRibbonColor,\n  borderRadius = \"4px\",\n  tabHeaderComponent,\n  elementId,\n  maxWidth,\n  labelSx,\n  secondaryTextSx,\n  containerSx,\n}: TabProps<T>) {\n  const activeColorOfRibbon = tabHeaderComponent\n    ? selected\n      ? activeBg\n      : bg\n    : activeRibbonColor || activeColor;\n\n  return (\n    <Flex\n      flexDirection=\"column\"\n      sx={{\n        width: \"fit-content\",\n        maxWidth,\n        minWidth: \"fit-content\",\n        ...containerSx,\n      }}\n    >\n      <Button\n        id={elementId}\n        width={width}\n        height={height}\n        bg={selected ? activeBg : bg}\n        onClick={onClick}\n        borderRadius={borderRadius}\n        data-test={`tab-${id}`}\n        padding={tabPadding}\n        disabled={selected}\n        display=\"flex\"\n      >\n        {label && (\n          <ResponsiveTextV2\n            fontSizeWeight={[[13, \"bold\"]]}\n            sx={{\n              letterSpacing: \"1.3px\",\n              textTransform: \"uppercase\",\n              ...labelSx,\n            }}\n            color={selected ? activeColor : color}\n          >\n            {label}\n          </ResponsiveTextV2>\n        )}\n\n        {secondaryText && (\n          <ResponsiveTextV2\n            fontSizeWeight={[[10, \"semi-bold\"]]}\n            sx={{\n              letterSpacing: \"1px\",\n              textTransform: \"uppercase\",\n              ...secondaryTextSx,\n            }}\n            color={selected ? activeColor : color}\n          >\n            {secondaryText}\n          </ResponsiveTextV2>\n        )}\n\n        {icon && (\n          <Flex\n            height=\"16px\"\n            flexDirection=\"column\"\n            justifyContent=\"space-between\"\n            ml=\"10px\"\n          >\n            {icon}\n          </Flex>\n        )}\n\n        {/* Render custom component, if provided */}\n        {tabHeaderComponent}\n      </Button>\n\n      <Ribbon\n        active={selected || !!tabHeaderComponent} // in tabHeaderComponent mode, it should fill the gap.\n        activeColor={activeColorOfRibbon}\n        color={bg}\n      />\n    </Flex>\n  );\n}\n"],"names":["Ribbon","active","activeColor","color","jsx","Box","mt","transition","Tab","width","height","label","secondaryText","icon","id","onClick","selected","tabPadding","bg","activeBg","activeRibbonColor","borderRadius","tabHeaderComponent","elementId","maxWidth","labelSx","secondaryTextSx","containerSx","activeColorOfRibbon","jsxs","Flex","minWidth","Button","ResponsiveTextV2","letterSpacing","textTransform"],"mappings":";;;;;AAQO,MAAMA,IAASA,CAAC;AAAA,EACrBC,QAAAA,IAAS;AAAA,EACTC,aAAAA,IAAc;AAAA,EACdC,OAAAA,IAAQ;AACV,MACEC,gBAAAA,MAACC,GACC,EAAA,QAAQ,GACR,OAAM,QACN,IAAIJ,IAASC,IAAcC,GAC3B,IAAI;AAAA,EACFG,IAAI;AAAA,EACJC,YAAY;AACd,GAEH;AAEM,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXd,aAAAA,IAAc;AAAA,EACdC,OAAAA,IAAQ;AAAA,EACRc,YAAAA;AAAAA,EACAC,IAAAA,IAAK;AAAA,EACLC,UAAAA,IAAW;AAAA,EACXC,mBAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,oBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,aAAAA;AACW,GAAG;AACd,QAAMC,IAAsBN,IACxBN,IACEG,IACAD,IACFE,KAAqBlB;AAEzB,SACG2B,gBAAAA,EAAA,KAAAC,GAAA,EACC,eAAc,UACd,IAAI;AAAA,IACFrB,OAAO;AAAA,IACPe,UAAAA;AAAAA,IACAO,UAAU;AAAA,IACV,GAAGJ;AAAAA,EAGL,GAAA,UAAA;AAAA,IAACE,gBAAAA,EAAAA,KAAAG,GAAA,EACC,IAAIT,GACJ,OAAAd,GACA,QAAAC,GACA,IAAIM,IAAWG,IAAWD,GAC1B,SAAAH,GACA,cAAAM,GACA,aAAY,OAAMP,CAAG,IACrB,SAASG,GACT,UAAUD,GACV,SAAQ,QAEPL,UAAAA;AAAAA,MACCA,KAAAP,gBAAAA,EAAAA,IAAC6B,KACC,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,GAC7B,IAAI;AAAA,QACFC,eAAe;AAAA,QACfC,eAAe;AAAA,QACf,GAAGV;AAAAA,MAAAA,GAEL,OAAOT,IAAWd,IAAcC,GAE/BQ,UACHA,GAAA;AAAA,MAGDC,KACER,gBAAAA,EAAAA,IAAA6B,GAAA,EACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC,GAClC,IAAI;AAAA,QACFC,eAAe;AAAA,QACfC,eAAe;AAAA,QACf,GAAGT;AAAAA,MAAAA,GAEL,OAAOV,IAAWd,IAAcC,GAE/BS,UACHA,GAAA;AAAA,MAGDC,KACET,gBAAAA,EAAAA,IAAA0B,GAAA,EACC,QAAO,QACP,eAAc,UACd,gBAAe,iBACf,IAAG,QAEFjB,UACHA,EAAA,CAAA;AAAA,MAIDS;AAAAA,IAAAA,GACH;AAAA,IAEAlB,gBAAAA,EAAA;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,QAAQgB,KAAY,CAAC,CAACM;AAAAA,QACtB,aAAaM;AAAAA,QACb,OAAOV;AAAAA,MAAAA;AAAAA,IAAG;AAAA,EAEd,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library287.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library288.js

@@ -1,5 +1,5 @@
-var r = {};
+var e = {};
 export {
-  r as __exports
+  e as __exports
 };
 //# sourceMappingURL=sd-component-library288.js.map

package/lib/sd-component-library289.js

@@ -1,7 +1,5 @@
-import { getAugmentedNamespace as e } from "./sd-component-library304.js";
-import * as r from "./sd-component-library323.js";
-const m = /* @__PURE__ */ e(r);
+var r = {};
 export {
-  m as default
+  r as __exports
 };
 //# sourceMappingURL=sd-component-library289.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library289.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library289.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library290.js

@@ -1,7 +1,7 @@
-import { getAugmentedNamespace as e } from "./sd-component-library304.js";
-import * as m from "./sd-component-library325.js";
-const t = /* @__PURE__ */ e(m);
+import { getAugmentedNamespace as e } from "./sd-component-library305.js";
+import * as r from "./sd-component-library327.js";
+const m = /* @__PURE__ */ e(r);
 export {
-  t as default
+  m as default
 };
 //# sourceMappingURL=sd-component-library290.js.map

package/lib/sd-component-library291.js

@@ -1,5 +1,5 @@
-import { getAugmentedNamespace as e } from "./sd-component-library304.js";
-import * as m from "./sd-component-library338.js";
+import { getAugmentedNamespace as e } from "./sd-component-library305.js";
+import * as m from "./sd-component-library329.js";
 const t = /* @__PURE__ */ e(m);
 export {
   t as default

package/lib/sd-component-library292.js

@@ -1,5 +1,5 @@
-import { getAugmentedNamespace as e } from "./sd-component-library304.js";
-import * as m from "./sd-component-library294.js";
+import { getAugmentedNamespace as e } from "./sd-component-library305.js";
+import * as m from "./sd-component-library342.js";
 const t = /* @__PURE__ */ e(m);
 export {
   t as default

package/lib/sd-component-library293.js

@@ -1,65 +1,7 @@
-import { __exports as o } from "./sd-component-library343.js";
-import v from "react";
-import p from "./sd-component-library289.js";
-import x from "./sd-component-library290.js";
-import _ from "./sd-component-library291.js";
-import m from "./sd-component-library292.js";
-Object.defineProperty(o, "__esModule", {
-  value: !0
-});
-var h = o.Flex = P = o.Box = void 0;
-f(v);
-var d = f(p), n = x, u = y(_), g = f(m);
-function c() {
-  if (typeof WeakMap != "function")
-    return null;
-  var e = /* @__PURE__ */ new WeakMap();
-  return c = function() {
-    return e;
-  }, e;
-}
-function y(e) {
-  if (e && e.__esModule)
-    return e;
-  var r = c();
-  if (r && r.has(e))
-    return r.get(e);
-  var t = {};
-  if (e != null) {
-    var l = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var a in e)
-      if (Object.prototype.hasOwnProperty.call(e, a)) {
-        var i = l ? Object.getOwnPropertyDescriptor(e, a) : null;
-        i && (i.get || i.set) ? Object.defineProperty(t, a, i) : t[a] = e[a];
-      }
-  }
-  return t.default = e, r && r.set(e, t), t;
-}
-function f(e) {
-  return e && e.__esModule ? e : { default: e };
-}
-var O = function(r) {
-  return (0, u.default)(r.sx)(r.theme);
-}, $ = function(r) {
-  return (0, u.default)(r.__css)(r.theme);
-}, q = function(r) {
-  var t = r.theme, l = r.variant, a = r.tx, i = a === void 0 ? "variants" : a;
-  return (0, u.default)((0, u.get)(t, i + "." + l, (0, u.get)(t, l)))(t);
-}, s = (0, d.default)("div", {
-  shouldForwardProp: g.default
-})({
-  boxSizing: "border-box",
-  margin: 0,
-  minWidth: 0
-}, $, q, O, function(e) {
-  return e.css;
-}, (0, n.compose)(n.space, n.layout, n.typography, n.color, n.flexbox)), P = o.Box = s, w = (0, d.default)(s)({
-  display: "flex"
-});
-h = o.Flex = w;
+import { getAugmentedNamespace as e } from "./sd-component-library305.js";
+import * as m from "./sd-component-library295.js";
+const t = /* @__PURE__ */ e(m);
 export {
-  P as Box,
-  h as Flex,
-  o as default
+  t as default
 };
 //# sourceMappingURL=sd-component-library293.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library293.js","sources":["../node_modules/@rebass/forms/node_modules/reflexbox/dist/index.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.Flex = exports.Box = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _styled = _interopRequireDefault(require(\"@emotion/styled\"));\n\nvar _styledSystem = require(\"styled-system\");\n\nvar _css = _interopRequireWildcard(require(\"@styled-system/css\"));\n\nvar _shouldForwardProp = _interopRequireDefault(require(\"@styled-system/should-forward-prop\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar sx = function sx(props) {\n  return (0, _css[\"default\"])(props.sx)(props.theme);\n};\n\nvar base = function base(props) {\n  return (0, _css[\"default\"])(props.__css)(props.theme);\n};\n\nvar variant = function variant(_ref) {\n  var theme = _ref.theme,\n      variant = _ref.variant,\n      _ref$tx = _ref.tx,\n      tx = _ref$tx === void 0 ? 'variants' : _ref$tx;\n  return (0, _css[\"default\"])((0, _css.get)(theme, tx + '.' + variant, (0, _css.get)(theme, variant)))(theme);\n};\n\nvar Box = (0, _styled[\"default\"])('div', {\n  shouldForwardProp: _shouldForwardProp[\"default\"]\n})({\n  boxSizing: 'border-box',\n  margin: 0,\n  minWidth: 0\n}, base, variant, sx, function (props) {\n  return props.css;\n}, (0, _styledSystem.compose)(_styledSystem.space, _styledSystem.layout, _styledSystem.typography, _styledSystem.color, _styledSystem.flexbox));\nexports.Box = Box;\nvar Flex = (0, _styled[\"default\"])(Box)({\n  display: 'flex'\n});\nexports.Flex = Flex;"],"names":["dist","Flex_1","Box_1","_interopRequireDefault","require$$0","_styled","require$$1","_styledSystem","require$$2","_css","_interopRequireWildcard","require$$3","_shouldForwardProp","require$$4","_getRequireWildcardCache","cache","obj","newObj","hasPropertyDescriptor","key","desc","sx","props","base","variant","_ref","theme","_ref$tx","tx","Box","Flex"],"mappings":";;;;;;AAEA,OAAO,eAAeA,GAAS,cAAc;AAAA,EAC3C,OAAO;AACT,CAAC;AACD,IAAAC,IAAAD,EAAA,OAAeE,IAAAF,EAAA,MAAc;AAEhBG,EAAuBC,CAAgB;AAEpD,IAAIC,IAAUF,EAAuBG,CAA0B,GAE3DC,IAAgBC,GAEhBC,IAAOC,EAAwBC,CAA6B,GAE5DC,IAAqBT,EAAuBU,CAA6C;AAE7F,SAASC,IAA2B;AAAE,MAAI,OAAO,WAAY;AAAY,WAAO;AAAM,MAAIC,IAAQ,oBAAI,QAAS;AAAE,SAAAD,IAA2B,WAAoC;AAAE,WAAOC;AAAA,KAAiBA;AAAQ;AAElN,SAASL,EAAwBM,GAAK;AAAE,MAAIA,KAAOA,EAAI;AAAc,WAAOA;AAAO,MAAID,IAAQD;AAA4B,MAAIC,KAASA,EAAM,IAAIC,CAAG;AAAK,WAAOD,EAAM,IAAIC,CAAG;AAAK,MAAIC,IAAS,CAAE;AAAE,MAAID,KAAO,MAAM;AAAE,QAAIE,IAAwB,OAAO,kBAAkB,OAAO;AAA0B,aAASC,KAAOH;AAAO,UAAI,OAAO,UAAU,eAAe,KAAKA,GAAKG,CAAG,GAAG;AAAE,YAAIC,IAAOF,IAAwB,OAAO,yBAAyBF,GAAKG,CAAG,IAAI;AAAM,QAAIC,MAASA,EAAK,OAAOA,EAAK,OAAQ,OAAO,eAAeH,GAAQE,GAAKC,CAAI,IAAYH,EAAOE,CAAG,IAAIH,EAAIG,CAAG;AAAA;EAAQ;AAAG,SAAAF,EAAO,UAAaD,GAASD,KAASA,EAAM,IAAIC,GAAKC,CAAM,GAAYA;AAAS;AAExpB,SAASd,EAAuBa,GAAK;AAAE,SAAOA,KAAOA,EAAI,aAAaA,IAAM,EAAE,SAAWA,EAAG;AAAK;AAEjG,IAAIK,IAAK,SAAYC,GAAO;AAC1B,aAAWb,EAAK,SAAYa,EAAM,EAAE,EAAEA,EAAM,KAAK;AACnD,GAEIC,IAAO,SAAcD,GAAO;AAC9B,aAAWb,EAAK,SAAYa,EAAM,KAAK,EAAEA,EAAM,KAAK;AACtD,GAEIE,IAAU,SAAiBC,GAAM;AACnC,MAAIC,IAAQD,EAAK,OACbD,IAAUC,EAAK,SACfE,IAAUF,EAAK,IACfG,IAAKD,MAAY,SAAS,aAAaA;AAC3C,aAAWlB,EAAK,aAAgBA,EAAK,KAAKiB,GAAOE,IAAK,MAAMJ,OAAaf,EAAK,KAAKiB,GAAOF,CAAO,CAAC,CAAC,EAAEE,CAAK;AAC5G,GAEIG,QAAUxB,EAAQ,SAAY,OAAO;AAAA,EACvC,mBAAmBO,EAAmB;AACxC,CAAC,EAAE;AAAA,EACD,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AACZ,GAAGW,GAAMC,GAASH,GAAI,SAAUC,GAAO;AACrC,SAAOA,EAAM;AACf,OAAOf,EAAc,SAASA,EAAc,OAAOA,EAAc,QAAQA,EAAc,YAAYA,EAAc,OAAOA,EAAc,OAAO,CAAC,GACnIL,IAAAF,EAAA,MAAG6B,GACVC,QAAWzB,EAAQ,SAAYwB,CAAG,EAAE;AAAA,EACtC,SAAS;AACX,CAAC;AACD5B,IAAAD,EAAA,OAAe8B;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library293.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/sd-component-library294.js

@@ -1,28 +1,65 @@
-import m from "./sd-component-library318.js";
-import e from "./sd-component-library339.js";
-import "./sd-component-library325.js";
-import { compose as p } from "./sd-component-library326.js";
-import { space as i } from "./sd-component-library335.js";
-import { typography as f } from "./sd-component-library329.js";
-import { color as a } from "./sd-component-library328.js";
-import { layout as n } from "./sd-component-library327.js";
-import { flexbox as l } from "./sd-component-library330.js";
-import { border as d } from "./sd-component-library332.js";
-import { background as c } from "./sd-component-library333.js";
-import { position as s } from "./sd-component-library334.js";
-import { grid as u } from "./sd-component-library331.js";
-import { shadow as x } from "./sd-component-library336.js";
-import { buttonStyle as y, textStyle as g, colorStyle as S } from "./sd-component-library337.js";
-var b = p(i, f, a, n, l, d, c, s, u, x, y, g, S), h = b.propNames, v = function(r) {
-  var t = new RegExp("^(" + r.join("|") + ")$");
-  return m(function(o) {
-    return e(o) && !t.test(o);
-  });
-};
-const G = v(h);
+import { __exports as o } from "./sd-component-library344.js";
+import v from "react";
+import p from "./sd-component-library290.js";
+import x from "./sd-component-library291.js";
+import _ from "./sd-component-library292.js";
+import m from "./sd-component-library293.js";
+Object.defineProperty(o, "__esModule", {
+  value: !0
+});
+var h = o.Flex = P = o.Box = void 0;
+f(v);
+var d = f(p), n = x, u = y(_), g = f(m);
+function c() {
+  if (typeof WeakMap != "function")
+    return null;
+  var e = /* @__PURE__ */ new WeakMap();
+  return c = function() {
+    return e;
+  }, e;
+}
+function y(e) {
+  if (e && e.__esModule)
+    return e;
+  var r = c();
+  if (r && r.has(e))
+    return r.get(e);
+  var t = {};
+  if (e != null) {
+    var l = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var a in e)
+      if (Object.prototype.hasOwnProperty.call(e, a)) {
+        var i = l ? Object.getOwnPropertyDescriptor(e, a) : null;
+        i && (i.get || i.set) ? Object.defineProperty(t, a, i) : t[a] = e[a];
+      }
+  }
+  return t.default = e, r && r.set(e, t), t;
+}
+function f(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+var O = function(r) {
+  return (0, u.default)(r.sx)(r.theme);
+}, $ = function(r) {
+  return (0, u.default)(r.__css)(r.theme);
+}, q = function(r) {
+  var t = r.theme, l = r.variant, a = r.tx, i = a === void 0 ? "variants" : a;
+  return (0, u.default)((0, u.get)(t, i + "." + l, (0, u.get)(t, l)))(t);
+}, s = (0, d.default)("div", {
+  shouldForwardProp: g.default
+})({
+  boxSizing: "border-box",
+  margin: 0,
+  minWidth: 0
+}, $, q, O, function(e) {
+  return e.css;
+}, (0, n.compose)(n.space, n.layout, n.typography, n.color, n.flexbox)), P = o.Box = s, w = (0, d.default)(s)({
+  display: "flex"
+});
+h = o.Flex = w;
 export {
-  v as createShouldForwardProp,
-  G as default,
-  h as props
+  P as Box,
+  h as Flex,
+  o as default
 };
 //# sourceMappingURL=sd-component-library294.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library294.js","sources":["../node_modules/@styled-system/should-forward-prop/dist/index.esm.js"],"sourcesContent":["import memoize from '@emotion/memoize';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { compose, space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle } from 'styled-system';\nvar all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);\nexport var props = all.propNames;\nexport var createShouldForwardProp = function createShouldForwardProp(props) {\n  var regex = new RegExp(\"^(\" + props.join('|') + \")$\");\n  return memoize(function (prop) {\n    return isPropValid(prop) && !regex.test(prop);\n  });\n};\nexport default createShouldForwardProp(props);\n"],"names":["all","compose","space","typography","color","layout","flexbox","border","background","position","grid","shadow","buttonStyle","textStyle","colorStyle","props","createShouldForwardProp","regex","memoize","prop","isPropValid","index_esm"],"mappings":";;;;;;;;;;;;;;;AAGA,IAAIA,IAAMC,EAAQC,GAAOC,GAAYC,GAAOC,GAAQC,GAASC,GAAQC,GAAYC,GAAUC,GAAMC,GAAQC,GAAaC,GAAWC,CAAU,GAChIC,IAAQf,EAAI,WACZgB,IAA0B,SAAiCD,GAAO;AAC3E,MAAIE,IAAQ,IAAI,OAAO,OAAOF,EAAM,KAAK,GAAG,IAAI,IAAI;AACpD,SAAOG,EAAQ,SAAUC,GAAM;AAC7B,WAAOC,EAAYD,CAAI,KAAK,CAACF,EAAM,KAAKE,CAAI;AAAA,EAChD,CAAG;AACH;AACA,MAAeE,IAAAL,EAAwBD,CAAK;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library294.js","sources":["../node_modules/@rebass/forms/node_modules/reflexbox/dist/index.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.Flex = exports.Box = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _styled = _interopRequireDefault(require(\"@emotion/styled\"));\n\nvar _styledSystem = require(\"styled-system\");\n\nvar _css = _interopRequireWildcard(require(\"@styled-system/css\"));\n\nvar _shouldForwardProp = _interopRequireDefault(require(\"@styled-system/should-forward-prop\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar sx = function sx(props) {\n  return (0, _css[\"default\"])(props.sx)(props.theme);\n};\n\nvar base = function base(props) {\n  return (0, _css[\"default\"])(props.__css)(props.theme);\n};\n\nvar variant = function variant(_ref) {\n  var theme = _ref.theme,\n      variant = _ref.variant,\n      _ref$tx = _ref.tx,\n      tx = _ref$tx === void 0 ? 'variants' : _ref$tx;\n  return (0, _css[\"default\"])((0, _css.get)(theme, tx + '.' + variant, (0, _css.get)(theme, variant)))(theme);\n};\n\nvar Box = (0, _styled[\"default\"])('div', {\n  shouldForwardProp: _shouldForwardProp[\"default\"]\n})({\n  boxSizing: 'border-box',\n  margin: 0,\n  minWidth: 0\n}, base, variant, sx, function (props) {\n  return props.css;\n}, (0, _styledSystem.compose)(_styledSystem.space, _styledSystem.layout, _styledSystem.typography, _styledSystem.color, _styledSystem.flexbox));\nexports.Box = Box;\nvar Flex = (0, _styled[\"default\"])(Box)({\n  display: 'flex'\n});\nexports.Flex = Flex;"],"names":["dist","Flex_1","Box_1","_interopRequireDefault","require$$0","_styled","require$$1","_styledSystem","require$$2","_css","_interopRequireWildcard","require$$3","_shouldForwardProp","require$$4","_getRequireWildcardCache","cache","obj","newObj","hasPropertyDescriptor","key","desc","sx","props","base","variant","_ref","theme","_ref$tx","tx","Box","Flex"],"mappings":";;;;;;AAEA,OAAO,eAAeA,GAAS,cAAc;AAAA,EAC3C,OAAO;AACT,CAAC;AACD,IAAAC,IAAAD,EAAA,OAAeE,IAAAF,EAAA,MAAc;AAEhBG,EAAuBC,CAAgB;AAEpD,IAAIC,IAAUF,EAAuBG,CAA0B,GAE3DC,IAAgBC,GAEhBC,IAAOC,EAAwBC,CAA6B,GAE5DC,IAAqBT,EAAuBU,CAA6C;AAE7F,SAASC,IAA2B;AAAE,MAAI,OAAO,WAAY;AAAY,WAAO;AAAM,MAAIC,IAAQ,oBAAI,QAAS;AAAE,SAAAD,IAA2B,WAAoC;AAAE,WAAOC;AAAA,KAAiBA;AAAQ;AAElN,SAASL,EAAwBM,GAAK;AAAE,MAAIA,KAAOA,EAAI;AAAc,WAAOA;AAAO,MAAID,IAAQD;AAA4B,MAAIC,KAASA,EAAM,IAAIC,CAAG;AAAK,WAAOD,EAAM,IAAIC,CAAG;AAAK,MAAIC,IAAS,CAAE;AAAE,MAAID,KAAO,MAAM;AAAE,QAAIE,IAAwB,OAAO,kBAAkB,OAAO;AAA0B,aAASC,KAAOH;AAAO,UAAI,OAAO,UAAU,eAAe,KAAKA,GAAKG,CAAG,GAAG;AAAE,YAAIC,IAAOF,IAAwB,OAAO,yBAAyBF,GAAKG,CAAG,IAAI;AAAM,QAAIC,MAASA,EAAK,OAAOA,EAAK,OAAQ,OAAO,eAAeH,GAAQE,GAAKC,CAAI,IAAYH,EAAOE,CAAG,IAAIH,EAAIG,CAAG;AAAA;EAAQ;AAAG,SAAAF,EAAO,UAAaD,GAASD,KAASA,EAAM,IAAIC,GAAKC,CAAM,GAAYA;AAAS;AAExpB,SAASd,EAAuBa,GAAK;AAAE,SAAOA,KAAOA,EAAI,aAAaA,IAAM,EAAE,SAAWA,EAAG;AAAK;AAEjG,IAAIK,IAAK,SAAYC,GAAO;AAC1B,aAAWb,EAAK,SAAYa,EAAM,EAAE,EAAEA,EAAM,KAAK;AACnD,GAEIC,IAAO,SAAcD,GAAO;AAC9B,aAAWb,EAAK,SAAYa,EAAM,KAAK,EAAEA,EAAM,KAAK;AACtD,GAEIE,IAAU,SAAiBC,GAAM;AACnC,MAAIC,IAAQD,EAAK,OACbD,IAAUC,EAAK,SACfE,IAAUF,EAAK,IACfG,IAAKD,MAAY,SAAS,aAAaA;AAC3C,aAAWlB,EAAK,aAAgBA,EAAK,KAAKiB,GAAOE,IAAK,MAAMJ,OAAaf,EAAK,KAAKiB,GAAOF,CAAO,CAAC,CAAC,EAAEE,CAAK;AAC5G,GAEIG,QAAUxB,EAAQ,SAAY,OAAO;AAAA,EACvC,mBAAmBO,EAAmB;AACxC,CAAC,EAAE;AAAA,EACD,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AACZ,GAAGW,GAAMC,GAASH,GAAI,SAAUC,GAAO;AACrC,SAAOA,EAAM;AACf,OAAOf,EAAc,SAASA,EAAc,OAAOA,EAAc,QAAQA,EAAc,YAAYA,EAAc,OAAOA,EAAc,OAAO,CAAC,GACnIL,IAAAF,EAAA,MAAG6B,GACVC,QAAWzB,EAAQ,SAAYwB,CAAG,EAAE;AAAA,EACtC,SAAS;AACX,CAAC;AACD5B,IAAAD,EAAA,OAAe8B;","x_google_ignoreList":[0]}