softbuilders-react-video-player 1.0.5 → 1.0.7

package/dist/components/CurrentTimeLabel/index.js

@@ -1,10 +1,10 @@
 "use client";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { durationFormater } from "../../utils";
 import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
 const CurrentTimeLabel = ({}) => {
     const { currentTime } = useSoftBuildersVideoPlayerContext();
-    return React.createElement("p", null, durationFormater(currentTime));
+    return _jsx("p", { children: durationFormater(currentTime) });
 };
 export default CurrentTimeLabel;
 //# sourceMappingURL=index.js.map

package/dist/components/CurrentTimeLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CurrentTimeLabel/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAGrF,MAAM,gBAAgB,GAAG,CAAC,EAAS,EAAE,EAAE;IACrC,MAAM,EAAE,WAAW,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAE5D,OAAO,+BAAI,gBAAgB,CAAC,WAAW,CAAC,CAAK,CAAC;AAChD,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CurrentTimeLabel/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAGrF,MAAM,gBAAgB,GAAG,CAAC,EAAS,EAAE,EAAE;IACrC,MAAM,EAAE,WAAW,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAE5D,OAAO,sBAAI,gBAAgB,CAAC,WAAW,CAAC,GAAK,CAAC;AAChD,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/CurrentTimeLabel/index.tsx

@@ -0,0 +1,13 @@
+"use client";
+import React, { useEffect } from "react";
+import { durationFormater } from "../../utils";
+import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
+type Props = {};
+
+const CurrentTimeLabel = ({}: Props) => {
+  const { currentTime } = useSoftBuildersVideoPlayerContext();
+
+  return <p>{durationFormater(currentTime)}</p>;
+};
+
+export default CurrentTimeLabel;

package/dist/components/CurrentTimeTracker/index.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-declare const CurrentTimeTracker: () => React.JSX.Element;
+declare const CurrentTimeTracker: () => import("react/jsx-runtime").JSX.Element;
 export default CurrentTimeTracker;

package/dist/components/CurrentTimeTracker/index.js

@@ -1,4 +1,5 @@
-import React, { useEffect } from "react";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
 import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
 const CurrentTimeTracker = () => {
     const { setCurrentTime, player } = useSoftBuildersVideoPlayerContext();
@@ -9,7 +10,7 @@ const CurrentTimeTracker = () => {
         // Cleanup function to clear the interval
         return () => clearInterval(intervalId);
     }, [player]);
-    return React.createElement(React.Fragment, null);
+    return _jsx(_Fragment, {});
 };
 export default CurrentTimeTracker;
 //# sourceMappingURL=index.js.map

package/dist/components/CurrentTimeTracker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CurrentTimeTracker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAErF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAClC,cAAc,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,KAAI,CAAC,CAAC,CAAC;QAC7C,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,yCAAyC;QACzC,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CurrentTimeTracker/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAErF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAClC,cAAc,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,KAAI,CAAC,CAAC,CAAC;QAC7C,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,yCAAyC;QACzC,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,mBAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/CurrentTimeTracker/index.tsx

@@ -0,0 +1,18 @@
+import React, { useEffect } from "react";
+import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
+
+const CurrentTimeTracker = () => {
+  const { setCurrentTime, player } = useSoftBuildersVideoPlayerContext();
+
+  useEffect(() => {
+    const intervalId = setInterval(() => {
+      setCurrentTime(player?.currentTime() || 0);
+    }, 500);
+
+    // Cleanup function to clear the interval
+    return () => clearInterval(intervalId);
+  }, [player]);
+  return <></>;
+};
+
+export default CurrentTimeTracker;

package/dist/components/Menu/index.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 type Props = {
     name: string;
 };
-declare const Menu: ({ name }: Props) => React.JSX.Element;
+declare const Menu: ({ name }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Menu;

package/dist/components/Menu/index.js

@@ -1,11 +1,6 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Menu = ({ name }) => {
-    return (React.createElement("div", { className: "absolute right-0 z-10 w-48 mt-2 origin-top-right bg-white border border-gray-300 rounded-md shadow-lg focus:outline-none" },
-        React.createElement("div", { className: "py-1", role: "menu", "aria-orientation": "vertical", "aria-labelledby": `${name}-button` },
-            React.createElement("a", { href: "#", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900", role: "menuitem" }, "Dashboard"),
-            React.createElement("a", { href: "#", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900", role: "menuitem" }, "Settings"),
-            React.createElement("a", { href: "#", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900", role: "menuitem" }, "Profile"),
-            React.createElement("a", { href: "#", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900", role: "menuitem" }, "Logout"))));
+    return (_jsx("div", { className: "absolute right-0 z-10 w-48 mt-2 origin-top-right bg-white border border-gray-300 rounded-md shadow-lg focus:outline-none", children: _jsxs("div", { className: "py-1", role: "menu", "aria-orientation": "vertical", "aria-labelledby": `${name}-button`, children: [_jsx("a", { href: "#", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900", role: "menuitem", children: "Dashboard" }), _jsx("a", { href: "#", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900", role: "menuitem", children: "Settings" }), _jsx("a", { href: "#", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900", role: "menuitem", children: "Profile" }), _jsx("a", { href: "#", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900", role: "menuitem", children: "Logout" })] }) }));
 };
 export default Menu;
 //# sourceMappingURL=index.js.map

package/dist/components/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IAC/B,OAAO,CACL,6BAAK,SAAS,EAAC,0HAA0H;QACvI,6BACE,SAAS,EAAC,MAAM,EAChB,IAAI,EAAC,MAAM,sBACM,UAAU,qBACV,GAAG,IAAI,SAAS;YAEjC,2BACE,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,UAAU,gBAGb;YACJ,2BACE,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,UAAU,eAGb;YACJ,2BACE,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,UAAU,cAGb;YACJ,2BACE,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,UAAU,aAGb,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";AAMA,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IAC/B,OAAO,CACL,cAAK,SAAS,EAAC,0HAA0H,YACvI,eACE,SAAS,EAAC,MAAM,EAChB,IAAI,EAAC,MAAM,sBACM,UAAU,qBACV,GAAG,IAAI,SAAS,aAEjC,YACE,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,UAAU,0BAGb,EACJ,YACE,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,UAAU,yBAGb,EACJ,YACE,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,UAAU,wBAGb,EACJ,YACE,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,UAAU,uBAGb,IACA,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Menu/index.tsx

@@ -0,0 +1,49 @@
+import React from "react";
+
+type Props = {
+  name: string;
+};
+
+const Menu = ({ name }: Props) => {
+  return (
+    <div className="absolute right-0 z-10 w-48 mt-2 origin-top-right bg-white border border-gray-300 rounded-md shadow-lg focus:outline-none">
+      <div
+        className="py-1"
+        role="menu"
+        aria-orientation="vertical"
+        aria-labelledby={`${name}-button`}
+      >
+        <a
+          href="#"
+          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          role="menuitem"
+        >
+          Dashboard
+        </a>
+        <a
+          href="#"
+          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          role="menuitem"
+        >
+          Settings
+        </a>
+        <a
+          href="#"
+          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          role="menuitem"
+        >
+          Profile
+        </a>
+        <a
+          href="#"
+          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          role="menuitem"
+        >
+          Logout
+        </a>
+      </div>
+    </div>
+  );
+};
+
+export default Menu;

package/dist/components/MenuButton/index.d.ts

@@ -4,5 +4,5 @@ type Props = {
     menuContent: React.ReactNode;
     close?: (fun: Function) => void;
 };
-declare const MenuButton: ({ buttonContent, menuContent, close }: Props) => React.JSX.Element;
+declare const MenuButton: ({ buttonContent, menuContent, close }: Props) => import("react/jsx-runtime").JSX.Element;
 export default MenuButton;

package/dist/components/MenuButton/index.js

@@ -1,4 +1,5 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
 const MenuButton = ({ buttonContent, menuContent, close }) => {
     const [isOpen, setIsOpen] = useState(false);
     const buttonRef = useRef(null);
@@ -23,9 +24,7 @@ const MenuButton = ({ buttonContent, menuContent, close }) => {
         if (close)
             close(closeMenu);
     }, [close, closeMenu]);
-    return (React.createElement("div", { className: "sb-relative" },
-        React.createElement("button", { ref: buttonRef, onClick: toggleMenu, "aria-haspopup": "true", "aria-expanded": isOpen, "aria-label": "Open menu" }, buttonContent),
-        isOpen && (React.createElement("div", { ref: menuRef, role: "menu", "aria-orientation": "vertical", "aria-labelledby": "Open menu", className: "sb-absolute sb-shadow-lg sb-right-0 sb-bottom-10" }, menuContent))));
+    return (_jsxs("div", { className: "sb-relative", children: [_jsx("button", { ref: buttonRef, onClick: toggleMenu, "aria-haspopup": "true", "aria-expanded": isOpen, "aria-label": "Open menu", children: buttonContent }), isOpen && (_jsx("div", { ref: menuRef, role: "menu", "aria-orientation": "vertical", "aria-labelledby": "Open menu", className: "sb-absolute sb-shadow-lg sb-right-0 sb-bottom-10", children: menuContent }))] }));
 };
 export default MenuButton;
 //# sourceMappingURL=index.js.map

package/dist/components/MenuButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MenuButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQxE,MAAM,UAAU,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,EAAS,EAAE,EAAE;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IACE,SAAS,CAAC,OAAO;gBACjB,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBACjD,OAAO,CAAC,OAAO;gBACf,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAC/C,CAAC;gBACD,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK;YAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;QAC1B,gCACE,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,UAAU,mBACL,MAAM,mBACL,MAAM,gBACV,WAAW,IAErB,aAAa,CACP;QAER,MAAM,IAAI,CACT,6BACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,MAAM,sBACM,UAAU,qBACX,WAAW,EAC3B,SAAS,EAAC,kDAAkD,IAE3D,WAAW,CACR,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MenuButton/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQxE,MAAM,UAAU,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,EAAS,EAAE,EAAE;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IACE,SAAS,CAAC,OAAO;gBACjB,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBACjD,OAAO,CAAC,OAAO;gBACf,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAC/C,CAAC;gBACD,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK;YAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,iBACE,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,UAAU,mBACL,MAAM,mBACL,MAAM,gBACV,WAAW,YAErB,aAAa,GACP,EAER,MAAM,IAAI,CACT,cACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,MAAM,sBACM,UAAU,qBACX,WAAW,EAC3B,SAAS,EAAC,kDAAkD,YAE3D,WAAW,GACR,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/MenuButton/index.tsx

@@ -0,0 +1,67 @@
+import React, { useCallback, useEffect, useRef, useState } from "react";
+
+type Props = {
+  buttonContent: React.ReactNode;
+  menuContent: React.ReactNode;
+  close?: (fun: Function) => void;
+};
+
+const MenuButton = ({ buttonContent, menuContent, close }: Props) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const buttonRef = useRef<HTMLButtonElement | null>(null);
+  const menuRef = useRef<HTMLDivElement | null>(null);
+
+  const toggleMenu = () => setIsOpen((prev) => !prev);
+
+  const closeMenu = useCallback(() => {
+    setIsOpen(false);
+  }, []);
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (
+        buttonRef.current &&
+        !buttonRef.current.contains(event.target as Node) &&
+        menuRef.current &&
+        !menuRef.current.contains(event.target as Node)
+      ) {
+        setIsOpen(false);
+      }
+    };
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+
+  useEffect(() => {
+    if (close) close(closeMenu);
+  }, [close, closeMenu]);
+
+  return (
+    <div className="sb-relative">
+      <button
+        ref={buttonRef}
+        onClick={toggleMenu}
+        aria-haspopup="true"
+        aria-expanded={isOpen}
+        aria-label="Open menu"
+      >
+        {buttonContent}
+      </button>
+
+      {isOpen && (
+        <div
+          ref={menuRef}
+          role="menu"
+          aria-orientation="vertical"
+          aria-labelledby="Open menu"
+          className="sb-absolute sb-shadow-lg sb-right-0 sb-bottom-10"
+        >
+          {menuContent}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default MenuButton;

package/dist/components/NoteTooltip/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { SoftBuildersVideoPlayerNote } from "../../types";
 type Note = SoftBuildersVideoPlayerNote & {
     percentage: number;
@@ -6,5 +5,5 @@ type Note = SoftBuildersVideoPlayerNote & {
 type Props = {
     note: Note;
 };
-declare const NoteTooltip: ({ note }: Props) => React.JSX.Element;
+declare const NoteTooltip: ({ note }: Props) => import("react/jsx-runtime").JSX.Element;
 export default NoteTooltip;

package/dist/components/NoteTooltip/index.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import Tooltip from "../Tooltip";
 import { durationFormater } from "../../utils";
 import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
@@ -13,12 +14,7 @@ const NoteTooltip = ({ note }) => {
             }, 5000);
         }
     }, [currentTime, note.time]);
-    return (React.createElement("div", { className: "sb-w-1 sb-h-1 sb-rounded-full sb-bg-white sb-absolute sb-z-30", style: { left: `${note.percentage}%` }, onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) },
-        React.createElement("div", { className: "sb-relative" },
-            React.createElement(Tooltip, { open: open },
-                React.createElement("div", { className: "sb-flex sb-flex-col sb-gap-2 sb-items-center" },
-                    React.createElement("p", null, note.label),
-                    React.createElement("p", { className: "sb-p-2 sb-bg-[#303030] sb-bg-opacity-50 sb-rounded-md" }, durationFormater(note.time)))))));
+    return (_jsx("div", { className: "sb-w-1 sb-h-1 sb-rounded-full sb-bg-white sb-absolute sb-z-30", style: { left: `${note.percentage}%` }, onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), children: _jsx("div", { className: "sb-relative", children: _jsx(Tooltip, { open: open, children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-2 sb-items-center", children: [_jsx("p", { children: note.label }), _jsx("p", { className: "sb-p-2 sb-bg-[#303030] sb-bg-opacity-50 sb-rounded-md", children: durationFormater(note.time) })] }) }) }) }));
 };
 export default NoteTooltip;
 //# sourceMappingURL=index.js.map

package/dist/components/NoteTooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NoteTooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAQrF,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1C,OAAO,CAAC,IAAI,CAAC,CAAC;YAEd,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7B,OAAO,CACL,6BACE,SAAS,EAAC,+DAA+D,EACzE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,UAAU,GAAG,EAAE,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAElC,6BAAK,SAAS,EAAC,aAAa;YAC1B,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI;gBACjB,6BAAK,SAAS,EAAC,8CAA8C;oBAC3D,+BAAI,IAAI,CAAC,KAAK,CAAK;oBACnB,2BAAG,SAAS,EAAC,uDAAuD,IACjE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAC1B,CACA,CACE,CACN,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NoteTooltip/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAQrF,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1C,OAAO,CAAC,IAAI,CAAC,CAAC;YAEd,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7B,OAAO,CACL,cACE,SAAS,EAAC,+DAA+D,EACzE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,UAAU,GAAG,EAAE,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAElC,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,YACjB,eAAK,SAAS,EAAC,8CAA8C,aAC3D,sBAAI,IAAI,CAAC,KAAK,GAAK,EACnB,YAAG,SAAS,EAAC,uDAAuD,YACjE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,GAC1B,IACA,GACE,GACN,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/NoteTooltip/index.tsx

@@ -0,0 +1,46 @@
+import React, { useEffect, useState } from "react";
+import Tooltip from "../Tooltip";
+import { durationFormater } from "../../utils";
+import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
+import { SoftBuildersVideoPlayerNote } from "../../types";
+type Note = SoftBuildersVideoPlayerNote & { percentage: number };
+
+type Props = {
+  note: Note;
+};
+
+const NoteTooltip = ({ note }: Props) => {
+  const [open, setOpen] = useState(false);
+  const { currentTime } = useSoftBuildersVideoPlayerContext();
+
+  useEffect(() => {
+    if (currentTime === Math.floor(note.time)) {
+      setOpen(true);
+
+      setTimeout(() => {
+        setOpen(false);
+      }, 5000);
+    }
+  }, [currentTime, note.time]);
+  return (
+    <div
+      className="sb-w-1 sb-h-1 sb-rounded-full sb-bg-white sb-absolute sb-z-30"
+      style={{ left: `${note.percentage}%` }}
+      onMouseEnter={() => setOpen(true)}
+      onMouseLeave={() => setOpen(false)}
+    >
+      <div className="sb-relative">
+        <Tooltip open={open}>
+          <div className="sb-flex sb-flex-col sb-gap-2 sb-items-center">
+            <p>{note.label}</p>
+            <p className="sb-p-2 sb-bg-[#303030] sb-bg-opacity-50 sb-rounded-md">
+              {durationFormater(note.time)}
+            </p>
+          </div>
+        </Tooltip>
+      </div>
+    </div>
+  );
+};
+
+export default NoteTooltip;

package/dist/components/NotesPanal/index.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
 import { SoftBuildersVideoPlayerNote } from "../../types";
 type Props = {
     notes: SoftBuildersVideoPlayerNote[];
 };
-declare const NotesPanal: ({ notes }: Props) => React.JSX.Element;
+declare const NotesPanal: ({ notes }: Props) => import("react/jsx-runtime").JSX.Element;
 export default NotesPanal;

package/dist/components/NotesPanal/index.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import NoteTooltip from "../NoteTooltip";
 import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
 const NotesPanal = ({ notes }) => {
@@ -11,7 +12,7 @@ const NotesPanal = ({ notes }) => {
         });
         setNs(newNs);
     }, [notes, duration]);
-    return (React.createElement("div", { id: "notes-panal", className: "sb-w-full sb-h-full sb-relative " }, ns.map((n, i) => (React.createElement(NoteTooltip, { key: `note-${i}-${n.time}`, note: n })))));
+    return (_jsx("div", { id: "notes-panal", className: "sb-w-full sb-h-full sb-relative ", children: ns.map((n, i) => (_jsx(NoteTooltip, { note: n }, `note-${i}-${n.time}`))) }));
 };
 export default NotesPanal;
 //# sourceMappingURL=index.js.map

package/dist/components/NotesPanal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NotesPanal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAOrF,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACtC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEzC,MAAM,EAAE,QAAQ,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;YACzD,uCACK,CAAC,KACJ,UAAU,IACV;QACJ,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtB,OAAO,CACL,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,kCAAkC,IAC/D,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAChB,oBAAC,WAAW,IAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,GAAI,CACrD,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NotesPanal/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAOrF,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACtC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEzC,MAAM,EAAE,QAAQ,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;YACzD,uCACK,CAAC,KACJ,UAAU,IACV;QACJ,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtB,OAAO,CACL,cAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,kCAAkC,YAC/D,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAChB,KAAC,WAAW,IAA6B,IAAI,EAAE,CAAC,IAA9B,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAa,CACrD,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/NotesPanal/index.tsx

@@ -0,0 +1,34 @@
+import React, { useEffect, useState } from "react";
+import NoteTooltip from "../NoteTooltip";
+import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
+import { SoftBuildersVideoPlayerNote } from "../../types";
+
+type Note = SoftBuildersVideoPlayerNote & { percentage: number };
+type Props = {
+  notes: SoftBuildersVideoPlayerNote[];
+};
+const NotesPanal = ({ notes }: Props) => {
+  const [ns, setNs] = useState<Note[]>([]);
+
+  const { duration } = useSoftBuildersVideoPlayerContext();
+
+  useEffect(() => {
+    const newNs = notes.map((n) => {
+      const percentage = Math.floor((n.time * 100) / duration);
+      return {
+        ...n,
+        percentage,
+      };
+    });
+    setNs(newNs);
+  }, [notes, duration]);
+  return (
+    <div id="notes-panal" className="sb-w-full sb-h-full sb-relative ">
+      {ns.map((n, i) => (
+        <NoteTooltip key={`note-${i}-${n.time}`} note={n} />
+      ))}
+    </div>
+  );
+};
+
+export default NotesPanal;

package/dist/components/QualityMenu/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 type QualityMenuProps = {};
-declare const QualityMenu: ({}: QualityMenuProps) => React.JSX.Element;
+declare const QualityMenu: ({}: QualityMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default QualityMenu;

package/dist/components/QualityMenu/index.js

@@ -1,12 +1,10 @@
-import React, { useEffect, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import MenuButton from "../MenuButton";
 import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
 import { CheckedIcon, LeftArrowIcon, SettingsIcon } from "../../images";
 const QualityOption = ({ isSelected, quality, onClick, }) => {
-    return (React.createElement("button", { className: "hover:sb-text-orange-500 sb-p-2", onClick: onClick },
-        React.createElement("div", { className: "sb-grid sb-grid-cols-12 sb-items-center sb-gap-2" },
-            React.createElement("div", { className: "sb-col-span-3" }, isSelected ? React.createElement(CheckedIcon, { className: "sb-w-5 sb-h-5" }) : React.createElement("div", null)),
-            React.createElement("p", { className: "sb-text-left sb-col-span-9" }, quality.label))));
+    return (_jsx("button", { className: "hover:sb-text-orange-500 sb-p-2", onClick: onClick, children: _jsxs("div", { className: "sb-grid sb-grid-cols-12 sb-items-center sb-gap-2", children: [_jsx("div", { className: "sb-col-span-3", children: isSelected ? _jsx(CheckedIcon, { className: "sb-w-5 sb-h-5" }) : _jsx("div", {}) }), _jsx("p", { className: "sb-text-left sb-col-span-9", children: quality.label })] }) }));
 };
 const QualityMenu = ({}) => {
     const { player } = useSoftBuildersVideoPlayerContext();
@@ -23,29 +21,22 @@ const QualityMenu = ({}) => {
             setCurrentQualitySrc(quality.src);
         }
     }, [player]);
-    return (React.createElement(MenuButton, { buttonContent: React.createElement(SettingsIcon, { className: "sb-w-3 sb-h-3" }), menuContent: React.createElement("div", { className: "sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 sb-py-5 sb-w-[150px]" },
-            React.createElement("div", { className: "sb-flex sb-flex-col sb-gap-3" },
-                React.createElement("div", { className: "sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-start" },
-                    React.createElement("button", { onClick: () => {
-                            if (closeMenuFunction) {
-                                closeMenuFunction();
-                            }
-                        }, className: "hover:sb-scale-150" },
-                        React.createElement(LeftArrowIcon, { className: "sb-w-3 sb-h-3" })),
-                    React.createElement("h3", null, "Quality")),
-                React.createElement("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }),
-                React.createElement("div", { className: "sb-px-5  sb-flex sb-flex-col sb-gap-3 sb-items-start" }, qualities.map((q, i) => {
-                    return (React.createElement(QualityOption, { key: `quality-${q.label}-${i}`, isSelected: currentQualitySrc === q.src, quality: q, onClick: () => {
-                            const source = qualities.find((_q) => q.label == _q.label);
-                            if (source && source.src != currentQualitySrc) {
-                                player === null || player === void 0 ? void 0 : player.src(source.src);
-                                const currentTime = player === null || player === void 0 ? void 0 : player.currentTime();
-                                setCurrentQualitySrc(source.src);
-                                player === null || player === void 0 ? void 0 : player.currentTime(currentTime);
-                                player === null || player === void 0 ? void 0 : player.play();
-                            }
-                        } }));
-                })))), close: (fn) => {
+    return (_jsx(MenuButton, { buttonContent: _jsx(SettingsIcon, { className: "sb-w-3 sb-h-3" }), menuContent: _jsx("div", { className: "sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 sb-py-5 sb-w-[150px]", children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [_jsxs("div", { className: "sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-start", children: [_jsx("button", { onClick: () => {
+                                    if (closeMenuFunction) {
+                                        closeMenuFunction();
+                                    }
+                                }, className: "hover:sb-scale-150", children: _jsx(LeftArrowIcon, { className: "sb-w-3 sb-h-3" }) }), _jsx("h3", { children: "Quality" })] }), _jsx("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }), _jsx("div", { className: "sb-px-5  sb-flex sb-flex-col sb-gap-3 sb-items-start", children: qualities.map((q, i) => {
+                            return (_jsx(QualityOption, { isSelected: currentQualitySrc === q.src, quality: q, onClick: () => {
+                                    const source = qualities.find((_q) => q.label == _q.label);
+                                    if (source && source.src != currentQualitySrc) {
+                                        player === null || player === void 0 ? void 0 : player.src(source.src);
+                                        const currentTime = player === null || player === void 0 ? void 0 : player.currentTime();
+                                        setCurrentQualitySrc(source.src);
+                                        player === null || player === void 0 ? void 0 : player.currentTime(currentTime);
+                                        player === null || player === void 0 ? void 0 : player.play();
+                                    }
+                                } }, `quality-${q.label}-${i}`));
+                        }) })] }) }), close: (fn) => {
             setCloseMenuFunction(() => fn);
         } }));
 };

package/dist/components/QualityMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QualityMenu/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QualityMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAe,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAGrF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOxE,MAAM,aAAa,GAAG,CAAC,EACrB,UAAU,EACV,OAAO,EACP,OAAO,GACY,EAAE,EAAE;IACvB,OAAO,CACL,iBAAQ,SAAS,EAAC,iCAAiC,EAAC,OAAO,EAAE,OAAO,YAClE,eAAK,SAAS,EAAC,kDAAkD,aAC/D,cAAK,SAAS,EAAC,eAAe,YAC3B,UAAU,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,eAAe,GAAG,CAAC,CAAC,CAAC,eAAW,GACjE,EAEN,YAAG,SAAS,EAAC,4BAA4B,YAAE,OAAO,CAAC,KAAK,GAAK,IACzD,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,WAAW,GAAG,CAAC,EAAoB,EAAE,EAAE;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,SAAS,CAAC,CAAC;IAEb,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,SAAS,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,OAAO,GAAG,MAAM,CAAC,cAAc,EAAE,CAAC;YAExC,MAAM,EAAE,GAAoC,IAAI,CAAC,KAAK,CACpD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CACxB,CAAC;YAEF,YAAY,CAAC,EAAE,CAAC,CAAC;YAEjB,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC;YACtC,MAAM,OAAO,GAAkC,IAAI,CAAC,KAAK,CACvD,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CACvB,CAAC;YAEF,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,UAAU,IACT,aAAa,EAAE,KAAC,YAAY,IAAC,SAAS,EAAC,eAAe,GAAG,EACzD,WAAW,EACT,cAAK,SAAS,EAAC,qEAAqE,YAClF,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAK,SAAS,EAAC,qDAAqD,aAClE,iBACE,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,iBAAiB,EAAE,CAAC;wCACtB,iBAAiB,EAAE,CAAC;oCACtB,CAAC;gCACH,CAAC,EACD,SAAS,EAAC,oBAAoB,YAE9B,KAAC,aAAa,IAAC,SAAS,EAAC,eAAe,GAAG,GACpC,EACT,mCAAgB,IACZ,EAEN,cAAK,SAAS,EAAC,wDAAwD,GAAG,EAE1E,cAAK,SAAS,EAAC,sDAAsD,YAClE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;4BACtB,OAAO,CACL,KAAC,aAAa,IAEZ,UAAU,EAAE,iBAAiB,KAAK,CAAC,CAAC,GAAG,EACvC,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,GAAG,EAAE;oCACZ,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAC3B,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,KAAK,CAC5B,CAAC;oCACF,IAAI,MAAM,IAAI,MAAM,CAAC,GAAG,IAAI,iBAAiB,EAAE,CAAC;wCAC9C,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;wCACxB,MAAM,WAAW,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,CAAC;wCAC1C,oBAAoB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;wCACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAC,WAAW,CAAC,CAAC;wCACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,CAAC;oCACjB,CAAC;gCACH,CAAC,IAdI,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE,CAe9B,CACH,CAAC;wBACJ,CAAC,CAAC,GACE,IACF,GACF,EAER,KAAK,EAAE,CAAC,EAAY,EAAE,EAAE;YACtB,oBAAoB,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;QACjC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}