@onesy/ui-react 1.0.172 → 1.0.174

package/Links/Links.js

@@ -5,7 +5,6 @@ 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 _compilerRuntime = require("react/compiler-runtime");
@@ -24,6 +23,7 @@ var _MenuItem = _interopRequireDefault(require("../MenuItem"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Confirm = require("../Confirm");
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["name", "short_description", "cover", "profile", "links", "share", "start", "end", "sensitiveText", "sensitiveDescription", "IconMore", "IconShare", "ShareProps", "ItemShareProps", "IconButtonProps", "IconProps", "NameProps", "ShortDescriptionProps", "LinkProps", "LinkTypeProps", "className"];
 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; }
@@ -82,9 +82,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Links'
 });
-const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Element = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7, _theme$elements8;
-  const $ = (0, _compilerRuntime.c)(19);
+  const $ = (0, _compilerRuntime.c)(18);
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
   const props = _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.onesyLinks) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -146,122 +146,132 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t10 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Links", theme) && ["onesy-Links-root"], className, classes.root]);
   const t11 = 1.4;
   const t12 = true;
-  const t13 = (profile || cover) && /*#__PURE__*/_react.default.createElement(Line, {
+  const t13 = (profile || cover) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
     gap: 0,
     align: "center",
-    fullWidth: true
-  }, cover && /*#__PURE__*/_react.default.createElement(Line, {
     fullWidth: true,
-    className: classes.cover,
-    style: {
-      backgroundImage: `url('${(cover === null || cover === void 0 ? void 0 : cover.url) || (cover === null || cover === void 0 ? void 0 : cover.urlSmall)}')`
-    }
-  }), profile && /*#__PURE__*/_react.default.createElement(Line, {
-    fullWidth: true,
-    className: classes.profile,
-    style: {
-      marginTop: cover ? -71 : 0,
-      backgroundImage: `url('${(profile === null || profile === void 0 ? void 0 : profile.urlSmall) || (profile === null || profile === void 0 ? void 0 : profile.url)}')`
-    }
-  }));
-  const t14 = (name || short_description) && /*#__PURE__*/_react.default.createElement(Line, {
+    children: [cover && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+      fullWidth: true,
+      className: classes.cover,
+      style: {
+        backgroundImage: `url('${(cover === null || cover === void 0 ? void 0 : cover.url) || (cover === null || cover === void 0 ? void 0 : cover.urlSmall)}')`
+      }
+    }), profile && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+      fullWidth: true,
+      className: classes.profile,
+      style: {
+        marginTop: cover ? -71 : 0,
+        backgroundImage: `url('${(profile === null || profile === void 0 ? void 0 : profile.urlSmall) || (profile === null || profile === void 0 ? void 0 : profile.url)}')`
+      }
+    })]
+  });
+  const t14 = (name || short_description) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
     gap: 0.5,
     align: "center",
-    fullWidth: true
-  }, name && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: "h1",
-    weight: 400,
-    align: "center",
-    fullWidth: true,
-    dangerouslySetInnerHTML: {
-      __html: (0, _utils.textToInnerHTML)(name)
-    }
-  }, NameProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Links", theme) && ["onesy-Links-name"], NameProps === null || NameProps === void 0 ? void 0 : NameProps.className, classes.name])
-  })), short_description && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: "b1",
-    weight: 300,
-    align: "center",
-    fullWidth: true,
-    dangerouslySetInnerHTML: {
-      __html: (0, _utils.textToInnerHTML)(short_description)
-    }
-  }, ShortDescriptionProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Links", theme) && ["onesy-Links-short-description"], ShortDescriptionProps === null || ShortDescriptionProps === void 0 ? void 0 : ShortDescriptionProps.className, classes.summary])
-  })));
-  const t15 = !!(links !== null && links !== void 0 && links.length) && /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 1.4,
-    align: "center",
     fullWidth: true,
-    className: classes.links
-  }, links.map((item_0, index) => {
-    var _item_0$props;
-    return /*#__PURE__*/_react.default.createElement(Line, {
-      key: index,
-      gap: 1,
-      direction: "row",
+    children: [name && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+      version: "h1",
+      weight: 400,
       align: "center",
-      justify: "center",
       fullWidth: true,
-      className: classes.linkWrapper
-    }, /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
-      tonal: true
-    }, item_0.props, {
-      version: [undefined, "default"].includes(item_0.version) ? "outlined" : "filled",
-      elevation: item_0.version === "primary",
-      color: item_0.version === "primary" ? "primary" : item_0.version === "secondary" ? "secondary" : "default",
-      fullWidth: true,
-      onClick: () => onOpenLink(item_0)
-    }, LinkProps, {
-      className: (0, _styleReact.classNames)([`onesy-Links-link-version-${item_0.version}`, LinkProps === null || LinkProps === void 0 ? void 0 : LinkProps.className, (_item_0$props = item_0.props) === null || _item_0$props === void 0 ? void 0 : _item_0$props.className, classes.link])
-    }), /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
+      dangerouslySetInnerHTML: {
+        __html: (0, _utils.textToInnerHTML)(name)
+      }
+    }, NameProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Links", theme) && ["onesy-Links-name"], NameProps === null || NameProps === void 0 ? void 0 : NameProps.className, classes.name])
+    })), short_description && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
       version: "b1",
-      weight: 300
-    }, LinkTypeProps), item_0.name || l("Link"))), /*#__PURE__*/_react.default.createElement(Menu, {
-      menuItems: [/*#__PURE__*/_react.default.createElement(MenuItem, {
-        start: /*#__PURE__*/_react.default.createElement(IconShare, (0, _extends2.default)({
-          size: "small"
-        }, IconProps)),
-        startAlign: "center",
-        primary: /*#__PURE__*/_react.default.createElement(Type, {
-          version: "b3"
-        }, l("Share")),
-        menu: item_0.share ? /*#__PURE__*/_react.default.createElement(Share, (0, _extends2.default)({
-          version: "menu-items",
-          name: item_0.name,
-          url: item_0.url,
-          exclude: ["print"]
-        }, ItemShareProps, {
-          ListItemProps: _objectSpread({
+      weight: 300,
+      align: "center",
+      fullWidth: true,
+      dangerouslySetInnerHTML: {
+        __html: (0, _utils.textToInnerHTML)(short_description)
+      }
+    }, ShortDescriptionProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Links", theme) && ["onesy-Links-short-description"], ShortDescriptionProps === null || ShortDescriptionProps === void 0 ? void 0 : ShortDescriptionProps.className, classes.summary])
+    }))]
+  });
+  const t15 = !!(links !== null && links !== void 0 && links.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+    gap: 1.4,
+    align: "center",
+    fullWidth: true,
+    className: classes.links,
+    children: links.map((item_0, index) => {
+      var _item_0$props;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+        gap: 1,
+        direction: "row",
+        align: "center",
+        justify: "center",
+        fullWidth: true,
+        className: classes.linkWrapper,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Button, _objectSpread(_objectSpread(_objectSpread({
+          tonal: true
+        }, item_0.props), {}, {
+          version: [undefined, "default"].includes(item_0.version) ? "outlined" : "filled",
+          elevation: item_0.version === "primary",
+          color: item_0.version === "primary" ? "primary" : item_0.version === "secondary" ? "secondary" : "default",
+          fullWidth: true,
+          onClick: () => onOpenLink(item_0)
+        }, LinkProps), {}, {
+          className: (0, _styleReact.classNames)([`onesy-Links-link-version-${item_0.version}`, LinkProps === null || LinkProps === void 0 ? void 0 : LinkProps.className, (_item_0$props = item_0.props) === null || _item_0$props === void 0 ? void 0 : _item_0$props.className, classes.link]),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+            version: "b1",
+            weight: 300
+          }, LinkTypeProps), {}, {
+            children: item_0.name || l("Link")
+          }))
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu, {
+          menuItems: [/*#__PURE__*/(0, _jsxRuntime.jsx)(MenuItem, {
+            start: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconShare, _objectSpread({
+              size: "small"
+            }, IconProps)),
+            startAlign: "center",
+            primary: /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+              version: "b3",
+              children: l("Share")
+            }),
+            menu: item_0.share ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Share, _objectSpread(_objectSpread({
+              version: "menu-items",
+              name: item_0.name,
+              url: item_0.url,
+              exclude: ["print"]
+            }, ItemShareProps), {}, {
+              ListItemProps: _objectSpread({
+                size: "small",
+                noBackground: true
+              }, ItemShareProps === null || ItemShareProps === void 0 ? void 0 : ItemShareProps.ListItemProps)
+            })) : undefined,
+            MenuProps: {
+              ListProps: {
+                noChildrenTransform: true
+              }
+            },
             size: "small",
-            noBackground: true
-          }, ItemShareProps === null || ItemShareProps === void 0 ? void 0 : ItemShareProps.ListItemProps)
-        })) : undefined,
-        MenuProps: {
-          ListProps: {
-            noChildrenTransform: true
-          }
-        },
-        size: "small",
-        button: true,
-        disabled: !item_0.share
-      })]
-    }, /*#__PURE__*/_react.default.createElement(IconButton, (0, _extends2.default)({
-      size: "regular",
-      disabled: !item_0.share
-    }, IconButtonProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Links", theme) && ["onesy-Links-more"], IconButtonProps === null || IconButtonProps === void 0 ? void 0 : IconButtonProps.className, classes.more])
-    }), /*#__PURE__*/_react.default.createElement(IconMore, (0, _extends2.default)({
-      size: "large"
-    }, IconProps)))));
-  }));
+            button: true,
+            disabled: !item_0.share
+          })],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
+            size: "regular",
+            disabled: !item_0.share
+          }, IconButtonProps), {}, {
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Links", theme) && ["onesy-Links-more"], IconButtonProps === null || IconButtonProps === void 0 ? void 0 : IconButtonProps.className, classes.more]),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconMore, _objectSpread({
+              size: "large"
+            }, IconProps))
+          }))
+        })]
+      }, index);
+    })
+  });
   let t16;
   if ($[0] !== Line || $[1] !== classes.wrapper || $[2] !== t13 || $[3] !== t14 || $[4] !== t15) {
-    t16 = /*#__PURE__*/_react.default.createElement(Line, {
+    t16 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
       gap: t11,
       fullWidth: t12,
-      className: classes.wrapper
-    }, t13, t14, t15);
+      className: classes.wrapper,
+      children: [t13, t14, t15]
+    });
     $[0] = Line;
     $[1] = classes.wrapper;
     $[2] = t13;
@@ -273,7 +283,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }
   let t17;
   if ($[6] !== Share || $[7] !== ShareProps || $[8] !== share) {
-    t17 = share && /*#__PURE__*/_react.default.createElement(Share, ShareProps);
+    t17 = share && /*#__PURE__*/(0, _jsxRuntime.jsx)(Share, _objectSpread({}, ShareProps));
     $[6] = Share;
     $[7] = ShareProps;
     $[8] = share;
@@ -282,29 +292,29 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     t17 = $[9];
   }
   let t18;
-  if ($[10] !== Section || $[11] !== end || $[12] !== other || $[13] !== ref || $[14] !== start || $[15] !== t10 || $[16] !== t16 || $[17] !== t17) {
-    t18 = /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
-      ref: ref,
+  if ($[10] !== Section || $[11] !== end || $[12] !== other || $[13] !== start || $[14] !== t10 || $[15] !== t16 || $[16] !== t17) {
+    t18 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Section, _objectSpread(_objectSpread({
       gap: t5,
       align: t6,
       maxWidth: t7,
       padding: t8,
       fullWidth: t9,
       className: t10
-    }, other), start, t16, t17, end);
+    }, other), {}, {
+      children: [start, t16, t17, end]
+    }));
     $[10] = Section;
     $[11] = end;
     $[12] = other;
-    $[13] = ref;
-    $[14] = start;
-    $[15] = t10;
-    $[16] = t16;
-    $[17] = t17;
-    $[18] = t18;
+    $[13] = start;
+    $[14] = t10;
+    $[15] = t16;
+    $[16] = t17;
+    $[17] = t18;
   } else {
-    t18 = $[18];
+    t18 = $[17];
   }
   return t18;
-});
+};
 Element.displayName = 'onesy-Links';
 var _default = exports.default = Element;

package/List/List.js

@@ -5,7 +5,6 @@ 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"));
@@ -15,7 +14,8 @@ var _Surface = _interopRequireDefault(require("../Surface"));
 var _Line = _interopRequireDefault(require("../Line"));
 var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
 var _utils2 = require("../utils");
-const _excluded = ["tonal", "color", "size", "elevation", "menu", "menuOpen", "noMaxWidth", "indent", "paddingHorizontal", "paddingVertical", "noBackground", "noChildrenTransform", "onMenuDesktopClose", "SurfaceProps", "Component", "className", "style", "children"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "tonal", "color", "size", "elevation", "menu", "menuOpen", "noMaxWidth", "indent", "paddingHorizontal", "paddingVertical", "noBackground", "noChildrenTransform", "onMenuDesktopClose", "SurfaceProps", "Component", "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 useStyle = (0, _styleReact.style)(theme => ({
@@ -63,13 +63,14 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-List'
 });
-const List = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const List = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _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.onesyList) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
   const Surface = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Surface) || _Surface.default;
   const {
+      ref,
       tonal = true,
       color = 'themed',
       size: size_,
@@ -104,7 +105,7 @@ const List = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     root: {}
   };
   if (indent !== undefined) styles.root.paddingInlineStart = `${indent * theme.space.unit}px`;
-  return /*#__PURE__*/_react.default.createElement(Surface, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Surface, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
@@ -122,24 +123,25 @@ const List = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     AdditionalProps: {
       Component
     }
-  }, SurfaceProps, {
+  }, SurfaceProps), {}, {
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('List', theme) && ['onesy-List-root', `onesy-List-size-${size}`], SurfaceProps === null || SurfaceProps === void 0 ? void 0 : SurfaceProps.className, className, classes.root, classes[`padding_vertical_${paddingVertical}`], classes[`padding_horizontal_${paddingHorizontal}`], menu && classes.menu, noMaxWidth && classes.noMaxWidth, noBackground && classes.noBackground]),
-    style: _objectSpread(_objectSpread({}, style), styles.root)
-  }), noChildrenTransform ? children : _react.default.Children.toArray(children).map((item_0, index) => {
-    return /*#__PURE__*/_react.default.cloneElement(item_0, _objectSpread(_objectSpread(_objectSpread({
-      key: index,
-      menuItem: menu,
-      menuOpen,
-      tonal: item_0.props.tonal !== undefined ? item_0.props.tonal : tonal,
-      color: item_0.props.color !== undefined ? item_0.props.color : color,
-      size: item_0.props.size !== undefined ? item_0.props.size : size
-    }, other), item_0.props), {}, {
-      onClick: event => {
-        if ((0, _utils.is)('function', onMenuDesktopClose) && item_0.props.menuCloseOnClick) onMenuDesktopClose();
-        if ((0, _utils.is)('function', item_0.props.onClick)) item_0.props.onClick(event);
-      }
-    }));
+    style: _objectSpread(_objectSpread({}, style), styles.root),
+    children: noChildrenTransform ? children : _react.default.Children.toArray(children).map((item_0, index) => {
+      return /*#__PURE__*/_react.default.cloneElement(item_0, _objectSpread(_objectSpread(_objectSpread({
+        key: index,
+        menuItem: menu,
+        menuOpen,
+        tonal: item_0.props.tonal !== undefined ? item_0.props.tonal : tonal,
+        color: item_0.props.color !== undefined ? item_0.props.color : color,
+        size: item_0.props.size !== undefined ? item_0.props.size : size
+      }, other), item_0.props), {}, {
+        onClick: event => {
+          if ((0, _utils.is)('function', onMenuDesktopClose) && item_0.props.menuCloseOnClick) onMenuDesktopClose();
+          if ((0, _utils.is)('function', item_0.props.onClick)) item_0.props.onClick(event);
+        }
+      }));
+    })
   }));
-});
+};
 List.displayName = 'onesy-List';
 var _default = exports.default = List;

package/ListItem/ListItem.js

@@ -5,7 +5,6 @@ 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"));
@@ -15,7 +14,8 @@ var _Surface = _interopRequireDefault(require("../Surface"));
 var _Interaction = _interopRequireDefault(require("../Interaction"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _utils2 = require("../utils");
-const _excluded = ["tonal", "color", "colorSelected", "inset", "primary", "secondary", "tertiary", "preselected", "selected", "start", "startAlign", "end", "endAlign", "size", "noPadding", "href", "button", "shape", "shapePosition", "menuItem", "footer", "tabIndex", "interaction", "fullWidth", "noOutline", "noBackground", "disabled", "onClick", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "onClose", "RootComponent", "WrapperProps", "RootProps", "InteractionProps", "PrimaryProps", "SecondaryProps", "TertiaryProps", "MainProps", "AsideProps", "AsideStartProps", "AsideEndProps", "Component", "className", "style", "children"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "tonal", "color", "colorSelected", "inset", "primary", "secondary", "tertiary", "preselected", "selected", "start", "startAlign", "end", "endAlign", "size", "noPadding", "href", "button", "shape", "shapePosition", "menuItem", "footer", "tabIndex", "interaction", "fullWidth", "noOutline", "noBackground", "disabled", "onClick", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "onClose", "RootComponent", "WrapperProps", "RootProps", "InteractionProps", "PrimaryProps", "SecondaryProps", "TertiaryProps", "MainProps", "AsideProps", "AsideStartProps", "AsideEndProps", "Component", "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 useStyle = (0, _styleReact.style)(theme => {
@@ -221,7 +221,7 @@ const useStyle = (0, _styleReact.style)(theme => {
 }, {
   name: 'onesy-ListItem'
 });
-const ListItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const ListItem = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _type, _type2, _type3, _type4, _type5, _type6, _props, _props2, _props3, _type7, _type8, _type9, _type0, _type1, _type10, _type11, _props4, _props5, _props6, _type12;
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _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.onesyListItem) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -229,6 +229,7 @@ const ListItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Surface = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Surface) || _Surface.default;
   const Type = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
   const {
+      ref,
       tonal = true,
       color = 'default',
       colorSelected = props.color,
@@ -304,7 +305,7 @@ const ListItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   let RootComponent = RootComponent_;
   if (href) RootComponent = 'a';
   const colorToUse = selected ? colorSelected : color;
-  return /*#__PURE__*/_react.default.createElement(Surface, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Surface, _objectSpread(_objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else if (ref !== null && ref !== void 0 && ref.current) ref.current = item;
@@ -318,62 +319,71 @@ const ListItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     "aria-describedby": refs.ids.secondary,
     "aria-selected": selected,
     Component: Component
-  }, WrapperProps, {
+  }, WrapperProps), {}, {
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-wrapper'], WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className, className, classes.wrapper, fullWidth && classes.wrapper_fullWidth, noBackground && classes.noBackground]),
     noOutline: noOutline,
     style: _objectSpread(_objectSpread({}, styles.wrapper), WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.style)
-  }, other), /*#__PURE__*/_react.default.createElement(RootComponent, (0, _extends2.default)({
-    href: href,
-    onClick: onClick,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }, RootProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-root', `onesy-ListItem-size-${size}`, preselected && `onesy-ListItem-preselected`, selected && `onesy-ListItem-selected`, disabled && `onesy-ListItem-disabled`, inset && !start && `onesy-ListItem-inset`], RootProps === null || RootProps === void 0 ? void 0 : RootProps.className, classes.root, !menuItem && classes[`size_${size}`], classes[`shape_${shape}_position_${shapePosition}`], inset && !start && classes[`inset_size_${size}`], menuItem && [classes[`menuItem_size_${size}`], inset && classes[`menuItem_inset_size_${size}`]], (href || button) && classes.button, noPadding && classes.noPadding, disabled && classes.disabled]),
-    style: _objectSpread(_objectSpread({}, style), styles.root),
-    disabled: disabled
-  }), (href || button || interaction) && /*#__PURE__*/_react.default.createElement(Interaction, (0, _extends2.default)({
-    border: false,
-    preselected: (InteractionProps === null || InteractionProps === void 0 ? void 0 : InteractionProps.focus) || preselected || undefined,
-    selected: selected,
-    disabled: disabled
-  }, InteractionProps)), start && /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, AsideProps, AsideStartProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-aside', 'onesy-ListItem-start', `onesy-ListItem-start-${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(start === null || start === void 0 || (_type = start.type) === null || _type === void 0 ? void 0 : _type.displayName) ? 'button' : ['onesy-Switch'].includes(start === null || start === void 0 || (_type2 = start.type) === null || _type2 === void 0 ? void 0 : _type2.displayName) ? 'switch' : 'icon'}`], AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, AsideStartProps === null || AsideStartProps === void 0 ? void 0 : AsideStartProps.className, classes.aside, classes.start, classes[`align_${startAlign}`], classes[`${menuItem ? 'menuItem_' : ''}start_${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(start === null || start === void 0 || (_type3 = start.type) === null || _type3 === void 0 ? void 0 : _type3.displayName) ? 'button' : ['onesy-Switch'].includes(start === null || start === void 0 || (_type4 = start.type) === null || _type4 === void 0 ? void 0 : _type4.displayName) ? 'switch' : 'icon'}`], classes[`${menuItem ? 'menuItem_' : ''}start_${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(start === null || start === void 0 || (_type5 = start.type) === null || _type5 === void 0 ? void 0 : _type5.displayName) ? 'button' : ['onesy-Switch'].includes(start === null || start === void 0 || (_type6 = start.type) === null || _type6 === void 0 ? void 0 : _type6.displayName) ? 'switch' : 'icon'}_size_${size}`]])
-  }), (0, _utils.is)('string', start) ? start : /*#__PURE__*/_react.default.cloneElement(start, {
-    color: ((_props = start.props) === null || _props === void 0 ? void 0 : _props.color) || 'inherit',
-    size: ((_props2 = start.props) === null || _props2 === void 0 ? void 0 : _props2.size) !== undefined ? (_props3 = start.props) === null || _props3 === void 0 ? void 0 : _props3.size : ['onesy-Switch'].includes(start === null || start === void 0 || (_type7 = start.type) === null || _type7 === void 0 ? void 0 : _type7.displayName) ? 'small' : 'regular',
-    disabled
-  })), /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, MainProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-middle'], MainProps === null || MainProps === void 0 ? void 0 : MainProps.className, classes.middle, menuItem && classes.menuItem_middle, disabled && classes.middle_disabled])
-  }), primary !== undefined && ((0, _utils.is)('simple', primary) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: "b2",
-    id: refs.ids.primary
-  }, PrimaryProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-text', 'onesy-ListItem-text-primary'], PrimaryProps === null || PrimaryProps === void 0 ? void 0 : PrimaryProps.className, classes.text, classes.text_primary, !menuItem && classes.text_primary_weight]),
-    style: _objectSpread(_objectSpread({}, styles.primary), PrimaryProps === null || PrimaryProps === void 0 ? void 0 : PrimaryProps.style)
-  }), primary) : /*#__PURE__*/_react.default.cloneElement(primary, {
-    id: refs.ids.primary
-  })), secondary !== undefined && ((0, _utils.is)('simple', secondary) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: "b2",
-    id: refs.ids.secondary
-  }, SecondaryProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-text', 'onesy-ListItem-text-secondary'], SecondaryProps === null || SecondaryProps === void 0 ? void 0 : SecondaryProps.className, classes.text, classes.text_secondary]),
-    style: _objectSpread(_objectSpread({}, styles.secondary), SecondaryProps === null || SecondaryProps === void 0 ? void 0 : SecondaryProps.style)
-  }), secondary) : /*#__PURE__*/_react.default.cloneElement(secondary, {
-    id: refs.ids.secondary
-  })), tertiary !== undefined && ((0, _utils.is)('simple', tertiary) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: "b2"
-  }, TertiaryProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-text', 'onesy-ListItem-text-tertiary'], TertiaryProps === null || TertiaryProps === void 0 ? void 0 : TertiaryProps.className, classes.text, classes.text_tertiary]),
-    style: _objectSpread(_objectSpread({}, styles.tertiary), TertiaryProps === null || TertiaryProps === void 0 ? void 0 : TertiaryProps.style)
-  }), tertiary) : tertiary)), end && /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, AsideProps, AsideEndProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-aside', 'onesy-ListItem-end', `onesy-ListItem-end-${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(end === null || end === void 0 || (_type8 = end.type) === null || _type8 === void 0 ? void 0 : _type8.displayName) ? 'button' : ['onesy-Switch'].includes(end === null || end === void 0 || (_type9 = end.type) === null || _type9 === void 0 ? void 0 : _type9.displayName) ? 'switch' : 'icon'}`], AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, AsideEndProps === null || AsideEndProps === void 0 ? void 0 : AsideEndProps.classname, classes.aside, classes.end, classes[`align_${endAlign}`], classes[`${menuItem ? 'menuItem_' : ''}end_${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(end === null || end === void 0 || (_type0 = end.type) === null || _type0 === void 0 ? void 0 : _type0.displayName) ? 'button' : ['onesy-Switch'].includes(end === null || end === void 0 || (_type1 = end.type) === null || _type1 === void 0 ? void 0 : _type1.displayName) ? 'switch' : 'icon'}`], classes[`${menuItem ? 'menuItem_' : ''}end_${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(end === null || end === void 0 || (_type10 = end.type) === null || _type10 === void 0 ? void 0 : _type10.displayName) ? 'button' : ['onesy-Switch'].includes(end === null || end === void 0 || (_type11 = end.type) === null || _type11 === void 0 ? void 0 : _type11.displayName) ? 'switch' : 'icon'}_size_${size}`]])
-  }), (0, _utils.is)('string', end) ? end : /*#__PURE__*/_react.default.cloneElement(end, {
-    color: ((_props4 = end.props) === null || _props4 === void 0 ? void 0 : _props4.color) || 'inherit',
-    size: ((_props5 = end.props) === null || _props5 === void 0 ? void 0 : _props5.size) !== undefined ? (_props6 = end.props) === null || _props6 === void 0 ? void 0 : _props6.size : ['onesy-Switch'].includes(end === null || end === void 0 || (_type12 = end.type) === null || _type12 === void 0 ? void 0 : _type12.displayName) ? 'small' : 'regular',
-    disabled
-  }))), footer);
-});
+  }, other), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(RootComponent, _objectSpread(_objectSpread({
+      href: href,
+      onClick: onClick,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave
+    }, RootProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-root', `onesy-ListItem-size-${size}`, preselected && `onesy-ListItem-preselected`, selected && `onesy-ListItem-selected`, disabled && `onesy-ListItem-disabled`, inset && !start && `onesy-ListItem-inset`], RootProps === null || RootProps === void 0 ? void 0 : RootProps.className, classes.root, !menuItem && classes[`size_${size}`], classes[`shape_${shape}_position_${shapePosition}`], inset && !start && classes[`inset_size_${size}`], menuItem && [classes[`menuItem_size_${size}`], inset && classes[`menuItem_inset_size_${size}`]], (href || button) && classes.button, noPadding && classes.noPadding, disabled && classes.disabled]),
+      style: _objectSpread(_objectSpread({}, style), styles.root),
+      disabled: disabled,
+      children: [(href || button || interaction) && /*#__PURE__*/(0, _jsxRuntime.jsx)(Interaction, _objectSpread({
+        border: false,
+        preselected: (InteractionProps === null || InteractionProps === void 0 ? void 0 : InteractionProps.focus) || preselected || undefined,
+        selected: selected,
+        disabled: disabled
+      }, InteractionProps)), start && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread(_objectSpread({}, AsideProps), AsideStartProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-aside', 'onesy-ListItem-start', `onesy-ListItem-start-${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(start === null || start === void 0 || (_type = start.type) === null || _type === void 0 ? void 0 : _type.displayName) ? 'button' : ['onesy-Switch'].includes(start === null || start === void 0 || (_type2 = start.type) === null || _type2 === void 0 ? void 0 : _type2.displayName) ? 'switch' : 'icon'}`], AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, AsideStartProps === null || AsideStartProps === void 0 ? void 0 : AsideStartProps.className, classes.aside, classes.start, classes[`align_${startAlign}`], classes[`${menuItem ? 'menuItem_' : ''}start_${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(start === null || start === void 0 || (_type3 = start.type) === null || _type3 === void 0 ? void 0 : _type3.displayName) ? 'button' : ['onesy-Switch'].includes(start === null || start === void 0 || (_type4 = start.type) === null || _type4 === void 0 ? void 0 : _type4.displayName) ? 'switch' : 'icon'}`], classes[`${menuItem ? 'menuItem_' : ''}start_${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(start === null || start === void 0 || (_type5 = start.type) === null || _type5 === void 0 ? void 0 : _type5.displayName) ? 'button' : ['onesy-Switch'].includes(start === null || start === void 0 || (_type6 = start.type) === null || _type6 === void 0 ? void 0 : _type6.displayName) ? 'switch' : 'icon'}_size_${size}`]]),
+        children: (0, _utils.is)('string', start) ? start : /*#__PURE__*/_react.default.cloneElement(start, {
+          color: ((_props = start.props) === null || _props === void 0 ? void 0 : _props.color) || 'inherit',
+          size: ((_props2 = start.props) === null || _props2 === void 0 ? void 0 : _props2.size) !== undefined ? (_props3 = start.props) === null || _props3 === void 0 ? void 0 : _props3.size : ['onesy-Switch'].includes(start === null || start === void 0 || (_type7 = start.type) === null || _type7 === void 0 ? void 0 : _type7.displayName) ? 'small' : 'regular',
+          disabled
+        })
+      })), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, MainProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-middle'], MainProps === null || MainProps === void 0 ? void 0 : MainProps.className, classes.middle, menuItem && classes.menuItem_middle, disabled && classes.middle_disabled]),
+        children: [primary !== undefined && ((0, _utils.is)('simple', primary) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+          version: "b2",
+          id: refs.ids.primary
+        }, PrimaryProps), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-text', 'onesy-ListItem-text-primary'], PrimaryProps === null || PrimaryProps === void 0 ? void 0 : PrimaryProps.className, classes.text, classes.text_primary, !menuItem && classes.text_primary_weight]),
+          style: _objectSpread(_objectSpread({}, styles.primary), PrimaryProps === null || PrimaryProps === void 0 ? void 0 : PrimaryProps.style),
+          children: primary
+        })) : /*#__PURE__*/_react.default.cloneElement(primary, {
+          id: refs.ids.primary
+        })), secondary !== undefined && ((0, _utils.is)('simple', secondary) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+          version: "b2",
+          id: refs.ids.secondary
+        }, SecondaryProps), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-text', 'onesy-ListItem-text-secondary'], SecondaryProps === null || SecondaryProps === void 0 ? void 0 : SecondaryProps.className, classes.text, classes.text_secondary]),
+          style: _objectSpread(_objectSpread({}, styles.secondary), SecondaryProps === null || SecondaryProps === void 0 ? void 0 : SecondaryProps.style),
+          children: secondary
+        })) : /*#__PURE__*/_react.default.cloneElement(secondary, {
+          id: refs.ids.secondary
+        })), tertiary !== undefined && ((0, _utils.is)('simple', tertiary) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+          version: "b2"
+        }, TertiaryProps), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-text', 'onesy-ListItem-text-tertiary'], TertiaryProps === null || TertiaryProps === void 0 ? void 0 : TertiaryProps.className, classes.text, classes.text_tertiary]),
+          style: _objectSpread(_objectSpread({}, styles.tertiary), TertiaryProps === null || TertiaryProps === void 0 ? void 0 : TertiaryProps.style),
+          children: tertiary
+        })) : tertiary)]
+      })), end && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread(_objectSpread({}, AsideProps), AsideEndProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ListItem', theme) && ['onesy-ListItem-aside', 'onesy-ListItem-end', `onesy-ListItem-end-${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(end === null || end === void 0 || (_type8 = end.type) === null || _type8 === void 0 ? void 0 : _type8.displayName) ? 'button' : ['onesy-Switch'].includes(end === null || end === void 0 || (_type9 = end.type) === null || _type9 === void 0 ? void 0 : _type9.displayName) ? 'switch' : 'icon'}`], AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, AsideEndProps === null || AsideEndProps === void 0 ? void 0 : AsideEndProps.classname, classes.aside, classes.end, classes[`align_${endAlign}`], classes[`${menuItem ? 'menuItem_' : ''}end_${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(end === null || end === void 0 || (_type0 = end.type) === null || _type0 === void 0 ? void 0 : _type0.displayName) ? 'button' : ['onesy-Switch'].includes(end === null || end === void 0 || (_type1 = end.type) === null || _type1 === void 0 ? void 0 : _type1.displayName) ? 'switch' : 'icon'}`], classes[`${menuItem ? 'menuItem_' : ''}end_${['onesy-Avatar', 'onesy-IconButton', 'onesy-Checkbox', 'onesy-Radio'].includes(end === null || end === void 0 || (_type10 = end.type) === null || _type10 === void 0 ? void 0 : _type10.displayName) ? 'button' : ['onesy-Switch'].includes(end === null || end === void 0 || (_type11 = end.type) === null || _type11 === void 0 ? void 0 : _type11.displayName) ? 'switch' : 'icon'}_size_${size}`]]),
+        children: (0, _utils.is)('string', end) ? end : /*#__PURE__*/_react.default.cloneElement(end, {
+          color: ((_props4 = end.props) === null || _props4 === void 0 ? void 0 : _props4.color) || 'inherit',
+          size: ((_props5 = end.props) === null || _props5 === void 0 ? void 0 : _props5.size) !== undefined ? (_props6 = end.props) === null || _props6 === void 0 ? void 0 : _props6.size : ['onesy-Switch'].includes(end === null || end === void 0 || (_type12 = end.type) === null || _type12 === void 0 ? void 0 : _type12.displayName) ? 'small' : 'regular',
+          disabled
+        })
+      }))]
+    })), footer]
+  }));
+};
 ListItem.displayName = 'onesy-ListItem';
 var _default = exports.default = ListItem;