@onesy/ui-react 1.0.163 → 1.0.165

package/Space/Space.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
@@ -58,110 +59,384 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // table
 // oval
 const IconFurnitureTableOvalSeat4Version1 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-      color = '#F5EED6'
-    } = props,
-    other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  const styles = {
-    table: {
+  const $ = (0, _compilerRuntime.c)(35);
+  let other;
+  let t0;
+  if ($[0] !== props) {
+    var _props = props;
+    ({
+      color: t0
+    } = _props);
+    other = (0, _objectWithoutProperties2.default)(_props, _excluded);
+    _props;
+    $[0] = props;
+    $[1] = other;
+    $[2] = t0;
+  } else {
+    other = $[1];
+    t0 = $[2];
+  }
+  const color = t0 === undefined ? "#F5EED6" : t0;
+  let t1;
+  let t2;
+  if ($[3] !== color) {
+    t1 = {
       color
-    },
-    chair: {
-      fill: (0, _utils.lighten)(color, 0.4)
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
-    ref: ref,
-    name: "FurnitureTableOvalSeat41",
-    short_name: "FurnitureTableOvalSeat41",
-    viewBox: "0 0 321 321"
-  }, other), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M288.424 160.654L288.224 167.754L287.634 174.834L286.644 181.874L285.274 188.844L283.514 195.724L281.034 203.464L278.864 209.144L275.984 215.644L272.754 221.974L269.174 228.104L265.254 234.034L261.014 239.734L256.464 245.194L251.614 250.394L246.484 255.314L241.094 259.934L235.454 264.254L229.574 268.254L223.494 271.924L217.214 275.244L210.754 278.214L203.434 281.074L197.394 283.044L190.544 284.904L183.584 286.374L176.564 287.454L169.494 288.144L162.394 288.444L155.294 288.344L148.204 287.854L141.154 286.964L134.164 285.684L127.254 284.024L117.804 281.074L107.234 276.774L100.864 273.624L94.6744 270.124L88.6944 266.294L82.9344 262.134L77.4144 257.664L72.1544 252.884L67.1644 247.824L62.4644 242.494L58.0644 236.914L53.9844 231.104L50.2344 225.064L46.8244 218.834L43.7644 212.414L40.1944 203.464L36.7944 192.294L35.2244 185.364L34.0444 178.354L33.2544 171.294L32.8644 164.204V157.094L33.2544 150.004L34.0444 142.944L35.2244 135.934L36.7944 129.004L40.1944 117.834L43.7644 108.884L46.8244 102.474L50.2344 96.2341L53.9844 90.2041L58.0644 84.3841L62.4644 78.8042L67.1644 73.4742L72.1544 68.4141L77.4144 63.6441L82.9344 59.1641L88.6944 55.0042L94.6744 51.1741L100.864 47.6741L107.234 44.5341L117.804 40.2341L127.254 37.2741L134.164 35.6142L141.154 34.3342L148.204 33.4541L155.294 32.9541L162.394 32.8541L169.494 33.1541L176.564 33.8441L183.584 34.9241L190.544 36.3941L197.394 38.2542L203.434 40.2341L210.754 43.0941L217.214 46.0542L223.494 49.3841L229.574 53.0441L235.454 57.0441L241.094 61.3642L246.484 65.9941L251.614 70.9141L256.464 76.1041L261.014 81.5641L265.254 87.2641L269.174 93.1942L272.754 99.3342L275.984 105.654L278.864 112.154L281.034 117.834L283.514 125.574L285.274 132.454L286.644 139.434L287.634 146.464L288.224 153.544L288.424 160.654Z"
-  }, styles.table)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M100.044 18.9641C88.8856 10.6124 75.0903 6.56285 61.1878 7.55784C47.2853 8.55282 34.2073 14.5257 24.3517 24.3814C14.496 34.2371 8.52305 47.3151 7.52807 61.2176C6.53308 75.1201 10.5827 88.9154 18.9344 100.074L13.8144 103.904C4.54858 91.5146 0.057821 76.201 1.16506 60.7696C2.27229 45.3382 8.90336 30.8226 19.8431 19.8828C30.7828 8.94313 45.2984 2.31206 60.7298 1.20482C76.1613 0.0975854 91.4749 4.58834 103.864 13.8541L100.044 18.9641Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M302.304 100.074C310.656 88.9154 314.706 75.1201 313.711 61.2176C312.716 47.3151 306.743 34.2371 296.887 24.3814C287.031 14.5257 273.953 8.55282 260.051 7.55784C246.148 6.56285 232.353 10.6124 221.194 18.9641L217.364 13.8441C229.754 4.56366 245.074 0.0613957 260.514 1.16328C275.954 2.26517 290.48 8.89732 301.425 19.8431C312.371 30.7888 319.003 45.3142 320.105 60.7546C321.207 76.195 316.705 91.515 307.424 103.904L302.304 100.074Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M18.9344 221.224C10.5827 232.383 6.53308 246.178 7.52807 260.081C8.52305 273.983 14.496 287.061 24.3517 296.917C34.2073 306.773 47.2853 312.745 61.1878 313.74C75.0903 314.735 88.8856 310.686 100.044 302.334L103.864 307.454C91.4749 316.72 76.1613 321.211 60.7298 320.103C45.2984 318.996 30.7828 312.365 19.8431 301.425C8.90336 290.486 2.27229 275.97 1.16506 260.539C0.057821 245.107 4.54858 229.794 13.8144 217.404L18.9344 221.224Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M221.194 302.334C232.353 310.686 246.148 314.735 260.051 313.74C273.953 312.745 287.031 306.773 296.887 296.917C306.743 287.061 312.716 273.983 313.711 260.081C314.706 246.178 310.656 232.383 302.304 221.224L307.424 217.404C316.697 229.794 321.192 245.111 320.087 260.547C318.982 275.983 312.349 290.503 301.406 301.445C290.463 312.387 275.942 319.018 260.506 320.122C245.07 321.225 229.753 316.728 217.364 307.454L221.194 302.334Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M281.034 203.464L278.864 209.144L275.984 215.644L272.754 221.974L269.174 228.104L265.254 234.034L261.014 239.734L256.464 245.194L251.614 250.394L246.484 255.314L241.094 259.934L235.454 264.254L229.574 268.254L223.494 271.924L217.214 275.244L210.754 278.214L203.434 281.074L225.024 297.214C234.953 304.637 247.223 308.234 259.588 307.346C271.953 306.458 283.583 301.144 292.349 292.379C301.115 283.613 306.428 271.982 307.316 259.618C308.204 247.253 304.607 234.983 297.184 225.054L281.034 203.464Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M203.434 40.2341L210.754 43.0941L217.214 46.0542L223.494 49.3841L229.574 53.0441L235.454 57.0441L241.094 61.3642L246.484 65.9941L251.614 70.9141L256.464 76.1041L261.014 81.5641L265.254 87.2641L269.174 93.1942L272.754 99.3342L275.984 105.654L278.864 112.154L281.034 117.834L297.184 96.2441C304.607 86.3158 308.204 74.0452 307.316 61.6805C306.428 49.3159 301.115 37.6853 292.349 28.9197C283.583 20.154 271.953 14.8404 259.588 13.9523C247.223 13.0642 234.953 16.6612 225.024 24.0842L203.434 40.2341Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M117.804 281.074L107.234 276.774L100.864 273.624L94.6744 270.124L88.6944 266.294L82.9344 262.134L77.4144 257.664L72.1544 252.884L67.1644 247.824L62.4644 242.494L58.0644 236.914L53.9844 231.104L50.2344 225.064L46.8244 218.834L43.7644 212.414L40.1944 203.464L24.0544 225.054C16.6314 234.983 13.0345 247.253 13.9225 259.618C14.8106 271.982 20.1243 283.613 28.8899 292.379C37.6555 301.144 49.2862 306.458 61.6508 307.346C74.0154 308.234 86.286 304.637 96.2144 297.214L117.804 281.074Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M40.1944 117.834L43.7644 108.884L46.8244 102.474L50.2344 96.2341L53.9844 90.2041L58.0644 84.3841L62.4644 78.8042L67.1644 73.4742L72.1544 68.4141L77.4144 63.6441L82.9344 59.1641L88.6944 55.0042L94.6744 51.1741L100.864 47.6741L107.234 44.5341L117.804 40.2341L96.2144 24.0841C86.286 16.6612 74.0154 13.0642 61.6508 13.9523C49.2862 14.8404 37.6555 20.154 28.8899 28.9197C20.1243 37.6853 14.8106 49.3159 13.9225 61.6805C13.0345 74.0452 16.6314 86.3158 24.0544 96.2441L40.1944 117.834Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M281.034 203.464L283.514 195.724L285.274 188.844L286.644 181.874L287.634 174.834L288.224 167.754L288.424 160.654L288.224 153.544L287.634 146.464L286.644 139.434L285.274 132.454L283.514 125.574L281.034 117.834M281.034 203.464L278.864 209.144L275.984 215.644L272.754 221.974L269.174 228.104L265.254 234.034L261.014 239.734L256.464 245.194L251.614 250.394L246.484 255.314L241.094 259.934L235.454 264.254L229.574 268.254L223.494 271.924L217.214 275.244L210.754 278.214L203.434 281.074M281.034 203.464L297.184 225.054C304.607 234.983 308.204 247.253 307.316 259.618C306.428 271.982 301.115 283.613 292.349 292.379C283.583 301.144 271.953 306.458 259.588 307.346C247.223 308.234 234.953 304.637 225.024 297.214L203.434 281.074M203.434 281.074L197.394 283.044L190.544 284.904L183.584 286.374L176.564 287.454L169.494 288.144L162.394 288.444L155.294 288.344L148.204 287.854L141.154 286.964L134.164 285.684L127.254 284.024L117.804 281.074M117.804 281.074L107.234 276.774L100.864 273.624L94.6744 270.124L88.6944 266.294L82.9344 262.134L77.4144 257.664L72.1544 252.884L67.1644 247.824L62.4644 242.494L58.0644 236.914L53.9844 231.104L50.2344 225.064L46.8244 218.834L43.7644 212.414L40.1944 203.464M117.804 281.074L96.2144 297.214C86.286 304.637 74.0154 308.234 61.6508 307.346C49.2862 306.458 37.6555 301.144 28.8899 292.379C20.1243 283.613 14.8106 271.982 13.9225 259.618C13.0345 247.253 16.6314 234.983 24.0544 225.054L40.1944 203.464M40.1944 203.464L36.7944 192.294L35.2244 185.364L34.0444 178.354L33.2544 171.294L32.8644 164.204V157.094L33.2544 150.004L34.0444 142.944L35.2244 135.934L36.7944 129.004L40.1944 117.834M40.1944 117.834L43.7644 108.884L46.8244 102.474L50.2344 96.2341L53.9844 90.2041L58.0644 84.3841L62.4644 78.8042L67.1644 73.4742L72.1544 68.4141L77.4144 63.6441L82.9344 59.1641L88.6944 55.0042L94.6744 51.1741L100.864 47.6741L107.234 44.5341L117.804 40.2341M40.1944 117.834L24.0544 96.2441C16.6314 86.3158 13.0345 74.0452 13.9225 61.6805C14.8106 49.3159 20.1243 37.6853 28.8899 28.9197C37.6555 20.154 49.2862 14.8404 61.6508 13.9523C74.0154 13.0642 86.286 16.6612 96.2144 24.0841M117.804 40.2341L127.254 37.2741L134.164 35.6142L141.154 34.3342L148.204 33.4541L155.294 32.9541L162.394 32.8541L169.494 33.1541L176.564 33.8441L183.584 34.9241L190.544 36.3941L197.394 38.2542L203.434 40.2341M117.804 40.2341C109.373 33.9272 104.646 30.3911 96.2144 24.0841M117.804 40.2341L96.2144 24.0841M203.434 40.2341L210.754 43.0941L217.214 46.0542L223.494 49.3841L229.574 53.0441L235.454 57.0441L241.094 61.3642L246.484 65.9941L251.614 70.9141L256.464 76.1041L261.014 81.5641L265.254 87.2641L269.174 93.1942L272.754 99.3342L275.984 105.654L278.864 112.154L281.034 117.834M203.434 40.2341L225.024 24.0842C234.953 16.6612 247.223 13.0642 259.588 13.9523C271.953 14.8404 283.583 20.154 292.349 28.9197C301.115 37.6853 306.428 49.3159 307.316 61.6805C308.204 74.0452 304.607 86.3158 297.184 96.2441L281.034 117.834M302.304 100.074C310.656 88.9154 314.706 75.1201 313.711 61.2176C312.716 47.3151 306.743 34.2371 296.887 24.3814C287.031 14.5257 273.953 8.55282 260.051 7.55784C246.148 6.56285 232.353 10.6124 221.194 18.9641L217.364 13.8441C229.754 4.56366 245.074 0.0613957 260.514 1.16328C275.954 2.26517 290.48 8.89732 301.425 19.8431C312.371 30.7888 319.003 45.3142 320.105 60.7546C321.207 76.195 316.705 91.515 307.424 103.904L302.304 100.074ZM100.044 18.9641C88.8856 10.6124 75.0903 6.56285 61.1878 7.55784C47.2853 8.55282 34.2073 14.5257 24.3517 24.3814C14.496 34.2371 8.52305 47.3151 7.52807 61.2176C6.53308 75.1201 10.5827 88.9154 18.9344 100.074L13.8144 103.904C4.54858 91.5146 0.057821 76.201 1.16506 60.7696C2.27229 45.3382 8.90336 30.8226 19.8431 19.8828C30.7828 8.94313 45.2984 2.31206 60.7298 1.20482C76.1613 0.0975854 91.4749 4.58834 103.864 13.8541L100.044 18.9641ZM221.194 302.334C232.353 310.686 246.148 314.735 260.051 313.74C273.953 312.745 287.031 306.773 296.887 296.917C306.743 287.061 312.716 273.983 313.711 260.081C314.706 246.178 310.656 232.383 302.304 221.224L307.424 217.404C316.697 229.794 321.192 245.111 320.087 260.547C318.982 275.983 312.349 290.503 301.406 301.445C290.463 312.387 275.942 319.018 260.506 320.122C245.07 321.225 229.753 316.728 217.364 307.454L221.194 302.334ZM18.9344 221.224C10.5827 232.383 6.53308 246.178 7.52807 260.081C8.52305 273.983 14.496 287.061 24.3517 296.917C34.2073 306.773 47.2853 312.745 61.1878 313.74C75.0903 314.735 88.8856 310.686 100.044 302.334L103.864 307.454C91.4749 316.72 76.1613 321.211 60.7298 320.103C45.2984 318.996 30.7828 312.365 19.8431 301.425C8.90336 290.486 2.27229 275.97 1.16506 260.539C0.057821 245.107 4.54858 229.794 13.8144 217.404L18.9344 221.224Z",
-    fill: "none",
-    stroke: "black"
-  }));
+    };
+    t2 = (0, _utils.lighten)(color, 0.4);
+    $[3] = color;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t2) {
+    t3 = {
+      fill: t2
+    };
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t1 || $[9] !== t3) {
+    t4 = {
+      table: t1,
+      chair: t3
+    };
+    $[8] = t1;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const styles = t4;
+  let t5;
+  if ($[11] !== styles.table) {
+    t5 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M288.424 160.654L288.224 167.754L287.634 174.834L286.644 181.874L285.274 188.844L283.514 195.724L281.034 203.464L278.864 209.144L275.984 215.644L272.754 221.974L269.174 228.104L265.254 234.034L261.014 239.734L256.464 245.194L251.614 250.394L246.484 255.314L241.094 259.934L235.454 264.254L229.574 268.254L223.494 271.924L217.214 275.244L210.754 278.214L203.434 281.074L197.394 283.044L190.544 284.904L183.584 286.374L176.564 287.454L169.494 288.144L162.394 288.444L155.294 288.344L148.204 287.854L141.154 286.964L134.164 285.684L127.254 284.024L117.804 281.074L107.234 276.774L100.864 273.624L94.6744 270.124L88.6944 266.294L82.9344 262.134L77.4144 257.664L72.1544 252.884L67.1644 247.824L62.4644 242.494L58.0644 236.914L53.9844 231.104L50.2344 225.064L46.8244 218.834L43.7644 212.414L40.1944 203.464L36.7944 192.294L35.2244 185.364L34.0444 178.354L33.2544 171.294L32.8644 164.204V157.094L33.2544 150.004L34.0444 142.944L35.2244 135.934L36.7944 129.004L40.1944 117.834L43.7644 108.884L46.8244 102.474L50.2344 96.2341L53.9844 90.2041L58.0644 84.3841L62.4644 78.8042L67.1644 73.4742L72.1544 68.4141L77.4144 63.6441L82.9344 59.1641L88.6944 55.0042L94.6744 51.1741L100.864 47.6741L107.234 44.5341L117.804 40.2341L127.254 37.2741L134.164 35.6142L141.154 34.3342L148.204 33.4541L155.294 32.9541L162.394 32.8541L169.494 33.1541L176.564 33.8441L183.584 34.9241L190.544 36.3941L197.394 38.2542L203.434 40.2341L210.754 43.0941L217.214 46.0542L223.494 49.3841L229.574 53.0441L235.454 57.0441L241.094 61.3642L246.484 65.9941L251.614 70.9141L256.464 76.1041L261.014 81.5641L265.254 87.2641L269.174 93.1942L272.754 99.3342L275.984 105.654L278.864 112.154L281.034 117.834L283.514 125.574L285.274 132.454L286.644 139.434L287.634 146.464L288.224 153.544L288.424 160.654Z"
+    }, styles.table));
+    $[11] = styles.table;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[13] !== styles.chair) {
+    t6 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M100.044 18.9641C88.8856 10.6124 75.0903 6.56285 61.1878 7.55784C47.2853 8.55282 34.2073 14.5257 24.3517 24.3814C14.496 34.2371 8.52305 47.3151 7.52807 61.2176C6.53308 75.1201 10.5827 88.9154 18.9344 100.074L13.8144 103.904C4.54858 91.5146 0.057821 76.201 1.16506 60.7696C2.27229 45.3382 8.90336 30.8226 19.8431 19.8828C30.7828 8.94313 45.2984 2.31206 60.7298 1.20482C76.1613 0.0975854 91.4749 4.58834 103.864 13.8541L100.044 18.9641Z"
+    }, styles.chair));
+    t7 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M302.304 100.074C310.656 88.9154 314.706 75.1201 313.711 61.2176C312.716 47.3151 306.743 34.2371 296.887 24.3814C287.031 14.5257 273.953 8.55282 260.051 7.55784C246.148 6.56285 232.353 10.6124 221.194 18.9641L217.364 13.8441C229.754 4.56366 245.074 0.0613957 260.514 1.16328C275.954 2.26517 290.48 8.89732 301.425 19.8431C312.371 30.7888 319.003 45.3142 320.105 60.7546C321.207 76.195 316.705 91.515 307.424 103.904L302.304 100.074Z"
+    }, styles.chair));
+    t8 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M18.9344 221.224C10.5827 232.383 6.53308 246.178 7.52807 260.081C8.52305 273.983 14.496 287.061 24.3517 296.917C34.2073 306.773 47.2853 312.745 61.1878 313.74C75.0903 314.735 88.8856 310.686 100.044 302.334L103.864 307.454C91.4749 316.72 76.1613 321.211 60.7298 320.103C45.2984 318.996 30.7828 312.365 19.8431 301.425C8.90336 290.486 2.27229 275.97 1.16506 260.539C0.057821 245.107 4.54858 229.794 13.8144 217.404L18.9344 221.224Z"
+    }, styles.chair));
+    t9 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M221.194 302.334C232.353 310.686 246.148 314.735 260.051 313.74C273.953 312.745 287.031 306.773 296.887 296.917C306.743 287.061 312.716 273.983 313.711 260.081C314.706 246.178 310.656 232.383 302.304 221.224L307.424 217.404C316.697 229.794 321.192 245.111 320.087 260.547C318.982 275.983 312.349 290.503 301.406 301.445C290.463 312.387 275.942 319.018 260.506 320.122C245.07 321.225 229.753 316.728 217.364 307.454L221.194 302.334Z"
+    }, styles.chair));
+    t10 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M281.034 203.464L278.864 209.144L275.984 215.644L272.754 221.974L269.174 228.104L265.254 234.034L261.014 239.734L256.464 245.194L251.614 250.394L246.484 255.314L241.094 259.934L235.454 264.254L229.574 268.254L223.494 271.924L217.214 275.244L210.754 278.214L203.434 281.074L225.024 297.214C234.953 304.637 247.223 308.234 259.588 307.346C271.953 306.458 283.583 301.144 292.349 292.379C301.115 283.613 306.428 271.982 307.316 259.618C308.204 247.253 304.607 234.983 297.184 225.054L281.034 203.464Z"
+    }, styles.chair));
+    t11 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M203.434 40.2341L210.754 43.0941L217.214 46.0542L223.494 49.3841L229.574 53.0441L235.454 57.0441L241.094 61.3642L246.484 65.9941L251.614 70.9141L256.464 76.1041L261.014 81.5641L265.254 87.2641L269.174 93.1942L272.754 99.3342L275.984 105.654L278.864 112.154L281.034 117.834L297.184 96.2441C304.607 86.3158 308.204 74.0452 307.316 61.6805C306.428 49.3159 301.115 37.6853 292.349 28.9197C283.583 20.154 271.953 14.8404 259.588 13.9523C247.223 13.0642 234.953 16.6612 225.024 24.0842L203.434 40.2341Z"
+    }, styles.chair));
+    t12 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M117.804 281.074L107.234 276.774L100.864 273.624L94.6744 270.124L88.6944 266.294L82.9344 262.134L77.4144 257.664L72.1544 252.884L67.1644 247.824L62.4644 242.494L58.0644 236.914L53.9844 231.104L50.2344 225.064L46.8244 218.834L43.7644 212.414L40.1944 203.464L24.0544 225.054C16.6314 234.983 13.0345 247.253 13.9225 259.618C14.8106 271.982 20.1243 283.613 28.8899 292.379C37.6555 301.144 49.2862 306.458 61.6508 307.346C74.0154 308.234 86.286 304.637 96.2144 297.214L117.804 281.074Z"
+    }, styles.chair));
+    t13 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M40.1944 117.834L43.7644 108.884L46.8244 102.474L50.2344 96.2341L53.9844 90.2041L58.0644 84.3841L62.4644 78.8042L67.1644 73.4742L72.1544 68.4141L77.4144 63.6441L82.9344 59.1641L88.6944 55.0042L94.6744 51.1741L100.864 47.6741L107.234 44.5341L117.804 40.2341L96.2144 24.0841C86.286 16.6612 74.0154 13.0642 61.6508 13.9523C49.2862 14.8404 37.6555 20.154 28.8899 28.9197C20.1243 37.6853 14.8106 49.3159 13.9225 61.6805C13.0345 74.0452 16.6314 86.3158 24.0544 96.2441L40.1944 117.834Z"
+    }, styles.chair));
+    $[13] = styles.chair;
+    $[14] = t10;
+    $[15] = t11;
+    $[16] = t12;
+    $[17] = t13;
+    $[18] = t6;
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t10 = $[14];
+    t11 = $[15];
+    t12 = $[16];
+    t13 = $[17];
+    t6 = $[18];
+    t7 = $[19];
+    t8 = $[20];
+    t9 = $[21];
+  }
+  let t14;
+  if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = /*#__PURE__*/_react.default.createElement("path", {
+      d: "M281.034 203.464L283.514 195.724L285.274 188.844L286.644 181.874L287.634 174.834L288.224 167.754L288.424 160.654L288.224 153.544L287.634 146.464L286.644 139.434L285.274 132.454L283.514 125.574L281.034 117.834M281.034 203.464L278.864 209.144L275.984 215.644L272.754 221.974L269.174 228.104L265.254 234.034L261.014 239.734L256.464 245.194L251.614 250.394L246.484 255.314L241.094 259.934L235.454 264.254L229.574 268.254L223.494 271.924L217.214 275.244L210.754 278.214L203.434 281.074M281.034 203.464L297.184 225.054C304.607 234.983 308.204 247.253 307.316 259.618C306.428 271.982 301.115 283.613 292.349 292.379C283.583 301.144 271.953 306.458 259.588 307.346C247.223 308.234 234.953 304.637 225.024 297.214L203.434 281.074M203.434 281.074L197.394 283.044L190.544 284.904L183.584 286.374L176.564 287.454L169.494 288.144L162.394 288.444L155.294 288.344L148.204 287.854L141.154 286.964L134.164 285.684L127.254 284.024L117.804 281.074M117.804 281.074L107.234 276.774L100.864 273.624L94.6744 270.124L88.6944 266.294L82.9344 262.134L77.4144 257.664L72.1544 252.884L67.1644 247.824L62.4644 242.494L58.0644 236.914L53.9844 231.104L50.2344 225.064L46.8244 218.834L43.7644 212.414L40.1944 203.464M117.804 281.074L96.2144 297.214C86.286 304.637 74.0154 308.234 61.6508 307.346C49.2862 306.458 37.6555 301.144 28.8899 292.379C20.1243 283.613 14.8106 271.982 13.9225 259.618C13.0345 247.253 16.6314 234.983 24.0544 225.054L40.1944 203.464M40.1944 203.464L36.7944 192.294L35.2244 185.364L34.0444 178.354L33.2544 171.294L32.8644 164.204V157.094L33.2544 150.004L34.0444 142.944L35.2244 135.934L36.7944 129.004L40.1944 117.834M40.1944 117.834L43.7644 108.884L46.8244 102.474L50.2344 96.2341L53.9844 90.2041L58.0644 84.3841L62.4644 78.8042L67.1644 73.4742L72.1544 68.4141L77.4144 63.6441L82.9344 59.1641L88.6944 55.0042L94.6744 51.1741L100.864 47.6741L107.234 44.5341L117.804 40.2341M40.1944 117.834L24.0544 96.2441C16.6314 86.3158 13.0345 74.0452 13.9225 61.6805C14.8106 49.3159 20.1243 37.6853 28.8899 28.9197C37.6555 20.154 49.2862 14.8404 61.6508 13.9523C74.0154 13.0642 86.286 16.6612 96.2144 24.0841M117.804 40.2341L127.254 37.2741L134.164 35.6142L141.154 34.3342L148.204 33.4541L155.294 32.9541L162.394 32.8541L169.494 33.1541L176.564 33.8441L183.584 34.9241L190.544 36.3941L197.394 38.2542L203.434 40.2341M117.804 40.2341C109.373 33.9272 104.646 30.3911 96.2144 24.0841M117.804 40.2341L96.2144 24.0841M203.434 40.2341L210.754 43.0941L217.214 46.0542L223.494 49.3841L229.574 53.0441L235.454 57.0441L241.094 61.3642L246.484 65.9941L251.614 70.9141L256.464 76.1041L261.014 81.5641L265.254 87.2641L269.174 93.1942L272.754 99.3342L275.984 105.654L278.864 112.154L281.034 117.834M203.434 40.2341L225.024 24.0842C234.953 16.6612 247.223 13.0642 259.588 13.9523C271.953 14.8404 283.583 20.154 292.349 28.9197C301.115 37.6853 306.428 49.3159 307.316 61.6805C308.204 74.0452 304.607 86.3158 297.184 96.2441L281.034 117.834M302.304 100.074C310.656 88.9154 314.706 75.1201 313.711 61.2176C312.716 47.3151 306.743 34.2371 296.887 24.3814C287.031 14.5257 273.953 8.55282 260.051 7.55784C246.148 6.56285 232.353 10.6124 221.194 18.9641L217.364 13.8441C229.754 4.56366 245.074 0.0613957 260.514 1.16328C275.954 2.26517 290.48 8.89732 301.425 19.8431C312.371 30.7888 319.003 45.3142 320.105 60.7546C321.207 76.195 316.705 91.515 307.424 103.904L302.304 100.074ZM100.044 18.9641C88.8856 10.6124 75.0903 6.56285 61.1878 7.55784C47.2853 8.55282 34.2073 14.5257 24.3517 24.3814C14.496 34.2371 8.52305 47.3151 7.52807 61.2176C6.53308 75.1201 10.5827 88.9154 18.9344 100.074L13.8144 103.904C4.54858 91.5146 0.057821 76.201 1.16506 60.7696C2.27229 45.3382 8.90336 30.8226 19.8431 19.8828C30.7828 8.94313 45.2984 2.31206 60.7298 1.20482C76.1613 0.0975854 91.4749 4.58834 103.864 13.8541L100.044 18.9641ZM221.194 302.334C232.353 310.686 246.148 314.735 260.051 313.74C273.953 312.745 287.031 306.773 296.887 296.917C306.743 287.061 312.716 273.983 313.711 260.081C314.706 246.178 310.656 232.383 302.304 221.224L307.424 217.404C316.697 229.794 321.192 245.111 320.087 260.547C318.982 275.983 312.349 290.503 301.406 301.445C290.463 312.387 275.942 319.018 260.506 320.122C245.07 321.225 229.753 316.728 217.364 307.454L221.194 302.334ZM18.9344 221.224C10.5827 232.383 6.53308 246.178 7.52807 260.081C8.52305 273.983 14.496 287.061 24.3517 296.917C34.2073 306.773 47.2853 312.745 61.1878 313.74C75.0903 314.735 88.8856 310.686 100.044 302.334L103.864 307.454C91.4749 316.72 76.1613 321.211 60.7298 320.103C45.2984 318.996 30.7828 312.365 19.8431 301.425C8.90336 290.486 2.27229 275.97 1.16506 260.539C0.057821 245.107 4.54858 229.794 13.8144 217.404L18.9344 221.224Z",
+      fill: "none",
+      stroke: "black"
+    });
+    $[22] = t14;
+  } else {
+    t14 = $[22];
+  }
+  let t15;
+  if ($[23] !== other || $[24] !== ref || $[25] !== t10 || $[26] !== t11 || $[27] !== t12 || $[28] !== t13 || $[29] !== t5 || $[30] !== t6 || $[31] !== t7 || $[32] !== t8 || $[33] !== t9) {
+    t15 = /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
+      ref: ref,
+      name: "FurnitureTableOvalSeat41",
+      short_name: "FurnitureTableOvalSeat41",
+      viewBox: "0 0 321 321"
+    }, other), t5, t6, t7, t8, t9, t10, t11, t12, t13, t14);
+    $[23] = other;
+    $[24] = ref;
+    $[25] = t10;
+    $[26] = t11;
+    $[27] = t12;
+    $[28] = t13;
+    $[29] = t5;
+    $[30] = t6;
+    $[31] = t7;
+    $[32] = t8;
+    $[33] = t9;
+    $[34] = t15;
+  } else {
+    t15 = $[34];
+  }
+  return t15;
 });
 
 // rectangle
 const IconFurnitureTableRectangleSeat6Version1 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-      color = '#F5EED6'
-    } = props,
-    other = (0, _objectWithoutProperties2.default)(props, _excluded2);
-  const styles = {
-    table: {
+  const $ = (0, _compilerRuntime.c)(55);
+  let other;
+  let t0;
+  if ($[0] !== props) {
+    var _props2 = props;
+    ({
+      color: t0
+    } = _props2);
+    other = (0, _objectWithoutProperties2.default)(_props2, _excluded2);
+    _props2;
+    $[0] = props;
+    $[1] = other;
+    $[2] = t0;
+  } else {
+    other = $[1];
+    t0 = $[2];
+  }
+  const color = t0 === undefined ? "#F5EED6" : t0;
+  let t1;
+  let t2;
+  if ($[3] !== color) {
+    t1 = {
       color
-    },
-    chair: {
-      fill: (0, _utils.lighten)(color, 0.4)
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
-    ref: ref,
-    name: "FurnitureTableRectangleSeat6Version1",
-    short_name: "FurnitureTableRectangleSeat6Version1",
-    viewBox: "0 0 402 287"
-  }, other), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M91.598 62.5698H62.5364V107.031V179.709V224.17H91.598H164.247H237.753H310.402H339.464V179.709V107.031V62.5609L237.753 62.5641L164.247 62.5665L91.598 62.5698Z"
-  }, styles.table)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M237.111 4.85146L242.877 16.3969H305.269L311.044 4.85146H237.111Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M237.111 1V4.85146H311.044V1H237.111Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M164.889 4.85146V1H90.9563V4.85146H164.889Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M159.114 16.3969L164.889 4.85146H90.9563L96.7223 16.3969H159.114Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M385.618 112.157L339.464 107.031V179.709L385.618 174.574V112.157Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M397.15 106.389L385.618 112.157V174.574L397.15 180.342V106.389Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M401 106.389H397.15V180.342H401V106.389Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M16.3819 112.157L4.84101 106.389V180.351L16.3819 174.574V112.157Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M4.84101 106.389H1V180.351H4.84101V106.389Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M62.5364 107.031L16.3819 112.157V174.574L62.5364 179.709V107.031Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M159.123 270.343L164.247 224.17H91.598L96.7223 270.343H159.123Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M164.889 281.88L159.123 270.343H96.7223L90.9563 281.88H164.889Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M164.889 285.731V281.88H90.9563V285.731H164.889Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M237.753 224.17L242.877 270.343H305.269L310.402 224.17H237.753Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M242.877 270.343L237.111 281.88H311.044L305.269 270.343H242.877Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M237.111 281.88V285.731H311.044V281.88H237.111Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M96.7223 16.3969L91.598 62.5698L164.247 62.5665L159.114 16.3969H96.7223Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: "M242.877 16.3913L237.753 62.5641L310.402 62.5609L305.269 16.3913H242.877Z"
-  }, styles.chair)), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M339.464 107.031L385.618 112.157M339.464 107.031V179.709M339.464 107.031V62.5609M385.618 112.157L397.15 106.389M385.618 112.157V174.574M397.15 106.389H401V180.342H397.15M397.15 106.389V180.342M397.15 180.342L385.618 174.574M385.618 174.574L339.464 179.709M339.464 179.709V224.17M164.247 224.17L159.123 270.343M164.247 224.17H91.598M164.247 224.17H237.753M159.123 270.343L164.889 281.88M159.123 270.343H96.7223M164.889 281.88V285.731H90.9563V281.88M164.889 281.88H90.9563M90.9563 281.88L96.7223 270.343M96.7223 270.343L91.598 224.17M91.598 224.17H62.5364M62.5364 107.031L16.3819 112.157M62.5364 107.031V62.5698M62.5364 107.031V179.709M16.3819 112.157L4.84101 106.389M16.3819 112.157V174.574M4.84101 106.389H1V180.351H4.84101M4.84101 106.389V180.351M4.84101 180.351L16.3819 174.574M16.3819 174.574L62.5364 179.709M62.5364 179.709V224.17M164.247 62.5698L164.247 62.5665M159.114 16.3969L164.889 4.85146M159.114 16.3969H96.7223M159.114 16.3969L164.247 62.5665M164.889 4.85146V1H90.9563V4.85146M164.889 4.85146H90.9563M90.9563 4.85146L96.7223 16.3969M96.7223 16.3969L91.598 62.5698M91.598 62.5698H62.5364M91.598 62.5698L164.247 62.5665M237.753 224.17L242.877 270.343M237.753 224.17H310.402M242.877 270.343L237.111 281.88M242.877 270.343H305.269M237.111 281.88V285.731H311.044V281.88M237.111 281.88H311.044M311.044 281.88L305.269 270.343M305.269 270.343L310.402 224.17M310.402 224.17H339.464M62.5364 62.5698V224.17M62.5364 62.5698L164.247 62.5665M339.464 62.5609V224.17M339.464 62.5609L237.753 62.5641M339.464 224.17H62.5364M237.753 62.5698L237.753 62.5641M242.877 16.3969L237.111 4.85146M242.877 16.3969H305.269M242.877 16.3969L237.753 62.5641M237.111 4.85146V1H311.044V4.85146M237.111 4.85146H311.044M311.044 4.85146L305.269 16.3969M305.269 16.3969L310.402 62.5609M310.402 62.5609L237.753 62.5641M310.402 62.5609L305.269 16.3913H242.877L237.753 62.5641M237.753 62.5641L164.247 62.5665",
-    fill: "none",
-    stroke: "black"
-  }));
+    };
+    t2 = (0, _utils.lighten)(color, 0.4);
+    $[3] = color;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t2) {
+    t3 = {
+      fill: t2
+    };
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t1 || $[9] !== t3) {
+    t4 = {
+      table: t1,
+      chair: t3
+    };
+    $[8] = t1;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const styles = t4;
+  let t5;
+  if ($[11] !== styles.table) {
+    t5 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M91.598 62.5698H62.5364V107.031V179.709V224.17H91.598H164.247H237.753H310.402H339.464V179.709V107.031V62.5609L237.753 62.5641L164.247 62.5665L91.598 62.5698Z"
+    }, styles.table));
+    $[11] = styles.table;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t17;
+  let t18;
+  let t19;
+  let t20;
+  let t21;
+  let t22;
+  let t23;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[13] !== styles.chair) {
+    t6 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M237.111 4.85146L242.877 16.3969H305.269L311.044 4.85146H237.111Z"
+    }, styles.chair));
+    t7 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M237.111 1V4.85146H311.044V1H237.111Z"
+    }, styles.chair));
+    t8 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M164.889 4.85146V1H90.9563V4.85146H164.889Z"
+    }, styles.chair));
+    t9 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M159.114 16.3969L164.889 4.85146H90.9563L96.7223 16.3969H159.114Z"
+    }, styles.chair));
+    t10 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M385.618 112.157L339.464 107.031V179.709L385.618 174.574V112.157Z"
+    }, styles.chair));
+    t11 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M397.15 106.389L385.618 112.157V174.574L397.15 180.342V106.389Z"
+    }, styles.chair));
+    t12 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M401 106.389H397.15V180.342H401V106.389Z"
+    }, styles.chair));
+    t13 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M16.3819 112.157L4.84101 106.389V180.351L16.3819 174.574V112.157Z"
+    }, styles.chair));
+    t14 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M4.84101 106.389H1V180.351H4.84101V106.389Z"
+    }, styles.chair));
+    t15 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M62.5364 107.031L16.3819 112.157V174.574L62.5364 179.709V107.031Z"
+    }, styles.chair));
+    t16 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M159.123 270.343L164.247 224.17H91.598L96.7223 270.343H159.123Z"
+    }, styles.chair));
+    t17 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M164.889 281.88L159.123 270.343H96.7223L90.9563 281.88H164.889Z"
+    }, styles.chair));
+    t18 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M164.889 285.731V281.88H90.9563V285.731H164.889Z"
+    }, styles.chair));
+    t19 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M237.753 224.17L242.877 270.343H305.269L310.402 224.17H237.753Z"
+    }, styles.chair));
+    t20 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M242.877 270.343L237.111 281.88H311.044L305.269 270.343H242.877Z"
+    }, styles.chair));
+    t21 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M237.111 281.88V285.731H311.044V281.88H237.111Z"
+    }, styles.chair));
+    t22 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M96.7223 16.3969L91.598 62.5698L164.247 62.5665L159.114 16.3969H96.7223Z"
+    }, styles.chair));
+    t23 = /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
+      d: "M242.877 16.3913L237.753 62.5641L310.402 62.5609L305.269 16.3913H242.877Z"
+    }, styles.chair));
+    $[13] = styles.chair;
+    $[14] = t10;
+    $[15] = t11;
+    $[16] = t12;
+    $[17] = t13;
+    $[18] = t14;
+    $[19] = t15;
+    $[20] = t16;
+    $[21] = t17;
+    $[22] = t18;
+    $[23] = t19;
+    $[24] = t20;
+    $[25] = t21;
+    $[26] = t22;
+    $[27] = t23;
+    $[28] = t6;
+    $[29] = t7;
+    $[30] = t8;
+    $[31] = t9;
+  } else {
+    t10 = $[14];
+    t11 = $[15];
+    t12 = $[16];
+    t13 = $[17];
+    t14 = $[18];
+    t15 = $[19];
+    t16 = $[20];
+    t17 = $[21];
+    t18 = $[22];
+    t19 = $[23];
+    t20 = $[24];
+    t21 = $[25];
+    t22 = $[26];
+    t23 = $[27];
+    t6 = $[28];
+    t7 = $[29];
+    t8 = $[30];
+    t9 = $[31];
+  }
+  let t24;
+  if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+    t24 = /*#__PURE__*/_react.default.createElement("path", {
+      d: "M339.464 107.031L385.618 112.157M339.464 107.031V179.709M339.464 107.031V62.5609M385.618 112.157L397.15 106.389M385.618 112.157V174.574M397.15 106.389H401V180.342H397.15M397.15 106.389V180.342M397.15 180.342L385.618 174.574M385.618 174.574L339.464 179.709M339.464 179.709V224.17M164.247 224.17L159.123 270.343M164.247 224.17H91.598M164.247 224.17H237.753M159.123 270.343L164.889 281.88M159.123 270.343H96.7223M164.889 281.88V285.731H90.9563V281.88M164.889 281.88H90.9563M90.9563 281.88L96.7223 270.343M96.7223 270.343L91.598 224.17M91.598 224.17H62.5364M62.5364 107.031L16.3819 112.157M62.5364 107.031V62.5698M62.5364 107.031V179.709M16.3819 112.157L4.84101 106.389M16.3819 112.157V174.574M4.84101 106.389H1V180.351H4.84101M4.84101 106.389V180.351M4.84101 180.351L16.3819 174.574M16.3819 174.574L62.5364 179.709M62.5364 179.709V224.17M164.247 62.5698L164.247 62.5665M159.114 16.3969L164.889 4.85146M159.114 16.3969H96.7223M159.114 16.3969L164.247 62.5665M164.889 4.85146V1H90.9563V4.85146M164.889 4.85146H90.9563M90.9563 4.85146L96.7223 16.3969M96.7223 16.3969L91.598 62.5698M91.598 62.5698H62.5364M91.598 62.5698L164.247 62.5665M237.753 224.17L242.877 270.343M237.753 224.17H310.402M242.877 270.343L237.111 281.88M242.877 270.343H305.269M237.111 281.88V285.731H311.044V281.88M237.111 281.88H311.044M311.044 281.88L305.269 270.343M305.269 270.343L310.402 224.17M310.402 224.17H339.464M62.5364 62.5698V224.17M62.5364 62.5698L164.247 62.5665M339.464 62.5609V224.17M339.464 62.5609L237.753 62.5641M339.464 224.17H62.5364M237.753 62.5698L237.753 62.5641M242.877 16.3969L237.111 4.85146M242.877 16.3969H305.269M242.877 16.3969L237.753 62.5641M237.111 4.85146V1H311.044V4.85146M237.111 4.85146H311.044M311.044 4.85146L305.269 16.3969M305.269 16.3969L310.402 62.5609M310.402 62.5609L237.753 62.5641M310.402 62.5609L305.269 16.3913H242.877L237.753 62.5641M237.753 62.5641L164.247 62.5665",
+      fill: "none",
+      stroke: "black"
+    });
+    $[32] = t24;
+  } else {
+    t24 = $[32];
+  }
+  let t25;
+  if ($[33] !== other || $[34] !== ref || $[35] !== t10 || $[36] !== t11 || $[37] !== t12 || $[38] !== t13 || $[39] !== t14 || $[40] !== t15 || $[41] !== t16 || $[42] !== t17 || $[43] !== t18 || $[44] !== t19 || $[45] !== t20 || $[46] !== t21 || $[47] !== t22 || $[48] !== t23 || $[49] !== t5 || $[50] !== t6 || $[51] !== t7 || $[52] !== t8 || $[53] !== t9) {
+    t25 = /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
+      ref: ref,
+      name: "FurnitureTableRectangleSeat6Version1",
+      short_name: "FurnitureTableRectangleSeat6Version1",
+      viewBox: "0 0 402 287"
+    }, other), t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, t16, t17, t18, t19, t20, t21, t22, t23, t24);
+    $[33] = other;
+    $[34] = ref;
+    $[35] = t10;
+    $[36] = t11;
+    $[37] = t12;
+    $[38] = t13;
+    $[39] = t14;
+    $[40] = t15;
+    $[41] = t16;
+    $[42] = t17;
+    $[43] = t18;
+    $[44] = t19;
+    $[45] = t20;
+    $[46] = t21;
+    $[47] = t22;
+    $[48] = t23;
+    $[49] = t5;
+    $[50] = t6;
+    $[51] = t7;
+    $[52] = t8;
+    $[53] = t9;
+    $[54] = t25;
+  } else {
+    t25 = $[54];
+  }
+  return t25;
 });
 const useStyle = (0, _styleReact.style)(theme => ({
   root: {
@@ -313,100 +588,31 @@ const useStyle = (0, _styleReact.style)(theme => ({
 // info
 // 1. icons (freecads.com)
 const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
-  var _itemOpen$props, _itemOpen$props2, _itemOpen$props3, _itemOpen$props4, _itemOpen$props5;
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7, _theme$elements8, _theme$elements9, _theme$elements0, _theme$elements1, _theme$elements10, _theme$elements11, _theme$elements12, _theme$elements13, _theme$elements14, _theme$elements15, _theme$elements16, _theme$elements17, _theme$elements18, _theme$elements19, _theme$elements20, _itemOpen$props, _itemOpen$props2, _itemOpen$props3, _itemOpen$props4, _itemOpen$props5;
   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.onesySpace) === 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 Checkbox = _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.Checkbox) || _Checkbox.default;
-  }, [theme]);
-  const ColorTextField = _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.ColorTextField) || _ColorTextField.default;
-  }, [theme]);
-  const Divider = _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.Divider) || _Divider.default;
-  }, [theme]);
-  const Fab = _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.Fab) || _Fab.default;
-  }, [theme]);
-  const Form = _react.default.useMemo(() => {
-    var _theme$elements6;
-    return (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Form) || _Form.default;
-  }, [theme]);
-  const FormRow = _react.default.useMemo(() => {
-    var _theme$elements7;
-    return (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.FormRow) || _FormRow.default;
-  }, [theme]);
-  const IconButton = _react.default.useMemo(() => {
-    var _theme$elements8;
-    return (theme === null || theme === void 0 || (_theme$elements8 = theme.elements) === null || _theme$elements8 === void 0 ? void 0 : _theme$elements8.IconButton) || _IconButton.default;
-  }, [theme]);
-  const Label = _react.default.useMemo(() => {
-    var _theme$elements9;
-    return (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.Label) || _Label.default;
-  }, [theme]);
-  const List = _react.default.useMemo(() => {
-    var _theme$elements0;
-    return (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.List) || _List.default;
-  }, [theme]);
-  const ListItem = _react.default.useMemo(() => {
-    var _theme$elements1;
-    return (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.ListItem) || _ListItem.default;
-  }, [theme]);
-  const NavigationDrawer = _react.default.useMemo(() => {
-    var _theme$elements10;
-    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.NavigationDrawer) || _NavigationDrawer.default;
-  }, [theme]);
-  const NumericTextField = _react.default.useMemo(() => {
-    var _theme$elements11;
-    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.NumericTextField) || _NumericTextField.default;
-  }, [theme]);
-  const Select = _react.default.useMemo(() => {
-    var _theme$elements12;
-    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.Select) || _Select.default;
-  }, [theme]);
-  const Slider = _react.default.useMemo(() => {
-    var _theme$elements13;
-    return (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.Slider) || _Slider.default;
-  }, [theme]);
-  const SmartTextField = _react.default.useMemo(() => {
-    var _theme$elements14;
-    return (theme === null || theme === void 0 || (_theme$elements14 = theme.elements) === null || _theme$elements14 === void 0 ? void 0 : _theme$elements14.SmartTextField) || _SmartTextField.default;
-  }, [theme]);
-  const Switch = _react.default.useMemo(() => {
-    var _theme$elements15;
-    return (theme === null || theme === void 0 || (_theme$elements15 = theme.elements) === null || _theme$elements15 === void 0 ? void 0 : _theme$elements15.Switch) || _Switch.default;
-  }, [theme]);
-  const TextField = _react.default.useMemo(() => {
-    var _theme$elements16;
-    return (theme === null || theme === void 0 || (_theme$elements16 = theme.elements) === null || _theme$elements16 === void 0 ? void 0 : _theme$elements16.TextField) || _TextField.default;
-  }, [theme]);
-  const Tooltip = _react.default.useMemo(() => {
-    var _theme$elements17;
-    return (theme === null || theme === void 0 || (_theme$elements17 = theme.elements) === null || _theme$elements17 === void 0 ? void 0 : _theme$elements17.Tooltip) || _Tooltip.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements18;
-    return (theme === null || theme === void 0 || (_theme$elements18 = theme.elements) === null || _theme$elements18 === void 0 ? void 0 : _theme$elements18.Type) || _Type.default;
-  }, [theme]);
-  const Surface = _react.default.useMemo(() => {
-    var _theme$elements19;
-    return (theme === null || theme === void 0 || (_theme$elements19 = theme.elements) === null || _theme$elements19 === void 0 ? void 0 : _theme$elements19.Surface) || _Surface.default;
-  }, [theme]);
-  const HTMLCanvas = _react.default.useMemo(() => {
-    var _theme$elements20;
-    return (theme === null || theme === void 0 || (_theme$elements20 = theme.elements) === null || _theme$elements20 === void 0 ? void 0 : _theme$elements20.HTMLCanvas) || _HTMLCanvas.default;
-  }, [theme]);
+  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.onesySpace) === 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 Checkbox = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Checkbox) || _Checkbox.default;
+  const ColorTextField = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.ColorTextField) || _ColorTextField.default;
+  const Divider = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Divider) || _Divider.default;
+  const Fab = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Fab) || _Fab.default;
+  const Form = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Form) || _Form.default;
+  const FormRow = (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.FormRow) || _FormRow.default;
+  const IconButton = (theme === null || theme === void 0 || (_theme$elements8 = theme.elements) === null || _theme$elements8 === void 0 ? void 0 : _theme$elements8.IconButton) || _IconButton.default;
+  const Label = (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.Label) || _Label.default;
+  const List = (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.List) || _List.default;
+  const ListItem = (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.ListItem) || _ListItem.default;
+  const NavigationDrawer = (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.NavigationDrawer) || _NavigationDrawer.default;
+  const NumericTextField = (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.NumericTextField) || _NumericTextField.default;
+  const Select = (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.Select) || _Select.default;
+  const Slider = (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.Slider) || _Slider.default;
+  const SmartTextField = (theme === null || theme === void 0 || (_theme$elements14 = theme.elements) === null || _theme$elements14 === void 0 ? void 0 : _theme$elements14.SmartTextField) || _SmartTextField.default;
+  const Switch = (theme === null || theme === void 0 || (_theme$elements15 = theme.elements) === null || _theme$elements15 === void 0 ? void 0 : _theme$elements15.Switch) || _Switch.default;
+  const TextField = (theme === null || theme === void 0 || (_theme$elements16 = theme.elements) === null || _theme$elements16 === void 0 ? void 0 : _theme$elements16.TextField) || _TextField.default;
+  const Tooltip = (theme === null || theme === void 0 || (_theme$elements17 = theme.elements) === null || _theme$elements17 === void 0 ? void 0 : _theme$elements17.Tooltip) || _Tooltip.default;
+  const Type = (theme === null || theme === void 0 || (_theme$elements18 = theme.elements) === null || _theme$elements18 === void 0 ? void 0 : _theme$elements18.Type) || _Type.default;
+  const Surface = (theme === null || theme === void 0 || (_theme$elements19 = theme.elements) === null || _theme$elements19 === void 0 ? void 0 : _theme$elements19.Surface) || _Surface.default;
+  const HTMLCanvas = (theme === null || theme === void 0 || (_theme$elements20 = theme.elements) === null || _theme$elements20 === void 0 ? void 0 : _theme$elements20.HTMLCanvas) || _HTMLCanvas.default;
   const {
       size = 'regular',
       minSize = 0.0001,
@@ -508,275 +714,275 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   refs.floors.current = floors;
   refs.defaults.current = defaults;
   refs.disabled.current = disabled;
-  const onItemsResolve = _react.default.useCallback(items_ => {
+  const onItemsResolve = items_ => {
     // sort
     items_.sort((a, b) => a.order - b.order);
     return items_;
-  }, []);
-  const onGroupSelect = _react.default.useCallback((item, event) => {
+  };
+  const onGroupSelect = (item, event) => {
     event.stopPropagation();
     setSelectedGroup(item === refs.selectedGroup.current ? null : item);
 
     // reset
     setSelected(null);
-  }, []);
-  const onItemSelect = _react.default.useCallback(item => {
+  };
+  const onItemSelect = item_0 => {
     const itemsSelectedNew = _objectSpread({}, refs.itemsSelected.current);
-    const exists = itemsSelectedNew[item.id];
-    if (exists) delete itemsSelectedNew[item.id];else itemsSelectedNew[item.id] = item;
+    const exists = itemsSelectedNew[item_0.id];
+    if (exists) delete itemsSelectedNew[item_0.id];else itemsSelectedNew[item_0.id] = item_0;
     setItemsSelected(itemsSelectedNew);
-  }, []);
-  const onItemsGroup = _react.default.useCallback(() => {
+  };
+  const onItemsGroup = () => {
     let itemsNew = [...refs.items.current];
     const group = `Group ${refs.groupCounter.current++}`;
     let minOrder = Number.MAX_SAFE_INTEGER;
     const itemsGroup = [];
     const ordersGroup = [];
-    itemsNew.forEach(item => {
-      if (refs.itemsSelected.current[item.id]) {
-        item.group = group;
-        itemsGroup.push(item);
-        ordersGroup.push(item.order);
-        minOrder = Math.min(minOrder, item.order);
+    itemsNew.forEach(item_1 => {
+      if (refs.itemsSelected.current[item_1.id]) {
+        item_1.group = group;
+        itemsGroup.push(item_1);
+        ordersGroup.push(item_1.order);
+        minOrder = Math.min(minOrder, item_1.order);
       }
     });
     const start = itemsNew.filter(item_ => item_.order < minOrder);
-    const end = itemsNew.filter(item_ => item_.order > minOrder && !ordersGroup.includes(item_.order));
-    itemsNew = [...start, ...itemsGroup, ...end].map((item_, index) => {
-      item_.order = index + 1;
-      return item_;
+    const end = itemsNew.filter(item__0 => item__0.order > minOrder && !ordersGroup.includes(item__0.order));
+    itemsNew = [...start, ...itemsGroup, ...end].map((item__1, index) => {
+      item__1.order = index + 1;
+      return item__1;
     });
     setItems(onItemsResolve(itemsNew));
     setItemsSelected([]);
-  }, []);
-  const onItemsUngroup = _react.default.useCallback(group => {
-    const itemsNew = [...refs.items.current];
-    itemsNew.forEach(item => {
-      if (item.group === group) delete item.group;
+  };
+  const onItemsUngroup = group_0 => {
+    const itemsNew_0 = [...refs.items.current];
+    itemsNew_0.forEach(item_2 => {
+      if (item_2.group === group_0) delete item_2.group;
     });
-    setItems(itemsNew);
-  }, []);
-  const onItemMakeCopy = _react.default.useCallback((item = refs.itemOpen.current) => {
-    const itemNew = _objectSpread(_objectSpread({}, (0, _utils.copy)(item)), {}, {
+    setItems(itemsNew_0);
+  };
+  const onItemMakeCopy = (item_3 = refs.itemOpen.current) => {
+    const itemNew = _objectSpread(_objectSpread({}, (0, _utils.copy)(item_3)), {}, {
       id: (0, _utils.getID)(),
-      name: `${item.name} copy`
+      name: `${item_3.name} copy`
     });
     itemNew.props['data-element'] = true;
     itemNew.props['data-id'] = itemNew.id;
     itemNew.props['data-name'] = itemNew.name;
     itemNew.props.style.left -= itemNew.props.style.width + 40;
-    const itemsNew = [...refs.items.current];
-    itemsNew.push(itemNew);
-    setItems(onItemsResolve(itemsNew));
-  }, []);
-  const onItemMove = _react.default.useCallback((item, orderPrevious, orderNew, event) => {
-    event === null || event === void 0 || event.preventDefault();
-    event === null || event === void 0 || event.stopPropagation();
+    const itemsNew_1 = [...refs.items.current];
+    itemsNew_1.push(itemNew);
+    setItems(onItemsResolve(itemsNew_1));
+  };
+  const onItemMove = (item_4, orderPrevious, orderNew, event_0) => {
+    event_0 === null || event_0 === void 0 || event_0.preventDefault();
+    event_0 === null || event_0 === void 0 || event_0.stopPropagation();
     const itemsPrevious = refs.items.current;
-    let itemsNew = [];
-    let itemNew = itemsPrevious.find(item_ => item_.order === orderNew);
+    let itemsNew_2 = [];
+    let itemNew_0 = itemsPrevious.find(item__2 => item__2.order === orderNew);
     const up = orderNew < orderPrevious;
-    if (itemNew.group || item.isGroup) {
-      const partTo = itemNew.group ? itemsPrevious.filter(item_ => item_.group === itemNew.group) : [itemNew];
-      const partFrom = item.isGroup ? itemsPrevious.filter(item_ => item_.group === item.group) : [item];
-      if (up) itemsNew.push(...partFrom, ...partTo);else itemsNew.push(...partTo, ...partFrom);
+    if (itemNew_0.group || item_4.isGroup) {
+      const partTo = itemNew_0.group ? itemsPrevious.filter(item__3 => item__3.group === itemNew_0.group) : [itemNew_0];
+      const partFrom = item_4.isGroup ? itemsPrevious.filter(item__4 => item__4.group === item_4.group) : [item_4];
+      if (up) itemsNew_2.push(...partFrom, ...partTo);else itemsNew_2.push(...partTo, ...partFrom);
 
       // start, end order
-      const orderSmallest = Math.min(...itemsNew.map(item_ => item_.order));
-      const orderLargest = Math.max(...itemsNew.map(item_ => item_.order));
-      const start = itemsPrevious.filter(item_ => item_.order < orderSmallest);
-      const end = itemsPrevious.filter(item_ => item_.order > orderLargest);
-      itemsNew = [...start, ...itemsNew, ...end].map((item_, index) => {
-        item_.order = index + 1;
-        return item_;
+      const orderSmallest = Math.min(...itemsNew_2.map(item__5 => item__5.order));
+      const orderLargest = Math.max(...itemsNew_2.map(item__6 => item__6.order));
+      const start_0 = itemsPrevious.filter(item__7 => item__7.order < orderSmallest);
+      const end_0 = itemsPrevious.filter(item__8 => item__8.order > orderLargest);
+      itemsNew_2 = [...start_0, ...itemsNew_2, ...end_0].map((item__9, index_0) => {
+        item__9.order = index_0 + 1;
+        return item__9;
       });
     } else {
       let itemPrevious;
-      itemsPrevious.forEach(item_ => {
-        if (item_.order === orderPrevious) itemPrevious = item_;
-        if (item_.order === orderNew) itemNew = item_;
+      itemsPrevious.forEach(item__10 => {
+        if (item__10.order === orderPrevious) itemPrevious = item__10;
+        if (item__10.order === orderNew) itemNew_0 = item__10;
       });
       itemPrevious.order = orderNew;
-      itemNew.order = orderPrevious;
-      itemsNew = [...itemsPrevious];
+      itemNew_0.order = orderPrevious;
+      itemsNew_2 = [...itemsPrevious];
     }
-    setItems(onItemsResolve(itemsNew));
-  }, []);
-  const onUpdateGuidelines = _react.default.useCallback(valueNew => {
+    setItems(onItemsResolve(itemsNew_2));
+  };
+  const onUpdateGuidelines = valueNew => {
     setGuidelines(valueNew);
-  }, []);
-  const onUpdateUnit = _react.default.useCallback(valueNew => {
-    setUnit(valueNew);
-  }, []);
-  const onOpenOpenOptions = _react.default.useCallback(() => {
+  };
+  const onUpdateUnit = valueNew_0 => {
+    setUnit(valueNew_0);
+  };
+  const onOpenOpenOptions = () => {
     setItemOpen(false);
     setOpenOptions(true);
-  }, []);
-  const onCloseOpenOptions = _react.default.useCallback(() => {
+  };
+  const onCloseOpenOptions = () => {
     setOpenOptions(false);
-  }, []);
-  const onChangeKeepAspectRatio = _react.default.useCallback(valueNew => {
-    setKeepAspectRatio(valueNew);
-  }, []);
-  const getUnitValue = _react.default.useCallback(valueNew_ => {
+  };
+  const onChangeKeepAspectRatio = valueNew_1 => {
+    setKeepAspectRatio(valueNew_1);
+  };
+  const getUnitValue = valueNew_ => {
     if (['', ' ', '+', '-', 'e', 'e+', 'e-', undefined, null].includes(valueNew_)) return valueNew_;
-    let valueNew = +valueNew_;
+    let valueNew_2 = +valueNew_;
     const unit_ = refs.unit.current;
-    if (!valueNew) valueNew = (0, _utils.clamp)(+valueNew_, refs.minSize.current, refs.maxSize.current);
-    valueNew = unit_ === 'px' ? +valueNew : +valueNew / refs.units.current.m;
-    valueNew = (0, _utils.clamp)(+valueNew % 1 > 0 ? +valueNew.toFixed(4) : valueNew, refs.minSize.current, refs.maxSize.current);
+    if (!valueNew_2) valueNew_2 = (0, _utils.clamp)(+valueNew_, refs.minSize.current, refs.maxSize.current);
+    valueNew_2 = unit_ === 'px' ? +valueNew_2 : +valueNew_2 / refs.units.current.m;
+    valueNew_2 = (0, _utils.clamp)(+valueNew_2 % 1 > 0 ? +valueNew_2.toFixed(4) : valueNew_2, refs.minSize.current, refs.maxSize.current);
     if ((String(valueNew_).startsWith('-0') || String(valueNew_).includes('.')) && (0, _utils.clamp)(+valueNew_, refs.minSize.current, refs.maxSize.current) === +valueNew_) return valueNew_;
-    return !valueNew ? (0, _utils.clamp)(+valueNew, refs.minSize.current, refs.maxSize.current) : valueNew;
-  }, []);
-  const toUnitValue = _react.default.useCallback((valueNew_, raw = false) => {
-    if (['', ' ', '+', '-', 'e', 'e+', 'e-', undefined, null].includes(valueNew_)) return valueNew_;
-    let valueNew = valueNew_;
-    const unit_ = refs.unit.current;
-    if (!valueNew) valueNew = (0, _utils.clamp)(+valueNew_, refs.minSize.current, refs.maxSize.current);
-    valueNew = unit_ === 'px' ? +valueNew : +valueNew * refs.units.current.m;
-    valueNew = (0, _utils.clamp)(+valueNew % 1 > 0 ? +valueNew.toFixed(4) : valueNew, refs.minSize.current, refs.maxSize.current);
-    if (raw && (String(valueNew_).startsWith('-0') || String(valueNew_).includes('.')) && (0, _utils.clamp)(+valueNew_, refs.minSize.current, refs.maxSize.current) === +valueNew_) return valueNew_;
-    return valueNew;
-  }, []);
-  const onItemCenter = _react.default.useCallback(item => {
+    return !valueNew_2 ? (0, _utils.clamp)(+valueNew_2, refs.minSize.current, refs.maxSize.current) : valueNew_2;
+  };
+  const toUnitValue = (valueNew__0, raw = false) => {
+    if (['', ' ', '+', '-', 'e', 'e+', 'e-', undefined, null].includes(valueNew__0)) return valueNew__0;
+    let valueNew_3 = valueNew__0;
+    const unit__0 = refs.unit.current;
+    if (!valueNew_3) valueNew_3 = (0, _utils.clamp)(+valueNew__0, refs.minSize.current, refs.maxSize.current);
+    valueNew_3 = unit__0 === 'px' ? +valueNew_3 : +valueNew_3 * refs.units.current.m;
+    valueNew_3 = (0, _utils.clamp)(+valueNew_3 % 1 > 0 ? +valueNew_3.toFixed(4) : valueNew_3, refs.minSize.current, refs.maxSize.current);
+    if (raw && (String(valueNew__0).startsWith('-0') || String(valueNew__0).includes('.')) && (0, _utils.clamp)(+valueNew__0, refs.minSize.current, refs.maxSize.current) === +valueNew__0) return valueNew__0;
+    return valueNew_3;
+  };
+  const onItemCenter = item_5 => {
     const root = refs.root.current;
     const positions_ = refs.positions.current;
-    const style_ = item.props.style;
+    const style_ = item_5.props.style;
     const {
       left,
       top,
       width,
       height
     } = style_;
-    const valueNew = _objectSpread(_objectSpread({}, refs.positions.current), {}, {
+    const valueNew_4 = _objectSpread(_objectSpread({}, refs.positions.current), {}, {
       left: left * positions_.zoom * -1 + root.clientWidth / 2 - width * positions_.zoom / 2,
       top: top * positions_.zoom * -1 + root.clientHeight / 2 - height * positions_.zoom / 2
     });
-    refs.methods.current.updatePositions(valueNew);
-  }, []);
-  const onItemOpen = _react.default.useCallback(item => {
-    setSelected(item === null || item === void 0 ? void 0 : item.id);
-    setItemOpen(item);
+    refs.methods.current.updatePositions(valueNew_4);
+  };
+  const onItemOpen = item_6 => {
+    setSelected(item_6 === null || item_6 === void 0 ? void 0 : item_6.id);
+    setItemOpen(item_6);
 
     // center
-    onItemCenter(item);
+    onItemCenter(item_6);
 
     // reset
     setSelectedGroup(null);
-  }, []);
-  const onItemClose = _react.default.useCallback(() => {
+  };
+  const onItemClose = () => {
     setItemOpen(null);
-  }, []);
-  const onElementSearch = _react.default.useCallback(value => {
+  };
+  const onElementSearch = value => {
     setElementSearch(value);
-  }, []);
-  const onElementSearchClear = _react.default.useCallback(() => {
+  };
+  const onElementSearchClear = () => {
     setElementSearch('');
-  }, []);
-  const onItemRemove = _react.default.useCallback(id => {
+  };
+  const onItemRemove = id => {
     var _refs$itemOpen$curren;
-    const item = refs.items.current.find(item_ => item_.id === id);
-    if (item) setItems(previous => onItemsResolve(previous.filter(item_ => !(item_.id === id || refs.selectedGroup.current && refs.selectedGroup.current === item.group && item.group && item_.group === item.group))));
+    const item_7 = refs.items.current.find(item__11 => item__11.id === id);
+    if (item_7) setItems(previous => onItemsResolve(previous.filter(item__12 => !(item__12.id === id || refs.selectedGroup.current && refs.selectedGroup.current === item_7.group && item_7.group && item__12.group === item_7.group))));
     if (((_refs$itemOpen$curren = refs.itemOpen.current) === null || _refs$itemOpen$curren === void 0 ? void 0 : _refs$itemOpen$curren.id) === id) {
       setItemOpen(null);
     }
-  }, []);
-  const onKeyUp = _react.default.useCallback(() => {
+  };
+  const onKeyUp = () => {
     refs.keyDown.current = null;
     refs.previousMouseEvent.current = undefined;
-  }, []);
-  const onKeyDown = _react.default.useCallback(event => {
-    if (event.key === 'Backspace') {
+  };
+  const onKeyDown = event_1 => {
+    if (event_1.key === 'Backspace') {
       var _window$document$acti;
       const activeElement = (_window$document$acti = window.document.activeElement) === null || _window$document$acti === void 0 ? void 0 : _window$document$acti.nodeName;
       if (refs.selected.current && !(activeElement && ['input', 'h4'].includes(activeElement.toLowerCase()))) onItemRemove(refs.selected.current);
     }
-    refs.keyDown.current = event.key;
-  }, []);
-  const onMouseUp = _react.default.useCallback(() => {
+    refs.keyDown.current = event_1.key;
+  };
+  const onMouseUp = () => {
     refs.mouseDown.current = null;
     refs.previousMouseEvent.current = undefined;
-  }, []);
-  const onMouseDown = _react.default.useCallback(event => {
-    const target = event.target;
+  };
+  const onMouseDown = event_2 => {
+    const target = event_2.target;
     const element = target.closest('[data-element]');
     if (element) {
-      const item = refs.items.current.find(item_ => item_.id === element.dataset.id);
-      if (item) {
+      const item_8 = refs.items.current.find(item__13 => item__13.id === element.dataset.id);
+      if (item_8) {
         refs.mouseDown.current = {
-          id: item.id,
-          item,
+          id: item_8.id,
+          item: item_8,
           element
         };
       }
     }
-  }, []);
-  const onTouchStart = _react.default.useCallback(event => {
-    const target = event.target;
-    const element = target.closest('[data-element]');
-    if (element) {
+  };
+  const onTouchStart = event_3 => {
+    const target_0 = event_3.target;
+    const element_0 = target_0.closest('[data-element]');
+    if (element_0) {
       refs.mouseDown.current = {
-        id: element.dataset.id,
-        element
+        id: element_0.dataset.id,
+        element: element_0
       };
     }
-  }, []);
-  const onMoveItem = _react.default.useCallback((x, y) => {
+  };
+  const onMoveItem = (x, y) => {
     const mouseDown = refs.mouseDown.current;
     if (mouseDown) {
-      setItems(previous => {
-        const id = mouseDown.id;
-        const item = previous.find(item_ => item_.id === id);
+      setItems(previous_0 => {
+        const id_0 = mouseDown.id;
+        const item_9 = previous_0.find(item__14 => item__14.id === id_0);
         let updated = 0;
-        const itemsNew = [...previous].map(item_ => {
-          if (item_.id === id || refs.selectedGroup.current && refs.selectedGroup.current === item.group && item.group && item_.group === item.group) {
-            item_.props.style.left += x;
-            item_.props.style.top += y;
+        const itemsNew_3 = [...previous_0].map(item__15 => {
+          if (item__15.id === id_0 || refs.selectedGroup.current && refs.selectedGroup.current === item_9.group && item_9.group && item__15.group === item_9.group) {
+            item__15.props.style.left += x;
+            item__15.props.style.top += y;
             updated++;
           }
-          return item_;
+          return item__15;
         });
-        if (!!updated) return itemsNew;
-        return previous;
+        if (!!updated) return itemsNew_3;
+        return previous_0;
       });
     }
-  }, []);
-  const onMove = _react.default.useCallback((x_, y_, event) => {
+  };
+  const onMove = (x_, y_, event_4) => {
     if (refs.mouseDown.current && refs.previousMouseEvent.current && !refs.disabled.current) {
       const {
         clientX: xPrevious,
         clientY: yPrevious
       } = refs.previousMouseEvent.current;
       const zoomAdjusted = 1 / refs.positions.current.zoom;
-      const x = (x_ - xPrevious) * zoomAdjusted;
-      const y = (y_ - yPrevious) * zoomAdjusted;
-      onMoveItem(x, y);
+      const x_0 = (x_ - xPrevious) * zoomAdjusted;
+      const y_0 = (y_ - yPrevious) * zoomAdjusted;
+      onMoveItem(x_0, y_0);
     }
-  }, []);
-  const onMouseMove = _react.default.useCallback(event => {
+  };
+  const onMouseMove = event_5 => {
     if (!refs.keyDown.current && refs.mouseDown.current && !refs.disabled.current) {
       const {
         clientY,
         clientX
-      } = event;
-      onMove(clientX, clientY, event);
-      refs.previousMouseEvent.current = event;
+      } = event_5;
+      onMove(clientX, clientY, event_5);
+      refs.previousMouseEvent.current = event_5;
     }
-  }, []);
-  const onTouchMove = _react.default.useCallback(event => {
+  };
+  const onTouchMove = event_6 => {
     if (!refs.keyDown.current && refs.mouseDown.current && !refs.disabled.current) {
       const {
-        clientY,
-        clientX
-      } = event.touches[0];
-      onMove(clientX, clientY, event);
-      refs.previousMouseEvent.current = event;
+        clientY: clientY_0,
+        clientX: clientX_0
+      } = event_6.touches[0];
+      onMove(clientX_0, clientY_0, event_6);
+      refs.previousMouseEvent.current = event_6;
 
       // Normalize for use as a mouseDown value
-      refs.previousMouseEvent.current.clientY = clientY;
-      refs.previousMouseEvent.current.clientX = clientX;
+      refs.previousMouseEvent.current.clientY = clientY_0;
+      refs.previousMouseEvent.current.clientX = clientX_0;
     }
-  }, []);
+  };
   _react.default.useEffect(() => {
     var _refs$root$current;
     onElementSearchClear();
@@ -798,101 +1004,101 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       rootDocument.removeEventListener('touchend', onMouseUp);
     };
   }, []);
-  const onOpenNavigation = _react.default.useCallback(() => {
+  const onOpenNavigation = () => {
     setOpenOptions(false);
     setItemOpen(false);
     setOpenNavigation(true);
-  }, []);
-  const onCloseNavigation = _react.default.useCallback(() => {
+  };
+  const onCloseNavigation = () => {
     setOpenNavigation(false);
     setTimeout(() => {
       setItemOpen(null);
     }, 140);
-  }, []);
-  const onOpenMenu = _react.default.useCallback(() => {
+  };
+  const onOpenMenu = () => {
     setOpenMenu(true);
-  }, []);
-  const onCloseMenu = _react.default.useCallback(() => {
+  };
+  const onCloseMenu = () => {
     setOpenMenu(false);
-  }, []);
-  const onChangeHTMLCanvas = _react.default.useCallback(valueNew => {
-    setPositions(valueNew);
-    refs.positions.current = valueNew;
-  }, []);
-  const onClickSpace = _react.default.useCallback(event => {
-    const target = event.target;
-    const element = target.closest('[data-element]');
-    if (element) {
-      const id = element.dataset.id;
-      if (refs.selected.current !== id) {
-        const item = refs.items.current.find(item_ => item_.id === id);
-        setSelected(id);
-        if (refs.itemOpen.current) setItemOpen(item);
+  };
+  const onChangeHTMLCanvas = valueNew_5 => {
+    setPositions(valueNew_5);
+    refs.positions.current = valueNew_5;
+  };
+  const onClickSpace = event_7 => {
+    const target_1 = event_7.target;
+    const element_1 = target_1.closest('[data-element]');
+    if (element_1) {
+      const id_1 = element_1.dataset.id;
+      if (refs.selected.current !== id_1) {
+        const item_10 = refs.items.current.find(item__16 => item__16.id === id_1);
+        setSelected(id_1);
+        if (refs.itemOpen.current) setItemOpen(item_10);
 
         // reset
-        if (item.group !== refs.selectedGroup.current) setSelectedGroup(null);
+        if (item_10.group !== refs.selectedGroup.current) setSelectedGroup(null);
       }
     } else {
       setSelected(null);
       setSelectedGroup(null);
     }
-  }, []);
-  const onItemClick = _react.default.useCallback((item, event) => {
-    if (event.detail === 2) {
-      setSelected(item.id);
-      setItemOpen(item);
+  };
+  const onItemClick = (item_11, event_8) => {
+    if (event_8.detail === 2) {
+      setSelected(item_11.id);
+      setItemOpen(item_11);
       setOpenNavigation(true);
       setOpenMenu(false);
 
       // reset
-      if (item.group !== refs.selectedGroup.current) setSelectedGroup(null);
+      if (item_11.group !== refs.selectedGroup.current) setSelectedGroup(null);
     }
-  }, []);
-  const onItemUpdate = _react.default.useCallback((valueNew, item = refs.itemOpen.current) => {
-    const itemsNew = [...refs.items.current];
-    const index = itemsNew.findIndex(item_ => item_.id === item.id);
-    if (index > -1) {
-      var _valueNew$props, _valueNew$props2;
-      const itemToUpdate = itemsNew[index];
+  };
+  const onItemUpdate = (valueNew_6, item_12 = refs.itemOpen.current) => {
+    const itemsNew_4 = [...refs.items.current];
+    const index_1 = itemsNew_4.findIndex(item__17 => item__17.id === item_12.id);
+    if (index_1 > -1) {
+      var _valueNew_6$props, _valueNew_6$props2;
+      const itemToUpdate = itemsNew_4[index_1];
       const ratio = itemToUpdate.props.style.width / itemToUpdate.props.style.height;
-      if (valueNew.name !== undefined) itemToUpdate.name = valueNew.name;
-      if (valueNew.id_custom !== undefined) itemToUpdate.id_custom = valueNew.id_custom;
-      if (valueNew.selectable !== undefined) itemToUpdate.selectable = valueNew.selectable;
-      if (valueNew.description !== undefined) itemToUpdate.description = valueNew.description;
-      if (valueNew.width !== undefined) itemToUpdate.width = valueNew.width;
-      if (valueNew.height !== undefined) itemToUpdate.height = valueNew.height;
-      if (valueNew.backgroundImage !== undefined) itemToUpdate.backgroundImage = valueNew.backgroundImage;
-      if (((_valueNew$props = valueNew.props) === null || _valueNew$props === void 0 ? void 0 : _valueNew$props.color) !== undefined) itemToUpdate.props.color = valueNew.props.color;
-      const backgroundImage = valueNew.backgroundImage !== undefined ? valueNew.backgroundImage : item.backgroundImage !== undefined ? item.backgroundImage : null;
+      if (valueNew_6.name !== undefined) itemToUpdate.name = valueNew_6.name;
+      if (valueNew_6.id_custom !== undefined) itemToUpdate.id_custom = valueNew_6.id_custom;
+      if (valueNew_6.selectable !== undefined) itemToUpdate.selectable = valueNew_6.selectable;
+      if (valueNew_6.description !== undefined) itemToUpdate.description = valueNew_6.description;
+      if (valueNew_6.width !== undefined) itemToUpdate.width = valueNew_6.width;
+      if (valueNew_6.height !== undefined) itemToUpdate.height = valueNew_6.height;
+      if (valueNew_6.backgroundImage !== undefined) itemToUpdate.backgroundImage = valueNew_6.backgroundImage;
+      if (((_valueNew_6$props = valueNew_6.props) === null || _valueNew_6$props === void 0 ? void 0 : _valueNew_6$props.color) !== undefined) itemToUpdate.props.color = valueNew_6.props.color;
+      const backgroundImage = valueNew_6.backgroundImage !== undefined ? valueNew_6.backgroundImage : item_12.backgroundImage !== undefined ? item_12.backgroundImage : null;
       if (backgroundImage) {
         itemToUpdate.props.style.backgroundImage = `url(/assets/svg/space/floor/${backgroundImage}.svg)`;
         itemToUpdate.props.style.backgroundSize = 70;
       } else {
         itemToUpdate.props.style.backgroundImage = itemToUpdate.props.style.backgroundSize = null;
       }
-      if (valueNew.rotate !== undefined) itemToUpdate.rotate = valueNew.rotate;
-      itemToUpdate.props.style.transform = `rotate(${valueNew.rotate !== undefined ? valueNew.rotate : item.rotate !== undefined ? item.rotate : 0}deg)`;
-      itemToUpdate.props.style = _objectSpread(_objectSpread({}, itemToUpdate.props.style), (_valueNew$props2 = valueNew.props) === null || _valueNew$props2 === void 0 ? void 0 : _valueNew$props2.style);
-      if (!['icon'].includes(item.type) && refs.keepAspectRatio.current) {
-        var _valueNew$props3, _valueNew$props6;
-        if ((_valueNew$props3 = valueNew.props) !== null && _valueNew$props3 !== void 0 && (_valueNew$props3 = _valueNew$props3.style) !== null && _valueNew$props3 !== void 0 && _valueNew$props3.width) {
-          var _valueNew$props4, _valueNew$props5;
-          let valueHeight = ((_valueNew$props4 = valueNew.props) === null || _valueNew$props4 === void 0 || (_valueNew$props4 = _valueNew$props4.style) === null || _valueNew$props4 === void 0 ? void 0 : _valueNew$props4.width) / ratio;
+      if (valueNew_6.rotate !== undefined) itemToUpdate.rotate = valueNew_6.rotate;
+      itemToUpdate.props.style.transform = `rotate(${valueNew_6.rotate !== undefined ? valueNew_6.rotate : item_12.rotate !== undefined ? item_12.rotate : 0}deg)`;
+      itemToUpdate.props.style = _objectSpread(_objectSpread({}, itemToUpdate.props.style), (_valueNew_6$props2 = valueNew_6.props) === null || _valueNew_6$props2 === void 0 ? void 0 : _valueNew_6$props2.style);
+      if (!['icon'].includes(item_12.type) && refs.keepAspectRatio.current) {
+        var _valueNew_6$props3, _valueNew_6$props6;
+        if ((_valueNew_6$props3 = valueNew_6.props) !== null && _valueNew_6$props3 !== void 0 && (_valueNew_6$props3 = _valueNew_6$props3.style) !== null && _valueNew_6$props3 !== void 0 && _valueNew_6$props3.width) {
+          var _valueNew_6$props4, _valueNew_6$props5;
+          let valueHeight = ((_valueNew_6$props4 = valueNew_6.props) === null || _valueNew_6$props4 === void 0 || (_valueNew_6$props4 = _valueNew_6$props4.style) === null || _valueNew_6$props4 === void 0 ? void 0 : _valueNew_6$props4.width) / ratio;
           valueHeight = (0, _utils.clamp)(+valueHeight, refs.minSize.current, refs.maxSize.current);
           itemToUpdate.props.style.height = itemToUpdate.height = valueHeight % 1 > 0 ? +valueHeight.toFixed(4) : valueHeight;
-          if (Number.isNaN(itemToUpdate.props.style.height)) itemToUpdate.props.style.height = itemToUpdate.height = (_valueNew$props5 = valueNew.props) === null || _valueNew$props5 === void 0 || (_valueNew$props5 = _valueNew$props5.style) === null || _valueNew$props5 === void 0 ? void 0 : _valueNew$props5.width;
+          if (Number.isNaN(itemToUpdate.props.style.height)) itemToUpdate.props.style.height = itemToUpdate.height = (_valueNew_6$props5 = valueNew_6.props) === null || _valueNew_6$props5 === void 0 || (_valueNew_6$props5 = _valueNew_6$props5.style) === null || _valueNew_6$props5 === void 0 ? void 0 : _valueNew_6$props5.width;
         }
-        if ((_valueNew$props6 = valueNew.props) !== null && _valueNew$props6 !== void 0 && (_valueNew$props6 = _valueNew$props6.style) !== null && _valueNew$props6 !== void 0 && _valueNew$props6.height) {
-          var _valueNew$props7, _valueNew$props8;
-          let valueWidth = ((_valueNew$props7 = valueNew.props) === null || _valueNew$props7 === void 0 || (_valueNew$props7 = _valueNew$props7.style) === null || _valueNew$props7 === void 0 ? void 0 : _valueNew$props7.height) * ratio;
+        if ((_valueNew_6$props6 = valueNew_6.props) !== null && _valueNew_6$props6 !== void 0 && (_valueNew_6$props6 = _valueNew_6$props6.style) !== null && _valueNew_6$props6 !== void 0 && _valueNew_6$props6.height) {
+          var _valueNew_6$props7, _valueNew_6$props8;
+          let valueWidth = ((_valueNew_6$props7 = valueNew_6.props) === null || _valueNew_6$props7 === void 0 || (_valueNew_6$props7 = _valueNew_6$props7.style) === null || _valueNew_6$props7 === void 0 ? void 0 : _valueNew_6$props7.height) * ratio;
           valueWidth = (0, _utils.clamp)(+valueWidth, refs.minSize.current, refs.maxSize.current);
           itemToUpdate.props.style.width = itemToUpdate.width = valueWidth % 1 > 0 ? +valueWidth.toFixed(4) : valueWidth;
-          if (Number.isNaN(itemToUpdate.props.style.width)) itemToUpdate.props.style.width = itemToUpdate.width = (_valueNew$props8 = valueNew.props) === null || _valueNew$props8 === void 0 || (_valueNew$props8 = _valueNew$props8.style) === null || _valueNew$props8 === void 0 ? void 0 : _valueNew$props8.height;
+          if (Number.isNaN(itemToUpdate.props.style.width)) itemToUpdate.props.style.width = itemToUpdate.width = (_valueNew_6$props8 = valueNew_6.props) === null || _valueNew_6$props8 === void 0 || (_valueNew_6$props8 = _valueNew_6$props8.style) === null || _valueNew_6$props8 === void 0 ? void 0 : _valueNew_6$props8.height;
         }
       }
-      setItems(onItemsResolve(itemsNew));
+      setItems(onItemsResolve(itemsNew_4));
     }
-  }, []);
+  };
   const optionsMenu = _react.default.useMemo(() => {
     var _refs$defaults$curren, _refs$defaults$curren2;
     return [
@@ -965,52 +1171,52 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }];
   }, []);
   const elementsMenu = _react.default.useMemo(() => {
-    const valueNew = [...optionsMenu].filter(item => item.name.toLowerCase().includes(elementSearch.toLowerCase()));
-    return valueNew;
+    const valueNew_7 = [...optionsMenu].filter(item_13 => item_13.name.toLowerCase().includes(elementSearch.toLowerCase()));
+    return valueNew_7;
   }, [optionsMenu, elementSearch]);
-  const getElement = _react.default.useCallback(item => {
-    var _item$props, _item$props2;
+  const getElement = item_14 => {
+    var _item_14$props, _item_14$props2;
     const otherElementProps = {
       onMouseDown,
       onTouchStart,
-      onClick: event => onItemClick(item, event)
+      onClick: event_9 => onItemClick(item_14, event_9)
     };
-    const positions_ = refs.positions.current;
-    const textZoomAdjusted = 1 / positions_.zoom;
-    const isSelected = selected === item.id || refs.selectedGroup.current && refs.selectedGroup.current === item.group;
+    const positions__0 = refs.positions.current;
+    const textZoomAdjusted = 1 / positions__0.zoom;
+    const isSelected = selected === item_14.id || refs.selectedGroup.current && refs.selectedGroup.current === item_14.group;
     const textOtherProps = {
       style: {
         transform: `scale(${textZoomAdjusted})`
         // transform: `scale(${textZoomAdjusted}) rotate(-${item.rotate}deg)`
       }
     };
-    const rootStyle = _objectSpread({}, (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.style);
+    const rootStyle = _objectSpread({}, (_item_14$props = item_14.props) === null || _item_14$props === void 0 ? void 0 : _item_14$props.style);
     let rootElement = null;
     const styleIcon = {
       transform: 'unset'
     };
-    if (item.version === 'table-oval-seat-4-1') {
+    if (item_14.version === 'table-oval-seat-4-1') {
       rootElement = /*#__PURE__*/_react.default.createElement(IconFurnitureTableOvalSeat4Version1, {
-        color: item.props.color,
-        style: _objectSpread(_objectSpread({}, item.props.style), styleIcon)
+        color: item_14.props.color,
+        style: _objectSpread(_objectSpread({}, item_14.props.style), styleIcon)
       });
     }
-    if (item.version === 'table-rectangle-seat-6-1') {
+    if (item_14.version === 'table-rectangle-seat-6-1') {
       rootElement = /*#__PURE__*/_react.default.createElement(IconFurnitureTableRectangleSeat6Version1, {
-        color: item.props.color,
-        style: _objectSpread(_objectSpread({}, item.props.style), styleIcon)
+        color: item_14.props.color,
+        style: _objectSpread(_objectSpread({}, item_14.props.style), styleIcon)
       });
     }
-    if (['icon'].includes(item.type)) {
+    if (['icon'].includes(item_14.type)) {
       delete rootStyle.width;
       delete rootStyle.height;
     }
-    const widthText = `${item.props.style.width % 1 > 0 ? getUnitValue(item.props.style.width) : (0, _utils.numberWithCommas)(getUnitValue(item.props.style.width))}${refs.unit.current}`;
-    const heightText = `${item.props.style.height % 1 > 0 ? getUnitValue(item.props.style.height) : (0, _utils.numberWithCommas)(getUnitValue(item.props.style.height))}${refs.unit.current}`;
+    const widthText = `${item_14.props.style.width % 1 > 0 ? getUnitValue(item_14.props.style.width) : (0, _utils.numberWithCommas)(getUnitValue(item_14.props.style.width))}${refs.unit.current}`;
+    const heightText = `${item_14.props.style.height % 1 > 0 ? getUnitValue(item_14.props.style.height) : (0, _utils.numberWithCommas)(getUnitValue(item_14.props.style.height))}${refs.unit.current}`;
     return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      key: item.id
-    }, item.props, otherElementProps, {
-      className: (0, _styleReact.classNames)([(_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.className, isSelected && classes.itemSelected]),
+      key: item_14.id
+    }, item_14.props, otherElementProps, {
+      className: (0, _styleReact.classNames)([(_item_14$props2 = item_14.props) === null || _item_14$props2 === void 0 ? void 0 : _item_14$props2.className, isSelected && classes.itemSelected]),
       style: _objectSpread({}, rootStyle)
     }), rootElement, isSelected && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
       version: "b3",
@@ -1019,101 +1225,101 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       className: classes.metaName
     }, textOtherProps, {
       dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item.name)
+        __html: (0, _utils.textToInnerHTML)(item_14.name)
       }
     })), /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
       version: "b3",
       align: "center",
       color: "info",
       className: classes.meteSize
-    }, textOtherProps), ['shape'].includes(item.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, widthText, " x ", heightText), ['icon'].includes(item.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Width: ", widthText))));
-  }, [selected, onMouseDown, onTouchStart]);
-  const getThumbnail = _react.default.useCallback(item => {
-    let element = null;
-    if (['rectangle', 'oval'].includes(item.version)) {
-      element = /*#__PURE__*/_react.default.createElement(Line, {
-        style: _objectSpread(_objectSpread({}, item.props.style), {}, {
+    }, textOtherProps), ['shape'].includes(item_14.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, widthText, " x ", heightText), ['icon'].includes(item_14.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Width: ", widthText))));
+  };
+  const getThumbnail = item_15 => {
+    let element_2 = null;
+    if (['rectangle', 'oval'].includes(item_15.version)) {
+      element_2 = /*#__PURE__*/_react.default.createElement(Line, {
+        style: _objectSpread(_objectSpread({}, item_15.props.style), {}, {
           width: '100%',
           height: '100%'
         })
       });
     }
-    const styleIcon = {
+    const styleIcon_0 = {
       maxWidth: '100%',
       maxHeight: '100%',
       height: '100%',
       width: '100%'
     };
-    if (item.version === 'table-oval-seat-4-1') {
-      element = /*#__PURE__*/_react.default.createElement(IconFurnitureTableOvalSeat4Version1, {
-        style: _objectSpread(_objectSpread({}, item.props.style), styleIcon)
+    if (item_15.version === 'table-oval-seat-4-1') {
+      element_2 = /*#__PURE__*/_react.default.createElement(IconFurnitureTableOvalSeat4Version1, {
+        style: _objectSpread(_objectSpread({}, item_15.props.style), styleIcon_0)
       });
     }
-    if (item.version === 'table-rectangle-seat-6-1') {
-      element = /*#__PURE__*/_react.default.createElement(IconFurnitureTableRectangleSeat6Version1, {
-        style: _objectSpread(_objectSpread({}, item.props.style), styleIcon)
+    if (item_15.version === 'table-rectangle-seat-6-1') {
+      element_2 = /*#__PURE__*/_react.default.createElement(IconFurnitureTableRectangleSeat6Version1, {
+        style: _objectSpread(_objectSpread({}, item_15.props.style), styleIcon_0)
       });
     }
     return /*#__PURE__*/_react.default.createElement(Line, {
       align: "center",
       justify: "center",
       className: classes.elementImage
-    }, element);
-  }, []);
-  const onAdd = _react.default.useCallback(item => {
-    const itemToAdd = (0, _utils.copy)(item);
+    }, element_2);
+  };
+  const onAdd = item_16 => {
+    const itemToAdd = (0, _utils.copy)(item_16);
     itemToAdd.name = `${itemToAdd.name} ${refs.items.current.length ? refs.items.current.length + 1 : ''}`.trim();
     const {
       zoom = 1,
-      left = 0,
-      top = 0
+      left: left_0 = 0,
+      top: top_0 = 0
     } = refs.positions.current;
-    setItems(previous => {
-      var _previous, _itemToAdd$props;
-      const id = (0, _utils.getID)();
-      const width = itemToAdd.props.style.width;
-      const height = itemToAdd.props.style.height;
+    setItems(previous_1 => {
+      var _previous_, _itemToAdd$props;
+      const id_2 = (0, _utils.getID)();
+      const width_0 = itemToAdd.props.style.width;
+      const height_0 = itemToAdd.props.style.height;
       const object = _objectSpread(_objectSpread({
-        id
+        id: id_2
       }, itemToAdd), {}, {
-        width,
-        height,
+        width: width_0,
+        height: height_0,
         rotate: 0,
-        order: (((_previous = previous[previous.length - 1]) === null || _previous === void 0 ? void 0 : _previous.order) || 0) + 1,
+        order: (((_previous_ = previous_1[previous_1.length - 1]) === null || _previous_ === void 0 ? void 0 : _previous_.order) || 0) + 1,
         props: _objectSpread(_objectSpread({}, itemToAdd.props), {}, {
           'data-onesy': true,
           'data-element': true,
-          'data-id': id,
+          'data-id': id_2,
           'data-name': itemToAdd.name,
           className: (0, _styleReact.classNames)([(_itemToAdd$props = itemToAdd.props) === null || _itemToAdd$props === void 0 ? void 0 : _itemToAdd$props.className, classes.item]),
           style: _objectSpread(_objectSpread({}, itemToAdd.props.style), {}, {
-            width,
-            height,
-            left: Math.abs(left) / zoom,
-            top: Math.abs(top) / zoom
+            width: width_0,
+            height: height_0,
+            left: Math.abs(left_0) / zoom,
+            top: Math.abs(top_0) / zoom
           })
         })
       });
-      return onItemsResolve([...previous, object]);
+      return onItemsResolve([...previous_1, object]);
     });
-  }, []);
+  };
   const optionsBackgroundImage = _react.default.useMemo(() => {
     const options = refs.floors.current;
-    return options.map(item => _objectSpread(_objectSpread({}, item), {}, {
+    return options.map(item_17 => _objectSpread(_objectSpread({}, item_17), {}, {
       name: /*#__PURE__*/_react.default.createElement("div", {
         style: {
           width: 20,
           height: 20,
-          backgroundImage: `url(${item.url})`,
-          bacgkroundSize: '17px'
+          backgroundImage: `url(${item_17.url})`,
+          backgroundSize: '17px'
         }
       })
     }));
   }, []);
-  const onStopPropagation = _react.default.useCallback(event => {
-    event.stopPropagation();
-  }, []);
-  const indexItemOpen = itemOpen && items.findIndex(item_ => item_ === itemOpen);
+  const onStopPropagation = event_10 => {
+    event_10.stopPropagation();
+  };
+  const indexItemOpen = itemOpen && items.findIndex(item__18 => item__18 === itemOpen);
   const formRowProps = {
     fullWidth: true,
     MainProps: {
@@ -1127,17 +1333,17 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         items: []
       }
     };
-    items.forEach(item => {
-      const group = item.group || '';
-      if (!result[group]) result[group] = {
+    items.forEach(item_18 => {
+      const group_1 = item_18.group || '';
+      if (!result[group_1]) result[group_1] = {
         index: Number.MAX_SAFE_INTEGER,
         items: []
       };
-      result[group].items.push(item);
+      result[group_1].items.push(item_18);
     });
-    Object.values(result).forEach(item => {
-      item.index = Math.min(...item.items.map(item_ => item_.index));
-      item.items.sort((a, b) => b.index - a.index);
+    Object.values(result).forEach(item_19 => {
+      item_19.index = Math.min(...item_19.items.map(item__19 => item__19.index));
+      item_19.items.sort((a_0, b_0) => b_0.index - a_0.index);
     });
     const mainItems = [...result[''].items];
     Object.keys(result).forEach(key => {
@@ -1149,7 +1355,7 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         }, result[key]));
       }
     });
-    mainItems.sort((a, b) => a.order - b.order);
+    mainItems.sort((a_1, b_1) => a_1.order - b_1.order);
     return mainItems;
   }, [items, selectedGroup, selected]);
   const itemOpenType = itemOpen === null || itemOpen === void 0 ? void 0 : itemOpen.type;
@@ -1159,18 +1365,18 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       paddingVertical: "none",
       noBackground: true,
       className: classes.list
-    }, itemsPrepared.map((item, index) => {
-      const groupSelected = refs.selectedGroup.current === item.group;
-      const someSelected = groupSelected || item.isGroup && item.items.some(item_ => item_.id === refs.selected.current);
-      let orderStart = index;
-      let orderEnd = index;
-      if (item.isGroup) {
-        orderStart = item.items[0].order;
-        orderEnd = item.items[item.items.length - 1].order;
+    }, itemsPrepared.map((item_20, index_2) => {
+      const groupSelected = refs.selectedGroup.current === item_20.group;
+      const someSelected = groupSelected || item_20.isGroup && item_20.items.some(item__20 => item__20.id === refs.selected.current);
+      let orderStart = index_2;
+      let orderEnd = index_2;
+      if (item_20.isGroup) {
+        orderStart = item_20.items[0].order;
+        orderEnd = item_20.items[item_20.items.length - 1].order;
       }
-      return item.isGroup ? /*#__PURE__*/_react.default.createElement(Form, {
-        key: index,
-        name: item.group,
+      return item_20.isGroup ? /*#__PURE__*/_react.default.createElement(Form, {
+        key: index_2,
+        name: item_20.group,
         openDefault: someSelected,
         end: /*#__PURE__*/_react.default.createElement(Line, {
           gap: 0,
@@ -1179,25 +1385,25 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         }, /*#__PURE__*/_react.default.createElement(Tooltip, {
           name: "Move in front"
         }, /*#__PURE__*/_react.default.createElement(IconButton, {
-          onClick: event => onItemMove(item, orderEnd, orderEnd + 1, event),
+          onClick: event_11 => onItemMove(item_20, orderEnd, orderEnd + 1, event_11),
           size: "small",
           disabled: orderEnd >= items.length
         }, /*#__PURE__*/_react.default.createElement(IconArrowDown, null))), /*#__PURE__*/_react.default.createElement(Tooltip, {
           name: "Move behind"
         }, /*#__PURE__*/_react.default.createElement(IconButton, {
-          onClick: event => onItemMove(item, orderStart, orderStart - 1, event),
+          onClick: event_12 => onItemMove(item_20, orderStart, orderStart - 1, event_12),
           size: "small",
           disabled: orderStart <= 1
         }, /*#__PURE__*/_react.default.createElement(IconArrowUp, null))), /*#__PURE__*/_react.default.createElement(Tooltip, {
           name: "Ungroup"
         }, /*#__PURE__*/_react.default.createElement(IconButton, {
           size: "small",
-          onClick: () => onItemsUngroup(item.group)
+          onClick: () => onItemsUngroup(item_20.group)
         }, /*#__PURE__*/_react.default.createElement(IconUngroup, null))), /*#__PURE__*/_react.default.createElement(Tooltip, {
           name: `${groupSelected ? 'Unselect' : 'Select'} group`
         }, /*#__PURE__*/_react.default.createElement(IconButton, {
           size: "small",
-          onClick: event => onGroupSelect(item.group, event),
+          onClick: event_13 => onGroupSelect(item_20.group, event_13),
           color: groupSelected ? 'success' : 'default',
           selected: groupSelected
         }, /*#__PURE__*/_react.default.createElement(IconGroupSelect, null)))),
@@ -1208,7 +1414,7 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         wrapper: true,
         accordion: true,
         className: classes.accordion
-      }, item.items.map((itemGroup, indexItemGroup) => {
+      }, item_20.items.map((itemGroup, indexItemGroup) => {
         return /*#__PURE__*/_react.default.createElement(ListItem, {
           key: itemGroup.id,
           primary: /*#__PURE__*/_react.default.createElement(Type, {
@@ -1224,13 +1430,13 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
           }, /*#__PURE__*/_react.default.createElement(Tooltip, {
             name: "Move in front"
           }, /*#__PURE__*/_react.default.createElement(IconButton, {
-            onClick: event => onItemMove(itemGroup, itemGroup.order, itemGroup.order + 1, event),
+            onClick: event_14 => onItemMove(itemGroup, itemGroup.order, itemGroup.order + 1, event_14),
             size: "small",
-            disabled: indexItemGroup >= item.items.length - 1
+            disabled: indexItemGroup >= item_20.items.length - 1
           }, /*#__PURE__*/_react.default.createElement(IconArrowDown, null))), /*#__PURE__*/_react.default.createElement(Tooltip, {
             name: "Move behind"
           }, /*#__PURE__*/_react.default.createElement(IconButton, {
-            onClick: event => onItemMove(itemGroup, itemGroup.order, itemGroup.order - 1, event),
+            onClick: event_15 => onItemMove(itemGroup, itemGroup.order, itemGroup.order - 1, event_15),
             size: "small",
             disabled: !indexItemGroup
           }, /*#__PURE__*/_react.default.createElement(IconArrowUp, null)))),
@@ -1241,17 +1447,17 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
           noBackground: true
         });
       })) : /*#__PURE__*/_react.default.createElement(ListItem, {
-        key: item.id,
-        start: !item.group && !item.isGroup && /*#__PURE__*/_react.default.createElement(Checkbox, {
-          value: !!itemsSelected[item.id],
-          onChange: () => onItemSelect(item),
+        key: item_20.id,
+        start: !item_20.group && !item_20.isGroup && /*#__PURE__*/_react.default.createElement(Checkbox, {
+          value: !!itemsSelected[item_20.id],
+          onChange: () => onItemSelect(item_20),
           onClick: onStopPropagation,
           size: "small"
         }),
         primary: /*#__PURE__*/_react.default.createElement(Type, {
           version: "b2",
           dangerouslySetInnerHTML: {
-            __html: (0, _utils.textToInnerHTML)(item.name)
+            __html: (0, _utils.textToInnerHTML)(item_20.name)
           }
         }),
         end: /*#__PURE__*/_react.default.createElement(Line, {
@@ -1261,18 +1467,18 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         }, /*#__PURE__*/_react.default.createElement(Tooltip, {
           name: "Move in front"
         }, /*#__PURE__*/_react.default.createElement(IconButton, {
-          onClick: event => onItemMove(item, item.order, item.order + 1, event),
+          onClick: event_16 => onItemMove(item_20, item_20.order, item_20.order + 1, event_16),
           size: "small",
-          disabled: index >= items.length - 1
+          disabled: index_2 >= items.length - 1
         }, /*#__PURE__*/_react.default.createElement(IconArrowDown, null))), /*#__PURE__*/_react.default.createElement(Tooltip, {
           name: "Move behind"
         }, /*#__PURE__*/_react.default.createElement(IconButton, {
-          onClick: event => onItemMove(item, item.order, item.order - 1, event),
+          onClick: event_17 => onItemMove(item_20, item_20.order, item_20.order - 1, event_17),
           size: "small",
-          disabled: !index
+          disabled: !index_2
         }, /*#__PURE__*/_react.default.createElement(IconArrowUp, null)))),
-        onClick: () => onItemOpen(item),
-        selected: item.id === refs.selected.current,
+        onClick: () => onItemOpen(item_20),
+        selected: item_20.id === refs.selected.current,
         size: "small",
         button: true,
         noBackground: true
@@ -1318,22 +1524,22 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       priority: "secondary"
     }, itemOpen.group), /*#__PURE__*/_react.default.createElement(Label, {
       value: itemOpen === null || itemOpen === void 0 ? void 0 : itemOpen.selectable,
-      onChange: valueNew => onItemUpdate({
-        selectable: valueNew
+      onChange: valueNew_8 => onItemUpdate({
+        selectable: valueNew_8
       })
     }, /*#__PURE__*/_react.default.createElement(Checkbox, null), "Selectable"), /*#__PURE__*/_react.default.createElement(TextField, {
       name: "Custom ID",
       value: (itemOpen === null || itemOpen === void 0 ? void 0 : itemOpen.id_custom) || '',
-      onChange: valueNew => onItemUpdate({
-        id_custom: valueNew
+      onChange: valueNew_9 => onItemUpdate({
+        id_custom: valueNew_9
       }),
       size: "small",
       fullWidth: true
     }), /*#__PURE__*/_react.default.createElement(SmartTextField, {
       name: "Description",
       valueDefault: (0, _utils.textToInnerHTML)(itemOpen === null || itemOpen === void 0 ? void 0 : itemOpen.description) || '',
-      onChange: valueNew => onItemUpdate({
-        description: valueNew
+      onChange: valueNew_10 => onItemUpdate({
+        description: valueNew_10
       }),
       minRows: 4,
       multiline: true,
@@ -1346,11 +1552,11 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }, formRowProps), /*#__PURE__*/_react.default.createElement(NumericTextField, {
       name: "Width",
       value: getUnitValue(itemOpen.width),
-      onChange: valueNew => onItemUpdate({
-        width: toUnitValue(valueNew, true),
+      onChange: valueNew_11 => onItemUpdate({
+        width: toUnitValue(valueNew_11, true),
         props: {
           style: {
-            width: toUnitValue(valueNew)
+            width: toUnitValue(valueNew_11)
           }
         }
       }),
@@ -1361,11 +1567,11 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }), ['shape'].includes(itemOpenType) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(NumericTextField, {
       name: "Height",
       value: getUnitValue(itemOpen.height),
-      onChange: valueNew => onItemUpdate({
-        height: toUnitValue(valueNew, true),
+      onChange: valueNew_12 => onItemUpdate({
+        height: toUnitValue(valueNew_12, true),
         props: {
           style: {
-            height: toUnitValue(valueNew)
+            height: toUnitValue(valueNew_12)
           }
         }
       }),
@@ -1385,8 +1591,8 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       }
     }, formRowProps), /*#__PURE__*/_react.default.createElement(Slider, {
       value: itemOpen.rotate || 0,
-      onChange: valueNew => onItemUpdate({
-        rotate: valueNew
+      onChange: valueNew_13 => onItemUpdate({
+        rotate: valueNew_13
       }),
       min: 0,
       max: 360,
@@ -1417,9 +1623,9 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }, formRowProps), /*#__PURE__*/_react.default.createElement(ColorTextField, {
       name: "Color",
       value: itemOpen === null || itemOpen === void 0 || (_itemOpen$props = itemOpen.props) === null || _itemOpen$props === void 0 ? void 0 : _itemOpen$props.color,
-      onChange: valueNew => onItemUpdate({
+      onChange: valueNew_14 => onItemUpdate({
         props: {
-          color: valueNew
+          color: valueNew_14
         }
       })
     }))), ['shape'].includes(itemOpenType) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FormRow, (0, _extends2.default)({
@@ -1428,24 +1634,24 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }, formRowProps), /*#__PURE__*/_react.default.createElement(Select, {
       name: "Texture",
       value: itemOpen === null || itemOpen === void 0 ? void 0 : itemOpen.backgroundImage,
-      onChange: valueNew => onItemUpdate({
-        backgroundImage: valueNew
+      onChange: valueNew_15 => onItemUpdate({
+        backgroundImage: valueNew_15
       }),
       fullWidth: true,
       className: classes.select
-    }, optionsBackgroundImage.map(item => /*#__PURE__*/_react.default.createElement(ListItem, {
-      key: item.value,
-      primary: item.name,
-      value: item.value,
+    }, optionsBackgroundImage.map(item_21 => /*#__PURE__*/_react.default.createElement(ListItem, {
+      key: item_21.value,
+      primary: item_21.name,
+      value: item_21.value,
       button: true,
       size: "small"
     }))), /*#__PURE__*/_react.default.createElement(ColorTextField, {
       name: "Color",
       value: itemOpen === null || itemOpen === void 0 || (_itemOpen$props2 = itemOpen.props) === null || _itemOpen$props2 === void 0 || (_itemOpen$props2 = _itemOpen$props2.style) === null || _itemOpen$props2 === void 0 ? void 0 : _itemOpen$props2.backgroundColor,
-      onChange: valueNew => onItemUpdate({
+      onChange: valueNew_16 => onItemUpdate({
         props: {
           style: {
-            backgroundColor: valueNew
+            backgroundColor: valueNew_16
           }
         }
       }),
@@ -1456,10 +1662,10 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }, formRowProps), /*#__PURE__*/_react.default.createElement(NumericTextField, {
       name: "Width",
       value: getUnitValue(itemOpen === null || itemOpen === void 0 || (_itemOpen$props3 = itemOpen.props) === null || _itemOpen$props3 === void 0 || (_itemOpen$props3 = _itemOpen$props3.style) === null || _itemOpen$props3 === void 0 ? void 0 : _itemOpen$props3.borderWidth),
-      onChange: valueNew => onItemUpdate({
+      onChange: valueNew_17 => onItemUpdate({
         props: {
           style: {
-            borderWidth: toUnitValue(valueNew)
+            borderWidth: toUnitValue(valueNew_17)
           }
         }
       }),
@@ -1470,27 +1676,27 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }), /*#__PURE__*/_react.default.createElement(Select, {
       name: "Style",
       value: itemOpen === null || itemOpen === void 0 || (_itemOpen$props4 = itemOpen.props) === null || _itemOpen$props4 === void 0 || (_itemOpen$props4 = _itemOpen$props4.style) === null || _itemOpen$props4 === void 0 ? void 0 : _itemOpen$props4.borderStyle,
-      onChange: valueNew => onItemUpdate({
+      onChange: valueNew_18 => onItemUpdate({
         props: {
           style: {
-            borderStyle: valueNew
+            borderStyle: valueNew_18
           }
         }
       }),
-      options: ['solid', 'dashed', 'dotted', 'double', 'groove', 'inset', 'outset', 'ridge', 'none'].map(item => ({
-        name: (0, _utils.cleanValue)(item, {
+      options: ['solid', 'dashed', 'dotted', 'double', 'groove', 'inset', 'outset', 'ridge', 'none'].map(item_22 => ({
+        name: (0, _utils.cleanValue)(item_22, {
           capitalize: true
         }),
-        value: item
+        value: item_22
       })),
       fullWidth: true
     }), /*#__PURE__*/_react.default.createElement(ColorTextField, {
       name: "Color",
       value: itemOpen === null || itemOpen === void 0 || (_itemOpen$props5 = itemOpen.props) === null || _itemOpen$props5 === void 0 || (_itemOpen$props5 = _itemOpen$props5.style) === null || _itemOpen$props5 === void 0 ? void 0 : _itemOpen$props5.borderColor,
-      onChange: valueNew => onItemUpdate({
+      onChange: valueNew_19 => onItemUpdate({
         props: {
           style: {
-            borderColor: valueNew
+            borderColor: valueNew_19
           }
         }
       }),
@@ -1543,12 +1749,12 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     })))
   };
   return /*#__PURE__*/_react.default.createElement(Surface, (0, _extends2.default)({
-    ref: item => {
+    ref: item_23 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);
-        ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_23);
+        ref.current = item_23;
       }
-      refs.root.current = item;
+      refs.root.current = item_23;
     },
     color: "default",
     gap: 0,
@@ -1580,7 +1786,7 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       ref: refs.container,
       onClick: onClickSpace
     }
-  }, items.map(item => getElement(item))), /*#__PURE__*/_react.default.createElement(Line, {
+  }, items.map(item_24 => getElement(item_24))), /*#__PURE__*/_react.default.createElement(Line, {
     direction: "row",
     justify: "flex-end",
     className: classes.actionsEnd
@@ -1622,8 +1828,8 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }, /*#__PURE__*/_react.default.createElement(IconArrowBack, null))), itemOpen ? /*#__PURE__*/_react.default.createElement(SmartTextField, {
     placeholder: "Name",
     value: (0, _utils.textToInnerHTML)(itemOpen.name),
-    onChange: valueNew => onItemUpdate({
-      name: valueNew
+    onChange: valueNew_20 => onItemUpdate({
+      name: valueNew_20
     }),
     additional: {
       version: 't3'
@@ -1703,16 +1909,16 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       className: classes.main
     },
     fullWidth: true
-  }, elementsMenu === null || elementsMenu === void 0 ? void 0 : elementsMenu.map((item, index) => /*#__PURE__*/_react.default.createElement(Line, {
-    key: index,
+  }, elementsMenu === null || elementsMenu === void 0 ? void 0 : elementsMenu.map((item_25, index_3) => /*#__PURE__*/_react.default.createElement(Line, {
+    key: index_3,
     gap: 1.4,
     align: "center",
-    onClick: () => onAdd(item),
+    onClick: () => onAdd(item_25),
     className: classes.element
-  }, getThumbnail(item), /*#__PURE__*/_react.default.createElement(Type, {
+  }, getThumbnail(item_25), /*#__PURE__*/_react.default.createElement(Type, {
     version: "b3",
     align: "center"
-  }, item.name))))))));
+  }, item_25.name))))))));
 });
 Space.displayName = 'onesy-Space';
 var _default = exports.default = Space;