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

package/cjs/Tooltip/Tooltip.css.cjs

@@ -0,0 +1,7 @@
+require('./Tooltip.css.ts.vanilla.css');
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/* empty css                               */var tip = "r95_f5whxn0";
+var wrapper = "r95_f5whxn1";
+exports.tip = tip;
+exports.wrapper = wrapper;

package/cjs/Tooltip/Tooltip.css.ts.vanilla.css

@@ -0,0 +1,25 @@
+.r95_f5whxn0 {
+  background: radial-gradient(#ff0 20%, transparent 20%) 0 0,
+     radial-gradient(#ff0 20%, transparent 20%) 4px 4px,
+     radial-gradient(rgba(255, 255, 255, 0.1) 20%, transparent 25%) 0 1px,
+     radial-gradient(rgba(255, 255, 255, 0.1) 20%, transparent 25%) 3px 4px;
+  background-size: var(--r95-space-7) var(--r95-space-7);
+  background-color: var(--r95-color-borderLightest);
+  border-width: var(--r95-space-1);
+  border-style: solid;
+  padding-top: var(--r95-space-2);
+  padding-right: var(--r95-space-2);
+  padding-bottom: var(--r95-space-2);
+  padding-left: var(--r95-space-4);
+  box-shadow: none;
+  position: absolute;
+  top: calc(var(--r95-space-20) * -1);
+  text-align: center;
+  z-index: var(--r95-zIndex-taskbar);
+}
+.r95_f5whxn1 {
+  display: inline-block;
+  position: relative;
+  cursor: default;
+  white-space: nowrap;
+}

package/cjs/Tree/Node.cjs

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const icons$1 = require("@react95/icons");
+const Tree_css = require("./Tree.css.cjs");
+const Frame = require("../Frame/Frame.cjs");
+const cn = require("classnames");
+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 icons = {
+  FILE_MEDIA: icons$1.MediaCd,
+  FILE_TEXT: icons$1.FileText,
+  FILE_UNKNOWN: icons$1.Bat,
+  FILE_FONT: icons$1.FileFont2,
+  FILE_PEN: icons$1.FilePen,
+  FILE_SETTINGS: icons$1.FileSettings,
+  FILE_TEXT_SETTINGS: icons$1.FileTextSettings,
+  FILE_EXECUTABLE: icons$1.BatExec
+};
+const NodeIcon = ({
+  hasChildren,
+  isOpen
+}) => {
+  if (!hasChildren) {
+    return /* @__PURE__ */ React__namespace.createElement(icons$1.Bat, { variant: "16x16_4", "data-testid": "react95-default-icon-bat" });
+  }
+  if (isOpen) {
+    return /* @__PURE__ */ React__namespace.createElement(
+      icons$1.FolderOpen,
+      {
+        variant: "16x16_4",
+        "data-testid": "react95-default-icon-folder-open"
+      }
+    );
+  }
+  return /* @__PURE__ */ React__namespace.createElement(icons$1.Folder, { variant: "16x16_4", "data-testid": "react95-default-icon-folder" });
+};
+const Node = ({
+  children = [],
+  id,
+  icon,
+  label,
+  onClick = () => {
+  },
+  ...rest
+}) => {
+  const [isOpen, setIsOpen] = React__namespace.useState(false);
+  const hasChildren = children.length > 0;
+  const onClickHandler = (event) => {
+    onClick(event, {
+      id,
+      icon,
+      label,
+      children
+    });
+  };
+  const onKeyDownHandler = (event) => {
+    if (event.key === " ") {
+      setIsOpen(!isOpen);
+      onClickHandler(event);
+    }
+  };
+  return /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { as: "li", ...rest, className: Tree_css.node }, /* @__PURE__ */ React__namespace.createElement("div", { className: Tree_css.nodeContent }, hasChildren && /* @__PURE__ */ React__namespace.createElement(
+    "div",
+    {
+      className: Tree_css.folderStatus,
+      onClick: () => setIsOpen(!isOpen)
+    },
+    isOpen ? "-" : "+"
+  ), /* @__PURE__ */ React__namespace.createElement("div", { className: Tree_css.iconContainer({ hasChildren }) }, icon || /* @__PURE__ */ React__namespace.createElement(NodeIcon, { hasChildren, isOpen })), /* @__PURE__ */ React__namespace.createElement(
+    "label",
+    {
+      className: Tree_css.label,
+      tabIndex: 0,
+      onDoubleClick: () => setIsOpen(!isOpen),
+      onClick: onClickHandler,
+      onKeyDown: onKeyDownHandler
+    },
+    label
+  )), hasChildren && isOpen && /* @__PURE__ */ React__namespace.createElement("ul", { className: Tree_css.tree }, children == null ? void 0 : children.map((dataNode) => /* @__PURE__ */ React__namespace.createElement(Node, { key: dataNode.id, ...dataNode }))));
+};
+const NodeRoot = ({
+  id,
+  icon,
+  label,
+  onClick = () => {
+  },
+  ...rest
+}) => {
+  const onClickHandler = (event) => {
+    onClick(event, {
+      id,
+      icon,
+      label
+    });
+  };
+  const onKeyDownHandler = (event) => {
+    if (event.key === " ") {
+      onClickHandler(event);
+    }
+  };
+  return /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { ...rest, className: cn(Tree_css.node, Tree_css.nodeRoot) }, /* @__PURE__ */ React__namespace.createElement("div", { className: Tree_css.nodeContent }, /* @__PURE__ */ React__namespace.createElement(
+    "div",
+    {
+      className: cn(
+        Tree_css.iconContainer.classNames.base,
+        Tree_css.iconContainer.classNames.variants.hasChildren.true
+      )
+    },
+    icon || /* @__PURE__ */ React__namespace.createElement(NodeIcon, { hasChildren: false, isOpen: true })
+  ), /* @__PURE__ */ React__namespace.createElement(
+    "label",
+    {
+      className: Tree_css.label,
+      tabIndex: 0,
+      onClick: onClickHandler,
+      onKeyDown: onKeyDownHandler
+    },
+    label
+  )));
+};
+exports.Node = Node;
+exports.NodeRoot = NodeRoot;
+exports.icons = icons;

package/cjs/Tree/Tree.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Node = require("./Node.cjs");
+const Tree_css = require("./Tree.css.cjs");
+const Frame = require("../Frame/Frame.cjs");
+const Tree = React.forwardRef(
+  ({ data, root, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, root && /* @__PURE__ */ React.createElement(Node.NodeRoot, { ...root }), /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, className: Tree_css.tree, as: "ul", ref }, data.map((dataNode) => /* @__PURE__ */ React.createElement(Node.Node, { key: dataNode.id, ...dataNode }))));
+  }
+);
+Tree.defaultProps = {
+  data: []
+};
+Tree.icons = Node.icons;
+exports.Tree = Tree;

package/cjs/Tree/Tree.css.cjs

@@ -0,0 +1,18 @@
+require('./Tree.css.ts.vanilla.css');
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/* empty css                            */const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var folderStatus = "r95_z2881c5";
+var iconContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "r95_z2881c6", variantClassNames: { hasChildren: { true: "r95_z2881c7", false: "r95_z2881c8" } }, defaultVariants: {}, compoundVariants: [] });
+var label = "r95_z2881c4";
+var node = "r95_z2881c1";
+var nodeContent = "r95_z2881c3";
+var nodeRoot = "r95_z2881c2";
+var tree = "r95_z2881c0";
+exports.folderStatus = folderStatus;
+exports.iconContainer = iconContainer;
+exports.label = label;
+exports.node = node;
+exports.nodeContent = nodeContent;
+exports.nodeRoot = nodeRoot;
+exports.tree = tree;

package/cjs/Tree/Tree.css.ts.vanilla.css

@@ -0,0 +1,90 @@
+.r95_z2881c0 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.r95_z2881c0 ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  margin-left: var(--r95-space-6);
+}
+.r95_z2881c1 {
+  margin-left: var(--r95-space-13);
+  border-left-width: thin;
+  border-left-style: dotted;
+  border-left-color: var(--r95-color-borderDarkest);
+  position: relative;
+}
+.r95_z2881c1:last-child {
+  border-left-color: transparent;
+}
+.r95_z2881c1:before {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: var(--r95-space-16);
+  height: var(--r95-space-10);
+  vertical-align: top;
+  border-bottom-width: thin;
+  border-bottom-style: dotted;
+  border-bottom-color: var(--r95-color-borderDarkest);
+  display: inline-block;
+}
+.r95_z2881c1:last-child:before {
+  border-left-width: thin;
+  border-left-style: dotted;
+  border-left-color: var(--r95-color-borderDarkest);
+  left: calc(var(--r95-space-1) * -1);
+  width: var(--r95-space-15);
+}
+.r95_z2881c2 {
+  padding: 0;
+  margin: 0;
+  border-left: unset;
+}
+.r95_z2881c2:before {
+  content: unset;
+}
+.r95_z2881c3 {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.r95_z2881c4 {
+  outline: none;
+  padding: var(--r95-space-1);
+}
+.r95_z2881c4:focus {
+  border-width: var(--r95-space-1);
+  border-style: dotted;
+  padding: var(--r95-space-0);
+}
+.r95_z2881c5 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--r95-space-10);
+  height: var(--r95-space-10);
+  border-width: var(--r95-space-1);
+  border-style: solid;
+  border-color: var(--r95-color-borderDarkest);
+  background-color: var(--r95-color-inputBackground);
+  font-size: 11px;
+  margin-left: calc(var(--r95-space-5) * -1);
+  user-select: none;
+}
+.r95_z2881c6 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--r95-space-20);
+  min-height: var(--r95-space-20);
+  margin-right: var(--r95-space-2);
+}
+.r95_z2881c7 {
+  margin-left: var(--r95-space-2);
+}
+.r95_z2881c8 {
+  margin-left: var(--r95-space-6);
+}

package/cjs/Video/Video.cjs

@@ -0,0 +1,223 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const icons = require("@react95/icons");
+const Video_css = require("./Video.css.cjs");
+const Frame = require("../Frame/Frame.cjs");
+const Button = require("../Button/Button.cjs");
+const Range = require("../Range/Range.cjs");
+const TitleBar = require("../TitleBar/TitleBar.cjs");
+const Play = require("./buttons/Play.cjs");
+const Pause = require("./buttons/Pause.cjs");
+const Stop = require("./buttons/Stop.cjs");
+const Fullscreen = require("./buttons/Fullscreen.cjs");
+const cn = require("classnames");
+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 Source = ({ src }) => /* @__PURE__ */ React__namespace.createElement("source", { src, type: `video/${src.substring(src.length - 3)}` });
+const PlayOrPause = ({ playing }) => playing ? /* @__PURE__ */ React__namespace.createElement(Pause, null) : /* @__PURE__ */ React__namespace.createElement(Play, null);
+const arrayFy = (str) => [].concat(str);
+function updateProgressBar(player, updateProgress) {
+  const percentage = Math.floor(100 / player.duration * player.currentTime);
+  updateProgress(percentage);
+}
+function parseCurrentTime(secs) {
+  if (!secs) {
+    return "00:00";
+  }
+  const sec = parseInt(secs.toString(), 10);
+  const hours = Math.floor(sec / 3600);
+  const minutes = Math.floor(sec / 60) % 60;
+  const seconds = sec % 60;
+  return [hours, minutes, seconds].map((v) => v < 10 ? `0${v}` : v).filter((v, i) => v !== "00" || i > 0).join(":");
+}
+const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
+  const [playing, setPlaying] = React__namespace.useState(false);
+  const [loadeddata, setLoadeddata] = React__namespace.useState(false);
+  const [progress, setProgress] = React__namespace.useState(0);
+  const player = React__namespace.useRef(null);
+  const progressRef = React__namespace.useRef(null);
+  const wrapperRef = React__namespace.useRef(null);
+  const playPauseRef = React__namespace.useRef(null);
+  const stopRef = React__namespace.useRef(null);
+  const fullScreenRef = React__namespace.useRef(null);
+  const paths = arrayFy(src);
+  const [pathname] = paths;
+  const normalizedName = name || pathname.replace(/^.*[\\/]/, "");
+  const title = `${normalizedName}${!loadeddata ? " (Opening)" : ""}`;
+  React__namespace.useImperativeHandle(ref, () => ({
+    get video() {
+      return player;
+    },
+    get progress() {
+      return progressRef;
+    },
+    get wrapper() {
+      return wrapperRef;
+    },
+    get playpause() {
+      return playPauseRef;
+    },
+    get stop() {
+      return stopRef;
+    },
+    get fullScreen() {
+      return fullScreenRef;
+    }
+  }));
+  React__namespace.useEffect(() => {
+    var _a, _b, _c, _d;
+    (_a = player.current) == null ? void 0 : _a.addEventListener(
+      "ended",
+      () => {
+        setPlaying(false);
+        setProgress(0);
+      },
+      false
+    );
+    (_b = player.current) == null ? void 0 : _b.addEventListener(
+      "timeupdate",
+      () => {
+        if (player.current) {
+          updateProgressBar(player.current, setProgress);
+        }
+      },
+      false
+    );
+    (_c = player.current) == null ? void 0 : _c.addEventListener(
+      "loadeddata",
+      () => {
+        setLoadeddata(true);
+      },
+      false
+    );
+    (_d = player.current) == null ? void 0 : _d.addEventListener(
+      "playing",
+      () => {
+        setPlaying(true);
+      },
+      false
+    );
+  }, [player.current]);
+  return /* @__PURE__ */ React__namespace.createElement(
+    Frame.Frame,
+    {
+      ...props,
+      padding: "$2",
+      boxShadow: "$out",
+      backgroundColor: "$material",
+      ref: wrapperRef
+    },
+    /* @__PURE__ */ React__namespace.createElement(TitleBar.TitleBar, { icon: /* @__PURE__ */ React__namespace.createElement(icons.Mplayer113, { variant: "16x16_4" }), title }),
+    /* @__PURE__ */ React__namespace.createElement(
+      "video",
+      {
+        className: Video_css.videoTag({ visible: loadeddata }),
+        ...videoProps,
+        ref: player
+      },
+      paths.map((s) => /* @__PURE__ */ React__namespace.createElement(Source, { key: s, src: s }))
+    ),
+    loadeddata && /* @__PURE__ */ React__namespace.createElement("span", { className: Video_css.divider }),
+    /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { maxWidth: "250px", mx: "auto", mb: "$4" }, /* @__PURE__ */ React__namespace.createElement("div", { className: Video_css.countDownContainer }, /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { display: "flex", flexDirection: "column", w: "40%" }, /* @__PURE__ */ React__namespace.createElement(
+      "div",
+      {
+        className: Video_css.videoFont,
+        style: {
+          marginTop: "auto"
+        }
+      },
+      player.current && parseCurrentTime(player.current.duration)
+    ), /* @__PURE__ */ React__namespace.createElement("div", { className: Video_css.videoFont, style: { height: 12 } }, !loadeddata && "Openning")), /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { display: "flex", flexDirection: "column", w: "40%" }, /* @__PURE__ */ React__namespace.createElement("div", { className: cn(Video_css.videoFont, Video_css.currentTime) }, player.current && parseCurrentTime(player.current.currentTime)), /* @__PURE__ */ React__namespace.createElement("div", { className: cn(Video_css.videoFont, Video_css.elapsedTime) }, "time"))), /* @__PURE__ */ React__namespace.createElement("div", { className: Video_css.controls }, /* @__PURE__ */ React__namespace.createElement(
+      Button.Button,
+      {
+        className: Video_css.controlBtn,
+        disabled: !loadeddata,
+        onClick: () => {
+          var _a, _b;
+          if (!playing) {
+            (_a = player.current) == null ? void 0 : _a.play();
+          } else {
+            (_b = player.current) == null ? void 0 : _b.pause();
+          }
+          setPlaying(!playing);
+        },
+        ref: playPauseRef
+      },
+      loadeddata ? /* @__PURE__ */ React__namespace.createElement(PlayOrPause, { playing }) : /* @__PURE__ */ React__namespace.createElement(
+        icons.User4,
+        {
+          style: { borderRight: "none", borderBottom: "none" },
+          variant: "32x32_4"
+        }
+      )
+    ), /* @__PURE__ */ React__namespace.createElement(
+      Button.Button,
+      {
+        className: Video_css.controlBtn,
+        disabled: !loadeddata,
+        onClick: () => {
+          if (player.current) {
+            player.current.pause();
+            player.current.currentTime = 0;
+          }
+          setPlaying(false);
+        },
+        ref: stopRef
+      },
+      /* @__PURE__ */ React__namespace.createElement(Stop, null)
+    ), /* @__PURE__ */ React__namespace.createElement(
+      Button.Button,
+      {
+        className: Video_css.controlBtn,
+        disabled: !loadeddata,
+        onClick: () => {
+          var _a;
+          (_a = player == null ? void 0 : player.current) == null ? void 0 : _a.requestFullscreen();
+        },
+        ref: fullScreenRef
+      },
+      /* @__PURE__ */ React__namespace.createElement(Fullscreen, null)
+    ), /* @__PURE__ */ React__namespace.createElement(
+      Range.Range,
+      {
+        className: Video_css.range,
+        ref: progressRef,
+        min: "0",
+        max: "100",
+        step: "1",
+        value: progress,
+        style: {
+          width: "70%",
+          marginLeft: 20
+        },
+        onChange: ({ target }) => {
+          const { current: video } = player;
+          if (video) {
+            const value = parseInt(target.value);
+            const percent = value / 100;
+            video.currentTime = percent * video.duration;
+            setProgress(value);
+          }
+        }
+      }
+    )))
+  );
+};
+const Video = React__namespace.forwardRef(VideoRenderer);
+exports.Video = Video;

package/cjs/Video/Video.css.cjs

@@ -0,0 +1,22 @@
+require('./Video.css.ts.vanilla.css');
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/* empty css                             */const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var controlBtn = "r95_13gnpv09";
+var controls = "r95_13gnpv03";
+var countDownContainer = "r95_13gnpv04";
+var currentTime = "r95_13gnpv06";
+var divider = "r95_13gnpv08";
+var elapsedTime = "r95_13gnpv07";
+var range = "r95_13gnpv0a";
+var videoFont = "r95_13gnpv05";
+var videoTag = createRuntimeFn.createRuntimeFn({ defaultClassName: "r95_13gnpv00", variantClassNames: { visible: { true: "r95_13gnpv01", false: "r95_13gnpv02" } }, defaultVariants: {}, compoundVariants: [] });
+exports.controlBtn = controlBtn;
+exports.controls = controls;
+exports.countDownContainer = countDownContainer;
+exports.currentTime = currentTime;
+exports.divider = divider;
+exports.elapsedTime = elapsedTime;
+exports.range = range;
+exports.videoFont = videoFont;
+exports.videoTag = videoTag;

package/cjs/Video/Video.css.ts.vanilla.css

@@ -0,0 +1,83 @@
+.r95_13gnpv00 {
+  width: 100%;
+  padding: var(--r95-space-2);
+}
+.r95_13gnpv01 {
+  display: block;
+}
+.r95_13gnpv02 {
+  display: none;
+}
+.r95_13gnpv03 {
+  display: flex;
+  align-items: center;
+  padding-top: var(--r95-space-2);
+  padding-bottom: var(--r95-space-2);
+}
+.r95_13gnpv04 {
+  display: flex;
+  padding: var(--r95-space-6);
+  margin-bottom: var(--r95-space-4);
+  box-shadow: var(--r95-shadow-in);
+  background-color: var(--r95-color-canvas);
+  height: 50px;
+  color: var(--r95-color-canvasText);
+}
+.r95_13gnpv05 {
+  font-family: React95Video-Numbers;
+  text-transform: uppercase;
+}
+.r95_13gnpv06 {
+  margin-top: auto;
+  font-size: 22px;
+}
+.r95_13gnpv07 {
+  height: var(--r95-space-12);
+}
+.r95_13gnpv08 {
+  display: block;
+  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);
+  margin-bottom: var(--r95-space-2);
+}
+.r95_13gnpv09 {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--r95-space-20);
+  height: var(--r95-space-20);
+  padding: var(--r95-space-7);
+}
+.r95_13gnpv09:active, .r95_13gnpv09:focus {
+  width: var(--r95-space-20);
+  height: var(--r95-space-20);
+  padding: var(--r95-space-7);
+}
+.r95_13gnpv09:disabled {
+  padding: var(--r95-space-4);
+}
+.r95_13gnpv09 svg {
+  fill: var(--r95-color-materialText);
+}
+.r95_13gnpv09:disabled svg {
+  fill: var(--r95-color-borderDark);
+  border-bottom-width: var(--r95-space-1);
+  border-bottom-style: solid;
+  border-bottom-color: var(--r95-color-borderLightest);
+  border-right-width: var(--r95-space-1);
+  border-right-style: solid;
+  border-right-color: var(--r95-color-borderLightest);
+}
+.r95_13gnpv0a::-webkit-slider-thumb {
+  height: var(--r95-space-18);
+  margin-top: calc(var(--r95-space-7) * -1);
+  width: var(--r95-space-10);
+}
+.r95_13gnpv0a[value='0']::-webkit-slider-thumb {
+  margin-left: calc(var(--r95-space-2) * -1);
+}

package/cjs/Video/buttons/Fullscreen.cjs

@@ -0,0 +1,39 @@
+"use strict";
+const React = require("react");
+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 Fullscreen = (props) => /* @__PURE__ */ React__namespace.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "6",
+    viewBox: "0 0 24 24",
+    height: "6",
+    "aria-label": "fullscreen",
+    ...props
+  },
+  /* @__PURE__ */ React__namespace.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;