meticulous-ui 2.2.8 → 2.2.9

package/components/VideoPlayer/useSpacebarToggle.js

@@ -0,0 +1,37 @@
+import { useEffect as f } from "react";
+const l = (c, a, r) => {
+  f(() => {
+    const u = (t) => {
+      var d;
+      if (![
+        "Space",
+        "KeyF",
+        "Escape",
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight",
+        "KeyM"
+      ].includes(t.code))
+        return;
+      const n = t.target;
+      if (n && (n.tagName === "INPUT" || n.tagName === "TEXTAREA" || n.isContentEditable))
+        return;
+      t.preventDefault();
+      const e = c.current;
+      if (e)
+        if (t.code === "Space")
+          if (e.paused) {
+            const i = e.play();
+            i && i.catch && i.catch(() => {
+            });
+          } else
+            e.pause();
+        else t.code === "KeyF" ? document.fullscreenElement ? document.exitFullscreen() : (d = a.current) == null || d.requestFullscreen() : t.code === "ArrowUp" ? (e.volume = Math.min(1, e.volume + 0.05), r == null || r(e.volume)) : t.code === "ArrowDown" ? (e.volume = Math.max(0, e.volume - 0.05), r == null || r(e.volume)) : t.code === "KeyM" ? (e.volume = e.volume > 0 ? 0 : 1, r == null || r(e.volume)) : t.code === "ArrowLeft" ? e.currentTime > 5 ? e.currentTime -= 5 : e.currentTime > 0 && (e.currentTime = 0) : t.code === "ArrowRight" && (e.currentTime < e.duration - 5 ? e.currentTime += 5 : e.currentTime < e.duration && (e.currentTime = e.duration));
+    };
+    return window.addEventListener("keydown", u, !0), () => window.removeEventListener("keydown", u, !0);
+  }, [c, a, r]);
+};
+export {
+  l as useSpacebarToggle
+};

package/components/VideoPlayer/useVolumeOverlay.js

@@ -0,0 +1,10 @@
+import { useState as r, useRef as n, useCallback as s } from "react";
+const c = () => {
+  const [u, e] = r(null), t = n(null), o = s((l) => {
+    e(Math.round(l * 100)), clearTimeout(t.current), t.current = setTimeout(() => e(null), 1500);
+  }, []);
+  return { volume: u, showVolume: o };
+};
+export {
+  c as useVolumeOverlay
+};

package/index.js

@@ -1,24 +1,46 @@
 import { default as a } from "./components/Pagination/Pagination.js";
-import { default as e } from "./components/Toast/Toast.js";
+import { default as r } from "./components/Toast/Toast.js";
 import { default as p } from "./components/Spinner/Spinner.js";
-import { default as u } from "./components/OtpInput/OtpInput.js";
-import { default as d } from "./components/Dropdown/Dropdown.js";
+import { default as s } from "./components/OtpInput/OtpInput.js";
+import { default as l } from "./components/Dropdown/Dropdown.js";
 import { default as m } from "./components/Button/Button.js";
-import { default as i } from "./components/Input/Input/Input.js";
-import { default as I } from "./components/Input/Textarea/Textarea.js";
-import { default as g } from "./colors/index.js";
-import { default as B } from "./utils/index.js";
-import { default as O } from "./components/Icons/index.js";
+import { default as i } from "./components/Timer/Timer.js";
+import { default as c } from "./components/VideoPlayer/VideoPlayer.js";
+import { default as T } from "./components/Typography/P/P.js";
+import { default as b } from "./components/Input/Input/Input.js";
+import { default as h } from "./components/Input/Textarea/Textarea.js";
+import { default as w } from "./components/Input/Checkbox/Checkbox.js";
+import { default as B } from "./components/Input/RadioGroup/RadioGroup.js";
+import { default as D } from "./colors/index.js";
+import { default as O } from "./utils/index.js";
+import { default as S } from "./components/Icons/index.js";
+import { default as j } from "./components/Typography/Headings/H1.js";
+import { default as v } from "./components/Typography/Headings/H2.js";
+import { default as A } from "./components/Typography/Headings/H3.js";
+import { default as F } from "./components/Typography/Headings/H4.js";
+import { default as K } from "./components/Typography/Headings/H5.js";
+import { default as M } from "./components/Typography/Headings/H6.js";
 export {
   m as Button,
-  d as Dropdown,
-  i as Input,
-  u as OtpInput,
+  w as Checkbox,
+  l as Dropdown,
+  j as H1,
+  v as H2,
+  A as H3,
+  F as H4,
+  K as H5,
+  M as H6,
+  b as Input,
+  s as OtpInput,
+  T as P,
   a as Pagination,
+  B as RadioGroup,
   p as Spinner,
-  I as Textarea,
-  e as Toast,
-  g as colors,
-  O as icons,
-  B as utils
+  h as Textarea,
+  i as Timer,
+  r as Toast,
+  c as VideoPlayer,
+  D as colors,
+  S as icons,
+  O as utils
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meticulous-ui",
-  "version": "2.2.8",
+  "version": "2.2.9",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "repository": {
@@ -58,15 +58,18 @@
     "publish:dist": "npm publish dist/"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-docs": "^9.1.13",
     "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/react-vite": "^10.3.5",
+    "@storybook/react-vite": "^9.1.10",
     "@vitejs/plugin-react": "^5.0.4",
-    "eslint-plugin-storybook": "^10.3.5",
+    "eslint-plugin-storybook": "^9.1.10",
     "gh-pages": "^6.3.0",
     "prop-types": "^15.8.1",
-    "storybook": "^10.3.5",
+    "storybook": "^9.1.10",
     "svgo": "^4.0.0",
-    "vite-plugin-svgr": "^4.5.0"
+    "vite": "^6.0.0",
+    "vite-plugin-svgr": "^4.5.0",
+    "styled-components": "^6.0.0",
+    "lodash-es": "^4.17.21"
   }
 }