@react95/core 8.0.0-alpha.10 → 8.0.0-alpha.11

package/cjs/Avatar/Avatar.cjs

@@ -3,24 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Avatar_css = require("./Avatar.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const Avatar = React__namespace.forwardRef(
-  ({ src, srcSet, alt, circle, children, size = "48px", ...otherProps }, ref) => /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { className: Avatar_css.avatar({ circle }), ref, ...otherProps, size }, src || srcSet ? /* @__PURE__ */ React__namespace.createElement("img", { className: Avatar_css.imgStyle, src, srcSet, alt }) : children)
+const Avatar = React.forwardRef(
+  ({ src, srcSet, alt, circle, children, size = "48px", ...otherProps }, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { className: Avatar_css.avatar({ circle }), ref, ...otherProps, size }, src || srcSet ? /* @__PURE__ */ React.createElement("img", { className: Avatar_css.imgStyle, src, srcSet, alt }) : children)
 );
 exports.Avatar = Avatar;

package/cjs/Button/Button.cjs

@@ -4,7 +4,7 @@ const React = require("react");
 const cn = require("classnames");
 const Button_css = require("./Button.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
-const Button = React.forwardRef(
+const Button = Frame.fixedForwardRef(
   (props, ref) => {
     return /* @__PURE__ */ React.createElement(
       Frame.Frame,

package/cjs/Fieldset/Fieldset.cjs

@@ -4,6 +4,6 @@ const React = require("react");
 const Fieldset_css = require("./Fieldset.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
 const Fieldset = React.forwardRef(
-  ({ legend, children, ...rest }, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { as: "fieldset", ...rest, ref, className: Fieldset_css.field }, legend && /* @__PURE__ */ React.createElement("legend", { className: Fieldset_css.legend }, legend), children)
+  ({ legend, children, ...rest }, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, as: "fieldset", ref, className: Fieldset_css.field }, legend && /* @__PURE__ */ React.createElement("legend", { className: Fieldset_css.legend }, legend), children)
 );
 exports.Fieldset = Fieldset;

package/cjs/Frame/Frame.cjs

@@ -21,3 +21,4 @@ const FrameComponent = (props, ref) => {
 };
 const Frame = fixedForwardRef(FrameComponent);
 exports.Frame = Frame;
+exports.fixedForwardRef = fixedForwardRef;

package/cjs/Input/Input.cjs

@@ -3,24 +3,5 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Frame = require("../Frame/Frame.cjs");
 const Input_css = require("./Input.css.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const Input = React__namespace.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { ...rest, ref, className: Input_css.input, as: "input" })
-);
+const Input = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: Input_css.input, as: "input" }));
 exports.Input = Input;

package/cjs/List/List.cjs

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const cn = require("classnames");
 const ListItem = require("./ListItem.cjs");
 const ListDivider = require("./ListDivider.cjs");
 const Frame = require("../Frame/Frame.cjs");
-const React = require("react");
 const List_css = require("./List.css.cjs");
-const cn = require("classnames");
-const ListRenderer = React.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.list, rest.className), as: "ul" })
-);
+const ListRenderer = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.list, rest.className), as: "ul" }));
 const List = Object.assign(ListRenderer, {
   Item: ListItem.ListItem,
   Divider: ListDivider.Divider

package/cjs/List/ListDivider.cjs

@@ -4,16 +4,6 @@ const React = require("react");
 const Frame = require("../Frame/Frame.cjs");
 const List_css = require("./List.css.cjs");
 const cn = require("classnames");
-const Divider = React.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React.createElement(
-    Frame.Frame,
-    {
-      ...rest,
-      ref,
-      className: cn(List_css.divider, rest.className),
-      as: "li"
-    }
-  )
-);
+const Divider = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.divider, rest.className), as: "li" }));
 Divider.displayName = "List.Divider";
 exports.Divider = Divider;

package/cjs/Modal/Modal.cjs

@@ -9,23 +9,6 @@ const Modal_css = require("./Modal.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
 const close = require("./close.svg.cjs");
 const help = require("./help.svg.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const ModalRenderer = ({
   hasWindowButton: hasButton = true,
   buttons = [],
@@ -49,11 +32,11 @@ const ModalRenderer = ({
     updateWindow,
     setActiveWindow,
     activeWindow
-  } = React__namespace.useContext(ModalContext.ModalContext);
-  const [id, setId] = React__namespace.useState(null);
-  const [menuOpened, setMenuOpened] = React__namespace.useState("");
-  const [isActive, setIsActive] = React__namespace.useState(false);
-  React__namespace.useEffect(() => {
+  } = React.useContext(ModalContext.ModalContext);
+  const [id, setId] = React.useState(null);
+  const [menuOpened, setMenuOpened] = React.useState("");
+  const [isActive, setIsActive] = React.useState(false);
+  React.useEffect(() => {
     if (!id) {
       const newId = addWindows({ icon, title, hasButton });
       if (newId) {
@@ -64,15 +47,15 @@ const ModalRenderer = ({
       updateWindow(id, { icon, title, hasButton });
     }
   }, [id, icon, title, hasButton]);
-  React__namespace.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       if (id) {
         removeWindow(id);
       }
     };
   }, [id]);
-  React__namespace.useEffect(() => setIsActive(id === activeWindow), [id, activeWindow]);
-  return /* @__PURE__ */ React__namespace.createElement(
+  React.useEffect(() => setIsActive(id === activeWindow), [id, activeWindow]);
+  return /* @__PURE__ */ React.createElement(
     Draggable,
     {
       handle: ".draggable",
@@ -80,7 +63,7 @@ const ModalRenderer = ({
       positionOffset,
       onMouseDown: id ? () => setActiveWindow(id) : void 0
     },
-    /* @__PURE__ */ React__namespace.createElement(
+    /* @__PURE__ */ React.createElement(
       Frame.Frame,
       {
         ...rest,
@@ -89,7 +72,7 @@ const ModalRenderer = ({
         className: Modal_css.modalWrapper({ active: isActive }),
         ref
       },
-      /* @__PURE__ */ React__namespace.createElement(
+      /* @__PURE__ */ React.createElement(
         TitleBar.TitleBar,
         {
           active: isActive,
@@ -97,11 +80,11 @@ const ModalRenderer = ({
           title,
           className: "draggable"
         },
-        /* @__PURE__ */ React__namespace.createElement(TitleBar.TitleBar.OptionsBox, null, onHelp && /* @__PURE__ */ React__namespace.createElement(TitleBar.TitleBar.Option, null, /* @__PURE__ */ React__namespace.createElement("img", { src: help, alt: "help", onClick: onHelp })), /* @__PURE__ */ React__namespace.createElement(TitleBar.TitleBar.Option, { onClick: onClose }, /* @__PURE__ */ React__namespace.createElement("img", { src: close, alt: "close" })))
+        /* @__PURE__ */ React.createElement(TitleBar.TitleBar.OptionsBox, null, onHelp && /* @__PURE__ */ React.createElement(TitleBar.TitleBar.Option, null, /* @__PURE__ */ React.createElement("img", { src: help, alt: "help", onClick: onHelp })), /* @__PURE__ */ React.createElement(TitleBar.TitleBar.Option, { onClick: onClose }, /* @__PURE__ */ React.createElement("img", { src: close, alt: "close" })))
       ),
-      menu && menu.length > 0 && /* @__PURE__ */ React__namespace.createElement("ul", { className: Modal_css.menuWrapper }, menu.map(({ name, list }) => {
+      menu && menu.length > 0 && /* @__PURE__ */ React.createElement("ul", { className: Modal_css.menuWrapper }, menu.map(({ name, list }) => {
         const active = menuOpened === name;
-        return /* @__PURE__ */ React__namespace.createElement(
+        return /* @__PURE__ */ React.createElement(
           "li",
           {
             key: name,
@@ -112,14 +95,14 @@ const ModalRenderer = ({
           active && list
         );
       })),
-      /* @__PURE__ */ React__namespace.createElement("div", { className: Modal_css.content, onClick: () => setMenuOpened("") }, children),
-      buttons && buttons.length > 0 && /* @__PURE__ */ React__namespace.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: Modal_css.content, onClick: () => setMenuOpened("") }, children),
+      buttons && buttons.length > 0 && /* @__PURE__ */ React.createElement(
         Frame.Frame,
         {
           className: Modal_css.buttonWrapper,
           justifyContent: buttonsAlignment
         },
-        buttons.map((button) => /* @__PURE__ */ React__namespace.createElement(
+        buttons.map((button) => /* @__PURE__ */ React.createElement(
           Button.Button,
           {
             key: button.value,
@@ -132,9 +115,7 @@ const ModalRenderer = ({
     )
   );
 };
-const Modal = React__namespace.forwardRef(
-  ModalRenderer
-);
+const Modal = React.forwardRef(ModalRenderer);
 Modal.displayName = "Modal";
 Modal.defaultProps = {
   icon: void 0,

package/cjs/Modal/ModalProvider.cjs

@@ -3,23 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const nanoid = require("nanoid");
 const React = require("react");
 const ModalContext = require("./ModalContext.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const windowStackReducer = (state, action) => {
   const newWindows = { ...state };
   switch (action.type) {
@@ -39,9 +22,11 @@ const windowStackReducer = (state, action) => {
       return state;
   }
 };
-const ModalProvider = ({ children }) => {
-  const [windows, dispatch] = React__namespace.useReducer(windowStackReducer, {});
-  const [activeWindow, setActiveWindow] = React__namespace.useState();
+const ModalProvider = ({
+  children
+}) => {
+  const [windows, dispatch] = React.useReducer(windowStackReducer, {});
+  const [activeWindow, setActiveWindow] = React.useState();
   const addWindows = (window) => {
     const id = nanoid.nanoid();
     dispatch({ type: "ADD_WINDOW", id, window });
@@ -53,7 +38,7 @@ const ModalProvider = ({ children }) => {
   const updateWindow = (id, window) => {
     dispatch({ type: "UPDATE_WINDOW", id, window });
   };
-  return /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React.createElement(
     ModalContext.ModalContext.Provider,
     {
       value: {

package/cjs/Range/Range.cjs

@@ -4,33 +4,14 @@ const React = require("react");
 const Frame = require("../Frame/Frame.cjs");
 const Range_css = require("./Range.css.cjs");
 const cn = require("classnames");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
+const Range = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(
+  Frame.Frame,
+  {
+    ...rest,
+    ref,
+    className: cn(Range_css.range, rest.className),
+    as: "input",
+    type: "range"
   }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const Range = React__namespace.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React__namespace.createElement(
-    Frame.Frame,
-    {
-      ...rest,
-      ref,
-      className: cn(Range_css.range, rest.className),
-      as: "input",
-      type: "range"
-    }
-  )
-);
+));
 exports.Range = Range;

package/cjs/Tabs/Tabs.cjs

@@ -19,28 +19,25 @@ const Tabs = React.forwardRef(
         as: "ol",
         ref
       },
-      React.Children.map(
-        children,
-        (child) => {
-          const { title, disabled } = child.props;
-          return /* @__PURE__ */ React.createElement(
-            Tab.Tab,
-            {
-              key: title,
-              ...child.props,
-              activeTab,
-              onClick: (e) => {
-                if (!disabled) {
-                  if (onChange) {
-                    onChange(title, e);
-                  }
-                  setActiveTab(title);
+      React.Children.map(children, (child) => {
+        const { title, disabled } = child.props;
+        return /* @__PURE__ */ React.createElement(
+          Tab.Tab,
+          {
+            key: title,
+            ...child.props,
+            activeTab,
+            onClick: (e) => {
+              if (!disabled) {
+                if (onChange) {
+                  onChange(title, e);
                 }
+                setActiveTab(title);
               }
             }
-          );
-        }
-      )
+          }
+        );
+      })
     ), /* @__PURE__ */ React.createElement(Frame.Frame, { className: Tabs_css.navContainer, width: rest.width || rest.w }, React.Children.map(
       children,
       (child) => child.props.title === activeTab && child.props.children

package/cjs/TextArea/TextArea.cjs

@@ -3,24 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Frame = require("../Frame/Frame.cjs");
 const Input_css = require("../Input/Input.css.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const TextArea = React__namespace.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { ...rest, ref, className: Input_css.input, as: "textarea" })
+const TextArea = React.forwardRef(
+  (rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: Input_css.input, as: "textarea" })
 );
 exports.TextArea = TextArea;

package/cjs/TitleBar/TitleBar.cjs

@@ -5,14 +5,16 @@ const Frame = require("../Frame/Frame.cjs");
 const TitleBar_css = require("./TitleBar.css.cjs");
 const Button_css = require("../Button/Button.css.cjs");
 const cn = require("classnames");
-const OptionsBox = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(
-  Frame.Frame,
-  {
-    ...rest,
-    ref,
-    className: cn(TitleBar_css.optionsBox, rest.className)
-  }
-));
+const OptionsBox = React.forwardRef(
+  (rest, ref) => /* @__PURE__ */ React.createElement(
+    Frame.Frame,
+    {
+      ...rest,
+      ref,
+      className: cn(TitleBar_css.optionsBox, rest.className)
+    }
+  )
+);
 const Option = React.forwardRef(
   (rest, ref) => /* @__PURE__ */ React.createElement(
     Frame.Frame,

package/cjs/Tooltip/Tooltip.cjs

@@ -1,25 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Tooltip_css = require("./Tooltip.css.cjs");
 const cn = require("classnames");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const Tooltip_css = require("./Tooltip.css.cjs");
 function formatDate(date) {
   const monthNames = [
     "January",
@@ -46,8 +29,8 @@ const TooltipRenderer = ({
   delay = 1e3,
   ...rest
 }, ref) => {
-  const [show, setShow] = React__namespace.useState(false);
-  const [delayTimer, setDelayTimer] = React__namespace.useState(0);
+  const [show, setShow] = React.useState(false);
+  const [delayTimer, setDelayTimer] = React.useState(0);
   const handleEnter = () => {
     const timer = window.setTimeout(() => {
       setShow(true);
@@ -58,7 +41,7 @@ const TooltipRenderer = ({
     clearTimeout(delayTimer);
     setShow(false);
   };
-  return /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       ...rest,
@@ -67,11 +50,11 @@ const TooltipRenderer = ({
       onMouseLeave: handleLeave,
       ref
     },
-    show && /* @__PURE__ */ React__namespace.createElement("div", { className: Tooltip_css.tip }, text),
+    show && /* @__PURE__ */ React.createElement("div", { className: Tooltip_css.tip }, text),
     children
   );
 };
-const Tooltip = React__namespace.forwardRef(
+const Tooltip = React.forwardRef(
   TooltipRenderer
 );
 exports.Tooltip = Tooltip;

package/cjs/Tree/Node.cjs

@@ -5,23 +5,6 @@ const icons$1 = require("@react95/icons");
 const Tree_css = require("./Tree.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
 const cn = require("classnames");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const icons = {
   FILE_MEDIA: icons$1.MediaCd,
   FILE_TEXT: icons$1.FileText,
@@ -37,10 +20,10 @@ const NodeIcon = ({
   isOpen
 }) => {
   if (!hasChildren) {
-    return /* @__PURE__ */ React__namespace.createElement(icons$1.Bat, { variant: "16x16_4", "data-testid": "react95-default-icon-bat" });
+    return /* @__PURE__ */ React.createElement(icons$1.Bat, { variant: "16x16_4", "data-testid": "react95-default-icon-bat" });
   }
   if (isOpen) {
-    return /* @__PURE__ */ React__namespace.createElement(
+    return /* @__PURE__ */ React.createElement(
       icons$1.FolderOpen,
       {
         variant: "16x16_4",
@@ -48,7 +31,7 @@ const NodeIcon = ({
       }
     );
   }
-  return /* @__PURE__ */ React__namespace.createElement(icons$1.Folder, { variant: "16x16_4", "data-testid": "react95-default-icon-folder" });
+  return /* @__PURE__ */ React.createElement(icons$1.Folder, { variant: "16x16_4", "data-testid": "react95-default-icon-folder" });
 };
 const Node = ({
   children = [],
@@ -59,7 +42,7 @@ const Node = ({
   },
   ...rest
 }) => {
-  const [isOpen, setIsOpen] = React__namespace.useState(false);
+  const [isOpen, setIsOpen] = React.useState(false);
   const hasChildren = children.length > 0;
   const onClickHandler = (event) => {
     onClick(event, {
@@ -75,14 +58,14 @@ const Node = ({
       onClickHandler(event);
     }
   };
-  return /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { as: "li", ...rest, className: Tree_css.node }, /* @__PURE__ */ React__namespace.createElement("div", { className: Tree_css.nodeContent }, hasChildren && /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React.createElement(Frame.Frame, { as: "li", ...rest, className: Tree_css.node }, /* @__PURE__ */ React.createElement("div", { className: Tree_css.nodeContent }, hasChildren && /* @__PURE__ */ React.createElement(
     "div",
     {
       className: Tree_css.folderStatus,
       onClick: () => setIsOpen(!isOpen)
     },
     isOpen ? "-" : "+"
-  ), /* @__PURE__ */ React__namespace.createElement("div", { className: Tree_css.iconContainer({ hasChildren }) }, icon || /* @__PURE__ */ React__namespace.createElement(NodeIcon, { hasChildren, isOpen })), /* @__PURE__ */ React__namespace.createElement(
+  ), /* @__PURE__ */ React.createElement("div", { className: Tree_css.iconContainer({ hasChildren }) }, icon || /* @__PURE__ */ React.createElement(NodeIcon, { hasChildren, isOpen })), /* @__PURE__ */ React.createElement(
     "label",
     {
       className: Tree_css.label,
@@ -92,7 +75,7 @@ const Node = ({
       onKeyDown: onKeyDownHandler
     },
     label
-  )), hasChildren && isOpen && /* @__PURE__ */ React__namespace.createElement("ul", { className: Tree_css.tree }, children == null ? void 0 : children.map((dataNode) => /* @__PURE__ */ React__namespace.createElement(Node, { key: dataNode.id, ...dataNode }))));
+  )), hasChildren && isOpen && /* @__PURE__ */ React.createElement("ul", { className: Tree_css.tree }, children == null ? void 0 : children.map((dataNode) => /* @__PURE__ */ React.createElement(Node, { key: dataNode.id, ...dataNode }))));
 };
 const NodeRoot = ({
   id,
@@ -114,7 +97,7 @@ const NodeRoot = ({
       onClickHandler(event);
     }
   };
-  return /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { ...rest, className: cn(Tree_css.node, Tree_css.nodeRoot) }, /* @__PURE__ */ React__namespace.createElement("div", { className: Tree_css.nodeContent }, /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, className: cn(Tree_css.node, Tree_css.nodeRoot) }, /* @__PURE__ */ React.createElement("div", { className: Tree_css.nodeContent }, /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -122,8 +105,8 @@ const NodeRoot = ({
         Tree_css.iconContainer.classNames.variants.hasChildren.true
       )
     },
-    icon || /* @__PURE__ */ React__namespace.createElement(NodeIcon, { hasChildren: false, isOpen: true })
-  ), /* @__PURE__ */ React__namespace.createElement(
+    icon || /* @__PURE__ */ React.createElement(NodeIcon, { hasChildren: false, isOpen: true })
+  ), /* @__PURE__ */ React.createElement(
     "label",
     {
       className: Tree_css.label,