@bifrostui/react 0.0.5

package/dist/Transition/TransitionCore.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("@bifrostui/utils");
+var _react = _interopRequireWildcard(require("react"));
+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; }
+const TransitionCore = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    appear,
+    in: inProp,
+    children,
+    mountOnEnter,
+    unmountOnExit,
+    enter,
+    exit,
+    timeout: _timeout,
+    delay: _delay,
+    onEnter,
+    onEntering,
+    onEntered,
+    onExit,
+    onExiting,
+    onExited,
+    nextTick,
+    ...childProps
+  } = props;
+  const UNMOUNTED = 'unmounted';
+  const EXITED = 'exited';
+  const ENTERING = 'entering';
+  const ENTERED = 'entered';
+  const EXITING = 'exiting';
+  const [status, setStatus] = (0, _react.useState)(() => {
+    if (inProp) return appear ? EXITED : ENTERED;
+    return mountOnEnter || unmountOnExit ? UNMOUNTED : EXITED;
+  });
+  const innerNodeRef = (0, _react.useRef)();
+  const nodeRef = (0, _utils.useForkRef)(innerNodeRef, ref);
+  const timeout = typeof _timeout === 'object' ? {
+    ..._timeout
+  } : {
+    enter: _timeout,
+    exit: _timeout
+  };
+  const delay = typeof _delay === 'object' ? _delay : {
+    enter: _delay,
+    exit: _delay
+  };
+  timeout.enter += delay.enter;
+  timeout.exit += delay.exit;
+  const nextCallback = (0, _react.useRef)(null);
+  const appearStatus = (0, _react.useRef)(inProp && appear ? ENTERING : null);
+  const isFirstRender = (0, _react.useRef)(false);
+  const cancelNextCallback = () => {
+    if (nextCallback.current !== null) {
+      nextCallback.current?.cancel();
+      nextCallback.current = null;
+    }
+  };
+  const forceReflow = node => node?.scrollTop;
+  const setNextCallback = callback => {
+    let active = true;
+    nextCallback.current = event => {
+      if (active) {
+        active = false;
+        nextCallback.current = null;
+        callback(event);
+      }
+    };
+    nextCallback.current.cancel = () => {
+      active = false;
+    };
+    return nextCallback.current;
+  };
+  const onTransitionEnd = (timeoutArg, callback) => {
+    if (timeoutArg !== null) {
+      setNextCallback(callback);
+      setTimeout(nextCallback.current, timeoutArg);
+    }
+  };
+  const safeSetState = (nextState, callback) => {
+    // This shouldn't be necessary, but there are weird race conditions with
+    // setState callbacks and unmounting in testing, so always make sure that
+    // we can cancel any pending setState callbacks after we unmount.
+    setStatus(nextState);
+    setNextCallback(callback);
+    nextTick(() => {
+      nextCallback?.current?.();
+    });
+  };
+  const performEnter = async () => {
+    if (!enter) {
+      safeSetState(ENTERED, async () => {
+        await onEntered?.(innerNodeRef?.current);
+      });
+      return;
+    }
+    if (onEnter) await onEnter?.(innerNodeRef?.current);
+    safeSetState(ENTERING, async () => {
+      await onEntering?.(innerNodeRef?.current);
+      onTransitionEnd(timeout.enter, () => {
+        safeSetState(ENTERED, async () => {
+          await onEntered?.(innerNodeRef?.current);
+        });
+      });
+    });
+  };
+  const performExit = async () => {
+    if (!exit) {
+      safeSetState(unmountOnExit ? UNMOUNTED : EXITED, async () => {
+        await onExited?.(innerNodeRef?.current);
+      });
+      return;
+    }
+    await onExit?.(innerNodeRef?.current);
+    safeSetState(EXITING, async () => {
+      await onExiting?.(innerNodeRef?.current);
+      onTransitionEnd(timeout.exit, () => {
+        safeSetState(unmountOnExit ? UNMOUNTED : EXITED, async () => {
+          await onExited?.(innerNodeRef?.current);
+        });
+      });
+    });
+  };
+  const updateStatus = nextStatus => {
+    if (nextStatus !== null) {
+      cancelNextCallback();
+      if (nextStatus === ENTERING) {
+        performEnter();
+      } else if (nextStatus === EXITING) {
+        performExit();
+      }
+    }
+  };
+  (0, _react.useEffect)(() => {
+    nextTick(() => updateStatus(appearStatus.current));
+    return () => {
+      cancelNextCallback();
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    const isMounted = status !== UNMOUNTED;
+    if (!isFirstRender.current) {
+      isFirstRender.current = true;
+      return;
+    }
+    let nextStatus = null;
+    if (inProp) {
+      if (status !== ENTERING && status !== ENTERED) {
+        nextStatus = ENTERING;
+      }
+    } else if (status === ENTERING || status === ENTERED) {
+      nextStatus = EXITING;
+    }
+    if (isMounted) updateStatus(nextStatus);else safeSetState(inProp ? 'EXITED' : 'ENTERED', () => {
+      // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
+      // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
+      forceReflow(innerNodeRef?.current);
+      updateStatus(nextStatus);
+    });
+  }, [inProp]);
+  if (status === UNMOUNTED) return null;
+  return typeof children === 'function' ? children(status, {
+    ...childProps,
+    ref: nodeRef
+  }) : /*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), {
+    ...childProps,
+    ref: nodeRef
+  });
+});
+TransitionCore.displayName = 'BuiTransitionCore';
+TransitionCore.defaultProps = {
+  enter: true,
+  exit: true,
+  nextTick: setTimeout
+};
+var _default = exports.default = TransitionCore;

package/dist/Transition/index.d.ts

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

package/dist/Transition/index.js

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

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+export * from './ActionSheet';
+export * from './Alert';
+export * from './Avatar';
+export * from './Backdrop';
+export * from './Badge';
+export * from './Button';
+export * from './Calendar';
+export * from './Card';
+export * from './Checkbox';
+export * from './Divider';
+export * from './Drawer';
+export * from './Fade';
+export * from './IconButton';
+export * from './Image';
+export * from './Input';
+export * from './List';
+export * from './Modal';
+export * from './Portal';
+export * from './Progress';
+export * from './Radio';
+export * from './Rating';
+export * from './ScrollView';
+export * from './Select';
+export * from './Skeleton';
+export * from './Slide';
+export * from './Slider';
+export * from './Stack';
+export * from './Steps';
+export * from './Swiper';
+export * from './Switch';
+export * from './Tabs';
+export * from './Tag';
+export * from './TextArea';
+export * from './Transition';
+export * from './NavBar';
+export * from './Loading';
+export * from './TabBar';
+export * from './Countdown';

package/dist/index.js

@@ -0,0 +1,423 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ActionSheet = require("./ActionSheet");
+Object.keys(_ActionSheet).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionSheet[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ActionSheet[key];
+    }
+  });
+});
+var _Alert = require("./Alert");
+Object.keys(_Alert).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Alert[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Alert[key];
+    }
+  });
+});
+var _Avatar = require("./Avatar");
+Object.keys(_Avatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Avatar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Avatar[key];
+    }
+  });
+});
+var _Backdrop = require("./Backdrop");
+Object.keys(_Backdrop).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Backdrop[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Backdrop[key];
+    }
+  });
+});
+var _Badge = require("./Badge");
+Object.keys(_Badge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Badge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Badge[key];
+    }
+  });
+});
+var _Button = require("./Button");
+Object.keys(_Button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Button[key];
+    }
+  });
+});
+var _Calendar = require("./Calendar");
+Object.keys(_Calendar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Calendar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Calendar[key];
+    }
+  });
+});
+var _Card = require("./Card");
+Object.keys(_Card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Card[key];
+    }
+  });
+});
+var _Checkbox = require("./Checkbox");
+Object.keys(_Checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Checkbox[key];
+    }
+  });
+});
+var _Divider = require("./Divider");
+Object.keys(_Divider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Divider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Divider[key];
+    }
+  });
+});
+var _Drawer = require("./Drawer");
+Object.keys(_Drawer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Drawer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Drawer[key];
+    }
+  });
+});
+var _Fade = require("./Fade");
+Object.keys(_Fade).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Fade[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Fade[key];
+    }
+  });
+});
+var _IconButton = require("./IconButton");
+Object.keys(_IconButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IconButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _IconButton[key];
+    }
+  });
+});
+var _Image = require("./Image");
+Object.keys(_Image).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Image[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Image[key];
+    }
+  });
+});
+var _Input = require("./Input");
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Input[key];
+    }
+  });
+});
+var _List = require("./List");
+Object.keys(_List).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _List[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _List[key];
+    }
+  });
+});
+var _Modal = require("./Modal");
+Object.keys(_Modal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Modal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Modal[key];
+    }
+  });
+});
+var _Portal = require("./Portal");
+Object.keys(_Portal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Portal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Portal[key];
+    }
+  });
+});
+var _Progress = require("./Progress");
+Object.keys(_Progress).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Progress[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Progress[key];
+    }
+  });
+});
+var _Radio = require("./Radio");
+Object.keys(_Radio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Radio[key];
+    }
+  });
+});
+var _Rating = require("./Rating");
+Object.keys(_Rating).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Rating[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Rating[key];
+    }
+  });
+});
+var _ScrollView = require("./ScrollView");
+Object.keys(_ScrollView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScrollView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScrollView[key];
+    }
+  });
+});
+var _Select = require("./Select");
+Object.keys(_Select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Select[key];
+    }
+  });
+});
+var _Skeleton = require("./Skeleton");
+Object.keys(_Skeleton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Skeleton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Skeleton[key];
+    }
+  });
+});
+var _Slide = require("./Slide");
+Object.keys(_Slide).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Slide[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Slide[key];
+    }
+  });
+});
+var _Slider = require("./Slider");
+Object.keys(_Slider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Slider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Slider[key];
+    }
+  });
+});
+var _Stack = require("./Stack");
+Object.keys(_Stack).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Stack[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Stack[key];
+    }
+  });
+});
+var _Steps = require("./Steps");
+Object.keys(_Steps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Steps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Steps[key];
+    }
+  });
+});
+var _Swiper = require("./Swiper");
+Object.keys(_Swiper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Swiper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Swiper[key];
+    }
+  });
+});
+var _Switch = require("./Switch");
+Object.keys(_Switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Switch[key];
+    }
+  });
+});
+var _Tabs = require("./Tabs");
+Object.keys(_Tabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Tabs[key];
+    }
+  });
+});
+var _Tag = require("./Tag");
+Object.keys(_Tag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Tag[key];
+    }
+  });
+});
+var _TextArea = require("./TextArea");
+Object.keys(_TextArea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextArea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TextArea[key];
+    }
+  });
+});
+var _Transition = require("./Transition");
+Object.keys(_Transition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Transition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Transition[key];
+    }
+  });
+});
+var _NavBar = require("./NavBar");
+Object.keys(_NavBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NavBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NavBar[key];
+    }
+  });
+});
+var _Loading = require("./Loading");
+Object.keys(_Loading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Loading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Loading[key];
+    }
+  });
+});
+var _TabBar = require("./TabBar");
+Object.keys(_TabBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TabBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TabBar[key];
+    }
+  });
+});
+var _Countdown = require("./Countdown");
+Object.keys(_Countdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Countdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Countdown[key];
+    }
+  });
+});

package/es/ActionSheet/ActionSheet.css

@@ -0,0 +1,27 @@
+.bui-action-sheet {
+  font-family: var(--bui-font-family);
+}
+.bui-action-sheet-content {
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  border-top-left-radius: var(--bui-shape-radius-drawer);
+  border-top-right-radius: var(--bui-shape-radius-drawer);
+  overflow: hidden;
+}
+.bui-action-sheet .bui-action-sheet-cancel {
+  border-top: none;
+}
+.bui-action-sheet-gap {
+  height: var(--bui-spacing-md);
+  background-color: var(--bui-color-bg-default);
+}
+.bui-action-sheet-extra {
+  font-size: var(--bui-text-size-1);
+  line-height: 23px;
+  padding: var(--bui-spacing-xl);
+  color: var(--bui-color-fg-muted);
+  background: var(--bui-color-bg-view);
+  text-align: center;
+  border-bottom: 1px solid var(--bui-color-border-default);
+  margin: 0 var(--bui-spacing-xl);
+}