softbuilders-react-video-player 1.3.17 → 1.3.19

package/dist/components/icons/SubIcon.tsx

@@ -1,27 +1,27 @@
-import type { SVGProps } from "react";
-const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="none"
-    viewBox="0 0 15 15"
-    {...props}
-  >
-    <path
-      stroke="#D1D5DB"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M1.25 7.5c0-2.487 0-3.731.658-4.561q.159-.2.346-.367c.785-.697 1.96-.697 4.309-.697h1.875c2.349 0 3.523 0 4.307.697q.19.168.347.367c.658.83.658 2.074.658 4.561s0 3.731-.658 4.561q-.157.2-.347.367c-.784.697-1.957.697-4.307.697H6.562c-2.349 0-3.523 0-4.308-.697a3 3 0 0 1-.346-.367c-.658-.83-.658-2.073-.658-4.561"
-    />
-    <path
-      stroke="#D1D5DB"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M6.563 5.625H6.25c-.582 0-.874 0-1.103.095a1.25 1.25 0 0 0-.677.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .677.677c.23.095.52.095 1.103.095h.313m4.062-3.75h-.312c-.583 0-.874 0-1.104.095a1.25 1.25 0 0 0-.676.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .676.677c.23.095.521.095 1.104.095h.312"
-    />
-  </svg>
-);
-export default SvgSubIcon;
+import type { SVGProps } from "react";
+const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 15 15"
+    {...props}
+  >
+    <path
+      stroke="#D1D5DB"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M1.25 7.5c0-2.487 0-3.731.658-4.561q.159-.2.346-.367c.785-.697 1.96-.697 4.309-.697h1.875c2.349 0 3.523 0 4.307.697q.19.168.347.367c.658.83.658 2.074.658 4.561s0 3.731-.658 4.561q-.157.2-.347.367c-.784.697-1.957.697-4.307.697H6.562c-2.349 0-3.523 0-4.308-.697a3 3 0 0 1-.346-.367c-.658-.83-.658-2.073-.658-4.561"
+    />
+    <path
+      stroke="#D1D5DB"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M6.563 5.625H6.25c-.582 0-.874 0-1.103.095a1.25 1.25 0 0 0-.677.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .677.677c.23.095.52.095 1.103.095h.313m4.062-3.75h-.312c-.583 0-.874 0-1.104.095a1.25 1.25 0 0 0-.676.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .676.677c.23.095.521.095 1.104.095h.312"
+    />
+  </svg>
+);
+export default SvgSubIcon;

package/dist/components/icons/SubtitlesIcon.tsx

@@ -1,14 +1,14 @@
-import type { SVGProps } from "react";
-const SvgSubtitlesIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" {...props}>
-    <path
-      fill="#FFF"
-      d="m78.649 64.733 4.772-.014c4.355-.012 8.711-.012 13.067-.01 4.703 0 9.407-.01 14.11-.02q13.815-.023 27.629-.023 11.23-.001 22.463-.012 31.861-.026 63.724-.025h6.94c18.57.001 37.138-.018 55.707-.046q28.618-.043 57.235-.04c10.706 0 21.413-.006 32.119-.027q13.673-.028 27.347-.009c4.647.006 9.295.007 13.943-.01q6.39-.024 12.783.004 2.303.005 4.605-.012c17.985-.122 33.209 4.858 46.137 17.55 8.927 9.239 14.882 21.979 14.901 34.934l.012 2.976-.003 3.246.01 3.467q.01 5.763.011 11.526l.015 8.254q.02 11.222.024 22.445l.012 14.022q.019 19.423.026 38.845v5.027l.002 5.048v2.53q.009 20.274.046 40.55.035 20.83.037 41.661-.001 11.69.025 23.38.023 9.956.012 19.913-.006 5.075.011 10.15c.013 3.677.007 7.353-.004 11.03l.025 3.206c-.1 15.234-5.618 28.587-16.181 39.571L478 426l-1.71 1.742c-12.91 12.154-30.359 13.722-47.23 13.639q-2.341.005-4.684.014c-4.25.013-8.502.007-12.753-.003-4.6-.007-9.2.004-13.8.012-8.996.013-17.991.01-26.987.002a15973 15973 0 0 0-25.105-.003q-3.18 0-6.358.003c-19.85.008-39.7-.002-59.55-.018a31884 31884 0 0 0-51.037.003 46445 46445 0 0 1-65.678.01l-3.148-.001q-10.951-.003-21.904.009-13.356.013-26.712-.01c-4.539-.008-9.077-.011-13.616-.001q-6.243.013-12.487-.012a631 631 0 0 0-4.493.006c-19.337.087-36.076-3.874-50.342-17.72-11.99-13.314-15.732-28.763-15.667-46.265l-.011-3.376c-.01-3.706-.007-7.412-.003-11.118q-.007-4.003-.015-8.006-.018-9.72-.012-19.439.002-7.905-.005-15.812l-.001-2.28-.004-4.584q-.014-21.467-.003-42.935c.006-13.068-.006-26.137-.025-39.205q-.03-20.168-.024-40.336.005-11.307-.014-22.614-.019-9.625-.002-19.252.01-4.903-.005-9.806c-.063-21.392.482-40.17 16.182-56.468L33 80l1.64-1.707C46.883 66.577 62.55 64.697 78.65 64.733M57 111c-3.615 5.55-3.427 10.594-3.394 16.994l-.019 3.364c-.017 3.722-.012 7.443-.007 11.165q-.01 4.002-.026 8.003c-.02 6.495-.025 12.99-.023 19.485a9577 9577 0 0 1-.017 20.405l-.003 2.295c-.019 14.32-.018 28.641-.01 42.961.005 13.096-.016 26.191-.05 39.287q-.05 20.178-.043 40.355c.002 7.55-.003 15.1-.028 22.65q-.033 9.641-.006 19.283.016 4.917-.01 9.834c-.019 3.558-.006 7.114.015 10.671l-.038 3.124c.093 7.623 1.84 12.297 7.234 17.703 6.322 4.896 14.068 4.11 21.659 4.042q2.337.007 4.673.02c4.269.017 8.537.003 12.806-.017 4.608-.015 9.216-.002 13.824.008 9.023.015 18.044.002 27.067-.02 10.505-.023 21.01-.021 31.516-.019 18.742.004 37.484-.017 56.226-.051q27.285-.05 54.569-.041 29.71.012 59.42-.015l3.173-.004 6.31-.006q10.986-.009 21.973-.006 13.386.003 26.77-.032c4.554-.012 9.107-.019 13.66-.013q6.252.006 12.502-.023 2.264-.008 4.526.001c2.05.007 4.098-.004 6.147-.02l3.45-.005c6.13-.735 10.246-3.731 14.154-8.378 3.27-6.025 3.426-11.188 3.381-17.962l.014-3.318c.012-3.663.003-7.326-.007-10.99q.007-3.942.016-7.885c.013-6.395.01-12.79.002-19.185a8074 8074 0 0 1-.003-17.841q0-2.258.003-4.514c.008-14.102-.002-28.204-.018-42.306q-.018-18.139.003-36.278a23436 23436 0 0 0 .01-46.65l-.001-2.235q-.003-7.785.009-15.572.014-10.484-.015-20.972-.006-3.847.004-7.696c.008-3.502-.002-7.004-.017-10.507l.02-3.075c-.055-6.664-.708-12.636-5.014-18.037l-1.7-1.352-1.675-1.398c-4.658-2.84-9.18-3.477-14.556-3.481-1.96-.01-1.96-.01-3.96-.018l-4.33.011-4.617-.011c-4.226-.01-8.452-.008-12.677-.004-4.559.002-9.117-.007-13.675-.014q-13.395-.018-26.788-.012a26146 26146 0 0 1-31.19-.01q-29.507-.013-59.014-.003c-18.001.006-36.002-.006-54.003-.025q-27.72-.03-55.438-.024c-10.376.002-20.753 0-31.13-.014q-13.248-.019-26.498-.002-6.76.011-13.521-.005-6.189-.015-12.378.007-2.239.004-4.478-.008c-10.356-.052-17.722-.02-24.759 8.386"
-    />
-    <path
-      fill="#FFF"
-      d="M211.594 166.027C225.564 177.95 232.89 192.341 237 210v15h-38l-2-12c-3.428-9.924-9.002-16.527-18.25-21.375-8.317-3.952-19.394-4.22-28.062-1.187C141.226 194.932 134.624 202.24 131 212c-1.17 3.683-1.154 7.207-1.193 11.057l-.025 2.13q-.035 3.484-.055 6.97l-.017 2.417q-.039 6.342-.06 12.685-.02 5.22-.082 10.44c-.05 4.218-.074 8.437-.081 12.657a438 438 0 0 1-.046 4.793c-.172 12.03 1.188 23.276 9.907 32.394 7.225 6.372 16.431 10.19 26.16 9.809 8.312-1.173 15.45-3.473 21.492-9.352h2l.75-1.625c1.25-2.375 1.25-2.375 3.188-5 4.139-6.774 5.081-13.528 6.062-21.375h38c0 21.963-4.801 38.798-20.363 54.422L214 337l-1.918 2.016c-13.517 13.248-32.973 17.296-51.127 17.296-18.978-.262-36.43-7.932-49.955-21.312-16.343-18.293-21.143-37.855-21.203-61.969l-.009-2.324q-.022-6.097-.028-12.193c-.006-4.15-.03-8.301-.058-12.451a1811 1811 0 0 1-.026-9.7q-.004-2.29-.024-4.582c-.185-22.871 5.05-43.382 21.063-60.465 27.59-27.967 70.078-29.363 100.879-5.289M391 162.5a300 300 0 0 1 4 3.5l2 1.54c13.042 10.34 22.013 28.145 24 44.46v13h-38l-3-14c-4.092-9.822-9.492-15.253-19-20-8.913-3.553-18.759-3.316-27.625.25-9.012 4.09-14.51 10.719-18.187 19.813-2.989 7.986-2.348 17.084-2.356 25.457l-.01 3.922q-.009 4.095-.007 8.192c0 3.47-.014 6.939-.031 10.408-.014 3.347-.013 6.693-.014 10.04l-.022 3.729c.035 13.571 1.681 25.006 11.057 35.294 7.318 6.316 16.193 9.264 25.738 9.106 9.753-.837 18.156-5.38 24.77-12.524 5.983-7.59 7.067-14.967 8.687-24.687h38c0 20.87-4.852 37.261-19 53l-1.57 1.852c-10.837 11.926-28.103 20.027-44.063 21.37-21.875.91-40.916-3.117-57.91-17.921-13.741-12.868-23.846-30.701-24.597-49.89a557 557 0 0 1-.021-4.03l-.015-2.24q-.021-3.648-.027-7.297l-.009-2.538q-.022-6.658-.028-13.315c-.006-4.547-.03-9.095-.058-13.642a2163 2163 0 0 1-.026-10.584q-.004-2.512-.024-5.023c-.175-23.795 5.888-42.815 22.536-60.43C321.02 145.335 363.02 141.156 391 162.5"
-    />
-  </svg>
-);
-export default SvgSubtitlesIcon;
+import type { SVGProps } from "react";
+const SvgSubtitlesIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" {...props}>
+    <path
+      fill="#FFF"
+      d="m78.649 64.733 4.772-.014c4.355-.012 8.711-.012 13.067-.01 4.703 0 9.407-.01 14.11-.02q13.815-.023 27.629-.023 11.23-.001 22.463-.012 31.861-.026 63.724-.025h6.94c18.57.001 37.138-.018 55.707-.046q28.618-.043 57.235-.04c10.706 0 21.413-.006 32.119-.027q13.673-.028 27.347-.009c4.647.006 9.295.007 13.943-.01q6.39-.024 12.783.004 2.303.005 4.605-.012c17.985-.122 33.209 4.858 46.137 17.55 8.927 9.239 14.882 21.979 14.901 34.934l.012 2.976-.003 3.246.01 3.467q.01 5.763.011 11.526l.015 8.254q.02 11.222.024 22.445l.012 14.022q.019 19.423.026 38.845v5.027l.002 5.048v2.53q.009 20.274.046 40.55.035 20.83.037 41.661-.001 11.69.025 23.38.023 9.956.012 19.913-.006 5.075.011 10.15c.013 3.677.007 7.353-.004 11.03l.025 3.206c-.1 15.234-5.618 28.587-16.181 39.571L478 426l-1.71 1.742c-12.91 12.154-30.359 13.722-47.23 13.639q-2.341.005-4.684.014c-4.25.013-8.502.007-12.753-.003-4.6-.007-9.2.004-13.8.012-8.996.013-17.991.01-26.987.002a15973 15973 0 0 0-25.105-.003q-3.18 0-6.358.003c-19.85.008-39.7-.002-59.55-.018a31884 31884 0 0 0-51.037.003 46445 46445 0 0 1-65.678.01l-3.148-.001q-10.951-.003-21.904.009-13.356.013-26.712-.01c-4.539-.008-9.077-.011-13.616-.001q-6.243.013-12.487-.012a631 631 0 0 0-4.493.006c-19.337.087-36.076-3.874-50.342-17.72-11.99-13.314-15.732-28.763-15.667-46.265l-.011-3.376c-.01-3.706-.007-7.412-.003-11.118q-.007-4.003-.015-8.006-.018-9.72-.012-19.439.002-7.905-.005-15.812l-.001-2.28-.004-4.584q-.014-21.467-.003-42.935c.006-13.068-.006-26.137-.025-39.205q-.03-20.168-.024-40.336.005-11.307-.014-22.614-.019-9.625-.002-19.252.01-4.903-.005-9.806c-.063-21.392.482-40.17 16.182-56.468L33 80l1.64-1.707C46.883 66.577 62.55 64.697 78.65 64.733M57 111c-3.615 5.55-3.427 10.594-3.394 16.994l-.019 3.364c-.017 3.722-.012 7.443-.007 11.165q-.01 4.002-.026 8.003c-.02 6.495-.025 12.99-.023 19.485a9577 9577 0 0 1-.017 20.405l-.003 2.295c-.019 14.32-.018 28.641-.01 42.961.005 13.096-.016 26.191-.05 39.287q-.05 20.178-.043 40.355c.002 7.55-.003 15.1-.028 22.65q-.033 9.641-.006 19.283.016 4.917-.01 9.834c-.019 3.558-.006 7.114.015 10.671l-.038 3.124c.093 7.623 1.84 12.297 7.234 17.703 6.322 4.896 14.068 4.11 21.659 4.042q2.337.007 4.673.02c4.269.017 8.537.003 12.806-.017 4.608-.015 9.216-.002 13.824.008 9.023.015 18.044.002 27.067-.02 10.505-.023 21.01-.021 31.516-.019 18.742.004 37.484-.017 56.226-.051q27.285-.05 54.569-.041 29.71.012 59.42-.015l3.173-.004 6.31-.006q10.986-.009 21.973-.006 13.386.003 26.77-.032c4.554-.012 9.107-.019 13.66-.013q6.252.006 12.502-.023 2.264-.008 4.526.001c2.05.007 4.098-.004 6.147-.02l3.45-.005c6.13-.735 10.246-3.731 14.154-8.378 3.27-6.025 3.426-11.188 3.381-17.962l.014-3.318c.012-3.663.003-7.326-.007-10.99q.007-3.942.016-7.885c.013-6.395.01-12.79.002-19.185a8074 8074 0 0 1-.003-17.841q0-2.258.003-4.514c.008-14.102-.002-28.204-.018-42.306q-.018-18.139.003-36.278a23436 23436 0 0 0 .01-46.65l-.001-2.235q-.003-7.785.009-15.572.014-10.484-.015-20.972-.006-3.847.004-7.696c.008-3.502-.002-7.004-.017-10.507l.02-3.075c-.055-6.664-.708-12.636-5.014-18.037l-1.7-1.352-1.675-1.398c-4.658-2.84-9.18-3.477-14.556-3.481-1.96-.01-1.96-.01-3.96-.018l-4.33.011-4.617-.011c-4.226-.01-8.452-.008-12.677-.004-4.559.002-9.117-.007-13.675-.014q-13.395-.018-26.788-.012a26146 26146 0 0 1-31.19-.01q-29.507-.013-59.014-.003c-18.001.006-36.002-.006-54.003-.025q-27.72-.03-55.438-.024c-10.376.002-20.753 0-31.13-.014q-13.248-.019-26.498-.002-6.76.011-13.521-.005-6.189-.015-12.378.007-2.239.004-4.478-.008c-10.356-.052-17.722-.02-24.759 8.386"
+    />
+    <path
+      fill="#FFF"
+      d="M211.594 166.027C225.564 177.95 232.89 192.341 237 210v15h-38l-2-12c-3.428-9.924-9.002-16.527-18.25-21.375-8.317-3.952-19.394-4.22-28.062-1.187C141.226 194.932 134.624 202.24 131 212c-1.17 3.683-1.154 7.207-1.193 11.057l-.025 2.13q-.035 3.484-.055 6.97l-.017 2.417q-.039 6.342-.06 12.685-.02 5.22-.082 10.44c-.05 4.218-.074 8.437-.081 12.657a438 438 0 0 1-.046 4.793c-.172 12.03 1.188 23.276 9.907 32.394 7.225 6.372 16.431 10.19 26.16 9.809 8.312-1.173 15.45-3.473 21.492-9.352h2l.75-1.625c1.25-2.375 1.25-2.375 3.188-5 4.139-6.774 5.081-13.528 6.062-21.375h38c0 21.963-4.801 38.798-20.363 54.422L214 337l-1.918 2.016c-13.517 13.248-32.973 17.296-51.127 17.296-18.978-.262-36.43-7.932-49.955-21.312-16.343-18.293-21.143-37.855-21.203-61.969l-.009-2.324q-.022-6.097-.028-12.193c-.006-4.15-.03-8.301-.058-12.451a1811 1811 0 0 1-.026-9.7q-.004-2.29-.024-4.582c-.185-22.871 5.05-43.382 21.063-60.465 27.59-27.967 70.078-29.363 100.879-5.289M391 162.5a300 300 0 0 1 4 3.5l2 1.54c13.042 10.34 22.013 28.145 24 44.46v13h-38l-3-14c-4.092-9.822-9.492-15.253-19-20-8.913-3.553-18.759-3.316-27.625.25-9.012 4.09-14.51 10.719-18.187 19.813-2.989 7.986-2.348 17.084-2.356 25.457l-.01 3.922q-.009 4.095-.007 8.192c0 3.47-.014 6.939-.031 10.408-.014 3.347-.013 6.693-.014 10.04l-.022 3.729c.035 13.571 1.681 25.006 11.057 35.294 7.318 6.316 16.193 9.264 25.738 9.106 9.753-.837 18.156-5.38 24.77-12.524 5.983-7.59 7.067-14.967 8.687-24.687h38c0 20.87-4.852 37.261-19 53l-1.57 1.852c-10.837 11.926-28.103 20.027-44.063 21.37-21.875.91-40.916-3.117-57.91-17.921-13.741-12.868-23.846-30.701-24.597-49.89a557 557 0 0 1-.021-4.03l-.015-2.24q-.021-3.648-.027-7.297l-.009-2.538q-.022-6.658-.028-13.315c-.006-4.547-.03-9.095-.058-13.642a2163 2163 0 0 1-.026-10.584q-.004-2.512-.024-5.023c-.175-23.795 5.888-42.815 22.536-60.43C321.02 145.335 363.02 141.156 391 162.5"
+    />
+  </svg>
+);
+export default SvgSubtitlesIcon;

package/dist/components/icons/UnmuteIcon.tsx

@@ -1,17 +1,17 @@
-import type { SVGProps } from "react";
-const SvgUnmuteIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="none"
-    viewBox="0 0 8 15"
-    {...props}
-  >
-    <path
-      fill="#FFF"
-      d="M7.659 14.275h-.001l-3.979-3.251a.16.16 0 0 0-.104-.035H2.252A1.33 1.33 0 0 1 .924 9.66V5.32A1.33 1.33 0 0 1 2.252 3.99h1.323a.16.16 0 0 0 .101-.035L7.66.725a.163.163 0 0 1 .265.126v13.297a.162.162 0 0 1-.264.127z"
-    />
-  </svg>
-);
-export default SvgUnmuteIcon;
+import type { SVGProps } from "react";
+const SvgUnmuteIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 8 15"
+    {...props}
+  >
+    <path
+      fill="#FFF"
+      d="M7.659 14.275h-.001l-3.979-3.251a.16.16 0 0 0-.104-.035H2.252A1.33 1.33 0 0 1 .924 9.66V5.32A1.33 1.33 0 0 1 2.252 3.99h1.323a.16.16 0 0 0 .101-.035L7.66.725a.163.163 0 0 1 .265.126v13.297a.162.162 0 0 1-.264.127z"
+    />
+  </svg>
+);
+export default SvgUnmuteIcon;

package/dist/components/icons/VolumeHigh.tsx

@@ -1,15 +1,15 @@
-import type { SVGProps } from "react";
-const SvgVolumeHigh = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="#fff"
-    viewBox="0 0 512 512"
-    {...props}
-  >
-    <path d="M264 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 288 119.83v272.34a24 24 0 0 1-24 24ZM352 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 352 336" />
-    <path d="M400 384a16 16 0 0 1-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 0 1 413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 0 1-13.88 8" />
-  </svg>
-);
-export default SvgVolumeHigh;
+import type { SVGProps } from "react";
+const SvgVolumeHigh = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="#fff"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <path d="M264 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 288 119.83v272.34a24 24 0 0 1-24 24ZM352 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 352 336" />
+    <path d="M400 384a16 16 0 0 1-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 0 1 413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 0 1-13.88 8" />
+  </svg>
+);
+export default SvgVolumeHigh;

package/dist/components/icons/VolumeLow.tsx

@@ -1,14 +1,14 @@
-import type { SVGProps } from "react";
-const SvgVolumeLow = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="#fff"
-    viewBox="0 0 512 512"
-    {...props}
-  >
-    <path d="M296 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 320 119.83v272.34a24 24 0 0 1-24 24ZM384 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 384 336" />
-  </svg>
-);
-export default SvgVolumeLow;
+import type { SVGProps } from "react";
+const SvgVolumeLow = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="#fff"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <path d="M296 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 320 119.83v272.34a24 24 0 0 1-24 24ZM384 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 384 336" />
+  </svg>
+);
+export default SvgVolumeLow;

package/dist/components/icons/VolumeMute.tsx

@@ -1,25 +1,25 @@
-import type { SVGProps } from "react";
-const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="#fff"
-    viewBox="0 0 512 512"
-    {...props}
-  >
-    <path
-      d="M416 432 64 80"
-      style={{
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeMiterlimit: 10,
-        strokeWidth: 32,
-      }}
-    />
-    <path d="M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71M251.33 335.29 96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3M352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256M416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256" />
-    <path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256" />
-  </svg>
-);
-export default SvgVolumeMute;
+import type { SVGProps } from "react";
+const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="#fff"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <path
+      d="M416 432 64 80"
+      style={{
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeMiterlimit: 10,
+        strokeWidth: 32,
+      }}
+    />
+    <path d="M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71M251.33 335.29 96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3M352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256M416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256" />
+    <path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256" />
+  </svg>
+);
+export default SvgVolumeMute;

package/dist/components/icons/VolumeVLow.tsx

@@ -1,14 +1,14 @@
-import type { SVGProps } from "react";
-const SvgVolumeVLow = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="#fff"
-    viewBox="0 0 512 512"
-    {...props}
-  >
-    <path d="M344 416a23.92 23.92 0 0 1-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 0 1-24-24V200.07a24 24 0 0 1 24-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 0 1 368 120v272a24 24 0 0 1-24 24" />
-  </svg>
-);
-export default SvgVolumeVLow;
+import type { SVGProps } from "react";
+const SvgVolumeVLow = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="#fff"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <path d="M344 416a23.92 23.92 0 0 1-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 0 1-24-24V200.07a24 24 0 0 1 24-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 0 1 368 120v272a24 24 0 0 1-24 24" />
+  </svg>
+);
+export default SvgVolumeVLow;

package/dist/components/icons/index.ts

@@ -1,20 +1,20 @@
-export { default as BackwardIcon } from "./BackwardIcon";
-export { default as CheckedIcon } from "./CheckedIcon";
-export { default as ClosedNoteIcon } from "./ClosedNoteIcon";
-export { default as ForwardIcon } from "./ForwardIcon";
-export { default as FullScreenIcon } from "./FullScreenIcon";
-export { default as LeftArrowIcon } from "./LeftArrowIcon";
-export { default as MuteIcon } from "./MuteIcon";
-export { default as NoteIcon } from "./NoteIcon";
-export { default as OpenNoteIcon } from "./OpenNoteIcon";
-export { default as PauseIcon } from "./PauseIcon";
-export { default as PlayIcon } from "./PlayIcon";
-export { default as SettingsIcon } from "./SettingsIcon";
-export { default as SkillamiIcon } from "./SkillamiIcon";
-export { default as SubIcon } from "./SubIcon";
-export { default as SubtitlesIcon } from "./SubtitlesIcon";
-export { default as UnmuteIcon } from "./UnmuteIcon";
-export { default as VolumeHigh } from "./VolumeHigh";
-export { default as VolumeLow } from "./VolumeLow";
-export { default as VolumeMute } from "./VolumeMute";
-export { default as VolumeVLow } from "./VolumeVLow";
+export { default as BackwardIcon } from "./BackwardIcon";
+export { default as CheckedIcon } from "./CheckedIcon";
+export { default as ClosedNoteIcon } from "./ClosedNoteIcon";
+export { default as ForwardIcon } from "./ForwardIcon";
+export { default as FullScreenIcon } from "./FullScreenIcon";
+export { default as LeftArrowIcon } from "./LeftArrowIcon";
+export { default as MuteIcon } from "./MuteIcon";
+export { default as NoteIcon } from "./NoteIcon";
+export { default as OpenNoteIcon } from "./OpenNoteIcon";
+export { default as PauseIcon } from "./PauseIcon";
+export { default as PlayIcon } from "./PlayIcon";
+export { default as SettingsIcon } from "./SettingsIcon";
+export { default as SkillamiIcon } from "./SkillamiIcon";
+export { default as SubIcon } from "./SubIcon";
+export { default as SubtitlesIcon } from "./SubtitlesIcon";
+export { default as UnmuteIcon } from "./UnmuteIcon";
+export { default as VolumeHigh } from "./VolumeHigh";
+export { default as VolumeLow } from "./VolumeLow";
+export { default as VolumeMute } from "./VolumeMute";
+export { default as VolumeVLow } from "./VolumeVLow";

package/dist/index.d.mts

@@ -57,7 +57,8 @@ type Props<T = any> = {
     videoId?: string;
     isTrailer?: boolean;
     height?: number;
+    token: string;
 };
-declare const SoftBuildersVideoPlayer: React$1.MemoExoticComponent<({ options, notes, chapters, startTime, handleSaveNoteAction, onPlay, onPause, isFocused, disableNote, childRef, bottomRedBar, noteButtonClick, videoId, isTrailer, height, }: Props<any>) => react_jsx_runtime.JSX.Element>;
+declare const SoftBuildersVideoPlayer: React$1.MemoExoticComponent<({ options, notes, chapters, startTime, handleSaveNoteAction, onPlay, onPause, isFocused, disableNote, childRef, bottomRedBar, noteButtonClick, videoId, isTrailer, height, token, }: Props<any>) => react_jsx_runtime.JSX.Element>;
 
 export { type SoftBuildersVideoPlayerChapter, type SoftBuildersVideoPlayerNote, type SoftBuildersVideoPlayerOptions, type SoftBuildersVideoPlayerSource, type SoftBuildersVideoPlayerTrack, SoftBuildersVideoPlayer as default };

package/dist/index.mjs

@@ -623,21 +623,20 @@ var VolumeSlider = ({
   const [volume, setVolume] = useState2(0);
   const [isClicked, setClicked] = useState2(false);
   const updateVolumeState = () => {
-    if (player && player != null) {
-      const currentVolume = (player == null ? void 0 : player.muted()) ? 0 : Number((player == null ? void 0 : player.volume()) || 0) * 100;
+    if (player && typeof player.muted === "function" && typeof player.volume === "function") {
+      const currentVolume = player.muted() ? 0 : Number(player.volume() || 0) * 100;
       setVolume(currentVolume);
     }
   };
   useEffect2(() => {
     if (player) {
       updateVolumeState();
-      player == null ? void 0 : player.on("volumechange", updateVolumeState);
+      const handleVolumeChange = () => updateVolumeState();
+      player.on("volumechange", handleVolumeChange);
+      return () => {
+        player.off("volumechange", handleVolumeChange);
+      };
     }
-    return () => {
-      if (player) {
-        player == null ? void 0 : player.off("volumechange", updateVolumeState);
-      }
-    };
   }, [player]);
   const handleVolumeSliderClick = (e) => {
     e.stopPropagation();
@@ -1370,10 +1369,12 @@ import { Fragment as Fragment2, jsx as jsx35 } from "react/jsx-runtime";
 var BufferTracker = () => {
   const { player, setDownloadedBufferTimeufferTime } = useSoftBuildersVideoPlayerContext();
   useEffect10(() => {
-    const intervalId = setInterval(() => {
-      if (player) setDownloadedBufferTimeufferTime(player == null ? void 0 : player.bufferedEnd());
-    }, 1e3);
-    return () => clearInterval(intervalId);
+    if (player && typeof player.bufferedEnd === "function") {
+      const intervalId = setInterval(() => {
+        if (player) setDownloadedBufferTimeufferTime(player == null ? void 0 : player.bufferedEnd());
+      }, 1e3);
+      return () => clearInterval(intervalId);
+    }
   }, [player]);
   return /* @__PURE__ */ jsx35(Fragment2, {});
 };
@@ -1385,10 +1386,12 @@ import { Fragment as Fragment3, jsx as jsx36 } from "react/jsx-runtime";
 var CurrentTimeTracker = () => {
   const { setCurrentTime, player } = useSoftBuildersVideoPlayerContext();
   useEffect11(() => {
-    const intervalId = setInterval(() => {
-      (player == null ? void 0 : player.currentTime) ? setCurrentTime((player == null ? void 0 : player.currentTime()) || 0) : setCurrentTime(0);
-    }, 500);
-    return () => clearInterval(intervalId);
+    if (player && typeof player.currentTime === "function") {
+      const intervalId = setInterval(() => {
+        player.currentTime ? setCurrentTime(Number(player.currentTime())) : setCurrentTime(0);
+      }, 500);
+      return () => clearInterval(intervalId);
+    }
   }, [player]);
   return /* @__PURE__ */ jsx36(Fragment3, {});
 };
@@ -1720,7 +1723,7 @@ var ControlBar = ({
         ) }),
         player && Array.isArray(player == null ? void 0 : player.currentSources()) == true && /* @ts-ignore */
         ((_a = player == null ? void 0 : player.currentSources()) == null ? void 0 : _a.length) > 0 && /* @ts-ignore */
-        ((_c = (_b = player == null ? void 0 : player.currentSources()) == null ? void 0 : _b[0]) == null ? void 0 : _c.type) === "application/dash+xml" && /* @__PURE__ */ jsx39(
+        ((_c = (_b = player == null ? void 0 : player.currentSources()) == null ? void 0 : _b[0]) == null ? void 0 : _c.type) === "application/x-mpegURL" && /* @__PURE__ */ jsx39(
           GlobalTooltip_default,
           {
             player,
@@ -1923,7 +1926,8 @@ var VideoPlayerComponent = ({
   noteButtonClick,
   videoID,
   isTrailer,
-  height
+  height,
+  token
 }) => {
   var _a, _b, _c;
   const videoRef = useRef2(void 0);
@@ -1974,6 +1978,14 @@ var VideoPlayerComponent = ({
       playerRef.current = videojs(videoElement, options, () => {
         onReady(playerRef.current);
       });
+      if (videojs.Vhs && videojs.Vhs.xhr) {
+        videojs.Vhs.xhr.beforeRequest = (options2) => {
+          options2.headers = {
+            Authorization: `Bearer ${token}`
+          };
+          return options2;
+        };
+      }
     }
     return () => {
       if (playerRef.current) {
@@ -2015,6 +2027,15 @@ var VideoPlayerComponent = ({
       playerRef.current = videojs(videoElement, options, () => {
         onReady(playerRef.current);
       });
+      console.log("options:1 ", options);
+      if (videojs.Vhs && videojs.Vhs.xhr) {
+        videojs.Vhs.xhr.beforeRequest = (options2) => {
+          options2.headers = {
+            Authorization: `Bearer ${token}`
+          };
+          return options2;
+        };
+      }
     }
     return () => {
       var _a2, _b2;
@@ -2355,7 +2376,8 @@ var Component = ({
   noteButtonClick,
   videoId,
   isTrailer = false,
-  height
+  height,
+  token
 }) => {
   options = __spreadProps(__spreadValues({}, options), {
     responsive: true,
@@ -2416,13 +2438,14 @@ var Component = ({
       bottomRedBar,
       noteButtonClick,
       isTrailer,
-      height
+      height,
+      token
     }
   );
 };
 var SoftBuildersVideoPlayer = memo(Component, (prevProps, nextProps) => {
   var _a, _b, _c, _d, _e, _f;
-  return isEqual2(prevProps.options, nextProps.options) && ((_c = (_b = (_a = prevProps == null ? void 0 : prevProps.options) == null ? void 0 : _a.sources) == null ? void 0 : _b[0]) == null ? void 0 : _c.type) === ((_f = (_e = (_d = nextProps == null ? void 0 : nextProps.options) == null ? void 0 : _d.sources) == null ? void 0 : _e[0]) == null ? void 0 : _f.type) && prevProps.notes === nextProps.notes && prevProps.chapters === nextProps.chapters && prevProps.startTime === nextProps.startTime && prevProps.height === nextProps.height;
+  return isEqual2(prevProps.options, nextProps.options) && ((_c = (_b = (_a = prevProps == null ? void 0 : prevProps.options) == null ? void 0 : _a.sources) == null ? void 0 : _b[0]) == null ? void 0 : _c.type) === ((_f = (_e = (_d = nextProps == null ? void 0 : nextProps.options) == null ? void 0 : _d.sources) == null ? void 0 : _e[0]) == null ? void 0 : _f.type) && prevProps.notes === nextProps.notes && prevProps.chapters === nextProps.chapters && prevProps.startTime === nextProps.startTime && prevProps.height === nextProps.height && prevProps.token === nextProps.token;
 });
 var SoftBuildersVideoPlayer_default = SoftBuildersVideoPlayer;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "softbuilders-react-video-player",
   "description": "Standalone video player component",
-  "version": "1.3.17",
+  "version": "1.3.19",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [

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

@@ -1,3 +0,0 @@
-import type { SVGProps } from "react";
-declare const SvgSubIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-export default SvgSubIcon;

package/dist/components/icons/VolumeHighIcon.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgSubIcon = (props) => (_jsxs("svg", { fill: "white", width: "1em", height: "1em", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "ionicons-v5-g" }), _jsx("path", { d: "M264,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H88a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,288,119.83V392.17a24,24,0,0,1-24,24Z" }), _jsx("path", { d: "M352,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C378.2,208.16,384,231.47,384,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,352,336Z" }), _jsx("path", { d: "M400,384a16,16,0,0,1-13.87-24C405,327.05,416,299.45,416,256c0-44.12-10.94-71.52-29.83-103.95A16,16,0,0,1,413.83,136C434.92,172.16,448,204.88,448,256c0,50.36-13.06,83.24-34.12,120A16,16,0,0,1,400,384Z" })] }));
-export default SvgSubIcon;
-//# sourceMappingURL=VolumeHighIcon.js.map

package/dist/components/icons/VolumeHighIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VolumeHighIcon.js","sourceRoot":"","sources":["../../../src/components/icons/VolumeHighIcon.tsx"],"names":[],"mappings":";AACA,MAAM,UAAU,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACrD,eACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,aAElC,4CAA4B,EAC5B,eAAM,CAAC,EAAC,+KAA+K,GAAG,EAC1L,eAAM,CAAC,EAAC,qMAAqM,GAAG,EAChN,eAAM,CAAC,EAAC,yMAAyM,GAAG,IAChN,CACP,CAAC;AACF,eAAe,UAAU,CAAC"}

package/dist/components/icons/VolumeHighIcon.tsx

@@ -1,16 +0,0 @@
-import type { SVGProps } from "react";
-const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="white"
-    width="1em"
-    height="1em"
-    viewBox="0 0 15 15"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <title>ionicons-v5-g</title>
-    <path d="M264,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H88a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,288,119.83V392.17a24,24,0,0,1-24,24Z" />
-    <path d="M352,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C378.2,208.16,384,231.47,384,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,352,336Z" />
-    <path d="M400,384a16,16,0,0,1-13.87-24C405,327.05,416,299.45,416,256c0-44.12-10.94-71.52-29.83-103.95A16,16,0,0,1,413.83,136C434.92,172.16,448,204.88,448,256c0,50.36-13.06,83.24-34.12,120A16,16,0,0,1,400,384Z" />
-  </svg>
-);
-export default SvgSubIcon;

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

@@ -1,3 +0,0 @@
-import type { SVGProps } from "react";
-declare const VolumeIconHeigh: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-export default VolumeIconHeigh;

package/dist/components/icons/VolumeIconHigh.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const VolumeIconHeigh = (props) => (_jsxs("svg", { fill: "white", width: "800px", height: "800px", viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "ionicons-v5-g" }), _jsx("path", { d: "M264,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H88a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,288,119.83V392.17a24,24,0,0,1-24,24Z" }), _jsx("path", { d: "M352,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C378.2,208.16,384,231.47,384,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,352,336Z" }), _jsx("path", { d: "M400,384a16,16,0,0,1-13.87-24C405,327.05,416,299.45,416,256c0-44.12-10.94-71.52-29.83-103.95A16,16,0,0,1,413.83,136C434.92,172.16,448,204.88,448,256c0,50.36-13.06,83.24-34.12,120A16,16,0,0,1,400,384Z" })] }));
-export default VolumeIconHeigh;
-//# sourceMappingURL=VolumeIconHigh.js.map

package/dist/components/icons/VolumeIconHigh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VolumeIconHigh.js","sourceRoot":"","sources":["../../../src/components/icons/VolumeIconHigh.tsx"],"names":[],"mappings":";AACA,MAAM,eAAe,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC1D,eACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B,aAElC,4CAA4B,EAC5B,eAAM,CAAC,EAAC,+KAA+K,GAAG,EAC1L,eAAM,CAAC,EAAC,qMAAqM,GAAG,EAChN,eAAM,CAAC,EAAC,yMAAyM,GAAG,IAChN,CACP,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/components/icons/VolumeIconHigh.tsx

@@ -1,16 +0,0 @@
-import type { SVGProps } from "react";
-const VolumeIconHeigh = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="white"
-    width="800px"
-    height="800px"
-    viewBox="0 0 512 512"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <title>ionicons-v5-g</title>
-    <path d="M264,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H88a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,288,119.83V392.17a24,24,0,0,1-24,24Z" />
-    <path d="M352,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C378.2,208.16,384,231.47,384,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,352,336Z" />
-    <path d="M400,384a16,16,0,0,1-13.87-24C405,327.05,416,299.45,416,256c0-44.12-10.94-71.52-29.83-103.95A16,16,0,0,1,413.83,136C434.92,172.16,448,204.88,448,256c0,50.36-13.06,83.24-34.12,120A16,16,0,0,1,400,384Z" />
-  </svg>
-);
-export default VolumeIconHeigh;

package/dist/components/icons/VolumeIconLow copy.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from "react";
-declare const VolumeIconLow: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-export default VolumeIconLow;

package/dist/components/icons/VolumeIconLow copy.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const VolumeIconLow = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 13 12" }, props, { children: _jsx("path", { fill: "#fff", d: "M12.428 9a2.5 2.5 0 0 1-.657 1.053l-1.27 1.214a2.6 2.6 0 0 1-1.1.63V9.5c0-.276.235-.5.523-.5zm.108-6.5V8H9.924c-.864 0-1.567.673-1.567 1.5V12H2.612C1.172 12 0 10.879 0 9.5v-7C0 1.122 1.172 0 2.612 0h7.312c1.44 0 2.612 1.122 2.612 2.5m-8.88 6.25c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75" }) })));
-export default VolumeIconLow;
-//# sourceMappingURL=VolumeIconLow%20copy.js.map

package/dist/components/icons/VolumeIconLow copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VolumeIconLow copy.js","sourceRoot":"","sources":["../../../src/components/icons/VolumeIconLow copy.tsx"],"names":[],"mappings":";AACA,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,4BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,IACf,KAAK,cAET,eACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,ufAAuf,GACzf,IACE,CACP,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/components/icons/VolumeIconLow copy.tsx

@@ -1,17 +0,0 @@
-import type { SVGProps } from "react";
-const VolumeIconLow = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="none"
-    viewBox="0 0 13 12"
-    {...props}
-  >
-    <path
-      fill="#fff"
-      d="M12.428 9a2.5 2.5 0 0 1-.657 1.053l-1.27 1.214a2.6 2.6 0 0 1-1.1.63V9.5c0-.276.235-.5.523-.5zm.108-6.5V8H9.924c-.864 0-1.567.673-1.567 1.5V12H2.612C1.172 12 0 10.879 0 9.5v-7C0 1.122 1.172 0 2.612 0h7.312c1.44 0 2.612 1.122 2.612 2.5m-8.88 6.25c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75"
-    />
-  </svg>
-);
-export default VolumeIconLow;

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

@@ -1,3 +0,0 @@
-import type { SVGProps } from "react";
-declare const SvgSubIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-export default SvgSubIcon;

package/dist/components/icons/VolumeLowIcon.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgSubIcon = (props) => (_jsxs("svg", { fill: "white", width: "1em", height: "1em", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "ionicons-v5-g" }), _jsx("path", { d: "M296,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H120a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,320,119.83V392.17a24,24,0,0,1-24,24Z" }), _jsx("path", { d: "M384,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C410.2,208.16,416,231.47,416,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,384,336Z" })] }));
-export default SvgSubIcon;
-//# sourceMappingURL=VolumeLowIcon.js.map

package/dist/components/icons/VolumeLowIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VolumeLowIcon.js","sourceRoot":"","sources":["../../../src/components/icons/VolumeLowIcon.tsx"],"names":[],"mappings":";AACA,MAAM,UAAU,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACrD,eACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,aAElC,4CAA4B,EAC5B,eAAM,CAAC,EAAC,gLAAgL,GAAG,EAC3L,eAAM,CAAC,EAAC,qMAAqM,GAAG,IAC5M,CACP,CAAC;AACF,eAAe,UAAU,CAAC"}