@ledgerhq/react-ui 0.12.1-recover-beta.0 → 0.13.0-next.0

package/lib/cjs/components/layout/Popin/index.js

@@ -1,39 +1,46 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Popin_exports = {};
+__export(Popin_exports, {
   default: () => Popin_default
 });
-var import_react = __toModule(require("react"));
-var import_react_dom = __toModule(require("react-dom"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_CloseRegular = __toModule(require("@ledgerhq/icons-ui/react/CloseRegular"));
-var import_ArrowLeftRegular = __toModule(require("@ledgerhq/icons-ui/react/ArrowLeftRegular"));
-var import_styled = __toModule(require("../../styled"));
-var import_Flex = __toModule(require("../../layout/Flex"));
-var import_Button = __toModule(require("../../cta/Button"));
-var import_TransitionInOut = __toModule(require("../../transitions/TransitionInOut"));
-var import_TransitionScale = __toModule(require("../../transitions/TransitionScale"));
+module.exports = __toCommonJS(Popin_exports);
+var import_react = __toESM(require("react"));
+var import_react_dom = __toESM(require("react-dom"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_CloseMedium = __toESM(require("@ledgerhq/icons-ui/react/CloseMedium"));
+var import_ArrowLeftMedium = __toESM(require("@ledgerhq/icons-ui/react/ArrowLeftMedium"));
+var import_styled = __toESM(require("../../styled"));
+var import_Flex = __toESM(require("../../layout/Flex"));
+var import_Button = __toESM(require("../../cta/Button"));
+var import_TransitionInOut = __toESM(require("../../transitions/TransitionInOut"));
+var import_TransitionScale = __toESM(require("../../transitions/TransitionScale"));
 const ICON_SIZE = 20;
 const Wrapper = (0, import_styled_components.default)(import_Flex.default).attrs((p) => ({
   flexDirection: "column",
@@ -80,46 +87,21 @@ const IconContainer = (0, import_styled_components.default)(import_Button.defaul
   display: flex;
   align-items: center;
 `;
-const PopinHeader = ({ children, onClose, onBack, ...props }) => /* @__PURE__ */ import_react.default.createElement(Header, {
-  ...props
-}, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, null, onBack ? /* @__PURE__ */ import_react.default.createElement(IconContainer, {
-  onClick: onBack
-}, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeftRegular.default, {
-  size: ICON_SIZE,
-  color: "neutral.c100"
-})) : null), /* @__PURE__ */ import_react.default.createElement(HeaderTitleContainer, null, children), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, null, onClose ? /* @__PURE__ */ import_react.default.createElement(IconContainer, {
-  onClick: onClose
-}, /* @__PURE__ */ import_react.default.createElement(import_CloseRegular.default, {
-  size: ICON_SIZE,
-  color: "neutral.c100"
-})) : null));
-const Popin = ({ isOpen, children, width, height, ...props }) => /* @__PURE__ */ import_react.default.createElement(import_TransitionInOut.default, {
-  in: isOpen,
-  appear: true,
-  mountOnEnter: true,
-  unmountOnExit: true
-}, /* @__PURE__ */ import_react.default.createElement(Overlay, null, /* @__PURE__ */ import_react.default.createElement(import_TransitionScale.default, {
-  in: isOpen,
-  appear: true
-}, /* @__PURE__ */ import_react.default.createElement(Wrapper, {
-  width,
-  height,
-  ...props
-}, children))));
+const PopinHeader = ({ children, onClose, onBack, ...props }) => /* @__PURE__ */ import_react.default.createElement(Header, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, null, onBack ? /* @__PURE__ */ import_react.default.createElement(IconContainer, { onClick: onBack }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeftMedium.default, { size: ICON_SIZE, color: "neutral.c100" })) : null), /* @__PURE__ */ import_react.default.createElement(HeaderTitleContainer, null, children), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, null, onClose ? /* @__PURE__ */ import_react.default.createElement(IconContainer, { onClick: onClose }, /* @__PURE__ */ import_react.default.createElement(import_CloseMedium.default, { size: ICON_SIZE, color: "neutral.c100" })) : null));
+const Popin = ({ isOpen, children, width, height, ...props }) => /* @__PURE__ */ import_react.default.createElement(import_TransitionInOut.default, { in: isOpen, appear: true, mountOnEnter: true, unmountOnExit: true }, /* @__PURE__ */ import_react.default.createElement(Overlay, null, /* @__PURE__ */ import_react.default.createElement(import_TransitionScale.default, { in: isOpen, appear: true }, /* @__PURE__ */ import_react.default.createElement(Wrapper, { width, height, ...props }, children))));
 const PopinWrapper = ({
   children,
   menuPortalTarget,
   ...popinProps
 }) => {
-  const $root = import_react.default.useMemo(() => menuPortalTarget === void 0 && typeof document !== void 0 ? document.querySelector("body") : menuPortalTarget, [menuPortalTarget]);
+  const $root = import_react.default.useMemo(
+    () => menuPortalTarget === void 0 && typeof document !== void 0 ? document.querySelector("body") : menuPortalTarget,
+    [menuPortalTarget]
+  );
   if (!$root) {
-    return /* @__PURE__ */ import_react.default.createElement(Popin, {
-      ...popinProps
-    }, children);
+    return /* @__PURE__ */ import_react.default.createElement(Popin, { ...popinProps }, children);
   } else {
-    return import_react_dom.default.createPortal(/* @__PURE__ */ import_react.default.createElement(Popin, {
-      ...popinProps
-    }, children), $root);
+    return import_react_dom.default.createPortal(/* @__PURE__ */ import_react.default.createElement(Popin, { ...popinProps }, children), $root);
   }
 };
 PopinWrapper.Header = PopinHeader;

package/lib/cjs/components/layout/Popin/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/layout/Popin/index.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styled from \"styled-components\";\nimport CloseIcon from \"@ledgerhq/icons-ui/react/CloseRegular\";\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/react/ArrowLeftRegular\";\n\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport Flex from \"../../layout/Flex\";\nimport type { FlexBoxProps } from \"../../layout/Flex\";\nimport Button from \"../../cta/Button\";\nimport TransitionInOut from \"../../transitions/TransitionInOut\";\nimport TransitionScale from \"../../transitions/TransitionScale\";\n\nexport interface PopinProps extends BaseStyledProps {\n  isOpen: boolean;\n  children: React.ReactNode;\n  menuPortalTarget?: Element | null;\n}\n\nexport type PopinHeaderProps = BaseStyledProps & {\n  onClose?: () => void;\n  onBack?: () => void;\n  children: React.ReactNode;\n};\n\nconst ICON_SIZE = 20;\n\nconst Wrapper = styled(Flex).attrs<FlexBoxProps>((p) => ({\n  flexDirection: \"column\",\n  alignItems: \"stretch\",\n  justifyContent: \"space-between\",\n  height: p.height || `${p.theme.sizes.drawer.popin.max.height}px`,\n  width: p.width || `${p.theme.sizes.drawer.popin.max.width}px`,\n  minHeight: `${p.theme.sizes.drawer.popin.min.height}px`,\n  minWidth: `${p.theme.sizes.drawer.popin.min.width}px`,\n  maxHeight: `${p.theme.sizes.drawer.popin.max.height}px`,\n  maxWidth: `${p.theme.sizes.drawer.popin.max.width}px`,\n  zIndex: p.theme.zIndexes[8],\n  p: p.p !== undefined ? p.p : p.theme.space[10],\n  rowGap: 6,\n  backgroundColor: \"background.main\",\n}))``;\n\nconst Overlay = styled(Flex).attrs((p) => ({\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  width: \"100vw\",\n  height: \"100vh\",\n  zIndex: p.theme.zIndexes[8],\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  backgroundColor: \"constant.overlay\",\n}))``;\n\nconst Header = baseStyled.section`\n  display: grid;\n  grid-template-columns: [icon] ${ICON_SIZE}px [title] 1fr [icon] ${ICON_SIZE}px;\n  column-gap: 12px;\n`;\n\nconst HeaderTitleContainer = styled(Flex).attrs(() => ({\n  justifyContent: \"center\",\n}))``;\n\nconst PopinBody = baseStyled(Flex).attrs({\n  as: \"section\",\n  flexDirection: \"column\",\n  flex: 1,\n  overflow: \"auto\",\n})``;\n\nconst PopinFooter = baseStyled(Flex).attrs({ as: \"section\" })``;\n\nconst IconContainer = styled(Button.Unstyled)`\n  display: flex;\n  align-items: center;\n`;\n\nconst PopinHeader = ({ children, onClose, onBack, ...props }: PopinHeaderProps) => (\n  <Header {...props}>\n    <Flex>\n      {onBack ? (\n        <IconContainer onClick={onBack}>\n          <ArrowLeftIcon size={ICON_SIZE} color=\"neutral.c100\" />\n        </IconContainer>\n      ) : null}\n    </Flex>\n    <HeaderTitleContainer>{children}</HeaderTitleContainer>\n    <Flex>\n      {onClose ? (\n        <IconContainer onClick={onClose}>\n          <CloseIcon size={ICON_SIZE} color=\"neutral.c100\" />\n        </IconContainer>\n      ) : null}\n    </Flex>\n  </Header>\n);\n\nconst Popin = ({ isOpen, children, width, height, ...props }: PopinProps) => (\n  <TransitionInOut in={isOpen} appear mountOnEnter unmountOnExit>\n    <Overlay>\n      <TransitionScale in={isOpen} appear>\n        <Wrapper width={width} height={height} {...props}>\n          {children}\n        </Wrapper>\n      </TransitionScale>\n    </Overlay>\n  </TransitionInOut>\n);\n\nconst PopinWrapper = ({\n  children,\n  menuPortalTarget,\n  ...popinProps\n}: PopinProps): React.ReactElement => {\n  const $root = React.useMemo(\n    () =>\n      menuPortalTarget === undefined && typeof document !== undefined\n        ? document.querySelector(\"body\")\n        : menuPortalTarget,\n    [menuPortalTarget],\n  );\n  if (!$root) {\n    return <Popin {...popinProps}>{children}</Popin>;\n  } else {\n    return ReactDOM.createPortal(<Popin {...popinProps}>{children}</Popin>, $root);\n  }\n};\n\nPopinWrapper.Header = PopinHeader;\nPopinWrapper.Body = PopinBody;\nPopinWrapper.Footer = PopinFooter;\n\nexport default PopinWrapper;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAqB;AACrB,+BAAmB;AACnB,0BAAsB;AACtB,8BAA0B;AAE1B,oBAA4C;AAC5C,kBAAiB;AAEjB,oBAAmB;AACnB,6BAA4B;AAC5B,6BAA4B;AAc5B,MAAM,YAAY;AAElB,MAAM,UAAU,sCAAO,qBAAM,MAAoB,CAAC,MAAO;AAAA,EACvD,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ,EAAE,UAAU,GAAG,EAAE,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA,EACtD,OAAO,EAAE,SAAS,GAAG,EAAE,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA,EACpD,WAAW,GAAG,EAAE,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA,EAC7C,UAAU,GAAG,EAAE,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA,EAC5C,WAAW,GAAG,EAAE,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA,EAC7C,UAAU,GAAG,EAAE,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA,EAC5C,QAAQ,EAAE,MAAM,SAAS;AAAA,EACzB,GAAG,EAAE,MAAM,SAAY,EAAE,IAAI,EAAE,MAAM,MAAM;AAAA,EAC3C,QAAQ;AAAA,EACR,iBAAiB;AAAA;AAGnB,MAAM,UAAU,sCAAO,qBAAM,MAAM,CAAC,MAAO;AAAA,EACzC,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ,EAAE,MAAM,SAAS;AAAA,EACzB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,iBAAiB;AAAA;AAGnB,MAAM,SAAS,sBAAW;AAAA;AAAA,kCAEQ,kCAAkC;AAAA;AAAA;AAIpE,MAAM,uBAAuB,sCAAO,qBAAM,MAAM,MAAO;AAAA,EACrD,gBAAgB;AAAA;AAGlB,MAAM,YAAY,2BAAW,qBAAM,MAAM;AAAA,EACvC,IAAI;AAAA,EACJ,eAAe;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA;AAGZ,MAAM,cAAc,2BAAW,qBAAM,MAAM,EAAE,IAAI;AAEjD,MAAM,gBAAgB,sCAAO,sBAAO;AAAA;AAAA;AAAA;AAKpC,MAAM,cAAc,CAAC,EAAE,UAAU,SAAS,WAAW,YACnD,mDAAC,QAAD;AAAA,KAAY;AAAA,GACV,mDAAC,qBAAD,MACG,SACC,mDAAC,eAAD;AAAA,EAAe,SAAS;AAAA,GACtB,mDAAC,iCAAD;AAAA,EAAe,MAAM;AAAA,EAAW,OAAM;AAAA,MAEtC,OAEN,mDAAC,sBAAD,MAAuB,WACvB,mDAAC,qBAAD,MACG,UACC,mDAAC,eAAD;AAAA,EAAe,SAAS;AAAA,GACtB,mDAAC,6BAAD;AAAA,EAAW,MAAM;AAAA,EAAW,OAAM;AAAA,MAElC;AAKV,MAAM,QAAQ,CAAC,EAAE,QAAQ,UAAU,OAAO,WAAW,YACnD,mDAAC,gCAAD;AAAA,EAAiB,IAAI;AAAA,EAAQ,QAAM;AAAA,EAAC,cAAY;AAAA,EAAC,eAAa;AAAA,GAC5D,mDAAC,SAAD,MACE,mDAAC,gCAAD;AAAA,EAAiB,IAAI;AAAA,EAAQ,QAAM;AAAA,GACjC,mDAAC,SAAD;AAAA,EAAS;AAAA,EAAc;AAAA,KAAoB;AAAA,GACxC;AAOX,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,KACG;AAAA,MACiC;AACpC,QAAM,QAAQ,qBAAM,QAClB,MACE,qBAAqB,UAAa,OAAO,aAAa,SAClD,SAAS,cAAc,UACvB,kBACN,CAAC;AAEH,MAAI,CAAC,OAAO;AACV,WAAO,mDAAC,OAAD;AAAA,SAAW;AAAA,OAAa;AAAA,SAC1B;AACL,WAAO,yBAAS,aAAa,mDAAC,OAAD;AAAA,SAAW;AAAA,OAAa,WAAmB;AAAA;AAAA;AAI5E,aAAa,SAAS;AACtB,aAAa,OAAO;AACpB,aAAa,SAAS;AAEtB,IAAO,gBAAQ;",
-  "names": []
+  "sourcesContent": ["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styled from \"styled-components\";\nimport CloseIcon from \"@ledgerhq/icons-ui/react/CloseMedium\";\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/react/ArrowLeftMedium\";\n\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport Flex from \"../../layout/Flex\";\nimport type { FlexBoxProps } from \"../../layout/Flex\";\nimport Button from \"../../cta/Button\";\nimport TransitionInOut from \"../../transitions/TransitionInOut\";\nimport TransitionScale from \"../../transitions/TransitionScale\";\n\nexport interface PopinProps extends BaseStyledProps {\n  isOpen: boolean;\n  children: React.ReactNode;\n  menuPortalTarget?: Element | null;\n}\n\nexport type PopinHeaderProps = BaseStyledProps & {\n  onClose?: () => void;\n  onBack?: () => void;\n  children: React.ReactNode;\n};\n\nconst ICON_SIZE = 20;\n\nconst Wrapper = styled(Flex).attrs<FlexBoxProps>((p) => ({\n  flexDirection: \"column\",\n  alignItems: \"stretch\",\n  justifyContent: \"space-between\",\n  height: p.height || `${p.theme.sizes.drawer.popin.max.height}px`,\n  width: p.width || `${p.theme.sizes.drawer.popin.max.width}px`,\n  minHeight: `${p.theme.sizes.drawer.popin.min.height}px`,\n  minWidth: `${p.theme.sizes.drawer.popin.min.width}px`,\n  maxHeight: `${p.theme.sizes.drawer.popin.max.height}px`,\n  maxWidth: `${p.theme.sizes.drawer.popin.max.width}px`,\n  zIndex: p.theme.zIndexes[8],\n  p: p.p !== undefined ? p.p : p.theme.space[10],\n  rowGap: 6,\n  backgroundColor: \"background.main\",\n}))``;\n\nconst Overlay = styled(Flex).attrs((p) => ({\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  width: \"100vw\",\n  height: \"100vh\",\n  zIndex: p.theme.zIndexes[8],\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  backgroundColor: \"constant.overlay\",\n}))``;\n\nconst Header = baseStyled.section`\n  display: grid;\n  grid-template-columns: [icon] ${ICON_SIZE}px [title] 1fr [icon] ${ICON_SIZE}px;\n  column-gap: 12px;\n`;\n\nconst HeaderTitleContainer = styled(Flex).attrs(() => ({\n  justifyContent: \"center\",\n}))``;\n\nconst PopinBody = baseStyled(Flex).attrs({\n  as: \"section\",\n  flexDirection: \"column\",\n  flex: 1,\n  overflow: \"auto\",\n})``;\n\nconst PopinFooter = baseStyled(Flex).attrs({ as: \"section\" })``;\n\nconst IconContainer = styled(Button.Unstyled)`\n  display: flex;\n  align-items: center;\n`;\n\nconst PopinHeader = ({ children, onClose, onBack, ...props }: PopinHeaderProps) => (\n  <Header {...props}>\n    <Flex>\n      {onBack ? (\n        <IconContainer onClick={onBack}>\n          <ArrowLeftIcon size={ICON_SIZE} color=\"neutral.c100\" />\n        </IconContainer>\n      ) : null}\n    </Flex>\n    <HeaderTitleContainer>{children}</HeaderTitleContainer>\n    <Flex>\n      {onClose ? (\n        <IconContainer onClick={onClose}>\n          <CloseIcon size={ICON_SIZE} color=\"neutral.c100\" />\n        </IconContainer>\n      ) : null}\n    </Flex>\n  </Header>\n);\n\nconst Popin = ({ isOpen, children, width, height, ...props }: PopinProps) => (\n  <TransitionInOut in={isOpen} appear mountOnEnter unmountOnExit>\n    <Overlay>\n      <TransitionScale in={isOpen} appear>\n        <Wrapper width={width} height={height} {...props}>\n          {children}\n        </Wrapper>\n      </TransitionScale>\n    </Overlay>\n  </TransitionInOut>\n);\n\nconst PopinWrapper = ({\n  children,\n  menuPortalTarget,\n  ...popinProps\n}: PopinProps): React.ReactElement => {\n  const $root = React.useMemo(\n    () =>\n      menuPortalTarget === undefined && typeof document !== undefined\n        ? document.querySelector(\"body\")\n        : menuPortalTarget,\n    [menuPortalTarget],\n  );\n  if (!$root) {\n    return <Popin {...popinProps}>{children}</Popin>;\n  } else {\n    return ReactDOM.createPortal(<Popin {...popinProps}>{children}</Popin>, $root);\n  }\n};\n\nPopinWrapper.Header = PopinHeader;\nPopinWrapper.Body = PopinBody;\nPopinWrapper.Footer = PopinFooter;\n\nexport default PopinWrapper;\n"],
+  "mappings": "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",
+  "names": ["styled", "Flex", "baseStyled", "Button", "React", "ArrowLeftIcon", "CloseIcon", "TransitionInOut", "TransitionScale", "ReactDOM"]
 }

package/lib/cjs/components/layout/Side/Provider.js

@@ -1,33 +1,40 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Provider_exports = {};
+__export(Provider_exports, {
   context: () => context,
   default: () => Provider_default,
   setSide: () => setSide,
   useSide: () => useSide
 });
-var import_react = __toModule(require("react"));
+module.exports = __toCommonJS(Provider_exports);
+var import_react = __toESM(require("react"));
 let setSide = () => {
 };
 const reducer = (state, update) => {
@@ -57,12 +64,16 @@ const SideProvider = ({ children }) => {
   (0, import_react.useEffect)(() => {
     setSide = _setSide;
   }, [_setSide]);
-  return /* @__PURE__ */ import_react.default.createElement(context.Provider, {
-    value: {
-      state,
-      setSide: _setSide
-    }
-  }, children);
+  return /* @__PURE__ */ import_react.default.createElement(
+    context.Provider,
+    {
+      value: {
+        state,
+        setSide: _setSide
+      }
+    },
+    children
+  );
 };
 var Provider_default = SideProvider;
 //# sourceMappingURL=Provider.js.map

package/lib/cjs/components/layout/Side/Provider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/layout/Side/Provider.tsx"],
   "sourcesContent": ["import React, { useReducer, useEffect, useCallback, useContext } from \"react\";\nimport type { SideProps } from \".\";\n\ninterface State<P extends SideProps = SideProps> {\n  Component: React.ComponentType<P> | null | undefined;\n  props?: P;\n  open: boolean;\n}\n// actions\n// it makes them available and current from connector events handlers\nexport let setSide: <P extends SideProps = SideProps>(\n  Component?: State<P>[\"Component\"],\n  props?: State<P>[\"props\"],\n) => void = () => {};\n\n// reducer\nconst reducer = <P extends SideProps = SideProps>(state: State<P>, update: State<P>) => {\n  return { ...state, ...update };\n};\n\nconst initialState: State = {\n  Component: null,\n  open: false,\n};\n\ninterface ContextValue<P extends SideProps = SideProps> {\n  state: State<P>;\n  setSide: (Component?: React.ComponentType<P>, props?: P) => void;\n}\n\nexport const context = React.createContext<ContextValue>({\n  state: initialState,\n  setSide: () => {},\n});\n\nexport const useSide = (): ContextValue => {\n  return useContext(context);\n};\n\nconst SideProvider = ({ children }: { children: React.ReactNode }): JSX.Element => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  const _setSide = useCallback((Component, props) => {\n    dispatch({\n      Component,\n      props,\n      open: !!Component,\n    });\n  }, []);\n\n  useEffect(() => {\n    setSide = _setSide;\n  }, [_setSide]);\n\n  return (\n    <context.Provider\n      value={{\n        state,\n        setSide: _setSide,\n      }}\n    >\n      {children}\n    </context.Provider>\n  );\n};\n\nexport default SideProvider;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsE;AAU/D,IAAI,UAGC,MAAM;AAAA;AAGlB,MAAM,UAAU,CAAkC,OAAiB,WAAqB;AACtF,SAAO,KAAK,UAAU;AAAA;AAGxB,MAAM,eAAsB;AAAA,EAC1B,WAAW;AAAA,EACX,MAAM;AAAA;AAQD,MAAM,UAAU,qBAAM,cAA4B;AAAA,EACvD,OAAO;AAAA,EACP,SAAS,MAAM;AAAA;AAAA;AAGV,MAAM,UAAU,MAAoB;AACzC,SAAO,6BAAW;AAAA;AAGpB,MAAM,eAAe,CAAC,EAAE,eAA2D;AACjF,QAAM,CAAC,OAAO,YAAY,6BAAW,SAAS;AAE9C,QAAM,WAAW,8BAAY,CAAC,WAAW,UAAU;AACjD,aAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA,MAAM,CAAC,CAAC;AAAA;AAAA,KAET;AAEH,8BAAU,MAAM;AACd,cAAU;AAAA,KACT,CAAC;AAEJ,SACE,mDAAC,QAAQ,UAAT;AAAA,IACE,OAAO;AAAA,MACL;AAAA,MACA,SAAS;AAAA;AAAA,KAGV;AAAA;AAKP,IAAO,mBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsE;AAU/D,IAAI,UAGC,MAAM;AAAC;AAGnB,MAAM,UAAU,CAAkC,OAAiB,WAAqB;AACtF,SAAO,EAAE,GAAG,OAAO,GAAG,OAAO;AAC/B;AAEA,MAAM,eAAsB;AAAA,EAC1B,WAAW;AAAA,EACX,MAAM;AACR;AAOO,MAAM,UAAU,aAAAA,QAAM,cAA4B;AAAA,EACvD,OAAO;AAAA,EACP,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC;AAEM,MAAM,UAAU,MAAoB;AACzC,aAAO,yBAAW,OAAO;AAC3B;AAEA,MAAM,eAAe,CAAC,EAAE,SAAS,MAAkD;AACjF,QAAM,CAAC,OAAO,QAAQ,QAAI,yBAAW,SAAS,YAAY;AAE1D,QAAM,eAAW,0BAAY,CAAC,WAAW,UAAU;AACjD,aAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA,MAAM,CAAC,CAAC;AAAA,IACV,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,cAAU;AAAA,EACZ,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,6BAAAA,QAAA;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,MACX;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ;",
+  "names": ["React"]
 }

package/lib/cjs/components/layout/Side/Side.stories.js

@@ -1,36 +1,43 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Side_stories_exports = {};
+__export(Side_stories_exports, {
   Default: () => Default,
   default: () => Side_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_Button = __toModule(require("../../cta/Button"));
-var import_helpers = __toModule(require("../../helpers"));
-var import_index = __toModule(require("./index"));
-var import_Provider = __toModule(require("./Provider"));
+module.exports = __toCommonJS(Side_stories_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_Button = __toESM(require("../../cta/Button"));
+var import_helpers = require("../../helpers");
+var import_index = __toESM(require("./index"));
+var import_Provider = __toESM(require("./Provider"));
 const DummyContentWrapper = import_styled_components.default.div`
   width: 100%;
   background-color: ${(p) => p.color};
@@ -44,25 +51,27 @@ const onBackLvl2 = () => (0, import_Provider.setSide)(DummySubContentLvl1, {
   onBack: onBackLvl1,
   left: true
 });
-const DummyContent = () => /* @__PURE__ */ import_react.default.createElement(DummyContentWrapper, {
-  color: "#957DAD"
-}, /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
-  onClick: () => (0, import_Provider.setSide)(DummySubContentLvl1, {
-    onBack: onBackLvl1,
-    left: true
-  })
-}, "Go to level 2"));
-const DummySubContentLvl1 = () => /* @__PURE__ */ import_react.default.createElement(DummyContentWrapper, {
-  color: "#E0BBE4"
-}, /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
-  onClick: () => (0, import_Provider.setSide)(DummySubContentLvl2, {
-    onBack: onBackLvl2,
-    left: true
-  })
-}, "Go to level 3"), /* @__PURE__ */ import_react.default.createElement("div", null, import_helpers.lipsum));
-const DummySubContentLvl2 = () => /* @__PURE__ */ import_react.default.createElement(DummyContentWrapper, {
-  color: "#FEC8D8"
-}, /* @__PURE__ */ import_react.default.createElement("div", null, import_helpers.lipsum));
+const DummyContent = () => /* @__PURE__ */ import_react.default.createElement(DummyContentWrapper, { color: "#957DAD" }, /* @__PURE__ */ import_react.default.createElement(
+  import_Button.default,
+  {
+    onClick: () => (0, import_Provider.setSide)(DummySubContentLvl1, {
+      onBack: onBackLvl1,
+      left: true
+    })
+  },
+  "Go to level 2"
+));
+const DummySubContentLvl1 = () => /* @__PURE__ */ import_react.default.createElement(DummyContentWrapper, { color: "#E0BBE4" }, /* @__PURE__ */ import_react.default.createElement(
+  import_Button.default,
+  {
+    onClick: () => (0, import_Provider.setSide)(DummySubContentLvl2, {
+      onBack: onBackLvl2,
+      left: true
+    })
+  },
+  "Go to level 3"
+), /* @__PURE__ */ import_react.default.createElement("div", null, import_helpers.lipsum));
+const DummySubContentLvl2 = () => /* @__PURE__ */ import_react.default.createElement(DummyContentWrapper, { color: "#FEC8D8" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_helpers.lipsum));
 const components = {
   DummyContent,
   DummySubContentLvl1,
@@ -110,9 +119,7 @@ const Template = (args) => {
     if (!args.isOpen)
       onClose();
   }, [args.isOpen, onClose, onOpen]);
-  return /* @__PURE__ */ import_react.default.createElement(import_Provider.default, null, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args
-  }));
+  return /* @__PURE__ */ import_react.default.createElement(import_Provider.default, null, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args }));
 };
 const Default = Template.bind({});
 Default.args = {};

package/lib/cjs/components/layout/Side/Side.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/layout/Side/Side.stories.tsx"],
   "sourcesContent": ["import React, { useCallback, useEffect } from \"react\";\nimport styled from \"styled-components\";\n\nimport Button from \"../../cta/Button\";\nimport { lipsum } from \"../../helpers\";\nimport Side, { SideProps } from \"./index\";\nimport SideProvider, { setSide } from \"./Provider\";\n\nconst DummyContentWrapper = styled.div`\n  width: 100%;\n  background-color: ${(p) => p.color};\n  align-items: center;\n  padding: ${(p) => p.theme.space[4]}px;\n`;\n\nconst onBackLvl1 = () =>\n  setSide<SideProps & { left: boolean }>(DummyContent, {\n    left: true,\n  });\n\nconst onBackLvl2 = () =>\n  setSide(DummySubContentLvl1, {\n    onBack: onBackLvl1,\n    left: true,\n  });\n\nconst DummyContent = () => (\n  <DummyContentWrapper color={\"#957DAD\"}>\n    <Button\n      onClick={() =>\n        setSide(DummySubContentLvl1, {\n          onBack: onBackLvl1,\n          left: true,\n        })\n      }\n    >\n      {\"Go to level 2\"}\n    </Button>\n  </DummyContentWrapper>\n);\n\nconst DummySubContentLvl1 = () => (\n  <DummyContentWrapper color={\"#E0BBE4\"}>\n    <Button\n      onClick={() =>\n        setSide(DummySubContentLvl2, {\n          onBack: onBackLvl2,\n          left: true,\n        })\n      }\n    >\n      {\"Go to level 3\"}\n    </Button>\n    <div>{lipsum}</div>\n  </DummyContentWrapper>\n);\n\nconst DummySubContentLvl2 = () => (\n  <DummyContentWrapper color={\"#FEC8D8\"}>\n    <div>{lipsum}</div>\n  </DummyContentWrapper>\n);\n\nconst components = {\n  DummyContent,\n  DummySubContentLvl1,\n  DummySubContentLvl2,\n};\n\nexport default {\n  title: \"Layout/Drawer/Side\",\n  component: Side,\n  argTypes: {\n    isOpen: {\n      type: \"boolean\",\n      value: true,\n      description: \"Is open\",\n      required: false,\n      control: {\n        type: \"boolean\",\n      },\n    },\n    title: {\n      type: \"text\",\n      description: \"Side default title\",\n      defaultValue: \"Default title\",\n      control: {\n        type: \"text\",\n      },\n      required: false,\n    },\n    big: {\n      type: \"boolean\",\n      value: true,\n      description: \"Larger width side drawer.\",\n      required: false,\n      control: {\n        type: \"boolean\",\n      },\n    },\n  },\n};\n\nconst Template = (args: SideProps & { isOpen: boolean }) => {\n  const onClose = useCallback(() => setSide(null), []);\n  const onOpen = useCallback(() => setSide(components.DummyContent), []);\n\n  useEffect(() => {\n    if (args.isOpen) onOpen();\n    if (!args.isOpen) onClose();\n  }, [args.isOpen, onClose, onOpen]);\n\n  return (\n    <SideProvider>\n      <Side {...args} />\n    </SideProvider>\n  );\n};\n\nexport const Default = Template.bind({});\n// @ts-expect-error FIXME\nDefault.args = {};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8C;AAC9C,+BAAmB;AAEnB,oBAAmB;AACnB,qBAAuB;AACvB,mBAAgC;AAChC,sBAAsC;AAEtC,MAAM,sBAAsB,iCAAO;AAAA;AAAA,sBAEb,CAAC,MAAM,EAAE;AAAA;AAAA,aAElB,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAGlC,MAAM,aAAa,MACjB,6BAAuC,cAAc;AAAA,EACnD,MAAM;AAAA;AAGV,MAAM,aAAa,MACjB,6BAAQ,qBAAqB;AAAA,EAC3B,QAAQ;AAAA,EACR,MAAM;AAAA;AAGV,MAAM,eAAe,MACnB,mDAAC,qBAAD;AAAA,EAAqB,OAAO;AAAA,GAC1B,mDAAC,uBAAD;AAAA,EACE,SAAS,MACP,6BAAQ,qBAAqB;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAM;AAAA;AAAA,GAIT;AAKP,MAAM,sBAAsB,MAC1B,mDAAC,qBAAD;AAAA,EAAqB,OAAO;AAAA,GAC1B,mDAAC,uBAAD;AAAA,EACE,SAAS,MACP,6BAAQ,qBAAqB;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAM;AAAA;AAAA,GAIT,kBAEH,mDAAC,OAAD,MAAM;AAIV,MAAM,sBAAsB,MAC1B,mDAAC,qBAAD;AAAA,EAAqB,OAAO;AAAA,GAC1B,mDAAC,OAAD,MAAM;AAIV,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA;AAGF,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA,QACP,MAAM;AAAA;AAAA;AAAA,IAGV,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA,MACd,SAAS;AAAA,QACP,MAAM;AAAA;AAAA,MAER,UAAU;AAAA;AAAA,IAEZ,KAAK;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA,QACP,MAAM;AAAA;AAAA;AAAA;AAAA;AAMd,MAAM,WAAW,CAAC,SAA0C;AAC1D,QAAM,UAAU,8BAAY,MAAM,6BAAQ,OAAO;AACjD,QAAM,SAAS,8BAAY,MAAM,6BAAQ,WAAW,eAAe;AAEnE,8BAAU,MAAM;AACd,QAAI,KAAK;AAAQ;AACjB,QAAI,CAAC,KAAK;AAAQ;AAAA,KACjB,CAAC,KAAK,QAAQ,SAAS;AAE1B,SACE,mDAAC,yBAAD,MACE,mDAAC,sBAAD;AAAA,OAAU;AAAA;AAAA;AAKT,MAAM,UAAU,SAAS,KAAK;AAErC,QAAQ,OAAO;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8C;AAC9C,+BAAmB;AAEnB,oBAAmB;AACnB,qBAAuB;AACvB,mBAAgC;AAChC,sBAAsC;AAEtC,MAAM,sBAAsB,yBAAAA,QAAO;AAAA;AAAA,sBAEb,CAAC,MAAM,EAAE;AAAA;AAAA,aAElB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAGnC,MAAM,aAAa,UACjB,yBAAuC,cAAc;AAAA,EACnD,MAAM;AACR,CAAC;AAEH,MAAM,aAAa,UACjB,yBAAQ,qBAAqB;AAAA,EAC3B,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AAEH,MAAM,eAAe,MACnB,6BAAAC,QAAA,cAAC,uBAAoB,OAAO,aAC1B,6BAAAA,QAAA;AAAA,EAAC,cAAAC;AAAA,EAAA;AAAA,IACC,SAAS,UACP,yBAAQ,qBAAqB;AAAA,MAC3B,QAAQ;AAAA,MACR,MAAM;AAAA,IACR,CAAC;AAAA;AAAA,EAGF;AACH,CACF;AAGF,MAAM,sBAAsB,MAC1B,6BAAAD,QAAA,cAAC,uBAAoB,OAAO,aAC1B,6BAAAA,QAAA;AAAA,EAAC,cAAAC;AAAA,EAAA;AAAA,IACC,SAAS,UACP,yBAAQ,qBAAqB;AAAA,MAC3B,QAAQ;AAAA,MACR,MAAM;AAAA,IACR,CAAC;AAAA;AAAA,EAGF;AACH,GACA,6BAAAD,QAAA,cAAC,aAAK,qBAAO,CACf;AAGF,MAAM,sBAAsB,MAC1B,6BAAAA,QAAA,cAAC,uBAAoB,OAAO,aAC1B,6BAAAA,QAAA,cAAC,aAAK,qBAAO,CACf;AAGF,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAE;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA,MACd,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,WAAW,CAAC,SAA0C;AAC1D,QAAM,cAAU,0BAAY,UAAM,yBAAQ,IAAI,GAAG,CAAC,CAAC;AACnD,QAAM,aAAS,0BAAY,UAAM,yBAAQ,WAAW,YAAY,GAAG,CAAC,CAAC;AAErE,8BAAU,MAAM;AACd,QAAI,KAAK;AAAQ,aAAO;AACxB,QAAI,CAAC,KAAK;AAAQ,cAAQ;AAAA,EAC5B,GAAG,CAAC,KAAK,QAAQ,SAAS,MAAM,CAAC;AAEjC,SACE,6BAAAF,QAAA,cAAC,gBAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,aAAAE,SAAA,EAAM,GAAG,MAAM,CAClB;AAEJ;AAEO,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAEvC,QAAQ,OAAO,CAAC;",
+  "names": ["styled", "React", "Button", "Side", "SideProvider"]
 }

package/lib/cjs/components/layout/Side/index.js

@@ -1,36 +1,44 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Side_exports = {};
+__export(Side_exports, {
   SideWrapper: () => SideWrapper,
   default: () => Side_default
 });
-var import_react = __toModule(require("react"));
-var import_react_transition_group = __toModule(require("react-transition-group"));
-var import_Drawer = __toModule(require("../Drawer"));
-var import_TransitionSlide = __toModule(require("../../transitions/TransitionSlide"));
-var import_Provider = __toModule(require("./Provider"));
+module.exports = __toCommonJS(Side_exports);
+var import_react = __toESM(require("react"));
+var import_react_transition_group = require("react-transition-group");
+var import_Drawer = __toESM(require("../Drawer"));
+var import_TransitionSlide = __toESM(require("../../transitions/TransitionSlide"));
+var import_Provider = require("./Provider");
 const SideWrapper = (props) => {
+  var _a;
   const { state, setSide } = (0, import_Provider.useSide)();
   const [queue, setQueue] = (0, import_react.useState)([]);
   const [direction, setDirection] = (0, import_react.useState)("left");
@@ -59,27 +67,23 @@ const SideWrapper = (props) => {
     };
   }, [queue]);
   const wrappedOnBack = (0, import_react.useCallback)(() => {
+    var _a2;
     setDirection("right");
-    const onBack = state?.props?.onBack;
+    const onBack = (_a2 = state == null ? void 0 : state.props) == null ? void 0 : _a2.onBack;
     onBack && onBack();
-  }, [state?.props]);
-  return /* @__PURE__ */ import_react.default.createElement(import_Drawer.default, {
-    ...props,
-    isOpen: !!state.open,
-    onClose,
-    onBack: state?.props?.onBack ? wrappedOnBack : void 0,
-    setTransitionsEnabled,
-    hideNavigation: false
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.TransitionGroup, {
-    enter: transitionsEnabled,
-    exit: transitionsEnabled,
-    component: null
-  }, queue.map(({ Component, props: props2, key }) => /* @__PURE__ */ import_react.default.createElement(import_TransitionSlide.default, {
-    key,
-    direction
-  }, Component && /* @__PURE__ */ import_react.default.createElement(Component, {
-    ...props2
-  })))));
+  }, [state == null ? void 0 : state.props]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Drawer.default,
+    {
+      ...props,
+      isOpen: !!state.open,
+      onClose,
+      onBack: ((_a = state == null ? void 0 : state.props) == null ? void 0 : _a.onBack) ? wrappedOnBack : void 0,
+      setTransitionsEnabled,
+      hideNavigation: false
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.TransitionGroup, { enter: transitionsEnabled, exit: transitionsEnabled, component: null }, queue.map(({ Component, props: props2, key }) => /* @__PURE__ */ import_react.default.createElement(import_TransitionSlide.default, { key, direction }, Component && /* @__PURE__ */ import_react.default.createElement(Component, { ...props2 }))))
+  );
 };
 var Side_default = SideWrapper;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/layout/Side/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/layout/Side/index.tsx"],
   "sourcesContent": ["import React, { useRef, useCallback, useEffect, useState } from \"react\";\nimport { TransitionGroup } from \"react-transition-group\";\nimport Drawer from \"../Drawer\";\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\nimport { useSide } from \"./Provider\";\n\nexport interface SideProps {\n  onBack?: () => void;\n}\n\nexport const SideWrapper = (props: SideProps): JSX.Element => {\n  // Nb Note that it's not a real queue and we need to handle where we go from each _slide_\n  const { state, setSide } = useSide();\n  const [queue, setQueue] = useState<\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    Array<{ Component: React.ComponentType | null | undefined; props?: any; key: number }>\n  >([]);\n  const [direction, setDirection] = useState(\"left\");\n  const [transitionsEnabled, setTransitionsEnabled] = useState(false);\n  const nonce = useRef(0);\n  const onClose = useCallback(() => setSide(), [setSide]);\n\n  useEffect(() => {\n    setQueue((q) => {\n      if (!state.open || !state.Component) return [];\n      return q.concat([{ ...state, key: nonce.current++ }]);\n    });\n  }, [state]);\n\n  useEffect(() => {\n    let timeout: number;\n\n    if (queue.length > 1) {\n      const [, ...rest] = queue;\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore mismatch between nodejs and dom types\n      timeout = setTimeout(() => {\n        setQueue(rest);\n        setDirection(\"left\");\n      }, 0);\n    }\n\n    return () => {\n      if (timeout) clearTimeout(timeout);\n    };\n  }, [queue]);\n\n  const wrappedOnBack = useCallback(() => {\n    setDirection(\"right\");\n    const onBack = state?.props?.onBack;\n    onBack && onBack();\n  }, [state?.props]);\n\n  return (\n    <Drawer\n      {...props}\n      isOpen={!!state.open}\n      onClose={onClose}\n      onBack={state?.props?.onBack ? wrappedOnBack : undefined}\n      setTransitionsEnabled={setTransitionsEnabled}\n      hideNavigation={false}\n    >\n      <TransitionGroup enter={transitionsEnabled} exit={transitionsEnabled} component={null}>\n        {queue.map(({ Component, props, key }) => (\n          <TransitionSlide key={key} direction={direction}>\n            {Component && <Component {...props} />}\n          </TransitionSlide>\n        ))}\n      </TransitionGroup>\n    </Drawer>\n  );\n};\n\nexport default SideWrapper;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgE;AAChE,oCAAgC;AAChC,oBAAmB;AACnB,6BAA4B;AAC5B,sBAAwB;AAMjB,MAAM,cAAc,CAAC,UAAkC;AAE5D,QAAM,EAAE,OAAO,YAAY;AAC3B,QAAM,CAAC,OAAO,YAAY,2BAGxB;AACF,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAC3C,QAAM,CAAC,oBAAoB,yBAAyB,2BAAS;AAC7D,QAAM,QAAQ,yBAAO;AACrB,QAAM,UAAU,8BAAY,MAAM,WAAW,CAAC;AAE9C,8BAAU,MAAM;AACd,aAAS,CAAC,MAAM;AACd,UAAI,CAAC,MAAM,QAAQ,CAAC,MAAM;AAAW,eAAO;AAC5C,aAAO,EAAE,OAAO,CAAC,KAAK,OAAO,KAAK,MAAM;AAAA;AAAA,KAEzC,CAAC;AAEJ,8BAAU,MAAM;AACd,QAAI;AAEJ,QAAI,MAAM,SAAS,GAAG;AACpB,YAAM,CAAC,KAAK,QAAQ;AAGpB,gBAAU,WAAW,MAAM;AACzB,iBAAS;AACT,qBAAa;AAAA,SACZ;AAAA;AAGL,WAAO,MAAM;AACX,UAAI;AAAS,qBAAa;AAAA;AAAA,KAE3B,CAAC;AAEJ,QAAM,gBAAgB,8BAAY,MAAM;AACtC,iBAAa;AACb,UAAM,SAAS,OAAO,OAAO;AAC7B,cAAU;AAAA,KACT,CAAC,OAAO;AAEX,SACE,mDAAC,uBAAD;AAAA,OACM;AAAA,IACJ,QAAQ,CAAC,CAAC,MAAM;AAAA,IAChB;AAAA,IACA,QAAQ,OAAO,OAAO,SAAS,gBAAgB;AAAA,IAC/C;AAAA,IACA,gBAAgB;AAAA,KAEhB,mDAAC,+CAAD;AAAA,IAAiB,OAAO;AAAA,IAAoB,MAAM;AAAA,IAAoB,WAAW;AAAA,KAC9E,MAAM,IAAI,CAAC,EAAE,WAAW,eAAO,UAC9B,mDAAC,gCAAD;AAAA,IAAiB;AAAA,IAAU;AAAA,KACxB,aAAa,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;AAQzC,IAAO,eAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgE;AAChE,oCAAgC;AAChC,oBAAmB;AACnB,6BAA4B;AAC5B,sBAAwB;AAMjB,MAAM,cAAc,CAAC,UAAkC;AAV9D;AAYE,QAAM,EAAE,OAAO,QAAQ,QAAI,yBAAQ;AACnC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAGxB,CAAC,CAAC;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,MAAM;AACjD,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,uBAAS,KAAK;AAClE,QAAM,YAAQ,qBAAO,CAAC;AACtB,QAAM,cAAU,0BAAY,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC;AAEtD,8BAAU,MAAM;AACd,aAAS,CAAC,MAAM;AACd,UAAI,CAAC,MAAM,QAAQ,CAAC,MAAM;AAAW,eAAO,CAAC;AAC7C,aAAO,EAAE,OAAO,CAAC,EAAE,GAAG,OAAO,KAAK,MAAM,UAAU,CAAC,CAAC;AAAA,IACtD,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,QAAI;AAEJ,QAAI,MAAM,SAAS,GAAG;AACpB,YAAM,CAAC,EAAE,GAAG,IAAI,IAAI;AAGpB,gBAAU,WAAW,MAAM;AACzB,iBAAS,IAAI;AACb,qBAAa,MAAM;AAAA,MACrB,GAAG,CAAC;AAAA,IACN;AAEA,WAAO,MAAM;AACX,UAAI;AAAS,qBAAa,OAAO;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,oBAAgB,0BAAY,MAAM;AA/C1C,QAAAA;AAgDI,iBAAa,OAAO;AACpB,UAAM,UAASA,MAAA,+BAAO,UAAP,gBAAAA,IAAc;AAC7B,cAAU,OAAO;AAAA,EACnB,GAAG,CAAC,+BAAO,KAAK,CAAC;AAEjB,SACE,6BAAAC,QAAA;AAAA,IAAC,cAAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ,CAAC,CAAC,MAAM;AAAA,MAChB;AAAA,MACA,UAAQ,oCAAO,UAAP,mBAAc,UAAS,gBAAgB;AAAA,MAC/C;AAAA,MACA,gBAAgB;AAAA;AAAA,IAEhB,6BAAAD,QAAA,cAAC,iDAAgB,OAAO,oBAAoB,MAAM,oBAAoB,WAAW,QAC9E,MAAM,IAAI,CAAC,EAAE,WAAW,OAAAE,QAAO,IAAI,MAClC,6BAAAF,QAAA,cAAC,uBAAAG,SAAA,EAAgB,KAAU,aACxB,aAAa,6BAAAH,QAAA,cAAC,aAAW,GAAGE,QAAO,CACtC,CACD,CACH;AAAA,EACF;AAEJ;AAEA,IAAO,eAAQ;",
+  "names": ["_a", "React", "Drawer", "props", "TransitionSlide"]
 }

package/lib/cjs/components/layout/index.js

@@ -1,27 +1,33 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var layout_exports = {};
+__export(layout_exports, {
   Box: () => import_Box.default,
   Drawer: () => import_Drawer.default,
   Flex: () => import_Flex.default,
@@ -30,11 +36,12 @@ __export(exports, {
   Side: () => import_Side.default,
   VerticalTimeline: () => import_VerticalTimeline.default
 });
-var import_Flex = __toModule(require("./Flex"));
-var import_Box = __toModule(require("./Box"));
-var import_Grid = __toModule(require("./Grid"));
-var import_Popin = __toModule(require("./Popin"));
-var import_Side = __toModule(require("./Side"));
-var import_Drawer = __toModule(require("./Drawer"));
-var import_VerticalTimeline = __toModule(require("./List/VerticalTimeline"));
+module.exports = __toCommonJS(layout_exports);
+var import_Flex = __toESM(require("./Flex"));
+var import_Box = __toESM(require("./Box"));
+var import_Grid = __toESM(require("./Grid"));
+var import_Popin = __toESM(require("./Popin"));
+var import_Side = __toESM(require("./Side"));
+var import_Drawer = __toESM(require("./Drawer"));
+var import_VerticalTimeline = __toESM(require("./List/VerticalTimeline"));
 //# sourceMappingURL=index.js.map