@elmethis/react 0.2.4 → 0.2.6

package/dist/components/icon/ElmInlineIcon.module.scss.mjs

@@ -1,15 +1,3 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._icon_19g82_1{margin:0;padding:0;display:inline-block;vertical-align:middle;height:1em}._icon_19g82_1::-moz-selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}._icon_19g82_1::selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}[data-theme=dark] ._icon_19g82_1{color:#ffffffb3;color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._icon_19g82_1::-moz-selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}[data-theme=dark] ._icon_19g82_1::selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 const icon = "_icon_19g82_1";
 const style = {
   icon

package/dist/components/icon/ElmMdiIcon.module.scss.mjs

@@ -1,15 +1,3 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._icon_67eyp_1{fill:#555b67;fill:var(--color, #555b67);transition:fill .2s;flex-shrink:0}[data-theme=dark] ._icon_67eyp_1{fill:#b0b5be;fill:var(--dark-color, #b0b5be)}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 const icon = "_icon_67eyp_1";
 const style = {
   icon

package/dist/components/media/ElmImage.mjs

@@ -1,15 +1,3 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode('@charset "UTF-8";.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}'));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 "use client";
 import { j as jsxRuntimeExports } from "../../_virtual/jsx-runtime.mjs";
 import { c as compilerRuntimeExports } from "../../_virtual/compiler-runtime.mjs";
@@ -18,10 +6,13 @@ import style from "./ElmImage.module.scss.mjs";
 import { ElmInlineText } from "../typography/ElmInlineText.mjs";
 import { mdiTooltipImage } from "@mdi/js";
 import { ElmMdiIcon } from "../icon/ElmMdiIcon.mjs";
-import { CSSTransition } from "react-transition-group";
-
+import { config, CSSTransition } from "react-transition-group";
+/* empty css                            */
+if (typeof window === "undefined") {
+  config.disabled = true;
+}
 const ElmImage = (t0) => {
-  const $ = compilerRuntimeExports.c(37);
+  const $ = compilerRuntimeExports.c(35);
   let alt;
   let args;
   let block;
@@ -55,111 +46,108 @@ const ElmImage = (t0) => {
   const enableModal = t1 === void 0 ? false : t1;
   const nodeRef = useRef(null);
   const [isShowModal, setIsShowModal] = useState(false);
-  const [isMounted, setIsMounted] = useState(false);
   let t2;
-  let t3;
   if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
-      setIsMounted(true);
-    };
-    t3 = [];
+    t2 = [];
     $[7] = t2;
-    $[8] = t3;
   } else {
     t2 = $[7];
-    t3 = $[8];
   }
-  useEffect(t2, t3);
-  let t4;
-  if ($[9] !== enableModal || $[10] !== isShowModal) {
-    t4 = () => {
+  useEffect(_temp, t2);
+  let t3;
+  if ($[8] !== enableModal || $[9] !== isShowModal) {
+    t3 = () => {
       if (enableModal) {
         setIsShowModal(!isShowModal);
       }
     };
-    $[9] = enableModal;
-    $[10] = isShowModal;
-    $[11] = t4;
+    $[8] = enableModal;
+    $[9] = isShowModal;
+    $[10] = t3;
   } else {
-    t4 = $[11];
+    t3 = $[10];
   }
-  const handleClick = t4;
-  const t5 = enableModal && !isShowModal ? "zoom-in" : "unset";
-  let t6;
-  if ($[12] !== t5) {
-    t6 = {
-      cursor: t5
+  const handleClick = t3;
+  const t4 = enableModal && !isShowModal ? "zoom-in" : "unset";
+  let t5;
+  if ($[11] !== t4) {
+    t5 = {
+      cursor: t4
     };
+    $[11] = t4;
     $[12] = t5;
-    $[13] = t6;
   } else {
-    t6 = $[13];
+    t5 = $[12];
   }
-  let t7;
-  if ($[14] !== alt || $[15] !== args || $[16] !== handleClick || $[17] !== src || $[18] !== t6) {
-    t7 = /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: style.image, src, alt, style: t6, ...args, onClick: handleClick });
-    $[14] = alt;
-    $[15] = args;
-    $[16] = handleClick;
-    $[17] = src;
+  let t6;
+  if ($[13] !== alt || $[14] !== args || $[15] !== handleClick || $[16] !== src || $[17] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: style.image, src, alt, style: t5, ...args, onClick: handleClick });
+    $[13] = alt;
+    $[14] = args;
+    $[15] = handleClick;
+    $[16] = src;
+    $[17] = t5;
     $[18] = t6;
-    $[19] = t7;
   } else {
-    t7 = $[19];
+    t6 = $[18];
   }
-  const image = t7;
-  let t8;
-  if ($[20] !== margin) {
-    t8 = {
+  const image = t6;
+  let t7;
+  if ($[19] !== margin) {
+    t7 = {
       marginBlock: margin
     };
-    $[20] = margin;
-    $[21] = t8;
+    $[19] = margin;
+    $[20] = t7;
   } else {
-    t8 = $[21];
+    t7 = $[20];
   }
-  let t9;
-  if ($[22] !== alt || $[23] !== block) {
-    t9 = alt && block && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.caption, children: [
+  let t8;
+  if ($[21] !== alt || $[22] !== block) {
+    t8 = alt && block && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.caption, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(ElmMdiIcon, { d: mdiTooltipImage, color: "#bfa056", size: "1.25rem" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ElmInlineText, { text: alt })
     ] });
-    $[22] = alt;
-    $[23] = block;
-    $[24] = t9;
+    $[21] = alt;
+    $[22] = block;
+    $[23] = t8;
   } else {
-    t9 = $[24];
+    t8 = $[23];
   }
-  let t10;
-  if ($[25] !== enableModal || $[26] !== handleClick || $[27] !== image || $[28] !== isMounted || $[29] !== isShowModal) {
-    t10 = isMounted && enableModal && /* @__PURE__ */ jsxRuntimeExports.jsx(CSSTransition, { classNames: "fade", in: isShowModal, timeout: 300, unmountOnExit: true, nodeRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.modal, onClick: handleClick, ref: nodeRef, children: image }) });
-    $[25] = enableModal;
-    $[26] = handleClick;
-    $[27] = image;
-    $[28] = isMounted;
-    $[29] = isShowModal;
-    $[30] = t10;
+  let t9;
+  if ($[24] !== enableModal || $[25] !== handleClick || $[26] !== image || $[27] !== isShowModal) {
+    t9 = enableModal && /* @__PURE__ */ jsxRuntimeExports.jsx(CSSTransition, { classNames: "fade", in: isShowModal, timeout: 300, unmountOnExit: true, nodeRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.modal, onClick: handleClick, ref: nodeRef, children: image }) });
+    $[24] = enableModal;
+    $[25] = handleClick;
+    $[26] = image;
+    $[27] = isShowModal;
+    $[28] = t9;
   } else {
-    t10 = $[30];
+    t9 = $[28];
   }
-  let t11;
-  if ($[31] !== args || $[32] !== image || $[33] !== t10 || $[34] !== t8 || $[35] !== t9) {
-    t11 = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: t8, ...args, children: [
+  let t10;
+  if ($[29] !== args || $[30] !== image || $[31] !== t7 || $[32] !== t8 || $[33] !== t9) {
+    t10 = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: t7, ...args, children: [
       image,
-      t9,
-      t10
+      t8,
+      t9
     ] });
-    $[31] = args;
-    $[32] = image;
-    $[33] = t10;
-    $[34] = t8;
-    $[35] = t9;
-    $[36] = t11;
+    $[29] = args;
+    $[30] = image;
+    $[31] = t7;
+    $[32] = t8;
+    $[33] = t9;
+    $[34] = t10;
   } else {
-    t11 = $[36];
+    t10 = $[34];
   }
-  return t11;
+  return t10;
 };
+function _temp() {
+  if (typeof window === "undefined") {
+    config.disabled = false;
+  }
+}
 export {
   ElmImage
 };

package/dist/components/media/ElmImage.module.scss.mjs

@@ -1,15 +1,3 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._image_z5fgk_1{width:100%}._block-image_z5fgk_5{border-radius:.25rem;box-shadow:0 0 .125rem #000}._caption_z5fgk_10{margin-block:.5rem;display:flex;justify-content:center;align-items:center;gap:.5rem}._modal_z5fgk_18{position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;display:flex;justify-self:center;align-items:center;background-color:#3e434bcc;cursor:zoom-out}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 const image = "_image_z5fgk_1";
 const caption = "_caption_z5fgk_10";
 const modal = "_modal_z5fgk_18";

package/dist/components/typography/ElmBlockQuote.module.scss.mjs

@@ -1,15 +1,3 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._blockquote_1msat_1{box-sizing:border-box;padding:.5rem 2rem;background-color:#e3e5e7;border-left:4px solid #606875}[data-theme=dark] ._blockquote_1msat_1{background-color:#3e434b;border-color:#b0b5be}._blockquote_1msat_1 a{all:unset;cursor:pointer;transition:color .1s}._blockquote_1msat_1 a:hover{color:#5879b0}._blockquote_1msat_1 cite{display:block;margin-block:1rem;text-align:right}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 const blockquote = "_blockquote_1msat_1";
 const style = {
   blockquote

package/dist/components/typography/ElmCallout.module.scss.mjs

@@ -1,15 +1,3 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode('._callout_pqkj1_1{box-sizing:border-box;padding:1rem 1rem 1rem 1.5rem;position:relative}._callout_pqkj1_1:after{position:absolute;content:"";top:0;left:0;width:4px;height:100%;background-color:var(--callout-color);z-index:-1}._callout_pqkj1_1:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:var(--callout-color);opacity:.15;z-index:-1}._header_pqkj1_28{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;margin-block-end:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}'));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 const callout = "_callout_pqkj1_1";
 const header = "_header_pqkj1_28";
 const style = {

package/dist/components/typography/ElmInlineText.module.scss.mjs

@@ -1,15 +1,3 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode('._base_ctq5w_1{background-color:var(--background-color)}._underline_ctq5w_5{text-decoration:underline}._link_ctq5w_9{all:unset;box-sizing:border-box;padding:0 .25rem;font-size:var(--font-size);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;color:#6987b8;border-radius:.125rem;transition:background-color .2s,color .2s,opacity .2s}._link_ctq5w_9:hover{background-color:#6987b833}._link_ctq5w_9:active{opacity:.5}._link_ctq5w_9:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_ctq5w_9:visited:hover{background-color:#9771bd33}._code_ctq5w_36{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._kbd_ctq5w_45{padding:.125rem .25rem;position:relative;border-radius:.125rem;background-color:#e6e6e6}[data-theme=dark] ._kbd_ctq5w_45{background-color:#404040}._kbd_ctq5w_45:before{z-index:-1;position:absolute;content:"";bottom:-.25em;left:0;height:100%;width:100%;background-color:#ccc;border-radius:0 0 .125rem .125rem;box-shadow:0 0 .125em #00000080}[data-theme=dark] ._kbd_ctq5w_45:before{background-color:#595959;box-shadow:0 0 .125em #ffffff80}'));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 const base = "_base_ctq5w_1";
 const underline = "_underline_ctq5w_5";
 const link = "_link_ctq5w_9";

package/dist/index.mjs

@@ -1,3 +1,15 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode('._icon_67eyp_1{fill:#555b67;fill:var(--color, #555b67);transition:fill .2s;flex-shrink:0}[data-theme=dark] ._icon_67eyp_1{fill:#b0b5be;fill:var(--dark-color, #b0b5be)}\n._text_2fuj1_1{color:#606875;color:var(--color, #606875);font-size:normal;font-size:var(--font-size, normal)}._text_2fuj1_1::-moz-selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}._text_2fuj1_1::selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}[data-theme=dark] ._text_2fuj1_1{color:#b0b5be;color:var(--color, #b0b5be)}[data-theme=dark] ._text_2fuj1_1::-moz-selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}[data-theme=dark] ._text_2fuj1_1::selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}\n._icon_19g82_1{margin:0;padding:0;display:inline-block;vertical-align:middle;height:1em}._icon_19g82_1::-moz-selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}._icon_19g82_1::selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}[data-theme=dark] ._icon_19g82_1{color:#ffffffb3;color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._icon_19g82_1::-moz-selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}[data-theme=dark] ._icon_19g82_1::selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}\n._blockquote_1msat_1{box-sizing:border-box;padding:.5rem 2rem;background-color:#e3e5e7;border-left:4px solid #606875}[data-theme=dark] ._blockquote_1msat_1{background-color:#3e434b;border-color:#b0b5be}._blockquote_1msat_1 a{all:unset;cursor:pointer;transition:color .1s}._blockquote_1msat_1 a:hover{color:#5879b0}._blockquote_1msat_1 cite{display:block;margin-block:1rem;text-align:right}\n._base_ctq5w_1{background-color:var(--background-color)}._underline_ctq5w_5{text-decoration:underline}._link_ctq5w_9{all:unset;box-sizing:border-box;padding:0 .25rem;font-size:var(--font-size);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;color:#6987b8;border-radius:.125rem;transition:background-color .2s,color .2s,opacity .2s}._link_ctq5w_9:hover{background-color:#6987b833}._link_ctq5w_9:active{opacity:.5}._link_ctq5w_9:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_ctq5w_9:visited:hover{background-color:#9771bd33}._code_ctq5w_36{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._kbd_ctq5w_45{padding:.125rem .25rem;position:relative;border-radius:.125rem;background-color:#e6e6e6}[data-theme=dark] ._kbd_ctq5w_45{background-color:#404040}._kbd_ctq5w_45:before{z-index:-1;position:absolute;content:"";bottom:-.25em;left:0;height:100%;width:100%;background-color:#ccc;border-radius:0 0 .125rem .125rem;box-shadow:0 0 .125em #00000080}[data-theme=dark] ._kbd_ctq5w_45:before{background-color:#595959;box-shadow:0 0 .125em #ffffff80}\n._callout_pqkj1_1{box-sizing:border-box;padding:1rem 1rem 1rem 1.5rem;position:relative}._callout_pqkj1_1:after{position:absolute;content:"";top:0;left:0;width:4px;height:100%;background-color:var(--callout-color);z-index:-1}._callout_pqkj1_1:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:var(--callout-color);opacity:.15;z-index:-1}._header_pqkj1_28{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;margin-block-end:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}\n._image_z5fgk_1{width:100%}._block-image_z5fgk_5{border-radius:.25rem;box-shadow:0 0 .125rem #000}._caption_z5fgk_10{margin-block:.5rem;display:flex;justify-content:center;align-items:center;gap:.5rem}._modal_z5fgk_18{position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;display:flex;justify-self:center;align-items:center;background-color:#3e434bcc;cursor:zoom-out}\n@charset "UTF-8";.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}'));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
 import { ElmInlineIcon } from "./components/icon/ElmInlineIcon.mjs";
 import { ElmMdiIcon } from "./components/icon/ElmMdiIcon.mjs";
 import { ElmImage } from "./components/media/ElmImage.mjs";

package/dist/styles/text.module.scss.mjs

@@ -1,15 +1,3 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._text_2fuj1_1{color:#606875;color:var(--color, #606875);font-size:normal;font-size:var(--font-size, normal)}._text_2fuj1_1::-moz-selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}._text_2fuj1_1::selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}[data-theme=dark] ._text_2fuj1_1{color:#b0b5be;color:var(--color, #b0b5be)}[data-theme=dark] ._text_2fuj1_1::-moz-selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}[data-theme=dark] ._text_2fuj1_1::selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 const text = "_text_2fuj1_1";
 const textStyle = {
   text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/react",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "publishConfig": {
     "access": "public"
   },