@react95/core 9.6.1 → 9.6.3-alpha.0

package/cjs/Button/Button.cjs

@@ -4,17 +4,16 @@ const React = require("react");
 const cn = require("classnames");
 const Button_css = require("./Button.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
-const Button = Frame.fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(
-      Frame.Frame,
-      {
-        as: "button",
-        ...props,
-        className: cn(Button_css.button, props.className),
-        ref
-      }
-    );
-  }
-);
+const ButtonComponent = Frame.fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    Frame.Frame,
+    {
+      as: "button",
+      ...props,
+      className: cn(Button_css.button, props.className),
+      ref
+    }
+  );
+});
+const Button = ButtonComponent;
 exports.Button = Button;

package/cjs/Frame/Frame.cjs

@@ -6,10 +6,10 @@ const cn = require("classnames");
 const fixedForwardRef = React.forwardRef;
 const FrameComponent = (props, ref) => {
   const { as, children, ...rest } = props;
-  const Component = as || "div";
+  const tag = as || "div";
   const { className, style, otherProps } = Frame_css.sprinkles(rest);
-  return /* @__PURE__ */ React.createElement(
-    Component,
+  return React.createElement(
+    tag,
     {
       ...otherProps,
       style: { ...style, ...otherProps.style },
@@ -19,6 +19,6 @@ const FrameComponent = (props, ref) => {
     children
   );
 };
-const Frame = fixedForwardRef(FrameComponent);
+const Frame = React.forwardRef(FrameComponent);
 exports.Frame = Frame;
 exports.fixedForwardRef = fixedForwardRef;

package/cjs/List/List.cjs

@@ -6,8 +6,10 @@ const ListItem = require("./ListItem.cjs");
 const ListDivider = require("./ListDivider.cjs");
 const Frame = require("../Frame/Frame.cjs");
 const List_css = require("./List.css.cjs");
-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, {
+const ListComponent = Frame.fixedForwardRef(
+  (rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.list, rest.className), as: "ul" })
+);
+const List = Object.assign(ListComponent, {
   Item: ListItem.ListItem,
   Divider: ListDivider.Divider
 });

package/cjs/List/ListDivider.cjs

@@ -4,6 +4,16 @@ 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" }));
-Divider.displayName = "List.Divider";
+const DividerComponent = Frame.fixedForwardRef(
+  (rest, ref) => /* @__PURE__ */ React.createElement(
+    Frame.Frame,
+    {
+      ...rest,
+      ref,
+      className: cn(List_css.divider, rest.className),
+      as: "li"
+    }
+  )
+);
+const Divider = DividerComponent;
 exports.Divider = Divider;

package/cjs/List/ListItem.cjs

@@ -4,9 +4,20 @@ const React = require("react");
 const cn = require("classnames");
 const Frame = require("../Frame/Frame.cjs");
 const List_css = require("./List.css.cjs");
-const Item = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.listItem, rest.className), as: "li" }));
-const ListItem = React.forwardRef(
+const ItemComponent = Frame.fixedForwardRef(
+  (rest, ref) => /* @__PURE__ */ React.createElement(
+    Frame.Frame,
+    {
+      ...rest,
+      ref,
+      className: cn(List_css.listItem, rest.className),
+      as: "li"
+    }
+  )
+);
+const Item = ItemComponent;
+const ListItemComponent = Frame.fixedForwardRef(
   ({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React.createElement(Item, { ...rest, ref }, icon, children)
 );
-ListItem.displayName = "List.Item";
+const ListItem = ListItemComponent;
 exports.ListItem = ListItem;

package/cjs/TitleBar/TitleBar.cjs

@@ -32,7 +32,7 @@ const defaultOptions = {
     src: restore
   }
 };
-const OptionsBox = Frame.fixedForwardRef(
+const OptionsBoxComponent = Frame.fixedForwardRef(
   (rest, ref) => /* @__PURE__ */ React.createElement(
     Frame.Frame,
     {
@@ -42,56 +42,53 @@ const OptionsBox = Frame.fixedForwardRef(
     }
   )
 );
-const Option = Frame.fixedForwardRef(
-  (rest, ref) => /* @__PURE__ */ React.createElement(
-    Frame.Frame,
+const OptionsBox = OptionsBoxComponent;
+const OptionComponent = Frame.fixedForwardRef((rest, ref) => /* @__PURE__ */ React.createElement(
+  Frame.Frame,
+  {
+    as: "button",
+    ...rest,
+    ref,
+    className: cn(Button_css.button, TitleBar_css.option, rest.className)
+  }
+));
+const Option = OptionComponent;
+const DefaultOptionComponent = Frame.fixedForwardRef((props, ref) => {
+  const { kind, ...rest } = props;
+  const optionType = defaultOptions[kind] || defaultOptions.help;
+  return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
+    "img",
     {
-      as: "button",
-      ...rest,
-      ref,
-      className: cn(Button_css.button, TitleBar_css.option, rest.className)
+      src: optionType.src,
+      alt: optionType.alt,
+      className: TitleBar_css.optionImage
     }
-  )
-);
-const DefaultOption = Frame.fixedForwardRef(
-  (props, ref) => {
-    const { kind, ...rest } = props;
-    const optionType = defaultOptions[kind] || defaultOptions.help;
-    return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement("img", { src: optionType.src, alt: optionType.alt }));
-  }
-);
-const Help = Frame.fixedForwardRef(
+  ));
+});
+const DefaultOption = DefaultOptionComponent;
+const HelpComponent = Frame.fixedForwardRef(
   (props, ref) => {
     return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "help", ref });
   }
 );
-const Close = Frame.fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
-  }
-);
-const Maximize = Frame.fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
-  }
-);
-const Minimize = Frame.fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
-  }
-);
-const Restore = Frame.fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
-  }
-);
-const TitleBarRenderer = ({
-  children,
-  title = "UNKNOWN.EXE",
-  icon,
-  active = true,
-  ...rest
-}, ref) => /* @__PURE__ */ React.createElement(
+const Help = HelpComponent;
+const CloseComponent = Frame.fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
+});
+const Close = CloseComponent;
+const MaximizeComponent = Frame.fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
+});
+const Maximize = MaximizeComponent;
+const MinimizeComponent = Frame.fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
+});
+const Minimize = MinimizeComponent;
+const RestoreComponent = Frame.fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
+});
+const Restore = RestoreComponent;
+const TitleBarRenderer = Frame.fixedForwardRef(({ children, title = "UNKNOWN.EXE", icon, active = true, ...rest }, ref) => /* @__PURE__ */ React.createElement(
   Frame.Frame,
   {
     ...rest,
@@ -101,8 +98,8 @@ const TitleBarRenderer = ({
   icon && icon,
   /* @__PURE__ */ React.createElement("div", { className: TitleBar_css.title }, title),
   children
-);
-const TitleBar = Object.assign(Frame.fixedForwardRef(TitleBarRenderer), {
+));
+const TitleBar = Object.assign(TitleBarRenderer, {
   Option,
   OptionsBox,
   Help,

package/cjs/TitleBar/TitleBar.css.cjs

@@ -6,7 +6,9 @@ var optionsBox = "r95_1kpzw680";
 var option = "r95_1kpzw681";
 var titleBarBackground = createRuntimeFn.createRuntimeFn({ defaultClassName: "r95_1kpzw682", variantClassNames: { active: { true: "r95_1kpzw683", false: "r95_1kpzw684" } }, defaultVariants: {}, compoundVariants: [] });
 var title = "r95_1kpzw685";
+var optionImage = "r95_1kpzw686";
 exports.option = option;
+exports.optionImage = optionImage;
 exports.optionsBox = optionsBox;
 exports.title = title;
 exports.titleBarBackground = titleBarBackground;

package/cjs/TitleBar/TitleBar.css.ts.vanilla.css

@@ -65,4 +65,7 @@
   text-shadow: 0.5px 0px white, 1.5px 0px white;
   color: transparent;
   letter-spacing: 1px;
+}
+.r95_1kpzw686 {
+  max-width: none;
 }

package/cjs/Video/Video.cjs

@@ -129,7 +129,6 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
     ), /* @__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: () => {

package/cjs/themes/azureOrange.css.cjs

@@ -1,4 +1,3 @@
 require('./azureOrange.css.ts.vanilla.css');
 "use strict";
-require("./contract.css.ts.vanilla.css.cjs");
 /* empty css                                   */

package/cjs/themes/contract.css.cjs

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./contract.css.ts.vanilla.css.cjs");
 var contract = { space: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, colors: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, zIndices: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, shadows: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" } };
 exports.contract = contract;

package/esm/Button/Button.mjs

@@ -2,19 +2,18 @@ import React from "react";
 import cn from "classnames";
 import { button } from "./Button.css.mjs";
 import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
-const Button = fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(
-      Frame,
-      {
-        as: "button",
-        ...props,
-        className: cn(button, props.className),
-        ref
-      }
-    );
-  }
-);
+const ButtonComponent = fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    Frame,
+    {
+      as: "button",
+      ...props,
+      className: cn(button, props.className),
+      ref
+    }
+  );
+});
+const Button = ButtonComponent;
 export {
   Button
 };

package/esm/Frame/Frame.mjs

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

package/esm/List/List.mjs

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

package/esm/List/ListDivider.mjs

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

package/esm/List/ListItem.mjs

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

package/esm/TitleBar/TitleBar.css.mjs

@@ -4,8 +4,10 @@ var optionsBox = "r95_1kpzw680";
 var option = "r95_1kpzw681";
 var titleBarBackground = createRuntimeFn({ defaultClassName: "r95_1kpzw682", variantClassNames: { active: { true: "r95_1kpzw683", false: "r95_1kpzw684" } }, defaultVariants: {}, compoundVariants: [] });
 var title = "r95_1kpzw685";
+var optionImage = "r95_1kpzw686";
 export {
   option,
+  optionImage,
   optionsBox,
   title,
   titleBarBackground

package/esm/TitleBar/TitleBar.css.ts.vanilla.css

@@ -65,4 +65,7 @@
   text-shadow: 0.5px 0px white, 1.5px 0px white;
   color: transparent;
   letter-spacing: 1px;
+}
+.r95_1kpzw686 {
+  max-width: none;
 }

package/esm/TitleBar/TitleBar.mjs

@@ -7,7 +7,7 @@ import minimize from "./minimize.svg.mjs";
 import restore from "./restore.svg.mjs";
 import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
 import { button } from "../Button/Button.css.mjs";
-import { optionsBox, option, titleBarBackground, title } from "./TitleBar.css.mjs";
+import { optionsBox, option, optionImage, titleBarBackground, title } from "./TitleBar.css.mjs";
 const defaultOptions = {
   help: {
     alt: "help",
@@ -30,7 +30,7 @@ const defaultOptions = {
     src: restore
   }
 };
-const OptionsBox = fixedForwardRef(
+const OptionsBoxComponent = fixedForwardRef(
   (rest, ref) => /* @__PURE__ */ React.createElement(
     Frame,
     {
@@ -40,56 +40,53 @@ const OptionsBox = fixedForwardRef(
     }
   )
 );
-const Option = fixedForwardRef(
-  (rest, ref) => /* @__PURE__ */ React.createElement(
-    Frame,
+const OptionsBox = OptionsBoxComponent;
+const OptionComponent = fixedForwardRef((rest, ref) => /* @__PURE__ */ React.createElement(
+  Frame,
+  {
+    as: "button",
+    ...rest,
+    ref,
+    className: cn(button, option, rest.className)
+  }
+));
+const Option = OptionComponent;
+const DefaultOptionComponent = fixedForwardRef((props, ref) => {
+  const { kind, ...rest } = props;
+  const optionType = defaultOptions[kind] || defaultOptions.help;
+  return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
+    "img",
     {
-      as: "button",
-      ...rest,
-      ref,
-      className: cn(button, option, rest.className)
+      src: optionType.src,
+      alt: optionType.alt,
+      className: optionImage
     }
-  )
-);
-const DefaultOption = fixedForwardRef(
-  (props, ref) => {
-    const { kind, ...rest } = props;
-    const optionType = defaultOptions[kind] || defaultOptions.help;
-    return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement("img", { src: optionType.src, alt: optionType.alt }));
-  }
-);
-const Help = fixedForwardRef(
+  ));
+});
+const DefaultOption = DefaultOptionComponent;
+const HelpComponent = fixedForwardRef(
   (props, ref) => {
     return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "help", ref });
   }
 );
-const Close = fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
-  }
-);
-const Maximize = fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
-  }
-);
-const Minimize = fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
-  }
-);
-const Restore = fixedForwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
-  }
-);
-const TitleBarRenderer = ({
-  children,
-  title: title$1 = "UNKNOWN.EXE",
-  icon,
-  active = true,
-  ...rest
-}, ref) => /* @__PURE__ */ React.createElement(
+const Help = HelpComponent;
+const CloseComponent = fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
+});
+const Close = CloseComponent;
+const MaximizeComponent = fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
+});
+const Maximize = MaximizeComponent;
+const MinimizeComponent = fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
+});
+const Minimize = MinimizeComponent;
+const RestoreComponent = fixedForwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
+});
+const Restore = RestoreComponent;
+const TitleBarRenderer = fixedForwardRef(({ children, title: title$1 = "UNKNOWN.EXE", icon, active = true, ...rest }, ref) => /* @__PURE__ */ React.createElement(
   Frame,
   {
     ...rest,
@@ -99,8 +96,8 @@ const TitleBarRenderer = ({
   icon && icon,
   /* @__PURE__ */ React.createElement("div", { className: title }, title$1),
   children
-);
-const TitleBar = Object.assign(fixedForwardRef(TitleBarRenderer), {
+));
+const TitleBar = Object.assign(TitleBarRenderer, {
   Option,
   OptionsBox,
   Help,

package/esm/Video/Video.mjs

@@ -127,7 +127,6 @@ 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: () => {

package/esm/themes/azureOrange.css.mjs

@@ -1,3 +1,2 @@
 import './azureOrange.css.ts.vanilla.css';
-import "./contract.css.ts.vanilla.css.mjs";
 /* empty css                                 */

package/esm/themes/contract.css.mjs

@@ -1,3 +1,4 @@
+import "./contract.css.ts.vanilla.css.mjs";
 var contract = { space: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, colors: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, zIndices: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, shadows: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" } };
 export {
   contract

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react95/core",
-  "version": "9.6.1",
+  "version": "9.6.3-alpha.0",
   "description": "Windows 95 styleguide",
   "main": "cjs/index.cjs",
   "type": "module",
@@ -31,6 +31,7 @@
       "require": "./cjs/themes/contract.css.cjs"
     },
     "./GlobalStyle": {
+      "types": "./types/GlobalStyle/GlobalStyle.css.d.ts",
       "import": "./esm/GlobalStyle/GlobalStyle.css.ts.vanilla.css",
       "require": "./cjs/GlobalStyle/GlobalStyle.css.ts.vanilla.css"
     },
@@ -195,7 +196,7 @@
     "url": "https://github.com/React95/React95/issues"
   },
   "homepage": "https://github.com/React95/React95#readme",
-  "gitHead": "f5b381bc45749790e1525f39ff31767e6ac707e0",
+  "gitHead": "8f7331d0d3b6be552558448755d716ae0190f18c",
   "module": "esm/index.mjs",
   "private": false,
   "types": "types/index.d.ts"