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

package/esm/GlobalStyle.mjs

@@ -0,0 +1,4 @@
+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.css.ts.vanilla.css

@@ -0,0 +1,21 @@
+.r95_taf7or0 {
+  outline: none;
+  border: none;
+  padding-top: var(--r95-space-3);
+  padding-right: var(--r95-space-3);
+  padding-bottom: var(--r95-space-5);
+  padding-left: var(--r95-space-3);
+  color: var(--r95-color-materialText);
+  background-color: var(--r95-color-inputBackground);
+  border-radius: 0;
+  border-top-width: var(--r95-space-1);
+  border-top-style: solid;
+  border-top-color: var(--r95-color-borderDark);
+  border-right-width: 0;
+  border-bottom-width: 0;
+  border-left-width: var(--r95-space-1);
+  border-left-style: solid;
+  border-left-color: var(--r95-color-borderDark);
+  box-shadow: var(--r95-shadow-input);
+  -webkit-appearance: none;
+}

package/esm/Input/Input.mjs

@@ -0,0 +1,9 @@
+import * as React from "react";
+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" })
+);
+export {
+  Input
+};

package/esm/List/List.css.mjs

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

package/esm/List/List.css.ts.vanilla.css

@@ -0,0 +1,66 @@
+.r95_1lxkvz40 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  user-select: none;
+  margin: var(--r95-space-0);
+  padding-block: var(--r95-space-2);
+  padding-inline: var(--r95-space-6);
+  color: var(--r95-color-materialText);
+}
+.r95_1lxkvz40:hover {
+  background-color: var(--r95-color-headerBackground);
+  color: var(--r95-color-materialTextInvert);
+}
+.r95_1lxkvz40:not(:has(svg)) {
+  padding-inline-start: 26px;
+}
+.r95_1lxkvz40:has(ul):after {
+  content: '';
+  position: absolute;
+  width: var(--r95-space-5);
+  height: var(--r95-space-8);
+  right: var(--r95-space-8);
+  background-color: var(--r95-color-materialText);
+  mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4wMDQgMTguMDA3bDMuMDE2LS4wMTMuMDEtMy4wMSAyLjE4Ni4wMXYtMi4wMjVsMi44MTYtLjAxLS4wMDktMi45NEgxMHYtMmMuMDEtLjAxLTEuOTktLjAzNi0yLS4wMjYuMDEtLjAxLjAzNS0zLjAxLjAyNi0zIC4wMS0uMDEtMi44NDUtLjAxMS0yLjg1NS0uMDAxdi0yTDMgMi45OWMuMDEtLjAxLjAzNS0zLjAxMS4wMjUtMy4wMDEuMDEtLjAxLTMuMDQuMDEzLTMuMDI1LjAyM2wuMDA0IDE3Ljk5NHoiIGZpbGwtb3BhY2l0eT0ibnVsbCIvPjwvc3ZnPg==');
+  mask-position: center center;
+  mask-size: var(--r95-space-5) var(--r95-space-8);
+  mask-repeat: no-repeat;
+}
+.r95_1lxkvz40:has(ul):hover:after {
+  background-color: var(--r95-color-materialTextInvert);
+}
+.r95_1lxkvz40 svg {
+  margin-right: var(--r95-space-10);
+  min-width: var(--r95-space-16);
+}
+.r95_1lxkvz40 ul {
+  display: none;
+  position: absolute;
+  top: calc(var(--r95-space-2) * -1);
+  left: 97%;
+  color: var(--r95-color-materialText);
+  z-index: var(--r95-zIndex-taskbar);
+}
+.r95_1lxkvz40:has(ul):hover > ul {
+  display: block;
+}
+.r95_1lxkvz41 {
+  height: var(--r95-space-1);
+  border-top-style: solid;
+  border-top-width: var(--r95-space-1);
+  border-top-color: var(--r95-color-borderDark);
+  border-bottom-width: var(--r95-space-1);
+  border-bottom-style: solid;
+  border-bottom-color: var(--r95-color-borderLightest);
+  width: 98%;
+  margin-left: var(--r95-space-2);
+}
+.r95_1lxkvz42 {
+  background-color: var(--r95-color-material);
+  padding: var(--r95-space-2);
+  border: none;
+  margin: 0;
+  list-style: none;
+  box-shadow: var(--r95-shadow-out);
+}

package/esm/List/List.mjs

@@ -0,0 +1,16 @@
+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.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" })
+);
+const List = Object.assign(ListRenderer, {
+  Item: ListItem,
+  Divider
+});
+export {
+  List
+};

package/esm/List/ListDivider.mjs

@@ -0,0 +1,19 @@
+import React__default from "react";
+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(
+    Frame,
+    {
+      ...rest,
+      ref,
+      className: cn(divider, rest.className),
+      as: "li"
+    }
+  )
+);
+Divider.displayName = "List.Divider";
+export {
+  Divider
+};

package/esm/List/ListItem.mjs

@@ -0,0 +1,12 @@
+import React__default, { forwardRef } from "react";
+import cn from "classnames";
+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)
+);
+ListItem.displayName = "List.Item";
+export {
+  ListItem
+};

package/esm/Modal/Modal.css.mjs

@@ -0,0 +1,14 @@
+import './Modal.css.ts.vanilla.css';
+/* 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: [] });
+var menuWrapper = "r95_1txblt64";
+var modalWrapper = createRuntimeFn({ defaultClassName: "r95_1txblt60", variantClassNames: { active: { true: "r95_1txblt61" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  buttonWrapper,
+  content,
+  menuItem,
+  menuWrapper,
+  modalWrapper
+};

package/esm/Modal/Modal.css.ts.vanilla.css

@@ -0,0 +1,55 @@
+.r95_1txblt60 {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  padding: 2px 2px 8px;
+  top: 50px;
+  background-color: var(--r95-color-material);
+  box-shadow: var(--r95-shadow-out);
+}
+.r95_1txblt61 {
+  z-index: var(--r95-zIndex-modal);
+}
+.r95_1txblt62 {
+  display: flex;
+  gap: 6px;
+  flex-direction: row;
+  padding: 0 6px 6px 6px;
+}
+.r95_1txblt62 button {
+  min-width: 70px;
+}
+.r95_1txblt63 {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 6px;
+}
+.r95_1txblt64 {
+  display: flex;
+  flex-direction: row;
+  list-style: none;
+  margin: 0;
+  padding-left: 0;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  border-bottom-style: solid;
+  border-width: 1px;
+  border-bottom-color: var(--r95-color-borderDark);
+  box-shadow: 0 1px 0 0 var(--r95-color-borderLighter);
+}
+.r95_1txblt65 {
+  position: relative;
+  padding-left: 6px;
+  padding-right: 6px;
+  user-select: none;
+}
+.r95_1txblt66 {
+  background-color: var(--r95-color-material);
+  color: var(--r95-color-materialTextInvert);
+}
+.r95_1txblt65 ul {
+  position: absolute;
+  left: 0;
+  color: var(--r95-color-materialText);
+}

package/esm/Modal/Modal.mjs

@@ -0,0 +1,134 @@
+import * as React from "react";
+import Draggable from "react-draggable";
+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 = [],
+  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);
+  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,
+      {
+        ...rest,
+        width,
+        height,
+        className: modalWrapper({ active: isActive }),
+        ref
+      },
+      /* @__PURE__ */ React.createElement(
+        TitleBar,
+        {
+          active: isActive,
+          icon,
+          title,
+          className: "draggable"
+        },
+        /* @__PURE__ */ React.createElement(TitleBar.OptionsBox, null, onHelp && /* @__PURE__ */ React.createElement(TitleBar.Option, null, /* @__PURE__ */ React.createElement("img", { src: help, alt: "help", onClick: onHelp })), /* @__PURE__ */ React.createElement(TitleBar.Option, { onClick: onClose }, /* @__PURE__ */ React.createElement("img", { src: close, alt: "close" })))
+      ),
+      menu && menu.length > 0 && /* @__PURE__ */ React.createElement("ul", { className: menuWrapper }, menu.map(({ name, list }) => {
+        const active = menuOpened === name;
+        return /* @__PURE__ */ React.createElement(
+          "li",
+          {
+            key: name,
+            onMouseDown: () => setMenuOpened(name),
+            className: menuItem({ active })
+          },
+          name,
+          active && list
+        );
+      })),
+      /* @__PURE__ */ React.createElement("div", { className: content, onClick: () => setMenuOpened("") }, children),
+      buttons && buttons.length > 0 && /* @__PURE__ */ React.createElement(
+        Frame,
+        {
+          className: buttonWrapper,
+          justifyContent: buttonsAlignment
+        },
+        buttons.map((button) => /* @__PURE__ */ React.createElement(
+          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: () => {
+  }
+};
+export {
+  Modal
+};

package/esm/Modal/ModalContext.mjs

@@ -0,0 +1,16 @@
+import { createContext } from "react";
+const ModalContext = createContext({
+  windows: {},
+  addWindows: () => {
+  },
+  removeWindow: () => {
+  },
+  updateWindow: () => {
+  },
+  setActiveWindow: () => {
+  },
+  activeWindow: ""
+});
+export {
+  ModalContext
+};

package/esm/Modal/ModalProvider.mjs

@@ -0,0 +1,54 @@
+import { nanoid } from "nanoid";
+import * as React from "react";
+import { ModalContext } from "./ModalContext.mjs";
+const windowStackReducer = (state, action) => {
+  const newWindows = { ...state };
+  switch (action.type) {
+    case "ADD_WINDOW": {
+      newWindows[action.id] = action.window;
+      return newWindows;
+    }
+    case "REMOVE_WINDOW": {
+      delete newWindows[action.id];
+      return newWindows;
+    }
+    case "UPDATE_WINDOW": {
+      newWindows[action.id] = action.window;
+      return newWindows;
+    }
+    default:
+      return state;
+  }
+};
+const ModalProvider = ({ children }) => {
+  const [windows, dispatch] = React.useReducer(windowStackReducer, {});
+  const [activeWindow, setActiveWindow] = React.useState();
+  const addWindows = (window) => {
+    const id = nanoid();
+    dispatch({ type: "ADD_WINDOW", id, window });
+    return id;
+  };
+  const removeWindow = (id) => {
+    dispatch({ type: "REMOVE_WINDOW", id });
+  };
+  const updateWindow = (id, window) => {
+    dispatch({ type: "UPDATE_WINDOW", id, window });
+  };
+  return /* @__PURE__ */ React.createElement(
+    ModalContext.Provider,
+    {
+      value: {
+        windows,
+        addWindows,
+        removeWindow,
+        updateWindow,
+        setActiveWindow,
+        activeWindow
+      }
+    },
+    children
+  );
+};
+export {
+  ModalProvider
+};

package/esm/Modal/close.svg.mjs

@@ -0,0 +1,4 @@
+const close = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nOCcgaGVpZ2h0PSc3JyBmaWxsPSdjdXJyZW50Q29sb3InIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00wIDBoMnYxaDF2MWgyVjFoMVYwaDJ2MUg3djFINnYxSDV2MWgxdjFoMXYxaDF2MUg2VjZINVY1SDN2MUgydjFIMFY2aDFWNWgxVjRoMVYzSDJWMkgxVjFIMFYweicgLz48L3N2Zz4=";
+export {
+  close as default
+};

package/esm/Modal/help.svg.mjs

@@ -0,0 +1,4 @@
+const help = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNicgaGVpZ2h0PSc5JyBmaWxsPSdjdXJyZW50Q29sb3InIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTAgMWgydjJIMHpNMSAwaDR2MUgxek00IDFoMnYySDR6TTMgM2gydjFIM3pNMiA0aDJ2Mkgyek0yIDdoMnYySDJ6Jy8+PC9zdmc+";
+export {
+  help as default
+};

package/esm/ProgressBar/ProgressBar.css.mjs

@@ -0,0 +1,11 @@
+import './ProgressBar.css.ts.vanilla.css';
+/* empty css                                 */var container = "r95_1drc6y72";
+var progress = "r95_1drc6y73";
+var whiteBar = "r95_1drc6y71";
+var wrapper = "r95_1drc6y70";
+export {
+  container,
+  progress,
+  whiteBar,
+  wrapper
+};

package/esm/ProgressBar/ProgressBar.css.ts.vanilla.css

@@ -0,0 +1,32 @@
+.r95_1drc6y70 {
+  height: var(--r95-space-20);
+  position: relative;
+  text-align: center;
+}
+.r95_1drc6y71 {
+  height: var(--r95-space-20);
+  line-height: var(--r95-space-20);
+  border-left: var(--r95-space-1);
+  border-left-style: solid;
+  border-left-color: var(--r95-color-borderDark);
+  border-top: var(--r95-space-1);
+  border-top-style: solid;
+  border-top-color: var(--r95-color-borderDark);
+  background-color: var(--r95-color-inputBackground);
+  color: var(--r95-color-materialText);
+  box-shadow: var(--r95-shadow-input);
+}
+.r95_1drc6y72 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+}
+.r95_1drc6y73 {
+  height: var(--r95-space-17);
+  line-height: var(--r95-space-18);
+  margin-left: var(--r95-space-2);
+  margin-top: var(--r95-space-2);
+  background-color: var(--r95-color-progress);
+  color: var(--r95-color-materialTextInvert);
+}

package/esm/ProgressBar/ProgressBar.mjs

@@ -0,0 +1,20 @@
+import React__default, { forwardRef } from "react";
+import cn from "classnames";
+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,
+    {
+      ...rest,
+      width,
+      className: cn(wrapper, rest.className),
+      ref
+    },
+    /* @__PURE__ */ React__default.createElement(Frame, { className: whiteBar, width }, `${percent}%`),
+    /* @__PURE__ */ React__default.createElement(Frame, { className: container, width: `${percent}%` }, /* @__PURE__ */ React__default.createElement(Frame, { className: progress, width }, `${percent}%`))
+  )
+);
+export {
+  ProgressBar
+};

package/esm/RadioButton/RadioButton.css.mjs

@@ -0,0 +1,11 @@
+import './RadioButton.css.ts.vanilla.css';
+/* empty css                                 */var field = "r95_1rnz0nz3";
+var icon = "r95_1rnz0nz0";
+var label = "r95_1rnz0nz2";
+var text = "r95_1rnz0nz1";
+export {
+  field,
+  icon,
+  label,
+  text
+};

package/esm/RadioButton/RadioButton.css.ts.vanilla.css

@@ -0,0 +1,44 @@
+.r95_1rnz0nz0 {
+  width: var(--r95-space-12);
+  height: var(--r95-space-12);
+  display: inline-block;
+  position: absolute;
+  left: var(--r95-space-0);
+  top: var(--r95-space-0);
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBAoFICGfiwGRAAAAVElEQVQY05WOwQ2AMAwDL4i9WK2jlcmOR5NWquCBP45sx0mQaCbH4CixVWCZTcTCmOEcOasRuWe3O7p68IH/xsuVruZGr09gTgGgS7iAiDTKJEWAB4ZgRt37Ih39AAAAAElFTkSuQmCC');
+  image-rendering: pixelated;
+}
+.r95_1rnz0nz1 {
+  padding: var(--r95-space-1);
+  user-select: none;
+  position: absolute;
+  top: 0;
+  left: var(--r95-space-18);
+}
+.r95_1rnz0nz2 {
+  position: relative;
+  margin-bottom: var(--r95-space-10);
+  display: block;
+}
+.r95_1rnz0nz2:has(:disabled) {
+  color: var(--r95-color-materialTextDisabled);
+  text-shadow: 0.5px 0.5px var(--r95-color-materialTextDisabledShadow);
+}
+.r95_1rnz0nz3 {
+  margin: 0;
+  opacity: 0;
+}
+.r95_1rnz0nz3:focus ~ .r95_1rnz0nz1, &:active + .r95_1rnz0nz1 {
+  border-width: var(--r95-space-1);
+  border-style: dotted;
+  padding: 0;
+}
+.r95_1rnz0nz3:checked + .r95_1rnz0nz0 {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQKBR8ecTMGkAAAAG5JREFUKM+FUNsRwDAIwlz3ymqOZiajP8mdIablSznAh0Hg7pTecm8qdHcNOI1TTABUZB4Anpw2OSg3xjh2vqYuRARJsmmimZX1wmH4Q6t2/rrpeke1/zYhIvZvTChnaTwrQe99PcA2gxrTpzbNC7UzjLtY6hmzAAAAAElFTkSuQmCC');
+}
+.r95_1rnz0nz3:disabled + .r95_1rnz0nz0 {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBAoFIxjro9paAAAAVklEQVQY05WOQRKAMAgDNx3/pU/jafVleGiw1hkP5hLIwoCwIu0argqjBgwFkQF0gwNIpG20Fc9KkfGISzuND/0H/qq/Lkht/WnZgEw472mQDAriEOACnWkWUice+m0AAAAASUVORK5CYII=');
+}
+.r95_1rnz0nz3:checked:disabled + .r95_1rnz0nz0 {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQKBSIvSgVOFAAAAI1JREFUKM+FkcEVxCAIRIeshdgJlEZp0IlWwl6WPCW+7D/pOAOoZGZYMbNY9yJC675Vo6puBVQ11mBLcxprRxEBAEREuDu1Mg4qVfv03kNVtwMzwxgDvfdbm3OCmfV6q3jq+Aj84xHIS9Z1QmZ2v9JphISZ4e50vc17gtLIzAEA7v6o/NNp++kUMlj15Aun6lMg0OwfdAAAAABJRU5ErkJggg==');
+}

package/esm/RadioButton/RadioButton.mjs

@@ -0,0 +1,17 @@
+import React__default, { forwardRef } from "react";
+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",
+    {
+      type: "radio",
+      disabled,
+      className: field,
+      ref,
+      ...props
+    }
+  ), /* @__PURE__ */ React__default.createElement("span", { className: icon }), /* @__PURE__ */ React__default.createElement("span", { className: text }, children))
+);
+export {
+  RadioButton
+};

package/esm/Range/Range.css.mjs

@@ -0,0 +1,5 @@
+import './Range.css.ts.vanilla.css';
+/* empty css                           */var range = "r95_1i4w9z20";
+export {
+  range
+};