@react95/core 9.6.3 → 9.6.5

package/cjs/Alert/Alert.cjs

@@ -20,12 +20,11 @@ const RenderImage = ({ option }) => {
 };
 const Alert = React.forwardRef(
   ({ type = "error", message, hasSound = false, dragOptions, ...rest }, ref) => {
-    if (hasSound) {
-      React.useEffect(() => {
-        const audio = new Audio(chord);
-        audio.play();
-      }, []);
-    }
+    React.useEffect(() => {
+      if (!hasSound) return;
+      const audio = new Audio(chord);
+      audio.play();
+    }, [hasSound]);
     return /* @__PURE__ */ React.createElement(
       Modal.Modal,
       {

package/cjs/Modal/Modal.cjs

@@ -11,6 +11,8 @@ const cn = require("classnames");
 const usehooksTs = require("usehooks-ts");
 const useModal = require("../shared/use-modal.cjs");
 const modalTypes = require("../shared/modal-types.cjs");
+const EMPTY_BUTTONS = [];
+const EMPTY_MENU = [];
 const ModalContent = Frame.fixedForwardRef(
   (rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(Modal_css.content, rest.className) })
 );
@@ -38,11 +40,11 @@ const ModalMinimize = Frame.fixedForwardRef(
 const ModalRenderer = ({
   id: providedId,
   hasWindowButton: hasButton = true,
-  buttons = [],
+  buttons = EMPTY_BUTTONS,
   buttonsAlignment = "flex-end",
   children,
   icon,
-  menu = [],
+  menu = EMPTY_MENU,
   title,
   dragOptions,
   titleBarOptions,

package/cjs/Tree/Node.cjs

@@ -33,8 +33,9 @@ const NodeIcon = ({
   }
   return /* @__PURE__ */ React.createElement(icons$1.Folder, { variant: "16x16_4", "data-testid": "react95-default-icon-folder" });
 };
+const EMPTY_CHILDREN = [];
 const Node = ({
-  children = [],
+  children = EMPTY_CHILDREN,
   id,
   icon,
   label,

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/blackAndWhite.css.cjs

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

package/esm/Alert/Alert.mjs

@@ -18,12 +18,11 @@ const RenderImage = ({ option }) => {
 };
 const Alert = forwardRef(
   ({ type = "error", message: message$1, hasSound = false, dragOptions, ...rest }, ref) => {
-    if (hasSound) {
-      useEffect(() => {
-        const audio = new Audio(sound);
-        audio.play();
-      }, []);
-    }
+    useEffect(() => {
+      if (!hasSound) return;
+      const audio = new Audio(sound);
+      audio.play();
+    }, [hasSound]);
     return /* @__PURE__ */ React.createElement(
       Modal,
       {

package/esm/Modal/Modal.mjs

@@ -9,6 +9,8 @@ import cn from "classnames";
 import { useOnClickOutside } from "usehooks-ts";
 import { useModal } from "../shared/use-modal.mjs";
 import { ModalEvents } from "../shared/modal-types.mjs";
+const EMPTY_BUTTONS = [];
+const EMPTY_MENU = [];
 const ModalContent = fixedForwardRef(
   (rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(content, rest.className) })
 );
@@ -36,11 +38,11 @@ const ModalMinimize = fixedForwardRef(
 const ModalRenderer = ({
   id: providedId,
   hasWindowButton: hasButton = true,
-  buttons = [],
+  buttons = EMPTY_BUTTONS,
   buttonsAlignment = "flex-end",
   children,
   icon,
-  menu = [],
+  menu = EMPTY_MENU,
   title,
   dragOptions,
   titleBarOptions,

package/esm/Tree/Node.mjs

@@ -31,8 +31,9 @@ const NodeIcon = ({
   }
   return /* @__PURE__ */ React.createElement(Folder, { variant: "16x16_4", "data-testid": "react95-default-icon-folder" });
 };
+const EMPTY_CHILDREN = [];
 const Node = ({
-  children = [],
+  children = EMPTY_CHILDREN,
   id,
   icon,
   label: label$1,

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/blackAndWhite.css.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react95/core",
-  "version": "9.6.3",
+  "version": "9.6.5",
   "description": "Windows 95 styleguide",
   "main": "cjs/index.cjs",
   "type": "module",
@@ -165,7 +165,7 @@
   "license": "MIT",
   "dependencies": {
     "@neodrag/react": "^2.0.4",
-    "@react95/icons": "^2.2.0",
+    "@react95/icons": "^2.3.0",
     "@vanilla-extract/dynamic": "^2.1.0",
     "@vanilla-extract/recipes": "^0.5.1",
     "classnames": "^2.5.1",
@@ -196,7 +196,7 @@
     "url": "https://github.com/React95/React95/issues"
   },
   "homepage": "https://github.com/React95/React95#readme",
-  "gitHead": "36ac448be03019c664597540ac75250a50a99ed2",
+  "gitHead": "52f59c27485bc28470ea18001ed426c0024ce7b3",
   "module": "esm/index.mjs",
   "private": false,
   "types": "types/index.d.ts"

package/types/Cursor/Cursor.css.d.ts

@@ -1 +1 @@
-export declare const Cursor: Record<"Help" | "Auto" | "Text" | "VerticalText" | "Crosshair" | "Pointer" | "Progress" | "Wait" | "Alias" | "Copy" | "Move" | "None" | "NoDrop" | "NotAllowed" | "Grab" | "Grabbing" | "ColResize" | "RowResize" | "NResize" | "EResize" | "SResize" | "WResize" | "NsResize" | "EwResize" | "NeResize" | "NwResize" | "SeResize" | "SwResize" | "NeswResize" | "NwseResize" | "ZoomIn" | "ZoomOut", string>;
+export declare const Cursor: Record<"Help" | "Copy" | "Auto" | "Text" | "VerticalText" | "Crosshair" | "Pointer" | "Progress" | "Wait" | "Alias" | "Move" | "None" | "NoDrop" | "NotAllowed" | "Grab" | "Grabbing" | "ColResize" | "RowResize" | "NResize" | "EResize" | "SResize" | "WResize" | "NsResize" | "EwResize" | "NeResize" | "NwResize" | "SeResize" | "SwResize" | "NeswResize" | "NwseResize" | "ZoomIn" | "ZoomOut", string>;

package/types/Tree/Node.d.ts

@@ -2,14 +2,14 @@ import React from 'react';
 import type { FC, ReactElement, MouseEvent, KeyboardEvent, LiHTMLAttributes } from 'react';
 import { FrameProps } from '../Frame/Frame';
 export declare const icons: {
-    readonly FILE_MEDIA: React.FC<import("@react95/icons").MediaCdProps>;
-    readonly FILE_TEXT: React.FC<import("@react95/icons").FileTextProps>;
-    readonly FILE_UNKNOWN: React.FC<import("@react95/icons").BatProps>;
-    readonly FILE_FONT: React.FC<import("@react95/icons").FileFont2Props>;
-    readonly FILE_PEN: React.FC<import("@react95/icons").FilePenProps>;
-    readonly FILE_SETTINGS: React.FC<import("@react95/icons").FileSettingsProps>;
-    readonly FILE_TEXT_SETTINGS: React.FC<import("@react95/icons").FileTextSettingsProps>;
-    readonly FILE_EXECUTABLE: React.FC<import("@react95/icons").BatExecProps>;
+    readonly FILE_MEDIA: React.MemoExoticComponent<({ variant, ...rest }: import("@react95/icons").MediaCdProps) => React.JSX.Element>;
+    readonly FILE_TEXT: React.MemoExoticComponent<({ variant, ...rest }: import("@react95/icons").FileTextProps) => React.JSX.Element>;
+    readonly FILE_UNKNOWN: React.MemoExoticComponent<({ variant, ...rest }: import("@react95/icons").BatProps) => React.JSX.Element>;
+    readonly FILE_FONT: React.MemoExoticComponent<({ variant, ...rest }: import("@react95/icons").FileFont2Props) => React.JSX.Element>;
+    readonly FILE_PEN: React.MemoExoticComponent<({ variant, ...rest }: import("@react95/icons").FilePenProps) => React.JSX.Element>;
+    readonly FILE_SETTINGS: React.MemoExoticComponent<({ variant, ...rest }: import("@react95/icons").FileSettingsProps) => React.JSX.Element>;
+    readonly FILE_TEXT_SETTINGS: React.MemoExoticComponent<({ variant, ...rest }: import("@react95/icons").FileTextSettingsProps) => React.JSX.Element>;
+    readonly FILE_EXECUTABLE: React.MemoExoticComponent<({ variant, ...rest }: import("@react95/icons").BatExecProps) => React.JSX.Element>;
 };
 export type NodeProps = {
     label: string;