@onesy/ui-react 1.0.131 → 1.0.133

package/ToggleButtons/ToggleButtons.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IButtons } from '../Buttons/Buttons';
-export declare type IToggleButtons = IButtons & {};
+export type IToggleButtons = IButtons & {};
 declare const ToggleButtons: React.FC<IToggleButtons>;
 export default ToggleButtons;

package/Tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IModal } from '../Modal/Modal';
 import { IElement, IElementReference, IHTMLElement, IMethodTransition, IPropsAny } from '../types';
-export declare type ITooltip = Omit<IModal, 'maxWidth'> & {
+export type ITooltip = Omit<IModal, 'maxWidth'> & {
     open?: boolean;
     openDefault?: boolean;
     name?: IElement;

package/TopAppBar/TopAppBar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement } from '../types';
-export declare type ITopAppBar = Omit<ISurface, 'version'> & {
+export type ITopAppBar = Omit<ISurface, 'version'> & {
     position?: 'relative' | 'absolute' | 'static' | 'sticky' | 'fixed' | 'unset';
     version?: 'small' | 'center' | 'medium' | 'large';
     center?: boolean;

package/Transition/Transition.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import { TTransitionsDurationProperties } from '@onesy/style-react';
 import { IBaseElement } from '../types';
-export declare type TTransitionStatus = 'appended' | 'add' | 'adding' | 'added' | 'enter' | 'entering' | 'entered' | 'exit' | 'exiting' | 'exited' | 'removed';
+export type TTransitionStatus = 'appended' | 'add' | 'adding' | 'added' | 'enter' | 'entering' | 'entered' | 'exit' | 'exiting' | 'exited' | 'removed';
 export declare const STATUS: Record<TTransitionStatus, TTransitionStatus>;
-export declare type ITransitionDelay = {
+export type ITransitionDelay = {
     default?: number;
     add?: number;
     enter?: number;
     exit?: number;
 };
-export declare type ITransition = Omit<IBaseElement, 'className'> & {
+export type ITransition = Omit<IBaseElement, 'className'> & {
     in?: boolean;
     name?: string;
     className?: boolean;

package/Transition/index.js

@@ -40,5 +40,4 @@ Object.keys(_Transition).forEach(function (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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/Transitions/Transitions.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IPropsAny } from '../types';
-export declare type TTransitionsMode = 'in-out' | 'in-out-follow' | 'out-in';
-export declare type ITransitions = {
+export type TTransitionsMode = 'in-out' | 'in-out-follow' | 'out-in';
+export type ITransitions = {
     id?: string;
     mode?: TTransitionsMode;
     switch?: boolean;

package/Transitions/Transitions.js

@@ -197,9 +197,9 @@ const Transitions = props_ => {
           children_ = [/*#__PURE__*/_react.default.cloneElement(children__, _objectSpread({
             in: true,
             onEntered: () => {
-              var _children__$props9, _children__$props10;
+              var _children__$props9, _children__$props0;
               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();
+              if ((_children__$props9 = children__.props) !== null && _children__$props9 !== void 0 && _children__$props9.onEntered) (_children__$props0 = children__.props) === null || _children__$props0 === void 0 || _children__$props0.onEntered();
               setElement(/*#__PURE__*/_react.default.cloneElement(refs.previousKeyValue.current !== children__.key ? element : children__, _objectSpread({
                 in: true
               }, other)));

package/Tree/Tree.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IElement, IPropsAny, IElementReference, IVersion } from '../types';
-export declare type ITree = Omit<IBaseElement, 'onChange'> & {
+export type ITree = Omit<IBaseElement, 'onChange'> & {
     open?: boolean;
     openDefault?: boolean;
     version?: IVersion;

package/Type/Type.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TTypographyItem } from '@onesy/style-react';
 import { IBaseElement } from '../types';
-export declare type IType = IBaseElement & {
+export type IType = IBaseElement & {
     responsive?: boolean;
     priority?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
     version?: TTypographyItem;

package/VideoPlayer/VideoPlayer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElementReference, IPropsAny } from '../types';
-export declare type IVideoPlayer = ILine & {
+export type IVideoPlayer = ILine & {
     name?: string;
     src?: string;
     mime?: string;

package/VideoPlayer/VideoPlayer.js

@@ -569,8 +569,8 @@ const VideoPlayer = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     } catch (error) {}
   }, []);
   const onPictureInPictureExit = _react.default.useCallback(async () => {
-    var _refs$root$current10;
-    const rootDocument = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current10 = refs.root.current) === null || _refs$root$current10 === void 0 ? void 0 : _refs$root$current10.ownerDocument) || window.document : undefined;
+    var _refs$root$current0;
+    const rootDocument = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current0 = refs.root.current) === null || _refs$root$current0 === void 0 ? void 0 : _refs$root$current0.ownerDocument) || window.document : undefined;
     try {
       if (rootDocument.exitPictureInPicture) await rootDocument.exitPictureInPicture();else if (rootDocument.webkitExitPictureInPicture) await rootDocument.webkitExitPictureInPicture();else if (rootDocument.msExitPictureInPicture) await rootDocument.msExitPictureInPicture();
     } catch (error) {}
@@ -584,8 +584,8 @@ const VideoPlayer = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }
   }, [play, fullScreen, onPlay, onPause, onFullScreen, onFullScreenExit]);
   _react.default.useEffect(() => {
-    var _refs$root$current11;
-    const rootDocument = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current11 = refs.root.current) === null || _refs$root$current11 === void 0 ? void 0 : _refs$root$current11.ownerDocument) || window.document : undefined;
+    var _refs$root$current1;
+    const rootDocument = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current1 = refs.root.current) === null || _refs$root$current1 === void 0 ? void 0 : _refs$root$current1.ownerDocument) || window.document : undefined;
     rootDocument.addEventListener('mouseup', onUpdatingDone);
     rootDocument.addEventListener('touchend', onUpdatingDone);
     return () => {

package/ViewSplit/ViewSplit.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement, IPropsAny } from '../types';
-export declare type IViewSplit = Omit<ILine, 'onChange'> & {
+export type IViewSplit = Omit<ILine, 'onChange'> & {
     valueDefault?: number;
     value?: number;
     onChange?: (value: number) => any;

package/Watch/Watch.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { OnesyDate } from '@onesy/date';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IPropsAny } from '../types';
-export declare type IWatch = Omit<ISurface, 'version'> & {
+export type IWatch = Omit<ISurface, 'version'> & {
     version?: 'regular' | 'analog' | 'modern' | 'minimal';
     start?: boolean;
     timeVisible?: boolean;

package/Weather/Weather.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElementReference, IPropsAny } from '../types';
-export declare type TWeatherDayTime = 'day' | 'night';
-export declare type TWeather = 'clear' | 'partly clear' | 'rainy' | 'partly rainy' | 'snowy' | 'partly snowy';
-export declare type TTemperature = number;
-export declare type IWeather = ISurface & {
+export type TWeatherDayTime = 'day' | 'night';
+export type TWeather = 'clear' | 'partly clear' | 'rainy' | 'partly rainy' | 'snowy' | 'partly snowy';
+export type TTemperature = number;
+export type IWeather = ISurface & {
     shadow?: boolean;
     dayTime?: TWeatherDayTime;
     weather?: TWeather;

package/Whiteboard/Whiteboard.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IWhiteboardAction = {
+export type IWhiteboardAction = {
     v: 'a' | 'r';
     i: IWhiteboardItem | IWhiteboardItem[];
 };
-export declare type IWhiteboardTool = 'pen' | 'eraser' | 'pan' | 'zoom' | 'select' | 'circle' | 'rectangle' | 'triangle' | 'line' | 'line-arrow' | 'text' | 'image';
-export declare type IWhiteboardValue = IWhiteboardItem[];
-export declare type IWhiteboard = Omit<IBaseElement, 'onChange'> & {
+export type IWhiteboardTool = 'pen' | 'eraser' | 'pan' | 'zoom' | 'select' | 'circle' | 'rectangle' | 'triangle' | 'line' | 'line-arrow' | 'text' | 'image';
+export type IWhiteboardValue = IWhiteboardItem[];
+export type IWhiteboard = Omit<IBaseElement, 'onChange'> & {
     valueDefault?: IWhiteboardValue;
     onChange?: (value: IWhiteboardValue) => any;
     minZoom?: number;
@@ -14,7 +14,7 @@ export declare type IWhiteboard = Omit<IBaseElement, 'onChange'> & {
     grid?: boolean;
     settings?: any;
 };
-export declare type IWhiteboardItem = {
+export type IWhiteboardItem = {
     i: string;
     v?: 'dl' | 'dp' | 'oc' | 'oe' | 'or' | 'os' | 'ot' | 'ote' | 'ol' | 'oa' | 'i' | 't';
     p: number[];

package/Widgets/Widgets.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IBaseElement, IElement, IPropsAny, IElementReference } from '../types';
-export declare type IWidgetsValue = {
+export type IWidgetsValue = {
     open: (value?: string) => void;
     openAll: () => void;
     close: (value?: string) => void;
     closeAll: () => void;
 };
-export declare type IWidgets = IBaseElement & {
+export type IWidgets = IBaseElement & {
     widgets?: IElement;
     position?: 'top' | 'bottom';
     move?: boolean;

package/WindowSplit/WindowSplit.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement, IPropsAny } from '../types';
-export declare type IWindowSplit = Omit<ILine, 'onChange'> & {
+export type IWindowSplit = Omit<ILine, 'onChange'> & {
     valueDefault?: number;
     value?: number;
     onChange?: (value: number) => any;

package/Zoom/Zoom.d.ts

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

package/esm/Append/Append.js

@@ -216,14 +216,12 @@ const Append = props_ => {
       rectOffset
     };
   };
-  const make = async function () {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      position: refs.position.current,
-      alignment: refs.alignment.current,
-      inset: inset_,
-      switch: false
-    };
-    let valueMeasurements_ = arguments.length > 1 ? arguments[1] : undefined;
+  const make = async (value = {
+    position: refs.position.current,
+    alignment: refs.alignment.current,
+    inset: inset_,
+    switch: false
+  }, valueMeasurements_) => {
     const valueMeasurements = valueMeasurements_ !== undefined ? valueMeasurements_ : await getValues();
     if (!valueMeasurements || valueMeasurements.rect.element.width === 0 && valueMeasurements.rect.element.height === 0) return;
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;

package/esm/AutoComplete/AutoComplete.js

@@ -250,9 +250,7 @@ const AutoComplete = /*#__PURE__*/React.forwardRef((props_, ref) => {
   React.useEffect(() => {
     updateOptions(undefined, options_);
   }, [options_]);
-  const updateOptions = function () {
-    let valueInputNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.valueInput.current;
-    let newOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  const updateOptions = (valueInputNew = refs.valueInput.current, newOptions = undefined) => {
     let optionsValue = refs.optionsProps.current;
 
     // reset
@@ -321,8 +319,7 @@ const AutoComplete = /*#__PURE__*/React.forwardRef((props_, ref) => {
       return !open_;
     });
   }, [readOnly, disabled]);
-  const onClose = function () {
-    let refocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const onClose = (refocus = true) => {
     if (!disabled && !readOnly) {
       setOpen(open_ => {
         if (open_) {
@@ -362,27 +359,21 @@ const AutoComplete = /*#__PURE__*/React.forwardRef((props_, ref) => {
       if (is('function', onChangeInput_)) onChangeInput_(valueNew);
     }
   };
-  const onClear = React.useCallback(function () {
-    let refocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const onClear = React.useCallback((refocus = true) => {
     if (!disabled && !readOnly) {
       onChangeInput('');
       onChange(multiple ? [] : null);
       if (refocus) refs.input.current.focus();
     }
   }, [multiple, readOnly, disabled]);
-  const onClearInput = React.useCallback(function () {
-    let refocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const onClearInput = React.useCallback((refocus = true) => {
     if (!disabled && !readOnly) {
       onChangeInput('');
       if (refocus) refs.input.current.focus();
     }
   }, []);
   const isEqual = (value1, value2) => is('function', equal) ? equal(value1, value2) : getValue(value1) === getValue(value2);
-  const isEqualToInput = function () {
-    let inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.valueInput.current;
-    let item = arguments.length > 1 ? arguments[1] : undefined;
-    return is('function', equalInput) ? equalInput(inputValue, item) : getText(item)?.toLowerCase().includes(inputValue?.toLowerCase());
-  };
+  const isEqualToInput = (inputValue = refs.valueInput.current, item) => is('function', equalInput) ? equalInput(inputValue, item) : getText(item)?.toLowerCase().includes(inputValue?.toLowerCase());
   const onSelect = valueNew => {
     const values = multiple ? is('array', value) ? value : [value] : value;
     const selected = multiple ? !!values.find(item => isEqual(valueNew, item)) : isEqual(valueNew, value);
@@ -415,14 +406,11 @@ const AutoComplete = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     return 'No name';
   };
-  const renderValue = function () {
-    let itemValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : value;
+  const renderValue = (itemValue = value) => {
     const item = !!items?.length ? items.find(item_ => getValue(item_) === getValue(itemValue)) : children.find(item_ => getValue(item_.props?.value) === getValue(itemValue));
     return item ? getLabel(item, props) : getLabel(itemValue, props) || '';
   };
-  const renderValues = renderValues_ || function () {
-    let value__ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.value.current;
-    let onUnselectMethod = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : onUnselect;
+  const renderValues = renderValues_ || ((value__ = refs.value.current, onUnselectMethod = onUnselect) => {
     if (multiple) {
       if (chip) {
         let values = value__;
@@ -456,7 +444,7 @@ const AutoComplete = /*#__PURE__*/React.forwardRef((props_, ref) => {
       return value__.map(item => renderValue(item)).join(', ');
     }
     return renderValue(value);
-  };
+  });
   let optionsToUse = options;
   if (filterOutSelectedOptions) {
     optionsToUse = optionsToUse.filter(option => {

package/esm/Breadcrumbs/Breadcrumbs.js

@@ -75,9 +75,7 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onExpandMore = () => {
     setChildren(resolve(children_, false));
   };
-  const resolve = function () {
-    let items_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : children_;
-    let maxValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : max;
+  const resolve = (items_ = children_, maxValue = max) => {
     let items = React.Children.toArray(items_).filter(Boolean);
     if (maxValue !== undefined && maxValue >= 2 && maxValue < items.length) {
       const start = [];

package/esm/Buttons/Buttons.js

@@ -32,7 +32,6 @@ export const IconMaterialDone = /*#__PURE__*/React.forwardRef((props, ref) => {
 const useStyle = styleMethod(theme => ({
   root: {
     position: 'relative',
-    borderRadius: theme.methods.shape.radius.value('xl', 'px'),
     maxWidth: '100%'
   },
   orientation_horizontal_size_small: {
@@ -59,26 +58,6 @@ const useStyle = styleMethod(theme => ({
       width: '100% !important'
     }
   },
-  // Size
-  size_small: {
-    borderRadius: `${theme.shape.radius.unit * 2}px`
-  },
-  size_regular: {
-    borderRadius: `${theme.shape.radius.unit * 2.5}px`
-  },
-  size_large: {
-    borderRadius: `${theme.shape.radius.unit * 3.5}px`
-  },
-  // Size
-  chip_size_small: {
-    borderRadius: `${theme.shape.radius.unit - theme.shape.radius.unit / 4}px`
-  },
-  chip_size_regular: {
-    borderRadius: `${theme.shape.radius.unit}px`
-  },
-  chip_size_large: {
-    borderRadius: `${theme.shape.radius.unit + theme.shape.radius.unit / 4}px`
-  },
   // Shadows
   elevation: {
     boxShadow: theme.shadows.values.neutral[1],
@@ -233,7 +212,6 @@ const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
     classes
   } = useStyle();
   const [init, setInit] = React.useState(false);
-  const [preSelected, setPreSelected] = React.useState([]);
   const [selected, setSelected] = React.useState(() => {
     const valueNew = valueDefault !== undefined ? valueDefault : value;
     return valueNew !== undefined ? is('array', valueNew) ? valueNew : [valueNew] : [];
@@ -264,8 +242,7 @@ const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
   React.useEffect(() => {
     if (init && value !== selected) setSelected(is('array', value) ? value : [value]);
   }, [value]);
-  const onSelect = function (itemProps) {
-    let start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const onSelect = (itemProps, start = false) => {
     let valueNew;
     if (start) {
       if (selected.includes(itemProps.value)) {
@@ -277,23 +254,13 @@ const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
     } else {
       // Unselect
       if (selected.includes(itemProps.value) && (unselect || select === 'multiple' && selected.length > 1)) {
-        if (!refs.noCheckIcon.current) {
-          setPreSelected(items => items.filter(item => item !== itemProps.value));
-        } else {
-          valueNew = selected.filter(item => item !== itemProps.value);
-        }
+        valueNew = selected.filter(item => item !== itemProps.value);
       } else {
         if (select === 'single') {
-          if (!refs.noCheckIcon.current) {
-            setPreSelected([itemProps.value]);
-            valueNew = [...selected, itemProps.value];
-          } else valueNew = [itemProps.value];
+          valueNew = [itemProps.value];
         }
         if (select === 'multiple') {
-          if (!refs.noCheckIcon.current) {
-            setPreSelected(items => unique([...items, itemProps.value]));
-            valueNew = unique([...selected, itemProps.value]);
-          } else valueNew = unique([...selected, itemProps.value]);
+          valueNew = unique([...selected, itemProps.value]);
         }
       }
     }
@@ -303,17 +270,10 @@ const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
       if (is('function', onChange)) onChange(valueNew);
     }
   };
-  const updateSelected = itemProps => {
-    const valueNew = selected.filter(item => item !== itemProps.value);
-
-    // Update inner or controlled
-    if (!props.hasOwnProperty('value')) setSelected(valueNew);
-    if (is('function', onChange)) onChange(valueNew);
-  };
   const children = React.Children.toArray(children_)
   // Clamp array to max of 5 values
   // .slice(0, 5)
-  .map((item, index) => /*#__PURE__*/React.cloneElement(item, _objectSpread(_objectSpread(_objectSpread({
+  .map((item, index) => /*#__PURE__*/React.cloneElement(item, _objectSpread(_objectSpread({
     key: index,
     className: classNames([item.className, classes.item, classes[version], classes[`start_orientation_${orientation}`], classes[`end_orientation_${orientation}`], selected.includes(item.props.value) && classes.selected, border && classes.border]),
     onClick: () => {
@@ -322,17 +282,11 @@ const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
       // Invoke items on click method
       if (is('function', item.props.onClick)) item.props.onClick();
     }
-  }, !refs.noCheckIcon.current && item.props.start && selected.includes(item.props.value) ? {
+  }, !refs.noCheckIcon.current && selected.includes(item.props.value) ? {
     start: /*#__PURE__*/React.createElement(IconDoneAnimated, {
-      simple: true,
       in: true,
-      add: true
-    })
-  } : {}), !refs.noCheckIcon.current && !item.props.start && (selected.includes(item.props.value) || preSelected.includes(item.props.value)) ? {
-    start: /*#__PURE__*/React.createElement(IconDoneAnimated, {
-      in: (item.props.start ? selected : preSelected).includes(item.props.value),
-      onExited: () => updateSelected(item.props),
-      add: true
+      add: true,
+      simple: true
     })
   } : {}), {}, {
     version: item.props?.version !== undefined ? item.props.version : version,
@@ -353,7 +307,7 @@ const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
     gap: 0,
     direction: "row",
     display: "inline-flex",
-    className: classNames([staticClassName('Buttons', theme) && ['onesy-Buttons-root', `onesy-Buttons-version-${version}`, `onesy-Buttons-size-${size}`, disabled && `onesy-Buttons-disabled`], className, classes.root, classes[`size_${size}`], chip && classes[`chip_size_${size}`], classes[`orientation_${orientation}`], classes[`orientation_${orientation}_size_${size}`], fullWidth && classes.fullWidth, elevation && !disabled && ['filled', 'tonal'].includes(version) && classes.elevation, disabled && classes.disabled])
+    className: classNames([staticClassName('Buttons', theme) && ['onesy-Buttons-root', `onesy-Buttons-version-${version}`, `onesy-Buttons-size-${size}`, disabled && `onesy-Buttons-disabled`], className, classes.root, classes[`orientation_${orientation}`], classes[`orientation_${orientation}_size_${size}`], fullWidth && classes.fullWidth, elevation && !disabled && ['filled', 'tonal'].includes(version) && classes.elevation, disabled && classes.disabled])
   }, other), children);
 });
 Buttons.displayName = 'onesy-Buttons';