@onesy/ui-react 1.0.130 → 1.0.131

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

package/Tab/Tab.js

@@ -1,154 +1,189 @@
 "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 Tooltip_1 = __importDefault(require("../Tooltip"));
-const Type_1 = __importDefault(require("../Type"));
-const Surface_1 = __importDefault(require("../Surface"));
-const Line_1 = __importDefault(require("../Line"));
-const Interaction_1 = __importDefault(require("../Interaction"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        // Reset
-        fontFamily: 'inherit',
-        '-webkit-appearance': 'none',
-        appearance: 'none',
-        background: 'transparent',
-        border: 'none',
-        fontSize: '100%',
-        lineHeight: '1.15',
-        margin: '0',
-        overflow: 'visible',
-        textTransform: 'none',
-        position: 'relative',
-        flex: '0 0 auto',
-        alignSelf: 'stretch',
-        userSelect: 'none',
-        cursor: 'pointer',
-        opacity: theme.palette.visual_contrast.default.opacity.secondary,
-        transition: theme.methods.transitions.make('opacity')
-    },
-    size_small: {
-        padding: `${theme.methods.space.value(1.5, 'px')} ${theme.methods.space.value(3, 'px')}`,
-        minWidth: '40px',
-        maxWidth: '200px'
-    },
-    size_regular: {
-        padding: `${theme.methods.space.value(2, 'px')} ${theme.methods.space.value(4, 'px')}`,
-        minWidth: '70px',
-        maxWidth: '240px'
-    },
-    size_large: {
-        padding: `${theme.methods.space.value(2.5, 'px')} ${theme.methods.space.value(5, 'px')}`,
-        minWidth: '100px',
-        maxWidth: '280px'
-    },
-    type_small: {
-        maxHeight: '2rem'
-    },
-    type_regular: {
-        maxHeight: '2.15rem'
-    },
-    type_large: {
-        maxHeight: '2.6rem'
-    },
-    line: {
-        overflow: 'hidden'
-    },
-    active: {
-        opacity: '1'
-    },
-    disabled: {
-        pointerEvents: 'none',
-        opacity: theme.palette.visual_contrast.default.opacity.disabled,
-        cursor: 'default'
-    }
-}), { name: 'onesy-Tab' });
-const Tab = 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.onesyTab) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
-    const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
-    const Surface = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Surface) || Surface_1.default; }, [theme]);
-    const Interaction = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Interaction) || Interaction_1.default; }, [theme]);
-    const Tooltip = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Tooltip) || Tooltip_1.default; }, [theme]);
-    const { tonal = true, color = 'primary', version = 'primary', size = 'regular', value, onChange, active, index, name, label: label_, icon, iconPosition = 'start', activateOnFocus, tooltip, disabled, onBlur: onBlur_, onFocus: onFocus_, LineProps = {}, TooltipProps, Component = 'button', className, children } = props, other = __rest(props, ["tonal", "color", "version", "size", "value", "onChange", "active", "index", "name", "label", "icon", "iconPosition", "activateOnFocus", "tooltip", "disabled", "onBlur", "onFocus", "LineProps", "TooltipProps", "Component", "className", "children"]);
-    const { classes } = useStyle();
-    const [focus, setFocus] = react_1.default.useState(false);
-    const label = name !== undefined ? name : label_;
-    const onBlur = react_1.default.useCallback((event) => {
-        if (!disabled)
-            setFocus(false);
-        if ((0, utils_1.is)('function', onBlur_))
-            onBlur_(event);
-    }, [disabled, onBlur_]);
-    const onFocus = react_1.default.useCallback((event) => {
-        if (!disabled) {
-            setFocus(true);
-            if (activateOnFocus)
-                onChange(value, index);
-        }
-        if ((0, utils_1.is)('function', onFocus_))
-            onFocus_(event);
-    }, [activateOnFocus, value, disabled, onFocus_]);
-    if (icon !== undefined) {
-        LineProps.direction = iconPosition === 'start' ? 'row' : iconPosition === 'top' ? 'column' : iconPosition === 'end' ? 'row-reverse' : 'column-reverse';
+
+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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+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 _Tooltip = _interopRequireDefault(require("../Tooltip"));
+var _Type = _interopRequireDefault(require("../Type"));
+var _Surface = _interopRequireDefault(require("../Surface"));
+var _Line = _interopRequireDefault(require("../Line"));
+var _Interaction = _interopRequireDefault(require("../Interaction"));
+var _utils2 = require("../utils");
+const _excluded = ["tonal", "color", "version", "size", "value", "onChange", "active", "index", "name", "label", "icon", "iconPosition", "activateOnFocus", "tooltip", "disabled", "onBlur", "onFocus", "LineProps", "TooltipProps", "Component", "className", "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 useStyle = (0, _styleReact.style)(theme => ({
+  root: {
+    // Reset
+    fontFamily: 'inherit',
+    '-webkit-appearance': 'none',
+    appearance: 'none',
+    background: 'transparent',
+    border: 'none',
+    fontSize: '100%',
+    lineHeight: '1.15',
+    margin: '0',
+    overflow: 'visible',
+    textTransform: 'none',
+    position: 'relative',
+    flex: '0 0 auto',
+    alignSelf: 'stretch',
+    userSelect: 'none',
+    cursor: 'pointer',
+    opacity: theme.palette.visual_contrast.default.opacity.secondary,
+    transition: theme.methods.transitions.make('opacity')
+  },
+  size_small: {
+    padding: `${theme.methods.space.value(1.5, 'px')} ${theme.methods.space.value(3, 'px')}`,
+    minWidth: '40px',
+    maxWidth: '200px'
+  },
+  size_regular: {
+    padding: `${theme.methods.space.value(2, 'px')} ${theme.methods.space.value(4, 'px')}`,
+    minWidth: '70px',
+    maxWidth: '240px'
+  },
+  size_large: {
+    padding: `${theme.methods.space.value(2.5, 'px')} ${theme.methods.space.value(5, 'px')}`,
+    minWidth: '100px',
+    maxWidth: '280px'
+  },
+  type_small: {
+    maxHeight: '2rem'
+  },
+  type_regular: {
+    maxHeight: '2.15rem'
+  },
+  type_large: {
+    maxHeight: '2.6rem'
+  },
+  line: {
+    overflow: 'hidden'
+  },
+  active: {
+    opacity: '1'
+  },
+  disabled: {
+    pointerEvents: 'none',
+    opacity: theme.palette.visual_contrast.default.opacity.disabled,
+    cursor: 'default'
+  }
+}), {
+  name: 'onesy-Tab'
+});
+const Tab = /*#__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.onesyTab) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const Line = _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.Line) || _Line.default;
+  }, [theme]);
+  const Type = _react.default.useMemo(() => {
+    var _theme$elements2;
+    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Type) || _Type.default;
+  }, [theme]);
+  const Surface = _react.default.useMemo(() => {
+    var _theme$elements3;
+    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Surface) || _Surface.default;
+  }, [theme]);
+  const Interaction = _react.default.useMemo(() => {
+    var _theme$elements4;
+    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Interaction) || _Interaction.default;
+  }, [theme]);
+  const Tooltip = _react.default.useMemo(() => {
+    var _theme$elements5;
+    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Tooltip) || _Tooltip.default;
+  }, [theme]);
+  const {
+      tonal = true,
+      color = 'primary',
+      version = 'primary',
+      size = 'regular',
+      value,
+      onChange,
+      active,
+      index,
+      name,
+      label: label_,
+      icon,
+      iconPosition = 'start',
+      activateOnFocus,
+      tooltip,
+      disabled,
+      onBlur: onBlur_,
+      onFocus: onFocus_,
+      LineProps = {},
+      TooltipProps,
+      Component = 'button',
+      className,
+      children
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+  const [focus, setFocus] = _react.default.useState(false);
+  const label = name !== undefined ? name : label_;
+  const onBlur = _react.default.useCallback(event => {
+    if (!disabled) setFocus(false);
+    if ((0, _utils.is)('function', onBlur_)) onBlur_(event);
+  }, [disabled, onBlur_]);
+  const onFocus = _react.default.useCallback(event => {
+    if (!disabled) {
+      setFocus(true);
+      if (activateOnFocus) onChange(value, index);
     }
-    let typeVersion = 'l2';
-    if (size === 'large')
-        typeVersion = 'l1';
-    else if (size === 'small')
-        typeVersion = 'l3';
-    const hasTooltip = ![null, undefined].includes(tooltip);
-    const Wrapper = hasTooltip ? Tooltip : react_1.default.Fragment;
-    const wrapperProps = hasTooltip ? Object.assign({ name: tooltip }, TooltipProps) : undefined;
-    return ((0, jsx_runtime_1.jsx)(Wrapper, Object.assign({}, wrapperProps, { children: (0, jsx_runtime_1.jsxs)(Surface, Object.assign({ ref: ref, tabIndex: !disabled ? 0 : -1, tonal: tonal, color: color, onBlur: onBlur, onFocus: onFocus, role: 'tab', "aria-selected": active, "data-onesy-tab-value": value, Component: Component, className: (0, style_react_1.classNames)([
-                (0, utils_2.staticClassName)('Tab', theme) && [
-                    'onesy-Tab-root',
-                    `onesy-Tab-version-${version}`,
-                    `onesy-Tab-size-${size}`,
-                    active && `onesy-Tab-active`,
-                    disabled && `onesy-Tab-disabled`
-                ],
-                className,
-                classes.root,
-                classes[`size_${size}`],
-                active && classes.active,
-                disabled && classes.disabled
-            ]) }, other, { children: [(0, jsx_runtime_1.jsx)(Interaction, { pulse: focus }), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'row', align: 'center', justify: 'center' }, LineProps, { className: (0, style_react_1.classNames)([
-                        (0, utils_2.staticClassName)('Tab', theme) && [
-                            'onesy-Tab-line'
-                        ],
-                        LineProps === null || LineProps === void 0 ? void 0 : LineProps.className,
-                        classes.line
-                    ]) }, { children: [icon, label !== undefined && ((0, utils_1.is)('simple', label) ? ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: typeVersion, className: (0, style_react_1.classNames)([
-                                (0, utils_2.staticClassName)('Tab', theme) && [
-                                    'onesy-Tab-type'
-                                ],
-                                classes[`type_${size}`]
-                            ]) }, { children: label }))) : label), children !== undefined && ((0, utils_1.is)('simple', children) ? ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: typeVersion, className: (0, style_react_1.classNames)([
-                                (0, utils_2.staticClassName)('Tab', theme) && [
-                                    'onesy-Tab-type'
-                                ],
-                                classes[`type_${size}`]
-                            ]) }, { children: children }))) : children)] }))] })) })));
+    if ((0, _utils.is)('function', onFocus_)) onFocus_(event);
+  }, [activateOnFocus, value, disabled, onFocus_]);
+  if (icon !== undefined) {
+    LineProps.direction = iconPosition === 'start' ? 'row' : iconPosition === 'top' ? 'column' : iconPosition === 'end' ? 'row-reverse' : 'column-reverse';
+  }
+  let typeVersion = 'l2';
+  if (size === 'large') typeVersion = 'l1';else if (size === 'small') typeVersion = 'l3';
+  const hasTooltip = ![null, undefined].includes(tooltip);
+  const Wrapper = hasTooltip ? Tooltip : _react.default.Fragment;
+  const wrapperProps = hasTooltip ? _objectSpread({
+    name: tooltip
+  }, TooltipProps) : undefined;
+  return /*#__PURE__*/_react.default.createElement(Wrapper, wrapperProps, /*#__PURE__*/_react.default.createElement(Surface, (0, _extends2.default)({
+    ref: ref,
+    tabIndex: !disabled ? 0 : -1,
+    tonal: tonal,
+    color: color,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    role: "tab",
+    "aria-selected": active,
+    "data-onesy-tab-value": value,
+    Component: Component,
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Tab', theme) && ['onesy-Tab-root', `onesy-Tab-version-${version}`, `onesy-Tab-size-${size}`, active && `onesy-Tab-active`, disabled && `onesy-Tab-disabled`], className, classes.root, classes[`size_${size}`], active && classes.active, disabled && classes.disabled])
+  }, other), /*#__PURE__*/_react.default.createElement(Interaction, {
+    pulse: focus
+  }), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+    gap: 1,
+    direction: "row",
+    align: "center",
+    justify: "center"
+  }, LineProps, {
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Tab', theme) && ['onesy-Tab-line'], LineProps === null || LineProps === void 0 ? void 0 : LineProps.className, classes.line])
+  }), icon, label !== undefined && ((0, _utils.is)('simple', label) ? /*#__PURE__*/_react.default.createElement(Type, {
+    version: typeVersion,
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Tab', theme) && ['onesy-Tab-type'], classes[`type_${size}`]])
+  }, label) : label), children !== undefined && ((0, _utils.is)('simple', children) ? /*#__PURE__*/_react.default.createElement(Type, {
+    version: typeVersion,
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Tab', theme) && ['onesy-Tab-type'], classes[`type_${size}`]])
+  }, children) : children))));
 });
 Tab.displayName = 'onesy-Tab';
-exports.default = Tab;
+var _default = exports.default = Tab;

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

package/Table/Table.js

@@ -1,81 +1,104 @@
 "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 style_react_1 = require("@onesy/style-react");
-const Surface_1 = __importDefault(require("../Surface"));
-const Line_1 = __importDefault(require("../Line"));
-const utils_1 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: Object.assign({ borderRadius: `${theme.shape.radius.unit * 2}px`, overflow: 'hidden' }, theme.typography.values.b2),
-    table: {
-        display: 'table',
-        width: '100%',
-        borderCollapse: 'collapse',
-        borderSpacing: '0px',
-        background: 'inherit'
+
+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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _styleReact = require("@onesy/style-react");
+var _Surface = _interopRequireDefault(require("../Surface"));
+var _Line = _interopRequireDefault(require("../Line"));
+var _utils = require("../utils");
+const _excluded = ["tonal", "color", "size", "elevation", "header", "footer", "WrapperComponentProps", "TableComponent", "WrapperComponent", "Component", "className", "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 useStyle = (0, _styleReact.style)(theme => ({
+  root: _objectSpread({
+    borderRadius: `${theme.shape.radius.unit * 2}px`,
+    overflow: 'hidden'
+  }, theme.typography.values.b2),
+  table: {
+    display: 'table',
+    width: '100%',
+    borderCollapse: 'collapse',
+    borderSpacing: '0px',
+    background: 'inherit'
+  },
+  wrapper: {
+    overflowX: 'auto',
+    background: 'inherit'
+  }
+}), {
+  name: 'onesy-Table'
+});
+const Table = /*#__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.onesyTable) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const Line = _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.Line) || _Line.default;
+  }, [theme]);
+  const Surface = _react.default.useMemo(() => {
+    var _theme$elements2;
+    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Surface) || _Surface.default;
+  }, [theme]);
+  const {
+      tonal = true,
+      color = 'themed',
+      size = 'regular',
+      elevation = 1,
+      header,
+      footer,
+      WrapperComponentProps,
+      TableComponent = 'table',
+      WrapperComponent = 'div',
+      Component = 'div',
+      className,
+      children
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+  return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+    ref: ref,
+    gap: 0,
+    direction: "column",
+    align: "unset",
+    justify: "unset",
+    fullWidth: true,
+    tonal: tonal,
+    color: color,
+    elevation: elevation,
+    Component: Surface,
+    AdditionalProps: {
+      Component
     },
-    wrapper: {
-        overflowX: 'auto',
-        background: 'inherit'
-    }
-}), { name: 'onesy-Table' });
-const Table = 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.onesyTable) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
-    const Surface = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Surface) || Surface_1.default; }, [theme]);
-    const { tonal = true, color = 'themed', size = 'regular', elevation = 1, header, footer, WrapperComponentProps, TableComponent = 'table', WrapperComponent = 'div', Component = 'div', className, children } = props, other = __rest(props, ["tonal", "color", "size", "elevation", "header", "footer", "WrapperComponentProps", "TableComponent", "WrapperComponent", "Component", "className", "children"]);
-    const { classes } = useStyle();
-    return ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ ref: ref, gap: 0, direction: 'column', align: 'unset', justify: 'unset', fullWidth: true, tonal: tonal, color: color, elevation: elevation, Component: Surface, AdditionalProps: {
-            Component
-        }, className: (0, style_react_1.classNames)([
-            (0, utils_1.staticClassName)('Table', theme) && [
-                `onesy-Table-root`,
-                `onesy-Table-size-${size}`
-            ],
-            className,
-            classes.root
-        ]) }, other, { children: [header && react_1.default.cloneElement(header, {
-                tonal: header.props.tonal !== undefined ? header.props.tonal : tonal,
-                color: header.props.color !== undefined ? header.props.color : color,
-                size: header.props.size !== undefined ? header.props.size : size
-            }), (0, jsx_runtime_1.jsx)(WrapperComponent, Object.assign({}, WrapperComponentProps, { className: (0, style_react_1.classNames)([
-                    (0, utils_1.staticClassName)('Table', theme) && [
-                        `onesy-Table-wrapper`
-                    ],
-                    WrapperComponentProps === null || WrapperComponentProps === void 0 ? void 0 : WrapperComponentProps.className,
-                    classes.wrapper
-                ]) }, { children: (0, jsx_runtime_1.jsx)(TableComponent, Object.assign({ className: (0, style_react_1.classNames)([
-                        (0, utils_1.staticClassName)('Table', theme) && [
-                            `onesy-Table-table`,
-                            header && `onesy-Table-header`,
-                            footer && `onesy-Table-footer`
-                        ],
-                        classes.table
-                    ]) }, { children: react_1.default.Children.toArray(children).map((item) => (react_1.default.cloneElement(item, {
-                        tonal: item.props.tonal !== undefined ? item.props.tonal : tonal,
-                        color: item.props.color !== undefined ? item.props.color : color,
-                        size: item.props.size !== undefined ? item.props.size : size
-                    }))) })) })), footer && react_1.default.cloneElement(footer, {
-                tonal: footer.props.tonal !== undefined ? footer.props.tonal : tonal,
-                color: footer.props.color !== undefined ? footer.props.color : color,
-                size: footer.props.size !== undefined ? footer.props.size : size
-            })] })));
+    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Table', theme) && [`onesy-Table-root`, `onesy-Table-size-${size}`], className, classes.root])
+  }, other), header && /*#__PURE__*/_react.default.cloneElement(header, {
+    tonal: header.props.tonal !== undefined ? header.props.tonal : tonal,
+    color: header.props.color !== undefined ? header.props.color : color,
+    size: header.props.size !== undefined ? header.props.size : size
+  }), /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({}, WrapperComponentProps, {
+    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Table', theme) && [`onesy-Table-wrapper`], WrapperComponentProps === null || WrapperComponentProps === void 0 ? void 0 : WrapperComponentProps.className, classes.wrapper])
+  }), /*#__PURE__*/_react.default.createElement(TableComponent, {
+    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Table', theme) && [`onesy-Table-table`, header && `onesy-Table-header`, footer && `onesy-Table-footer`], classes.table])
+  }, _react.default.Children.toArray(children).map(item => (/*#__PURE__*/_react.default.cloneElement(item, {
+    tonal: item.props.tonal !== undefined ? item.props.tonal : tonal,
+    color: item.props.color !== undefined ? item.props.color : color,
+    size: item.props.size !== undefined ? item.props.size : size
+  }))))), footer && /*#__PURE__*/_react.default.cloneElement(footer, {
+    tonal: footer.props.tonal !== undefined ? footer.props.tonal : tonal,
+    color: footer.props.color !== undefined ? footer.props.color : color,
+    size: footer.props.size !== undefined ? footer.props.size : size
+  }));
 });
 Table.displayName = 'onesy-Table';
-exports.default = Table;
+var _default = exports.default = Table;

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