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

package/cjs/Video/buttons/Fullscreen.cjs

@@ -0,0 +1,22 @@
+"use strict";
+const React = require("react");
+const Fullscreen = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "6",
+    viewBox: "0 0 24 24",
+    height: "6",
+    "aria-label": "fullscreen",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      d: "M24 9h-2v-5h-7v-2h9v7zm-9 13v-2h7v-5h2v7h-9zm-15-7h2v5h7v2h-9v-7zm9-13v2h-7v5h-2v-7h9zm11 4h-16v12h16v-12z",
+      style: { width: 1e3 }
+    }
+  )
+);
+const Fullscreen$1 = Fullscreen;
+module.exports = Fullscreen$1;

package/cjs/Video/buttons/Pause.cjs

@@ -0,0 +1,16 @@
+"use strict";
+const React = require("react");
+const Pause = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    height: "6",
+    viewBox: "0 0 424.236 424.236",
+    width: "6",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "pause",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { d: "M256.471 2h176.765v424.236H256.471zM2 2h176.765v424.236H2z" })
+);
+const Pause$1 = Pause;
+module.exports = Pause$1;

package/cjs/Video/buttons/Play.cjs

@@ -0,0 +1,16 @@
+"use strict";
+const React = require("react");
+const Play = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    height: "6",
+    viewBox: "0 0 494.942 494.942",
+    width: "6",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "play",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { d: "M35.353 0l424.236 247.471L35.353 494.942z" })
+);
+const Play$1 = Play;
+module.exports = Play$1;

package/cjs/Video/buttons/Stop.cjs

@@ -0,0 +1,15 @@
+"use strict";
+const React = require("react");
+const Stop = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "6",
+    height: "6",
+    "aria-label": "stop",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { d: "M0 0h306v306H0z" })
+);
+const Stop$1 = Stop;
+module.exports = Stop$1;

package/cjs/index.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Modal = require("./Modal/Modal.cjs");
+const ModalContext = require("./Modal/ModalContext.cjs");
+const ModalProvider = require("./Modal/ModalProvider.cjs");
+const Tabs = require("./Tabs/Tabs.cjs");
+const Tab = require("./Tabs/Tab.cjs");
+const Alert = require("./Alert/Alert.cjs");
+const Avatar = require("./Avatar/Avatar.cjs");
+const Button = require("./Button/Button.cjs");
+const Checkbox = require("./Checkbox/Checkbox.cjs");
+const Cursor_css = require("./Cursor/Cursor.css.cjs");
+const Dropdown = require("./Dropdown/Dropdown.cjs");
+const Fieldset = require("./Fieldset/Fieldset.cjs");
+const Frame = require("./Frame/Frame.cjs");
+const Input = require("./Input/Input.cjs");
+const List = require("./List/List.cjs");
+const ProgressBar = require("./ProgressBar/ProgressBar.cjs");
+const RadioButton = require("./RadioButton/RadioButton.cjs");
+const Range = require("./Range/Range.cjs");
+const TaskBar = require("./TaskBar/TaskBar.cjs");
+const TextArea = require("./TextArea/TextArea.cjs");
+const Tree = require("./Tree/Tree.cjs");
+const Tooltip = require("./Tooltip/Tooltip.cjs");
+const TitleBar = require("./TitleBar/TitleBar.cjs");
+const Video = require("./Video/Video.cjs");
+exports.Modal = Modal.Modal;
+exports.ModalContext = ModalContext.ModalContext;
+exports.ModalProvider = ModalProvider.ModalProvider;
+exports.Tabs = Tabs.Tabs;
+exports.Tab = Tab.Tab;
+exports.Alert = Alert.Alert;
+exports.Avatar = Avatar.Avatar;
+exports.Button = Button.Button;
+exports.Checkbox = Checkbox.Checkbox;
+exports.Cursor = Cursor_css.Cursor;
+exports.Dropdown = Dropdown.Dropdown;
+exports.Fieldset = Fieldset.Fieldset;
+exports.Frame = Frame.Frame;
+exports.Input = Input.Input;
+exports.List = List.List;
+exports.ProgressBar = ProgressBar.ProgressBar;
+exports.RadioButton = RadioButton.RadioButton;
+exports.Range = Range.Range;
+exports.TaskBar = TaskBar.TaskBar;
+exports.TextArea = TextArea.TextArea;
+exports.Tree = Tree.Tree;
+exports.Tooltip = Tooltip.Tooltip;
+exports.TitleBar = TitleBar.TitleBar;
+exports.Video = Video.Video;

package/cjs/themes/{azureOrange.css.js → azureOrange.css.cjs}

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

package/cjs/themes/{bee.css.js → bee.css.cjs}

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

package/cjs/themes/{blackAndWhite.css.js → blackAndWhite.css.cjs}

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

package/cjs/themes/{brick.css.js → brick.css.cjs}

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

package/cjs/themes/{candy.css.js → candy.css.cjs}

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

package/cjs/themes/{coldGray.css.js → coldGray.css.cjs}

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

package/cjs/themes/{counterStrike.css.js → counterStrike.css.cjs}

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

package/cjs/themes/{eggplant.css.js → eggplant.css.cjs}

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

package/cjs/themes/{highContrast.css.js → highContrast.css.cjs}

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

package/cjs/themes/{lilac.css.js → lilac.css.cjs}

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

package/cjs/themes/{lilacRoseDark.css.js → lilacRoseDark.css.cjs}

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

package/cjs/themes/{maple.css.js → maple.css.cjs}

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

package/cjs/themes/{marine.css.js → marine.css.cjs}

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

package/cjs/themes/{matrix.css.js → matrix.css.cjs}

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

package/cjs/themes/{millenium.css.js → millenium.css.cjs}

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

package/cjs/themes/{modernDark.css.js → modernDark.css.cjs}

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

package/cjs/themes/{molecule.css.js → molecule.css.cjs}

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

package/cjs/themes/{ninjaTurtles.css.js → ninjaTurtles.css.cjs}

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

package/cjs/themes/{olive.css.js → olive.css.cjs}

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

package/cjs/themes/{pamelaAnderson.css.js → pamelaAnderson.css.cjs}

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

package/cjs/themes/{plum.css.js → plum.css.cjs}

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

package/cjs/themes/{rainyDay.css.js → rainyDay.css.cjs}

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

package/cjs/themes/{rose.css.js → rose.css.cjs}

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

package/cjs/themes/{slate.css.js → slate.css.cjs}

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

package/cjs/themes/{spruce.css.js → spruce.css.cjs}

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

package/cjs/themes/{storm.css.js → storm.css.cjs}

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

package/cjs/themes/{theSixtiesUSA.css.js → theSixtiesUSA.css.cjs}

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

package/cjs/themes/{tokyoDark.css.js → tokyoDark.css.cjs}

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

package/cjs/themes/{tooSexy.css.js → tooSexy.css.cjs}

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

package/cjs/themes/{travel.css.js → travel.css.cjs}

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

package/cjs/themes/{vaporTeal.css.js → vaporTeal.css.cjs}

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

package/cjs/themes/{vermillion.css.js → vermillion.css.cjs}

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

package/cjs/themes/{violetDark.css.js → violetDark.css.cjs}

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

package/cjs/themes/{water.css.js → water.css.cjs}

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

package/cjs/themes/{win95.css.js → win95.css.cjs}

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

package/cjs/themes.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const azureOrange_css = require("./themes/azureOrange.css.cjs");
+const bee_css = require("./themes/bee.css.cjs");
+const blackAndWhite_css = require("./themes/blackAndWhite.css.cjs");
+const brick_css = require("./themes/brick.css.cjs");
+const candy_css = require("./themes/candy.css.cjs");
+const coldGray_css = require("./themes/coldGray.css.cjs");
+const counterStrike_css = require("./themes/counterStrike.css.cjs");
+const eggplant_css = require("./themes/eggplant.css.cjs");
+const highContrast_css = require("./themes/highContrast.css.cjs");
+const lilac_css = require("./themes/lilac.css.cjs");
+const lilacRoseDark_css = require("./themes/lilacRoseDark.css.cjs");
+const maple_css = require("./themes/maple.css.cjs");
+const marine_css = require("./themes/marine.css.cjs");
+const matrix_css = require("./themes/matrix.css.cjs");
+const millenium_css = require("./themes/millenium.css.cjs");
+const modernDark_css = require("./themes/modernDark.css.cjs");
+const molecule_css = require("./themes/molecule.css.cjs");
+const ninjaTurtles_css = require("./themes/ninjaTurtles.css.cjs");
+const olive_css = require("./themes/olive.css.cjs");
+const pamelaAnderson_css = require("./themes/pamelaAnderson.css.cjs");
+const plum_css = require("./themes/plum.css.cjs");
+const rainyDay_css = require("./themes/rainyDay.css.cjs");
+const rose_css = require("./themes/rose.css.cjs");
+const slate_css = require("./themes/slate.css.cjs");
+const spruce_css = require("./themes/spruce.css.cjs");
+const storm_css = require("./themes/storm.css.cjs");
+const theSixtiesUSA_css = require("./themes/theSixtiesUSA.css.cjs");
+const tokyoDark_css = require("./themes/tokyoDark.css.cjs");
+const tooSexy_css = require("./themes/tooSexy.css.cjs");
+const travel_css = require("./themes/travel.css.cjs");
+const vaporTeal_css = require("./themes/vaporTeal.css.cjs");
+const vermillion_css = require("./themes/vermillion.css.cjs");
+const violetDark_css = require("./themes/violetDark.css.cjs");
+const water_css = require("./themes/water.css.cjs");
+const win95_css = require("./themes/win95.css.cjs");
+exports.azureOrange = azureOrange_css;
+exports.bee = bee_css;
+exports.blackAndWhite = blackAndWhite_css;
+exports.brick = brick_css;
+exports.candy = candy_css;
+exports.coldGray = coldGray_css;
+exports.counterStrike = counterStrike_css;
+exports.eggplant = eggplant_css;
+exports.highContrast = highContrast_css;
+exports.lilac = lilac_css;
+exports.lilacRoseDark = lilacRoseDark_css;
+exports.maple = maple_css;
+exports.marine = marine_css;
+exports.matrix = matrix_css;
+exports.millenium = millenium_css;
+exports.modernDark = modernDark_css;
+exports.molecule = molecule_css;
+exports.ninjaTurtles = ninjaTurtles_css;
+exports.olive = olive_css;
+exports.pamelaAnderson = pamelaAnderson_css;
+exports.plum = plum_css;
+exports.rainyDay = rainyDay_css;
+exports.rose = rose_css;
+exports.slate = slate_css;
+exports.spruce = spruce_css;
+exports.storm = storm_css;
+exports.theSixtiesUSA = theSixtiesUSA_css;
+exports.tokyoDark = tokyoDark_css;
+exports.tooSexy = tooSexy_css;
+exports.travel = travel_css;
+exports.vaporTeal = vaporTeal_css;
+exports.vermillion = vermillion_css;
+exports.violetDark = violetDark_css;
+exports.water = water_css;
+exports.win95 = win95_css;

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

@@ -0,0 +1,43 @@
+import React, { forwardRef, useEffect } from "react";
+import { User4, User2, User3, User5 } from "@react95/icons";
+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":
+      return /* @__PURE__ */ React.createElement(User5, { width: 32, height: 32, variant: "32x32_4" });
+    case "question":
+      return /* @__PURE__ */ React.createElement(User3, { width: 32, height: 32, variant: "32x32_4" });
+    case "warning":
+      return /* @__PURE__ */ React.createElement(User2, { width: 32, height: 32, variant: "32x32_4" });
+    case "error":
+    default:
+      return /* @__PURE__ */ React.createElement(User4, { width: 32, height: 32, variant: "32x32_4" });
+  }
+};
+const Alert = forwardRef(
+  ({ type = "error", message: message$1, hasSound, ...rest }, ref) => {
+    if (hasSound) {
+      useEffect(() => {
+        const audio = new Audio(sound);
+        audio.play();
+      }, []);
+    }
+    return /* @__PURE__ */ React.createElement(Modal, { height: "120", hasWindowButton: false, ...rest, ref }, /* @__PURE__ */ React.createElement("div", { className: dialog }, /* @__PURE__ */ React.createElement("div", { className: icon }, /* @__PURE__ */ React.createElement(RenderImage, { option: type })), /* @__PURE__ */ React.createElement("div", { className: message }, message$1)));
+  }
+);
+Alert.defaultProps = {
+  type: "error",
+  buttons: [{ value: "OK", onClick: () => {
+  } }],
+  buttonsAlignment: "center",
+  positionOffset: {
+    x: typeof window == "undefined" ? 0 : Math.floor(window.innerWidth / 2) - 150,
+    y: typeof window == "undefined" ? 0 : Math.floor(window.innerHeight / 2) - 100
+  },
+  hasSound: false
+};
+export {
+  Alert
+};

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,7 +1,7 @@
-import * as React from "react";
-import { avatar, imgStyle } from "./Avatar.css.js";
-import { Frame } from "../Frame/Frame.js";
-const Avatar = React.forwardRef(
+import React, { forwardRef } from "react";
+import { avatar, imgStyle } from "./Avatar.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+const Avatar = 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)
 );
 export {

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

@@ -0,0 +1,20 @@
+import React from "react";
+import cn from "classnames";
+import { button } from "./Button.css.mjs";
+import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
+const Button = fixedForwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      Frame,
+      {
+        as: "button",
+        ...props,
+        className: cn(button, props.className),
+        ref
+      }
+    );
+  }
+);
+export {
+  Button
+};

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

@@ -0,0 +1,17 @@
+import React, { forwardRef } from "react";
+import { label, field, icon, text } from "./Checkbox.css.mjs";
+const Checkbox = forwardRef(
+  ({ children, style, label: label$1, disabled = false, ...rest }, ref) => /* @__PURE__ */ React.createElement("label", { style, className: label }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      className: field,
+      type: "checkbox",
+      disabled,
+      ...rest,
+      ref
+    }
+  ), /* @__PURE__ */ React.createElement("span", { className: icon }), /* @__PURE__ */ React.createElement("span", { className: text }, children || label$1))
+);
+export {
+  Checkbox
+};

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

@@ -0,0 +1,20 @@
+import React, { forwardRef } from "react";
+import cn from "classnames";
+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",
+  "C:\\Documents and Settings\\Documents",
+  "iexplorer.exe"
+];
+const Dropdown = forwardRef(
+  ({ options = defaultOptions, ...rest }, ref) => {
+    const { style, otherProps, className } = sprinkles(rest);
+    return /* @__PURE__ */ React.createElement(Frame, { style, className: cn(wrapper, className) }, /* @__PURE__ */ React.createElement("select", { ...otherProps, className: cn(select), ref }, options && options.map((option) => /* @__PURE__ */ React.createElement("option", { key: option, value: option }, option))));
+  }
+);
+export {
+  Dropdown
+};

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

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