@react95/core 9.6.2 → 9.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/cjs/Button/Button.cjs +12 -13
  2. package/cjs/Frame/Frame.cjs +4 -4
  3. package/cjs/List/List.cjs +4 -2
  4. package/cjs/List/ListDivider.cjs +12 -2
  5. package/cjs/List/ListItem.cjs +14 -3
  6. package/cjs/TitleBar/TitleBar.cjs +44 -54
  7. package/cjs/Video/Video.cjs +0 -1
  8. package/cjs/themes/azureOrange.css.cjs +1 -0
  9. package/cjs/themes/contract.css.cjs +0 -1
  10. package/esm/Button/Button.mjs +12 -13
  11. package/esm/Frame/Frame.mjs +5 -5
  12. package/esm/List/List.mjs +6 -4
  13. package/esm/List/ListDivider.mjs +14 -4
  14. package/esm/List/ListItem.mjs +16 -5
  15. package/esm/TitleBar/TitleBar.mjs +44 -54
  16. package/esm/Video/Video.mjs +0 -1
  17. package/esm/themes/azureOrange.css.mjs +1 -0
  18. package/esm/themes/contract.css.mjs +0 -1
  19. package/package.json +3 -2
  20. package/types/Alert/Alert.d.ts +2374 -1
  21. package/types/Avatar/Avatar.d.ts +2 -2
  22. package/types/Button/Button.d.ts +3 -3
  23. package/types/Dropdown/Dropdown.d.ts +1 -1
  24. package/types/Fieldset/Fieldset.d.ts +1 -1
  25. package/types/Frame/Frame.d.ts +11 -2370
  26. package/types/GlobalStyle/GlobalStyle.css.d.ts +1 -0
  27. package/types/GlobalStyle/index.d.ts +1 -0
  28. package/types/GlobalStyle/utils.d.ts +15 -0
  29. package/types/Input/Input.d.ts +2364 -3
  30. package/types/List/List.d.ts +10 -7
  31. package/types/List/ListDivider.d.ts +6 -4
  32. package/types/List/ListItem.d.ts +9 -7
  33. package/types/Modal/Modal.d.ts +7 -10
  34. package/types/ProgressBar/ProgressBar.d.ts +2 -2
  35. package/types/Range/Range.d.ts +2364 -3
  36. package/types/Tabs/Tab.d.ts +2369 -3
  37. package/types/Tabs/Tabs.d.ts +2368 -3
  38. package/types/TaskBar/TaskBar.d.ts +2366 -3
  39. package/types/TextArea/TextArea.d.ts +2364 -3
  40. package/types/TitleBar/TitleBar.d.ts +7 -2372
  41. package/types/Tree/Node.d.ts +2 -2
  42. package/types/Tree/Tree.d.ts +3 -3
  43. package/types/Video/Video.d.ts +2367 -2
@@ -4,17 +4,16 @@ const React = require("react");
4
4
  const cn = require("classnames");
5
5
  const Button_css = require("./Button.css.cjs");
6
6
  const Frame = require("../Frame/Frame.cjs");
7
- const Button = Frame.fixedForwardRef(
8
- (props, ref) => {
9
- return /* @__PURE__ */ React.createElement(
10
- Frame.Frame,
11
- {
12
- as: "button",
13
- ...props,
14
- className: cn(Button_css.button, props.className),
15
- ref
16
- }
17
- );
18
- }
19
- );
7
+ const ButtonComponent = Frame.fixedForwardRef((props, ref) => {
8
+ return /* @__PURE__ */ React.createElement(
9
+ Frame.Frame,
10
+ {
11
+ as: "button",
12
+ ...props,
13
+ className: cn(Button_css.button, props.className),
14
+ ref
15
+ }
16
+ );
17
+ });
18
+ const Button = ButtonComponent;
20
19
  exports.Button = Button;
@@ -6,10 +6,10 @@ const cn = require("classnames");
6
6
  const fixedForwardRef = React.forwardRef;
7
7
  const FrameComponent = (props, ref) => {
8
8
  const { as, children, ...rest } = props;
9
- const Component = as || "div";
9
+ const tag = as || "div";
10
10
  const { className, style, otherProps } = Frame_css.sprinkles(rest);
11
- return /* @__PURE__ */ React.createElement(
12
- Component,
11
+ return React.createElement(
12
+ tag,
13
13
  {
14
14
  ...otherProps,
15
15
  style: { ...style, ...otherProps.style },
@@ -19,6 +19,6 @@ const FrameComponent = (props, ref) => {
19
19
  children
20
20
  );
21
21
  };
22
- const Frame = fixedForwardRef(FrameComponent);
22
+ const Frame = React.forwardRef(FrameComponent);
23
23
  exports.Frame = Frame;
24
24
  exports.fixedForwardRef = fixedForwardRef;
package/cjs/List/List.cjs CHANGED
@@ -6,8 +6,10 @@ const ListItem = require("./ListItem.cjs");
6
6
  const ListDivider = require("./ListDivider.cjs");
7
7
  const Frame = require("../Frame/Frame.cjs");
8
8
  const List_css = require("./List.css.cjs");
9
- const ListRenderer = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.list, rest.className), as: "ul" }));
10
- const List = Object.assign(ListRenderer, {
9
+ const ListComponent = Frame.fixedForwardRef(
10
+ (rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.list, rest.className), as: "ul" })
11
+ );
12
+ const List = Object.assign(ListComponent, {
11
13
  Item: ListItem.ListItem,
12
14
  Divider: ListDivider.Divider
13
15
  });
@@ -4,6 +4,16 @@ const React = require("react");
4
4
  const Frame = require("../Frame/Frame.cjs");
5
5
  const List_css = require("./List.css.cjs");
6
6
  const cn = require("classnames");
7
- const Divider = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.divider, rest.className), as: "li" }));
8
- Divider.displayName = "List.Divider";
7
+ const DividerComponent = Frame.fixedForwardRef(
8
+ (rest, ref) => /* @__PURE__ */ React.createElement(
9
+ Frame.Frame,
10
+ {
11
+ ...rest,
12
+ ref,
13
+ className: cn(List_css.divider, rest.className),
14
+ as: "li"
15
+ }
16
+ )
17
+ );
18
+ const Divider = DividerComponent;
9
19
  exports.Divider = Divider;
@@ -4,9 +4,20 @@ const React = require("react");
4
4
  const cn = require("classnames");
5
5
  const Frame = require("../Frame/Frame.cjs");
6
6
  const List_css = require("./List.css.cjs");
7
- const Item = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.listItem, rest.className), as: "li" }));
8
- const ListItem = React.forwardRef(
7
+ const ItemComponent = Frame.fixedForwardRef(
8
+ (rest, ref) => /* @__PURE__ */ React.createElement(
9
+ Frame.Frame,
10
+ {
11
+ ...rest,
12
+ ref,
13
+ className: cn(List_css.listItem, rest.className),
14
+ as: "li"
15
+ }
16
+ )
17
+ );
18
+ const Item = ItemComponent;
19
+ const ListItemComponent = Frame.fixedForwardRef(
9
20
  ({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React.createElement(Item, { ...rest, ref }, icon, children)
10
21
  );
11
- ListItem.displayName = "List.Item";
22
+ const ListItem = ListItemComponent;
12
23
  exports.ListItem = ListItem;
@@ -32,7 +32,7 @@ const defaultOptions = {
32
32
  src: restore
33
33
  }
34
34
  };
35
- const OptionsBox = Frame.fixedForwardRef(
35
+ const OptionsBoxComponent = Frame.fixedForwardRef(
36
36
  (rest, ref) => /* @__PURE__ */ React.createElement(
37
37
  Frame.Frame,
38
38
  {
@@ -42,63 +42,53 @@ const OptionsBox = Frame.fixedForwardRef(
42
42
  }
43
43
  )
44
44
  );
45
- const Option = Frame.fixedForwardRef(
46
- (rest, ref) => /* @__PURE__ */ React.createElement(
47
- Frame.Frame,
45
+ const OptionsBox = OptionsBoxComponent;
46
+ const OptionComponent = Frame.fixedForwardRef((rest, ref) => /* @__PURE__ */ React.createElement(
47
+ Frame.Frame,
48
+ {
49
+ as: "button",
50
+ ...rest,
51
+ ref,
52
+ className: cn(Button_css.button, TitleBar_css.option, rest.className)
53
+ }
54
+ ));
55
+ const Option = OptionComponent;
56
+ const DefaultOptionComponent = Frame.fixedForwardRef((props, ref) => {
57
+ const { kind, ...rest } = props;
58
+ const optionType = defaultOptions[kind] || defaultOptions.help;
59
+ return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
60
+ "img",
48
61
  {
49
- as: "button",
50
- ...rest,
51
- ref,
52
- className: cn(Button_css.button, TitleBar_css.option, rest.className)
62
+ src: optionType.src,
63
+ alt: optionType.alt,
64
+ className: TitleBar_css.optionImage
53
65
  }
54
- )
55
- );
56
- const DefaultOption = Frame.fixedForwardRef(
57
- (props, ref) => {
58
- const { kind, ...rest } = props;
59
- const optionType = defaultOptions[kind] || defaultOptions.help;
60
- return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
61
- "img",
62
- {
63
- src: optionType.src,
64
- alt: optionType.alt,
65
- className: TitleBar_css.optionImage
66
- }
67
- ));
68
- }
69
- );
70
- const Help = Frame.fixedForwardRef(
66
+ ));
67
+ });
68
+ const DefaultOption = DefaultOptionComponent;
69
+ const HelpComponent = Frame.fixedForwardRef(
71
70
  (props, ref) => {
72
71
  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "help", ref });
73
72
  }
74
73
  );
75
- const Close = Frame.fixedForwardRef(
76
- (props, ref) => {
77
- return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
78
- }
79
- );
80
- const Maximize = Frame.fixedForwardRef(
81
- (props, ref) => {
82
- return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
83
- }
84
- );
85
- const Minimize = Frame.fixedForwardRef(
86
- (props, ref) => {
87
- return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
88
- }
89
- );
90
- const Restore = Frame.fixedForwardRef(
91
- (props, ref) => {
92
- return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
93
- }
94
- );
95
- const TitleBarRenderer = ({
96
- children,
97
- title = "UNKNOWN.EXE",
98
- icon,
99
- active = true,
100
- ...rest
101
- }, ref) => /* @__PURE__ */ React.createElement(
74
+ const Help = HelpComponent;
75
+ const CloseComponent = Frame.fixedForwardRef((props, ref) => {
76
+ return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
77
+ });
78
+ const Close = CloseComponent;
79
+ const MaximizeComponent = Frame.fixedForwardRef((props, ref) => {
80
+ return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
81
+ });
82
+ const Maximize = MaximizeComponent;
83
+ const MinimizeComponent = Frame.fixedForwardRef((props, ref) => {
84
+ return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
85
+ });
86
+ const Minimize = MinimizeComponent;
87
+ const RestoreComponent = Frame.fixedForwardRef((props, ref) => {
88
+ return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
89
+ });
90
+ const Restore = RestoreComponent;
91
+ const TitleBarRenderer = Frame.fixedForwardRef(({ children, title = "UNKNOWN.EXE", icon, active = true, ...rest }, ref) => /* @__PURE__ */ React.createElement(
102
92
  Frame.Frame,
103
93
  {
104
94
  ...rest,
@@ -108,8 +98,8 @@ const TitleBarRenderer = ({
108
98
  icon && icon,
109
99
  /* @__PURE__ */ React.createElement("div", { className: TitleBar_css.title }, title),
110
100
  children
111
- );
112
- const TitleBar = Object.assign(Frame.fixedForwardRef(TitleBarRenderer), {
101
+ ));
102
+ const TitleBar = Object.assign(TitleBarRenderer, {
113
103
  Option,
114
104
  OptionsBox,
115
105
  Help,
@@ -129,7 +129,6 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
129
129
  ), /* @__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(
130
130
  Button.Button,
131
131
  {
132
- as: "button",
133
132
  className: Video_css.controlBtn,
134
133
  disabled: !loadeddata,
135
134
  onClick: () => {
@@ -1,3 +1,4 @@
1
1
  require('./azureOrange.css.ts.vanilla.css');
2
2
  "use strict";
3
+ require("./contract.css.ts.vanilla.css.cjs");
3
4
  /* empty css */
@@ -1,5 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- require("./contract.css.ts.vanilla.css.cjs");
4
3
  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)" } };
5
4
  exports.contract = contract;
@@ -2,19 +2,18 @@ import React from "react";
2
2
  import cn from "classnames";
3
3
  import { button } from "./Button.css.mjs";
4
4
  import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
5
- const Button = fixedForwardRef(
6
- (props, ref) => {
7
- return /* @__PURE__ */ React.createElement(
8
- Frame,
9
- {
10
- as: "button",
11
- ...props,
12
- className: cn(button, props.className),
13
- ref
14
- }
15
- );
16
- }
17
- );
5
+ const ButtonComponent = fixedForwardRef((props, ref) => {
6
+ return /* @__PURE__ */ React.createElement(
7
+ Frame,
8
+ {
9
+ as: "button",
10
+ ...props,
11
+ className: cn(button, props.className),
12
+ ref
13
+ }
14
+ );
15
+ });
16
+ const Button = ButtonComponent;
18
17
  export {
19
18
  Button
20
19
  };
@@ -1,13 +1,13 @@
1
- import React, { forwardRef } from "react";
1
+ import { forwardRef, createElement } from "react";
2
2
  import { sprinkles } from "./Frame.css.mjs";
3
3
  import cn from "classnames";
4
4
  const fixedForwardRef = forwardRef;
5
5
  const FrameComponent = (props, ref) => {
6
6
  const { as, children, ...rest } = props;
7
- const Component = as || "div";
7
+ const tag = as || "div";
8
8
  const { className, style, otherProps } = sprinkles(rest);
9
- return /* @__PURE__ */ React.createElement(
10
- Component,
9
+ return createElement(
10
+ tag,
11
11
  {
12
12
  ...otherProps,
13
13
  style: { ...style, ...otherProps.style },
@@ -17,7 +17,7 @@ const FrameComponent = (props, ref) => {
17
17
  children
18
18
  );
19
19
  };
20
- const Frame = fixedForwardRef(FrameComponent);
20
+ const Frame = forwardRef(FrameComponent);
21
21
  export {
22
22
  Frame,
23
23
  fixedForwardRef
package/esm/List/List.mjs CHANGED
@@ -1,11 +1,13 @@
1
- import React, { forwardRef } from "react";
1
+ import React from "react";
2
2
  import cn from "classnames";
3
3
  import { ListItem } from "./ListItem.mjs";
4
4
  import { Divider } from "./ListDivider.mjs";
5
- import { Frame } from "../Frame/Frame.mjs";
5
+ import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
6
6
  import { list } from "./List.css.mjs";
7
- const ListRenderer = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(list, rest.className), as: "ul" }));
8
- const List = Object.assign(ListRenderer, {
7
+ const ListComponent = fixedForwardRef(
8
+ (rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(list, rest.className), as: "ul" })
9
+ );
10
+ const List = Object.assign(ListComponent, {
9
11
  Item: ListItem,
10
12
  Divider
11
13
  });
@@ -1,9 +1,19 @@
1
- import React, { forwardRef } from "react";
2
- import { Frame } from "../Frame/Frame.mjs";
1
+ import React from "react";
2
+ import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
3
3
  import { divider } from "./List.css.mjs";
4
4
  import cn from "classnames";
5
- const Divider = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(divider, rest.className), as: "li" }));
6
- Divider.displayName = "List.Divider";
5
+ const DividerComponent = fixedForwardRef(
6
+ (rest, ref) => /* @__PURE__ */ React.createElement(
7
+ Frame,
8
+ {
9
+ ...rest,
10
+ ref,
11
+ className: cn(divider, rest.className),
12
+ as: "li"
13
+ }
14
+ )
15
+ );
16
+ const Divider = DividerComponent;
7
17
  export {
8
18
  Divider
9
19
  };
@@ -1,12 +1,23 @@
1
- import React, { forwardRef } from "react";
1
+ import React from "react";
2
2
  import cn from "classnames";
3
- import { Frame } from "../Frame/Frame.mjs";
3
+ import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
4
4
  import { listItem } from "./List.css.mjs";
5
- const Item = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(listItem, rest.className), as: "li" }));
6
- const ListItem = forwardRef(
5
+ const ItemComponent = fixedForwardRef(
6
+ (rest, ref) => /* @__PURE__ */ React.createElement(
7
+ Frame,
8
+ {
9
+ ...rest,
10
+ ref,
11
+ className: cn(listItem, rest.className),
12
+ as: "li"
13
+ }
14
+ )
15
+ );
16
+ const Item = ItemComponent;
17
+ const ListItemComponent = fixedForwardRef(
7
18
  ({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React.createElement(Item, { ...rest, ref }, icon, children)
8
19
  );
9
- ListItem.displayName = "List.Item";
20
+ const ListItem = ListItemComponent;
10
21
  export {
11
22
  ListItem
12
23
  };
@@ -30,7 +30,7 @@ const defaultOptions = {
30
30
  src: restore
31
31
  }
32
32
  };
33
- const OptionsBox = fixedForwardRef(
33
+ const OptionsBoxComponent = fixedForwardRef(
34
34
  (rest, ref) => /* @__PURE__ */ React.createElement(
35
35
  Frame,
36
36
  {
@@ -40,63 +40,53 @@ const OptionsBox = fixedForwardRef(
40
40
  }
41
41
  )
42
42
  );
43
- const Option = fixedForwardRef(
44
- (rest, ref) => /* @__PURE__ */ React.createElement(
45
- Frame,
43
+ const OptionsBox = OptionsBoxComponent;
44
+ const OptionComponent = fixedForwardRef((rest, ref) => /* @__PURE__ */ React.createElement(
45
+ Frame,
46
+ {
47
+ as: "button",
48
+ ...rest,
49
+ ref,
50
+ className: cn(button, option, rest.className)
51
+ }
52
+ ));
53
+ const Option = OptionComponent;
54
+ const DefaultOptionComponent = fixedForwardRef((props, ref) => {
55
+ const { kind, ...rest } = props;
56
+ const optionType = defaultOptions[kind] || defaultOptions.help;
57
+ return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
58
+ "img",
46
59
  {
47
- as: "button",
48
- ...rest,
49
- ref,
50
- className: cn(button, option, rest.className)
60
+ src: optionType.src,
61
+ alt: optionType.alt,
62
+ className: optionImage
51
63
  }
52
- )
53
- );
54
- const DefaultOption = fixedForwardRef(
55
- (props, ref) => {
56
- const { kind, ...rest } = props;
57
- const optionType = defaultOptions[kind] || defaultOptions.help;
58
- return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
59
- "img",
60
- {
61
- src: optionType.src,
62
- alt: optionType.alt,
63
- className: optionImage
64
- }
65
- ));
66
- }
67
- );
68
- const Help = fixedForwardRef(
64
+ ));
65
+ });
66
+ const DefaultOption = DefaultOptionComponent;
67
+ const HelpComponent = fixedForwardRef(
69
68
  (props, ref) => {
70
69
  return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "help", ref });
71
70
  }
72
71
  );
73
- const Close = fixedForwardRef(
74
- (props, ref) => {
75
- return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
76
- }
77
- );
78
- const Maximize = fixedForwardRef(
79
- (props, ref) => {
80
- return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
81
- }
82
- );
83
- const Minimize = fixedForwardRef(
84
- (props, ref) => {
85
- return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
86
- }
87
- );
88
- const Restore = fixedForwardRef(
89
- (props, ref) => {
90
- return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
91
- }
92
- );
93
- const TitleBarRenderer = ({
94
- children,
95
- title: title$1 = "UNKNOWN.EXE",
96
- icon,
97
- active = true,
98
- ...rest
99
- }, ref) => /* @__PURE__ */ React.createElement(
72
+ const Help = HelpComponent;
73
+ const CloseComponent = fixedForwardRef((props, ref) => {
74
+ return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
75
+ });
76
+ const Close = CloseComponent;
77
+ const MaximizeComponent = fixedForwardRef((props, ref) => {
78
+ return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
79
+ });
80
+ const Maximize = MaximizeComponent;
81
+ const MinimizeComponent = fixedForwardRef((props, ref) => {
82
+ return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
83
+ });
84
+ const Minimize = MinimizeComponent;
85
+ const RestoreComponent = fixedForwardRef((props, ref) => {
86
+ return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
87
+ });
88
+ const Restore = RestoreComponent;
89
+ const TitleBarRenderer = fixedForwardRef(({ children, title: title$1 = "UNKNOWN.EXE", icon, active = true, ...rest }, ref) => /* @__PURE__ */ React.createElement(
100
90
  Frame,
101
91
  {
102
92
  ...rest,
@@ -106,8 +96,8 @@ const TitleBarRenderer = ({
106
96
  icon && icon,
107
97
  /* @__PURE__ */ React.createElement("div", { className: title }, title$1),
108
98
  children
109
- );
110
- const TitleBar = Object.assign(fixedForwardRef(TitleBarRenderer), {
99
+ ));
100
+ const TitleBar = Object.assign(TitleBarRenderer, {
111
101
  Option,
112
102
  OptionsBox,
113
103
  Help,
@@ -127,7 +127,6 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
127
127
  ), /* @__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(
128
128
  Button,
129
129
  {
130
- as: "button",
131
130
  className: controlBtn,
132
131
  disabled: !loadeddata,
133
132
  onClick: () => {
@@ -1,2 +1,3 @@
1
1
  import './azureOrange.css.ts.vanilla.css';
2
+ import "./contract.css.ts.vanilla.css.mjs";
2
3
  /* empty css */
@@ -1,4 +1,3 @@
1
- import "./contract.css.ts.vanilla.css.mjs";
2
1
  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)" } };
3
2
  export {
4
3
  contract
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react95/core",
3
- "version": "9.6.2",
3
+ "version": "9.6.3",
4
4
  "description": "Windows 95 styleguide",
5
5
  "main": "cjs/index.cjs",
6
6
  "type": "module",
@@ -31,6 +31,7 @@
31
31
  "require": "./cjs/themes/contract.css.cjs"
32
32
  },
33
33
  "./GlobalStyle": {
34
+ "types": "./types/GlobalStyle/GlobalStyle.css.d.ts",
34
35
  "import": "./esm/GlobalStyle/GlobalStyle.css.ts.vanilla.css",
35
36
  "require": "./cjs/GlobalStyle/GlobalStyle.css.ts.vanilla.css"
36
37
  },
@@ -195,7 +196,7 @@
195
196
  "url": "https://github.com/React95/React95/issues"
196
197
  },
197
198
  "homepage": "https://github.com/React95/React95#readme",
198
- "gitHead": "fc7734d72c1b9c94e807ae71f154ae5d1ac2f054",
199
+ "gitHead": "36ac448be03019c664597540ac75250a50a99ed2",
199
200
  "module": "esm/index.mjs",
200
201
  "private": false,
201
202
  "types": "types/index.d.ts"