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

package/cjs/Video/Video.cjs

@@ -12,25 +12,8 @@ const Pause = require("./buttons/Pause.cjs");
 const Stop = require("./buttons/Stop.cjs");
 const Fullscreen = require("./buttons/Fullscreen.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 Source = ({ src }) => /* @__PURE__ */ React__namespace.createElement("source", { src, type: `video/${src.substring(src.length - 3)}` });
-const PlayOrPause = ({ playing }) => playing ? /* @__PURE__ */ React__namespace.createElement(Pause, null) : /* @__PURE__ */ React__namespace.createElement(Play, null);
+const Source = ({ src }) => /* @__PURE__ */ React.createElement("source", { src, type: `video/${src.substring(src.length - 3)}` });
+const PlayOrPause = ({ playing }) => playing ? /* @__PURE__ */ React.createElement(Pause, null) : /* @__PURE__ */ React.createElement(Play, null);
 const arrayFy = (str) => [].concat(str);
 function updateProgressBar(player, updateProgress) {
   const percentage = Math.floor(100 / player.duration * player.currentTime);
@@ -47,20 +30,20 @@ function parseCurrentTime(secs) {
   return [hours, minutes, seconds].map((v) => v < 10 ? `0${v}` : v).filter((v, i) => v !== "00" || i > 0).join(":");
 }
 const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
-  const [playing, setPlaying] = React__namespace.useState(false);
-  const [loadeddata, setLoadeddata] = React__namespace.useState(false);
-  const [progress, setProgress] = React__namespace.useState(0);
-  const player = React__namespace.useRef(null);
-  const progressRef = React__namespace.useRef(null);
-  const wrapperRef = React__namespace.useRef(null);
-  const playPauseRef = React__namespace.useRef(null);
-  const stopRef = React__namespace.useRef(null);
-  const fullScreenRef = React__namespace.useRef(null);
+  const [playing, setPlaying] = React.useState(false);
+  const [loadeddata, setLoadeddata] = React.useState(false);
+  const [progress, setProgress] = React.useState(0);
+  const player = React.useRef(null);
+  const progressRef = React.useRef(null);
+  const wrapperRef = React.useRef(null);
+  const playPauseRef = React.useRef(null);
+  const stopRef = React.useRef(null);
+  const fullScreenRef = React.useRef(null);
   const paths = arrayFy(src);
   const [pathname] = paths;
   const normalizedName = name || pathname.replace(/^.*[\\/]/, "");
   const title = `${normalizedName}${!loadeddata ? " (Opening)" : ""}`;
-  React__namespace.useImperativeHandle(ref, () => ({
+  React.useImperativeHandle(ref, () => ({
     get video() {
       return player;
     },
@@ -80,7 +63,7 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
       return fullScreenRef;
     }
   }));
-  React__namespace.useEffect(() => {
+  React.useEffect(() => {
     var _a, _b, _c, _d;
     (_a = player.current) == null ? void 0 : _a.addEventListener(
       "ended",
@@ -114,7 +97,7 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
       false
     );
   }, [player.current]);
-  return /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React.createElement(
     Frame.Frame,
     {
       ...props,
@@ -123,18 +106,18 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
       backgroundColor: "$material",
       ref: wrapperRef
     },
-    /* @__PURE__ */ React__namespace.createElement(TitleBar.TitleBar, { icon: /* @__PURE__ */ React__namespace.createElement(icons.Mplayer113, { variant: "16x16_4" }), title }),
-    /* @__PURE__ */ React__namespace.createElement(
+    /* @__PURE__ */ React.createElement(TitleBar.TitleBar, { icon: /* @__PURE__ */ React.createElement(icons.Mplayer113, { variant: "16x16_4" }), title }),
+    /* @__PURE__ */ React.createElement(
       "video",
       {
         className: Video_css.videoTag({ visible: loadeddata }),
         ...videoProps,
         ref: player
       },
-      paths.map((s) => /* @__PURE__ */ React__namespace.createElement(Source, { key: s, src: s }))
+      paths.map((s) => /* @__PURE__ */ React.createElement(Source, { key: s, src: s }))
     ),
-    loadeddata && /* @__PURE__ */ React__namespace.createElement("span", { className: Video_css.divider }),
-    /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { maxWidth: "250px", mx: "auto", mb: "$4" }, /* @__PURE__ */ React__namespace.createElement("div", { className: Video_css.countDownContainer }, /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { display: "flex", flexDirection: "column", w: "40%" }, /* @__PURE__ */ React__namespace.createElement(
+    loadeddata && /* @__PURE__ */ React.createElement("span", { className: Video_css.divider }),
+    /* @__PURE__ */ React.createElement(Frame.Frame, { maxWidth: "250px", mx: "auto", mb: "$4" }, /* @__PURE__ */ React.createElement("div", { className: Video_css.countDownContainer }, /* @__PURE__ */ React.createElement(Frame.Frame, { display: "flex", flexDirection: "column", w: "40%" }, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: Video_css.videoFont,
@@ -143,9 +126,10 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
         }
       },
       player.current && parseCurrentTime(player.current.duration)
-    ), /* @__PURE__ */ React__namespace.createElement("div", { className: Video_css.videoFont, style: { height: 12 } }, !loadeddata && "Openning")), /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { display: "flex", flexDirection: "column", w: "40%" }, /* @__PURE__ */ React__namespace.createElement("div", { className: cn(Video_css.videoFont, Video_css.currentTime) }, player.current && parseCurrentTime(player.current.currentTime)), /* @__PURE__ */ React__namespace.createElement("div", { className: cn(Video_css.videoFont, Video_css.elapsedTime) }, "time"))), /* @__PURE__ */ React__namespace.createElement("div", { className: Video_css.controls }, /* @__PURE__ */ React__namespace.createElement(
+    ), /* @__PURE__ */ React.createElement("div", { className: Video_css.videoFont, style: { height: 12 } }, !loadeddata && "Openning")), /* @__PURE__ */ React.createElement(Frame.Frame, { display: "flex", flexDirection: "column", w: "40%" }, /* @__PURE__ */ React.createElement("div", { className: cn(Video_css.videoFont, Video_css.currentTime) }, player.current && parseCurrentTime(player.current.currentTime)), /* @__PURE__ */ React.createElement("div", { className: cn(Video_css.videoFont, Video_css.elapsedTime) }, "time"))), /* @__PURE__ */ React.createElement("div", { className: Video_css.controls }, /* @__PURE__ */ React.createElement(
       Button.Button,
       {
+        as: "button",
         className: Video_css.controlBtn,
         disabled: !loadeddata,
         onClick: () => {
@@ -159,14 +143,14 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
         },
         ref: playPauseRef
       },
-      loadeddata ? /* @__PURE__ */ React__namespace.createElement(PlayOrPause, { playing }) : /* @__PURE__ */ React__namespace.createElement(
+      loadeddata ? /* @__PURE__ */ React.createElement(PlayOrPause, { playing }) : /* @__PURE__ */ React.createElement(
         icons.User4,
         {
           style: { borderRight: "none", borderBottom: "none" },
           variant: "32x32_4"
         }
       )
-    ), /* @__PURE__ */ React__namespace.createElement(
+    ), /* @__PURE__ */ React.createElement(
       Button.Button,
       {
         className: Video_css.controlBtn,
@@ -180,8 +164,8 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
         },
         ref: stopRef
       },
-      /* @__PURE__ */ React__namespace.createElement(Stop, null)
-    ), /* @__PURE__ */ React__namespace.createElement(
+      /* @__PURE__ */ React.createElement(Stop, null)
+    ), /* @__PURE__ */ React.createElement(
       Button.Button,
       {
         className: Video_css.controlBtn,
@@ -192,8 +176,8 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
         },
         ref: fullScreenRef
       },
-      /* @__PURE__ */ React__namespace.createElement(Fullscreen, null)
-    ), /* @__PURE__ */ React__namespace.createElement(
+      /* @__PURE__ */ React.createElement(Fullscreen, null)
+    ), /* @__PURE__ */ React.createElement(
       Range.Range,
       {
         className: Video_css.range,
@@ -219,5 +203,5 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
     )))
   );
 };
-const Video = React__namespace.forwardRef(VideoRenderer);
+const Video = React.forwardRef(VideoRenderer);
 exports.Video = Video;

package/cjs/Video/buttons/Fullscreen.cjs

@@ -1,23 +1,6 @@
 "use strict";
 const React = require("react");
-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 Fullscreen = (props) => /* @__PURE__ */ React__namespace.createElement(
+const Fullscreen = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -27,7 +10,7 @@ const Fullscreen = (props) => /* @__PURE__ */ React__namespace.createElement(
     "aria-label": "fullscreen",
     ...props
   },
-  /* @__PURE__ */ React__namespace.createElement(
+  /* @__PURE__ */ React.createElement(
     "path",
     {
       d: "M24 9h-2v-5h-7v-2h9v7zm-9 13v-2h7v-5h2v7h-9zm-15-7h2v5h7v2h-9v-7zm9-13v2h-7v5h-2v-7h9zm11 4h-16v12h16v-12z",

package/cjs/Video/buttons/Pause.cjs

@@ -1,23 +1,6 @@
 "use strict";
 const React = require("react");
-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 Pause = (props) => /* @__PURE__ */ React__namespace.createElement(
+const Pause = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {
     height: "6",
@@ -27,7 +10,7 @@ const Pause = (props) => /* @__PURE__ */ React__namespace.createElement(
     "aria-label": "pause",
     ...props
   },
-  /* @__PURE__ */ React__namespace.createElement("path", { d: "M256.471 2h176.765v424.236H256.471zM2 2h176.765v424.236H2z" })
+  /* @__PURE__ */ React.createElement("path", { d: "M256.471 2h176.765v424.236H256.471zM2 2h176.765v424.236H2z" })
 );
 const Pause$1 = Pause;
 module.exports = Pause$1;

package/cjs/Video/buttons/Play.cjs

@@ -1,23 +1,6 @@
 "use strict";
 const React = require("react");
-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 Play = (props) => /* @__PURE__ */ React__namespace.createElement(
+const Play = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {
     height: "6",
@@ -27,7 +10,7 @@ const Play = (props) => /* @__PURE__ */ React__namespace.createElement(
     "aria-label": "play",
     ...props
   },
-  /* @__PURE__ */ React__namespace.createElement("path", { d: "M35.353 0l424.236 247.471L35.353 494.942z" })
+  /* @__PURE__ */ React.createElement("path", { d: "M35.353 0l424.236 247.471L35.353 494.942z" })
 );
 const Play$1 = Play;
 module.exports = Play$1;

package/cjs/Video/buttons/Stop.cjs

@@ -1,23 +1,6 @@
 "use strict";
 const React = require("react");
-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 Stop = (props) => /* @__PURE__ */ React__namespace.createElement(
+const Stop = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -26,7 +9,7 @@ const Stop = (props) => /* @__PURE__ */ React__namespace.createElement(
     "aria-label": "stop",
     ...props
   },
-  /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 0h306v306H0z" })
+  /* @__PURE__ */ React.createElement("path", { d: "M0 0h306v306H0z" })
 );
 const Stop$1 = Stop;
 module.exports = Stop$1;

package/esm/Alert/Alert.mjs

@@ -1,4 +1,4 @@
-import React__default, { forwardRef, useEffect } from "react";
+import React, { forwardRef, useEffect } from "react";
 import { User4, User2, User3, User5 } from "@react95/icons";
 import { dialog, icon, message } from "./Alert.css.mjs";
 import { Modal } from "../Modal/Modal.mjs";
@@ -6,14 +6,14 @@ import sound from "./assets/chord.mp3.mjs";
 const RenderImage = ({ option }) => {
   switch (option) {
     case "info":
-      return /* @__PURE__ */ React__default.createElement(User5, { width: 32, height: 32, variant: "32x32_4" });
+      return /* @__PURE__ */ React.createElement(User5, { width: 32, height: 32, variant: "32x32_4" });
     case "question":
-      return /* @__PURE__ */ React__default.createElement(User3, { width: 32, height: 32, variant: "32x32_4" });
+      return /* @__PURE__ */ React.createElement(User3, { width: 32, height: 32, variant: "32x32_4" });
     case "warning":
-      return /* @__PURE__ */ React__default.createElement(User2, { width: 32, height: 32, variant: "32x32_4" });
+      return /* @__PURE__ */ React.createElement(User2, { width: 32, height: 32, variant: "32x32_4" });
     case "error":
     default:
-      return /* @__PURE__ */ React__default.createElement(User4, { width: 32, height: 32, variant: "32x32_4" });
+      return /* @__PURE__ */ React.createElement(User4, { width: 32, height: 32, variant: "32x32_4" });
   }
 };
 const Alert = forwardRef(
@@ -24,7 +24,7 @@ const Alert = forwardRef(
         audio.play();
       }, []);
     }
-    return /* @__PURE__ */ React__default.createElement(Modal, { height: "120", hasWindowButton: false, ...rest, ref }, /* @__PURE__ */ React__default.createElement("div", { className: dialog }, /* @__PURE__ */ React__default.createElement("div", { className: icon }, /* @__PURE__ */ React__default.createElement(RenderImage, { option: type })), /* @__PURE__ */ React__default.createElement("div", { className: message }, message$1)));
+    return /* @__PURE__ */ React.createElement(Modal, { height: "120", hasWindowButton: false, ...rest, ref }, /* @__PURE__ */ React.createElement("div", { className: dialog }, /* @__PURE__ */ React.createElement("div", { className: icon }, /* @__PURE__ */ React.createElement(RenderImage, { option: type })), /* @__PURE__ */ React.createElement("div", { className: message }, message$1)));
   }
 );
 Alert.defaultProps = {

package/esm/Avatar/Avatar.mjs

@@ -1,7 +1,7 @@
-import * as React from "react";
+import React, { forwardRef } from "react";
 import { avatar, imgStyle } from "./Avatar.css.mjs";
 import { Frame } from "../Frame/Frame.mjs";
-const Avatar = React.forwardRef(
+const Avatar = forwardRef(
   ({ src, srcSet, alt, circle, children, size = "48px", ...otherProps }, ref) => /* @__PURE__ */ React.createElement(Frame, { className: avatar({ circle }), ref, ...otherProps, size }, src || srcSet ? /* @__PURE__ */ React.createElement("img", { className: imgStyle, src, srcSet, alt }) : children)
 );
 export {

package/esm/Button/Button.mjs

@@ -1,10 +1,10 @@
-import React__default, { forwardRef } from "react";
+import React from "react";
 import cn from "classnames";
 import { button } from "./Button.css.mjs";
-import { Frame } from "../Frame/Frame.mjs";
-const Button = forwardRef(
+import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
+const Button = fixedForwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Frame,
       {
         as: "button",

package/esm/Checkbox/Checkbox.mjs

@@ -1,7 +1,7 @@
-import React__default, { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { label, field, icon, text } from "./Checkbox.css.mjs";
 const Checkbox = forwardRef(
-  ({ children, style, label: label$1, disabled = false, ...rest }, ref) => /* @__PURE__ */ React__default.createElement("label", { style, className: label }, /* @__PURE__ */ React__default.createElement(
+  ({ children, style, label: label$1, disabled = false, ...rest }, ref) => /* @__PURE__ */ React.createElement("label", { style, className: label }, /* @__PURE__ */ React.createElement(
     "input",
     {
       className: field,
@@ -10,7 +10,7 @@ const Checkbox = forwardRef(
       ...rest,
       ref
     }
-  ), /* @__PURE__ */ React__default.createElement("span", { className: icon }), /* @__PURE__ */ React__default.createElement("span", { className: text }, children || label$1))
+  ), /* @__PURE__ */ React.createElement("span", { className: icon }), /* @__PURE__ */ React.createElement("span", { className: text }, children || label$1))
 );
 export {
   Checkbox

package/esm/Dropdown/Dropdown.mjs

@@ -1,4 +1,4 @@
-import React__default, { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import cn from "classnames";
 import { wrapper, select } from "./Dropdown.css.mjs";
 import { Frame } from "../Frame/Frame.mjs";
@@ -12,7 +12,7 @@ const defaultOptions = [
 const Dropdown = forwardRef(
   ({ options = defaultOptions, ...rest }, ref) => {
     const { style, otherProps, className } = sprinkles(rest);
-    return /* @__PURE__ */ React__default.createElement(Frame, { style, className: cn(wrapper, className) }, /* @__PURE__ */ React__default.createElement("select", { ...otherProps, className: cn(select), ref }, options && options.map((option) => /* @__PURE__ */ React__default.createElement("option", { key: option, value: option }, option))));
+    return /* @__PURE__ */ React.createElement(Frame, { style, className: cn(wrapper, className) }, /* @__PURE__ */ React.createElement("select", { ...otherProps, className: cn(select), ref }, options && options.map((option) => /* @__PURE__ */ React.createElement("option", { key: option, value: option }, option))));
   }
 );
 export {

package/esm/Fieldset/Fieldset.mjs

@@ -1,8 +1,8 @@
-import React__default, { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { field, legend } from "./Fieldset.css.mjs";
 import { Frame } from "../Frame/Frame.mjs";
 const Fieldset = forwardRef(
-  ({ legend: legend$1, children, ...rest }, ref) => /* @__PURE__ */ React__default.createElement(Frame, { as: "fieldset", ...rest, ref, className: field }, legend$1 && /* @__PURE__ */ React__default.createElement("legend", { className: legend }, legend$1), children)
+  ({ legend: legend$1, children, ...rest }, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, as: "fieldset", ref, className: field }, legend$1 && /* @__PURE__ */ React.createElement("legend", { className: legend }, legend$1), children)
 );
 export {
   Fieldset

package/esm/Frame/Frame.mjs

@@ -1,4 +1,4 @@
-import React__default, { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { sprinkles } from "./Frame.css.mjs";
 import cn from "classnames";
 const fixedForwardRef = forwardRef;
@@ -6,7 +6,7 @@ const FrameComponent = (props, ref) => {
   const { as, children, ...rest } = props;
   const Component = as || "div";
   const { className, style, otherProps } = sprinkles(rest);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Component,
     {
       ...otherProps,
@@ -19,5 +19,6 @@ const FrameComponent = (props, ref) => {
 };
 const Frame = fixedForwardRef(FrameComponent);
 export {
-  Frame
+  Frame,
+  fixedForwardRef
 };

package/esm/Input/Input.mjs

@@ -1,9 +1,7 @@
-import * as React from "react";
+import React, { forwardRef } from "react";
 import { Frame } from "../Frame/Frame.mjs";
 import { input } from "./Input.css.mjs";
-const Input = React.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: input, as: "input" })
-);
+const Input = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: input, as: "input" }));
 export {
   Input
 };

package/esm/List/List.mjs

@@ -1,12 +1,10 @@
+import React, { forwardRef } from "react";
+import cn from "classnames";
 import { ListItem } from "./ListItem.mjs";
 import { Divider } from "./ListDivider.mjs";
 import { Frame } from "../Frame/Frame.mjs";
-import React__default from "react";
 import { list } from "./List.css.mjs";
-import cn from "classnames";
-const ListRenderer = React__default.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React__default.createElement(Frame, { ...rest, ref, className: cn(list, rest.className), as: "ul" })
-);
+const ListRenderer = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(list, rest.className), as: "ul" }));
 const List = Object.assign(ListRenderer, {
   Item: ListItem,
   Divider

package/esm/List/ListDivider.mjs

@@ -1,18 +1,8 @@
-import React__default from "react";
+import React, { forwardRef } from "react";
 import { Frame } from "../Frame/Frame.mjs";
 import { divider } from "./List.css.mjs";
 import cn from "classnames";
-const Divider = React__default.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React__default.createElement(
-    Frame,
-    {
-      ...rest,
-      ref,
-      className: cn(divider, rest.className),
-      as: "li"
-    }
-  )
-);
+const Divider = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(divider, rest.className), as: "li" }));
 Divider.displayName = "List.Divider";
 export {
   Divider

package/esm/List/ListItem.mjs

@@ -1,10 +1,10 @@
-import React__default, { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import cn from "classnames";
 import { Frame } from "../Frame/Frame.mjs";
 import { listItem } from "./List.css.mjs";
-const Item = React__default.forwardRef((rest, ref) => /* @__PURE__ */ React__default.createElement(Frame, { ...rest, ref, className: cn(listItem, rest.className), as: "li" }));
+const Item = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(listItem, rest.className), as: "li" }));
 const ListItem = forwardRef(
-  ({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React__default.createElement(Item, { ...rest, ref }, icon, children)
+  ({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React.createElement(Item, { ...rest, ref }, icon, children)
 );
 ListItem.displayName = "List.Item";
 export {

package/esm/Modal/Modal.mjs

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React, { forwardRef, useContext, useState, useEffect } from "react";
 import Draggable from "react-draggable";
 import { Button } from "../Button/Button.mjs";
 import { TitleBar } from "../TitleBar/TitleBar.mjs";
@@ -30,11 +30,11 @@ const ModalRenderer = ({
     updateWindow,
     setActiveWindow,
     activeWindow
-  } = React.useContext(ModalContext);
-  const [id, setId] = React.useState(null);
-  const [menuOpened, setMenuOpened] = React.useState("");
-  const [isActive, setIsActive] = React.useState(false);
-  React.useEffect(() => {
+  } = useContext(ModalContext);
+  const [id, setId] = useState(null);
+  const [menuOpened, setMenuOpened] = useState("");
+  const [isActive, setIsActive] = useState(false);
+  useEffect(() => {
     if (!id) {
       const newId = addWindows({ icon, title, hasButton });
       if (newId) {
@@ -45,14 +45,14 @@ const ModalRenderer = ({
       updateWindow(id, { icon, title, hasButton });
     }
   }, [id, icon, title, hasButton]);
-  React.useEffect(() => {
+  useEffect(() => {
     return () => {
       if (id) {
         removeWindow(id);
       }
     };
   }, [id]);
-  React.useEffect(() => setIsActive(id === activeWindow), [id, activeWindow]);
+  useEffect(() => setIsActive(id === activeWindow), [id, activeWindow]);
   return /* @__PURE__ */ React.createElement(
     Draggable,
     {
@@ -113,9 +113,7 @@ const ModalRenderer = ({
     )
   );
 };
-const Modal = React.forwardRef(
-  ModalRenderer
-);
+const Modal = forwardRef(ModalRenderer);
 Modal.displayName = "Modal";
 Modal.defaultProps = {
   icon: void 0,

package/esm/Modal/ModalProvider.mjs

@@ -1,5 +1,5 @@
 import { nanoid } from "nanoid";
-import * as React from "react";
+import React, { useReducer, useState } from "react";
 import { ModalContext } from "./ModalContext.mjs";
 const windowStackReducer = (state, action) => {
   const newWindows = { ...state };
@@ -20,9 +20,11 @@ const windowStackReducer = (state, action) => {
       return state;
   }
 };
-const ModalProvider = ({ children }) => {
-  const [windows, dispatch] = React.useReducer(windowStackReducer, {});
-  const [activeWindow, setActiveWindow] = React.useState();
+const ModalProvider = ({
+  children
+}) => {
+  const [windows, dispatch] = useReducer(windowStackReducer, {});
+  const [activeWindow, setActiveWindow] = useState();
   const addWindows = (window) => {
     const id = nanoid();
     dispatch({ type: "ADD_WINDOW", id, window });

package/esm/ProgressBar/ProgressBar.mjs

@@ -1,9 +1,9 @@
-import React__default, { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import cn from "classnames";
 import { Frame } from "../Frame/Frame.mjs";
 import { wrapper, whiteBar, container, progress } from "./ProgressBar.css.mjs";
 const ProgressBar = forwardRef(
-  ({ width = "150px", percent = 0, ...rest }, ref) => /* @__PURE__ */ React__default.createElement(
+  ({ width = "150px", percent = 0, ...rest }, ref) => /* @__PURE__ */ React.createElement(
     Frame,
     {
       ...rest,
@@ -11,8 +11,8 @@ const ProgressBar = forwardRef(
       className: cn(wrapper, rest.className),
       ref
     },
-    /* @__PURE__ */ React__default.createElement(Frame, { className: whiteBar, width }, `${percent}%`),
-    /* @__PURE__ */ React__default.createElement(Frame, { className: container, width: `${percent}%` }, /* @__PURE__ */ React__default.createElement(Frame, { className: progress, width }, `${percent}%`))
+    /* @__PURE__ */ React.createElement(Frame, { className: whiteBar, width }, `${percent}%`),
+    /* @__PURE__ */ React.createElement(Frame, { className: container, width: `${percent}%` }, /* @__PURE__ */ React.createElement(Frame, { className: progress, width }, `${percent}%`))
   )
 );
 export {

package/esm/RadioButton/RadioButton.mjs

@@ -1,7 +1,7 @@
-import React__default, { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { label, field, icon, text } from "./RadioButton.css.mjs";
 const RadioButton = forwardRef(
-  ({ children, disabled, ...props }, ref) => /* @__PURE__ */ React__default.createElement("label", { className: label }, /* @__PURE__ */ React__default.createElement(
+  ({ children, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement("label", { className: label }, /* @__PURE__ */ React.createElement(
     "input",
     {
       type: "radio",
@@ -10,7 +10,7 @@ const RadioButton = forwardRef(
       ref,
       ...props
     }
-  ), /* @__PURE__ */ React__default.createElement("span", { className: icon }), /* @__PURE__ */ React__default.createElement("span", { className: text }, children))
+  ), /* @__PURE__ */ React.createElement("span", { className: icon }), /* @__PURE__ */ React.createElement("span", { className: text }, children))
 );
 export {
   RadioButton

package/esm/Range/Range.mjs

@@ -1,19 +1,17 @@
-import * as React from "react";
+import React, { forwardRef } from "react";
 import { Frame } from "../Frame/Frame.mjs";
 import { range } from "./Range.css.mjs";
 import cn from "classnames";
-const Range = React.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React.createElement(
-    Frame,
-    {
-      ...rest,
-      ref,
-      className: cn(range, rest.className),
-      as: "input",
-      type: "range"
-    }
-  )
-);
+const Range = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(
+  Frame,
+  {
+    ...rest,
+    ref,
+    className: cn(range, rest.className),
+    as: "input",
+    type: "range"
+  }
+));
 export {
   Range
 };