suada-components 1.14.1 → 1.14.2

package/dist/{index-DwaJVGQK.esm.js → index-eu3Ub2H4.esm.js}

@@ -29977,7 +29977,7 @@ var RecordVoiceOverOutlined$1 = createSvgIcon$1( /*#__PURE__*/jsx$1("path", {
   d: "M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4m-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14"
 }), 'RecordVoiceOverOutlined');
 
-var _templateObject$q, _templateObject2$k, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$3, _templateObject14$3, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
+var _templateObject$q, _templateObject2$k, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$3, _templateObject14$3, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
 // CourseLayout
 dt.span(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral$1([""])));
 var GridItemContentHeader = dt.header(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral$1(["\n  display: flex;\n  justify-content: space-between;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
@@ -30000,7 +30000,7 @@ var CardActionBar = dt.div(_templateObject9$5 || (_templateObject9$5 = _taggedTe
   var $switched = _ref4.$switched;
   return $switched ? "\n    top: 0px;\n    left: 0px;\n    grid-template-columns: 1fr 35px;\n  " : "\n    bottom: 0px;\n    right: 0px;\n    justify-content: end;\n    grid-template-columns: 35px 35px;\n  ";
 });
-var StylesCardWrapper = dt.div(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral$1(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  cursor: ", ";\n  height: 100%;\n  border-radius: 12px !important;\n  &:hover {\n    .action_block {\n      background: rgba(255, 255, 255, 0.59) !important;\n    }\n  }\n"])), function (_ref5) {
+var StylesCardWrapper = dt.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral$1(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  cursor: ", ";\n  height: 100%;\n  border-radius: 12px !important;\n  &:hover {\n    .action_block {\n      background: rgba(255, 255, 255, 0.59) !important;\n    }\n  }\n"])), function (_ref5) {
   var $canOpen = _ref5.$canOpen;
   return $canOpen ? 'pointer' : 'default';
 });
@@ -40622,7 +40622,7 @@ function requireCancel () {
 var CancelExports = /*@__PURE__*/ requireCancel();
 var CancelIcon = /*@__PURE__*/getDefaultExportFromCjs(CancelExports);
 
-var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$4, _templateObject8$4, _templateObject9$3, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
+var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$4, _templateObject8$4, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
 dt.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral$1(["\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  padding: 10px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n  height: 100%;\n  transition: border 0.2s ease;\n\n  .image_wrapper {\n    position: relative;\n    padding-top: 10px;\n    width: 100px;\n    height: 100px;\n    border-radius: 4px;\n    svg {\n      position: absolute;\n      right: -11px;\n      top: 0px;\n    }\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n\n  .video_wrapper {\n    padding: 5px 10px;\n    background: #eee;\n    margin-top: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    svg {\n      color: red;\n    }\n  }\n\n  .file_wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    svg {\n      font-size: 20px;\n      color: red;\n      margin-left: 10px;\n    }\n  }\n\n  label {\n    cursor: pointer;\n    display: flex;\n    .MuiSvgIcon-fontSizeLarge {\n      font-size: 5.1875rem;\n    }\n\n    svg {\n      transform: scale(0.8);\n      transition: transform 0.2s ease;\n    }\n  }\n  input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &.full {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    header {\n      margin-right: 15px;\n    }\n\n    label {\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n    }\n\n    label svg {\n      transform: scale(1);\n    }\n  }\n\n  &.uploaded {\n    border: 1px solid rgba(0, 0, 0, 0.3);\n\n    header {\n      color: rgba(0, 0, 0, 0.74);\n    }\n\n    label svg {\n      transform: scale(1);\n    }\n  }\n"])));
 dt.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral$1(["\n  position: absolute;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  background: #fff;\n  border-radius: 4px;\n"])));
 dt.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral$1(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 30px;\n  > div {\n    width: 100%;\n    text-align: center;\n  }\n"])));
@@ -40633,7 +40633,7 @@ dt.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral$1(["\n
 // Uploader
 var Container$3 = dt.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  box-sizing: border-box;\n  padding: 14px 10px;\n  border: 1px solid rgba(0, 0, 0, 0.23);\n  display: grid;\n  grid-template-columns: 86px auto;\n  align-items: center;\n  position: relative;\n"])));
 var ItemContainer = dt.div(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral$1([""])));
-dt.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral$1(["\n  width: 390px;\n"])));
+dt.div(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral$1(["\n  width: 390px;\n"])));
 var CancelButton = dt.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"])), function (_ref) {
   var right = _ref.right;
   return right || '-12px';
@@ -76914,7 +76914,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.youtube,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerYouTube' */
-	      './YouTube-D1zyOhgZ.esm.js'
+	      './YouTube-Crw0CT86.esm.js'
 	    ).then(function (n) { return n.Y; }))
 	  },
 	  {
@@ -76923,7 +76923,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.soundcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerSoundCloud' */
-	      './SoundCloud-1nICRPx_.esm.js'
+	      './SoundCloud-BZlNC7Xh.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -76932,7 +76932,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vimeo,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVimeo' */
-	      './Vimeo-BXrAUyi5.esm.js'
+	      './Vimeo-BFGEEsUt.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -76941,7 +76941,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mux,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMux' */
-	      './Mux-CkbzJN9A.esm.js'
+	      './Mux-CtskXAvA.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -76950,7 +76950,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.facebook,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFacebook' */
-	      './Facebook-Cz_ZNlb9.esm.js'
+	      './Facebook-DCRnzVX_.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  },
 	  {
@@ -76959,7 +76959,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.streamable,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerStreamable' */
-	      './Streamable-D9KPxJCi.esm.js'
+	      './Streamable-CIRaQ0HF.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -76968,7 +76968,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.wistia,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerWistia' */
-	      './Wistia-BVDIP_cu.esm.js'
+	      './Wistia-C8RvCFio.esm.js'
 	    ).then(function (n) { return n.W; }))
 	  },
 	  {
@@ -76977,7 +76977,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.twitch,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerTwitch' */
-	      './Twitch-D5ruN6WR.esm.js'
+	      './Twitch-yMBQnDvs.esm.js'
 	    ).then(function (n) { return n.T; }))
 	  },
 	  {
@@ -76986,7 +76986,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.dailymotion,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerDailyMotion' */
-	      './DailyMotion-kXSB4KC8.esm.js'
+	      './DailyMotion-D4LmQO_W.esm.js'
 	    ).then(function (n) { return n.D; }))
 	  },
 	  {
@@ -76995,7 +76995,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mixcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMixcloud' */
-	      './Mixcloud-DTH3dqhr.esm.js'
+	      './Mixcloud-B9j_DAsI.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -77004,7 +77004,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vidyard,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVidyard' */
-	      './Vidyard-BRuZJVG-.esm.js'
+	      './Vidyard-Cjs-2g4S.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -77013,7 +77013,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.kaltura,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerKaltura' */
-	      './Kaltura-Bhrp8C0O.esm.js'
+	      './Kaltura-CPYazPDy.esm.js'
 	    ).then(function (n) { return n.K; }))
 	  },
 	  {
@@ -77025,7 +77025,7 @@ function requirePlayers () {
 	    },
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFilePlayer' */
-	      './FilePlayer-B0Quc9zY.esm.js'
+	      './FilePlayer-CqRC-kkM.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  }
 	];
@@ -77846,7 +77846,7 @@ function requireReactPlayer () {
 	var import_Player = __toESM(/*@__PURE__*/ requirePlayer());
 	const Preview = (0, import_utils.lazy)(() => import(
 	  /* webpackChunkName: 'reactPlayerPreview' */
-	  './Preview-C7XDM3wL.esm.js'
+	  './Preview-CIM0vkwR.esm.js'
 	).then(function (n) { return n.P; }));
 	const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined";
 	const IS_GLOBAL = typeof commonjsGlobal !== "undefined" && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -78055,7 +78055,7 @@ function requireLib () {
 var libExports = /*@__PURE__*/ requireLib();
 var ReactPlayer = /*@__PURE__*/getDefaultExportFromCjs(libExports);
 
-var _templateObject$a, _templateObject2$8, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1;
+var _templateObject$a, _templateObject2$8, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1;
 var StyledVideoPlayerWrapper = dt.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral$1(["\n  cursor: pointer;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > .react-player {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    border-radius: 8px;\n    height: 50%;\n\n    & > video {\n      height: fit-content;\n      width: 100%;\n      object-fit: contain;\n      border-radius: 8px;\n      background-color: var(--neutral-colors-dark);\n    }\n  }\n"])));
 var StyledWrapper = dt.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral$1(["\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n\n  &::before {\n    content: '';\n    display: block;\n    padding-top: 56.25%;\n  }\n\n  & > ", " {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n"])), StyledVideoPlayerWrapper);
 var StyledPlayerLoader = dt.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  background: #e7e9ed;\n  display: flex;\n  align-items: center;\n  top: 0;\n  bottom: 0;\n  margin: auto 0;\n  color: var(--neutral-colors-light);\n  justify-content: center;\n  z-index: 5;\n"])));
@@ -78096,7 +78096,7 @@ var StyledNoteMarkersOverlay = dt.div(_templateObject8$2 || (_templateObject8$2
   return !props.$isFullscreen ? "\n    ".concat(StyledWrapper, ":hover & {\n      opacity: 1 !important;\n    }\n  ") : '';
 });
 var noteMarkerPulse = mt(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral$1(["\n  0% {\n    transform: translate(-50%, -50%) scale(1);\n    opacity: 0.4;\n  }\n  50% {\n    transform: translate(-50%, -50%) scale(1.1);\n    opacity: 0.2;\n  }\n  100% {\n    transform: translate(-50%, -50%) scale(1);\n    opacity: 0.4;\n  }\n"])));
-var StyledNoteMarker = dt.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  ", "\n  left: ", ";\n  width: ", ";\n  height: ", ";\n  background-color: #ffd700;\n  border-radius: 50%;\n  cursor: pointer;\n  pointer-events: auto;\n  border: 2px solid #fff;\n  box-shadow: ", ";\n  transition: all 0.2s ease;\n  z-index: ", ";\n\n  &:hover {\n    transform: translateX(-50%) scale(1.2);\n    background-color: #ffed4e;\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: #ffd700;\n    transform: translate(-50%, -50%);\n    opacity: 0.4;\n    animation: ", " 3s infinite;\n  }\n"])), function (props) {
+var StyledNoteMarker = dt.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  ", "\n  left: ", ";\n  width: ", ";\n  height: ", ";\n  background-color: #ffd700;\n  border-radius: 50%;\n  cursor: pointer;\n  pointer-events: auto;\n  border: 2px solid #fff;\n  box-shadow: ", ";\n  transition: all 0.2s ease;\n  z-index: ", ";\n\n  &:hover {\n    transform: translateX(-50%) scale(1.2);\n    background-color: #ffed4e;\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: #ffd700;\n    transform: translate(-50%, -50%);\n    opacity: 0.4;\n    animation: ", " 3s infinite;\n  }\n"])), function (props) {
   return props.$isFullscreen ? "top: auto; bottom: 0; transform: translateX(-50%);" : "bottom: -2px; transform: translateX(-50%);";
 }, function (props) {
   return "".concat(props.$position, "%");
@@ -78129,7 +78129,7 @@ var StyledNoteModal = dt.div(_templateObject14$1 || (_templateObject14$1 = _tagg
   }
 });
 
-var _templateObject$9, _templateObject2$7, _templateObject3$4, _templateObject4$2, _templateObject5$2, _templateObject6$2, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _templateObject$9, _templateObject2$7, _templateObject3$4, _templateObject4$2, _templateObject5$2, _templateObject6$2, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 var StyledControls = dt.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral$1(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n  border-radius: 0px 0px 8px 8px;\n  background: rgba(86, 90, 98, 0.6);\n  backdrop-filter: blur(4px);\n  padding: 12px 16px;\n  position: relative;\n  opacity: 0.8;\n\n  /* Responsive padding adjustments */\n  @media screen and (max-width: 768px) {\n    padding: 8px 12px;\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 6px 8px;\n    gap: 8px;\n  }\n\n  svg {\n    cursor: pointer;\n    transition: transform 0.2s ease, fill 0.2s ease;\n\n    /* Desktop and large screens */\n    @media screen and (min-width: 1501px) {\n      width: 24px;\n      height: 24px;\n    }\n\n    /* Medium to large screens */\n    @media screen and (max-width: 1500px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    /* Small to medium screens */\n    @media screen and (max-width: 1000px) {\n      width: 18px;\n      height: 18px;\n    }\n\n    /* Tablet screens */\n    @media screen and (max-width: 768px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    /* Mobile screens */\n    @media screen and (max-width: 480px) {\n      width: 18px;\n      height: 18px;\n    }\n\n    /* Very small mobile screens */\n    @media screen and (max-width: 320px) {\n      width: 16px;\n      height: 16px;\n    }\n\n    &:hover {\n      transform: scale(1.1);\n      \n      path {\n        fill: ", " !important;\n      }\n    }\n\n    &:active {\n      transform: scale(0.95);\n    }\n  }\n\n  & > p {\n    color: var(--neutral-colors-light);\n    font-family: 'Poppins', sans-serif;\n    ", "\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   var _a, _b;
@@ -78234,7 +78234,7 @@ var BaseIconContainer = dt.div(_templateObject8$1 || (_templateObject8$1 = _tagg
   return 'var(--video-player-primary-color, #08C694)'; // fallback
 });
 var StyledHeartIconContainer = dt(BaseIconContainer)(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral$1(["\n  /* Additional specific styles if needed */\n"])));
-var StyledDownloadIconContainer = dt(BaseIconContainer)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral$1(["\n  & > svg {\n    width: 24px !important;\n    height: 24px !important;\n    \n    @media screen and (max-width: 1500px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    @media screen and (max-width: 768px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 480px) {\n      width: 18px !important;\n      height: 18px !important;\n    }\n  }\n"])));
+var StyledDownloadIconContainer = dt(BaseIconContainer)(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral$1(["\n  & > svg {\n    width: 24px !important;\n    height: 24px !important;\n    \n    @media screen and (max-width: 1500px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    @media screen and (max-width: 768px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 480px) {\n      width: 18px !important;\n      height: 18px !important;\n    }\n  }\n"])));
 var StyledSubtitlesIconContainer = dt(BaseIconContainer)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral$1(["\n  /* Additional specific styles if needed */\n"])));
 var StyledFullscreenIconContainer = dt(BaseIconContainer)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral$1(["\n  /* Additional specific styles if needed */\n"])));
 var StyledPictureInPictureIconContainer = dt(BaseIconContainer)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral$1(["\n  &.pip-active {\n    background-color: ", ";\n    \n    & > svg > path {\n      fill: ", " !important;\n    }\n  }\n"])), function (_ref9) {
@@ -85232,15 +85232,16 @@ var useHLSSubtitles = function useHLSSubtitles(_ref) {
   };
 };
 
-var _templateObject$7, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9;
+var _templateObject$7, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 var StyledModalHeader = dt.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral$1(["\n  padding: 16px 20px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e2e8f0;\n  margin-bottom: 16px;\n"])));
 var StyledModalTitle = dt.h3(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral$1(["\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n  color: #1a202c;\n"])));
-var StyledCloseButton = dt.button(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral$1(["\n  background: none;\n  border: none;\n  font-size: 20px;\n  cursor: pointer;\n  color: #718096;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    color: #2d3748;\n  }\n"])));
-var StyledModalContent = dt.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral$1(["\n  padding: 0 20px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"])));
-var StyledInput = dt.input(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n\n  &:focus {\n    border-color: #3182ce;\n    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\n  }\n"])));
-var StyledTextarea = dt.textarea(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n  resize: vertical;\n  min-height: 80px;\n  flex: 1;\n\n  &:focus {\n    border-color: #3182ce;\n    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\n  }\n"])));
-var StyledModalFooter = dt.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral$1(["\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-top: 1px solid #e2e8f0;\n  margin-top: auto;\n"])));
-var StyledButton = dt.button(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral$1(["\n  padding: 8px 16px;\n  border: none;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n\n  ", "\n"])), function (props) {
+var StyledTimestamp = dt.div(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral$1(["\n  font-size: 12px;\n  color: #718096;\n  font-weight: 500;\n  background: #f7fafc;\n  padding: 4px 8px;\n  border-radius: 4px;\n"])));
+var StyledCloseButton = dt.button(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral$1(["\n  background: none;\n  border: none;\n  font-size: 20px;\n  cursor: pointer;\n  color: #718096;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    color: #2d3748;\n  }\n"])));
+var StyledModalContent = dt.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral$1(["\n  padding: 0 20px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"])));
+var StyledInput = dt.input(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n\n  &:focus {\n    border-color: #3182ce;\n    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\n  }\n"])));
+var StyledTextarea = dt.textarea(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n  resize: vertical;\n  min-height: 80px;\n  flex: 1;\n\n  &:focus {\n    border-color: #3182ce;\n    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\n  }\n"])));
+var StyledModalFooter = dt.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral$1(["\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-top: 1px solid #e2e8f0;\n  margin-top: auto;\n"])));
+var StyledButton = dt.button(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral$1(["\n  padding: 8px 16px;\n  border: none;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n\n  ", "\n"])), function (props) {
   switch (props.$variant) {
     case 'primary':
       return "\n          background-color: #3182ce;\n          color: white;\n          &:hover { background-color: #2c5aa0; }\n        ";
@@ -85250,19 +85251,33 @@ var StyledButton = dt.button(_templateObject8 || (_templateObject8 = _taggedTemp
       return "\n          background-color: #f7fafc;\n          color: #2d3748;\n          border: 1px solid #e2e8f0;\n          &:hover { background-color: #edf2f7; }\n        ";
   }
 });
-var StyledButtonGroup = dt.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral$1(["\n  display: flex;\n  gap: 8px;\n"])));
+var StyledButtonGroup = dt.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral$1(["\n  display: flex;\n  gap: 8px;\n"])));
 var NoteEditModal = function NoteEditModal(_ref) {
-  var editingTitle = _ref.editingTitle,
+  var note = _ref.note,
+    editingTitle = _ref.editingTitle,
     editingContent = _ref.editingContent,
     onTitleChange = _ref.onTitleChange,
     onContentChange = _ref.onContentChange,
     onCancel = _ref.onCancel,
     onDelete = _ref.onDelete,
     onSave = _ref.onSave;
+    _ref.isNewNote;
+  var isEmptyNote = !note.id || note.id.startsWith('note_');
+  var modalTitle = isEmptyNote ? 'Add Note' : 'Edit Note';
+  var timestamp = FormatSecondsToTimeString(note.moment);
   return jsxs(Fragment, {
     children: [jsxs(StyledModalHeader, {
-      children: [jsx$1(StyledModalTitle, {
-        children: "Edit Note"
+      children: [jsxs("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: '12px'
+        },
+        children: [jsx$1(StyledModalTitle, {
+          children: modalTitle
+        }), jsxs(StyledTimestamp, {
+          children: ["at ", timestamp]
+        })]
       }), jsx$1(StyledCloseButton, {
         onClick: onCancel,
         children: "\xD7"
@@ -85279,18 +85294,21 @@ var NoteEditModal = function NoteEditModal(_ref) {
         onChange: onContentChange
       })]
     }), jsxs(StyledModalFooter, {
-      children: [jsx$1(StyledButton, {
+      children: [!isEmptyNote && jsx$1(StyledButton, {
         onClick: onDelete,
         "$variant": "danger",
         children: "Delete"
       }), jsxs(StyledButtonGroup, {
+        style: {
+          marginLeft: isEmptyNote ? 'auto' : 'initial'
+        },
         children: [jsx$1(StyledButton, {
           onClick: onCancel,
           children: "Cancel"
         }), jsx$1(StyledButton, {
           onClick: onSave,
           "$variant": "primary",
-          children: "Save"
+          children: isEmptyNote ? 'Add Note' : 'Save'
         })]
       })]
     })]
@@ -85419,10 +85437,13 @@ var VideoPlayer = function VideoPlayer(_ref) {
   // Handle adding new notes
   var handleAddNote = useCallback(function () {
     var _a;
+    // Stop the video when adding a note
+    setIsPlaying(false);
     if (onAddNote) {
+      // If external handler is provided, use it (e.g., Notes tab modal)
       onAddNote();
     } else {
-      // Create a new note at current time if no external handler
+      // Only create internal modal if no external handler
       var currentTime = ((_a = videoPlayerRef.current) === null || _a === void 0 ? void 0 : _a.getCurrentTime()) || 0;
       var newNote = {
         id: "note_".concat(Date.now()),
@@ -85434,7 +85455,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
       setEditingTitle('');
       setEditingContent('');
     }
-  }, [onAddNote]);
+  }, [onAddNote, setIsPlaying]);
   var _useHLSSubtitles = useHLSSubtitles({
       videoPlayerRef: videoPlayerRef,
       isSubtitlesChecked: isSubtitlesChecked,
@@ -85540,6 +85561,13 @@ var VideoPlayer = function VideoPlayer(_ref) {
       return _ref4.apply(this, arguments);
     };
   }();
+  // Sync editing state when external editing note changes
+  useEffect(function () {
+    if (editingNote) {
+      setEditingTitle(editingNote.title);
+      setEditingContent(editingNote.description || '');
+    }
+  }, [editingNote]);
   var renderNoteEditModal = function renderNoteEditModal() {
     if (!currentEditingNote) return null;
     var noteMarker = noteMarkers === null || noteMarkers === void 0 ? void 0 : noteMarkers.find(function (marker) {
@@ -85561,8 +85589,8 @@ var VideoPlayer = function VideoPlayer(_ref) {
         note: currentEditingNote,
         notePosition: notePosition,
         alignment: modalAlignment,
-        editingTitle: editingNote ? currentEditingNote.title : editingTitle,
-        editingContent: editingNote ? currentEditingNote.description || '' : editingContent,
+        editingTitle: editingTitle,
+        editingContent: editingContent,
         onTitleChange: function onTitleChange(e) {
           return setEditingTitle(e.target.value);
         },

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { z as ActivityIcon, _ as AddAlt, bW as AddCircleIcon, a5 as AddIcon, a0 as AddStudent, Z as Analytics, a6 as AnalyticsIcon, bl as ArchiveIcon, Y as ArrowDropDownIcon, aE as ArrowDropUpIcon, a7 as AssignTutor, A as AudioPlayer, bm as BackspaceRoundedIcon, bn as BackupIcon, k as Badge, a8 as Book, a9 as BookWithBookmark, h as Breadcrumb, aa as BusinessIcon, B as Button, bX as CancelIcon, ab as CaretDown, bY as Check, bZ as CheckBoxIcon, ci as CheckBoxOutlineBlankIcon, b_ as CheckCircleIcon, b$ as CheckCircleOutlineOutlinedIcon, bo as CheckCircleOutlineRoundedIcon, e as Checkbox, ac as CheckedIcon, ad as Checkmark, ae as CheckmarkOutline, af as CheckmarkOutlineAction, cj as ChevronRightIcon, a3 as Circle, aF as CircleNotificationsIcon, ag as Close, ah as CloseIcon, ai as CloseOutline, aj as CloseOutlineAction, bp as ClosedCaptionIcon, bq as CloudDownloadIcon, ak as Coach, j as ColorPicker, p as ColumnNavigation, $ as Company, br as ContactSupportOutlinedIcon, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, al as DarkAddAlt, am as DarkAiAssistent, an as DarkCloseOutline, ao as DarkTrashCan, ch as DashboardIcon, d as DatePicker, ap as DefaultAvatar, aq as Delete, bG as DeleteForeverRoundedIcon, ba as DeleteIcon, ck as DeleteIconRounded, ar as DocumentAttachment, at as Download, as as DownloadIcon, c0 as DragIndicatorIcon, x as DrawerTips, D as DropDown, au as Edit, c1 as EditIcon, av as EditRounded, aw as EditUsers, ax as Education, ay as EducationDefault, az as EmailIcon, c2 as ErrorOutlineIcon, bs as ErrorOutlineRoundedIcon, aA as EventIcon, c3 as ExpandMoreIcon, bH as FeaturedPlayListIcon, bI as FiberManualRecordIcon, bt as FileCopyIcon, cg as FileUploadOutlinedIcon, aH as FilterIcon, c4 as GetAppIcon, aI as GrayDownload, aO as GrayPlayIcon, G as GridActionMenu, aP as GridView, aQ as Group, aR as GroupDefault, bJ as GroupOutlined, bK as GroupsOutlined, bu as HeadsetIcon, H as HeartIcon, aS as Help, aK as HelpIcon, c5 as HighlightOffRoundedIcon, aT as HorizontalView, bL as HourglassEmptyIcon, bM as ImageIcon, aU as Information, c6 as InsertDriveFileIcon, aG as KeyboardBackspaceIcon, a1 as Learning, a4 as Library, L as Loader, aB as LocationCityIcon, aC as LocationOnIcon, bv as LockIcon, aV as Locked, aW as Logout, aD as MarkunreadMailboxIcon, F as MaximizeIcon, X as MeterIcon, M as MinimizeIcon, bN as MoreHorizIcon, aX as MoreVertRoundedIcon, aY as MyProfile, N as NavigationBar, aZ as NewFilter, bx as NotesIcon, a_ as Notification, bw as NotificationsOutlined, c7 as OndemandVideoIcon, f as Pagination, I as PauseIcon, bO as PermMediaIcon, aJ as Person, P as PhoneCountryCode, aL as PhoneIphoneIcon, n as PiPProvider, c8 as PictureInPictureIcon, a$ as PlayButton, by as PlayCircleOutlineIcon, aN as PlayGrayButton, K as PlayIcon, bP as PlaylistAddIcon, bz as PlaylistPlayIcon, b0 as PresentationScreen, b1 as Profile, aM as PublicIcon, c9 as PublishIcon, R as RadioButton, y as RangeSlider, bQ as RecordVoiceOverOutlined, b2 as RedDeleteIcon, b3 as RemoveAlt, b4 as RemoveAltDisable, ca as RemoveCircleIcon, b5 as RemoveFilter, cb as ReportProblemIcon, b6 as Reset, O as RewindIcon, cl as SchoolIcon, bA as SchoolOutlinedIcon, b7 as Search, S as SearchInput, b8 as SearchRounded, bR as Send, b9 as SendAlt, cc as SettingsApplicationsIcon, bB as SettingsOutlinedIcon, Q as SkipIcon, o as SplashScreen, cd as StarsRoundedIcon, q as StatusIndicator, W as SubtitlesIcon, bc as SwitchCompany, t as TabNavigation, s as TabPanel, b as ThemeProvider, i as Tile, bC as Timeline, l as TooltipHeight, T as TranslationProvider, bd as TrashCan, be as TrashCanAction, bf as TrashCanRed, bD as TrendingUpOutlinedIcon, bg as UnfillPlay, bh as Unlock, bb as Unlocked, U as Uploader, bi as UserActivity, bj as UserSpeaker, a2 as UsersIcon, ce as VideoCallIcon, E as VideoCheckmarkIcon, V as VideoPlayer, bS as ViewCompactIcon, bT as ViewListIcon, bE as Visibility, bF as VisibilityOff, J as VolumeMuteIcon, cf as VolumeUpIcon, bk as WhiteAiAssistant, bU as WorkOutlineOutlinedIcon, bV as ZoomInIcon, w as activeTabClassName, u as usePiP, v as version } from './index-DwaJVGQK.esm.js';
+export { z as ActivityIcon, _ as AddAlt, bW as AddCircleIcon, a5 as AddIcon, a0 as AddStudent, Z as Analytics, a6 as AnalyticsIcon, bl as ArchiveIcon, Y as ArrowDropDownIcon, aE as ArrowDropUpIcon, a7 as AssignTutor, A as AudioPlayer, bm as BackspaceRoundedIcon, bn as BackupIcon, k as Badge, a8 as Book, a9 as BookWithBookmark, h as Breadcrumb, aa as BusinessIcon, B as Button, bX as CancelIcon, ab as CaretDown, bY as Check, bZ as CheckBoxIcon, ci as CheckBoxOutlineBlankIcon, b_ as CheckCircleIcon, b$ as CheckCircleOutlineOutlinedIcon, bo as CheckCircleOutlineRoundedIcon, e as Checkbox, ac as CheckedIcon, ad as Checkmark, ae as CheckmarkOutline, af as CheckmarkOutlineAction, cj as ChevronRightIcon, a3 as Circle, aF as CircleNotificationsIcon, ag as Close, ah as CloseIcon, ai as CloseOutline, aj as CloseOutlineAction, bp as ClosedCaptionIcon, bq as CloudDownloadIcon, ak as Coach, j as ColorPicker, p as ColumnNavigation, $ as Company, br as ContactSupportOutlinedIcon, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, al as DarkAddAlt, am as DarkAiAssistent, an as DarkCloseOutline, ao as DarkTrashCan, ch as DashboardIcon, d as DatePicker, ap as DefaultAvatar, aq as Delete, bG as DeleteForeverRoundedIcon, ba as DeleteIcon, ck as DeleteIconRounded, ar as DocumentAttachment, at as Download, as as DownloadIcon, c0 as DragIndicatorIcon, x as DrawerTips, D as DropDown, au as Edit, c1 as EditIcon, av as EditRounded, aw as EditUsers, ax as Education, ay as EducationDefault, az as EmailIcon, c2 as ErrorOutlineIcon, bs as ErrorOutlineRoundedIcon, aA as EventIcon, c3 as ExpandMoreIcon, bH as FeaturedPlayListIcon, bI as FiberManualRecordIcon, bt as FileCopyIcon, cg as FileUploadOutlinedIcon, aH as FilterIcon, c4 as GetAppIcon, aI as GrayDownload, aO as GrayPlayIcon, G as GridActionMenu, aP as GridView, aQ as Group, aR as GroupDefault, bJ as GroupOutlined, bK as GroupsOutlined, bu as HeadsetIcon, H as HeartIcon, aS as Help, aK as HelpIcon, c5 as HighlightOffRoundedIcon, aT as HorizontalView, bL as HourglassEmptyIcon, bM as ImageIcon, aU as Information, c6 as InsertDriveFileIcon, aG as KeyboardBackspaceIcon, a1 as Learning, a4 as Library, L as Loader, aB as LocationCityIcon, aC as LocationOnIcon, bv as LockIcon, aV as Locked, aW as Logout, aD as MarkunreadMailboxIcon, F as MaximizeIcon, X as MeterIcon, M as MinimizeIcon, bN as MoreHorizIcon, aX as MoreVertRoundedIcon, aY as MyProfile, N as NavigationBar, aZ as NewFilter, bx as NotesIcon, a_ as Notification, bw as NotificationsOutlined, c7 as OndemandVideoIcon, f as Pagination, I as PauseIcon, bO as PermMediaIcon, aJ as Person, P as PhoneCountryCode, aL as PhoneIphoneIcon, n as PiPProvider, c8 as PictureInPictureIcon, a$ as PlayButton, by as PlayCircleOutlineIcon, aN as PlayGrayButton, K as PlayIcon, bP as PlaylistAddIcon, bz as PlaylistPlayIcon, b0 as PresentationScreen, b1 as Profile, aM as PublicIcon, c9 as PublishIcon, R as RadioButton, y as RangeSlider, bQ as RecordVoiceOverOutlined, b2 as RedDeleteIcon, b3 as RemoveAlt, b4 as RemoveAltDisable, ca as RemoveCircleIcon, b5 as RemoveFilter, cb as ReportProblemIcon, b6 as Reset, O as RewindIcon, cl as SchoolIcon, bA as SchoolOutlinedIcon, b7 as Search, S as SearchInput, b8 as SearchRounded, bR as Send, b9 as SendAlt, cc as SettingsApplicationsIcon, bB as SettingsOutlinedIcon, Q as SkipIcon, o as SplashScreen, cd as StarsRoundedIcon, q as StatusIndicator, W as SubtitlesIcon, bc as SwitchCompany, t as TabNavigation, s as TabPanel, b as ThemeProvider, i as Tile, bC as Timeline, l as TooltipHeight, T as TranslationProvider, bd as TrashCan, be as TrashCanAction, bf as TrashCanRed, bD as TrendingUpOutlinedIcon, bg as UnfillPlay, bh as Unlock, bb as Unlocked, U as Uploader, bi as UserActivity, bj as UserSpeaker, a2 as UsersIcon, ce as VideoCallIcon, E as VideoCheckmarkIcon, V as VideoPlayer, bS as ViewCompactIcon, bT as ViewListIcon, bE as Visibility, bF as VisibilityOff, J as VolumeMuteIcon, cf as VolumeUpIcon, bk as WhiteAiAssistant, bU as WorkOutlineOutlinedIcon, bV as ZoomInIcon, w as activeTabClassName, u as usePiP, v as version } from './index-eu3Ub2H4.esm.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-transition-group';

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bes_plew.js');
+var index = require('./index-Cy5Oe830.js');
 require('react/jsx-runtime');
 require('react');
 require('react-transition-group');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "suada-components",
   "private": false,
-  "version": "1.14.1",
+  "version": "1.14.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",