@soul-refiner/design-system 2.14.62 → 2.14.63

package/dist/components/input/search/search.js

@@ -1,19 +1,7 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),styles=require("../../../common/styles.js"),close=require("../../../icons/basic/close.js"),search=require("../../../icons/basic/search.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Search=({dropdownFilter:e,onChange:r,onClearText:o,onSubmit:a,placeholder:l,size:t,sx:d,value:s})=>{const[i,c]=React__default.default.useState(!1),[n,p]=React__default.default.useState(!1),u=React__default.default.useRef(null);var g=!i&&"collapsed"===t,x=g||"large"===t?24:16;return React__default.default.createElement(Wrapper,{$align:"center",$dir:"row",$isCollapsed:g,$isFocused:n,$borderRadius:"large",$size:t,$sx:d,onClick:e&&"large"===t?void 0:g?()=>{c(!0),u?.current?.focus()}:()=>{u?.current?.focus()}},React__default.default.createElement(search.Search,{color:"large"===t?"blue-7":"grey-3",size:x,onClick:g?void 0:()=>{c(!1),p(!1),u?.current?.blur()},sx:g||"collapsed"!==t?void 0:`
-          &:hover {
-            cursor: pointer;
-            background-color: var(--color-grey-10);
-            border-radius: 50%;
-          }`}),React__default.default.createElement(Input,{$isCollapsed:g,onBlur:()=>p(!1),onChange:r,onFocus:()=>p(!0),onSubmit:a,placeholder:l,ref:u,value:s}),!g&&o&&React__default.default.createElement(close.Close,{size:16,onClick:o,sx:`
-            ${0===s.length?"visibility: hidden;":""}
-            padding: 4px;
-            &:hover {
-              cursor: pointer;
-              background-color: var(--color-grey-10);
-              border-radius: 50%;
-            }`}),"large"===t&&e&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Separator,null),e))},Wrapper=styled.styled.div`
-  ${styles.Styles.flex}
-  ${styles.Styles.padding}
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),o=require("styled-components"),n=require("../../../common/styles.js"),l=require("../../../icons/basic/close.js"),i=require("../../../icons/basic/search.js");function d(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var s=d(e);const a=o.styled.div`
+  ${n.Styles.flex}
+  ${n.Styles.padding}
   display: flex;
   background-color: var(--color-white);
   border: 1px solid transparent;
@@ -23,48 +11,12 @@
     flex-shrink: 0;
   }
 
-  ${({$isCollapsed:e,$size:r})=>e?`
-    padding: 12px;
-    border-radius: 50%;
-    &:hover {
-      background-color: var(--color-grey-10);
-      cursor: pointer;
-    }`:`
-    border-radius: 8px;
-    `+("collapsed"===r?`
-      gap: 8px;
-      padding: 10px 16px;
-      border: 1px solid var(--color-grey-8);
-      
-      &:hover {
-        border: 1px solid var(--color-grey-6);
-      }`:"small"===r?`
-      gap: 12px;
-      padding: 10px 16px;
-      border: 1px solid var(--color-grey-8);
-      
-      &:hover {
-        border: 1px solid var(--color-grey-6);
-      }`:"medium"===r?`
-      gap: 12px;
-      padding: 14px 16px;
-      border: 1px solid var(--color-grey-8);
-      
-      &:hover {
-        border: 1px solid var(--color-grey-6);
-      }`:`
-      gap: 16px;
-      padding: 16px;
-      box-shadow: var(--elevation-1);
-      
-      &:hover {
-        border: 1px solid var(--color-grey-6);
-      }`)}
+  ${({$isCollapsed:r,$size:e})=>r?"\n    padding: 12px;\n    border-radius: 50%;\n    &:hover {\n      background-color: var(--color-grey-10);\n      cursor: pointer;\n    }":"\n    border-radius: 8px;\n    "+("collapsed"===e?"\n      gap: 8px;\n      padding: 10px 16px;\n      border: 1px solid var(--color-grey-8);\n      \n      &:hover {\n        border: 1px solid var(--color-grey-6);\n      }":"small"===e?"\n      gap: 12px;\n      padding: 10px 16px;\n      border: 1px solid var(--color-grey-8);\n      \n      &:hover {\n        border: 1px solid var(--color-grey-6);\n      }":"medium"===e?"\n      gap: 12px;\n      padding: 14px 16px;\n      border: 1px solid var(--color-grey-8);\n      \n      &:hover {\n        border: 1px solid var(--color-grey-6);\n      }":"\n      gap: 16px;\n      padding: 16px;\n      box-shadow: var(--elevation-1);\n      \n      &:hover {\n        border: 1px solid var(--color-grey-6);\n      }")}
 
-  ${({$isFocused:e,$isCollapsed:r})=>e&&!r?"border: 1px solid var(--color-primary-blue-2) !important;":""}
+  ${({$isFocused:r,$isCollapsed:e})=>r&&!e?"border: 1px solid var(--color-primary-blue-2) !important;":""}
 
-  ${({$sx:e})=>e||""}
-`,Input=styled.styled.input.attrs(({ref:e})=>({ref:e}))`
+  ${({$sx:r})=>r||""}
+`,t=o.styled.input.attrs(({ref:r})=>({ref:r}))`
   flex: 1;
   border-radius: 8px;
   outline: none;
@@ -74,9 +26,9 @@
   line-height: 20px;
   color: var(--color-grey-2);
 
-  ${({$isCollapsed:e})=>e?"width: 0px; height: 0px; padding: 0px !important; border: none !important;":""}
-`,Separator=styled.styled.div`
+  ${({$isCollapsed:r})=>r?"width: 0px; height: 0px; padding: 0px !important; border: none !important;":""}
+`,p=o.styled.div`
   width: 1px;
   height: 20px;
   background-color: var(--color-grey-9);
-`;exports.Search=Search;
+`;exports.Search=({dropdownFilter:e,onChange:o,onClearText:n,onSubmit:d,placeholder:c,size:u,sx:x,value:g})=>{const[v,b]=s.default.useState(!1),[h,y]=s.default.useState(!1),f=s.default.useRef(null),$=!v&&"collapsed"===u,m=$||"large"===u?24:16;return r.jsxs(a,{$align:"center",$dir:"row",$isCollapsed:$,$isFocused:h,$borderRadius:"large",$size:u,$sx:x,onClick:e&&"large"===u?void 0:$?()=>{b(!0),f?.current?.focus()}:()=>{f?.current?.focus()},children:[r.jsx(i.Search,{color:"large"===u?"blue-7":"grey-3",size:m,onClick:$?void 0:()=>{b(!1),y(!1),f?.current?.blur()},sx:$||"collapsed"!==u?void 0:"\n          &:hover {\n            cursor: pointer;\n            background-color: var(--color-grey-10);\n            border-radius: 50%;\n          }"}),r.jsx(t,{$isCollapsed:$,onBlur:()=>y(!1),onChange:o,onFocus:()=>y(!0),onSubmit:d,placeholder:c,ref:f,value:g}),!$&&n&&r.jsx(l.Close,{size:16,onClick:n,sx:`\n            ${0===g.length?"visibility: hidden;":""}\n            padding: 4px;\n            &:hover {\n              cursor: pointer;\n              background-color: var(--color-grey-10);\n              border-radius: 50%;\n            }`}),"large"===u&&e&&r.jsxs(r.Fragment,{children:[r.jsx(p,{}),e]})]})};

package/dist/components/input/select/select.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),paragraph=require("../../atoms/typography/paragraph.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Select=({label:e,onClick:t,selected:a,sx:r,value:l})=>React__default.default.createElement(Label,{onClick:e=>t(e,l),$sx:r},React__default.default.createElement("input",{value:l,type:"radio",checked:a,readOnly:!0}),React__default.default.createElement(SelectBox,{$selected:a}),React__default.default.createElement(paragraph.P,{as:"div"},e)),Label=styled.styled.div`
+"use strict";var e=require("react/jsx-runtime"),r=require("styled-components"),o=require("../../atoms/typography/paragraph.js");const n=r.styled.div`
   display: flex;
   flex-flow: row nowrap;
   gap: 24px;
@@ -11,7 +11,7 @@
     display: none;
   }
   ${({$sx:e})=>e||""}
-`,SelectBox=styled.styled.div`
+`,t=r.styled.div`
   position: relative;
   width: 18px;
   height: 18px;
@@ -19,17 +19,5 @@
   border-radius: 4px;
   flex-shrink: 0;
 
-  ${({$selected:e})=>e?`
-    background-color: var(--color-primary-blue-2);
-    border-color: var(--color-primary-blue-2);
-    
-    &::after {
-      position: absolute;
-      content: '✔';
-      top: -1px;
-      left: 4px;
-      font-size: 13px;
-      color: var(--color-white);
-      font-weight: 500;
-    }`:""}
-`;exports.Select=Select;
+  ${({$selected:e})=>e?"\n    background-color: var(--color-primary-blue-2);\n    border-color: var(--color-primary-blue-2);\n    \n    &::after {\n      position: absolute;\n      content: '✔';\n      top: -1px;\n      left: 4px;\n      font-size: 13px;\n      color: var(--color-white);\n      font-weight: 500;\n    }":""}
+`;exports.Select=({label:r,onClick:l,selected:s,sx:i,value:a})=>e.jsxs(n,{onClick:e=>l(e,a),$sx:i,children:[e.jsx("input",{value:a,type:"radio",checked:s,readOnly:!0}),e.jsx(t,{$selected:s}),e.jsx(o.P,{as:"div",children:r})]});

package/dist/components/input/text_area/text_area.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TextArea=({bg:e="var(--color-blue-10)",disabled:r,helperText:t,icon:a,label:l,maxCharacters:o,minHeight:n,minWidth:i,name:c,onChange:d,placeholder:s,resize:u=!1,successful:f,sx:p,value:x,warning:m})=>{const g=React__default.default.useRef(null);return React__default.default.useEffect(()=>{var e;g.current&&(g.current.style.height=n+"px",e=g.current.scrollHeight,g.current.style.height=e+"px")},[g.current,x]),React__default.default.createElement(Label,{$disabled:r,$sx:p},l,React__default.default.createElement(InputWrapper,{$bg:e,$minWidth:i,$successful:f,$warning:m},a,React__default.default.createElement(TextAreaElement,{disabled:r,name:c,onChange:d,placeholder:s,ref:g,value:"string"==typeof x?o?x.slice(0,o):x:"",$minHeight:n,$resize:u}),f&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),m&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),React__default.default.createElement(box.Box,{$gap:16,$justify:"space-between"},t&&React__default.default.createElement(HelperText,null,t),o&&React__default.default.createElement(MaxCharactersText,null,x?.length??0," / ",o)))},Label=styled.styled.label`
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),n=require("../../atoms/box/box.js"),i=require("../../../icons/basic/checkmark_circle.js"),t=require("../../../icons/notifications/alert_circle.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(r);const c=o.styled.label`
   width: 100%;
   display: flex;
   gap: 4px;
@@ -10,17 +10,10 @@
   font-weight: 500;
   line-height: 26px;
 
-  ${({$disabled:e})=>e?`
-    color: var(--color-grey-7) !important;
-    & > * {
-      color: var(--color-grey-7) !important;
-    }
-    & > div:first-of-type {
-      background-color: var(--color-grey-9) !important;
-    }`:""}
+  ${({$disabled:e})=>e?"\n    color: var(--color-grey-7) !important;\n    & > * {\n      color: var(--color-grey-7) !important;\n    }\n    & > div:first-of-type {\n      background-color: var(--color-grey-9) !important;\n    }":""}
 
   ${({$sx:e})=>e||""}
-`,InputWrapper=styled.styled.div`
+`,s=o.styled.div`
   min-width: ${({$minWidth:e})=>e?e+"px;":""};
   display: flex;
   gap: 8px;
@@ -45,7 +38,7 @@
   @media screen and (max-width: 500px) {
     min-width: unset;
   }
-`,TextAreaElement=styled.styled.textarea`
+`,d=o.styled.textarea`
   min-width: ${({$minHeight:e})=>e?e-24+"px;":""};
   padding: 0px;
   flex: 1;
@@ -67,12 +60,12 @@
   @media screen and (max-width: 500px) {
     min-width: unset;
   }
-`,HelperText=styled.styled.p`
+`,x=o.styled.p`
   color: var(--color-grey-4);
   font-family: var(--font-inter);
   font-size: 14px;
   line-height: 20px;
-`,MaxCharactersText=styled.styled.p`
+`,p=o.styled.p`
   text-align: right;
   color: var(--color-grey-6);
   font-family: var(--font-inter);
@@ -80,4 +73,4 @@
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
-`;exports.TextArea=TextArea;
+`;exports.TextArea=({bg:r="var(--color-blue-10)",disabled:o,helperText:l,icon:g,label:h,maxCharacters:f,minHeight:u,minWidth:m,name:b,onChange:y,placeholder:$,resize:v=!1,successful:w,sx:j,value:z,warning:k})=>{const q=a.default.useRef(null);return a.default.useEffect(()=>{if(q.current){q.current.style.height=`${u}px`;const e=q.current.scrollHeight;q.current.style.height=e+"px"}},[q.current,z]),e.jsxs(c,{$disabled:o,$sx:j,children:[h,e.jsxs(s,{$bg:r,$minWidth:m,$successful:w,$warning:k,children:[g,e.jsx(d,{disabled:o,name:b,onChange:y,placeholder:$,ref:q,value:"string"==typeof z?f?z.slice(0,f):z:"",$minHeight:u,$resize:v}),w&&e.jsx(i.CheckmarkCircle,{color:"green-3"}),k&&e.jsx(t.AlertCircle,{color:"red-4"})]}),e.jsxs(n.Box,{$gap:16,$justify:"space-between",children:[l&&e.jsx(x,{children:l}),f&&e.jsxs(p,{children:[z?.length??0," / ",f]})]})]})};

package/dist/components/input/text_input/text_input.js

@@ -1,41 +1,23 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),chip=require("../../feedback/chip/chip.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TextInput=({bg:e="var(--color-blue-10)",disabled:t,helperText:r,icon:l,inputSx:a,label:o,maxCharacters:n,multiple:i,name:c,onChange:s,onClick:d,onFocus:u,onKeyDown:p,onBlur:f,onMultipleChange:m,placeholder:g,readOnly:$=!1,hasOutline:y=!0,placeIconAtTheEnd:h=!1,size:b="large",successful:x,sx:_,triggerMultipleWithSpace:v=!1,triggerMultipleWithComma:k=!1,type:w="text",value:z,variant:C="default",warning:R})=>{const E=React__default.default.useId();const[I,D]=React__default.default.useState("");const T=e=>{e.stopPropagation(),e.preventDefault();e=z.includes(I);m&&!e&&m([...z,I]),D("")};return React__default.default.createElement(Label,{$disabled:t,$size:b,$sx:_},React__default.default.createElement(Legend,{$bg:e,$size:b,$successful:x,$warning:R,$variant:C},o),React__default.default.createElement(InputWrapper,{$bg:e,$size:b,$successful:x,$hasOutline:y,$warning:R},!h&&l,i?React__default.default.createElement(MultipleInputWrapper,{onSubmit:T,onKeyDown:e=>{v&&" "===e.key&&T(e),k&&","===e.key&&T(e)}},z.filter(Boolean).map((e,t)=>React__default.default.createElement(chip.Chip,{key:E+e+t,color:"blue",size:"small",onDismiss:()=>{var t;t=e,m&&m(z.filter(e=>e!==t))}},e)),React__default.default.createElement(Input,{$size:b,$sx:a,readOnly:$,onBlur:e=>{3<=I.trim().length&&T(e),f&&f(e)},placeholder:g,onChange:e=>{D(e.target.value)},onClick:d,onFocus:u,onKeyDown:e=>{!z.length||!m||I||"Delete"!==e.key&&"Backspace"!==e.key||m(z.slice(0,z.length-1))},value:I})):React__default.default.createElement(Input,{$size:b,$sx:a,readOnly:$,disabled:t,name:c,..."number"===w&&{min:0},onBlur:f,onChange:s,onClick:d,onFocus:u,onKeyDown:p,placeholder:g,type:w,value:"number"!==w&&n?z?.slice(0,n-1)||"":z}),n&&"number"!==w&&!h&&React__default.default.createElement(MaxCharactersText,{$size:b},z?.length||0," / ",n),h&&l,x&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),R&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),r&&React__default.default.createElement(HelperText,{$size:b,$warning:R},R&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"}),r))},Label=styled.styled.label`
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),n=require("../../feedback/chip/chip.js"),l=require("../../../icons/basic/checkmark_circle.js"),i=require("../../../icons/notifications/alert_circle.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=a(r);const s=o.styled.label`
   font-family: var(--font-inter);
   font-size: ${({$size:e})=>"small"===e?.75:.87}rem;
   font-weight: 400;
   line-height: ${({$size:e})=>"small"===e?1:1.25}rem;
   width: 100%;
 
-  ${({$disabled:e})=>e&&`
-    color: var(--color-grey-7) !important;
-    & > * {
-      color: var(--color-grey-7) !important;
-    }
-    & > div {
-      background-color: var(--color-grey-10) !important;
-    }
-    input{
-      color: var(--color-grey-6) !important;
-    }
-    `}
+  ${({$disabled:e})=>e&&"\n    color: var(--color-grey-7) !important;\n    & > * {\n      color: var(--color-grey-7) !important;\n    }\n    & > div {\n      background-color: var(--color-grey-10) !important;\n    }\n    input{\n      color: var(--color-grey-6) !important;\n    }\n    "}
   &:focus-within {
     color: var(--color-primary-blue-2);
   }
 
   ${({$sx:e})=>e||""}
-`,Legend=styled.styled.span`
+`,c=o.styled.span`
   width: fit-content;
   ${({$successful:e})=>e&&"color: var(--color-green-3) !important;"}
   ${({$warning:e})=>e&&"color: var(--color-red-4) !important;"} 
-  ${({$variant:e,$bg:t})=>"adaptive"===e&&`
-  background: ${t};
-  background: linear-gradient(0deg, ${t} 0%, rgba(255,255,255,1) 100%);
-  left: .5rem;
-  padding: 0 .25rem;
-  position: relative; 
-  top: .6rem; 
-  `}
-`,InputWrapper=styled.styled.div`
+  ${({$variant:e,$bg:r})=>"adaptive"===e&&`\n  background: ${r};\n  background: linear-gradient(0deg, ${r} 0%, rgba(255,255,255,1) 100%);\n  left: .5rem;\n  padding: 0 .25rem;\n  position: relative; \n  top: .6rem; \n  `}
+`,d=o.styled.div`
   align-items: center;
   background-color: ${({$bg:e})=>e};
   border-radius: 0.25rem;
@@ -50,7 +32,7 @@
 
   ${({$successful:e})=>e?"border-color: var(--color-green-3) !important;":""}
   ${({$warning:e})=>e?"border-color: var(--color-red-4) !important;":""}
-`,Input=styled.styled.input`
+`,p=o.styled.input`
   background-color: transparent;
   border: none;
   color: var(--color-grey-3);
@@ -66,7 +48,7 @@
   }
 
   ${({$sx:e})=>e||""}
-`,HelperText=styled.styled.span`
+`,u=o.styled.span`
   align-items: center;
   color: var(--color-grey-4);
   display: flex;
@@ -75,16 +57,16 @@
   gap: 8px;
   line-height: ${({$size:e})=>"small"===e?16:20}px;
   ${({$warning:e})=>e?"color: var(--color-red-4) !important;":""}
-`,MaxCharactersText=styled.styled.span`
+`,g=o.styled.span`
   color: var(--color-grey-6);
   font-family: var(--font-inter);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
-`,MultipleInputWrapper=styled.styled.form`
+`,$=o.styled.form`
   display: flex;
   flex-flow: row wrap;
   gap: 8px 16px;
   width: 100%;
-`;exports.TextInput=TextInput;
+`;exports.TextInput=({bg:r="var(--color-blue-10)",disabled:o,helperText:a,icon:m,inputSx:f,label:h,maxCharacters:x,multiple:y,name:b,onChange:v,onClick:w,onFocus:z,onKeyDown:k,onBlur:j,onMultipleChange:C,placeholder:D,readOnly:q=!1,hasOutline:O=!0,placeIconAtTheEnd:B=!1,size:K="large",successful:S,sx:A,triggerMultipleWithSpace:F=!1,triggerMultipleWithComma:I=!1,type:M="text",value:T,variant:W="default",warning:_})=>{const E=t.default.useId(),P=y,[G,H]=t.default.useState(""),J=e=>{e.stopPropagation(),e.preventDefault();const r=T.includes(G);C&&!r&&C([...T,G]),H("")};return e.jsxs(s,{$disabled:o,$size:K,$sx:A,children:[e.jsx(c,{$bg:r,$size:K,$successful:S,$warning:_,$variant:W,children:h}),e.jsxs(d,{$bg:r,$size:K,$successful:S,$hasOutline:O,$warning:_,children:[!B&&m,P?e.jsxs($,{onSubmit:J,onKeyDown:e=>{F&&" "===e.key&&J(e),I&&","===e.key&&J(e)},children:[T.filter(Boolean).map((r,o)=>e.jsx(n.Chip,{color:"blue",size:"small",onDismiss:()=>{return e=r,void(C&&C(T.filter(r=>r!==e)));var e},children:r},E+r+o)),e.jsx(p,{$size:K,$sx:f,readOnly:q,onBlur:e=>{G.trim().length>=3&&J(e),j&&j(e)},placeholder:D,onChange:e=>{H(e.target.value)},onClick:w,onFocus:z,onKeyDown:e=>{!T.length||!C||G||"Delete"!==e.key&&"Backspace"!==e.key||C(T.slice(0,T.length-1))},value:G})]}):e.jsx(p,{$size:K,$sx:f,readOnly:q,disabled:o,name:b,..."number"===M&&{min:0},onBlur:j,onChange:v,onClick:w,onFocus:z,onKeyDown:k,placeholder:D,type:M,value:"number"===M?T:x?T?.slice(0,x-1)||"":T}),x&&"number"!==M&&!B&&e.jsxs(g,{$size:K,children:[T?.length||0," / ",x]}),B&&m,S&&e.jsx(l.CheckmarkCircle,{color:"green-3"}),_&&e.jsx(i.AlertCircle,{color:"red-4"})]}),a&&e.jsxs(u,{$size:K,$warning:_,children:[_&&e.jsx(i.AlertCircle,{color:"red-4"}),a]})]})};

package/dist/components/input/time/time.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var dropdown=require("../../actions/dropdown/dropdown.js"),React=require("react"),styled=require("styled-components"),clock=require("../../../icons/time/clock.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Time=({selectedTime:r,setTime:t,selectedPeriod:e,setPeriod:a,minTime:o,minPeriod:l,isEndTime:d=!1,disabled:n=!1})=>{const i=React__default.default.useMemo(()=>{var r=[];for(let e=1;e<=12;e++)r.push(e+":00"),r.push(e+":15"),r.push(e+":30"),r.push(e+":45");return r},[]),u=(e,r)=>{var[e,t]=e.split(":").map(Number);let a=e;return"PM"===r&&12!==e?a+=12:"AM"===r&&12===e&&(a=0),60*a+t},s=r=>{if(!d||!o||!l)return i;const t=u(o,l);return i.filter(e=>{return u(e,r)>t})};c=["AM","PM"];var c=d&&o&&l&&"PM"===l?["PM"]:c;return React__default.default.createElement(dropdown.Dropdown,{options:s(e).map(e=>({value:e,label:e})),containerSx:"height: 440px;",trigger:React__default.default.createElement(InputWrapper,{$disabled:n},React__default.default.createElement(Input,{readOnly:!0,value:r+" "+e,disabled:n}),React__default.default.createElement(clock.Clock,null)),additionalOptions:c.map(e=>({label:e,value:e})),onChange:e=>{n||(e=e.target.getAttribute("data-value")??"",t(e))},additionalOnChange:e=>{n||(a(e),0<(e=s(e)).length&&!e.includes(r)&&t(e[0]))},defaultValue:r,defaultAdditionalValue:e,disabled:n})},InputWrapper=styled.styled.div`
+"use strict";var e=require("react/jsx-runtime"),r=require("../../actions/dropdown/dropdown.js"),o=require("react"),t=require("styled-components"),i=require("../../../icons/time/clock.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(o);const d=t.styled.div`
   width: fit-content;
   display: flex;
   gap: 8px;
@@ -19,7 +19,7 @@
   &:focus-within {
     border-color: ${({$disabled:e})=>e?"transparent":"var(--color-primary-blue-2)"};
   }
-`,Input=styled.styled.input`
+`,l=t.styled.input`
   width: 100%;
   padding: 0px;
   flex: 1;
@@ -36,4 +36,4 @@
   &::placeholder {
     color: var(--color-grey-6);
   }
-`;exports.Time=Time;
+`;exports.Time=({selectedTime:o,setTime:t,selectedPeriod:n,setPeriod:s,minTime:u,minPeriod:c,isEndTime:p=!1,disabled:b=!1})=>{const g=a.default.useMemo(()=>{const e=[];for(let r=1;r<=12;r++)e.push(`${r}:00`),e.push(`${r}:15`),e.push(`${r}:30`),e.push(`${r}:45`);return e},[]),x=(e,r)=>{const[o,t]=e.split(":").map(Number);let i=o;return"PM"===r&&12!==o?i+=12:"AM"===r&&12===o&&(i=0),60*i+t},f=e=>{if(!p||!u||!c)return g;const r=x(u,c);return g.filter(o=>x(o,e)>r)},$=(()=>{const e=["AM","PM"];return p&&u&&c&&"PM"===c?["PM"]:e})();return e.jsx(r.Dropdown,{options:f(n).map(e=>({value:e,label:e})),containerSx:"height: 440px;",trigger:e.jsxs(d,{$disabled:b,children:[e.jsx(l,{readOnly:!0,value:`${o} ${n}`,disabled:b}),e.jsx(i.Clock,{})]}),additionalOptions:$.map(e=>({label:e,value:e})),onChange:e=>{if(b)return;const r=e.target.getAttribute("data-value")??"";t(r)},additionalOnChange:e=>{if(b)return;s(e);const r=f(e);r.length>0&&!r.includes(o)&&t(r[0])},defaultValue:o,defaultAdditionalValue:n,disabled:b})};

package/dist/components/input/time_input/time_input.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var React=require("react"),LocalizationProvider=require("@mui/x-date-pickers/LocalizationProvider"),AdapterDateFnsV3=require("@mui/x-date-pickers/AdapterDateFnsV3"),TimeField=require("@mui/x-date-pickers/TimeField");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TimeInput=({label:e,name:t,onChange:a,value:i,helperText:r,sx:n,onFocus:o})=>React__default.default.createElement(LocalizationProvider.LocalizationProvider,{dateAdapter:AdapterDateFnsV3.AdapterDateFns},React__default.default.createElement(TimeField.TimeField,{sx:{...n},name:t,label:e,format:"hh:mm a",helperText:r,value:i,onChange:a,onFocus:o}));exports.TimeInput=TimeInput;
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/x-date-pickers/LocalizationProvider"),a=require("@mui/x-date-pickers/AdapterDateFnsV3"),i=require("@mui/x-date-pickers/TimeField");exports.TimeInput=({label:t,name:n,onChange:s,value:o,helperText:u,sx:l,onFocus:d})=>e.jsx(r.LocalizationProvider,{dateAdapter:a.AdapterDateFns,children:e.jsx(i.TimeField,{sx:{...l},name:n,label:t,format:"hh:mm a",helperText:u,value:o,onChange:s,onFocus:d})});

package/dist/components/media/audio/progress-bar.js

@@ -1,5 +1,5 @@
-"use strict";var React=require("react"),styled=require("styled-components");function _interopDefaultCompat(V){return V&&"object"==typeof V&&"default"in V?V:{default:V}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const AudioProgressBar=({duration:V,progress:H,onSeek:h,sx:Z})=>{var M=React__default.default.useId(),H=100*H/V,V=("undefined"!=typeof window?window:{innerWidth:0}).innerWidth<1440;return React__default.default.createElement(SVG,{$gradientId:M,$sx:Z,onClick:V=>{var H,Z;h&&(H=V.currentTarget.getBoundingClientRect().x,Z=V.clientX,V=V.currentTarget.clientWidth,h((Z-H)/V))},xmlns:"http://www.w3.org/2000/svg",viewBox:V?"0 0 772 36":"0 0 1150 36"},V?React__default.default.createElement("path",{d:"M24 36V0h2v36h-2Zm24 0V0h2v36h-2Zm24 0V0h2v36h-2Zm36 0V0h2v36h-2Zm4 0V0h2v36h-2Zm52 0V0h2v36h-2Zm24 0V0h2v36h-2Zm8 0V0h2v36h-2Zm152 0V0h2v36h-2ZM84 35V1h2v34h-2Zm60 0V1h2v34h-2Zm84 0V1h2v34h-2Zm4 0V1h2v34h-2ZM80 34V2h2v32h-2Zm68 0V2h2v32h-2Zm156 0V2h2v32h-2ZM40 33V3h2v30h-2Zm20 0V3h2v30h-2Zm60 0V3h2v30h-2Zm120 0V3h2v30h-2Zm24 0V3h2v30h-2Zm76 0V3h2v30h-2Zm-236-1V4h2v28h-2Zm28 0V4h2v28h-2Zm72 0V4h2v28h-2Zm56 0V4h2v28h-2Zm84 0V4h2v28h-2Zm32 0V4h2v28h-2ZM12 31V5h2v26h-2Zm8 0V5h2v26h-2Zm72 0V5h2v26h-2Zm76 0V5h2v26h-2Zm24 0V5h2v26h-2Zm28 0V5h2v26h-2Zm4 0V5h2v26h-2Zm60 0V5h2v26h-2Zm16 0V5h2v26h-2ZM16 30V6h2v24h-2Zm196 0V6h2v24h-2Zm140 0V6h2v24h-2Zm16 0V6h2v24h-2ZM64 29V7h2v22h-2Zm256 0V7h2v22h-2Zm12 0V7h2v22h-2ZM32 28V8h2v20h-2Zm24 0V8h2v20h-2Zm20 0V8h2v20h-2Zm60 0V8h2v20h-2Zm120 0V8h2v20h-2Zm24 0V8h2v20h-2Zm32 0V8h2v20h-2Zm4 0V8h2v20h-2Zm44 0V8h2v20h-2Zm12 0V8h2v20h-2ZM0 26V10h2v16H0Zm88 0V10h2v16h-2Zm28 0V10h2v16h-2Zm152 0V10h2v16h-2Zm20 0V10h2v16h-2Zm48 0V10h2v16h-2ZM8 25V11h2v14H8Zm28 0V11h2v14h-2Zm32 0V11h2v14h-2Zm28 0V11h2v14h-2Zm56 0V11h2v14h-2Zm8 0V11h2v14h-2Zm20 0V11h2v14h-2Zm72 0V11h2v14h-2Zm72 0V11h2v14h-2Zm32 0V11h2v14h-2Zm8 0V11h2v14h-2ZM52 24V12h2v12h-2Zm192 0V12h2v12h-2Zm-116-1V13h2v10h-2Zm12 0V13h2v10h-2Zm36 0V13h2v10h-2Zm24 0V13h2v10h-2Zm36 0V13h2v10h-2Zm12 0V13h2v10h-2Zm44 0V13h2v10h-2Zm16 0V13h2v10h-2Zm20 0V13h2v10h-2ZM4 22v-8h2v8H4Zm120 0v-8h2v8h-2Zm84 0v-8h2v8h-2Zm68 0v-8h2v8h-2Zm20 0v-8h2v8h-2ZM28 21v-6h2v6h-2Zm16 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm16 0v-6h2v6h-2Zm12 0v-6h2v6h-2Zm32 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm108 0v-6h2v6h-2Zm4 0v-6h2v6h-2ZM410 36V0h2v36h-2Zm24 0V0h2v36h-2Zm24 0V0h2v36h-2Zm36 0V0h2v36h-2Zm4 0V0h2v36h-2Zm52 0V0h2v36h-2Zm24 0V0h2v36h-2Zm8 0V0h2v36h-2Zm152 0V0h2v36h-2Zm-264-1V1h2v34h-2Zm60 0V1h2v34h-2Zm84 0V1h2v34h-2Zm4 0V1h2v34h-2Zm-152-1V2h2v32h-2Zm68 0V2h2v32h-2Zm156 0V2h2v32h-2Zm-264-1V3h2v30h-2Zm20 0V3h2v30h-2Zm60 0V3h2v30h-2Zm120 0V3h2v30h-2Zm24 0V3h2v30h-2Zm76 0V3h2v30h-2Zm-236-1V4h2v28h-2Zm28 0V4h2v28h-2Zm72 0V4h2v28h-2Zm56 0V4h2v28h-2Zm84 0V4h2v28h-2Zm32 0V4h2v28h-2Zm-364-1V5h2v26h-2Zm8 0V5h2v26h-2Zm72 0V5h2v26h-2Zm76 0V5h2v26h-2Zm24 0V5h2v26h-2Zm28 0V5h2v26h-2Zm4 0V5h2v26h-2Zm60 0V5h2v26h-2Zm16 0V5h2v26h-2Zm-284-1V6h2v24h-2Zm196 0V6h2v24h-2Zm140 0V6h2v24h-2Zm16 0V6h2v24h-2Zm-304-1V7h2v22h-2Zm256 0V7h2v22h-2Zm12 0V7h2v22h-2Zm-300-1V8h2v20h-2Zm24 0V8h2v20h-2Zm20 0V8h2v20h-2Zm60 0V8h2v20h-2Zm120 0V8h2v20h-2Zm24 0V8h2v20h-2Zm32 0V8h2v20h-2Zm4 0V8h2v20h-2Zm44 0V8h2v20h-2Zm12 0V8h2v20h-2Zm-372-2V10h2v16h-2Zm88 0V10h2v16h-2Zm28 0V10h2v16h-2Zm152 0V10h2v16h-2Zm20 0V10h2v16h-2Zm48 0V10h2v16h-2Zm-328-1V11h2v14h-2Zm28 0V11h2v14h-2Zm32 0V11h2v14h-2Zm28 0V11h2v14h-2Zm56 0V11h2v14h-2Zm8 0V11h2v14h-2Zm20 0V11h2v14h-2Zm72 0V11h2v14h-2Zm72 0V11h2v14h-2Zm32 0V11h2v14h-2Zm8 0V11h2v14h-2Zm-312-1V12h2v12h-2Zm192 0V12h2v12h-2Zm-116-1V13h2v10h-2Zm12 0V13h2v10h-2Zm36 0V13h2v10h-2Zm24 0V13h2v10h-2Zm36 0V13h2v10h-2Zm12 0V13h2v10h-2Zm44 0V13h2v10h-2Zm16 0V13h2v10h-2Zm20 0V13h2v10h-2Zm-324-1v-8h2v8h-2Zm120 0v-8h2v8h-2Zm84 0v-8h2v8h-2Zm68 0v-8h2v8h-2Zm20 0v-8h2v8h-2Zm-268-1v-6h2v6h-2Zm16 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm16 0v-6h2v6h-2Zm12 0v-6h2v6h-2Zm32 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm108 0v-6h2v6h-2Zm4 0v-6h2v6h-2Z"}):React__default.default.createElement("path",{d:"M24 36V0H26V36H24ZM48 36V0H50V36H48ZM72 36V0H74V36H72ZM108 36V0H110V36H108ZM112 36V0H114V36H112ZM164 36V0H166V36H164ZM188 36V0H190V36H188ZM196 36V0H198V36H196ZM348 36V0H350V36H348ZM84 35V1H86V35H84ZM144 35V1H146V35H144ZM228 35V1H230V35H228ZM232 35V1H234V35H232ZM80 34V2H82V34H80ZM148 34V2H150V34H148ZM304 34V2H306V34H304ZM40 33V3H42V33H40ZM60 33V3H62V33H60ZM120 33V3H122V33H120ZM240 33V3H242V33H240ZM264 33V3H266V33H264ZM340 33V3H342V33H340ZM104 32V4H106V32H104ZM132 32V4H134V32H132ZM204 32V4H206V32H204ZM260 32V4H262V32H260ZM344 32V4H346V32H344ZM376 32V4H378V32H376ZM12 31V5H14V31H12ZM20 31V5H22V31H20ZM92 31V5H94V31H92ZM168 31V5H170V31H168ZM192 31V5H194V31H192ZM220 31V5H222V31H220ZM224 31V5H226V31H224ZM284 31V5H286V31H284ZM300 31V5H302V31H300ZM16 30V6H18V30H16ZM212 30V6H214V30H212ZM352 30V6H354V30H352ZM368 30V6H370V30H368ZM64 29V7H66V29H64ZM320 29V7H322V29H320ZM332 29V7H334V29H332ZM32 28V8H34V28H32ZM56 28V8H58V28H56ZM76 28V8H78V28H76ZM136 28V8H138V28H136ZM256 28V8H258V28H256ZM280 28V8H282V28H280ZM312 28V8H314V28H312ZM316 28V8H318V28H316ZM360 28V8H362V28H360ZM372 28V8H374V28H372ZM0 26V10H2V26H0ZM88 26V10H90V26H88ZM116 26V10H118V26H116ZM268 26V10H270V26H268ZM288 26V10H290V26H288ZM336 26V10H338V26H336ZM8 25V11H10V25H8ZM36 25V11H38V25H36ZM68 25V11H70V25H68ZM96 25V11H98V25H96ZM152 25V11H154V25H152ZM160 25V11H162V25H160ZM180 25V11H182V25H180ZM252 25V11H254V25H252ZM324 25V11H326V25H324ZM356 25V11H358V25H356ZM364 25V11H366V25H364ZM52 24V12H54V24H52ZM244 24V12H246V24H244ZM128 23V13H130V23H128ZM140 23V13H142V23H140ZM176 23V13H178V23H176ZM200 23V13H202V23H200ZM236 23V13H238V23H236ZM248 23V13H250V23H248ZM292 23V13H294V23H292ZM308 23V13H310V23H308ZM328 23V13H330V23H328ZM4 22V14H6V22H4ZM124 22V14H126V22H124ZM208 22V14H210V22H208ZM276 22V14H278V22H276ZM296 22V14H298V22H296ZM28 21V15H30V21H28ZM44 21V15H46V21H44ZM100 21V15H102V21H100ZM156 21V15H158V21H156ZM172 21V15H174V21H172ZM184 21V15H186V21H184ZM216 21V15H218V21H216ZM272 21V15H274V21H272ZM380 21V15H382V21H380ZM384 21V15H386V21H384Z M408 36V0H410V36H408ZM432 36V0H434V36H432ZM456 36V0H458V36H456ZM492 36V0H494V36H492ZM496 36V0H498V36H496ZM548 36V0H550V36H548ZM572 36V0H574V36H572ZM580 36V0H582V36H580ZM732 36V0H734V36H732ZM468 35V1H470V35H468ZM528 35V1H530V35H528ZM612 35V1H614V35H612ZM616 35V1H618V35H616ZM464 34V2H466V34H464ZM532 34V2H534V34H532ZM688 34V2H690V34H688ZM424 33V3H426V33H424ZM444 33V3H446V33H444ZM504 33V3H506V33H504ZM624 33V3H626V33H624ZM648 33V3H650V33H648ZM724 33V3H726V33H724ZM488 32V4H490V32H488ZM516 32V4H518V32H516ZM588 32V4H590V32H588ZM644 32V4H646V32H644ZM728 32V4H730V32H728ZM760 32V4H762V32H760ZM396 31V5H398V31H396ZM404 31V5H406V31H404ZM476 31V5H478V31H476ZM552 31V5H554V31H552ZM576 31V5H578V31H576ZM604 31V5H606V31H604ZM608 31V5H610V31H608ZM668 31V5H670V31H668ZM684 31V5H686V31H684ZM400 30V6H402V30H400ZM596 30V6H598V30H596ZM736 30V6H738V30H736ZM752 30V6H754V30H752ZM448 29V7H450V29H448ZM704 29V7H706V29H704ZM716 29V7H718V29H716ZM416 28V8H418V28H416ZM440 28V8H442V28H440ZM460 28V8H462V28H460ZM520 28V8H522V28H520ZM640 28V8H642V28H640ZM664 28V8H666V28H664ZM696 28V8H698V28H696ZM700 28V8H702V28H700ZM744 28V8H746V28H744ZM756 28V8H758V28H756ZM384 26V10H386V26H384ZM472 26V10H474V26H472ZM500 26V10H502V26H500ZM652 26V10H654V26H652ZM672 26V10H674V26H672ZM720 26V10H722V26H720ZM392 25V11H394V25H392ZM420 25V11H422V25H420ZM452 25V11H454V25H452ZM480 25V11H482V25H480ZM536 25V11H538V25H536ZM544 25V11H546V25H544ZM564 25V11H566V25H564ZM636 25V11H638V25H636ZM708 25V11H710V25H708ZM740 25V11H742V25H740ZM748 25V11H750V25H748ZM436 24V12H438V24H436ZM628 24V12H630V24H628ZM512 23V13H514V23H512ZM524 23V13H526V23H524ZM560 23V13H562V23H560ZM584 23V13H586V23H584ZM620 23V13H622V23H620ZM632 23V13H634V23H632ZM676 23V13H678V23H676ZM692 23V13H694V23H692ZM712 23V13H714V23H712ZM388 22V14H390V22H388ZM508 22V14H510V22H508ZM592 22V14H594V22H592ZM660 22V14H662V22H660ZM680 22V14H682V22H680ZM412 21V15H414V21H412ZM428 21V15H430V21H428ZM484 21V15H486V21H484ZM540 21V15H542V21H540ZM556 21V15H558V21H556ZM568 21V15H570V21H568ZM600 21V15H602V21H600ZM656 21V15H658V21H656ZM764 21V15H766V21H764ZM768 21V15H770V21H768Z M788 36V0H790V36H788ZM812 36V0H814V36H812ZM836 36V0H838V36H836ZM872 36V0H874V36H872ZM876 36V0H878V36H876ZM928 36V0H930V36H928ZM952 36V0H954V36H952ZM960 36V0H962V36H960ZM1112 36V0H1114V36H1112ZM848 35V1H850V35H848ZM908 35V1H910V35H908ZM992 35V1H994V35H992ZM996 35V1H998V35H996ZM844 34V2H846V34H844ZM912 34V2H914V34H912ZM1068 34V2H1070V34H1068ZM804 33V3H806V33H804ZM824 33V3H826V33H824ZM884 33V3H886V33H884ZM1004 33V3H1006V33H1004ZM1028 33V3H1030V33H1028ZM1104 33V3H1106V33H1104ZM868 32V4H870V32H868ZM896 32V4H898V32H896ZM968 32V4H970V32H968ZM1024 32V4H1026V32H1024ZM1108 32V4H1110V32H1108ZM1140 32V4H1142V32H1140ZM776 31V5H778V31H776ZM784 31V5H786V31H784ZM856 31V5H858V31H856ZM932 31V5H934V31H932ZM956 31V5H958V31H956ZM984 31V5H986V31H984ZM988 31V5H990V31H988ZM1048 31V5H1050V31H1048ZM1064 31V5H1066V31H1064ZM780 30V6H782V30H780ZM976 30V6H978V30H976ZM1116 30V6H1118V30H1116ZM1132 30V6H1134V30H1132ZM828 29V7H830V29H828ZM1084 29V7H1086V29H1084ZM1096 29V7H1098V29H1096ZM796 28V8H798V28H796ZM820 28V8H822V28H820ZM840 28V8H842V28H840ZM900 28V8H902V28H900ZM1020 28V8H1022V28H1020ZM1044 28V8H1046V28H1044ZM1076 28V8H1078V28H1076ZM1080 28V8H1082V28H1080ZM1124 28V8H1126V28H1124ZM1136 28V8H1138V28H1136ZM764 26V10H766V26H764ZM852 26V10H854V26H852ZM880 26V10H882V26H880ZM1032 26V10H1034V26H1032ZM1052 26V10H1054V26H1052ZM1100 26V10H1102V26H1100ZM772 25V11H774V25H772ZM800 25V11H802V25H800ZM832 25V11H834V25H832ZM860 25V11H862V25H860ZM916 25V11H918V25H916ZM924 25V11H926V25H924ZM944 25V11H946V25H944ZM1016 25V11H1018V25H1016ZM1088 25V11H1090V25H1088ZM1120 25V11H1122V25H1120ZM1128 25V11H1130V25H1128ZM816 24V12H818V24H816ZM1008 24V12H1010V24H1008ZM892 23V13H894V23H892ZM904 23V13H906V23H904ZM940 23V13H942V23H940ZM964 23V13H966V23H964ZM1000 23V13H1002V23H1000ZM1012 23V13H1014V23H1012ZM1056 23V13H1058V23H1056ZM1072 23V13H1074V23H1072ZM1092 23V13H1094V23H1092ZM768 22V14H770V22H768ZM888 22V14H890V22H888ZM972 22V14H974V22H972ZM1040 22V14H1042V22H1040ZM1060 22V14H1062V22H1060ZM792 21V15H794V21H792ZM808 21V15H810V21H808ZM864 21V15H866V21H864ZM920 21V15H922V21H920ZM936 21V15H938V21H936ZM948 21V15H950V21H948ZM980 21V15H982V21H980ZM1036 21V15H1038V21H1036ZM1144 21V15H1146V21H1144ZM1148 21V15H1150V21H1148Z"}),React__default.default.createElement("defs",null,React__default.default.createElement("linearGradient",{id:M},React__default.default.createElement("stop",{offset:"0%",stopColor:"#0076D9"}),React__default.default.createElement("stop",{offset:H+"%",stopColor:"#0076D9"}),React__default.default.createElement("stop",{offset:H+"%",stopColor:"#4B545F"}))))},SVG=styled__default.default.svg`
+"use strict";var V=require("react/jsx-runtime"),H=require("react"),Z=require("styled-components");function h(V){return V&&"object"==typeof V&&"default"in V?V:{default:V}}var M=h(H);const v=h(Z).default.svg`
   fill: url(#${({$gradientId:V})=>V});
   cursor: pointer;
   ${({$sx:V})=>V||""}
-`;exports.AudioProgressBar=AudioProgressBar;
+`;exports.AudioProgressBar=({duration:H,progress:Z,onSeek:h,sx:m})=>{const e=M.default.useId(),t=100*Z/H,r=("undefined"!=typeof window?window:{innerWidth:0}).innerWidth<1440;return V.jsxs(v,{$gradientId:e,$sx:m,onClick:V=>{if(!h)return;const H=V.currentTarget.getBoundingClientRect().x,Z=V.clientX,M=V.currentTarget.clientWidth;h((Z-H)/M)},xmlns:"http://www.w3.org/2000/svg",viewBox:r?"0 0 772 36":"0 0 1150 36",children:[r?V.jsx("path",{d:"M24 36V0h2v36h-2Zm24 0V0h2v36h-2Zm24 0V0h2v36h-2Zm36 0V0h2v36h-2Zm4 0V0h2v36h-2Zm52 0V0h2v36h-2Zm24 0V0h2v36h-2Zm8 0V0h2v36h-2Zm152 0V0h2v36h-2ZM84 35V1h2v34h-2Zm60 0V1h2v34h-2Zm84 0V1h2v34h-2Zm4 0V1h2v34h-2ZM80 34V2h2v32h-2Zm68 0V2h2v32h-2Zm156 0V2h2v32h-2ZM40 33V3h2v30h-2Zm20 0V3h2v30h-2Zm60 0V3h2v30h-2Zm120 0V3h2v30h-2Zm24 0V3h2v30h-2Zm76 0V3h2v30h-2Zm-236-1V4h2v28h-2Zm28 0V4h2v28h-2Zm72 0V4h2v28h-2Zm56 0V4h2v28h-2Zm84 0V4h2v28h-2Zm32 0V4h2v28h-2ZM12 31V5h2v26h-2Zm8 0V5h2v26h-2Zm72 0V5h2v26h-2Zm76 0V5h2v26h-2Zm24 0V5h2v26h-2Zm28 0V5h2v26h-2Zm4 0V5h2v26h-2Zm60 0V5h2v26h-2Zm16 0V5h2v26h-2ZM16 30V6h2v24h-2Zm196 0V6h2v24h-2Zm140 0V6h2v24h-2Zm16 0V6h2v24h-2ZM64 29V7h2v22h-2Zm256 0V7h2v22h-2Zm12 0V7h2v22h-2ZM32 28V8h2v20h-2Zm24 0V8h2v20h-2Zm20 0V8h2v20h-2Zm60 0V8h2v20h-2Zm120 0V8h2v20h-2Zm24 0V8h2v20h-2Zm32 0V8h2v20h-2Zm4 0V8h2v20h-2Zm44 0V8h2v20h-2Zm12 0V8h2v20h-2ZM0 26V10h2v16H0Zm88 0V10h2v16h-2Zm28 0V10h2v16h-2Zm152 0V10h2v16h-2Zm20 0V10h2v16h-2Zm48 0V10h2v16h-2ZM8 25V11h2v14H8Zm28 0V11h2v14h-2Zm32 0V11h2v14h-2Zm28 0V11h2v14h-2Zm56 0V11h2v14h-2Zm8 0V11h2v14h-2Zm20 0V11h2v14h-2Zm72 0V11h2v14h-2Zm72 0V11h2v14h-2Zm32 0V11h2v14h-2Zm8 0V11h2v14h-2ZM52 24V12h2v12h-2Zm192 0V12h2v12h-2Zm-116-1V13h2v10h-2Zm12 0V13h2v10h-2Zm36 0V13h2v10h-2Zm24 0V13h2v10h-2Zm36 0V13h2v10h-2Zm12 0V13h2v10h-2Zm44 0V13h2v10h-2Zm16 0V13h2v10h-2Zm20 0V13h2v10h-2ZM4 22v-8h2v8H4Zm120 0v-8h2v8h-2Zm84 0v-8h2v8h-2Zm68 0v-8h2v8h-2Zm20 0v-8h2v8h-2ZM28 21v-6h2v6h-2Zm16 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm16 0v-6h2v6h-2Zm12 0v-6h2v6h-2Zm32 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm108 0v-6h2v6h-2Zm4 0v-6h2v6h-2ZM410 36V0h2v36h-2Zm24 0V0h2v36h-2Zm24 0V0h2v36h-2Zm36 0V0h2v36h-2Zm4 0V0h2v36h-2Zm52 0V0h2v36h-2Zm24 0V0h2v36h-2Zm8 0V0h2v36h-2Zm152 0V0h2v36h-2Zm-264-1V1h2v34h-2Zm60 0V1h2v34h-2Zm84 0V1h2v34h-2Zm4 0V1h2v34h-2Zm-152-1V2h2v32h-2Zm68 0V2h2v32h-2Zm156 0V2h2v32h-2Zm-264-1V3h2v30h-2Zm20 0V3h2v30h-2Zm60 0V3h2v30h-2Zm120 0V3h2v30h-2Zm24 0V3h2v30h-2Zm76 0V3h2v30h-2Zm-236-1V4h2v28h-2Zm28 0V4h2v28h-2Zm72 0V4h2v28h-2Zm56 0V4h2v28h-2Zm84 0V4h2v28h-2Zm32 0V4h2v28h-2Zm-364-1V5h2v26h-2Zm8 0V5h2v26h-2Zm72 0V5h2v26h-2Zm76 0V5h2v26h-2Zm24 0V5h2v26h-2Zm28 0V5h2v26h-2Zm4 0V5h2v26h-2Zm60 0V5h2v26h-2Zm16 0V5h2v26h-2Zm-284-1V6h2v24h-2Zm196 0V6h2v24h-2Zm140 0V6h2v24h-2Zm16 0V6h2v24h-2Zm-304-1V7h2v22h-2Zm256 0V7h2v22h-2Zm12 0V7h2v22h-2Zm-300-1V8h2v20h-2Zm24 0V8h2v20h-2Zm20 0V8h2v20h-2Zm60 0V8h2v20h-2Zm120 0V8h2v20h-2Zm24 0V8h2v20h-2Zm32 0V8h2v20h-2Zm4 0V8h2v20h-2Zm44 0V8h2v20h-2Zm12 0V8h2v20h-2Zm-372-2V10h2v16h-2Zm88 0V10h2v16h-2Zm28 0V10h2v16h-2Zm152 0V10h2v16h-2Zm20 0V10h2v16h-2Zm48 0V10h2v16h-2Zm-328-1V11h2v14h-2Zm28 0V11h2v14h-2Zm32 0V11h2v14h-2Zm28 0V11h2v14h-2Zm56 0V11h2v14h-2Zm8 0V11h2v14h-2Zm20 0V11h2v14h-2Zm72 0V11h2v14h-2Zm72 0V11h2v14h-2Zm32 0V11h2v14h-2Zm8 0V11h2v14h-2Zm-312-1V12h2v12h-2Zm192 0V12h2v12h-2Zm-116-1V13h2v10h-2Zm12 0V13h2v10h-2Zm36 0V13h2v10h-2Zm24 0V13h2v10h-2Zm36 0V13h2v10h-2Zm12 0V13h2v10h-2Zm44 0V13h2v10h-2Zm16 0V13h2v10h-2Zm20 0V13h2v10h-2Zm-324-1v-8h2v8h-2Zm120 0v-8h2v8h-2Zm84 0v-8h2v8h-2Zm68 0v-8h2v8h-2Zm20 0v-8h2v8h-2Zm-268-1v-6h2v6h-2Zm16 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm16 0v-6h2v6h-2Zm12 0v-6h2v6h-2Zm32 0v-6h2v6h-2Zm56 0v-6h2v6h-2Zm108 0v-6h2v6h-2Zm4 0v-6h2v6h-2Z"}):V.jsx("path",{d:"M24 36V0H26V36H24ZM48 36V0H50V36H48ZM72 36V0H74V36H72ZM108 36V0H110V36H108ZM112 36V0H114V36H112ZM164 36V0H166V36H164ZM188 36V0H190V36H188ZM196 36V0H198V36H196ZM348 36V0H350V36H348ZM84 35V1H86V35H84ZM144 35V1H146V35H144ZM228 35V1H230V35H228ZM232 35V1H234V35H232ZM80 34V2H82V34H80ZM148 34V2H150V34H148ZM304 34V2H306V34H304ZM40 33V3H42V33H40ZM60 33V3H62V33H60ZM120 33V3H122V33H120ZM240 33V3H242V33H240ZM264 33V3H266V33H264ZM340 33V3H342V33H340ZM104 32V4H106V32H104ZM132 32V4H134V32H132ZM204 32V4H206V32H204ZM260 32V4H262V32H260ZM344 32V4H346V32H344ZM376 32V4H378V32H376ZM12 31V5H14V31H12ZM20 31V5H22V31H20ZM92 31V5H94V31H92ZM168 31V5H170V31H168ZM192 31V5H194V31H192ZM220 31V5H222V31H220ZM224 31V5H226V31H224ZM284 31V5H286V31H284ZM300 31V5H302V31H300ZM16 30V6H18V30H16ZM212 30V6H214V30H212ZM352 30V6H354V30H352ZM368 30V6H370V30H368ZM64 29V7H66V29H64ZM320 29V7H322V29H320ZM332 29V7H334V29H332ZM32 28V8H34V28H32ZM56 28V8H58V28H56ZM76 28V8H78V28H76ZM136 28V8H138V28H136ZM256 28V8H258V28H256ZM280 28V8H282V28H280ZM312 28V8H314V28H312ZM316 28V8H318V28H316ZM360 28V8H362V28H360ZM372 28V8H374V28H372ZM0 26V10H2V26H0ZM88 26V10H90V26H88ZM116 26V10H118V26H116ZM268 26V10H270V26H268ZM288 26V10H290V26H288ZM336 26V10H338V26H336ZM8 25V11H10V25H8ZM36 25V11H38V25H36ZM68 25V11H70V25H68ZM96 25V11H98V25H96ZM152 25V11H154V25H152ZM160 25V11H162V25H160ZM180 25V11H182V25H180ZM252 25V11H254V25H252ZM324 25V11H326V25H324ZM356 25V11H358V25H356ZM364 25V11H366V25H364ZM52 24V12H54V24H52ZM244 24V12H246V24H244ZM128 23V13H130V23H128ZM140 23V13H142V23H140ZM176 23V13H178V23H176ZM200 23V13H202V23H200ZM236 23V13H238V23H236ZM248 23V13H250V23H248ZM292 23V13H294V23H292ZM308 23V13H310V23H308ZM328 23V13H330V23H328ZM4 22V14H6V22H4ZM124 22V14H126V22H124ZM208 22V14H210V22H208ZM276 22V14H278V22H276ZM296 22V14H298V22H296ZM28 21V15H30V21H28ZM44 21V15H46V21H44ZM100 21V15H102V21H100ZM156 21V15H158V21H156ZM172 21V15H174V21H172ZM184 21V15H186V21H184ZM216 21V15H218V21H216ZM272 21V15H274V21H272ZM380 21V15H382V21H380ZM384 21V15H386V21H384Z M408 36V0H410V36H408ZM432 36V0H434V36H432ZM456 36V0H458V36H456ZM492 36V0H494V36H492ZM496 36V0H498V36H496ZM548 36V0H550V36H548ZM572 36V0H574V36H572ZM580 36V0H582V36H580ZM732 36V0H734V36H732ZM468 35V1H470V35H468ZM528 35V1H530V35H528ZM612 35V1H614V35H612ZM616 35V1H618V35H616ZM464 34V2H466V34H464ZM532 34V2H534V34H532ZM688 34V2H690V34H688ZM424 33V3H426V33H424ZM444 33V3H446V33H444ZM504 33V3H506V33H504ZM624 33V3H626V33H624ZM648 33V3H650V33H648ZM724 33V3H726V33H724ZM488 32V4H490V32H488ZM516 32V4H518V32H516ZM588 32V4H590V32H588ZM644 32V4H646V32H644ZM728 32V4H730V32H728ZM760 32V4H762V32H760ZM396 31V5H398V31H396ZM404 31V5H406V31H404ZM476 31V5H478V31H476ZM552 31V5H554V31H552ZM576 31V5H578V31H576ZM604 31V5H606V31H604ZM608 31V5H610V31H608ZM668 31V5H670V31H668ZM684 31V5H686V31H684ZM400 30V6H402V30H400ZM596 30V6H598V30H596ZM736 30V6H738V30H736ZM752 30V6H754V30H752ZM448 29V7H450V29H448ZM704 29V7H706V29H704ZM716 29V7H718V29H716ZM416 28V8H418V28H416ZM440 28V8H442V28H440ZM460 28V8H462V28H460ZM520 28V8H522V28H520ZM640 28V8H642V28H640ZM664 28V8H666V28H664ZM696 28V8H698V28H696ZM700 28V8H702V28H700ZM744 28V8H746V28H744ZM756 28V8H758V28H756ZM384 26V10H386V26H384ZM472 26V10H474V26H472ZM500 26V10H502V26H500ZM652 26V10H654V26H652ZM672 26V10H674V26H672ZM720 26V10H722V26H720ZM392 25V11H394V25H392ZM420 25V11H422V25H420ZM452 25V11H454V25H452ZM480 25V11H482V25H480ZM536 25V11H538V25H536ZM544 25V11H546V25H544ZM564 25V11H566V25H564ZM636 25V11H638V25H636ZM708 25V11H710V25H708ZM740 25V11H742V25H740ZM748 25V11H750V25H748ZM436 24V12H438V24H436ZM628 24V12H630V24H628ZM512 23V13H514V23H512ZM524 23V13H526V23H524ZM560 23V13H562V23H560ZM584 23V13H586V23H584ZM620 23V13H622V23H620ZM632 23V13H634V23H632ZM676 23V13H678V23H676ZM692 23V13H694V23H692ZM712 23V13H714V23H712ZM388 22V14H390V22H388ZM508 22V14H510V22H508ZM592 22V14H594V22H592ZM660 22V14H662V22H660ZM680 22V14H682V22H680ZM412 21V15H414V21H412ZM428 21V15H430V21H428ZM484 21V15H486V21H484ZM540 21V15H542V21H540ZM556 21V15H558V21H556ZM568 21V15H570V21H568ZM600 21V15H602V21H600ZM656 21V15H658V21H656ZM764 21V15H766V21H764ZM768 21V15H770V21H768Z M788 36V0H790V36H788ZM812 36V0H814V36H812ZM836 36V0H838V36H836ZM872 36V0H874V36H872ZM876 36V0H878V36H876ZM928 36V0H930V36H928ZM952 36V0H954V36H952ZM960 36V0H962V36H960ZM1112 36V0H1114V36H1112ZM848 35V1H850V35H848ZM908 35V1H910V35H908ZM992 35V1H994V35H992ZM996 35V1H998V35H996ZM844 34V2H846V34H844ZM912 34V2H914V34H912ZM1068 34V2H1070V34H1068ZM804 33V3H806V33H804ZM824 33V3H826V33H824ZM884 33V3H886V33H884ZM1004 33V3H1006V33H1004ZM1028 33V3H1030V33H1028ZM1104 33V3H1106V33H1104ZM868 32V4H870V32H868ZM896 32V4H898V32H896ZM968 32V4H970V32H968ZM1024 32V4H1026V32H1024ZM1108 32V4H1110V32H1108ZM1140 32V4H1142V32H1140ZM776 31V5H778V31H776ZM784 31V5H786V31H784ZM856 31V5H858V31H856ZM932 31V5H934V31H932ZM956 31V5H958V31H956ZM984 31V5H986V31H984ZM988 31V5H990V31H988ZM1048 31V5H1050V31H1048ZM1064 31V5H1066V31H1064ZM780 30V6H782V30H780ZM976 30V6H978V30H976ZM1116 30V6H1118V30H1116ZM1132 30V6H1134V30H1132ZM828 29V7H830V29H828ZM1084 29V7H1086V29H1084ZM1096 29V7H1098V29H1096ZM796 28V8H798V28H796ZM820 28V8H822V28H820ZM840 28V8H842V28H840ZM900 28V8H902V28H900ZM1020 28V8H1022V28H1020ZM1044 28V8H1046V28H1044ZM1076 28V8H1078V28H1076ZM1080 28V8H1082V28H1080ZM1124 28V8H1126V28H1124ZM1136 28V8H1138V28H1136ZM764 26V10H766V26H764ZM852 26V10H854V26H852ZM880 26V10H882V26H880ZM1032 26V10H1034V26H1032ZM1052 26V10H1054V26H1052ZM1100 26V10H1102V26H1100ZM772 25V11H774V25H772ZM800 25V11H802V25H800ZM832 25V11H834V25H832ZM860 25V11H862V25H860ZM916 25V11H918V25H916ZM924 25V11H926V25H924ZM944 25V11H946V25H944ZM1016 25V11H1018V25H1016ZM1088 25V11H1090V25H1088ZM1120 25V11H1122V25H1120ZM1128 25V11H1130V25H1128ZM816 24V12H818V24H816ZM1008 24V12H1010V24H1008ZM892 23V13H894V23H892ZM904 23V13H906V23H904ZM940 23V13H942V23H940ZM964 23V13H966V23H964ZM1000 23V13H1002V23H1000ZM1012 23V13H1014V23H1012ZM1056 23V13H1058V23H1056ZM1072 23V13H1074V23H1072ZM1092 23V13H1094V23H1092ZM768 22V14H770V22H768ZM888 22V14H890V22H888ZM972 22V14H974V22H972ZM1040 22V14H1042V22H1040ZM1060 22V14H1062V22H1060ZM792 21V15H794V21H792ZM808 21V15H810V21H808ZM864 21V15H866V21H864ZM920 21V15H922V21H920ZM936 21V15H938V21H936ZM948 21V15H950V21H948ZM980 21V15H982V21H980ZM1036 21V15H1038V21H1036ZM1144 21V15H1146V21H1144ZM1148 21V15H1150V21H1148Z"}),V.jsx("defs",{children:V.jsxs("linearGradient",{id:e,children:[V.jsx("stop",{offset:"0%",stopColor:"#0076D9"}),V.jsx("stop",{offset:`${t}%`,stopColor:"#0076D9"}),V.jsx("stop",{offset:`${t}%`,stopColor:"#4B545F"})]})})]})};

package/dist/components/media/audio-player/audio-player.js

@@ -1,8 +1,8 @@
 "use client";
-"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),Player=require("react-h5-audio-player"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js"),fast_forward_30=require("../../../icons/audio_video/fast_forward_30.js"),play=require("../../../icons/audio_video/play.js"),rewind_30=require("../../../icons/audio_video/rewind_30.js"),volume_high=require("../../../icons/audio_video/volume_high.js"),volume_slash=require("../../../icons/audio_video/volume_slash.js"),progressBar=require("../audio/progress-bar.js"),constants=require("../constants.js"),localStorage=(require("react-h5-audio-player/lib/styles.css"),require("../../../utils/local-storage.js")),playing_indicator=require("../audio-playlist/playing_indicator.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),styled__default=_interopDefaultCompat(styled),Player__default=_interopDefaultCompat(Player);const AudioPlayer=({autoPlay:e,autoPlayAfterSrcChange:a,onListen:t,onPause:r,onPlay:o,onSeek:l,playing:u,progress:i,id:n,src:d,title:c,thumbnail:s,playerRef:p,setPlayerRef:_})=>{var[f,m]=React__default.default.useState(null);const[g,h]=localStorage.useLocalStorage("audio-volume",1),[y,x]=React__default.default.useState(!1);var R=React__default.default.useRef(null);const v=p||f;p=_||m,f=Math.ceil(((v?.audio.current?.duration||0)-i)/60),_=0===f?"":1===f?"Under 1 minute left":2===f?"1 minute left":f+" minutes left";React__default.default.useEffect(()=>{v?.audio.current?.volume&&(v.audio.current.volume=g),v?.audio.current&&!u?v.audio.current.pause():v?.audio.current&&v.audio.current.play()},[u,v?.audio.current]),React__default.default.useEffect(()=>{x(!1)},[n]),React__default.default.useEffect(()=>{if(v?.audio.current&&i&&!y){const e=v.audio.current,a=()=>{e.currentTime=i,x(!0),u&&e.play(),e.removeEventListener("loadedmetadata",a)};1<=e.readyState?(e.currentTime=i,x(!0),u&&e.play()):e.addEventListener("loadedmetadata",a)}},[i,v?.audio.current,y,u,n]);return React__default.default.createElement(Wrapper,null,React__default.default.createElement(Player__default.default,{autoPlay:e,autoPlayAfterSrcChange:a,customIcons:{forward:React__default.default.createElement(fast_forward_30.FastForward30,{color:"grey-9",size:20}),pause:React__default.default.createElement(playing_indicator.NowPlaying,{sx:"width: 20px; height: 20px;"}),play:React__default.default.createElement(play.Play,{color:"grey-9",size:20}),rewind:React__default.default.createElement(rewind_30.Rewind30,{color:"grey-9",size:20}),volume:React__default.default.createElement(volume_high.VolumeHigh,{color:"grey-9",size:20}),volumeMute:React__default.default.createElement(volume_slash.VolumeSlash,{color:"grey-9",size:20})},customAdditionalControls:[React__default.default.createElement(box.Box,{className:"image-title-container",$align:"center",$gap:56},React__default.default.createElement(Image__default.default,{alt:"",height:64,src:s,width:64,style:{height:64}}),React__default.default.createElement(box.Box,{sx:"max-width: 250px; height: 52px;",$dir:"column",$gap:16},React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:16,$lineHeight:20,$semiBold:!0},c),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$mediumBold:!0},_)))],customControlsSection:[Player.RHAP_UI.ADDITIONAL_CONTROLS,Player.RHAP_UI.MAIN_CONTROLS],customProgressBarSection:[React__default.default.createElement(progressBar.AudioProgressBar,{key:"audio-progress-"+i,duration:v?.audio.current?.duration||0,progress:i,onSeek:e=>{v?.audio.current&&(v.audio.current.currentTime=v.audio.current.duration*e,l)&&l(e)},sx:"width: calc(100vw - 841px);"}),Player.RHAP_UI.VOLUME_CONTROLS,Player.RHAP_UI.CURRENT_TIME,React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:14}," ","/"," "),Player.RHAP_UI.DURATION],customVolumeControls:[React__default.default.createElement(VolumeWrapper,{key:"volume-wrapper"},React__default.default.createElement(VolumeBar,{ref:R,type:"range",min:"0",max:"1",step:"0.01",volume:g,defaultValue:g.toString(),onInput:e=>{e=parseFloat(e.target.value);v?.audio.current&&(h(e),v.audio.current.volume=e)}}))],hasDefaultKeyBindings:!1,layout:"horizontal-reverse",listenInterval:constants.LISTEN_CALLBACK_INTERVAL,onListen:()=>{v?.audio.current?.currentTime&&t&&t(v.audio.current.currentTime)},onPause:r,onPlay:o,progressJumpSteps:{backward:constants.FF_INTERVAL,forward:constants.FF_INTERVAL},ref:p,src:d}))},VolumeWrapper=styled__default.default.div`
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("next/image"),t=require("styled-components"),a=require("react-h5-audio-player"),i=require("../../atoms/box/box.js"),u=require("../../atoms/typography/paragraph.js"),n=require("../../../icons/audio_video/fast_forward_30.js"),s=require("../../../icons/audio_video/play.js"),l=require("../../../icons/audio_video/rewind_30.js"),d=require("../../../icons/audio_video/volume_high.js"),c=require("../../../icons/audio_video/volume_slash.js"),p=require("../audio/progress-bar.js"),h=require("../constants.js");require("react-h5-audio-player/lib/styles.css");var m=require("../../../utils/local-storage.js"),g=require("../audio-playlist/playing_indicator.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=x(r),y=x(o),v=x(t),_=x(a);const j=v.default.div`
   display: flex;
   align-items: center;
-`,VolumeBar=styled__default.default.input`
+`,b=v.default.input`
   -webkit-appearance: none;
   appearance: none;
   width: 112px;
@@ -30,7 +30,7 @@
     border: 2px solid var(--color-primary-blue-2);
     cursor: pointer;
   }
-`,Wrapper=styled__default.default.div`
+`,w=v.default.div`
   position: fixed;
   width: 100%;
   bottom: 0px;
@@ -80,4 +80,4 @@
       }
     }
   }
-`;exports.AudioPlayer=AudioPlayer;
+`;exports.AudioPlayer=({autoPlay:r,autoPlayAfterSrcChange:o,onListen:t,onPause:x,onPlay:v,onSeek:P,playing:S,progress:A,id:R,src:$,title:q,thumbnail:I,playerRef:L,setPlayerRef:T})=>{const[N,E]=f.default.useState(null),[k,C]=m.useLocalStorage("audio-volume",1),[z,O]=f.default.useState(!1),U=f.default.useRef(null),B=L||N,H=T||E,V=Math.ceil(((B?.audio.current?.duration||0)-A)/60),F=0===V?"":1===V?"Under 1 minute left":2===V?"1 minute left":V+" minutes left";f.default.useEffect(()=>{B?.audio.current?.volume&&(B.audio.current.volume=k),B?.audio.current&&!S?B.audio.current.pause():B?.audio.current&&B.audio.current.play()},[S,B?.audio.current]),f.default.useEffect(()=>{O(!1)},[R]),f.default.useEffect(()=>{if(!B?.audio.current||!A||z)return;const e=B.audio.current,r=()=>{e.currentTime=A,O(!0),S&&e.play(),e.removeEventListener("loadedmetadata",r)};e.readyState>=1?(e.currentTime=A,O(!0),S&&e.play()):e.addEventListener("loadedmetadata",r)},[A,B?.audio.current,z,S,R]);return e.jsx(w,{children:e.jsx(_.default,{autoPlay:r,autoPlayAfterSrcChange:o,customIcons:{forward:e.jsx(n.FastForward30,{color:"grey-9",size:20}),pause:e.jsx(g.NowPlaying,{sx:"width: 20px; height: 20px;"}),play:e.jsx(s.Play,{color:"grey-9",size:20}),rewind:e.jsx(l.Rewind30,{color:"grey-9",size:20}),volume:e.jsx(d.VolumeHigh,{color:"grey-9",size:20}),volumeMute:e.jsx(c.VolumeSlash,{color:"grey-9",size:20})},customAdditionalControls:[e.jsxs(i.Box,{className:"image-title-container",$align:"center",$gap:56,children:[e.jsx(y.default,{alt:"",height:64,src:I,width:64,style:{height:64}}),e.jsxs(i.Box,{sx:"max-width: 250px; height: 52px;",$dir:"column",$gap:16,children:[e.jsx(u.P,{$color:"white",$fontSize:16,$lineHeight:20,$semiBold:!0,children:q}),e.jsx(u.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$mediumBold:!0,children:F})]})]})],customControlsSection:[a.RHAP_UI.ADDITIONAL_CONTROLS,a.RHAP_UI.MAIN_CONTROLS],customProgressBarSection:[e.jsx(p.AudioProgressBar,{duration:B?.audio.current?.duration||0,progress:A,onSeek:e=>{B?.audio.current&&(B.audio.current.currentTime=B.audio.current.duration*e,P&&P(e))},sx:"width: calc(100vw - 841px);"},`audio-progress-${A}`),a.RHAP_UI.VOLUME_CONTROLS,a.RHAP_UI.CURRENT_TIME,e.jsxs(u.P,{$color:"white",$fontSize:14,children:[" ","/"," "]}),a.RHAP_UI.DURATION],customVolumeControls:[e.jsx(j,{children:e.jsx(b,{ref:U,type:"range",min:"0",max:"1",step:"0.01",volume:k,defaultValue:k.toString(),onInput:e=>{const r=parseFloat(e.target.value);B?.audio.current&&(C(r),B.audio.current.volume=r)}})},"volume-wrapper")],hasDefaultKeyBindings:!1,layout:"horizontal-reverse",listenInterval:h.LISTEN_CALLBACK_INTERVAL,onListen:()=>{B?.audio.current?.currentTime&&t&&t(B.audio.current.currentTime)},onPause:x,onPlay:v,progressJumpSteps:{backward:h.FF_INTERVAL,forward:h.FF_INTERVAL},ref:H,src:$})})};

package/dist/components/media/audio-playlist/audio-playlist.js

@@ -1,13 +1,10 @@
-"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),arrow_up=require("../../../icons/arrow/arrow_up.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),audioPlayer=require("../audio-player/audio-player.js"),playlistItem=require("./playlist-item.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),styled__default=_interopDefaultCompat(styled);const AudioPlaylist=({activeIndex:e,bannerSx:t,darkMode:a,isPaidUser:l,onProgress:r,playlist:i,playlistSx:d,previewImage:o,showPlayer:n=!0,setMediaItem:u,subtitle:s,title:p})=>{var f="undefined"!=typeof window?window:null;const c=i?.[e],[_,m]=React__default.default.useState(!1),[g,x]=React__default.default.useState(!1),[y,h]=React__default.default.useState(0),[w,b]=React__default.default.useState(null);React__default.default.useEffect(()=>{void 0!==c?.progress?h(c.progress):h(0)},[e,c?.progress]);const $=e=>{c&&w?.audio.current&&(e=c.duration*e,w.audio.current.currentTime=e,h(e),r)&&r(e)};return React__default.default.createElement(Wrapper,{$darkMode:a,$fullscreen:!!l&&_},React__default.default.createElement(ThumbnailWrapper,{$sx:t},React__default.default.createElement(Image__default.default,{alt:"thumbnail",height:400,width:f?.innerWidth||500,src:o}),React__default.default.createElement(box.Box,{$dir:"column",sx:"padding: 100px 0px 160px; position: relative; z-index: 2; margin: 0px 160px;"},React__default.default.createElement(heading.H,{$bold:!0,$color:a?"white":"grey-0",$fontSize:64,$lineHeight:96},p),React__default.default.createElement(heading.H,{$color:a?"grey-8":"grey-3",$fontSize:28,$lineHeight:36,$semiBold:!0},s))),React__default.default.createElement(PlaylistWrapper,{$fullscreen:_,$sx:d},i.map((e,t)=>React__default.default.createElement(playlistItem.PlaylistItem,{darkMode:a,duration:e.duration,isPaidUser:l,key:e.id,itemId:e.id,mediaItemId:c?.id,playing:e.id===c?.id&&g,progress:e.id===c?.id?y:e.progress??0,onPause:()=>x(!1),onPlay:()=>{u(t),x(!0)},onSeek:$,title:e.title,thumbnail:e.thumbnail}))),React__default.default.createElement(Shade,{$darkMode:a,$isFullscreen:_},l&&React__default.default.createElement(Button,{onClick:()=>m(e=>!e)},_?React__default.default.createElement(arrow_up.ArrowUp,{color:"grey-0",size:24}):React__default.default.createElement(chevron_down.ChevronDown,{color:a?"white":"grey-0",size:24}))),c&&n?React__default.default.createElement(BottomBarWrapper,null,React__default.default.createElement(audioPlayer.AudioPlayer,{playerRef:w,setPlayerRef:b,onListen:e=>{h(e),r&&r(e)},onPause:()=>x(!1),onPlay:()=>x(!0),onSeek:$,playing:g,progress:y,id:c.id,src:c.src,thumbnail:c.thumbnail,title:c.title})):null)},Wrapper=styled__default.default.div`
-  ${({$fullscreen:e})=>e?`height: 100vh;
-      overflow-y: auto;
-      overflow-x: hidden;`:`height: 744px;
-      overflow: hidden;`}
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("next/image"),r=require("styled-components"),n=require("../../atoms/box/box.js"),o=require("../../atoms/typography/heading.js"),a=require("../../../icons/arrow/arrow_up.js"),d=require("../../../icons/arrow/chevron_down.js"),l=require("../audio-player/audio-player.js"),s=require("./playlist-item.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=u(i),x=u(t),c=u(r);const h=c.default.div`
+  ${({$fullscreen:e})=>e?"height: 100vh;\n      overflow-y: auto;\n      overflow-x: hidden;":"height: 744px;\n      overflow: hidden;"}
   width: 100vw;
   position: relative;
   padding-bottom: 24px;
   background-color: ${({$darkMode:e})=>e?"var(--color-grey-0)":"white"};
-`,ThumbnailWrapper=styled__default.default.div`
+`,f=c.default.div`
   width: 100%;
   max-width: 2240px;
   margin: 0 auto;
@@ -20,7 +17,7 @@
     z-index: 0;
   }
   ${({$sx:e})=>e||""};
-`,Shade=styled__default.default.div`
+`,g=c.default.div`
   position: absolute;
   bottom: 0px;
   left: 0px;
@@ -34,23 +31,13 @@
     ${({$darkMode:e})=>e?"rgba(0, 0, 0, 0) 0%, #000":"rgba(255, 255, 255, 0) 0%, #fff"}
       100%
   );
-  ${({$isFullscreen:e})=>e?`padding: 0px 24px;
-        align-items: flex-start;
-        justify-content: flex-end;
-        button {
-          background-color: white;
-        }`:`padding: 96px 0px 16px;
-        align-items: center;
-        justify-content: center;
-        button {
-          background-color: transparent;
-        }`}
-`,Button=styled__default.default.button`
+  ${({$isFullscreen:e})=>e?"padding: 0px 24px;\n        align-items: flex-start;\n        justify-content: flex-end;\n        button {\n          background-color: white;\n        }":"padding: 96px 0px 16px;\n        align-items: center;\n        justify-content: center;\n        button {\n          background-color: transparent;\n        }"}
+`,m=c.default.button`
   padding: 12px;
   appearance: none;
   border-radius: 50%;
   pointer-events: all;
-`,PlaylistWrapper=styled__default.default.div`
+`,y=c.default.div`
   width: 100%;
   max-width: 2240px;
   margin: 0 auto;
@@ -60,12 +47,9 @@
   display: flex;
   flex-direction: column;
   overflow-y: auto;
-  ${({$fullscreen:e})=>e?"":`max-height: 350px; overflow-y: auto;
-      &::-webkit-scrollbar {
-        width: 0px;
-      }`}
+  ${({$fullscreen:e})=>e?"":"max-height: 350px; overflow-y: auto;\n      &::-webkit-scrollbar {\n        width: 0px;\n      }"}
   ${({$sx:e})=>e||""};
-`,BottomBarWrapper=styled__default.default.nav`
+`,w=c.default.nav`
   position: fixed;
   z-index: 50000;
-`;exports.AudioPlaylist=AudioPlaylist;
+`;exports.AudioPlaylist=({activeIndex:i,bannerSx:t,darkMode:r,isPaidUser:u,onProgress:c,playlist:$,playlistSx:b,previewImage:v,showPlayer:j=!0,setMediaItem:k,subtitle:P,title:q})=>{const S="undefined"!=typeof window?window:null,z=$?.[i],[I,M]=p.default.useState(!1),[H,A]=p.default.useState(!1),[U,B]=p.default.useState(0),[C,F]=p.default.useState(null);p.default.useEffect(()=>{B(void 0!==z?.progress?z.progress:0)},[i,z?.progress]);const R=e=>{if(z&&C?.audio.current){const i=z.duration*e;C.audio.current.currentTime=i,B(i),c&&c(i)}};return e.jsxs(h,{$darkMode:r,$fullscreen:!!u&&I,children:[e.jsxs(f,{$sx:t,children:[e.jsx(x.default,{alt:"thumbnail",height:400,width:S?.innerWidth||500,src:v}),e.jsxs(n.Box,{$dir:"column",sx:"padding: 100px 0px 160px; position: relative; z-index: 2; margin: 0px 160px;",children:[e.jsx(o.H,{$bold:!0,$color:r?"white":"grey-0",$fontSize:64,$lineHeight:96,children:q}),e.jsx(o.H,{$color:r?"grey-8":"grey-3",$fontSize:28,$lineHeight:36,$semiBold:!0,children:P})]})]}),e.jsx(y,{$fullscreen:I,$sx:b,children:$.map((i,t)=>e.jsx(s.PlaylistItem,{darkMode:r,duration:i.duration,isPaidUser:u,itemId:i.id,mediaItemId:z?.id,playing:i.id===z?.id&&H,progress:i.id===z?.id?U:i.progress??0,onPause:()=>A(!1),onPlay:()=>(k(t),void A(!0)),onSeek:R,title:i.title,thumbnail:i.thumbnail},i.id))}),e.jsx(g,{$darkMode:r,$isFullscreen:I,children:u&&e.jsx(m,{onClick:()=>M(e=>!e),children:I?e.jsx(a.ArrowUp,{color:"grey-0",size:24}):e.jsx(d.ChevronDown,{color:r?"white":"grey-0",size:24})})}),z&&j?e.jsx(w,{children:e.jsx(l.AudioPlayer,{playerRef:C,setPlayerRef:F,onListen:e=>{B(e),c&&c(e)},onPause:()=>A(!1),onPlay:()=>A(!0),onSeek:R,playing:H,progress:U,id:z.id,src:z.src,thumbnail:z.thumbnail,title:z.title})}):null]})};

package/dist/components/media/audio-playlist/playing_indicator.js

@@ -1,4 +1,4 @@
-"use strict";var React=require("react"),styled=require("styled-components");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const NowPlaying=({sx:e})=>React__default.default.createElement(AnimateWrapper,{$sx:e},[0,.2,.4,.6,.8].map((e,t)=>React__default.default.createElement(Bar,{key:t,delay:e}))),pulse=styled.keyframes`
+"use strict";var e=require("react/jsx-runtime"),t=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t);const i=t.keyframes`
   0%, 100% {
     transform: scaleY(0.5);
   }
@@ -8,21 +8,21 @@
      100% {
     transform: scaleY(0.5);
   }
-`,AnimateWrapper=styled__default.default.div`
+`,n=a.default.div`
   display: flex;
   align-items: center;
   justify-content: center;
   height: 30px;
   width: 24px;
   ${({$sx:e})=>e||""}
-`,Bar=styled__default.default.div`
+`,s=a.default.div`
   width: 2.7px;
   height: 20px;
   background: white;
   margin: 0 1.2px;
   transform: scaleY(0.4);
   border-radius: 4px;
-  animation: ${pulse} 1s infinite ease-in-out;
+  animation: ${i} 1s infinite ease-in-out;
   animation-delay: ${({delay:e})=>e}s;
   transform-origin: center;
-`;exports.NowPlaying=NowPlaying;
+`;exports.NowPlaying=({sx:t})=>e.jsx(n,{$sx:t,children:[0,.2,.4,.6,.8].map((t,r)=>e.jsx(s,{delay:t},r))});

package/dist/components/media/audio-playlist/playlist-item.js

@@ -1,11 +1,5 @@
 "use client";
-"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),progressBar=require("../audio/progress-bar.js"),time=require("../../../utils/time.js"),playing_indicator=(require("react-h5-audio-player/lib/styles.css"),require("./playing_indicator.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),styled__default=_interopDefaultCompat(styled);const PlaylistItem=({darkMode:e=!0,duration:t,onPause:a,onPlay:r,onSeek:l,playing:o,isPaidUser:i,progress:d,thumbnail:n,itemId:u,mediaItemId:c,title:s})=>{const p=o?a:r;var g=e?"white":"grey-3";return React__default.default.createElement(ItemWrapper,{$darkMode:e,$playing:o},React__default.default.createElement(box.Box,{$gap:24,$dir:"row",$align:"center"},React__default.default.createElement(Image__default.default,{alt:"",height:64,src:n,width:64,style:{height:64,marginRight:8,borderRadius:8}}),React__default.default.createElement(box.Box,{onClick:()=>i&&p,$align:"center",sx:"flex: 1 1 250px; width: 250px;"},i&&(o?React__default.default.createElement(Button,{onClick:a},React__default.default.createElement(playing_indicator.NowPlaying,{sx:`
-                  width: 24px;
-                  height: 24px;
-                  > div {
-                    ${e?"":"background:  var(--color-grey-1)"};
-                  }
-                 `})):React__default.default.createElement(Button,{onClick:r},React__default.default.createElement(play_solid.PlaySolid,{color:g,size:24}))),React__default.default.createElement(paragraph.P,{$bold:!0,$color:g,$fontSize:14,$lineHeight:20,$textClampLines:1,sx:"margin-right: 32px;"},s,0<d&&d<t&&React__default.default.createElement("span",{style:{color:"var(--color-primary-blue-2)",marginLeft:"8px",fontSize:"12px"}},"●")))),React__default.default.createElement(box.Box,{$align:"center",sx:"flex: 3; margin-left: auto;"},React__default.default.createElement(paragraph.P,{$color:e?"grey-9":"grey-3",$fontSize:10,$lineHeight:14,$sx:"flex: 0; width: fit-content; min-width: 56px;"},time.secondsToTimestamp(t)),React__default.default.createElement(progressBar.AudioProgressBar,{sx:"margin-right: auto;",duration:t||0,progress:d,onSeek:e=>{i&&(u===c?l(e):p())}})))},ItemWrapper=styled__default.default.button`
+"use strict";var r=require("react/jsx-runtime"),e=require("next/image"),o=require("styled-components"),i=require("../../atoms/box/box.js"),n=require("../../atoms/typography/paragraph.js"),a=require("../../../icons/audio_video/play_solid.js"),t=require("../audio/progress-bar.js"),s=require("../../../utils/time.js");require("react-h5-audio-player/lib/styles.css");var l=require("./playing_indicator.js");function d(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var c=d(e),g=d(o);const x=g.default.button`
   padding: 16px 32px;
   display: flex;
   flex-direction: row;
@@ -13,14 +7,8 @@
   border-radius: 8px;
   border: none;
   cursor: pointer;
-  ${({$darkMode:e,$playing:t})=>e?t?"background-color: var(--color-grey-2);":`background-color: transparent;
-          &:hover {
-            background-color: var(--color-grey-1);
-          }`:t?"background-color: var(--color-grey-10);":`background-color: var(--color-grey-9);
-          &:hover {
-            background-color: var(--color-grey-8);
-          }`}
-`,Button=styled__default.default.div`
+  ${({$darkMode:r,$playing:e})=>r?e?"background-color: var(--color-grey-2);":"background-color: transparent;\n          &:hover {\n            background-color: var(--color-grey-1);\n          }":e?"background-color: var(--color-grey-10);":"background-color: var(--color-grey-9);\n          &:hover {\n            background-color: var(--color-grey-8);\n          }"}
+`,u=g.default.div`
   padding: 16px;
   appearance: none;
-`;exports.PlaylistItem=PlaylistItem;
+`;exports.PlaylistItem=({darkMode:e=!0,duration:o,onPause:d,onPlay:g,onSeek:p,playing:h,isPaidUser:y,progress:m,thumbnail:j,itemId:$,mediaItemId:b,title:f})=>{const k=h?d:g,v=e?"white":"grey-3";return r.jsxs(x,{$darkMode:e,$playing:h,children:[r.jsxs(i.Box,{$gap:24,$dir:"row",$align:"center",children:[r.jsx(c.default,{alt:"",height:64,src:j,width:64,style:{height:64,marginRight:8,borderRadius:8}}),r.jsxs(i.Box,{onClick:()=>y&&k,$align:"center",sx:"flex: 1 1 250px; width: 250px;",children:[y&&(h?r.jsx(u,{onClick:d,children:r.jsx(l.NowPlaying,{sx:`\n                  width: 24px;\n                  height: 24px;\n                  > div {\n                    ${e?"":"background:  var(--color-grey-1)"};\n                  }\n                 `})}):r.jsx(u,{onClick:g,children:r.jsx(a.PlaySolid,{color:v,size:24})})),r.jsxs(n.P,{$bold:!0,$color:v,$fontSize:14,$lineHeight:20,$textClampLines:1,sx:"margin-right: 32px;",children:[f,m>0&&m<o&&r.jsx("span",{style:{color:"var(--color-primary-blue-2)",marginLeft:"8px",fontSize:"12px"},children:"●"})]})]})]}),r.jsxs(i.Box,{$align:"center",sx:"flex: 3; margin-left: auto;",children:[r.jsx(n.P,{$color:e?"grey-9":"grey-3",$fontSize:10,$lineHeight:14,$sx:"flex: 0; width: fit-content; min-width: 56px;",children:s.secondsToTimestamp(o)}),r.jsx(t.AudioProgressBar,{sx:"margin-right: auto;",duration:o||0,progress:m,onSeek:r=>{y&&($===b?p(r):k())}})]})]})};

package/dist/components/media/audio-preview/audio-preview.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),Player=require("react-h5-audio-player"),paragraph=require("../../atoms/typography/paragraph.js"),pause_solid=require("../../../icons/audio_video/pause_solid.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),progressBar=require("../audio/progress-bar.js"),constants=require("../constants.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-h5-audio-player/lib/styles.css");var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),styled__default=_interopDefaultCompat(styled),Player__default=_interopDefaultCompat(Player);const AudioPreview=({playlist:e,sx:t})=>{const[a,r]=React__default.default.useState(-1),l=e=>{r(e)};return React__default.default.createElement(Wrapper,{$sx:t},e.map((e,t)=>React__default.default.createElement(AudioPreviewItem,{key:"audio-preview-"+e.id,onPause:()=>l(-1),onPlay:()=>l(t),playing:t===a,...e})))},AudioPreviewItem=({onPause:e,onPlay:t,playing:a,src:r,thumbnail:l,title:o})=>{const[u,d]=React__default.default.useState(0),[i,n]=React__default.default.useState(null);React__default.default.useEffect(()=>{i?.audio.current&&!a&&i.audio.current.pause()},[a]);return React__default.default.createElement(ItemWrapper,{$playing:a},React__default.default.createElement(Player__default.default,{customIcons:{forward:React__default.default.createElement(React__default.default.Fragment,null),pause:React__default.default.createElement(pause_solid.PauseSolid,{color:"grey-3",size:20}),play:React__default.default.createElement(play_solid.PlaySolid,{color:"grey-3",size:20}),rewind:React__default.default.createElement(React__default.default.Fragment,null)},customAdditionalControls:[React__default.default.createElement(Image__default.default,{alt:"",height:64,src:l,width:64,style:{height:64,marginRight:8,borderRadius:8}})],customControlsSection:[Player.RHAP_UI.ADDITIONAL_CONTROLS,Player.RHAP_UI.MAIN_CONTROLS],customProgressBarSection:[React__default.default.createElement(paragraph.P,{$bold:!0,$fontSize:14,$lineHeight:20,$textClampLines:1,sx:"margin-right: 32px;"},o),Player.RHAP_UI.DURATION,React__default.default.createElement(Spacer,null),React__default.default.createElement(progressBar.AudioProgressBar,{key:"audio-progress-"+u,duration:i?.audio.current?.duration||0,progress:u,onSeek:e=>{i?.audio.current&&(i.audio.current.currentTime=i.audio.current.duration*e)}})],customVolumeControls:[React__default.default.createElement(React__default.default.Fragment,null)],hasDefaultKeyBindings:!1,layout:"horizontal-reverse",listenInterval:constants.LISTEN_CALLBACK_INTERVAL,onListen:()=>{i?.audio.current?.currentTime&&d(i.audio.current.currentTime)},onPause:e,onPlay:t,progressJumpSteps:{backward:constants.FF_INTERVAL,forward:constants.FF_INTERVAL},ref:n,src:r}))},Wrapper=(AudioPreviewItem.displayName="AudioPreview.Item",AudioPreview.Item=AudioPreviewItem,styled__default.default.div`
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("next/image"),t=require("styled-components"),a=require("react-h5-audio-player"),i=require("../../atoms/typography/paragraph.js"),s=require("../../../icons/audio_video/pause_solid.js"),n=require("../../../icons/audio_video/play_solid.js"),u=require("../audio/progress-bar.js"),d=require("../constants.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-h5-audio-player/lib/styles.css");var c=l(r),p=l(o),x=l(t),g=l(a);const y=({playlist:r,sx:o})=>{const[t,a]=c.default.useState(-1),i=e=>{a(e)};return e.jsx(f,{$sx:o,children:r.map((r,o)=>e.jsx(m,{onPause:()=>i(-1),onPlay:()=>i(o),playing:o===t,...r},`audio-preview-${r.id}`))})},m=({onPause:r,onPlay:o,playing:t,src:l,thumbnail:x,title:y})=>{const[m,f]=c.default.useState(0),[v,b]=c.default.useState(null);c.default.useEffect(()=>{v?.audio.current&&!t&&v.audio.current.pause()},[t]);return e.jsx(h,{$playing:t,children:e.jsx(g.default,{customIcons:{forward:e.jsx(e.Fragment,{}),pause:e.jsx(s.PauseSolid,{color:"grey-3",size:20}),play:e.jsx(n.PlaySolid,{color:"grey-3",size:20}),rewind:e.jsx(e.Fragment,{})},customAdditionalControls:[e.jsx(p.default,{alt:"",height:64,src:x,width:64,style:{height:64,marginRight:8,borderRadius:8}})],customControlsSection:[a.RHAP_UI.ADDITIONAL_CONTROLS,a.RHAP_UI.MAIN_CONTROLS],customProgressBarSection:[e.jsx(i.P,{$bold:!0,$fontSize:14,$lineHeight:20,$textClampLines:1,sx:"margin-right: 32px;",children:y}),a.RHAP_UI.DURATION,e.jsx(j,{}),e.jsx(u.AudioProgressBar,{duration:v?.audio.current?.duration||0,progress:m,onSeek:e=>{v?.audio.current&&(v.audio.current.currentTime=v.audio.current.duration*e)}},`audio-progress-${m}`)],customVolumeControls:[e.jsx(e.Fragment,{})],hasDefaultKeyBindings:!1,layout:"horizontal-reverse",listenInterval:d.LISTEN_CALLBACK_INTERVAL,onListen:()=>{v?.audio.current?.currentTime&&f(v.audio.current.currentTime)},onPause:r,onPlay:o,progressJumpSteps:{backward:d.FF_INTERVAL,forward:d.FF_INTERVAL},ref:b,src:l})})};m.displayName="AudioPreview.Item",y.Item=m;const f=x.default.div`
   display: flex;
   flex-direction: column;
   border-radius: 8px;
@@ -37,12 +37,9 @@
   }
 
   ${({$sx:e})=>e||""}
-`),ItemWrapper=styled__default.default.div`
+`,h=x.default.div`
   padding: 16px 24px;
-  ${({$playing:e})=>e?"background-color: var(--color-grey-10);":`background-color: var(--color-grey-9);
-    &:hover {
-      background-color: var(--color-grey-8);
-    }`}
-`,Spacer=styled__default.default.div`
+  ${({$playing:e})=>e?"background-color: var(--color-grey-10);":"background-color: var(--color-grey-9);\n    &:hover {\n      background-color: var(--color-grey-8);\n    }"}
+`,j=x.default.div`
   margin-right: 16px;
-`;exports.AudioPreview=AudioPreview;
+`;exports.AudioPreview=y;