suada-components 1.2.1 → 1.4.0

package/dist/components/{index-Ciqeqnts.js → index-CDSxMyXo.js}

@@ -2445,7 +2445,7 @@ var Button$1 = function Button(_a) {
     style: customStyles,
     onClick: onClick,
     type: htmlType,
-    className: className,
+    className: "".concat(className, " button-theme-color"),
     children: [iconLeft, label, iconRight]
   });
 };
@@ -32391,11 +32391,11 @@ var StylesCardWrapper = dt.div(templateObject_10$2 || (templateObject_10$2 = __m
 });
 var StyledChecked = dt.div(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background-color: rgb(0 0 0 / 23%);\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background-color: rgb(0 0 0 / 23%);\n"])));
 dt.div(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  .icon_button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"], ["\n  position: relative;\n  cursor: pointer;\n  .icon_button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])));
-var CourseStatusContainer = dt.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
+var CourseStatusContainer = dt.div(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
   var $status = _a.$status;
   return !$status ? '#EA382A' : '#00905E';
 });
-dt.div(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  div {\n    font-size: 13px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  div {\n    font-size: 13px;\n  }\n"])));
+dt.div(templateObject_14$2 || (templateObject_14$2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  div {\n    font-size: 13px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  div {\n    font-size: 13px;\n  }\n"])));
 var TooltipContent = dt.div(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  & > :first-child {\n    font-size: 14px;\n    margin-bottom: 5px;\n  }\n  div {\n    font-size: 14px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    & > .tooltip-text {\n      font-size: 12px;\n      margin-top: 5px;\n      text-align: center;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  & > :first-child {\n    font-size: 14px;\n    margin-bottom: 5px;\n  }\n  div {\n    font-size: 14px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    & > .tooltip-text {\n      font-size: 12px;\n      margin-top: 5px;\n      text-align: center;\n    }\n  }\n"])));
 var StyledCardBottomContainer = dt.div(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  flex-direction: column !important;\n  align-self: flex-end;\n  gap: 10px;\n  padding-bottom: 10px;\n"], ["\n  display: flex;\n  width: 100%;\n  flex-direction: column !important;\n  align-self: flex-end;\n  gap: 10px;\n  padding-bottom: 10px;\n"])));
 var StyledActionsContainer = dt.div(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row !important;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: row !important;\n  width: 100%;\n"])));
@@ -32446,7 +32446,7 @@ var GridItem = dt.div(templateObject_32 || (templateObject_32 = __makeTemplateOb
   var $isFromUser = _a.$isFromUser;
   return $isFromUser && "\n  figure {\n    position: relative;\n    &:after {\n      content: 'View Analytics';\n      position: absolute;\n      top: 0;\n      opacity: 0;\n      color: #06c68f;\n      left: 0;\n      font-size: 24px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.9);\n      width: 100%;\n      height: 100%;\n      transition: opacity 0.3s ease;\n      z-index: 10;\n    }\n  }\n\n  &:hover {\n    figure {\n      &:after {\n        opacity: 1;\n      }\n    }\n  }\n  " || '';
 });
-var templateObject_1$o, templateObject_2$j, templateObject_3$f, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$4, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1, templateObject_23$1, templateObject_24$1, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
+var templateObject_1$o, templateObject_2$j, templateObject_3$f, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$4, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1, templateObject_23$1, templateObject_24$1, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
 
 var TooltipHeight$1 = function TooltipHeight(_a) {
   var text = _a.text,
@@ -34760,7 +34760,9 @@ DocumentAttachment.displayName = 'DocumentAttachment';
 var DownloadIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var className = _a.className,
     onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
+    _b = _a.fill,
+    fill = _b === void 0 ? '#FFFFFF' : _b,
+    props = __rest(_a, ["className", "onClick", "fill"]);
   return jsxRuntimeExports.jsxs("svg", __assign({
     ref: ref,
     width: '24',
@@ -34773,10 +34775,10 @@ var DownloadIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, props, {
     children: [jsxRuntimeExports.jsx("path", {
       d: 'M19.5 18V21H4.5V18H3V21C3 21.3978 3.15804 21.7794 3.43934 22.0607C3.72064 22.342 4.10218 22.5 4.5 22.5H19.5C19.8978 22.5 20.2794 22.342 20.5607 22.0607C20.842 21.7794 21 21.3978 21 21V18H19.5Z',
-      fill: '#020210'
+      fill: fill
     }), jsxRuntimeExports.jsx("path", {
       d: 'M19.5 10.5L18.4425 9.4425L12.75 15.1275V1.5H11.25V15.1275L5.5575 9.4425L4.5 10.5L12 18L19.5 10.5Z',
-      fill: '#020210'
+      fill: fill
     })]
   }));
 });
@@ -37694,7 +37696,7 @@ var VolumeUpIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     _b = _a.fill,
     fill = _b === void 0 ? '#68707A' : _b,
     props = __rest(_a, ["className", "onClick", "fill"]);
-  return jsxRuntimeExports.jsxs("svg", __assign({
+  return jsxRuntimeExports.jsx("svg", __assign({
     ref: ref,
     width: '24',
     height: '24',
@@ -37704,13 +37706,10 @@ var VolumeUpIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     className: className,
     onClick: onClick
   }, props, {
-    children: [jsxRuntimeExports.jsx("path", {
-      d: 'M0 0h24v24H0V0z',
-      fill: 'none'
-    }), jsxRuntimeExports.jsx("path", {
+    children: jsxRuntimeExports.jsx("path", {
       d: 'M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z',
       fill: fill
-    })]
+    })
   }));
 });
 VolumeUpIcon.displayName = 'VolumeUpIcon';
@@ -42830,14 +42829,14 @@ var ItemContainer = dt.div(templateObject_11$1 || (templateObject_11$1 = __makeT
   return width || '100%';
 });
 dt.div(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n  width: 390px;\n"], ["\n  width: 390px;\n"])));
-var CancelButton = dt.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"], ["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"])), function (_a) {
+var CancelButton = dt.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"], ["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"])), function (_a) {
   var right = _a.right;
   return right || '-13px';
 }, function (_a) {
   var top = _a.top;
   return top || '5px';
 });
-var InputFileContainer = dt.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"], ["\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"])));
+var InputFileContainer = dt.div(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"], ["\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"])));
 var UploadInput = dt.input(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  left: 0;\n  width: 0;\n  top: 0;\n  overflow: hidden;\n"], ["\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  left: 0;\n  width: 0;\n  top: 0;\n  overflow: hidden;\n"])));
 dt.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: absolute;\n  left: 0px;\n  top: -15px;\n  background: #fff;\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.54);\n"], ["\n  position: absolute;\n  left: 0px;\n  top: -15px;\n  background: #fff;\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.54);\n"])));
 var ImagePlaceholder = dt.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  img {\n    position: relative;\n    border: 1px solid #08c694;\n    width: 100%;\n    height: ", "px;\n    object-fit: cover;\n    top: 2px;\n  }\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  img {\n    position: relative;\n    border: 1px solid #08c694;\n    width: 100%;\n    height: ", "px;\n    object-fit: cover;\n    top: 2px;\n  }\n"])), function (_a) {
@@ -42861,7 +42860,7 @@ var Title = dt.h2(templateObject_24 || (templateObject_24 = __makeTemplateObject
   var $required = _a.$required;
   return $required ? "\n    &::after {\n      content: '*';\n      color: red;\n      margin-left: 3px;\n    }\n  " : '';
 });
-var templateObject_1$j, templateObject_2$e, templateObject_3$a, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$2, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
+var templateObject_1$j, templateObject_2$e, templateObject_3$a, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$2, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
 
 var InsertDriveFile = {};
 
@@ -61157,7 +61156,13 @@ var Checkbox = function Checkbox(_a) {
   });
 };
 
-var PaginationWrapper = dt.div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n\n  .MuiPagination-ul {\n    flex-wrap: nowrap;\n  }\n  .MuiPaginationItem-root {\n    background: #ffffff;\n    border: 1px solid #e7e9ed !important;\n    border-radius: 4px !important;\n    width: 32px !important;\n    height: 32px !important;\n    padding: 6px 6px !important;\n\n    &:hover {\n      border: 1px solid #cdccd0;\n      background-color: #ffffff;\n    }\n\n    &.Mui-selected {\n      background: #08c694;\n      color: white;\n\n      &:hover {\n        background: #08c694;\n        border: none;\n      }\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n\n  .MuiPagination-ul {\n    flex-wrap: nowrap;\n  }\n  .MuiPaginationItem-root {\n    background: #ffffff;\n    border: 1px solid #e7e9ed !important;\n    border-radius: 4px !important;\n    width: 32px !important;\n    height: 32px !important;\n    padding: 6px 6px !important;\n\n    &:hover {\n      border: 1px solid #cdccd0;\n      background-color: #ffffff;\n    }\n\n    &.Mui-selected {\n      background: #08c694;\n      color: white;\n\n      &:hover {\n        background: #08c694;\n        border: none;\n      }\n    }\n  }\n"])));
+var PaginationWrapper = dt.div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n\n  .MuiPagination-ul {\n    flex-wrap: nowrap;\n  }\n  .MuiPaginationItem-root {\n    background: #ffffff;\n    border: 1px solid #e7e9ed !important;\n    border-radius: 4px !important;\n    width: 32px !important;\n    height: 32px !important;\n    padding: 6px 6px !important;\n\n    &:hover {\n      border: 1px solid #cdccd0;\n      background-color: #ffffff;\n    }\n\n    &.Mui-selected {\n      background: ", ";\n      color: white;\n\n      &:hover {\n        background: ", ";\n        border: none;\n      }\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n\n  .MuiPagination-ul {\n    flex-wrap: nowrap;\n  }\n  .MuiPaginationItem-root {\n    background: #ffffff;\n    border: 1px solid #e7e9ed !important;\n    border-radius: 4px !important;\n    width: 32px !important;\n    height: 32px !important;\n    padding: 6px 6px !important;\n\n    &:hover {\n      border: 1px solid #cdccd0;\n      background-color: #ffffff;\n    }\n\n    &.Mui-selected {\n      background: ", ";\n      color: white;\n\n      &:hover {\n        background: ", ";\n        border: none;\n      }\n    }\n  }\n"])), function (_a) {
+  var $themeColor = _a.$themeColor;
+  return $themeColor || '#08c694';
+}, function (_a) {
+  var $themeColor = _a.$themeColor;
+  return $themeColor || '#08c694';
+});
 var templateObject_1$e;
 
 var Pagination = function Pagination(_a) {
@@ -61165,8 +61170,10 @@ var Pagination = function Pagination(_a) {
     totalPages = _a.totalPages,
     handleChange = _a.handleChange,
     perPage = _a.perPage,
+    themeColor = _a.themeColor,
     handlePerPageChange = _a.handlePerPageChange;
   return jsxRuntimeExports.jsxs(PaginationWrapper, {
+    "$themeColor": themeColor,
     children: [perPage && jsxRuntimeExports.jsxs(Select$1, {
       variant: 'standard',
       "native": true,
@@ -81409,7 +81416,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.youtube,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerYouTube' */
-	      './YouTube-631v_AIH.js'
+	      './YouTube-kg1XVxyv.js'
 	    ); }).then(function (n) { return n.YouTube; }))
 	  },
 	  {
@@ -81418,7 +81425,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.soundcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerSoundCloud' */
-	      './SoundCloud-1V8ahw7A.js'
+	      './SoundCloud-B00ur_Qj.js'
 	    ); }).then(function (n) { return n.SoundCloud; }))
 	  },
 	  {
@@ -81427,7 +81434,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vimeo,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerVimeo' */
-	      './Vimeo-ddQ8CMRR.js'
+	      './Vimeo-CIc5nmCA.js'
 	    ); }).then(function (n) { return n.Vimeo; }))
 	  },
 	  {
@@ -81436,7 +81443,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mux,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerMux' */
-	      './Mux-BRYGMFV_.js'
+	      './Mux-DRlgrJfr.js'
 	    ); }).then(function (n) { return n.Mux; }))
 	  },
 	  {
@@ -81445,7 +81452,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.facebook,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerFacebook' */
-	      './Facebook-DigX8u_u.js'
+	      './Facebook-DUSQsxT0.js'
 	    ); }).then(function (n) { return n.Facebook; }))
 	  },
 	  {
@@ -81454,7 +81461,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.streamable,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerStreamable' */
-	      './Streamable-BhhnBO_c.js'
+	      './Streamable-B-JUOMxP.js'
 	    ); }).then(function (n) { return n.Streamable; }))
 	  },
 	  {
@@ -81463,7 +81470,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.wistia,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerWistia' */
-	      './Wistia-B93lpDSs.js'
+	      './Wistia-CH6tXv5E.js'
 	    ); }).then(function (n) { return n.Wistia; }))
 	  },
 	  {
@@ -81472,7 +81479,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.twitch,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerTwitch' */
-	      './Twitch-E9YQS4X8.js'
+	      './Twitch-DSAnP3JT.js'
 	    ); }).then(function (n) { return n.Twitch; }))
 	  },
 	  {
@@ -81481,7 +81488,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.dailymotion,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerDailyMotion' */
-	      './DailyMotion-C87ZJeRt.js'
+	      './DailyMotion-QLITiLX6.js'
 	    ); }).then(function (n) { return n.DailyMotion; }))
 	  },
 	  {
@@ -81490,7 +81497,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mixcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerMixcloud' */
-	      './Mixcloud-CAgtZPq5.js'
+	      './Mixcloud-D7KPYi8f.js'
 	    ); }).then(function (n) { return n.Mixcloud; }))
 	  },
 	  {
@@ -81499,7 +81506,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vidyard,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerVidyard' */
-	      './Vidyard-B3v7M2i3.js'
+	      './Vidyard-BFd5mrx4.js'
 	    ); }).then(function (n) { return n.Vidyard; }))
 	  },
 	  {
@@ -81508,7 +81515,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.kaltura,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerKaltura' */
-	      './Kaltura-CKV92aVd.js'
+	      './Kaltura-uXGe7isE.js'
 	    ); }).then(function (n) { return n.Kaltura; }))
 	  },
 	  {
@@ -81520,7 +81527,7 @@ function requirePlayers () {
 	    },
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerFilePlayer' */
-	      './FilePlayer-BTuFK59w.js'
+	      './FilePlayer-YziZ0BSF.js'
 	    ); }).then(function (n) { return n.FilePlayer; }))
 	  }
 	];
@@ -82341,7 +82348,7 @@ function requireReactPlayer () {
 	var import_Player = __toESM(/*@__PURE__*/ requirePlayer());
 	const Preview = (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	  /* webpackChunkName: 'reactPlayerPreview' */
-	  './Preview-DSBoVsm9.js'
+	  './Preview-C-BGR8lx.js'
 	); }).then(function (n) { return n.Preview; }));
 	const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined";
 	const IS_GLOBAL = typeof commonjsGlobal !== "undefined" && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -82597,15 +82604,17 @@ var StyledVolumeSlider = dt.input(templateObject_4$1 || (templateObject_4$1 = __
 });
 var StyledControllerLeft = dt.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n"])));
 var StyledControllerRight = dt.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n\n  .skip-icon-disabled {\n    cursor: default;\n\n    & > path {\n      fill: var(--level-dark-300);\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n\n  .skip-icon-disabled {\n    cursor: default;\n\n    & > path {\n      fill: var(--level-dark-300);\n    }\n  }\n"])));
-var StyledTimeTrack = dt.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: var(--neutral-colors-light);\n  ", "\n  text-align: right;\n  white-space: nowrap;\n"], ["\n  color: var(--neutral-colors-light);\n  ", "\n  text-align: right;\n  white-space: nowrap;\n"])), {
+var StyledTimeTrack = dt.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: #FFFFFF;\n  ", "\n  text-align: right;\n  white-space: nowrap;\n"], ["\n  color: #FFFFFF;\n  ", "\n  text-align: right;\n  white-space: nowrap;\n"])), {
   fontStyle: 'descriptor'
 });
-var StyledHeartIconContainer = dt.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > svg > path {\n    fill: var(--neutral-colors-light);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > svg > path {\n    fill: var(--neutral-colors-light);\n  }\n"])));
-var StyledSubtitlesIconContainer = dt.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-var StyledFullscreenIconContainer = dt.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"])));
-var StyledVolumeIconContainer = dt.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"])));
-var StyledPlayPauseIconContainer = dt.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"])));
-var templateObject_1$8, templateObject_2$6, templateObject_3$3, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+var StyledHeartIconContainer = dt.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"])));
+var StyledDownloadIconContainer = dt.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\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\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\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\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"])));
+var StyledSubtitlesIconContainer = dt.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"])));
+var StyledFullscreenIconContainer = dt.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"])));
+var StyledVolumeIconContainer = dt.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"])));
+var StyledPlayPauseIconContainer = dt.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"])));
+var StyledRewindIconContainer = dt.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"])));
+var templateObject_1$8, templateObject_2$6, templateObject_3$3, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
 
 var PLAYBACK_SPEED_LIST = [{
   label: 'playback_speed.2x',
@@ -82819,7 +82828,60 @@ var Controls = function Controls(_a) {
     handleSkipForward = _a.handleSkipForward,
     isNextVideo = _a.isNextVideo,
     isPreviousVideo = _a.isPreviousVideo,
-    showFavorite = _a.showFavorite;
+    showFavorite = _a.showFavorite,
+    showDownload = _a.showDownload,
+    downloadUrl = _a.downloadUrl,
+    downloadFileName = _a.downloadFileName,
+    onDownload = _a.onDownload;
+  var handleDownloadClick = function handleDownloadClick() {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var response, blob, blobUrl, link, error_1, link;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!onDownload) return [3 /*break*/, 1];
+            onDownload();
+            return [3 /*break*/, 6];
+          case 1:
+            if (!downloadUrl) return [3 /*break*/, 6];
+            _a.label = 2;
+          case 2:
+            _a.trys.push([2, 5,, 6]);
+            return [4 /*yield*/, fetch(downloadUrl)];
+          case 3:
+            response = _a.sent();
+            if (!response.ok) throw new Error('Download failed');
+            return [4 /*yield*/, response.blob()];
+          case 4:
+            blob = _a.sent();
+            blobUrl = window.URL.createObjectURL(blob);
+            link = document.createElement('a');
+            link.href = blobUrl;
+            link.download = downloadFileName || 'video-download';
+            link.style.display = 'none';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            // Clean up blob URL
+            window.URL.revokeObjectURL(blobUrl);
+            return [3 /*break*/, 6];
+          case 5:
+            error_1 = _a.sent();
+            console.error('Download failed:', error_1);
+            link = document.createElement('a');
+            link.href = downloadUrl;
+            link.download = downloadFileName || 'video-download';
+            link.style.display = 'none';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            return [3 /*break*/, 6];
+          case 6:
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
   return jsxRuntimeExports.jsxs(StyledControls, {
     children: [jsxRuntimeExports.jsx(StyledSlider, {
       type: 'range',
@@ -82830,18 +82892,34 @@ var Controls = function Controls(_a) {
       onChange: seekHandler,
       onMouseUp: seekMouseUpHandler
     }), jsxRuntimeExports.jsxs(StyledControllerLeft, {
-      children: [jsxRuntimeExports.jsx(StyledPlayPauseIconContainer, {
-        onClick: playPauseHandler,
-        children: playing ? jsxRuntimeExports.jsx(PauseIcon, {}) : jsxRuntimeExports.jsx(PlayIcon, {})
-      }), jsxRuntimeExports.jsx(RewindIcon, {
-        onClick: rewindHandler
-      }), jsxRuntimeExports.jsx(RewindIcon, {
-        forward: true,
-        onClick: handleFastForward
+      children: [jsxRuntimeExports.jsx(CustomTooltip, {
+        title: playing ? 'Pause' : 'Play',
+        children: jsxRuntimeExports.jsx(StyledPlayPauseIconContainer, {
+          onClick: playPauseHandler,
+          children: playing ? jsxRuntimeExports.jsx(PauseIcon, {}) : jsxRuntimeExports.jsx(PlayIcon, {})
+        })
+      }), jsxRuntimeExports.jsx(CustomTooltip, {
+        title: "Rewind 10 seconds",
+        children: jsxRuntimeExports.jsx(StyledRewindIconContainer, {
+          children: jsxRuntimeExports.jsx(RewindIcon, {
+            onClick: rewindHandler
+          })
+        })
+      }), jsxRuntimeExports.jsx(CustomTooltip, {
+        title: "Forward 10 seconds",
+        children: jsxRuntimeExports.jsx(StyledRewindIconContainer, {
+          children: jsxRuntimeExports.jsx(RewindIcon, {
+            forward: true,
+            onClick: handleFastForward
+          })
+        })
       }), jsxRuntimeExports.jsxs(StyledVolumeWrapper, {
-        children: [jsxRuntimeExports.jsx(StyledVolumeIconContainer, {
-          onClick: muteHandler,
-          children: muted ? jsxRuntimeExports.jsx(VolumeMuteIcon, {}) : jsxRuntimeExports.jsx(VolumeUpIcon, {})
+        children: [jsxRuntimeExports.jsx(CustomTooltip, {
+          title: muted ? 'Unmute' : 'Mute',
+          children: jsxRuntimeExports.jsx(StyledVolumeIconContainer, {
+            onClick: muteHandler,
+            children: muted ? jsxRuntimeExports.jsx(VolumeMuteIcon, {}) : jsxRuntimeExports.jsx(VolumeUpIcon, {})
+          })
         }), jsxRuntimeExports.jsx(StyledVolumeSlider, {
           type: 'range',
           value: volume * 100,
@@ -82851,23 +82929,39 @@ var Controls = function Controls(_a) {
         children: [formatCurrentTime, " /", formatDuration]
       })]
     }), jsxRuntimeExports.jsxs(StyledControllerRight, {
-      children: [handleSkipBackward && jsxRuntimeExports.jsx(SkipIcon, {
-        onClick: function onClick() {
-          if (!isPreviousVideo) return;
-          handleSkipBackward();
-        },
-        className: isPreviousVideo ? '' : 'skip-icon-disabled'
-      }), handleSkipForward && jsxRuntimeExports.jsx(SkipIcon, {
-        forward: true,
-        onClick: function onClick() {
-          if (!isNextVideo) return;
-          handleSkipForward();
-        },
-        className: isNextVideo ? '' : 'skip-icon-disabled'
-      }), showFavorite && jsxRuntimeExports.jsx(StyledHeartIconContainer, {
-        children: jsxRuntimeExports.jsx(HeartIcon, {
-          active: isFavorite,
-          onClick: toggleIsFavorite
+      children: [handleSkipBackward && jsxRuntimeExports.jsx(CustomTooltip, {
+        title: "Previous video",
+        children: jsxRuntimeExports.jsx(SkipIcon, {
+          onClick: function onClick() {
+            if (!isPreviousVideo) return;
+            handleSkipBackward();
+          },
+          className: isPreviousVideo ? '' : 'skip-icon-disabled'
+        })
+      }), handleSkipForward && jsxRuntimeExports.jsx(CustomTooltip, {
+        title: "Next video",
+        children: jsxRuntimeExports.jsx(SkipIcon, {
+          forward: true,
+          onClick: function onClick() {
+            if (!isNextVideo) return;
+            handleSkipForward();
+          },
+          className: isNextVideo ? '' : 'skip-icon-disabled'
+        })
+      }), showFavorite && jsxRuntimeExports.jsx(CustomTooltip, {
+        title: isFavorite ? 'Remove from favorites' : 'Add to favorites',
+        children: jsxRuntimeExports.jsx(StyledHeartIconContainer, {
+          children: jsxRuntimeExports.jsx(HeartIcon, {
+            active: isFavorite,
+            onClick: toggleIsFavorite
+          })
+        })
+      }), showDownload && downloadUrl && jsxRuntimeExports.jsx(CustomTooltip, {
+        title: "Download video",
+        children: jsxRuntimeExports.jsx(StyledDownloadIconContainer, {
+          children: jsxRuntimeExports.jsx(DownloadIcon, {
+            onClick: handleDownloadClick
+          })
         })
       }), jsxRuntimeExports.jsx(PlaybackSpeedMenu, {
         playbackSpeed: playbackRate,
@@ -82885,14 +82979,20 @@ var Controls = function Controls(_a) {
           right: '8px',
           left: 'auto'
         }
-      }), subtitle && jsxRuntimeExports.jsx(StyledSubtitlesIconContainer, {
-        children: jsxRuntimeExports.jsx(SubtitlesIcon, {
-          active: isSubtitlesChecked,
-          onClick: toggleSubtitlesCheck
+      }), subtitle && jsxRuntimeExports.jsx(CustomTooltip, {
+        title: isSubtitlesChecked ? 'Hide subtitles' : 'Show subtitles',
+        children: jsxRuntimeExports.jsx(StyledSubtitlesIconContainer, {
+          children: jsxRuntimeExports.jsx(SubtitlesIcon, {
+            active: isSubtitlesChecked,
+            onClick: toggleSubtitlesCheck
+          })
+        })
+      }), jsxRuntimeExports.jsx(CustomTooltip, {
+        title: isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen',
+        children: jsxRuntimeExports.jsx(StyledFullscreenIconContainer, {
+          onClick: handleFullScreen,
+          children: isFullscreen ? jsxRuntimeExports.jsx(MinimizeIcon, {}) : jsxRuntimeExports.jsx(MaximizeIcon, {})
         })
-      }), jsxRuntimeExports.jsx(StyledFullscreenIconContainer, {
-        onClick: handleFullScreen,
-        children: isFullscreen ? jsxRuntimeExports.jsx(MinimizeIcon, {}) : jsxRuntimeExports.jsx(MaximizeIcon, {})
       })]
     })]
   });
@@ -89137,7 +89237,11 @@ var VideoPlayer = function VideoPlayer(_a) {
           return [2 /*return*/];
         });
       });
-    } : _h;
+    } : _h,
+    showDownload = _a.showDownload,
+    downloadUrl = _a.downloadUrl,
+    downloadFileName = _a.downloadFileName,
+    onDownload = _a.onDownload;
   var videoRef = React.useRef(null);
   var _j = usePlayerControls({
       startTime: startTime,
@@ -89289,7 +89393,11 @@ var VideoPlayer = function VideoPlayer(_a) {
         handleSkipForward: handleNextVideo,
         isNextVideo: isNextVideo,
         isPreviousVideo: isPreviousVideo,
-        showFavorite: showFavorite
+        showFavorite: showFavorite,
+        showDownload: showDownload,
+        downloadUrl: downloadUrl,
+        downloadFileName: downloadFileName,
+        onDownload: onDownload
       })
     })]
   });

package/dist/components/index.esm.js

@@ -1,3 +1,3 @@
-export { A as AudioPlayer, k as Badge, h as Breadcrumb, B as Button, e as Checkbox, j as ColorPicker, o as ColumnNavigation, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, d as DatePicker, u as DrawerTips, D as DropDown, G as GridActionMenu, L as Loader, N as NavigationBar, f as Pagination, P as PhoneCountryCode, R as RadioButton, v as RangeSlider, S as SearchInput, n as SplashScreen, p as StatusIndicator, s as TabNavigation, q as TabPanel, b as ThemeProvider, i as Tile, l as TooltipHeight, T as TranslationProvider, U as Uploader, V as VideoPlayer, t as activeTabClassName } from './index-CyUx723z.esm.js';
+export { A as AudioPlayer, k as Badge, h as Breadcrumb, B as Button, e as Checkbox, j as ColorPicker, o as ColumnNavigation, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, d as DatePicker, u as DrawerTips, D as DropDown, G as GridActionMenu, L as Loader, N as NavigationBar, f as Pagination, P as PhoneCountryCode, R as RadioButton, v as RangeSlider, S as SearchInput, n as SplashScreen, p as StatusIndicator, s as TabNavigation, q as TabPanel, b as ThemeProvider, i as Tile, l as TooltipHeight, T as TranslationProvider, U as Uploader, V as VideoPlayer, t as activeTabClassName } from './index-7zJZUuRi.esm.js';
 import 'react';
 import 'react-dom';

package/dist/icons/DownloadIcon.js

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 export var DownloadIcon = forwardRef(function (_a, ref) {
-    var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M19.5 18V21H4.5V18H3V21C3 21.3978 3.15804 21.7794 3.43934 22.0607C3.72064 22.342 4.10218 22.5 4.5 22.5H19.5C19.8978 22.5 20.2794 22.342 20.5607 22.0607C20.842 21.7794 21 21.3978 21 21V18H19.5Z', fill: '#020210' }), _jsx("path", { d: 'M19.5 10.5L18.4425 9.4425L12.75 15.1275V1.5H11.25V15.1275L5.5575 9.4425L4.5 10.5L12 18L19.5 10.5Z', fill: '#020210' })] })));
+    var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? '#FFFFFF' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
+    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M19.5 18V21H4.5V18H3V21C3 21.3978 3.15804 21.7794 3.43934 22.0607C3.72064 22.342 4.10218 22.5 4.5 22.5H19.5C19.8978 22.5 20.2794 22.342 20.5607 22.0607C20.842 21.7794 21 21.3978 21 21V18H19.5Z', fill: fill }), _jsx("path", { d: 'M19.5 10.5L18.4425 9.4425L12.75 15.1275V1.5H11.25V15.1275L5.5575 9.4425L4.5 10.5L12 18L19.5 10.5Z', fill: fill })] })));
 });
 DownloadIcon.displayName = 'DownloadIcon';
 //# sourceMappingURL=DownloadIcon.js.map

package/dist/icons/DownloadIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadIcon.js","sourceRoot":"","sources":["../../src/icons/DownloadIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CACpC,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,kMAAkM,EACpM,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"DownloadIcon.js","sourceRoot":"","sources":["../../src/icons/DownloadIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CACpC,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,kMAAkM,EACpM,IAAI,EAAE,IAAI,GACV,EACF,eACE,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAE,IAAI,GACV,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/icons/VolumeUpIcon.js

@@ -20,11 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 export var VolumeUpIcon = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? '#68707A' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
-    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M0 0h24v24H0V0z', fill: 'none' }), _jsx("path", { d: 'M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z', fill: fill })] })));
+    return (_jsx("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z', fill: fill }) })));
 });
 VolumeUpIcon.displayName = 'VolumeUpIcon';
 //# sourceMappingURL=VolumeUpIcon.js.map

package/dist/icons/VolumeUpIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"VolumeUpIcon.js","sourceRoot":"","sources":["../../src/icons/VolumeUpIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CACpC,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,EACxC,eACE,CAAC,EAAC,0OAA0O,EAC5O,IAAI,EAAE,IAAI,GACV,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"VolumeUpIcon.js","sourceRoot":"","sources":["../../src/icons/VolumeUpIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CACpC,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,0OAA0O,EAC5O,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/icons/components/Pagination/Pagination.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { IPaginationV2Props } from './pagination.interface';
-export declare const Pagination: ({ currentPage, totalPages, handleChange, perPage, handlePerPageChange, }: IPaginationV2Props) => ReactElement;
+export declare const Pagination: ({ currentPage, totalPages, handleChange, perPage, themeColor, handlePerPageChange, }: IPaginationV2Props) => ReactElement;

package/dist/icons/components/Pagination/pagination.interface.d.ts

@@ -4,6 +4,7 @@ export interface IPaginationV2Props {
     currentPage: number;
     totalPages: number;
     perPage?: number;
+    themeColor?: string;
     handleChange: (event: ChangeEvent<unknown>, value: number) => void;
     handlePerPageChange?: (event: SelectChangeEvent<number>, child: ReactNode) => void;
 }

package/dist/icons/components/Pagination/styled-components.d.ts

@@ -1 +1,3 @@
-export declare const PaginationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PaginationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $themeColor?: string;
+}>> & string;

package/dist/icons/components/VideoPlayer/Controls/Controls.interface.d.ts

@@ -29,4 +29,8 @@ export interface ControlsProps {
     isNextVideo?: boolean;
     isPreviousVideo?: boolean;
     showFavorite?: boolean;
+    showDownload?: boolean;
+    downloadUrl?: string;
+    downloadFileName?: string;
+    onDownload?: () => void;
 }

package/dist/icons/components/VideoPlayer/Controls/Controls.styles.d.ts

@@ -9,8 +9,10 @@ export declare const StyledControllerLeft: import("styled-components/dist/types"
 export declare const StyledControllerRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledTimeTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledHeartIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDownloadIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledSubtitlesIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledFullscreenIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledVolumeIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledPlayPauseIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledRewindIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};