@bifrostui/react 0.0.5

package/es/List/ListItem.js

@@ -0,0 +1,52 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className", "hideDivider", "disabled", "onClick", "endIcon", "component"];
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import { ArrowForwardIcon } from '@bifrostui/icons';
+import clsx from 'clsx';
+import React from 'react';
+import ListContext from "./ListContext";
+import ListItemFooter from "./ListItemFooter";
+import "./ListItem.css";
+var prefixCls = 'bui-list-item';
+var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    hideDivider = props.hideDivider,
+    disabled = props.disabled,
+    onClick = props.onClick,
+    endIcon = props.endIcon,
+    Component = props.component,
+    others = _objectWithoutProperties(props, _excluded);
+
+  // 列表条目尾部箭头icon
+  var chevron;
+  if (typeof endIcon === 'boolean') {
+    chevron = endIcon && /*#__PURE__*/React.createElement(ArrowForwardIcon, {
+      size: "small"
+    });
+  } else if ( /*#__PURE__*/React.isValidElement(endIcon)) {
+    chevron = endIcon;
+  } else {
+    chevron = onClick && /*#__PURE__*/React.createElement(ArrowForwardIcon, {
+      size: "small"
+    });
+  }
+  // 传递divider
+  var context = React.useContext(ListContext);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: clsx(prefixCls, className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-divider"), !(hideDivider || context.hideDivider)), "".concat(prefixCls, "-disabled"), disabled)),
+    onClick: onClick,
+    ref: ref
+  }, others), children, chevron && /*#__PURE__*/React.createElement(ListItemFooter, null, chevron));
+});
+ListItem.displayName = 'BuiListItem';
+ListItem.defaultProps = {
+  component: 'div',
+  hideDivider: false
+};
+export default ListItem;

package/es/List/ListItem.types.d.ts

@@ -0,0 +1,20 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type ListItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 列表右侧操作图标
+         */
+        endIcon?: boolean | React.ReactNode;
+        /**
+         *控制是否不可点击
+         */
+        disabled?: boolean;
+        /**
+         * 控制分割线是否显示
+         */
+        hideDivider?: boolean;
+        component?: React.ElementType;
+    };
+    defaultComponent: D;
+}, D>;

package/es/List/ListItem.types.js

@@ -0,0 +1 @@
+export {};

package/es/List/ListItemContent.css

@@ -0,0 +1,18 @@
+.bui-list-item-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1 1 auto;
+  width: 100%;
+  font-family: var(--bui-font-family);
+}
+.bui-list-small .bui-list-item-content {
+  font-size: var(--bui-text-size-2);
+}
+.bui-list-item-content-primary {
+  flex: 1 1 auto;
+}
+.bui-list-item-content-secondary {
+  font-size: 13px;
+  color: var(--bui-color-fg-muted);
+}

package/es/List/ListItemContent.d.ts

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

package/es/List/ListItemContent.js

@@ -0,0 +1,31 @@
+var _excluded = ["children", "className", "component", "primary", "secondary"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import clsx from 'clsx';
+import React from 'react';
+import "./ListItemContent.css";
+var prefixCls = 'bui-list-item-content';
+var ListItemContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    Component = props.component,
+    primary = props.primary,
+    secondary = props.secondary,
+    others = _objectWithoutProperties(props, _excluded);
+
+  // 传children 优先展示children
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: clsx(prefixCls, className),
+    ref: ref
+  }, others), children || /*#__PURE__*/React.createElement(React.Fragment, null, primary && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-primary")
+  }, primary), secondary && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-secondary")
+  }, secondary)));
+});
+ListItemContent.displayName = 'BuiListItemContent';
+ListItemContent.defaultProps = {
+  component: 'div'
+};
+export default ListItemContent;

package/es/List/ListItemContent.types.d.ts

@@ -0,0 +1,16 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type ListItemContentProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 主要内容
+         */
+        primary?: React.ReactNode;
+        /**
+         * 次要内容
+         */
+        secondary?: React.ReactNode;
+        component?: React.ElementType;
+    };
+    defaultComponent: D;
+}, D>;

package/es/List/ListItemContent.types.js

@@ -0,0 +1 @@
+export {};

package/es/List/ListItemExtra.css

@@ -0,0 +1,7 @@
+.bui-list-item-extra {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  color: var(--bui-color-fg-subtle);
+  font-family: var(--bui-font-family);
+}

package/es/List/ListItemExtra.d.ts

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

package/es/List/ListItemExtra.js

@@ -0,0 +1,23 @@
+var _excluded = ["children", "className", "component"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import clsx from 'clsx';
+import React from 'react';
+import "./ListItemExtra.css";
+var prefixCls = 'bui-list-item-extra';
+var ListItemExtra = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    Component = props.component,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: clsx(prefixCls, className),
+    ref: ref
+  }, others), children);
+});
+ListItemExtra.displayName = 'BuiListItemExtra';
+ListItemExtra.defaultProps = {
+  component: 'div'
+};
+export default ListItemExtra;

package/es/List/ListItemExtra.types.d.ts

@@ -0,0 +1,8 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type ListItemExtraProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        component?: React.ElementType;
+    };
+    defaultComponent: D;
+}, D>;

package/es/List/ListItemExtra.types.js

@@ -0,0 +1 @@
+export {};

package/es/List/ListItemFooter.css

@@ -0,0 +1,9 @@
+.bui-list-item-footer {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  font-family: var(--bui-font-family);
+}
+.bui-list-item-footer .bui-svg-icon {
+  color: var(--bui-color-fg-subtle);
+}

package/es/List/ListItemFooter.d.ts

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

package/es/List/ListItemFooter.js

@@ -0,0 +1,23 @@
+var _excluded = ["children", "className", "component"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import clsx from 'clsx';
+import React from 'react';
+import "./ListItemFooter.css";
+var prefixCls = 'bui-list-item-footer';
+var ListItemFooter = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    Component = props.component,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: clsx(prefixCls, className),
+    ref: ref
+  }, others), children);
+});
+ListItemFooter.displayName = 'BuiListItemFooter';
+ListItemFooter.defaultProps = {
+  component: 'div'
+};
+export default ListItemFooter;

package/es/List/ListItemFooter.types.d.ts

@@ -0,0 +1,8 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type ListItemFooterProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        component?: React.ElementType;
+    };
+    defaultComponent: D;
+}, D>;

package/es/List/ListItemFooter.types.js

@@ -0,0 +1 @@
+export {};

package/es/List/ListItemHeader.css

@@ -0,0 +1,7 @@
+.bui-list-item-header {
+  flex: 0 0 auto;
+  margin-right: var(--bui-spacing-sm);
+  display: flex;
+  align-items: center;
+  font-family: var(--bui-font-family);
+}

package/es/List/ListItemHeader.d.ts

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

package/es/List/ListItemHeader.js

@@ -0,0 +1,23 @@
+var _excluded = ["children", "className", "component"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import clsx from 'clsx';
+import React from 'react';
+import "./ListItemHeader.css";
+var prefixCls = 'bui-list-item-header';
+var ListItemHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    Component = props.component,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: clsx(prefixCls, className),
+    ref: ref
+  }, others), children);
+});
+ListItemHeader.displayName = 'BuiListItemHeader';
+ListItemHeader.defaultProps = {
+  component: 'div'
+};
+export default ListItemHeader;

package/es/List/ListItemHeader.types.d.ts

@@ -0,0 +1,8 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type ListItemHeaderProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        component?: React.ElementType;
+    };
+    defaultComponent: D;
+}, D>;

package/es/List/ListItemHeader.types.js

@@ -0,0 +1 @@
+export {};

package/es/List/index.d.ts

@@ -0,0 +1,13 @@
+import ListItem from './ListItem';
+import ListItemContent from './ListItemContent';
+import ListItemExtra from './ListItemExtra';
+import ListItemFooter from './ListItemFooter';
+import ListItemHeader from './ListItemHeader';
+export { default, default as List } from './List';
+export * from './List.types';
+export * from './ListItem.types';
+export * from './ListItemContent.types';
+export * from './ListItemExtra.types';
+export * from './ListItemFooter.types';
+export * from './ListItemHeader.types';
+export { ListItem, ListItemHeader, ListItemContent, ListItemFooter, ListItemExtra, };

package/es/List/index.js

@@ -0,0 +1,13 @@
+import ListItem from "./ListItem";
+import ListItemContent from "./ListItemContent";
+import ListItemExtra from "./ListItemExtra";
+import ListItemFooter from "./ListItemFooter";
+import ListItemHeader from "./ListItemHeader";
+export { default, default as List } from "./List";
+export * from "./List.types";
+export * from "./ListItem.types";
+export * from "./ListItemContent.types";
+export * from "./ListItemExtra.types";
+export * from "./ListItemFooter.types";
+export * from "./ListItemHeader.types";
+export { ListItem, ListItemHeader, ListItemContent, ListItemFooter, ListItemExtra };

package/es/Loading/Loading.css

@@ -0,0 +1,31 @@
+.bui-loading {
+  --animation-duration: var(--bui-loading-animation-duration, 1.6s);
+  width: fit-content;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: var(--bui-spacing-md);
+  font-family: var(--bui-font-family);
+}
+.bui-loading-icon {
+  font-size: 30px;
+  animation: loading var(--animation-duration) linear infinite;
+}
+.bui-loading-text {
+  padding: 10px;
+  font-size: var(--bui-title-size-3);
+}
+.bui-loading-vertical {
+  flex-direction: row;
+}
+.bui-loading-horizontal {
+  flex-direction: column;
+}
+@keyframes loading {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/es/Loading/Loading.d.ts

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

package/es/Loading/Loading.js

@@ -0,0 +1,33 @@
+var _excluded = ["className", "icon", "IconProps", "children", "direction"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import React from 'react';
+import clsx from 'clsx';
+import { LoadingThreeQuartersOutlinedIcon } from '@bifrostui/icons';
+import "./Loading.css";
+var prefixCls = 'bui-loading';
+var Loading = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    icon = props.icon,
+    IconProps = props.IconProps,
+    children = props.children,
+    direction = props.direction,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var renderIcon = function renderIcon() {
+    return icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React.createElement(LoadingThreeQuartersOutlinedIcon, _extends({
+      className: clsx("".concat(prefixCls, "-icon"))
+    }, IconProps));
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(prefixCls, className, "".concat(prefixCls, "-").concat(direction))
+  }, otherProps), renderIcon(), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-text")
+  }, children));
+});
+Loading.displayName = 'BuiLoading';
+Loading.defaultProps = {
+  direction: 'vertical'
+};
+export default Loading;

package/es/Loading/Loading.types.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { OverrideProps } from '@bifrostui/types';
+import type { ISvgIconProps } from '@bifrostui/icons';
+export type LoadingProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 加载图标样式
+         */
+        icon?: React.ReactNode;
+        /**
+         * iconPropss将值透传给内部icon
+         */
+        IconProps?: Partial<ISvgIconProps>;
+        /**
+         * 加载图标和文案的排列形式，默认值是“vertical”
+         */
+        direction?: 'vertical' | 'horizontal';
+    };
+    defaultComponent: D;
+}, D>;

package/es/Loading/Loading.types.js

@@ -0,0 +1 @@
+export {};

package/es/Loading/index.d.ts

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

package/es/Loading/index.js

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

package/es/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/es/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/es/Modal/Modal.js

@@ -0,0 +1,95 @@
+var _excluded = ["className", "open", "BackdropProps", "children", "container", "disablePortal", "disableScrollLock", "hideBackdrop", "onClose", "keepMounted"];
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import { blockTouch, isMini, useForkRef } from '@bifrostui/utils';
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
+import Backdrop from "../Backdrop";
+import Portal from "../Portal";
+import "./Modal.css";
+var prefixCls = 'bui-modal';
+var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    open = props.open,
+    BackdropProps = props.BackdropProps,
+    children = props.children,
+    container = props.container,
+    disablePortal = props.disablePortal,
+    disableScrollLock = props.disableScrollLock,
+    hideBackdrop = props.hideBackdrop,
+    onClose = props.onClose,
+    keepMounted = props.keepMounted,
+    others = _objectWithoutProperties(props, _excluded);
+  var modalRef = React.useRef(null);
+  var handleRef = useForkRef(modalRef, ref);
+  var _useState = useState(hideBackdrop || !open),
+    _useState2 = _slicedToArray(_useState, 2),
+    backdropExited = _useState2[0],
+    setBackDropExited = _useState2[1];
+  var mounted = open || !backdropExited || keepMounted;
+  var handleBackdropClick = function handleBackdropClick(event) {
+    if (isMini && event.target.id !== event.currentTarget.id) {
+      return;
+    }
+    if (!isMini && event.target !== event.currentTarget) {
+      return;
+    }
+    if (onClose) {
+      onClose(event, {
+        from: 'backdrop'
+      });
+    }
+  };
+  useEffect(function () {
+    var cleanup;
+    if (!isMini && !disableScrollLock) setTimeout(function () {
+      try {
+        if (open && modalRef.current) {
+          cleanup = blockTouch(modalRef.current);
+        }
+      } catch (_unused) {
+        /* empty */
+      }
+    }, 0);
+    return function () {
+      var _cleanup;
+      (_cleanup = cleanup) === null || _cleanup === void 0 || _cleanup();
+    };
+  }, [open, disableScrollLock]);
+  if (!mounted) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Portal, {
+    container: container,
+    disablePortal: disablePortal
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, className),
+    ref: handleRef
+  }, others), !hideBackdrop ? /*#__PURE__*/React.createElement(Backdrop, _extends({
+    open: open,
+    onClick: handleBackdropClick,
+    onEnter: function onEnter() {
+      return setBackDropExited(false);
+    },
+    onExited: function onExited() {
+      return setBackDropExited(true);
+    }
+  }, BackdropProps, {
+    className: clsx("".concat(prefixCls, "-backdrop"), BackdropProps === null || BackdropProps === void 0 ? void 0 : BackdropProps.className)
+  })) : null, (open || keepMounted) && children));
+});
+Modal.displayName = 'BuiModal';
+Modal.defaultProps = {
+  open: false,
+  disablePortal: false,
+  disableScrollLock: false,
+  hideBackdrop: false
+};
+export default Modal;

package/es/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/es/Modal/Modal.types.js

@@ -0,0 +1 @@
+export {};

package/es/Modal/index.d.ts

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

package/es/Modal/index.js

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