@helpdice/ui 2.5.8-beta.0 → 2.5.9

package/dist/tree/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var theme = require('@helpdice/theme');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -16,14 +17,13 @@ function _arrayWithHoles(r) {
 function _arrayWithoutHoles(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
 }
 function _iterableToArray(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
@@ -58,6 +58,27 @@ function _nonIterableRest() {
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
 function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o,
@@ -84,6 +105,20 @@ function _slicedToArray(r, e) {
 function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -642,7 +677,7 @@ var TreeFileIcon = function TreeFileIcon(_ref) {
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 22 : _ref$height;
   var theme$1 = theme.useTheme();
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     viewBox: "0 0 24 24",
     width: width,
     height: height,
@@ -652,17 +687,19 @@ var TreeFileIcon = function TreeFileIcon(_ref) {
     strokeLinejoin: "round",
     fill: "none",
     shapeRendering: "geometricPrecision",
-    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9z",
-    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13 2v7h7",
-    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4043754792",
-    dynamic: [color || theme$1.palette.accents_8]
-  }, "svg.__jsx-style-dynamic-selector{color:".concat(color || theme$1.palette.accents_8, ";}")));
+    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]]),
+    children: [/*#__PURE__*/jsxRuntime.jsx("path", {
+      d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9z",
+      className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
+    }), /*#__PURE__*/jsxRuntime.jsx("path", {
+      d: "M13 2v7h7",
+      className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "4043754792",
+      dynamic: [color || theme$1.palette.accents_8],
+      children: "svg.__jsx-style-dynamic-selector{color:".concat(color || theme$1.palette.accents_8, ";}")
+    })]
+  });
 };
 TreeFileIcon.displayName = 'TreeFileIcon';
 
@@ -680,15 +717,18 @@ var useTreeContext = function useTreeContext() {
 var TreeIndents = function TreeIndents(_ref) {
   var count = _ref.count;
   if (count === 0) return null;
-  return /*#__PURE__*/ /* eslint-disable react/jsx-no-useless-fragment */React.createElement(React.Fragment, null, _toConsumableArray(new Array(count)).map(function (_, index) {
-    return /*#__PURE__*/React.createElement("span", {
-      key: "indent-".concat(index),
-      className: _JSXStyle.dynamic([["2622387629", [index + 1]]]) + " " + "indent"
-    }, /*#__PURE__*/React.createElement(_JSXStyle, {
-      id: "2622387629",
-      dynamic: [index + 1]
-    }, "span.indent.__jsx-style-dynamic-selector{left:calc(-1.875rem * ".concat(index + 1, " + 0.75rem);}")));
-  }))
+  return /*#__PURE__*/ /* eslint-disable react/jsx-no-useless-fragment */jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: _toConsumableArray(new Array(count)).map(function (_, index) {
+      return /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: _JSXStyle.dynamic([["2622387629", [index + 1]]]) + " " + "indent",
+        children: /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+          id: "2622387629",
+          dynamic: [index + 1],
+          children: "span.indent.__jsx-style-dynamic-selector{left:calc(-1.875rem * ".concat(index + 1, " + 0.75rem);}")
+        })
+      }, "indent-".concat(index));
+    })
+  })
   /* eslint-enable */;
 };
 
@@ -731,24 +771,30 @@ var TreeFile = function TreeFile(_ref) {
     stopPropagation(event);
     onFileClick && onFileClick(currentPath);
   };
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
     onClick: clickHandler
-  }, props, {
-    className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + (props && props.className != null && props.className || theme.useClasses('file', className) || "")
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "names"
-  }, /*#__PURE__*/React.createElement(TreeIndents, {
-    count: level
-  }), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "icon"
-  }, /*#__PURE__*/React.createElement(TreeFileIcon, null)), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "name"
-  }, name, extra && /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "extra"
-  }, extra))), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4220802947",
-    dynamic: [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]
-  }, ".file.__jsx-style-dynamic-selector{cursor:pointer;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:calc(1.875rem * ".concat(level, ");}.names.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.75rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.names.__jsx-style-dynamic-selector>.indent{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:100%;background-color:").concat(theme$1.palette.accents_2, ";margin-left:-1px;}.icon.__jsx-style-dynamic-selector{width:1.5rem;height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:0.5rem;}.name.__jsx-style-dynamic-selector{-webkit-transition:opacity 100ms ease 0ms;transition:opacity 100ms ease 0ms;color:").concat(theme$1.palette.accents_8, ";white-space:nowrap;font-size:0.875rem;}.extra.__jsx-style-dynamic-selector{font-size:0.75rem;-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline;padding-left:4px;color:").concat(theme$1.palette.accents_5, ";}.name.__jsx-style-dynamic-selector:hover{opacity:0.7;}")));
+  }, props), {}, {
+    className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + (props && props.className != null && props.className || theme.useClasses('file', className) || ""),
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "names",
+      children: [/*#__PURE__*/jsxRuntime.jsx(TreeIndents, {
+        count: level
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "icon",
+        children: /*#__PURE__*/jsxRuntime.jsx(TreeFileIcon, {})
+      }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "name",
+        children: [name, extra && /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: _JSXStyle.dynamic([["4220802947", [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "extra",
+          children: extra
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "4220802947",
+      dynamic: [level, theme$1.palette.accents_2, theme$1.palette.accents_8, theme$1.palette.accents_5],
+      children: ".file.__jsx-style-dynamic-selector{cursor:pointer;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:calc(1.875rem * ".concat(level, ");}.names.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.75rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.names.__jsx-style-dynamic-selector>.indent{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:100%;background-color:").concat(theme$1.palette.accents_2, ";margin-left:-1px;}.icon.__jsx-style-dynamic-selector{width:1.5rem;height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:0.5rem;}.name.__jsx-style-dynamic-selector{-webkit-transition:opacity 100ms ease 0ms;transition:opacity 100ms ease 0ms;color:").concat(theme$1.palette.accents_8, ";white-space:nowrap;font-size:0.875rem;}.extra.__jsx-style-dynamic-selector{font-size:0.75rem;-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline;padding-left:4px;color:").concat(theme$1.palette.accents_5, ";}.name.__jsx-style-dynamic-selector:hover{opacity:0.7;}")
+    })]
+  }));
 };
 TreeFile.displayName = 'TreeFile';
 
@@ -780,7 +826,7 @@ var TreeFolderIcon = function TreeFolderIcon(_ref) {
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 22 : _ref$height;
   var theme$1 = theme.useTheme();
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     viewBox: "0 0 24 24",
     width: width,
     height: height,
@@ -790,14 +836,16 @@ var TreeFolderIcon = function TreeFolderIcon(_ref) {
     strokeLinejoin: "round",
     fill: "none",
     shapeRendering: "geometricPrecision",
-    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M2.707 7.454V5.62C2.707 4.725 3.469 4 4.409 4h4.843c.451 0 .884.17 1.204.474l.49.467c.126.12.296.186.473.186h8.399c.94 0 1.55.695 1.55 1.59v.737m-18.661 0h-.354a.344.344 0 00-.353.35l.508 11.587c.015.34.31.609.668.609h17.283c.358 0 .652-.269.667-.61L22 7.805a.344.344 0 00-.353-.35h-.278m-18.662 0h18.662",
-    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4043754792",
-    dynamic: [color || theme$1.palette.accents_8]
-  }, "svg.__jsx-style-dynamic-selector{color:".concat(color || theme$1.palette.accents_8, ";}")));
+    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]]),
+    children: [/*#__PURE__*/jsxRuntime.jsx("path", {
+      d: "M2.707 7.454V5.62C2.707 4.725 3.469 4 4.409 4h4.843c.451 0 .884.17 1.204.474l.49.467c.126.12.296.186.473.186h8.399c.94 0 1.55.695 1.55 1.59v.737m-18.661 0h-.354a.344.344 0 00-.353.35l.508 11.587c.015.34.31.609.668.609h17.283c.358 0 .652-.269.667-.61L22 7.805a.344.344 0 00-.353-.35h-.278m-18.662 0h18.662",
+      className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "4043754792",
+      dynamic: [color || theme$1.palette.accents_8],
+      children: "svg.__jsx-style-dynamic-selector{color:".concat(color || theme$1.palette.accents_8, ";}")
+    })]
+  });
 };
 TreeFolderIcon.displayName = 'TreeFolderIcon';
 
@@ -810,7 +858,7 @@ var TreeStatusIcon = function TreeStatusIcon(_ref) {
     _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active;
   var theme$1 = theme.useTheme();
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     viewBox: "0 0 24 24",
     width: width,
     height: height,
@@ -820,25 +868,27 @@ var TreeStatusIcon = function TreeStatusIcon(_ref) {
     strokeLinejoin: "round",
     fill: "none",
     shapeRendering: "geometricPrecision",
-    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
-  }, /*#__PURE__*/React.createElement("rect", {
-    x: "3",
-    y: "3",
-    width: "18",
-    height: "18",
-    rx: "2",
-    ry: "2",
-    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
-  }), !active && /*#__PURE__*/React.createElement("path", {
-    d: "M12 8v8",
-    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8 12h8",
-    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4043754792",
-    dynamic: [color || theme$1.palette.accents_8]
-  }, "svg.__jsx-style-dynamic-selector{color:".concat(color || theme$1.palette.accents_8, ";}")));
+    className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]]),
+    children: [/*#__PURE__*/jsxRuntime.jsx("rect", {
+      x: "3",
+      y: "3",
+      width: "18",
+      height: "18",
+      rx: "2",
+      ry: "2",
+      className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
+    }), !active && /*#__PURE__*/jsxRuntime.jsx("path", {
+      d: "M12 8v8",
+      className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
+    }), /*#__PURE__*/jsxRuntime.jsx("path", {
+      d: "M8 12h8",
+      className: _JSXStyle.dynamic([["4043754792", [color || theme$1.palette.accents_8]]])
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "4043754792",
+      dynamic: [color || theme$1.palette.accents_8],
+      children: "svg.__jsx-style-dynamic-selector{color:".concat(color || theme$1.palette.accents_8, ";}")
+    })]
+  });
 };
 TreeStatusIcon.displayName = 'TreeStatusIcon';
 
@@ -876,33 +926,42 @@ var _TreeFolder = function TreeFolder(_ref) {
     level: parentLevel + 1
   }, [_TreeFolder, TreeFile]);
   var sortedChildren = isImperative ? nextChildren : sortChildren(nextChildren, _TreeFolder);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
     onClick: clickHandler
-  }, props, {
-    className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + (props && props.className != null && props.className || theme.useClasses('folder', className) || "")
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "names"
-  }, /*#__PURE__*/React.createElement(TreeIndents, {
-    count: parentLevel
-  }), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "status"
-  }, /*#__PURE__*/React.createElement(TreeStatusIcon, {
-    active: expanded
-  })), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "icon"
-  }, /*#__PURE__*/React.createElement(TreeFolderIcon, null)), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "name"
-  }, name, extra && /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "extra"
-  }, extra))), /*#__PURE__*/React.createElement(theme.Expand, {
-    isExpanded: expanded
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: stopPropagation,
-    className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "content"
-  }, sortedChildren)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1983983326",
-    dynamic: [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]
-  }, ".folder.__jsx-style-dynamic-selector{cursor:pointer;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.names.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.75rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:calc(1.875rem * ".concat(parentLevel, ");position:relative;}.names.__jsx-style-dynamic-selector>.indent{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:100%;background-color:").concat(theme$1.palette.accents_2, ";margin-left:-1px;}.status.__jsx-style-dynamic-selector{position:absolute;left:calc(-1.125rem);top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0.875rem;height:0.875rem;z-index:10;background-color:").concat(theme$1.palette.background, ";}.icon.__jsx-style-dynamic-selector{width:1.5rem;height:100%;margin-right:0.5rem;}.status.__jsx-style-dynamic-selector,.icon.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.name.__jsx-style-dynamic-selector{-webkit-transition:opacity 100ms ease 0ms;transition:opacity 100ms ease 0ms;color:").concat(theme$1.palette.accents_8, ";white-space:nowrap;font-size:0.875rem;}.extra.__jsx-style-dynamic-selector{font-size:0.75rem;-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline;padding-left:4px;color:").concat(theme$1.palette.accents_5, ";}.name.__jsx-style-dynamic-selector:hover{opacity:0.7;}.content.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;}")));
+  }, props), {}, {
+    className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + (props && props.className != null && props.className || theme.useClasses('folder', className) || ""),
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "names",
+      children: [/*#__PURE__*/jsxRuntime.jsx(TreeIndents, {
+        count: parentLevel
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "status",
+        children: /*#__PURE__*/jsxRuntime.jsx(TreeStatusIcon, {
+          active: expanded
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "icon",
+        children: /*#__PURE__*/jsxRuntime.jsx(TreeFolderIcon, {})
+      }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "name",
+        children: [name, extra && /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "extra",
+          children: extra
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(theme.Expand, {
+      isExpanded: expanded,
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        onClick: stopPropagation,
+        className: _JSXStyle.dynamic([["1983983326", [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5]]]) + " " + "content",
+        children: sortedChildren
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "1983983326",
+      dynamic: [parentLevel, theme$1.palette.accents_2, theme$1.palette.background, theme$1.palette.accents_8, theme$1.palette.accents_5],
+      children: ".folder.__jsx-style-dynamic-selector{cursor:pointer;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.names.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.75rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:calc(1.875rem * ".concat(parentLevel, ");position:relative;}.names.__jsx-style-dynamic-selector>.indent{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:100%;background-color:").concat(theme$1.palette.accents_2, ";margin-left:-1px;}.status.__jsx-style-dynamic-selector{position:absolute;left:calc(-1.125rem);top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0.875rem;height:0.875rem;z-index:10;background-color:").concat(theme$1.palette.background, ";}.icon.__jsx-style-dynamic-selector{width:1.5rem;height:100%;margin-right:0.5rem;}.status.__jsx-style-dynamic-selector,.icon.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.name.__jsx-style-dynamic-selector{-webkit-transition:opacity 100ms ease 0ms;transition:opacity 100ms ease 0ms;color:").concat(theme$1.palette.accents_8, ";white-space:nowrap;font-size:0.875rem;}.extra.__jsx-style-dynamic-selector{font-size:0.75rem;-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline;padding-left:4px;color:").concat(theme$1.palette.accents_5, ";}.name.__jsx-style-dynamic-selector:hover{opacity:0.7;}.content.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;}")
+    })]
+  }));
 };
 _TreeFolder.displayName = 'TreeFolder';
 
@@ -931,16 +990,15 @@ var _makeChildren = function makeChildren() {
     if (a.type !== b.type) return a.type !== directoryType ? 1 : -1;
     return "".concat(a.name).charCodeAt(0) - "".concat(b.name).charCodeAt(0);
   }).map(function (item, index) {
-    if (item.type === directoryType) return /*#__PURE__*/React.createElement(_TreeFolder, {
+    if (item.type === directoryType) return /*#__PURE__*/jsxRuntime.jsx(_TreeFolder, {
       name: item.name,
       extra: item.extra,
-      key: "folder-".concat(item.name, "-").concat(index)
-    }, _makeChildren(item.files));
-    return /*#__PURE__*/React.createElement(TreeFile, {
+      children: _makeChildren(item.files)
+    }, "folder-".concat(item.name, "-").concat(index));
+    return /*#__PURE__*/jsxRuntime.jsx(TreeFile, {
       name: item.name,
-      extra: item.extra,
-      key: "file-".concat(item.name, "-").concat(index)
-    });
+      extra: item.extra
+    }, "file-".concat(item.name, "-").concat(index));
   });
 };
 var Tree = function Tree(_ref) {
@@ -963,13 +1021,16 @@ var Tree = function Tree(_ref) {
     };
   }, [initialExpand]);
   var customChildren = isImperative ? _makeChildren(value) : sortChildren(children, _TreeFolder);
-  return /*#__PURE__*/React.createElement(TreeContext.Provider, {
-    value: initialValue
-  }, /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: "jsx-2273069862" + " " + (props && props.className != null && props.className || theme.useClasses('tree', className) || "")
-  }), customChildren, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2273069862"
-  }, ".tree.jsx-2273069862{padding-left:1.625rem;}")));
+  return /*#__PURE__*/jsxRuntime.jsx(TreeContext.Provider, {
+    value: initialValue,
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({}, props), {}, {
+      className: "jsx-2273069862" + " " + (props && props.className != null && props.className || theme.useClasses('tree', className) || ""),
+      children: [customChildren, /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+        id: "2273069862",
+        children: ".tree.jsx-2273069862{padding-left:1.625rem;}"
+      })]
+    }))
+  });
 };
 Tree.displayName = 'Tree';
 

package/dist/use-scale/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var theme = require('@helpdice/theme');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -58,14 +59,34 @@ function _createForOfIteratorHelper(r, e) {
     }
   };
 }
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
 }
 function _objectWithoutProperties(e, t) {
   if (null == e) return {};
@@ -87,6 +108,20 @@ function _objectWithoutPropertiesLoose(r, e) {
   }
   return t;
 }
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -267,11 +302,13 @@ var withScale = function withScale(Render) {
       getScaleProps: generateGetScaleProps(props),
       getAllScaleProps: generateGetAllScaleProps(props)
     };
-    return /*#__PURE__*/React.createElement(ScaleContext.Provider, {
-      value: value
-    }, /*#__PURE__*/React.createElement(Render, _extends({}, props, {
-      ref: ref
-    }), children));
+    return /*#__PURE__*/jsxRuntime.jsx(ScaleContext.Provider, {
+      value: value,
+      children: /*#__PURE__*/jsxRuntime.jsx(Render, _objectSpread2(_objectSpread2({}, props), {}, {
+        ref: ref,
+        children: children
+      }))
+    });
   });
   ScaleFC.displayName = "Scale".concat(Render.displayName || 'Wrapper');
   return ScaleFC;