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

package/cjs/Frame/Frame.css.ts.vanilla.css

@@ -0,0 +1,399 @@
+.r95_iuzg891 {
+  display: var(--r95_iuzg890);
+}
+.r95_iuzg893 {
+  overflow: var(--r95_iuzg892);
+}
+.r95_iuzg895 {
+  box-sizing: var(--r95_iuzg894);
+}
+.r95_iuzg897 {
+  grid: var(--r95_iuzg896);
+}
+.r95_iuzg899 {
+  grid-area: var(--r95_iuzg898);
+}
+.r95_iuzg89b {
+  grid-auto-columns: var(--r95_iuzg89a);
+}
+.r95_iuzg89d {
+  grid-auto-flow: var(--r95_iuzg89c);
+}
+.r95_iuzg89f {
+  grid-auto-rows: var(--r95_iuzg89e);
+}
+.r95_iuzg89h {
+  grid-column: var(--r95_iuzg89g);
+}
+.r95_iuzg89j {
+  grid-column-end: var(--r95_iuzg89i);
+}
+.r95_iuzg89l {
+  grid-column-start: var(--r95_iuzg89k);
+}
+.r95_iuzg89n {
+  grid-row: var(--r95_iuzg89m);
+}
+.r95_iuzg89p {
+  grid-row-end: var(--r95_iuzg89o);
+}
+.r95_iuzg89r {
+  grid-row-start: var(--r95_iuzg89q);
+}
+.r95_iuzg89t {
+  grid-template: var(--r95_iuzg89s);
+}
+.r95_iuzg89v {
+  grid-template-areas: var(--r95_iuzg89u);
+}
+.r95_iuzg89x {
+  grid-template-columns: var(--r95_iuzg89w);
+}
+.r95_iuzg89z {
+  grid-template-rows: var(--r95_iuzg89y);
+}
+.r95_iuzg8911 {
+  flex: var(--r95_iuzg8910);
+}
+.r95_iuzg8913 {
+  flex-basis: var(--r95_iuzg8912);
+}
+.r95_iuzg8915 {
+  flex-direction: var(--r95_iuzg8914);
+}
+.r95_iuzg8917 {
+  flex-flow: var(--r95_iuzg8916);
+}
+.r95_iuzg8919 {
+  flex-grow: var(--r95_iuzg8918);
+}
+.r95_iuzg891b {
+  flex-shrink: var(--r95_iuzg891a);
+}
+.r95_iuzg891d {
+  flex-wrap: var(--r95_iuzg891c);
+}
+.r95_iuzg891f {
+  justify-content: var(--r95_iuzg891e);
+}
+.r95_iuzg891h {
+  justify-items: var(--r95_iuzg891g);
+}
+.r95_iuzg891j {
+  justify-self: var(--r95_iuzg891i);
+}
+.r95_iuzg891l {
+  align-content: var(--r95_iuzg891k);
+}
+.r95_iuzg891n {
+  align-items: var(--r95_iuzg891m);
+}
+.r95_iuzg891p {
+  align-self: var(--r95_iuzg891o);
+}
+.r95_iuzg891r {
+  gap: var(--r95_iuzg891q);
+}
+.r95_iuzg891t {
+  width: var(--r95_iuzg891s);
+}
+.r95_iuzg891v {
+  max-width: var(--r95_iuzg891u);
+}
+.r95_iuzg891x {
+  min-width: var(--r95_iuzg891w);
+}
+.r95_iuzg891z {
+  height: var(--r95_iuzg891y);
+}
+.r95_iuzg8921 {
+  max-height: var(--r95_iuzg8920);
+}
+.r95_iuzg8923 {
+  min-height: var(--r95_iuzg8922);
+}
+.r95_iuzg8925 {
+  margin: var(--r95_iuzg8924);
+}
+.r95_iuzg8927 {
+  margin-block: var(--r95_iuzg8926);
+}
+.r95_iuzg8929 {
+  margin-block-end: var(--r95_iuzg8928);
+}
+.r95_iuzg892b {
+  margin-block-start: var(--r95_iuzg892a);
+}
+.r95_iuzg892d {
+  margin-bottom: var(--r95_iuzg892c);
+}
+.r95_iuzg892f {
+  margin-inline: var(--r95_iuzg892e);
+}
+.r95_iuzg892h {
+  margin-inline-end: var(--r95_iuzg892g);
+}
+.r95_iuzg892j {
+  margin-inline-start: var(--r95_iuzg892i);
+}
+.r95_iuzg892l {
+  margin-left: var(--r95_iuzg892k);
+}
+.r95_iuzg892n {
+  margin-right: var(--r95_iuzg892m);
+}
+.r95_iuzg892p {
+  margin-top: var(--r95_iuzg892o);
+}
+.r95_iuzg892r {
+  padding: var(--r95_iuzg892q);
+}
+.r95_iuzg892t {
+  padding-block: var(--r95_iuzg892s);
+}
+.r95_iuzg892v {
+  padding-block-end: var(--r95_iuzg892u);
+}
+.r95_iuzg892x {
+  padding-block-start: var(--r95_iuzg892w);
+}
+.r95_iuzg892z {
+  padding-bottom: var(--r95_iuzg892y);
+}
+.r95_iuzg8931 {
+  padding-inline: var(--r95_iuzg8930);
+}
+.r95_iuzg8933 {
+  padding-inline-end: var(--r95_iuzg8932);
+}
+.r95_iuzg8935 {
+  padding-inline-start: var(--r95_iuzg8934);
+}
+.r95_iuzg8937 {
+  padding-left: var(--r95_iuzg8936);
+}
+.r95_iuzg8939 {
+  padding-right: var(--r95_iuzg8938);
+}
+.r95_iuzg893b {
+  padding-top: var(--r95_iuzg893a);
+}
+.r95_iuzg893d {
+  position: var(--r95_iuzg893c);
+}
+.r95_iuzg893f {
+  top: var(--r95_iuzg893e);
+}
+.r95_iuzg893h {
+  right: var(--r95_iuzg893g);
+}
+.r95_iuzg893j {
+  bottom: var(--r95_iuzg893i);
+}
+.r95_iuzg893l {
+  left: var(--r95_iuzg893k);
+}
+.r95_iuzg893n {
+  pointer-events: var(--r95_iuzg893m);
+}
+.r95_iuzg893p {
+  background-color: var(--r95_iuzg893o);
+}
+.r95_iuzg893r {
+  color: var(--r95_iuzg893q);
+}
+.r95_iuzg893t {
+  background: var(--r95_iuzg893s);
+}
+.r95_iuzg893v {
+  background-attachment: var(--r95_iuzg893u);
+}
+.r95_iuzg893x {
+  background-image: var(--r95_iuzg893w);
+}
+.r95_iuzg893z {
+  background-position: var(--r95_iuzg893y);
+}
+.r95_iuzg8941 {
+  background-repeat: var(--r95_iuzg8940);
+}
+.r95_iuzg8943 {
+  background-size: var(--r95_iuzg8942);
+}
+.r95_iuzg8945 {
+  background-origin: var(--r95_iuzg8944);
+}
+.r95_iuzg8947 {
+  background-clip: var(--r95_iuzg8946);
+}
+.r95_iuzg8949 {
+  border: var(--r95_iuzg8948);
+}
+.r95_iuzg894b {
+  border-style: var(--r95_iuzg894a);
+}
+.r95_iuzg894d {
+  border-width: var(--r95_iuzg894c);
+}
+.r95_iuzg894f {
+  border-color: var(--r95_iuzg894e);
+}
+.r95_iuzg894h {
+  border-top: var(--r95_iuzg894g);
+}
+.r95_iuzg894j {
+  border-top-color: var(--r95_iuzg894i);
+}
+.r95_iuzg894l {
+  border-top-style: var(--r95_iuzg894k);
+}
+.r95_iuzg894n {
+  border-top-width: var(--r95_iuzg894m);
+}
+.r95_iuzg894p {
+  border-right: var(--r95_iuzg894o);
+}
+.r95_iuzg894r {
+  border-right-color: var(--r95_iuzg894q);
+}
+.r95_iuzg894t {
+  border-right-style: var(--r95_iuzg894s);
+}
+.r95_iuzg894v {
+  border-right-width: var(--r95_iuzg894u);
+}
+.r95_iuzg894x {
+  border-bottom: var(--r95_iuzg894w);
+}
+.r95_iuzg894z {
+  border-bottom-color: var(--r95_iuzg894y);
+}
+.r95_iuzg8951 {
+  border-bottom-style: var(--r95_iuzg8950);
+}
+.r95_iuzg8953 {
+  border-bottom-width: var(--r95_iuzg8952);
+}
+.r95_iuzg8955 {
+  border-left: var(--r95_iuzg8954);
+}
+.r95_iuzg8957 {
+  border-left-color: var(--r95_iuzg8956);
+}
+.r95_iuzg8959 {
+  border-left-style: var(--r95_iuzg8958);
+}
+.r95_iuzg895b {
+  border-left-width: var(--r95_iuzg895a);
+}
+.r95_iuzg895d {
+  border-bottom-left-radius: var(--r95_iuzg895c);
+}
+.r95_iuzg895f {
+  border-bottom-right-radius: var(--r95_iuzg895e);
+}
+.r95_iuzg895h {
+  border-image: var(--r95_iuzg895g);
+}
+.r95_iuzg895j {
+  border-image-outset: var(--r95_iuzg895i);
+}
+.r95_iuzg895l {
+  border-image-repeat: var(--r95_iuzg895k);
+}
+.r95_iuzg895n {
+  border-image-slice: var(--r95_iuzg895m);
+}
+.r95_iuzg895p {
+  border-image-source: var(--r95_iuzg895o);
+}
+.r95_iuzg895r {
+  border-image-width: var(--r95_iuzg895q);
+}
+.r95_iuzg895t {
+  border-radius: var(--r95_iuzg895s);
+}
+.r95_iuzg895v {
+  border-top-left-radius: var(--r95_iuzg895u);
+}
+.r95_iuzg895x {
+  border-top-right-radius: var(--r95_iuzg895w);
+}
+.r95_iuzg895z {
+  box-shadow: var(--r95_iuzg895y);
+}
+.r95_iuzg8961 {
+  outline: var(--r95_iuzg8960);
+}
+.r95_iuzg8963 {
+  outline-color: var(--r95_iuzg8962);
+}
+.r95_iuzg8965 {
+  outline-style: var(--r95_iuzg8964);
+}
+.r95_iuzg8967 {
+  outline-width: var(--r95_iuzg8966);
+}
+.r95_iuzg8969 {
+  font: var(--r95_iuzg8968);
+}
+.r95_iuzg896b {
+  font-family: var(--r95_iuzg896a);
+}
+.r95_iuzg896d {
+  font-style: var(--r95_iuzg896c);
+}
+.r95_iuzg896f {
+  font-size: var(--r95_iuzg896e);
+}
+.r95_iuzg896h {
+  font-weight: var(--r95_iuzg896g);
+}
+.r95_iuzg896j {
+  font-variant: var(--r95_iuzg896i);
+}
+.r95_iuzg896l {
+  font-size-adjust: var(--r95_iuzg896k);
+}
+.r95_iuzg896n {
+  color: var(--r95_iuzg896m);
+}
+.r95_iuzg896p {
+  direction: var(--r95_iuzg896o);
+}
+.r95_iuzg896r {
+  letter-spacing: var(--r95_iuzg896q);
+}
+.r95_iuzg896t {
+  line-height: var(--r95_iuzg896s);
+}
+.r95_iuzg896v {
+  text-align: var(--r95_iuzg896u);
+}
+.r95_iuzg896x {
+  text-decoration: var(--r95_iuzg896w);
+}
+.r95_iuzg896z {
+  text-indent: var(--r95_iuzg896y);
+}
+.r95_iuzg8971 {
+  text-shadow: var(--r95_iuzg8970);
+}
+.r95_iuzg8973 {
+  text-transform: var(--r95_iuzg8972);
+}
+.r95_iuzg8975 {
+  vertical-align: var(--r95_iuzg8974);
+}
+.r95_iuzg8977 {
+  white-space: var(--r95_iuzg8976);
+}
+.r95_iuzg8979 {
+  word-spacing: var(--r95_iuzg8978);
+}
+.r95_iuzg897b {
+  word-break: var(--r95_iuzg897a);
+}
+.r95_iuzg897d {
+  z-index: var(--r95_iuzg897c);
+}

package/cjs/GlobalStyle/{GlobalStyle.css.js → GlobalStyle.css.cjs}

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

package/cjs/{GlobalStyle.js → GlobalStyle.cjs}

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const GlobalStyle_css = require("./GlobalStyle/GlobalStyle.css.js");
+const GlobalStyle_css = require("./GlobalStyle/GlobalStyle.css.cjs");
 exports.GlobalStyle = GlobalStyle_css;

package/cjs/Input/{Input.js → Input.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Frame = require("../Frame/Frame.js");
-const Input_css = require("./Input.css.js");
+const Frame = require("../Frame/Frame.cjs");
+const Input_css = require("./Input.css.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/cjs/Input/{Input.css.js → Input.css.cjs}

@@ -1,5 +1,5 @@
 require('./Input.css.ts.vanilla.css');
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-/* empty css                                     *//* empty css                            */var input = "r95_taf7or0 r95_22fi81";
+/* empty css                                      *//* empty css                             */var input = "r95_taf7or0 r95_22fi81";
 exports.input = input;

package/cjs/List/{List.js → List.cjs}

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ListItem = require("./ListItem.js");
-const ListDivider = require("./ListDivider.js");
-const Frame = require("../Frame/Frame.js");
+const ListItem = require("./ListItem.cjs");
+const ListDivider = require("./ListDivider.cjs");
+const Frame = require("../Frame/Frame.cjs");
 const React = require("react");
-const List_css = require("./List.css.js");
+const List_css = require("./List.css.cjs");
 const cn = require("classnames");
 const ListRenderer = React.forwardRef(
   (rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.list, rest.className), as: "ul" })

package/cjs/List/{List.css.js → List.css.cjs}

@@ -1,7 +1,7 @@
 require('./List.css.ts.vanilla.css');
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-/* empty css                           */var divider = "r95_1lxkvz41";
+/* empty css                            */var divider = "r95_1lxkvz41";
 var list = "r95_1lxkvz42";
 var listItem = "r95_1lxkvz40";
 exports.divider = divider;

package/cjs/List/{ListDivider.js → ListDivider.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Frame = require("../Frame/Frame.js");
-const List_css = require("./List.css.js");
+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(

package/cjs/List/{ListItem.js → ListItem.cjs}

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const cn = require("classnames");
-const Frame = require("../Frame/Frame.js");
-const List_css = require("./List.css.js");
+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(
   ({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React.createElement(Item, { ...rest, ref }, icon, children)

package/cjs/Modal/{Modal.js → Modal.cjs}

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Draggable = require("react-draggable");
-const Button = require("../Button/Button.js");
-const TitleBar = require("../TitleBar/TitleBar.js");
-const ModalContext = require("./ModalContext.js");
-const Modal_css = require("./Modal.css.js");
-const Frame = require("../Frame/Frame.js");
-const close = require("./close.svg.js");
-const help = require("./help.svg.js");
+const Button = require("../Button/Button.cjs");
+const TitleBar = require("../TitleBar/TitleBar.cjs");
+const ModalContext = require("./ModalContext.cjs");
+const Modal_css = require("./Modal.css.cjs");
+const Frame = require("../Frame/Frame.cjs");
+const close = require("./close.svg.cjs");
+const help = require("./help.svg.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/cjs/Modal/{Modal.css.js → Modal.css.cjs}

@@ -1,7 +1,7 @@
 require('./Modal.css.ts.vanilla.css');
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-/* empty css                            */const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+/* empty css                             */const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var buttonWrapper = "r95_1txblt62";
 var content = "r95_1txblt63";
 var menuItem = createRuntimeFn.createRuntimeFn({ defaultClassName: "r95_1txblt65", variantClassNames: { active: { true: "r95_1txblt66" } }, defaultVariants: {}, compoundVariants: [] });

package/cjs/Modal/{ModalProvider.js → ModalProvider.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const nanoid = require("nanoid");
 const React = require("react");
-const ModalContext = require("./ModalContext.js");
+const ModalContext = require("./ModalContext.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/cjs/ProgressBar/{ProgressBar.js → ProgressBar.cjs}

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const cn = require("classnames");
-const Frame = require("../Frame/Frame.js");
-const ProgressBar_css = require("./ProgressBar.css.js");
+const Frame = require("../Frame/Frame.cjs");
+const ProgressBar_css = require("./ProgressBar.css.cjs");
 const ProgressBar = React.forwardRef(
   ({ width = "150px", percent = 0, ...rest }, ref) => /* @__PURE__ */ React.createElement(
     Frame.Frame,

package/cjs/ProgressBar/{ProgressBar.css.js → ProgressBar.css.cjs}

@@ -1,7 +1,7 @@
 require('./ProgressBar.css.ts.vanilla.css');
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-/* 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/cjs/RadioButton/{RadioButton.js → RadioButton.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const RadioButton_css = require("./RadioButton.css.js");
+const RadioButton_css = require("./RadioButton.css.cjs");
 const RadioButton = React.forwardRef(
   ({ children, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement("label", { className: RadioButton_css.label }, /* @__PURE__ */ React.createElement(
     "input",

package/cjs/RadioButton/{RadioButton.css.js → RadioButton.css.cjs}

@@ -1,7 +1,7 @@
 require('./RadioButton.css.ts.vanilla.css');
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-/* 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/cjs/Range/{Range.js → Range.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Frame = require("../Frame/Frame.js");
-const Range_css = require("./Range.css.js");
+const Frame = require("../Frame/Frame.cjs");
+const Range_css = require("./Range.css.cjs");
 const cn = require("classnames");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/cjs/Range/{Range.css.js → Range.css.cjs}

@@ -1,5 +1,5 @@
 require('./Range.css.ts.vanilla.css');
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-/* empty css                            */var range = "r95_1i4w9z20";
+/* empty css                             */var range = "r95_1i4w9z20";
 exports.range = range;

package/cjs/Tabs/{Tab.js → Tab.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Tabs_css = require("./Tabs.css.js");
-const Frame = require("../Frame/Frame.js");
+const Tabs_css = require("./Tabs.css.cjs");
+const Frame = require("../Frame/Frame.cjs");
 const Tab = React.forwardRef(
   ({ activeTab, title, ...rest }, ref) => /* @__PURE__ */ React.createElement(
     Frame.Frame,

package/cjs/Tabs/{Tabs.js → Tabs.cjs}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const cn = require("classnames");
-const Tab = require("./Tab.js");
-const Tabs_css = require("./Tabs.css.js");
-const Frame = require("../Frame/Frame.js");
+const Tab = require("./Tab.cjs");
+const Tabs_css = require("./Tabs.css.cjs");
+const Frame = require("../Frame/Frame.cjs");
 const Tabs = React.forwardRef(
   ({ children, defaultActiveTab, onChange, ...rest }, ref) => {
     const [firstTab] = React.Children.toArray(children);

package/cjs/Tabs/{Tabs.css.js → Tabs.css.cjs}

@@ -1,7 +1,7 @@
 require('./Tabs.css.ts.vanilla.css');
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-/* empty css                           */const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+/* empty css                            */const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var navContainer = "r95_fyllcd1";
 var navbar = "r95_fyllcd0";
 var tab = createRuntimeFn.createRuntimeFn({ defaultClassName: "r95_fyllcd2", variantClassNames: { active: { true: "r95_fyllcd3" } }, defaultVariants: {}, compoundVariants: [] });

package/cjs/TaskBar/{Clock.js → Clock.cjs}

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Frame = require("../Frame/Frame.js");
-const Tooltip = require("../Tooltip/Tooltip.js");
-const TaskBar_css = require("./TaskBar.css.js");
+const Frame = require("../Frame/Frame.cjs");
+const Tooltip = require("../Tooltip/Tooltip.cjs");
+const TaskBar_css = require("./TaskBar.css.cjs");
 const Clock = () => {
   const [timer, setTimer] = React.useState("");
   React.useEffect(() => {

package/cjs/TaskBar/{TaskBar.js → TaskBar.cjs}

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const ModalContext = require("../Modal/ModalContext.js");
-const Frame = require("../Frame/Frame.js");
-const Clock = require("./Clock.js");
-const WindowButton = require("./WindowButton.js");
+const ModalContext = require("../Modal/ModalContext.cjs");
+const Frame = require("../Frame/Frame.cjs");
+const Clock = require("./Clock.cjs");
+const WindowButton = require("./WindowButton.cjs");
 const icons = require("@react95/icons");
-const TaskBar_css = require("./TaskBar.css.js");
+const TaskBar_css = require("./TaskBar.css.cjs");
 const TaskBar = React.forwardRef(
   ({ list }, ref) => {
     const [showList, toggleShowList] = React.useState(false);

package/cjs/TaskBar/{TaskBar.css.js → TaskBar.css.cjs}

@@ -1,7 +1,7 @@
 require('./TaskBar.css.ts.vanilla.css');
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-/* empty css                              */const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+/* empty css                               */const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var icon = "r95_1ct83mo9";
 var tooltip = "r95_1ct83mo1";
 var truncate = "r95_1ct83mo0";

package/cjs/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);