@bifrostui/react 0.0.5

package/dist/Loading/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Loading: true
+};
+Object.defineProperty(exports, "Loading", {
+  enumerable: true,
+  get: function () {
+    return _Loading.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Loading.default;
+  }
+});
+var _Loading = _interopRequireDefault(require("./Loading"));
+var _Loading2 = require("./Loading.types");
+Object.keys(_Loading2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Loading2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Loading2[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/Modal/Modal.css

@@ -0,0 +1,15 @@
+.bui-modal {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  top: 0;
+  z-index: var(--bui-z-index-modal);
+  font-family: var(--bui-font-family);
+}
+.bui-modal-exited {
+  visibility: hidden;
+}
+.bui-modal-backdrop {
+  z-index: -1;
+}

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Modal.less';
+import { ModalProps } from './Modal.types';
+declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Modal;

package/dist/Modal/Modal.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("@bifrostui/utils");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireWildcard(require("react"));
+var _Backdrop = _interopRequireDefault(require("../Backdrop"));
+var _Portal = _interopRequireDefault(require("../Portal"));
+require("./Modal.css");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const prefixCls = 'bui-modal';
+const Modal = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    open,
+    BackdropProps,
+    children,
+    container,
+    disablePortal,
+    disableScrollLock,
+    hideBackdrop,
+    onClose,
+    keepMounted,
+    ...others
+  } = props;
+  const modalRef = _react.default.useRef(null);
+  const handleRef = (0, _utils.useForkRef)(modalRef, ref);
+  const [backdropExited, setBackDropExited] = (0, _react.useState)(hideBackdrop || !open);
+  const mounted = open || !backdropExited || keepMounted;
+  const handleBackdropClick = event => {
+    if (_utils.isMini && event.target.id !== event.currentTarget.id) {
+      return;
+    }
+    if (!_utils.isMini && event.target !== event.currentTarget) {
+      return;
+    }
+    if (onClose) {
+      onClose(event, {
+        from: 'backdrop'
+      });
+    }
+  };
+  (0, _react.useEffect)(() => {
+    let cleanup;
+    if (!_utils.isMini && !disableScrollLock) setTimeout(() => {
+      try {
+        if (open && modalRef.current) {
+          cleanup = (0, _utils.blockTouch)(modalRef.current);
+        }
+      } catch {
+        /* empty */
+      }
+    }, 0);
+    return () => {
+      cleanup?.();
+    };
+  }, [open, disableScrollLock]);
+  if (!mounted) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Portal.default, {
+    container: container,
+    disablePortal: disablePortal
+  }, /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _clsx.default)(prefixCls, className),
+    ref: handleRef
+  }, others), !hideBackdrop ? /*#__PURE__*/_react.default.createElement(_Backdrop.default, _extends({
+    open: open,
+    onClick: handleBackdropClick,
+    onEnter: () => setBackDropExited(false),
+    onExited: () => setBackDropExited(true)
+  }, BackdropProps, {
+    className: (0, _clsx.default)(`${prefixCls}-backdrop`, BackdropProps?.className)
+  })) : null, (open || keepMounted) && children));
+});
+Modal.displayName = 'BuiModal';
+Modal.defaultProps = {
+  open: false,
+  disablePortal: false,
+  disableScrollLock: false,
+  hideBackdrop: false
+};
+var _default = exports.default = Modal;

package/dist/Modal/Modal.types.d.ts

@@ -0,0 +1,20 @@
+import { OverrideProps } from '@bifrostui/types';
+import React, { SyntheticEvent } from 'react';
+import { BackdropProps } from '../Backdrop/Backdrop.types';
+import { PortalProps } from '../Portal/Portal.types';
+export type CloseDetail = {
+    from?: string;
+};
+export type ModalProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        open?: boolean;
+        container?: PortalProps['container'];
+        hideBackdrop?: boolean;
+        BackdropProps?: Partial<BackdropProps>;
+        onClose?: (e: SyntheticEvent, detail: CloseDetail) => void;
+        disableScrollLock?: boolean;
+        disablePortal?: PortalProps['disablePortal'];
+        keepMounted?: boolean;
+    };
+    defaultComponent: D;
+}, D>;

package/dist/Modal/Modal.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Modal';
+export { default as Modal } from './Modal';
+export * from './Modal.types';

package/dist/Modal/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Modal: true
+};
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () {
+    return _Modal.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Modal.default;
+  }
+});
+var _Modal = _interopRequireDefault(require("./Modal"));
+var _Modal2 = require("./Modal.types");
+Object.keys(_Modal2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Modal2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Modal2[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/NavBar/NavBar.css

@@ -0,0 +1,57 @@
+.bui-navbar {
+  --height: var(--bui-navbar-height, 45px);
+  --icon-size: var(--bui-navbar-icon-size, 24px);
+  --background-color: var(--bui-navbar-background-color, var(--bui-color-white));
+  --border-bottom: var(--bui-navbar-border-bottom, none);
+  --z-index: var(--bui-navbar-z-index, auto);
+  position: relative;
+  width: 100%;
+  height: var(--height);
+  box-sizing: border-box;
+  padding: 0 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--background-color);
+  border-bottom: var(--border-bottom);
+  user-select: none;
+  z-index: var(--z-index);
+  font-family: var(--bui-font-family);
+}
+.bui-navbar-fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+.bui-navbar-title {
+  max-width: 60%;
+  padding: 0 8px;
+  font-size: var(--bui-title-size-2);
+  width: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bui-navbar-left,
+.bui-navbar-right {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  font-size: var(--bui-title-size-3);
+}
+.bui-navbar-left {
+  justify-content: flex-start;
+  text-align: left;
+}
+.bui-navbar-right {
+  justify-content: flex-end;
+  text-align: right;
+  align-self: stretch;
+}
+.bui-navbar-icon {
+  font-size: var(--icon-size);
+}
+.bui-navbar-placeholder {
+  width: 100%;
+}

package/dist/NavBar/NavBar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { NavBarProps } from './NavBar.types';
+import './NavBar.less';
+declare const NavBar: React.ForwardRefExoticComponent<Omit<NavBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default NavBar;

package/dist/NavBar/NavBar.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _utils = require("@bifrostui/utils");
+var _icons = require("@bifrostui/icons");
+require("./NavBar.css");
+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); }
+const prefixCls = 'bui-navbar';
+const NavBar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    title,
+    left,
+    leftIcon,
+    IconProps,
+    right,
+    fixed,
+    placeholder,
+    onClickLeft,
+    ...otherProps
+  } = props;
+
+  // 计算内容区域高度，用来形成占位区域
+  const containerRef = _react.default.useRef(null);
+  const handleForkRef = (0, _utils.useForkRef)(ref, containerRef);
+  const {
+    height
+  } = (0, _utils.useSize)(containerRef);
+
+  // 渲染左侧内容
+  const renderLeft = () => {
+    let icon;
+    if (leftIcon === false) {
+      icon = null;
+    } else {
+      icon = leftIcon ?? /*#__PURE__*/_react.default.createElement(_icons.ArrowBackwardLargeIcon, _extends({
+        className: (0, _clsx.default)(`${prefixCls}-icon`)
+      }, IconProps));
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: `${prefixCls}-left`,
+      onClick: onClickLeft
+    }, icon, left);
+  };
+
+  // 渲染右侧内容
+  const renderRight = () => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: `${prefixCls}-right`
+    }, right);
+  };
+
+  // 渲染导航栏
+  const renderNavBar = () => {
+    return /*#__PURE__*/_react.default.createElement("div", _extends({
+      ref: handleForkRef,
+      className: (0, _clsx.default)(className, prefixCls, {
+        [`${prefixCls}-fixed`]: fixed
+      })
+    }, otherProps), renderLeft(), /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _clsx.default)(`${prefixCls}-title`, 'ellipsis')
+    }, title), renderRight());
+  };
+
+  // 渲染占位块
+  const renderPlaceholder = () => {
+    if (fixed && placeholder) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: `${prefixCls}-placeholder`,
+        style: {
+          height: height ?? 0
+        }
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderNavBar(), renderPlaceholder());
+});
+NavBar.displayName = 'BuiNavBar';
+NavBar.defaultProps = {};
+var _default = exports.default = NavBar;

package/dist/NavBar/NavBar.types.d.ts

@@ -0,0 +1,44 @@
+import React, { SyntheticEvent } from 'react';
+import { OverrideProps } from '@bifrostui/types';
+import type { ISvgIconProps } from '@bifrostui/icons';
+export type NavBarProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 组件容器样式名
+         */
+        className?: string;
+        /**
+         * 标题栏标题,默认值undefined
+         */
+        title?: React.ReactNode;
+        /**
+         * 左侧图标后文案，默认值undefined
+         */
+        left?: React.ReactNode;
+        /**
+         * 左侧图标，默认值<ArrowBackwardLargeIcon />
+         */
+        leftIcon?: React.ReactNode;
+        /**
+         * iconPropss将值透传给内部icon
+         */
+        IconProps?: Partial<ISvgIconProps>;
+        /**
+         * 右侧自定义内容，默认值undefined
+         */
+        right?: React.ReactNode;
+        /**
+         * 是否固定在顶部，默认值false
+         */
+        fixed?: boolean;
+        /**
+         * 固定在顶部时，是否在标签位置生成一个等高的占位元素，默认值false
+         */
+        placeholder?: boolean;
+        /**
+         * 左侧点击事件
+         */
+        onClickLeft?: (e: SyntheticEvent) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/dist/NavBar/NavBar.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/NavBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as NavBar } from './NavBar';
+export * from './NavBar.types';

package/dist/NavBar/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  NavBar: true
+};
+Object.defineProperty(exports, "NavBar", {
+  enumerable: true,
+  get: function () {
+    return _NavBar.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _NavBar.default;
+  }
+});
+var _NavBar = _interopRequireDefault(require("./NavBar"));
+var _NavBar2 = require("./NavBar.types");
+Object.keys(_NavBar2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavBar2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NavBar2[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/Portal/Portal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PortalProps } from './Portal.types';
+export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLElement>>;
+export default Portal;

package/dist/Portal/Portal.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Portal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _PortalCore = _interopRequireDefault(require("./PortalCore"));
+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); }
+const Portal = exports.Portal = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  return /*#__PURE__*/_react.default.createElement(_PortalCore.default, _extends({}, props, {
+    ref: ref,
+    rootElement: document.body
+  }));
+});
+Portal.displayName = 'BuiPortal';
+var _default = exports.default = Portal;

package/dist/Portal/Portal.miniapp.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PortalProps } from './Portal.types';
+export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLElement>>;
+export default Portal;

package/dist/Portal/Portal.miniapp.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Portal = void 0;
+var _taro = _interopRequireDefault(require("@tarojs/taro"));
+var _react = _interopRequireWildcard(require("react"));
+var _PortalCore = _interopRequireDefault(require("./PortalCore"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const Portal = exports.Portal = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    disablePortal
+  } = props;
+  const rootWrapperElement = (0, _react.useMemo)(() => {
+    if (!disablePortal) {
+      const currentPages = _taro.default.getCurrentPages() || [];
+      const currentPage = currentPages[currentPages.length - 1];
+      const pageElement = currentPage?.$taroPath;
+      const rootElement = document.getElementById(pageElement);
+      // Taro的document.getElementById 能获取到小程序页面堆栈里的所有元素，所以portalId需要加上页面标识区分
+      const portalId = rootElement?.sid ? `${rootElement?.sid}_portalId` : `${pageElement}_portalId`;
+      const portalWrapperElement = document.getElementById(portalId);
+      // Taro删除楼层时候会影响兄弟元素render，放在Portal插入的元素删除时候影响页面的render，Portal经常会用在弹窗、浮层等场景，弹窗关闭，会导致页面重新render可能会导致表现回到初始态，在根节点插入一个view再插入Portal子元素  https://docs.taro.zone/docs/optimized#1-%E5%88%A0%E9%99%A4%E6%A5%BC%E5%B1%82%E8%8A%82%E7%82%B9%E8%A6%81%E8%B0%A8%E6%85%8E%E5%A4%84%E7%90%86
+      if (!portalWrapperElement) {
+        const view = document.createElement('view');
+        view.id = portalId;
+        rootElement?.appendChild(view);
+        return view;
+      }
+      return portalWrapperElement;
+    }
+    return undefined;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_PortalCore.default, _extends({}, props, {
+    ref: ref,
+    rootElement: rootWrapperElement
+  }));
+});
+Portal.displayName = 'BuiPortal';
+var _default = exports.default = Portal;

package/dist/Portal/Portal.types.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface PortalCoreProps {
+    /**
+     * container中渲染的元素
+     */
+    children?: React.ReactNode;
+    /**
+     * children内容将会被append到container中
+     * 默认是页面的根节点
+     */
+    container?: Element | (() => Element | null) | null;
+    /**
+     * 禁止Portal，children将被渲染在父节点中
+     * @default false
+     */
+    disablePortal?: boolean;
+    /**
+     * 页面跟节点
+     */
+    rootElement?: Element;
+}
+export type PortalProps = Omit<PortalCoreProps, 'rootElement'>;

package/dist/Portal/Portal.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Portal/PortalCore.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PortalCoreProps } from './Portal.types';
+/**
+ * Portals provide a first-class way to render children into a DOM node
+ * that exists outside the DOM hierarchy of the parent component.
+ */
+declare const PortalCore: React.ForwardRefExoticComponent<PortalCoreProps & React.RefAttributes<Element>>;
+export default PortalCore;

package/dist/Portal/PortalCore.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("@bifrostui/utils");
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function getContainer(container) {
+  return typeof container === 'function' ? container() : container;
+}
+
+/**
+ * Portals provide a first-class way to render children into a DOM node
+ * that exists outside the DOM hierarchy of the parent component.
+ */
+const PortalCore = /*#__PURE__*/_react.default.forwardRef(function Portal(props, ref) {
+  const {
+    children,
+    container,
+    disablePortal = false,
+    rootElement
+  } = props;
+  const [mountNode, setMountNode] = _react.default.useState(null);
+  const handleRef = (0, _utils.useForkRef)(
+  // @ts-expect-error will upstream fix
+  /*#__PURE__*/_react.default.isValidElement(children) ? children.ref : null, ref);
+  (0, _react.useLayoutEffect)(() => {
+    if (!disablePortal) {
+      setMountNode(getContainer(container) || rootElement);
+    }
+  }, [container, disablePortal, rootElement]);
+  (0, _react.useLayoutEffect)(() => {
+    if (mountNode && !disablePortal) {
+      (0, _utils.setRef)(ref, mountNode);
+      return () => {
+        (0, _utils.setRef)(ref, null);
+      };
+    }
+    return undefined;
+  }, [ref, mountNode, disablePortal]);
+  if (disablePortal) {
+    if ( /*#__PURE__*/_react.default.isValidElement(children)) {
+      const newProps = {
+        ref: handleRef
+      };
+      return /*#__PURE__*/_react.default.cloneElement(children, newProps);
+    }
+    return children;
+  }
+  return mountNode ? /*#__PURE__*/(0, _reactDom.createPortal)(children, mountNode) : mountNode;
+});
+PortalCore.displayName = 'BuiPortalCore';
+var _default = exports.default = PortalCore;

package/dist/Portal/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Portal';
+export { default as Portal } from './Portal';
+export * from './Portal.types';