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

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.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Frame = require("../Frame/Frame.cjs");
+const Input_css = require("./Input.css.cjs");
+const Input = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: Input_css.input, as: "input" }));
+exports.Input = Input;

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.cjs

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

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.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+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(Frame.Frame, { ...rest, ref, className: cn(List_css.divider, rest.className), as: "li" }));
+Divider.displayName = "List.Divider";
+exports.Divider = Divider;

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.cjs

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Draggable = require("react-draggable");
+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");
+const ModalRenderer = ({
+  hasWindowButton: hasButton = true,
+  buttons = [],
+  buttonsAlignment = "flex-end",
+  children,
+  onClose = () => {
+  },
+  onHelp,
+  defaultPosition = { x: 0, y: 0 },
+  positionOffset,
+  height,
+  icon,
+  menu = [],
+  title,
+  width,
+  ...rest
+}, ref) => {
+  const {
+    addWindows,
+    removeWindow,
+    updateWindow,
+    setActiveWindow,
+    activeWindow
+  } = React.useContext(ModalContext.ModalContext);
+  const [id, setId] = React.useState(null);
+  const [menuOpened, setMenuOpened] = React.useState("");
+  const [isActive, setIsActive] = React.useState(false);
+  React.useEffect(() => {
+    if (!id) {
+      const newId = addWindows({ icon, title, hasButton });
+      if (newId) {
+        setId(newId);
+        setActiveWindow(newId);
+      }
+    } else {
+      updateWindow(id, { icon, title, hasButton });
+    }
+  }, [id, icon, title, hasButton]);
+  React.useEffect(() => {
+    return () => {
+      if (id) {
+        removeWindow(id);
+      }
+    };
+  }, [id]);
+  React.useEffect(() => setIsActive(id === activeWindow), [id, activeWindow]);
+  return /* @__PURE__ */ React.createElement(
+    Draggable,
+    {
+      handle: ".draggable",
+      defaultPosition,
+      positionOffset,
+      onMouseDown: id ? () => setActiveWindow(id) : void 0
+    },
+    /* @__PURE__ */ React.createElement(
+      Frame.Frame,
+      {
+        ...rest,
+        width,
+        height,
+        className: Modal_css.modalWrapper({ active: isActive }),
+        ref
+      },
+      /* @__PURE__ */ React.createElement(
+        TitleBar.TitleBar,
+        {
+          active: isActive,
+          icon,
+          title,
+          className: "draggable"
+        },
+        /* @__PURE__ */ React.createElement(TitleBar.TitleBar.OptionsBox, null, onHelp && /* @__PURE__ */ React.createElement(TitleBar.TitleBar.Option, null, /* @__PURE__ */ React.createElement("img", { src: help, alt: "help", onClick: onHelp })), /* @__PURE__ */ React.createElement(TitleBar.TitleBar.Option, { onClick: onClose }, /* @__PURE__ */ React.createElement("img", { src: close, alt: "close" })))
+      ),
+      menu && menu.length > 0 && /* @__PURE__ */ React.createElement("ul", { className: Modal_css.menuWrapper }, menu.map(({ name, list }) => {
+        const active = menuOpened === name;
+        return /* @__PURE__ */ React.createElement(
+          "li",
+          {
+            key: name,
+            onMouseDown: () => setMenuOpened(name),
+            className: Modal_css.menuItem({ active })
+          },
+          name,
+          active && list
+        );
+      })),
+      /* @__PURE__ */ React.createElement("div", { className: Modal_css.content, onClick: () => setMenuOpened("") }, children),
+      buttons && buttons.length > 0 && /* @__PURE__ */ React.createElement(
+        Frame.Frame,
+        {
+          className: Modal_css.buttonWrapper,
+          justifyContent: buttonsAlignment
+        },
+        buttons.map((button) => /* @__PURE__ */ React.createElement(
+          Button.Button,
+          {
+            key: button.value,
+            onClick: button.onClick,
+            value: button.value
+          },
+          button.value
+        ))
+      )
+    )
+  );
+};
+const Modal = React.forwardRef(ModalRenderer);
+Modal.displayName = "Modal";
+Modal.defaultProps = {
+  icon: void 0,
+  title: "Modal",
+  children: null,
+  defaultPosition: { x: 0, y: 0 },
+  buttons: [],
+  menu: [],
+  width: void 0,
+  height: void 0,
+  onClose: () => {
+  }
+};
+exports.Modal = Modal;

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,24 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const nanoid = require("nanoid");
 const React = require("react");
-const ModalContext = require("./ModalContext.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const ModalContext = require("./ModalContext.cjs");
 const windowStackReducer = (state, action) => {
   const newWindows = { ...state };
   switch (action.type) {
@@ -39,9 +22,11 @@ const windowStackReducer = (state, action) => {
       return state;
   }
 };
-const ModalProvider = ({ children }) => {
-  const [windows, dispatch] = React__namespace.useReducer(windowStackReducer, {});
-  const [activeWindow, setActiveWindow] = React__namespace.useState();
+const ModalProvider = ({
+  children
+}) => {
+  const [windows, dispatch] = React.useReducer(windowStackReducer, {});
+  const [activeWindow, setActiveWindow] = React.useState();
   const addWindows = (window) => {
     const id = nanoid.nanoid();
     dispatch({ type: "ADD_WINDOW", id, window });
@@ -53,7 +38,7 @@ const ModalProvider = ({ children }) => {
   const updateWindow = (id, window) => {
     dispatch({ type: "UPDATE_WINDOW", id, window });
   };
-  return /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React.createElement(
     ModalContext.ModalContext.Provider,
     {
       value: {

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",