@onesy/ui-react 1.0.130 → 1.0.131

package/Transition/index.js

@@ -1,27 +1,44 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  TransitionContext: true,
+  useTransition: true
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = exports.useTransition = exports.TransitionContext = void 0;
-var Context_1 = require("./Context");
-Object.defineProperty(exports, "TransitionContext", { enumerable: true, get: function () { return __importDefault(Context_1).default; } });
-var useTransition_1 = require("./useTransition");
-Object.defineProperty(exports, "useTransition", { enumerable: true, get: function () { return __importDefault(useTransition_1).default; } });
-__exportStar(require("./Transition"), exports);
-var Transition_1 = require("./Transition");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Transition_1).default; } });
+Object.defineProperty(exports, "TransitionContext", {
+  enumerable: true,
+  get: function () {
+    return _Context.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Transition.default;
+  }
+});
+Object.defineProperty(exports, "useTransition", {
+  enumerable: true,
+  get: function () {
+    return _useTransition.default;
+  }
+});
+var _Context = _interopRequireDefault(require("./Context"));
+var _useTransition = _interopRequireDefault(require("./useTransition"));
+var _Transition = _interopRequireWildcard(require("./Transition"));
+Object.keys(_Transition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Transition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Transition[key];
+    }
+  });
+});
+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 && {}.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; }

package/Transition/useTransition.js

@@ -1,12 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Context_1 = __importDefault(require("./Context"));
-function useTransition() {
-    const value = react_1.default.useContext(Context_1.default);
-    return value;
-}
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = useTransition;
+var _react = _interopRequireDefault(require("react"));
+var _Context = _interopRequireDefault(require("./Context"));
+function useTransition() {
+  const value = _react.default.useContext(_Context.default);
+  return value;
+}

package/Transitions/Transitions.js

@@ -1,186 +1,222 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const __1 = require("..");
-const Transitions = (props_) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyTransitions) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const { mode = 'out-in', switch: switch_, id, TransitionProps, children: children__ } = props;
-    const [init, setInit] = react_1.default.useState(false);
-    const [status, setStatus] = react_1.default.useState(__1.STATUS.entered);
-    const [children, setChildren] = react_1.default.useState((0, utils_1.is)('array', children__) ? children__ : [children__]);
-    const other = Object.assign({ className: true }, TransitionProps);
-    const [element, setElement] = react_1.default.useState(react_1.default.cloneElement(children__, Object.assign({ in: true }, other)));
-    const refs = {
-        element: react_1.default.useRef(undefined),
-        previousKeyValue: react_1.default.useRef(undefined),
-        status: react_1.default.useRef(undefined),
-        id: react_1.default.useRef(undefined),
-        noTransition: react_1.default.useRef(undefined)
-    };
-    refs.element.current = element;
-    refs.status.current = status;
-    // No transition controll
-    // bug solve in nextjs
-    react_1.default.useEffect(() => {
-        if (id !== undefined) {
-            if (id !== refs.id.current) {
-                refs.noTransition.current = false;
-                refs.id.current = id;
-            }
-            else
-                refs.noTransition.current = true;
-        }
-    }, [id]);
-    react_1.default.useEffect(() => {
-        if (id !== undefined)
-            refs.noTransition.current = id === refs.id.current;
-    }, [status]);
-    react_1.default.useEffect(() => {
-        setInit(true);
-    }, []);
-    // Regular
-    react_1.default.useEffect(() => {
-        if (!switch_) {
-            const newChildren = (0, utils_1.is)('array', children__) ? children__ : [children__];
-            setChildren(items => {
-                let newItems = (0, utils_1.unique)([...items, ...newChildren], 'key');
-                newItems = newItems.map(item => {
-                    const prev = items.find(item_ => item_.key === item.key);
-                    const next = newChildren.find(item_ => item_.key === item.key);
-                    const isExiting = !(prev === null || prev === void 0 ? void 0 : prev.props.in);
-                    // New or readded previous add it
-                    if (next && (!prev || isExiting))
-                        return react_1.default.cloneElement(item, Object.assign({ in: true, onExited: onExited(item), enterOnAdd: true }, other));
-                    // No prev in new and it's not already exiting exit it
-                    if (!next && prev && !isExiting)
-                        return react_1.default.cloneElement(item, Object.assign({ in: false }, other));
-                    return item;
-                });
-                return newItems;
-            });
-        }
-    }, [children__.length]);
-    // Switch
-    react_1.default.useEffect(() => {
-        refs.previousKeyValue.current = children__.key;
-        // Abrupted value update
-        if (refs.noTransition.current) {
-            setStatus(__1.STATUS.entered);
-            setElement(children__);
-        }
-        else if (refs.status.current !== 'entered') {
-            setStatus(__1.STATUS.entered);
-            setElement(react_1.default.cloneElement(children__, Object.assign({ in: true, enterOnAdd: true }, other)));
-        }
-        else if (element !== children__ &&
-            element.key !== children__.key &&
-            // Lets transition run properly
-            refs.status.current === 'entered') {
-            setStatus(__1.STATUS.exit);
-        }
-    }, [children__.key]);
-    const onExited = (element_) => (elementHTML) => {
-        // Invoke a method
-        if ((0, utils_1.is)('function', element_.props.onExited))
-            element_.props.onExited(elementHTML);
-        // Update
-        setChildren(items => {
-            const newItems = [...items];
-            const index = newItems.findIndex(item => (item === null || item === void 0 ? void 0 : item.key) === (element_ === null || element_ === void 0 ? void 0 : element_.key));
-            if (index > -1)
-                newItems.splice(index, 1);
-            return newItems;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+var _styleReact = require("@onesy/style-react");
+var _ = require("..");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Transitions = props_ => {
+  const theme = (0, _styleReact.useOnesyTheme)();
+  const props = _react.default.useMemo(() => {
+    var _theme$ui, _theme$ui2;
+    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyTransitions) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const {
+    mode = 'out-in',
+    switch: switch_,
+    id,
+    TransitionProps,
+    children: children__
+  } = props;
+  const [init, setInit] = _react.default.useState(false);
+  const [status, setStatus] = _react.default.useState(_.STATUS.entered);
+  const [children, setChildren] = _react.default.useState((0, _utils.is)('array', children__) ? children__ : [children__]);
+  const other = _objectSpread({
+    className: true
+  }, TransitionProps);
+  const [element, setElement] = _react.default.useState(/*#__PURE__*/_react.default.cloneElement(children__, _objectSpread({
+    in: true
+  }, other)));
+  const refs = {
+    element: _react.default.useRef(undefined),
+    previousKeyValue: _react.default.useRef(undefined),
+    status: _react.default.useRef(undefined),
+    id: _react.default.useRef(undefined),
+    noTransition: _react.default.useRef(undefined)
+  };
+  refs.element.current = element;
+  refs.status.current = status;
+
+  // No transition controll
+  // bug solve in nextjs
+  _react.default.useEffect(() => {
+    if (id !== undefined) {
+      if (id !== refs.id.current) {
+        refs.noTransition.current = false;
+        refs.id.current = id;
+      } else refs.noTransition.current = true;
+    }
+  }, [id]);
+  _react.default.useEffect(() => {
+    if (id !== undefined) refs.noTransition.current = id === refs.id.current;
+  }, [status]);
+  _react.default.useEffect(() => {
+    setInit(true);
+  }, []);
+
+  // Regular
+  _react.default.useEffect(() => {
+    if (!switch_) {
+      const newChildren = (0, _utils.is)('array', children__) ? children__ : [children__];
+      setChildren(items => {
+        let newItems = (0, _utils.unique)([...items, ...newChildren], 'key');
+        newItems = newItems.map(item => {
+          const prev = items.find(item_ => item_.key === item.key);
+          const next = newChildren.find(item_ => item_.key === item.key);
+          const isExiting = !(prev !== null && prev !== void 0 && prev.props.in);
+
+          // New or readded previous add it
+          if (next && (!prev || isExiting)) return /*#__PURE__*/_react.default.cloneElement(item, _objectSpread({
+            in: true,
+            onExited: onExited(item),
+            enterOnAdd: true
+          }, other));
+
+          // No prev in new and it's not already exiting exit it
+          if (!next && prev && !isExiting) return /*#__PURE__*/_react.default.cloneElement(item, _objectSpread({
+            in: false
+          }, other));
+          return item;
         });
-    };
-    let children_ = children;
-    // Init
-    if (!init && !switch_) {
-        children_ = children_.map(item => react_1.default.cloneElement(item, Object.assign({ in: true, onExited: onExited(item) }, other)));
+        return newItems;
+      });
     }
-    // Switch
-    if (switch_) {
-        children_ = element;
-        switch (status) {
-            case __1.STATUS.enter:
-                if (mode === 'in-out') {
-                    const newElement = react_1.default.cloneElement(refs.previousKeyValue.current !== children__.key ? element : children__, Object.assign({ in: true }, other));
-                    children_ = [
-                        react_1.default.cloneElement(children_, Object.assign({ in: false, onExited: () => {
-                                var _a, _b;
-                                if (refs.status.current === 'entered')
-                                    return;
-                                if ((_a = children__.props) === null || _a === void 0 ? void 0 : _a.onExited)
-                                    (_b = children__.props) === null || _b === void 0 ? void 0 : _b.onExited();
-                                setStatus(__1.STATUS.entered);
-                                setElement(newElement);
-                            }, exitOnAdd: true, removeOnExited: true }, other)),
-                        newElement
-                    ];
-                }
-                else if (mode === 'out-in') {
-                    children_ = (react_1.default.cloneElement(children__, Object.assign({ in: true, onEntered: () => {
-                            var _a, _b;
-                            if (refs.status.current === 'entered')
-                                return;
-                            if ((_a = children__.props) === null || _a === void 0 ? void 0 : _a.onEntered)
-                                (_b = children__.props) === null || _b === void 0 ? void 0 : _b.onEntered();
-                            setStatus(__1.STATUS.entered);
-                            setElement(react_1.default.cloneElement(refs.previousKeyValue.current !== children__.key ? element : children__, Object.assign({ in: true }, other)));
-                        }, enterOnAdd: true }, other)));
-                }
-                break;
-            case __1.STATUS.exit:
-                if (mode === 'in-out') {
-                    children_ = [
-                        element,
-                        react_1.default.cloneElement(children__, Object.assign({ in: true, onEntered: () => {
-                                var _a, _b;
-                                if (refs.status.current === 'entered')
-                                    return;
-                                if ((_a = children__.props) === null || _a === void 0 ? void 0 : _a.onEnter)
-                                    (_b = children__.props) === null || _b === void 0 ? void 0 : _b.onEnter();
-                                setStatus(__1.STATUS.enter);
-                            }, enterOnAdd: true }, other))
-                    ];
-                }
-                else if (mode === 'out-in') {
-                    children_ = (react_1.default.cloneElement(children_, Object.assign({ in: false, onExited: () => {
-                            var _a, _b;
-                            if (refs.status.current === 'entered')
-                                return;
-                            if ((_a = children__.props) === null || _a === void 0 ? void 0 : _a.onExited)
-                                (_b = children__.props) === null || _b === void 0 ? void 0 : _b.onExited();
-                            setStatus(__1.STATUS.enter);
-                        }, exitOnAdd: true }, other)));
-                }
-                else if (mode === 'in-out-follow') {
-                    if (children__.key === children_.key)
-                        return children_;
-                    children_ = [
-                        react_1.default.cloneElement(children__, Object.assign({ in: true, onEntered: () => {
-                                var _a, _b;
-                                if (refs.status.current === 'entered')
-                                    return;
-                                if ((_a = children__.props) === null || _a === void 0 ? void 0 : _a.onEntered)
-                                    (_b = children__.props) === null || _b === void 0 ? void 0 : _b.onEntered();
-                                setElement(react_1.default.cloneElement(refs.previousKeyValue.current !== children__.key ? element : children__, Object.assign({ in: true }, other)));
-                                setStatus(__1.STATUS.entered);
-                            }, enterOnAdd: true }, other)),
-                        react_1.default.cloneElement(children_, Object.assign({ in: false, exitOnAdd: true }, other))
-                    ];
-                }
-                break;
-            default:
-                break;
+  }, [children__.length]);
+
+  // Switch
+  _react.default.useEffect(() => {
+    refs.previousKeyValue.current = children__.key;
+
+    // Abrupted value update
+    if (refs.noTransition.current) {
+      setStatus(_.STATUS.entered);
+      setElement(children__);
+    } else if (refs.status.current !== 'entered') {
+      setStatus(_.STATUS.entered);
+      setElement(/*#__PURE__*/_react.default.cloneElement(children__, _objectSpread({
+        in: true,
+        enterOnAdd: true
+      }, other)));
+    } else if (element !== children__ && element.key !== children__.key &&
+    // Lets transition run properly
+    refs.status.current === 'entered') {
+      setStatus(_.STATUS.exit);
+    }
+  }, [children__.key]);
+  const onExited = element_ => elementHTML => {
+    // Invoke a method
+    if ((0, _utils.is)('function', element_.props.onExited)) element_.props.onExited(elementHTML);
+
+    // Update
+    setChildren(items => {
+      const newItems = [...items];
+      const index = newItems.findIndex(item => (item === null || item === void 0 ? void 0 : item.key) === (element_ === null || element_ === void 0 ? void 0 : element_.key));
+      if (index > -1) newItems.splice(index, 1);
+      return newItems;
+    });
+  };
+  let children_ = children;
+
+  // Init
+  if (!init && !switch_) {
+    children_ = children_.map(item => /*#__PURE__*/_react.default.cloneElement(item, _objectSpread({
+      in: true,
+      onExited: onExited(item)
+    }, other)));
+  }
+
+  // Switch
+  if (switch_) {
+    children_ = element;
+    switch (status) {
+      case _.STATUS.enter:
+        if (mode === 'in-out') {
+          const newElement = /*#__PURE__*/_react.default.cloneElement(refs.previousKeyValue.current !== children__.key ? element : children__, _objectSpread({
+            in: true
+          }, other));
+          children_ = [/*#__PURE__*/_react.default.cloneElement(children_, _objectSpread({
+            in: false,
+            onExited: () => {
+              var _children__$props, _children__$props2;
+              if (refs.status.current === 'entered') return;
+              if ((_children__$props = children__.props) !== null && _children__$props !== void 0 && _children__$props.onExited) (_children__$props2 = children__.props) === null || _children__$props2 === void 0 || _children__$props2.onExited();
+              setStatus(_.STATUS.entered);
+              setElement(newElement);
+            },
+            exitOnAdd: true,
+            removeOnExited: true
+          }, other)), newElement];
+        } else if (mode === 'out-in') {
+          children_ = /*#__PURE__*/_react.default.cloneElement(children__, _objectSpread({
+            in: true,
+            onEntered: () => {
+              var _children__$props3, _children__$props4;
+              if (refs.status.current === 'entered') return;
+              if ((_children__$props3 = children__.props) !== null && _children__$props3 !== void 0 && _children__$props3.onEntered) (_children__$props4 = children__.props) === null || _children__$props4 === void 0 || _children__$props4.onEntered();
+              setStatus(_.STATUS.entered);
+              setElement(/*#__PURE__*/_react.default.cloneElement(refs.previousKeyValue.current !== children__.key ? element : children__, _objectSpread({
+                in: true
+              }, other)));
+            },
+            enterOnAdd: true
+          }, other));
+        }
+        break;
+      case _.STATUS.exit:
+        if (mode === 'in-out') {
+          children_ = [element, /*#__PURE__*/_react.default.cloneElement(children__, _objectSpread({
+            in: true,
+            onEntered: () => {
+              var _children__$props5, _children__$props6;
+              if (refs.status.current === 'entered') return;
+              if ((_children__$props5 = children__.props) !== null && _children__$props5 !== void 0 && _children__$props5.onEnter) (_children__$props6 = children__.props) === null || _children__$props6 === void 0 || _children__$props6.onEnter();
+              setStatus(_.STATUS.enter);
+            },
+            enterOnAdd: true
+          }, other))];
+        } else if (mode === 'out-in') {
+          children_ = /*#__PURE__*/_react.default.cloneElement(children_, _objectSpread({
+            in: false,
+            onExited: () => {
+              var _children__$props7, _children__$props8;
+              if (refs.status.current === 'entered') return;
+              if ((_children__$props7 = children__.props) !== null && _children__$props7 !== void 0 && _children__$props7.onExited) (_children__$props8 = children__.props) === null || _children__$props8 === void 0 || _children__$props8.onExited();
+              setStatus(_.STATUS.enter);
+            },
+            exitOnAdd: true
+          }, other));
+        } else if (mode === 'in-out-follow') {
+          if (children__.key === children_.key) return children_;
+          children_ = [/*#__PURE__*/_react.default.cloneElement(children__, _objectSpread({
+            in: true,
+            onEntered: () => {
+              var _children__$props9, _children__$props10;
+              if (refs.status.current === 'entered') return;
+              if ((_children__$props9 = children__.props) !== null && _children__$props9 !== void 0 && _children__$props9.onEntered) (_children__$props10 = children__.props) === null || _children__$props10 === void 0 || _children__$props10.onEntered();
+              setElement(/*#__PURE__*/_react.default.cloneElement(refs.previousKeyValue.current !== children__.key ? element : children__, _objectSpread({
+                in: true
+              }, other)));
+              setStatus(_.STATUS.entered);
+            },
+            enterOnAdd: true
+          }, other)), /*#__PURE__*/_react.default.cloneElement(children_, _objectSpread({
+            in: false,
+            exitOnAdd: true
+          }, other))];
         }
+        break;
+      default:
+        break;
     }
-    return children_;
+  }
+  return children_;
 };
 Transitions.displayName = 'onesy-Transitions';
-exports.default = Transitions;
+var _default = exports.default = Transitions;

package/Transitions/index.js

@@ -1,8 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Transitions_1 = require("./Transitions");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Transitions_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Transitions.default;
+  }
+});
+var _Transitions = _interopRequireDefault(require("./Transitions"));