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

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

@@ -1,5 +1,5 @@
 import React__default, { forwardRef } from "react";
-import { label, field, icon, text } from "./RadioButton.css.js";
+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(
     "input",

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.js → Range.mjs}

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Frame } from "../Frame/Frame.js";
-import { range } from "./Range.css.js";
+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(

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

@@ -1,6 +1,6 @@
 import React__default, { forwardRef } from "react";
-import { tab } from "./Tabs.css.js";
-import { Frame } from "../Frame/Frame.js";
+import { tab } from "./Tabs.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
 const Tab = forwardRef(
   ({ activeTab, title, ...rest }, ref) => /* @__PURE__ */ React__default.createElement(
     Frame,

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.js → Tabs.mjs}

@@ -1,8 +1,8 @@
 import React__default, { forwardRef } from "react";
 import cn from "classnames";
-import { Tab } from "./Tab.js";
-import { navbar, navContainer } from "./Tabs.css.js";
-import { Frame } from "../Frame/Frame.js";
+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] = React__default.Children.toArray(children);

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 { Frame } from "../Frame/Frame.mjs";
+import { Tooltip } from "../Tooltip/Tooltip.mjs";
+import { tooltip } from "./TaskBar.css.mjs";
 const Clock = () => {
   const [timer, setTimer] = useState("");
   useEffect(() => {

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,10 +1,10 @@
 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 { 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);

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

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

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

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Frame } from "../Frame/Frame.js";
-import { input } from "../Input/Input.css.js";
+import { Frame } from "../Frame/Frame.mjs";
+import { input } from "../Input/Input.css.mjs";
 const TextArea = React.forwardRef(
   (rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: input, as: "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.js → TitleBar.mjs}

@@ -1,7 +1,7 @@
 import React__default from "react";
-import { Frame } from "../Frame/Frame.js";
-import { optionsBox, option, titleBarBackground, title } from "./TitleBar.css.js";
-import { button } from "../Button/Button.css.js";
+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 = React__default.forwardRef((rest, ref) => /* @__PURE__ */ React__default.createElement(
   Frame,

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,5 +1,5 @@
 import * as React from "react";
-import { wrapper, tip } from "./Tooltip.css.js";
+import { wrapper, tip } from "./Tooltip.css.mjs";
 import cn from "classnames";
 function formatDate(date) {
   const monthNames = [

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

@@ -1,7 +1,7 @@
 import * as React 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,

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.js → Tree.mjs}

@@ -1,7 +1,7 @@
 import React__default, { forwardRef } from "react";
-import { NodeRoot, Node, icons } from "./Node.js";
-import { tree } from "./Tree.css.js";
-import { Frame } from "../Frame/Frame.js";
+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__default.createElement(React__default.Fragment, null, root && /* @__PURE__ */ React__default.createElement(NodeRoot, { ...root }), /* @__PURE__ */ React__default.createElement(Frame, { ...rest, className: tree, as: "ul", ref }, data.map((dataNode) => /* @__PURE__ */ React__default.createElement(Node, { key: dataNode.id, ...dataNode }))));

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 { 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);

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                                 */

package/esm/themes/bee.css.mjs

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

package/esm/themes/blackAndWhite.css.mjs

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

package/esm/themes/brick.css.mjs

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

package/esm/themes/candy.css.mjs

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

package/esm/themes/coldGray.css.mjs

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

package/esm/themes/counterStrike.css.mjs

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

package/esm/themes/eggplant.css.mjs

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

package/esm/themes/highContrast.css.mjs

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

package/esm/themes/lilac.css.mjs

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

package/esm/themes/lilacRoseDark.css.mjs

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

package/esm/themes/maple.css.mjs

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

package/esm/themes/marine.css.mjs

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

package/esm/themes/matrix.css.mjs

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

package/esm/themes/millenium.css.mjs

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

package/esm/themes/modernDark.css.mjs

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

package/esm/themes/molecule.css.mjs

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

package/esm/themes/ninjaTurtles.css.mjs

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

package/esm/themes/olive.css.mjs

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

package/esm/themes/pamelaAnderson.css.mjs

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

package/esm/themes/plum.css.mjs

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

package/esm/themes/rainyDay.css.mjs

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

package/esm/themes/rose.css.mjs

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

package/esm/themes/slate.css.mjs

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

package/esm/themes/spruce.css.mjs

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

package/esm/themes/storm.css.mjs

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

package/esm/themes/theSixtiesUSA.css.mjs

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

package/esm/themes/tokyoDark.css.mjs

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

package/esm/themes/tooSexy.css.mjs

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

package/esm/themes/travel.css.mjs

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

package/esm/themes/vaporTeal.css.mjs

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

package/esm/themes/vermillion.css.mjs

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

package/esm/themes/violetDark.css.mjs

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

package/esm/themes/water.css.mjs

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

package/esm/themes/win95.css.mjs

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

package/esm/themes.mjs

@@ -0,0 +1,72 @@
+import * as azureOrange_css from "./themes/azureOrange.css.mjs";
+import * as bee_css from "./themes/bee.css.mjs";
+import * as blackAndWhite_css from "./themes/blackAndWhite.css.mjs";
+import * as brick_css from "./themes/brick.css.mjs";
+import * as candy_css from "./themes/candy.css.mjs";
+import * as coldGray_css from "./themes/coldGray.css.mjs";
+import * as counterStrike_css from "./themes/counterStrike.css.mjs";
+import * as eggplant_css from "./themes/eggplant.css.mjs";
+import * as highContrast_css from "./themes/highContrast.css.mjs";
+import * as lilac_css from "./themes/lilac.css.mjs";
+import * as lilacRoseDark_css from "./themes/lilacRoseDark.css.mjs";
+import * as maple_css from "./themes/maple.css.mjs";
+import * as marine_css from "./themes/marine.css.mjs";
+import * as matrix_css from "./themes/matrix.css.mjs";
+import * as millenium_css from "./themes/millenium.css.mjs";
+import * as modernDark_css from "./themes/modernDark.css.mjs";
+import * as molecule_css from "./themes/molecule.css.mjs";
+import * as ninjaTurtles_css from "./themes/ninjaTurtles.css.mjs";
+import * as olive_css from "./themes/olive.css.mjs";
+import * as pamelaAnderson_css from "./themes/pamelaAnderson.css.mjs";
+import * as plum_css from "./themes/plum.css.mjs";
+import * as rainyDay_css from "./themes/rainyDay.css.mjs";
+import * as rose_css from "./themes/rose.css.mjs";
+import * as slate_css from "./themes/slate.css.mjs";
+import * as spruce_css from "./themes/spruce.css.mjs";
+import * as storm_css from "./themes/storm.css.mjs";
+import * as theSixtiesUSA_css from "./themes/theSixtiesUSA.css.mjs";
+import * as tokyoDark_css from "./themes/tokyoDark.css.mjs";
+import * as tooSexy_css from "./themes/tooSexy.css.mjs";
+import * as travel_css from "./themes/travel.css.mjs";
+import * as vaporTeal_css from "./themes/vaporTeal.css.mjs";
+import * as vermillion_css from "./themes/vermillion.css.mjs";
+import * as violetDark_css from "./themes/violetDark.css.mjs";
+import * as water_css from "./themes/water.css.mjs";
+import * as win95_css from "./themes/win95.css.mjs";
+export {
+  azureOrange_css as azureOrange,
+  bee_css as bee,
+  blackAndWhite_css as blackAndWhite,
+  brick_css as brick,
+  candy_css as candy,
+  coldGray_css as coldGray,
+  counterStrike_css as counterStrike,
+  eggplant_css as eggplant,
+  highContrast_css as highContrast,
+  lilac_css as lilac,
+  lilacRoseDark_css as lilacRoseDark,
+  maple_css as maple,
+  marine_css as marine,
+  matrix_css as matrix,
+  millenium_css as millenium,
+  modernDark_css as modernDark,
+  molecule_css as molecule,
+  ninjaTurtles_css as ninjaTurtles,
+  olive_css as olive,
+  pamelaAnderson_css as pamelaAnderson,
+  plum_css as plum,
+  rainyDay_css as rainyDay,
+  rose_css as rose,
+  slate_css as slate,
+  spruce_css as spruce,
+  storm_css as storm,
+  theSixtiesUSA_css as theSixtiesUSA,
+  tokyoDark_css as tokyoDark,
+  tooSexy_css as tooSexy,
+  travel_css as travel,
+  vaporTeal_css as vaporTeal,
+  vermillion_css as vermillion,
+  violetDark_css as violetDark,
+  water_css as water,
+  win95_css as win95
+};

package/package.json

@@ -1,21 +1,23 @@
 {
   "name": "@react95/core",
-  "version": "8.0.0-alpha.1",
+  "version": "8.0.0-alpha.10",
   "description": "Windows 95 styleguide",
-  "main": "./cjs",
+  "main": "cjs/index.cjs",
+  "type": "module",
   "exports": {
     ".": {
+      "types": "./types/index.d.ts",
       "import": "./esm",
-      "require": "./cjs",
-      "types": "./@types/index.d.ts"
+      "require": "./cjs"
     },
     "./themes/*.css": {
-      "import": "./esm/themes/*.css.js",
-      "require": "./cjs/themes/*.css.js"
+      "types": "./types/themes/all.d.ts",
+      "import": "./esm/themes/*.css.mjs",
+      "require": "./cjs/themes/*.css.cjs"
     },
     "./GlobalStyle": {
-      "import": "./esm/GlobalStyle.js",
-      "require": "./cjs/GlobalStyle.js"
+      "import": "./esm/GlobalStyle.mjs",
+      "require": "./cjs/GlobalStyle.cjs"
     }
   },
   "repository": {
@@ -46,8 +48,15 @@
   "sideEffects": [
     "**/*.{woff2,woff,ttf,eot}"
   ],
-  "gitHead": "2f2d14dbd8ee63309cbe57fe1f6cdb715421898b",
-  "module": "./esm",
+  "keywords": [
+    "React95",
+    "windows95",
+    "w95",
+    "nostalgic",
+    "design-system"
+  ],
+  "gitHead": "2fe5ce2a0b216ee120f3e2ad8756cc505d32b3c3",
+  "module": "esm/index.mjs",
   "private": false,
-  "types": "@types"
+  "types": "types/index.d.ts"
 }