@gympass/yoga 7.87.0 → 7.88.0

package/cjs/Dialog/web/Dialog.js

@@ -1,123 +1,186 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.StyledDialog = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _propTypes = require("prop-types");
-
-var _yogaIcons = require("@gympass/yoga-icons");
-
-var _hooks = require("../../hooks");
-
-var _ = require("../..");
-
-var _excluded = ["isOpen", "hideCloseButton", "children", "dialogId", "onClose", "zIndex"];
-
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var StyledDialog = (0, _styledComponents["default"])(_.Card)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n"])), function (_ref) {
-  var onClose = _ref.onClose,
-      dialog = _ref.theme.yoga.components.dialog;
-  return "\n  padding: " + (onClose ? dialog.padding.withCloseButton : dialog.padding.top) + "px\n  " + dialog.padding["default"] + "px\n  " + dialog.padding["default"] + "px;\n\n  width: " + dialog.width["default"] + "px;\n  min-height: " + dialog.height.min + "px;\n  border-radius: " + dialog.border.radius + "px;\n  ";
-});
-exports.StyledDialog = StyledDialog;
-
-var Overlay = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var zIndex = _ref2.zIndex,
-      dialog = _ref2.theme.yoga.components.dialog;
-  return "\n  display: flex;\n  z-index: " + zIndex + ";\n  justify-content: center;\n  align-items: center;\n\n  position: fixed;\n  top: " + dialog.position["default"] + ";\n  right: " + dialog.position["default"] + ";\n  left: " + dialog.position["default"] + ";\n  bottom: " + dialog.position["default"] + ";\n\n  background-color: rgba(35, 27, 34, 0.48);\n  ";
-});
-
-var Dialog = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, forwardedRef) {
-  var isOpen = _ref3.isOpen,
-      hideCloseButton = _ref3.hideCloseButton,
-      children = _ref3.children,
-      dialogId = _ref3.dialogId,
-      onClose = _ref3.onClose,
-      zIndex = _ref3.zIndex,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded);
-
-  var dialogRef = (0, _hooks.useCombinedRefs)(forwardedRef);
-  var dialogElement = (0, _hooks.usePortal)(dialogId != null ? dialogId : 'dialog');
-  var isCloseButtonVisible = onClose && !hideCloseButton;
-  var closeDialog = (0, _react.useCallback)(function (e) {
-    if (dialogRef.current === e.target && isOpen && onClose) {
-      onClose(e);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-
-    return true;
-  }, [onClose, isOpen]);
-  var keyPress = (0, _react.useCallback)(function (e) {
-    if (e.key === 'Escape' && isOpen && onClose) {
-      onClose(e);
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-
-    return true;
-  }, [onClose, isOpen]);
-  (0, _react.useEffect)(function () {
-    document.addEventListener('keydown', keyPress);
-    return function () {
-      return document.removeEventListener('keydown', keyPress);
-    };
-  }, [keyPress]);
-  return isOpen ? /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement(Overlay, {
-    onClick: closeDialog,
-    onClose: onClose,
-    ref: dialogRef,
-    zIndex: zIndex
-  }, /*#__PURE__*/_react["default"].createElement(StyledDialog, _extends({
-    onClose: onClose
-  }, props), isCloseButtonVisible && /*#__PURE__*/_react["default"].createElement(_.Box, {
-    d: "flex",
-    justifyContent: "flex-end",
-    w: "100%"
-  }, /*#__PURE__*/_react["default"].createElement(_.Button.Icon, {
-    icon: _yogaIcons.Close,
-    inverted: true,
-    onClick: onClose
-  })), children)), dialogElement) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 to;
+};
+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 Dialog_exports = {};
+__export(Dialog_exports, {
+  StyledDialog: () => StyledDialog,
+  default: () => Dialog_default
 });
-
+module.exports = __toCommonJS(Dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_dom = require("react-dom");
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import_hooks = require("../../hooks");
+var import__ = require("../..");
+const StyledDialog = (0, import_styled_components.default)(import__.Card)`
+  ${({
+  onClose,
+  theme: {
+    yoga: {
+      components: { dialog }
+    }
+  }
+}) => `
+  padding: ${onClose ? dialog.padding.withCloseButton : dialog.padding.top}px
+  ${dialog.padding.default}px
+  ${dialog.padding.default}px;
+
+  width: ${dialog.width.default}px;
+  min-height: ${dialog.height.min}px;
+  border-radius: ${dialog.border.radius}px;
+  `}
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+`;
+const Overlay = import_styled_components.default.div`
+  ${({
+  zIndex,
+  theme: {
+    yoga: {
+      components: { dialog }
+    }
+  }
+}) => `
+  display: flex;
+  z-index: ${zIndex};
+  justify-content: center;
+  align-items: center;
+
+  position: fixed;
+  top: ${dialog.position.default};
+  right: ${dialog.position.default};
+  left: ${dialog.position.default};
+  bottom: ${dialog.position.default};
+
+  background-color: rgba(35, 27, 34, 0.48);
+  `}
+`;
+const Dialog = import_react.default.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { isOpen, hideCloseButton, children, dialogId, onClose, zIndex } = _b, props = __objRest(_b, ["isOpen", "hideCloseButton", "children", "dialogId", "onClose", "zIndex"]);
+    const dialogRef = (0, import_hooks.useCombinedRefs)(forwardedRef);
+    const dialogElement = (0, import_hooks.usePortal)(dialogId != null ? dialogId : "dialog");
+    const isCloseButtonVisible = onClose && !hideCloseButton;
+    const closeDialog = (0, import_react.useCallback)(
+      (e) => {
+        if (dialogRef.current === e.target && isOpen && onClose) {
+          onClose(e);
+        }
+        return true;
+      },
+      [onClose, isOpen]
+    );
+    const keyPress = (0, import_react.useCallback)(
+      (e) => {
+        if (e.key === "Escape" && isOpen && onClose) {
+          onClose(e);
+        }
+        return true;
+      },
+      [onClose, isOpen]
+    );
+    (0, import_react.useEffect)(() => {
+      document.addEventListener("keydown", keyPress);
+      return () => document.removeEventListener("keydown", keyPress);
+    }, [keyPress]);
+    return isOpen ? (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Overlay,
+        {
+          onClick: closeDialog,
+          onClose,
+          ref: dialogRef,
+          zIndex,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledDialog, __spreadProps(__spreadValues({ onClose }, props), { children: [
+            isCloseButtonVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Box, { d: "flex", justifyContent: "flex-end", w: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Button.Icon, { icon: import_yoga_icons.Close, inverted: true, onClick: onClose }) }),
+            children
+          ] }))
+        }
+      ),
+      dialogElement
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+  }
+);
 Dialog.propTypes = {
   /** Custom id to allow creating isolated portal nodes */
-  dialogId: _propTypes.string,
-
+  dialogId: import_prop_types.string,
   /** Control the dialog visibility. */
-  isOpen: _propTypes.bool,
-
+  isOpen: import_prop_types.bool,
   /** Hide the close button when onClose prop is defined. */
-  hideCloseButton: _propTypes.bool,
-
+  hideCloseButton: import_prop_types.bool,
   /** Function to close the dialog. */
-  onClose: _propTypes.func,
-  zIndex: _propTypes.number,
-  children: _propTypes.node.isRequired
+  onClose: import_prop_types.func,
+  zIndex: import_prop_types.number,
+  children: import_prop_types.node.isRequired
 };
 Dialog.defaultProps = {
   isOpen: false,
   hideCloseButton: false,
-  onClose: undefined,
+  onClose: void 0,
   zIndex: 3,
-  dialogId: undefined
+  dialogId: void 0
 };
-Dialog.displayName = 'Dialog';
-var _default = Dialog;
-exports["default"] = _default;
+Dialog.displayName = "Dialog";
+var Dialog_default = Dialog;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StyledDialog
+});

package/cjs/Dialog/web/Dialog.test.js

@@ -0,0 +1,92 @@
+"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 __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 to;
+};
+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 import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import__ = require("../..");
+var import__2 = __toESM(require("."));
+describe("<Dialog />", () => {
+  afterEach(import_react2.cleanup);
+  it("should match snapshot", () => {
+    const { baseElement } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.default, { isOpen: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Header, { children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Content, { children: "Subtitle" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Button, { secondary: true, children: "Ok, got it" }) })
+      ] }) })
+    );
+    expect(baseElement).toMatchSnapshot();
+  });
+  it("should match snapshot with close button", () => {
+    const { baseElement } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.default, { isOpen: true, onClose: jest.fn(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Header, { children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Content, { children: "Subtitle" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Button, { secondary: true, children: "Ok, got it" }) })
+      ] }) })
+    );
+    expect(baseElement).toMatchSnapshot();
+  });
+  it("should render a minimal dialog", () => {
+    const onActionMock = jest.fn();
+    (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.default, { isOpen: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Header, { children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Content, { children: "Subtitle" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Button, { onClick: onActionMock, secondary: true, children: "Ok, got it" }) })
+      ] }) })
+    );
+    import_react2.screen.getByText("Title");
+    import_react2.screen.getByText("Subtitle");
+    const button = import_react2.screen.getByRole("button", { name: /Ok, got it/i });
+    import_react2.fireEvent.click(button);
+    expect(onActionMock).toHaveBeenCalledTimes(1);
+  });
+  it("should render with close button", () => {
+    const onCloseMock = jest.fn();
+    (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default, { isOpen: true, onClose: onCloseMock, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Header, { children: "Title" }) }) })
+    );
+    const button = import_react2.screen.getByRole("button");
+    import_react2.fireEvent.click(button);
+    expect(onCloseMock).toHaveBeenCalledTimes(1);
+  });
+  it("should hide the close button when hideCloseButton prop is true", () => {
+    (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default, { isOpen: true, hideCloseButton: true, onClose: () => {
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Header, { children: "Title" }) }) })
+    );
+    expect(import_react2.screen.queryByRole("button")).toBeNull();
+  });
+  it("should render content isolated by dialog id", () => {
+    (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default, { isOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Header, { children: "Title" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default, { isOpen: true, dialogId: "custom-id", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Header, { children: "Second Title" }) })
+      ] })
+    );
+    expect(import_react2.screen.getByText("Title")).toBeInTheDocument();
+    expect(import_react2.screen.getByText("Second Title")).toBeInTheDocument();
+  });
+});

package/cjs/Dialog/web/Footer.js

@@ -1,25 +1,53 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../../Box"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var Footer = function Footer(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], _extends({
-    as: "footer",
-    d: "flex",
-    justifyContent: "center",
-    gap: "large"
-  }, props));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-
-Footer.displayName = 'Dialog.Footer';
-var _default = Footer;
-exports["default"] = _default;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 to;
+};
+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 Footer_exports = {};
+__export(Footer_exports, {
+  default: () => Footer_default
+});
+module.exports = __toCommonJS(Footer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_Box = __toESM(require("../../Box"));
+const Footer = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, __spreadValues({ as: "footer", d: "flex", justifyContent: "center", gap: "large" }, props));
+Footer.displayName = "Dialog.Footer";
+var Footer_default = Footer;

package/cjs/Dialog/web/Header.js

@@ -1,27 +1,63 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../../Box"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var Header = function Header(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], _extends({
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 to;
+};
+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 Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
+});
+module.exports = __toCommonJS(Header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_Box = __toESM(require("../../Box"));
+const Header = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_Box.default,
+  __spreadValues({
     as: "header",
     ta: "center",
     color: "text.primary",
     fw: "medium",
     fs: "xlarge",
     mb: "large"
-  }, props));
-};
-
-Header.displayName = 'Dialog.Header';
-var _default = Header;
-exports["default"] = _default;
+  }, props)
+);
+Header.displayName = "Dialog.Header";
+var Header_default = Header;

package/cjs/Dialog/web/index.js

@@ -1,20 +1,41 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Dialog = _interopRequireDefault(require("./Dialog"));
-
-var _Header = _interopRequireDefault(require("./Header"));
-
-var _Content = _interopRequireDefault(require("./Content"));
-
-var _Footer = _interopRequireDefault(require("./Footer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-_Dialog["default"].Header = _Header["default"];
-_Dialog["default"].Content = _Content["default"];
-_Dialog["default"].Footer = _Footer["default"];
-var _default = _Dialog["default"];
-exports["default"] = _default;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 to;
+};
+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 web_exports = {};
+__export(web_exports, {
+  default: () => web_default
+});
+module.exports = __toCommonJS(web_exports);
+var import_Dialog = __toESM(require("./Dialog"));
+var import_Header = __toESM(require("./Header"));
+var import_Content = __toESM(require("./Content"));
+var import_Footer = __toESM(require("./Footer"));
+import_Dialog.default.Header = import_Header.default;
+import_Dialog.default.Content = import_Content.default;
+import_Dialog.default.Footer = import_Footer.default;
+var web_default = import_Dialog.default;