@react95/core 8.0.0-alpha.4 → 8.0.0-alpha.5

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

@@ -1,5 +1,5 @@
 import './Alert.css.ts.vanilla.css';
-/* empty css                          */var dialog = "r95_lcz1rw2";
+/* empty css                           */var dialog = "r95_lcz1rw2";
 var icon = "r95_lcz1rw1";
 var message = "r95_lcz1rw0";
 export {

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

@@ -1,8 +1,8 @@
 import React__default, { forwardRef, useEffect } from "react";
 import { User4, User2, User3, User5 } from "@react95/icons";
-import { dialog, icon, message } from "./Alert.css.js";
-import { Modal } from "../Modal/Modal.js";
-import sound from "./assets/chord.mp3.js";
+import { dialog, icon, message } from "./Alert.css.mjs";
+import { Modal } from "../Modal/Modal.mjs";
+import sound from "./assets/chord.mp3.mjs";
 const RenderImage = ({ option }) => {
   switch (option) {
     case "info":

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

@@ -1,5 +1,5 @@
 import './Avatar.css.ts.vanilla.css';
-/* empty css                           */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+/* empty css                            */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var avatar = createRuntimeFn({ defaultClassName: "r95_vljy2n0", variantClassNames: { circle: { true: "r95_vljy2n1" } }, defaultVariants: {}, compoundVariants: [] });
 var imgStyle = "r95_vljy2n2";
 export {

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

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { avatar, imgStyle } from "./Avatar.css.js";
-import { Frame } from "../Frame/Frame.js";
+import { avatar, imgStyle } from "./Avatar.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
 const Avatar = React.forwardRef(
   ({ src, srcSet, alt, circle, children, size = "48px", ...otherProps }, ref) => /* @__PURE__ */ React.createElement(Frame, { className: avatar({ circle }), ref, ...otherProps, size }, src || srcSet ? /* @__PURE__ */ React.createElement("img", { className: imgStyle, src, srcSet, alt }) : children)
 );

package/esm/Button/Button.css.mjs

@@ -0,0 +1,5 @@
+import './Button.css.ts.vanilla.css';
+/* empty css                            */var button = "r95_1bzq74l0";
+export {
+  button
+};

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

@@ -1,7 +1,7 @@
 import React__default, { forwardRef } from "react";
 import cn from "classnames";
-import { button } from "./Button.css.js";
-import { Frame } from "../Frame/Frame.js";
+import { button } from "./Button.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
 const Button = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ React__default.createElement(

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

@@ -1,5 +1,5 @@
 import './Checkbox.css.ts.vanilla.css';
-/* empty css                             */var field = "r95_6vt7xv2";
+/* empty css                              */var field = "r95_6vt7xv2";
 var icon = "r95_6vt7xv0";
 var label = "r95_6vt7xv3";
 var text = "r95_6vt7xv1";

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

@@ -1,5 +1,5 @@
 import React__default, { forwardRef } from "react";
-import { label, field, icon, text } from "./Checkbox.css.js";
+import { label, field, icon, text } from "./Checkbox.css.mjs";
 const Checkbox = forwardRef(
   ({ children, style, label: label$1, disabled = false, ...rest }, ref) => /* @__PURE__ */ React__default.createElement("label", { style, className: label }, /* @__PURE__ */ React__default.createElement(
     "input",

package/esm/Cursor/Cursor.css.mjs

@@ -0,0 +1,5 @@
+import './Cursor.css.ts.vanilla.css';
+/* empty css                            */var Cursor = { Auto: "r95_22fi80", Text: "r95_22fi81", VerticalText: "r95_22fi82", Help: "r95_22fi83", Crosshair: "r95_22fi84", Pointer: "r95_22fi85", Progress: "r95_22fi86", Wait: "r95_22fi87", Alias: "r95_22fi88", Copy: "r95_22fi89", Move: "r95_22fi8a", None: "r95_22fi8b", NoDrop: "r95_22fi8c", NotAllowed: "r95_22fi8d", Grab: "r95_22fi8e", Grabbing: "r95_22fi8f", ColResize: "r95_22fi8g", RowResize: "r95_22fi8h", NResize: "r95_22fi8i", EResize: "r95_22fi8j", SResize: "r95_22fi8k", WResize: "r95_22fi8l", NsResize: "r95_22fi8m", EwResize: "r95_22fi8n", NeResize: "r95_22fi8o", NwResize: "r95_22fi8p", SeResize: "r95_22fi8q", SwResize: "r95_22fi8r", NeswResize: "r95_22fi8s", NwseResize: "r95_22fi8t", ZoomIn: "r95_22fi8u", ZoomOut: "r95_22fi8v" };
+export {
+  Cursor
+};

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

@@ -1,5 +1,5 @@
 import './Dropdown.css.ts.vanilla.css';
-/* empty css                             */var select = "r95_z1k3bs1";
+/* empty css                              */var select = "r95_z1k3bs1";
 var wrapper = "r95_z1k3bs0";
 export {
   select,

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

@@ -1,8 +1,8 @@
 import React__default, { forwardRef } from "react";
 import cn from "classnames";
-import { wrapper, select } from "./Dropdown.css.js";
-import { Frame } from "../Frame/Frame.js";
-import { sprinkles } from "../Frame/Frame.css.js";
+import { wrapper, select } from "./Dropdown.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+import { sprinkles } from "../Frame/Frame.css.mjs";
 const defaultOptions = [
   "",
   "C:\\Documents and Settings",

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

@@ -1,5 +1,5 @@
 import './Fieldset.css.ts.vanilla.css';
-/* empty css                             */var field = "r95_bt4hec0";
+/* empty css                              */var field = "r95_bt4hec0";
 var legend = "r95_bt4hec1";
 export {
   field,

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

@@ -1,6 +1,6 @@
 import React__default, { forwardRef } from "react";
-import { field, legend } from "./Fieldset.css.js";
-import { Frame } from "../Frame/Frame.js";
+import { field, legend } from "./Fieldset.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
 const Fieldset = forwardRef(
   ({ legend: legend$1, children, ...rest }, ref) => /* @__PURE__ */ React__default.createElement(Frame, { as: "fieldset", ...rest, ref, className: field }, legend$1 && /* @__PURE__ */ React__default.createElement("legend", { className: legend }, legend$1), children)
 );

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

@@ -1,5 +1,5 @@
 import './Frame.css.ts.vanilla.css';
-/* empty css                          */import { createRuntimeFn } from "rainbow-sprinkles/createRuntimeFn";
+/* empty css                           */import { createRuntimeFn } from "rainbow-sprinkles/createRuntimeFn";
 var sprinkles = createRuntimeFn(function() {
   var x = { config: { bgColor: { mappings: ["backgroundColor"] }, backgroundColor: { vars: { "default": "var(--r95_iuzg893o)" }, dynamic: { "default": "r95_iuzg893p" }, dynamicScale: { 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)" }, name: "backgroundColor" }, color: { vars: { "default": "var(--r95_iuzg893q)" }, dynamic: { "default": "r95_iuzg893r" }, dynamicScale: void 0, name: "color" } } };
   x.config.color.dynamicScale = x.config.backgroundColor.dynamicScale;

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

@@ -1,5 +1,5 @@
 import React__default, { forwardRef } from "react";
-import { sprinkles } from "./Frame.css.js";
+import { sprinkles } from "./Frame.css.mjs";
 import cn from "classnames";
 const fixedForwardRef = forwardRef;
 const FrameComponent = (props, ref) => {

package/esm/GlobalStyle/GlobalStyle.css.mjs

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

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

@@ -1,4 +1,4 @@
-import * as GlobalStyle_css from "./GlobalStyle/GlobalStyle.css.js";
+import * as GlobalStyle_css from "./GlobalStyle/GlobalStyle.css.mjs";
 export {
   GlobalStyle_css as GlobalStyle
 };

package/esm/Input/Input.css.mjs

@@ -0,0 +1,5 @@
+import './Input.css.ts.vanilla.css';
+/* empty css                                    *//* empty css                           */var input = "r95_taf7or0 r95_22fi81";
+export {
+  input
+};

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

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

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

@@ -1,5 +1,5 @@
 import './List.css.ts.vanilla.css';
-/* empty css                         */var divider = "r95_1lxkvz41";
+/* empty css                          */var divider = "r95_1lxkvz41";
 var list = "r95_1lxkvz42";
 var listItem = "r95_1lxkvz40";
 export {

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

@@ -1,8 +1,8 @@
-import { ListItem } from "./ListItem.js";
-import { Divider } from "./ListDivider.js";
-import { Frame } from "../Frame/Frame.js";
+import { ListItem } from "./ListItem.mjs";
+import { Divider } from "./ListDivider.mjs";
+import { Frame } from "../Frame/Frame.mjs";
 import React__default from "react";
-import { list } from "./List.css.js";
+import { list } from "./List.css.mjs";
 import cn from "classnames";
 const ListRenderer = React__default.forwardRef(
   (rest, ref) => /* @__PURE__ */ React__default.createElement(Frame, { ...rest, ref, className: cn(list, rest.className), as: "ul" })

package/esm/List/{ListDivider.js → ListDivider.mjs}

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { Frame } from "../Frame/Frame.js";
-import { divider } from "./List.css.js";
+import { Frame } from "../Frame/Frame.mjs";
+import { divider } from "./List.css.mjs";
 import cn from "classnames";
 const Divider = React__default.forwardRef(
   (rest, ref) => /* @__PURE__ */ React__default.createElement(

package/esm/List/{ListItem.js → ListItem.mjs}

@@ -1,7 +1,7 @@
 import React__default, { forwardRef } from "react";
 import cn from "classnames";
-import { Frame } from "../Frame/Frame.js";
-import { listItem } from "./List.css.js";
+import { Frame } from "../Frame/Frame.mjs";
+import { listItem } from "./List.css.mjs";
 const Item = React__default.forwardRef((rest, ref) => /* @__PURE__ */ React__default.createElement(Frame, { ...rest, ref, className: cn(listItem, rest.className), as: "li" }));
 const ListItem = forwardRef(
   ({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React__default.createElement(Item, { ...rest, ref }, icon, children)

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

@@ -1,5 +1,5 @@
 import './Modal.css.ts.vanilla.css';
-/* empty css                          */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+/* empty css                           */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var buttonWrapper = "r95_1txblt62";
 var content = "r95_1txblt63";
 var menuItem = createRuntimeFn({ defaultClassName: "r95_1txblt65", variantClassNames: { active: { true: "r95_1txblt66" } }, defaultVariants: {}, compoundVariants: [] });

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

@@ -1,12 +1,12 @@
 import * as React from "react";
 import Draggable from "react-draggable";
-import { Button } from "../Button/Button.js";
-import { TitleBar } from "../TitleBar/TitleBar.js";
-import { ModalContext } from "./ModalContext.js";
-import { modalWrapper, menuWrapper, menuItem, content, buttonWrapper } from "./Modal.css.js";
-import { Frame } from "../Frame/Frame.js";
-import close from "./close.svg.js";
-import help from "./help.svg.js";
+import { Button } from "../Button/Button.mjs";
+import { TitleBar } from "../TitleBar/TitleBar.mjs";
+import { ModalContext } from "./ModalContext.mjs";
+import { modalWrapper, menuWrapper, menuItem, content, buttonWrapper } from "./Modal.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+import close from "./close.svg.mjs";
+import help from "./help.svg.mjs";
 const ModalRenderer = ({
   hasWindowButton: hasButton = true,
   buttons = [],

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 { ModalContext } from "./ModalContext.mjs";
 const windowStackReducer = (state, action) => {
   const newWindows = { ...state };
   switch (action.type) {

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

@@ -1,7 +1,7 @@
 import React__default, { forwardRef } from "react";
 import cn from "classnames";
-import { Frame } from "../Frame/Frame.js";
-import { wrapper, whiteBar, container, progress } from "./ProgressBar.css.js";
+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__default.createElement(
     Frame,

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