@onesy/ui-react 1.0.130 → 1.0.132

package/Emojis/index.js

@@ -1,10 +1,20 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emojis_list = exports.default = void 0;
-var Emojis_1 = require("./Emojis");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Emojis_1).default; } });
-var emojis_list_1 = require("./emojis_list");
-Object.defineProperty(exports, "emojis_list", { enumerable: true, get: function () { return __importDefault(emojis_list_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Emojis.default;
+  }
+});
+Object.defineProperty(exports, "emojis_list", {
+  enumerable: true,
+  get: function () {
+    return _emojis_list.default;
+  }
+});
+var _Emojis = _interopRequireDefault(require("./Emojis"));
+var _emojis_list = _interopRequireDefault(require("./emojis_list"));

package/Expand/Expand.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ITransition } from '..';
 import { IPropsAny } from '../types';
-export declare type IExpand = Omit<ITransition, 'className'> & {
+export type IExpand = Omit<ITransition, 'className'> & {
     value?: number;
     expandSize?: number;
     orientation?: 'veritcal' | 'horizontal';

package/Expand/Expand.js

@@ -1,156 +1,208 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const __1 = require("..");
-const Wrapper = react_1.default.forwardRef((props, ref) => {
-    const { children, style } = props, other = __rest(props, ["children", "style"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, other, { style: Object.assign({ width: '100%' }, style) }, { children: children })));
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+var _styleReact = require("@onesy/style-react");
+var _ = require("..");
+const _excluded = ["children", "style"],
+  _excluded2 = ["in", "value", "prefix", "run", "append", "add", "enter", "exit", "enterOnAdd", "exitOnAdd", "noAbruption", "removeOnExited", "delay", "duration", "timing_function", "addTransition", "onTransition", "onAppended", "onAdd", "onAdding", "onAdded", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onRemoved", "expandSize", "orientation", "WrapperProps", "className", "style", "children"];
+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 Wrapper = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      children,
+      style
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: ref
+  }, other, {
+    style: _objectSpread({
+      width: '100%'
+    }, style)
+  }), children);
 });
-const Expand = react_1.default.forwardRef((props_, ref) => {
-    var _a;
-    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.onesyExpand) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const { in: inProp, value: valueProvided, prefix, run, append, add, enter, exit, enterOnAdd, exitOnAdd, noAbruption, removeOnExited = true, delay, duration: duration_, timing_function, addTransition, onTransition, onAppended, onAdd, onAdding, onAdded, onEnter, onEntering, onEntered, onExit, onExiting, onExited, onRemoved, expandSize, orientation, WrapperProps, className, style, children } = props, other = __rest(props, ["in", "value", "prefix", "run", "append", "add", "enter", "exit", "enterOnAdd", "exitOnAdd", "noAbruption", "removeOnExited", "delay", "duration", "timing_function", "addTransition", "onTransition", "onAppended", "onAdd", "onAdding", "onAdded", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onRemoved", "expandSize", "orientation", "WrapperProps", "className", "style", "children"]);
-    const [value, setValue] = react_1.default.useState(valueProvided !== undefined ? valueProvided : null);
-    const [parent, setParent] = react_1.default.useState();
-    const refs = {
-        root: react_1.default.useRef(undefined),
-        placeholder: react_1.default.useRef(undefined),
-        parent: react_1.default.useRef(undefined),
-        element: react_1.default.useRef(undefined),
-        value: react_1.default.useRef(0)
+const Expand = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _children$type;
+  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.onesyExpand) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const {
+      in: inProp,
+      value: valueProvided,
+      prefix,
+      run,
+      append,
+      add,
+      enter,
+      exit,
+      enterOnAdd,
+      exitOnAdd,
+      noAbruption,
+      removeOnExited = true,
+      delay,
+      duration: duration_,
+      timing_function,
+      addTransition,
+      onTransition,
+      onAppended,
+      onAdd,
+      onAdding,
+      onAdded,
+      onEnter,
+      onEntering,
+      onEntered,
+      onExit,
+      onExiting,
+      onExited,
+      onRemoved,
+      expandSize,
+      orientation,
+      WrapperProps,
+      className,
+      style,
+      children
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded2);
+  const [value, setValue] = _react.default.useState(valueProvided !== undefined ? valueProvided : null);
+  const [parent, setParent] = _react.default.useState();
+  const refs = {
+    root: _react.default.useRef(undefined),
+    placeholder: _react.default.useRef(undefined),
+    parent: _react.default.useRef(undefined),
+    element: _react.default.useRef(undefined),
+    value: _react.default.useRef(0)
+  };
+  refs.value.current = value;
+  refs.parent.current = parent;
+  let prop = 'height';
+  if (orientation === 'horizontal') prop = 'width';
+  const isTransition = _react.default.useCallback(item => {
+    const values = ['Transition', 'Fade', 'Grow', 'Slide', 'Zoom'];
+    return values.some(item_ => item === null || item === void 0 ? void 0 : item.includes(item_));
+  }, []);
+  const childrenWithTransition = isTransition(children === null || children === void 0 || (_children$type = children.type) === null || _children$type === void 0 ? void 0 : _children$type.displayName);
+  _react.default.useEffect(() => {
+    const method = () => {
+      setValue(null);
+      setParent(null);
+    };
+
+    // on resize
+    // recalculate width, value
+    window.addEventListener('resize', method);
+    return () => {
+      window.removeEventListener('resize', method);
     };
-    refs.value.current = value;
-    refs.parent.current = parent;
-    let prop = 'height';
-    if (orientation === 'horizontal')
-        prop = 'width';
-    const isTransition = react_1.default.useCallback((item) => {
-        const values = ['Transition', 'Fade', 'Grow', 'Slide', 'Zoom'];
-        return values.some(item_ => item === null || item === void 0 ? void 0 : item.includes(item_));
-    }, []);
-    const childrenWithTransition = isTransition((_a = children === null || children === void 0 ? void 0 : children.type) === null || _a === void 0 ? void 0 : _a.displayName);
-    react_1.default.useEffect(() => {
-        const method = () => {
-            setValue(null);
-            setParent(null);
-        };
-        // on resize
-        // recalculate width, value
-        window.addEventListener('resize', method);
-        return () => {
-            window.removeEventListener('resize', method);
-        };
-    }, []);
-    const styles = (status) => {
-        var _a;
-        const styles_ = (refs.root.current && window.getComputedStyle((_a = refs.root) === null || _a === void 0 ? void 0 : _a.current)) || {};
-        const allStyles = {
-            appended: {
-                position: 'fixed',
-                left: '1114%',
-                visibility: 'hidden'
-            },
-            enter: {
-                transition: 'none',
-                [prop]: 0,
-                overflow: 'hidden'
-            },
-            entering: {
-                [prop]: `${valueProvided !== undefined ? valueProvided : refs.value.current}px`,
-                overflow: 'hidden'
-            },
-            entered: {
-                [prop]: 'auto'
-            },
-            exit: {
-                [prop]: styles_[prop],
-                overflow: 'hidden'
-            },
-            exiting: {
-                [prop]: expandSize !== undefined ? expandSize : '0',
-                overflow: 'hidden'
-            },
-            exited: {
-                [prop]: expandSize !== undefined ? expandSize : '0',
-                overflow: 'hidden'
-            }
-        };
-        return allStyles[status];
+  }, []);
+  const styles = status => {
+    var _refs$root;
+    const styles_ = refs.root.current && window.getComputedStyle((_refs$root = refs.root) === null || _refs$root === void 0 ? void 0 : _refs$root.current) || {};
+    const allStyles = {
+      appended: {
+        position: 'fixed',
+        left: '1114%',
+        visibility: 'hidden'
+      },
+      enter: {
+        transition: 'none',
+        [prop]: 0,
+        overflow: 'hidden'
+      },
+      entering: {
+        [prop]: `${valueProvided !== undefined ? valueProvided : refs.value.current}px`,
+        overflow: 'hidden'
+      },
+      entered: {
+        [prop]: 'auto'
+      },
+      exit: {
+        [prop]: styles_[prop],
+        overflow: 'hidden'
+      },
+      exiting: {
+        [prop]: expandSize !== undefined ? expandSize : '0',
+        overflow: 'hidden'
+      },
+      exited: {
+        [prop]: expandSize !== undefined ? expandSize : '0',
+        overflow: 'hidden'
+      }
     };
-    const duration = (status, property = 'opacity') => {
-        const properties = {
-            [prop]: theme.transitions.duration.rg
-        };
-        return `${((0, utils_1.is)('simple', duration) ? duration : duration[status]) || properties[property]}ms`;
+    return allStyles[status];
+  };
+  const duration = (status, property = 'opacity') => {
+    const properties = {
+      [prop]: theme.transitions.duration.rg
     };
-    const timingFunction = (status) => ((0, utils_1.is)('simple', timing_function) ? timing_function : timing_function[status]) || theme.transitions.timing_function.standard;
-    const children_ = ((0, jsx_runtime_1.jsx)(Wrapper, Object.assign({}, WrapperProps, { children: children })));
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [value === null && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: item => {
-                            if (!item)
-                                return;
-                            if (!parent)
-                                setParent(item.parentElement);
-                        } }), parent && ((0, jsx_runtime_1.jsx)(Wrapper, Object.assign({}, WrapperProps, { ref: (item) => {
-                            if (!item)
-                                return;
-                            if (WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.ref) {
-                                if ((0, utils_1.is)('function', WrapperProps.ref))
-                                    WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.ref(item);
-                                else
-                                    WrapperProps.ref.current = item;
-                            }
-                            if (refs.value.current === null) {
-                                setValue(item.getBoundingClientRect()[prop] || 0);
-                            }
-                        }, style: Object.assign({ position: 'fixed', left: '1114%', visibility: 'hidden', width: parent.offsetWidth }, WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.style) }, { children: react_1.default.cloneElement(children, Object.assign({}, (childrenWithTransition && { in: true }))) })))] }), value !== null && ((0, jsx_runtime_1.jsx)(__1.Transition, Object.assign({ removeOnExited: true }, props, { children: (status, ref_) => {
-                    var _a;
-                    // If children update
-                    // & value is updated
-                    if (['appending', 'appended', 'adding', 'added', 'entering', 'entered'].includes(status)) {
-                        const value_ = (((_a = refs.root.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {})[prop];
-                        if (value_ > 0 && value_ !== refs.value.current)
-                            setValue(value_);
-                    }
-                    return react_1.default.cloneElement(children_, Object.assign(Object.assign({}, other), { className, ref: (item) => {
-                            refs.root.current = item;
-                            if (ref) {
-                                if ((0, utils_1.is)('function', ref))
-                                    ref(item);
-                                else
-                                    ref.current = item;
-                            }
-                            if (ref_) {
-                                if ((0, utils_1.is)('function', ref_))
-                                    ref_(item);
-                                else
-                                    ref_.current = item;
-                            }
-                            if (children_.ref) {
-                                if ((0, utils_1.is)('function', children_.ref))
-                                    children_.ref(item);
-                                else
-                                    children_.ref.current = item;
-                            }
-                        }, style: Object.assign(Object.assign(Object.assign({ position: 'relative', transition: `${prop} ${duration(status, prop)} ${timingFunction(status)} ${addTransition ? `, ${addTransition}` : ''}`, visibility: status === 'exited' && !inProp && expandSize === undefined ? 'hidden' : undefined }, styles(status)), style), children_ === null || children_ === void 0 ? void 0 : children_.style) }));
-                } })))] });
+    return `${((0, _utils.is)('simple', duration) ? duration : duration[status]) || properties[property]}ms`;
+  };
+  const timingFunction = status => ((0, _utils.is)('simple', timing_function) ? timing_function : timing_function[status]) || theme.transitions.timing_function.standard;
+  const children_ = /*#__PURE__*/_react.default.createElement(Wrapper, WrapperProps, children);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value === null && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    ref: item => {
+      if (!item) return;
+      if (!parent) setParent(item.parentElement);
+    }
+  }), parent && /*#__PURE__*/_react.default.createElement(Wrapper, (0, _extends2.default)({}, WrapperProps, {
+    ref: item => {
+      if (!item) return;
+      if (WrapperProps !== null && WrapperProps !== void 0 && WrapperProps.ref) {
+        if ((0, _utils.is)('function', WrapperProps.ref)) WrapperProps === null || WrapperProps === void 0 || WrapperProps.ref(item);else WrapperProps.ref.current = item;
+      }
+      if (refs.value.current === null) {
+        setValue(item.getBoundingClientRect()[prop] || 0);
+      }
+    },
+    style: _objectSpread({
+      position: 'fixed',
+      left: '1114%',
+      visibility: 'hidden',
+      width: parent.offsetWidth
+    }, WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.style)
+  }), /*#__PURE__*/_react.default.cloneElement(children, _objectSpread({}, childrenWithTransition && {
+    in: true
+  })))), value !== null && /*#__PURE__*/_react.default.createElement(_.Transition, (0, _extends2.default)({
+    removeOnExited: true
+  }, props), (status, ref_) => {
+    // If children update
+    // & value is updated
+    if (['appending', 'appended', 'adding', 'added', 'entering', 'entered'].includes(status)) {
+      var _refs$root$current;
+      const value_ = (((_refs$root$current = refs.root.current) === null || _refs$root$current === void 0 ? void 0 : _refs$root$current.getBoundingClientRect()) || {})[prop];
+      if (value_ > 0 && value_ !== refs.value.current) setValue(value_);
+    }
+    return /*#__PURE__*/_react.default.cloneElement(children_, _objectSpread(_objectSpread({}, other), {}, {
+      className,
+      ref: item => {
+        refs.root.current = item;
+        if (ref) {
+          if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        }
+        if (ref_) {
+          if ((0, _utils.is)('function', ref_)) ref_(item);else ref_.current = item;
+        }
+        if (children_.ref) {
+          if ((0, _utils.is)('function', children_.ref)) children_.ref(item);else children_.ref.current = item;
+        }
+      },
+      style: _objectSpread(_objectSpread(_objectSpread({
+        position: 'relative',
+        transition: `${prop} ${duration(status, prop)} ${timingFunction(status)} ${addTransition ? `, ${addTransition}` : ''}`,
+        visibility: status === 'exited' && !inProp && expandSize === undefined ? 'hidden' : undefined
+      }, styles(status)), style), children_ === null || children_ === void 0 ? void 0 : children_.style)
+    }));
+  }));
 });
 Expand.displayName = 'onesy-Expand';
-exports.default = Expand;
+var _default = exports.default = Expand;

package/Expand/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 Expand_1 = require("./Expand");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Expand_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Expand.default;
+  }
+});
+var _Expand = _interopRequireDefault(require("./Expand"));

package/Fab/Fab.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
-export declare type IFab = IButton & {};
+export type IFab = IButton & {};
 declare const Fab: React.FC<IFab>;
 export default Fab;

package/Fab/Fab.js

@@ -1,29 +1,49 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const style_react_1 = require("@onesy/style-react");
-const Button_1 = __importDefault(require("../Button"));
-const utils_1 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {}
-}), { name: 'onesy-Fab' });
-const Fab = react_1.default.forwardRef((props_, ref) => {
-    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.onesyFab) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Button = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Button) || Button_1.default; }, [theme]);
-    const { tonal = 'primary', version = 'filled', className } = props;
-    const { classes } = useStyle();
-    return ((0, jsx_runtime_1.jsx)(Button, Object.assign({ ref: ref }, props, { className: (0, style_react_1.classNames)([
-            (0, utils_1.staticClassName)('Fab', theme) && [
-                'onesy-Fab-root'
-            ],
-            className,
-            classes.root
-        ]), version: version, tonal: tonal, fab: true })));
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _styleReact = require("@onesy/style-react");
+var _Button = _interopRequireDefault(require("../Button"));
+var _utils = require("../utils");
+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 useStyle = (0, _styleReact.style)(theme => ({
+  root: {}
+}), {
+  name: 'onesy-Fab'
+});
+const Fab = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  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.onesyFab) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const Button = _react.default.useMemo(() => {
+    var _theme$elements;
+    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Button) || _Button.default;
+  }, [theme]);
+  const {
+    tonal = 'primary',
+    version = 'filled',
+    className
+  } = props;
+  const {
+    classes
+  } = useStyle();
+  return /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
+    ref: ref
+  }, props, {
+    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Fab', theme) && ['onesy-Fab-root'], className, classes.root]),
+    version: version,
+    tonal: tonal,
+    fab: true
+  }));
 });
 Fab.displayName = 'onesy-Fab';
-exports.default = Fab;
+var _default = exports.default = Fab;

package/Fab/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 Fab_1 = require("./Fab");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Fab_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Fab.default;
+  }
+});
+var _Fab = _interopRequireDefault(require("./Fab"));

package/Fade/Fade.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ITransition } from '..';
-export declare type IFade = ITransition & {};
+export type IFade = ITransition & {};
 declare const Fade: React.FC<IFade>;
 export default Fade;