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

package/esm/Modal/{ModalProvider.js → ModalProvider.mjs}

@@ -1,6 +1,6 @@
 import { nanoid } from "nanoid";
-import * as React from "react";
-import { ModalContext } from "./ModalContext.js";
+import React, { useReducer, useState } from "react";
+import { ModalContext } from "./ModalContext.mjs";
 const windowStackReducer = (state, action) => {
   const newWindows = { ...state };
   switch (action.type) {
@@ -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.css.js → ProgressBar.css.mjs}

@@ -1,5 +1,5 @@
 import './ProgressBar.css.ts.vanilla.css';
-/* empty css                                */var container = "r95_1drc6y72";
+/* empty css                                 */var container = "r95_1drc6y72";
 var progress = "r95_1drc6y73";
 var whiteBar = "r95_1drc6y71";
 var wrapper = "r95_1drc6y70";

package/esm/ProgressBar/ProgressBar.mjs

@@ -0,0 +1,20 @@
+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.createElement(
+    Frame,
+    {
+      ...rest,
+      width,
+      className: cn(wrapper, rest.className),
+      ref
+    },
+    /* @__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 {
+  ProgressBar
+};

package/esm/RadioButton/{RadioButton.css.js → RadioButton.css.mjs}

@@ -1,5 +1,5 @@
 import './RadioButton.css.ts.vanilla.css';
-/* empty css                                */var field = "r95_1rnz0nz3";
+/* empty css                                 */var field = "r95_1rnz0nz3";
 var icon = "r95_1rnz0nz0";
 var label = "r95_1rnz0nz2";
 var text = "r95_1rnz0nz1";

package/esm/RadioButton/RadioButton.mjs

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

package/esm/Range/Range.css.mjs

@@ -0,0 +1,5 @@
+import './Range.css.ts.vanilla.css';
+/* empty css                           */var range = "r95_1i4w9z20";
+export {
+  range
+};

package/esm/Range/Range.mjs

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

package/esm/Tabs/Tab.mjs

@@ -0,0 +1,18 @@
+import React, { forwardRef } from "react";
+import { tab } from "./Tabs.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+const Tab = forwardRef(
+  ({ activeTab, title, ...rest }, ref) => /* @__PURE__ */ React.createElement(
+    Frame,
+    {
+      ...rest,
+      className: tab({ active: activeTab === title }),
+      ref,
+      as: "li"
+    },
+    title
+  )
+);
+export {
+  Tab
+};

package/esm/Tabs/{Tabs.css.js → Tabs.css.mjs}

@@ -1,5 +1,5 @@
 import './Tabs.css.ts.vanilla.css';
-/* empty css                         */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+/* empty css                          */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var navContainer = "r95_fyllcd1";
 var navbar = "r95_fyllcd0";
 var tab = createRuntimeFn({ defaultClassName: "r95_fyllcd2", variantClassNames: { active: { true: "r95_fyllcd3" } }, defaultVariants: {}, compoundVariants: [] });

package/esm/Tabs/Tabs.mjs

@@ -0,0 +1,47 @@
+import React, { forwardRef, Children, useState } from "react";
+import cn from "classnames";
+import { Tab } from "./Tab.mjs";
+import { navbar, navContainer } from "./Tabs.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+const Tabs = forwardRef(
+  ({ children, defaultActiveTab, onChange, ...rest }, ref) => {
+    const [firstTab] = Children.toArray(children);
+    const [activeTab, setActiveTab] = useState(
+      defaultActiveTab || firstTab.props.title
+    );
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      Frame,
+      {
+        ...rest,
+        className: cn(navbar, rest.className),
+        as: "ol",
+        ref
+      },
+      Children.map(children, (child) => {
+        const { title, disabled } = child.props;
+        return /* @__PURE__ */ React.createElement(
+          Tab,
+          {
+            key: title,
+            ...child.props,
+            activeTab,
+            onClick: (e) => {
+              if (!disabled) {
+                if (onChange) {
+                  onChange(title, e);
+                }
+                setActiveTab(title);
+              }
+            }
+          }
+        );
+      })
+    ), /* @__PURE__ */ React.createElement(Frame, { className: navContainer, width: rest.width || rest.w }, Children.map(
+      children,
+      (child) => child.props.title === activeTab && child.props.children
+    )));
+  }
+);
+export {
+  Tabs
+};

package/esm/TaskBar/{Clock.js → Clock.mjs}

@@ -1,7 +1,7 @@
-import React__default, { useState, useEffect } from "react";
-import { Frame } from "../Frame/Frame.js";
-import { Tooltip } from "../Tooltip/Tooltip.js";
-import { tooltip } from "./TaskBar.css.js";
+import React, { useState, useEffect } from "react";
+import { Frame } from "../Frame/Frame.mjs";
+import { Tooltip } from "../Tooltip/Tooltip.mjs";
+import { tooltip } from "./TaskBar.css.mjs";
 const Clock = () => {
   const [timer, setTimer] = useState("");
   useEffect(() => {
@@ -16,7 +16,7 @@ const Clock = () => {
     });
     return () => clearInterval(interval);
   }, []);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Frame,
     {
       boxShadow: "$in",
@@ -26,7 +26,7 @@ const Clock = () => {
       justifyContent: "center",
       alignItems: "center"
     },
-    /* @__PURE__ */ React__default.createElement(Tooltip, { className: tooltip }, timer)
+    /* @__PURE__ */ React.createElement(Tooltip, { className: tooltip }, timer)
   );
 };
 export {

package/esm/TaskBar/{TaskBar.css.js → TaskBar.css.mjs}

@@ -1,5 +1,5 @@
 import './TaskBar.css.ts.vanilla.css';
-/* empty css                            */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+/* empty css                             */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var icon = "r95_1ct83mo9";
 var tooltip = "r95_1ct83mo1";
 var truncate = "r95_1ct83mo0";

package/esm/TaskBar/TaskBar.css.ts.vanilla.css

@@ -19,6 +19,7 @@
   max-width: 150px;
   border: none;
   outline: none;
+  color: var(--r95-color-materialText);
 }
 .r95_1ct83mo3 {
   padding-inline: var(--r95-space-5);

package/esm/TaskBar/{TaskBar.js → TaskBar.mjs}

@@ -1,16 +1,16 @@
-import React__default, { forwardRef, useState, useContext } from "react";
-import { ModalContext } from "../Modal/ModalContext.js";
-import { Frame } from "../Frame/Frame.js";
-import { Clock } from "./Clock.js";
-import { WindowButton } from "./WindowButton.js";
+import React, { forwardRef, useState, useContext } from "react";
+import { ModalContext } from "../Modal/ModalContext.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+import { Clock } from "./Clock.mjs";
+import { WindowButton } from "./WindowButton.mjs";
 import { Logo } from "@react95/icons";
-import { truncate } from "./TaskBar.css.js";
+import { truncate } from "./TaskBar.css.mjs";
 const TaskBar = forwardRef(
   ({ list }, ref) => {
     const [showList, toggleShowList] = useState(false);
     const [activeStart, toggleActiveStart] = useState(false);
     const { windows, activeWindow, setActiveWindow } = useContext(ModalContext);
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Frame,
       {
         position: "fixed",
@@ -27,7 +27,7 @@ const TaskBar = forwardRef(
         boxShadow: "$out",
         ref
       },
-      showList && /* @__PURE__ */ React__default.createElement(
+      showList && /* @__PURE__ */ React.createElement(
         Frame,
         {
           position: "absolute",
@@ -39,11 +39,11 @@ const TaskBar = forwardRef(
         },
         list
       ),
-      /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(
         WindowButton,
         {
           small: true,
-          icon: /* @__PURE__ */ React__default.createElement(Logo, { variant: "32x32_4" }),
+          icon: /* @__PURE__ */ React.createElement(Logo, { variant: "32x32_4" }),
           active: activeStart,
           onClick: () => {
             toggleActiveStart(!activeStart);
@@ -52,8 +52,8 @@ const TaskBar = forwardRef(
         },
         "Start"
       ),
-      /* @__PURE__ */ React__default.createElement(Frame, { w: "100%", paddingLeft: "$0", ml: "$2", display: "flex" }, Object.entries(windows).map(
-        ([windowId, { icon, title, hasButton }]) => hasButton && /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(Frame, { w: "100%", paddingLeft: "$0", ml: "$2", display: "flex" }, Object.entries(windows).map(
+        ([windowId, { icon, title, hasButton }]) => hasButton && /* @__PURE__ */ React.createElement(
           WindowButton,
           {
             key: windowId,
@@ -62,10 +62,10 @@ const TaskBar = forwardRef(
             onClick: () => setActiveWindow(windowId),
             small: false
           },
-          /* @__PURE__ */ React__default.createElement("div", { className: truncate }, title)
+          /* @__PURE__ */ React.createElement("div", { className: truncate }, title)
         )
       )),
-      /* @__PURE__ */ React__default.createElement(Clock, null)
+      /* @__PURE__ */ React.createElement(Clock, null)
     );
   }
 );

package/esm/TaskBar/WindowButton.mjs

@@ -0,0 +1,17 @@
+import React, { forwardRef } from "react";
+import { windowsButton, icon } from "./TaskBar.css.mjs";
+const WindowButton = forwardRef(
+  ({ children, small = false, icon: icon$1, active = false, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: windowsButton({ active, small }),
+      ...props,
+      ref
+    },
+    /* @__PURE__ */ React.createElement("div", { className: icon }, icon$1),
+    children
+  )
+);
+export {
+  WindowButton
+};

package/esm/TextArea/TextArea.mjs

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

package/esm/TitleBar/{TitleBar.css.js → TitleBar.css.mjs}

@@ -1,5 +1,5 @@
 import './TitleBar.css.ts.vanilla.css';
-/* empty css                             */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+/* empty css                              */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var option = "r95_1kpzw681";
 var optionsBox = "r95_1kpzw680";
 var title = "r95_1kpzw685";

package/esm/TitleBar/TitleBar.mjs

@@ -0,0 +1,47 @@
+import React, { forwardRef } from "react";
+import { Frame } from "../Frame/Frame.mjs";
+import { optionsBox, option, titleBarBackground, title } from "./TitleBar.css.mjs";
+import { button } from "../Button/Button.css.mjs";
+import cn from "classnames";
+const OptionsBox = forwardRef(
+  (rest, ref) => /* @__PURE__ */ React.createElement(
+    Frame,
+    {
+      ...rest,
+      ref,
+      className: cn(optionsBox, rest.className)
+    }
+  )
+);
+const Option = forwardRef(
+  (rest, ref) => /* @__PURE__ */ React.createElement(
+    Frame,
+    {
+      ...rest,
+      ref,
+      as: "button",
+      className: cn(button, option, rest.className)
+    }
+  )
+);
+const TitleBarRenderer = ({ children, title: title$1 = "UNKNOWN.EXE", icon, active = true, ...rest }, ref) => /* @__PURE__ */ React.createElement(
+  Frame,
+  {
+    ...rest,
+    className: cn(titleBarBackground({ active }), rest.className),
+    ref
+  },
+  icon && icon,
+  /* @__PURE__ */ React.createElement("div", { className: title }, title$1),
+  children
+);
+const TitleBar = Object.assign(
+  forwardRef(TitleBarRenderer),
+  {
+    Option,
+    OptionsBox
+  }
+);
+export {
+  TitleBar
+};

package/esm/Tooltip/{Tooltip.css.js → Tooltip.css.mjs}

@@ -1,5 +1,5 @@
 import './Tooltip.css.ts.vanilla.css';
-/* empty css                            */var tip = "r95_f5whxn0";
+/* empty css                             */var tip = "r95_f5whxn0";
 var wrapper = "r95_f5whxn1";
 export {
   tip,

package/esm/Tooltip/{Tooltip.js → Tooltip.mjs}

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { wrapper, tip } from "./Tooltip.css.js";
+import React, { forwardRef, useState } from "react";
 import cn from "classnames";
+import { wrapper, tip } from "./Tooltip.css.mjs";
 function formatDate(date) {
   const monthNames = [
     "January",
@@ -27,8 +27,8 @@ const TooltipRenderer = ({
   delay = 1e3,
   ...rest
 }, ref) => {
-  const [show, setShow] = React.useState(false);
-  const [delayTimer, setDelayTimer] = React.useState(0);
+  const [show, setShow] = useState(false);
+  const [delayTimer, setDelayTimer] = useState(0);
   const handleEnter = () => {
     const timer = window.setTimeout(() => {
       setShow(true);
@@ -52,7 +52,7 @@ const TooltipRenderer = ({
     children
   );
 };
-const Tooltip = React.forwardRef(
+const Tooltip = forwardRef(
   TooltipRenderer
 );
 export {

package/esm/Tree/{Node.js → Node.mjs}

@@ -1,7 +1,7 @@
-import * as React from "react";
+import React, { useState } from "react";
 import { MediaCd, FileText, Bat, FileFont2, FilePen, FileSettings, FileTextSettings, BatExec, FolderOpen, Folder } from "@react95/icons";
-import { node, nodeContent, folderStatus, iconContainer, label, tree, nodeRoot } from "./Tree.css.js";
-import { Frame } from "../Frame/Frame.js";
+import { node, nodeContent, folderStatus, iconContainer, label, tree, nodeRoot } from "./Tree.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
 import cn from "classnames";
 const icons = {
   FILE_MEDIA: MediaCd,
@@ -40,7 +40,7 @@ const Node = ({
   },
   ...rest
 }) => {
-  const [isOpen, setIsOpen] = React.useState(false);
+  const [isOpen, setIsOpen] = useState(false);
   const hasChildren = children.length > 0;
   const onClickHandler = (event) => {
     onClick(event, {

package/esm/Tree/{Tree.css.js → Tree.css.mjs}

@@ -1,5 +1,5 @@
 import './Tree.css.ts.vanilla.css';
-/* empty css                         */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+/* empty css                          */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var folderStatus = "r95_z2881c5";
 var iconContainer = createRuntimeFn({ defaultClassName: "r95_z2881c6", variantClassNames: { hasChildren: { true: "r95_z2881c7", false: "r95_z2881c8" } }, defaultVariants: {}, compoundVariants: [] });
 var label = "r95_z2881c4";

package/esm/Tree/Tree.css.ts.vanilla.css

@@ -10,7 +10,7 @@
   margin-left: var(--r95-space-6);
 }
 .r95_z2881c1 {
-  margin-left: var(--r95-space-12);
+  margin-left: var(--r95-space-13);
   border-left-width: thin;
   border-left-style: dotted;
   border-left-color: var(--r95-color-borderDarkest);

package/esm/Tree/Tree.mjs

@@ -0,0 +1,16 @@
+import React, { forwardRef } from "react";
+import { NodeRoot, Node, icons } from "./Node.mjs";
+import { tree } from "./Tree.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+const Tree = forwardRef(
+  ({ data, root, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, root && /* @__PURE__ */ React.createElement(NodeRoot, { ...root }), /* @__PURE__ */ React.createElement(Frame, { ...rest, className: tree, as: "ul", ref }, data.map((dataNode) => /* @__PURE__ */ React.createElement(Node, { key: dataNode.id, ...dataNode }))));
+  }
+);
+Tree.defaultProps = {
+  data: []
+};
+Tree.icons = icons;
+export {
+  Tree
+};

package/esm/Video/{Video.css.js → Video.css.mjs}

@@ -1,5 +1,5 @@
 import './Video.css.ts.vanilla.css';
-/* empty css                          */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+/* empty css                           */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var controlBtn = "r95_13gnpv09";
 var controls = "r95_13gnpv03";
 var countDownContainer = "r95_13gnpv04";

package/esm/Video/{Video.js → Video.mjs}

@@ -1,14 +1,14 @@
-import * as React from "react";
+import React, { forwardRef, useState, useRef, useImperativeHandle, useEffect } from "react";
 import { Mplayer113, User4 } from "@react95/icons";
-import { videoTag, divider, countDownContainer, videoFont, currentTime, elapsedTime, controls, controlBtn, range } from "./Video.css.js";
-import { Frame } from "../Frame/Frame.js";
-import { Button } from "../Button/Button.js";
-import { Range } from "../Range/Range.js";
-import { TitleBar } from "../TitleBar/TitleBar.js";
-import Play from "./buttons/Play.js";
-import Pause from "./buttons/Pause.js";
-import Stop from "./buttons/Stop.js";
-import Fullscreen from "./buttons/Fullscreen.js";
+import { videoTag, divider, countDownContainer, videoFont, currentTime, elapsedTime, controls, controlBtn, range } from "./Video.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+import { Button } from "../Button/Button.mjs";
+import { Range } from "../Range/Range.mjs";
+import { TitleBar } from "../TitleBar/TitleBar.mjs";
+import Play from "./buttons/Play.mjs";
+import Pause from "./buttons/Pause.mjs";
+import Stop from "./buttons/Stop.mjs";
+import Fullscreen from "./buttons/Fullscreen.mjs";
 import cn from "classnames";
 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);
@@ -28,20 +28,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.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 [playing, setPlaying] = useState(false);
+  const [loadeddata, setLoadeddata] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const player = useRef(null);
+  const progressRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const playPauseRef = useRef(null);
+  const stopRef = useRef(null);
+  const fullScreenRef = useRef(null);
   const paths = arrayFy(src);
   const [pathname] = paths;
   const normalizedName = name || pathname.replace(/^.*[\\/]/, "");
   const title = `${normalizedName}${!loadeddata ? " (Opening)" : ""}`;
-  React.useImperativeHandle(ref, () => ({
+  useImperativeHandle(ref, () => ({
     get video() {
       return player;
     },
@@ -61,7 +61,7 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
       return fullScreenRef;
     }
   }));
-  React.useEffect(() => {
+  useEffect(() => {
     var _a, _b, _c, _d;
     (_a = player.current) == null ? void 0 : _a.addEventListener(
       "ended",
@@ -127,6 +127,7 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
     ), /* @__PURE__ */ React.createElement("div", { className: videoFont, style: { height: 12 } }, !loadeddata && "Openning")), /* @__PURE__ */ React.createElement(Frame, { display: "flex", flexDirection: "column", w: "40%" }, /* @__PURE__ */ React.createElement("div", { className: cn(videoFont, currentTime) }, player.current && parseCurrentTime(player.current.currentTime)), /* @__PURE__ */ React.createElement("div", { className: cn(videoFont, elapsedTime) }, "time"))), /* @__PURE__ */ React.createElement("div", { className: controls }, /* @__PURE__ */ React.createElement(
       Button,
       {
+        as: "button",
         className: controlBtn,
         disabled: !loadeddata,
         onClick: () => {
@@ -200,7 +201,7 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
     )))
   );
 };
-const Video = React.forwardRef(VideoRenderer);
+const Video = forwardRef(VideoRenderer);
 export {
   Video
 };

package/esm/Video/buttons/{Fullscreen.js → Fullscreen.mjs}

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 const Fullscreen = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {

package/esm/Video/buttons/{Pause.js → Pause.mjs}

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 const Pause = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {

package/esm/Video/buttons/{Play.js → Play.mjs}

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 const Play = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {

package/esm/Video/buttons/{Stop.js → Stop.mjs}

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 const Stop = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {

package/esm/index.mjs

@@ -0,0 +1,50 @@
+import { Modal } from "./Modal/Modal.mjs";
+import { ModalContext } from "./Modal/ModalContext.mjs";
+import { ModalProvider } from "./Modal/ModalProvider.mjs";
+import { Tabs } from "./Tabs/Tabs.mjs";
+import { Tab } from "./Tabs/Tab.mjs";
+import { Alert } from "./Alert/Alert.mjs";
+import { Avatar } from "./Avatar/Avatar.mjs";
+import { Button } from "./Button/Button.mjs";
+import { Checkbox } from "./Checkbox/Checkbox.mjs";
+import { Cursor } from "./Cursor/Cursor.css.mjs";
+import { Dropdown } from "./Dropdown/Dropdown.mjs";
+import { Fieldset } from "./Fieldset/Fieldset.mjs";
+import { Frame } from "./Frame/Frame.mjs";
+import { Input } from "./Input/Input.mjs";
+import { List } from "./List/List.mjs";
+import { ProgressBar } from "./ProgressBar/ProgressBar.mjs";
+import { RadioButton } from "./RadioButton/RadioButton.mjs";
+import { Range } from "./Range/Range.mjs";
+import { TaskBar } from "./TaskBar/TaskBar.mjs";
+import { TextArea } from "./TextArea/TextArea.mjs";
+import { Tree } from "./Tree/Tree.mjs";
+import { Tooltip } from "./Tooltip/Tooltip.mjs";
+import { TitleBar } from "./TitleBar/TitleBar.mjs";
+import { Video } from "./Video/Video.mjs";
+export {
+  Alert,
+  Avatar,
+  Button,
+  Checkbox,
+  Cursor,
+  Dropdown,
+  Fieldset,
+  Frame,
+  Input,
+  List,
+  Modal,
+  ModalContext,
+  ModalProvider,
+  ProgressBar,
+  RadioButton,
+  Range,
+  Tab,
+  Tabs,
+  TaskBar,
+  TextArea,
+  TitleBar,
+  Tooltip,
+  Tree,
+  Video
+};

package/esm/themes/azureOrange.css.mjs

@@ -0,0 +1,2 @@
+import './azureOrange.css.ts.vanilla.css';
+/* empty css                                 */