@soul-refiner/design-system 2.14.61 → 2.14.63

package/dist/components/atoms/box/box.js

@@ -1,12 +1,12 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),styles=require("../../../common/styles.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Box=({$display:e="flex",sx:t,...s})=>React__default.default.createElement(Component,{$display:e,$sx:t,...s}),Component=styled.styled.div`
+"use strict";var e=require("react/jsx-runtime"),s=require("styled-components"),l=require("../../../common/styles.js");const t=s.styled.div`
   ${({$display:e})=>"flex"===e?"display: flex;":""}
-  ${styles.Styles.flex}
-  ${styles.Styles.backgroundColor}
-  ${styles.Styles.borderRadius}
-  ${styles.Styles.elevation}
-  ${styles.Styles.margin}
-  ${styles.Styles.padding}
-  ${styles.Styles.styleable}
+  ${l.Styles.flex}
+  ${l.Styles.backgroundColor}
+  ${l.Styles.borderRadius}
+  ${l.Styles.elevation}
+  ${l.Styles.margin}
+  ${l.Styles.padding}
+  ${l.Styles.styleable}
   ${({$sx:e})=>e||""}
-`;exports.Box=Box,exports.Component=Component;
+`;exports.Box=({$display:s="flex",sx:l,...r})=>e.jsx(t,{$display:s,$sx:l,...r}),exports.Component=t;

package/dist/components/atoms/hide/hide.js

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const HideButRender=({children:e,displaceContent:t=!1,show:i=!1,styles:a})=>React__default.default.createElement("div",{style:{visibility:i?"visible":"hidden",position:t||i?"initial":"absolute",zIndex:i?"initial":-100,...a}},e);exports.HideButRender=HideButRender;
+"use strict";var i=require("react/jsx-runtime");exports.HideButRender=({children:e,displaceContent:t=!1,show:s=!1,styles:n})=>i.jsx("div",{style:{visibility:s?"visible":"hidden",position:t||s?"initial":"absolute",zIndex:s?"initial":-100,...n},children:e});

package/dist/components/atoms/highlighter/highlighter.js

@@ -1,4 +1,4 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),utils=require("./utils.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const DELIMITERS=["(",")",","," ","\n"],Highlighter=({highlightRender:l,highlightSx:u,seperator:e,text:t})=>{const r=React__default.default.useId(),d=new RegExp(e,"i");return d.test(t)?(e=utils.fieldsFunc(DELIMITERS,t),React__default.default.createElement(React__default.default.Fragment,null,e.filter(String).map((e,t)=>{if(!d.test(e))return React__default.default.createElement("span",{key:r+t},e);let a="";return e.trim().endsWith(".")&&(e=e.slice(0,e.lastIndexOf(".")),a+=". "),l?React__default.default.createElement(React__default.default.Fragment,{key:r+t},l(e),a):React__default.default.createElement(React__default.default.Fragment,{key:r+t},React__default.default.createElement(Span,{$sx:u},e),a)}))):React__default.default.createElement(React__default.default.Fragment,null,t)},Span=styled__default.default.span`
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("./utils.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);const l=["(",")",","," ","\n"],u=s(r).default.span`
   ${({$sx:e})=>e||""};
-`;exports.Highlighter=Highlighter;
+`;exports.Highlighter=({highlightRender:t,highlightSx:r,seperator:s,text:a})=>{const d=i.default.useId(),c=new RegExp(s,"i");if(!c.test(a))return e.jsx(e.Fragment,{children:a});const h=n.fieldsFunc(l,a);return e.jsx(i.default.Fragment,{children:h.filter(String).map((n,s)=>{if(!c.test(n))return e.jsx("span",{children:n},d+s);let l="";return n.trim().endsWith(".")&&(n=n.slice(0,n.lastIndexOf(".")),l+=". "),t?e.jsxs(i.default.Fragment,{children:[t(n),l]},d+s):e.jsxs(i.default.Fragment,{children:[e.jsx(u,{$sx:r,children:n}),l]},d+s)})})};

package/dist/components/atoms/highlighter/utils.js

@@ -1 +1 @@
-"use strict";const fieldsFunc=(s,e)=>{let l=0,c=0,t=0;for(var u=[];l<e.length;){for(t=0;t<s.length;)s[t]===e[l]&&(u.push(e.slice(c,l)),u.push(e.slice(l,l+1)),c=l+1),t++;l++}return u.push(e.slice(c)),u};exports.fieldsFunc=fieldsFunc;
+"use strict";exports.fieldsFunc=(s,e)=>{let t=0,l=0,c=0;const r=[];for(;t<e.length;){for(c=0;c<s.length;)s[c]===e[t]&&(r.push(e.slice(l,t)),r.push(e.slice(t,t+1)),l=t+1),c++;t++}return r.push(e.slice(l)),r};

package/dist/components/atoms/seconds_to_duration/seconds_to_duration.js

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const SecToDuration=({seconds:e})=>{if(e<=0)throw new Error("Seconds cannot be less than 0");var t;return 1===e?React__default.default.createElement(React__default.default.Fragment,null,"1 sec"):e<60?React__default.default.createElement(React__default.default.Fragment,null,e," secs"):1===Math.round(e/60)?React__default.default.createElement(React__default.default.Fragment,null,"1 min"):e<3600?React__default.default.createElement(React__default.default.Fragment,null,Math.round(e/60)," mins"):100===Math.round(e/36)?React__default.default.createElement(React__default.default.Fragment,null,"1 hr"):(t=1===(t=Math.floor(e/3600))?"1 hr":t+" hrs",e=Math.round(e%3600/60),React__default.default.createElement(React__default.default.Fragment,null,t," ",0===e?"":1===e?"1 min":e+" mins"))};exports.SecToDuration=SecToDuration;
+"use strict";var r=require("react/jsx-runtime");exports.SecToDuration=({seconds:n})=>{if(n<=0)throw new Error("Seconds cannot be less than 0");if(1===n)return r.jsx(r.Fragment,{children:"1 sec"});if(n<60)return r.jsxs(r.Fragment,{children:[n," secs"]});if(1===Math.round(n/60))return r.jsx(r.Fragment,{children:"1 min"});if(n<3600)return r.jsxs(r.Fragment,{children:[Math.round(n/60)," mins"]});if(100===Math.round(n/36))return r.jsx(r.Fragment,{children:"1 hr"});const e=Math.floor(n/3600),t=1===e?"1 hr":`${e} hrs`,s=Math.round(n%3600/60),i=0===s?"":1===s?"1 min":`${s} mins`;return r.jsxs(r.Fragment,{children:[t," ",i]})};

package/dist/components/atoms/time_ago/time_ago.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TimeAgo=({date:e})=>React__default.default.createElement(React__default.default.Fragment,null,abbrTimeBeforeDate(e)),abbrTimeBeforeDate=e=>{var t,a=(new Date).getTime()-e.getTime();return a<6e4?"Just now":a<36e5?(t=Math.floor(a/6e4))+` ${1===t?"min":"mins"} ago`:a<864e5?(t=Math.floor(a/36e5))+` ${1===t?"hour":"hours"} ago`:a<6048e5?(t=Math.floor(a/864e5))+` ${1===t?"day":"days"} ago`:e.toDateString().slice(4)};exports.TimeAgo=TimeAgo;
+"use strict";var e=require("react/jsx-runtime");const t=e=>{const t=(new Date).getTime()-e.getTime();if(t<6e4)return"Just now";if(t<36e5){const e=Math.floor(t/6e4);return`${e} ${1===e?"min":"mins"} ago`}if(t<864e5){const e=Math.floor(t/36e5);return`${e} ${1===e?"hour":"hours"} ago`}if(t<6048e5){const e=Math.floor(t/864e5);return`${e} ${1===e?"day":"days"} ago`}return e.toDateString().slice(4)};exports.TimeAgo=({date:r})=>e.jsx(e.Fragment,{children:t(r)});

package/dist/components/atoms/typography/display.js

@@ -1,6 +1,6 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),typography=require("./typography.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Display=({as:e="h1",$fontSize:t=64,$lineHeight:a=96,$textAlign:i="left",...l})=>React__default.default.createElement(StyledDisplay,{as:e||"h1",$fontSize:t,$lineHeight:a,$textAlign:i,...l}),StyledDisplay=styled.styled(typography.Typography)`
+"use strict";var e=require("react/jsx-runtime"),t=require("styled-components"),i=require("./typography.js");const n=t.styled(i.Typography)`
   font-size: ${({$fontSize:e})=>e+"px"};
   line-height: ${({$lineHeight:e})=>e+"px"};
   text-align: ${({$textAlign:e})=>e||"left"};
-`;exports.Display=Display;
+`;exports.Display=({as:t="h1",$fontSize:i=64,$lineHeight:s=96,$textAlign:l="left",...r})=>e.jsx(n,{as:t||"h1",$fontSize:i,$lineHeight:s,$textAlign:l,...r});

package/dist/components/atoms/typography/heading.js

@@ -1,7 +1,7 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),typography=require("./typography.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const StyledH=styled.styled(typography.Typography)`
+"use strict";var e=require("react/jsx-runtime"),s=require("styled-components"),i=require("./typography.js");const t=s.styled(i.Typography)`
   font-size: ${({$fontSize:e})=>e+"px"};
   line-height: ${({$lineHeight:e})=>e+"px"};
   text-align: ${({$textAlign:e})=>e||"left"};
   ${({$sx:e})=>e||""}
-`,H=({sx:e,...t})=>React__default.default.createElement(StyledH,{$sx:e,...t}),One=({sx:e,...t})=>React__default.default.createElement(StyledH,{as:"h1",$fontSize:48,$lineHeight:64,$sx:e,...t}),Two=(One.displayName="H.One",H.One=One,({sx:e,...t})=>React__default.default.createElement(StyledH,{as:"h2",$fontSize:40,$lineHeight:60,$sx:e,...t})),Three=(Two.displayName="H.Two",H.Two=Two,({sx:e,...t})=>React__default.default.createElement(StyledH,{as:"h3",$fontSize:36,$lineHeight:54,$sx:e,...t})),Four=(Three.displayName="H.Three",H.Three=Three,({sx:e,...t})=>React__default.default.createElement(StyledH,{as:"h4",$fontSize:32,$lineHeight:48,$sx:e,...t})),Five=(Four.displayName="H.Four",H.Four=Four,({sx:e,...t})=>React__default.default.createElement(StyledH,{as:"h5",$fontSize:28,$lineHeight:36,$sx:e,...t})),Six=(Five.displayName="H.Five",H.Five=Five,({sx:e,...t})=>React__default.default.createElement(StyledH,{as:"h6",$fontSize:24,$lineHeight:36,$sx:e,...t})),Seven=(Six.displayName="H.Six",H.Six=Six,({sx:e,...t})=>React__default.default.createElement(StyledH,{as:"h6",$fontSize:20,$lineHeight:28,$sx:e,...t})),Eight=(Seven.displayName="H.Seven",H.Seven=Seven,({sx:e,...t})=>React__default.default.createElement(StyledH,{as:"h6",$fontSize:18,$lineHeight:26,$sx:e,...t}));Eight.displayName="H.Eight",H.Eight=Eight,exports.H=H;
+`,n=({sx:s,...i})=>e.jsx(t,{$sx:s,...i}),x=({sx:s,...i})=>e.jsx(t,{as:"h1",$fontSize:48,$lineHeight:64,$sx:s,...i});x.displayName="H.One",n.One=x;const $=({sx:s,...i})=>e.jsx(t,{as:"h2",$fontSize:40,$lineHeight:60,$sx:s,...i});$.displayName="H.Two",n.Two=$;const a=({sx:s,...i})=>e.jsx(t,{as:"h3",$fontSize:36,$lineHeight:54,$sx:s,...i});a.displayName="H.Three",n.Three=a;const o=({sx:s,...i})=>e.jsx(t,{as:"h4",$fontSize:32,$lineHeight:48,$sx:s,...i});o.displayName="H.Four",n.Four=o;const h=({sx:s,...i})=>e.jsx(t,{as:"h5",$fontSize:28,$lineHeight:36,$sx:s,...i});h.displayName="H.Five",n.Five=h;const l=({sx:s,...i})=>e.jsx(t,{as:"h6",$fontSize:24,$lineHeight:36,$sx:s,...i});l.displayName="H.Six",n.Six=l;const H=({sx:s,...i})=>e.jsx(t,{as:"h6",$fontSize:20,$lineHeight:28,$sx:s,...i});H.displayName="H.Seven",n.Seven=H;const r=({sx:s,...i})=>e.jsx(t,{as:"h6",$fontSize:18,$lineHeight:26,$sx:s,...i});r.displayName="H.Eight",n.Eight=r,exports.H=n;

package/dist/components/atoms/typography/paragraph.js

@@ -1,14 +1,14 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),styles=require("../../../common/styles.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const P=({as:e="p",children:t,$fontSize:l=16,$lineHeight:s=24,$textAlign:i="left",sx:n,innerRef:a,...r})=>React__default.default.createElement(StyledP,{as:e,$fontSize:l,$lineHeight:s,$textAlign:i,$sx:n,ref:a,...r},t),StyledP=styled.styled.p`
+"use strict";var e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../../common/styles.js");const l=t.styled.p`
   margin: 0px;
   font-family: var(--font-inter);
   font-size: ${({$fontSize:e})=>e+"px"};
   line-height: ${({$lineHeight:e})=>e+"px"};
   text-align: ${({$textAlign:e})=>e||"left"};
-  ${styles.Styles.color}
-  ${styles.Styles.weight}
-  ${styles.Styles.typography}
-  ${styles.Styles.styleable}
-  ${({$textClampLines:e})=>e?styles.Styles.textClamp:""}
+  ${i.Styles.color}
+  ${i.Styles.weight}
+  ${i.Styles.typography}
+  ${i.Styles.styleable}
+  ${({$textClampLines:e})=>e?i.Styles.textClamp:""}
   ${({$sx:e})=>e||""}
-`;exports.P=P;
+`;exports.P=({as:t="p",children:i,$fontSize:n=16,$lineHeight:s=24,$textAlign:$="left",sx:r,innerRef:o,...x})=>e.jsx(l,{as:t,$fontSize:n,$lineHeight:s,$textAlign:$,$sx:r,ref:o,...x,children:i});

package/dist/components/atoms/typography/typography.js

@@ -1,10 +1,10 @@
 "use client";
-"use strict";var styled=require("styled-components"),styles=require("../../../common/styles.js");const Typography=styled.styled.p`
+"use strict";var t=require("styled-components"),e=require("../../../common/styles.js");const s=t.styled.p`
   margin: 0px;
   font-family: var(--font-inter);
-  ${styles.Styles.color}
-  ${styles.Styles.weight}
-  ${styles.Styles.typography}
-  ${styles.Styles.styleable}
-  ${({$textClampLines:s})=>s?styles.Styles.textClamp:""}
-`;exports.Typography=Typography;
+  ${e.Styles.color}
+  ${e.Styles.weight}
+  ${e.Styles.typography}
+  ${e.Styles.styleable}
+  ${({$textClampLines:t})=>t?e.Styles.textClamp:""}
+`;exports.Typography=s;

package/dist/components/card/action/action.js

@@ -1,8 +1,8 @@
 "use client";
-"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"),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),Image__default=_interopDefaultCompat(Image);const ActionCard=({actions:e,content:t,href:a,image:r,logo:o,subtitle:l,sx:i,title:d})=>{var n=!!a;return React__default.default.createElement(Wrapper,{as:n?"a":"div",href:a},React__default.default.createElement(Action,{$backgroundImage:r,$sx:i},React__default.default.createElement(ImgWrapper,null,React__default.default.createElement(Image__default.default,{alt:"",quality:100,src:r,fill:!0})),React__default.default.createElement(Figcaption,null,React__default.default.createElement(LogoWrapper,null,o),React__default.default.createElement(heading.H,{as:"span",$mediumBold:!0,$color:"grey-2",$fontSize:18,$lineHeight:26},d),React__default.default.createElement(paragraph.P,{as:"span",$color:"grey-4",$fontSize:12,$lineHeight:16},l),React__default.default.createElement(paragraph.P,{as:"span",$color:"grey-3",$fontSize:14,$lineHeight:20,$textAlign:"center",$textClampLines:3,sx:"margin-top: 12px;"},t),React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$gap:8,sx:"margin-top: auto; width: 100%;"},React__default.default.Children.toArray(e)))))},Wrapper=styled.styled.div`
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("next/image"),o=require("styled-components"),t=require("../../atoms/box/box.js"),a=require("../../atoms/typography/heading.js"),s=require("../../atoms/typography/paragraph.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(r),d=n(i);const x=o.styled.div`
   text-decoration: none;
   ${({as:e})=>"a"===e?"cursor: pointer;":""}
-`,Action=styled.styled.figure`
+`,p=o.styled.figure`
   position: relative;
   border-radius: 16px;
   width: 318px;
@@ -19,7 +19,7 @@
   }
 
   ${({$sx:e})=>e||""};
-`,ImgWrapper=styled.styled.div`
+`,c=o.styled.div`
   width: 318px;
   height: 160px;
   position: relative;
@@ -31,7 +31,7 @@
     object-fit: cover;
     border-radius: 16px 16px 0 0;
   }
-`,Figcaption=styled.styled.figcaption`
+`,h=o.styled.figcaption`
   position: relative;
   display: flex;
   align-items: center;
@@ -42,10 +42,10 @@
   background-color: var(--color-white);
   border-radius: 0px 0px 15px 15px;
   text-align: center;
-`,LogoWrapper=styled.styled.div`
+`,g=o.styled.div`
   position: absolute;
   top: -28px;
   right: calc(50% - 28px);
   border: 4px solid var(--color-white);
   border-radius: 50%;
-`;exports.ActionCard=ActionCard;
+`;exports.ActionCard=({actions:r,content:i,href:o,image:n,logo:u,subtitle:b,sx:f,title:y})=>{const $=!!o;return e.jsx(x,{as:$?"a":"div",href:o,children:e.jsxs(p,{$backgroundImage:n,$sx:f,children:[e.jsx(c,{children:e.jsx(d.default,{alt:"",quality:100,src:n,fill:!0})}),e.jsxs(h,{children:[e.jsx(g,{children:u}),e.jsx(a.H,{as:"span",$mediumBold:!0,$color:"grey-2",$fontSize:18,$lineHeight:26,children:y}),e.jsx(s.P,{as:"span",$color:"grey-4",$fontSize:12,$lineHeight:16,children:b}),e.jsx(s.P,{as:"span",$color:"grey-3",$fontSize:14,$lineHeight:20,$textAlign:"center",$textClampLines:3,sx:"margin-top: 12px;",children:i}),e.jsx(t.Box,{$display:"flex",$dir:"row",$gap:8,sx:"margin-top: auto; width: 100%;",children:l.default.Children.toArray(r)})]})]})})};

package/dist/components/card/audio/audio.js

@@ -1,5 +1,5 @@
 "use client";
-"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"),paragraph=require("../../atoms/typography/paragraph.js"),rate=require("../../actions/rate/rate.js"),cart_filled=require("../../../icons/shopping/cart_filled.js"),styles=require("../styles.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const AudioEpisodeCard=({actions:e,actionDropdown:t,content:a,cta:r,href:l,image:i,logo:o,numRating:d,purchaseText:n,rating:p,subtitle:s,supportLabel:c,sx:u,title:f})=>{var g=!!o;return React__default.default.createElement(Wrapper,{$sx:u,href:l,$hasPurchaseText:!!n},React__default.default.createElement(Figure,null,t&&React__default.default.createElement(DropdownWrapper,null,t),!!n&&React__default.default.createElement(styles.PurchaseTextWrapper,{className:"not-hover"},React__default.default.createElement(cart_filled.CartFilled,{color:"yellow-5",size:24}),React__default.default.createElement(paragraph.P,{$bold:!0,$color:"white"},n)),React__default.default.createElement(Image__default.default,{alt:"",className:"thumbnail",height:228,quality:100,src:i,width:228}),React__default.default.createElement(Figcaption,null,React__default.default.createElement(box.Box,{$display:"block",className:"hidden"},r),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:16},o,React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:"width: calc(100% - 56px);"},React__default.default.createElement(heading.H,{$color:"grey-2",$semiBold:!0,$fontSize:g?18:16,$textClampLines:1},f),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$textClampLines:1,$sx:"display: flex; gap: 8px;"},s,c&&React__default.default.createElement(paragraph.P,{as:"span",className:"not-hover",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"display: inline-block; flex: 1; text-align: right;"},c)))),React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:6,className:"hidden inline",dangerouslySetInnerHTML:{__html:a}}),React__default.default.createElement(box.Box,{className:"hidden",$align:"center",$dir:"row"},React__default.default.createElement(rate.Rate,{isRateable:!1,percent:p,size:"small"}),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;"},"(",d,")"),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:8},React__default.default.Children.toArray(e))))))},Wrapper=styled.styled.a`
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("next/image"),t=require("styled-components"),a=require("../../atoms/box/box.js"),s=require("../../atoms/typography/heading.js"),n=require("../../atoms/typography/paragraph.js"),o=require("../../actions/rate/rate.js"),l=require("../../../icons/shopping/cart_filled.js"),d=require("../styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(i),c=x(r);const h=t.styled.a`
   cursor: pointer;
   display: block;
   position: relative;
@@ -68,7 +68,7 @@
   }
 
   ${({$sx:e})=>e||""};
-`,Figure=styled.styled.figure`
+`,g=t.styled.figure`
   margin: 0px;
   border-radius: 16px;
 
@@ -81,7 +81,7 @@
     height: 225px;
     aspect-ratio: 228 / 228;
   }
-`,Figcaption=styled.styled.figcaption`
+`,u=t.styled.figcaption`
   display: flex;
   flex-flow: column nowrap;
   gap: 8px;
@@ -89,8 +89,8 @@
   width: 100%;
   position: relative;
   box-sizing: border-box;
-`,DropdownWrapper=styled.styled.div`
+`,$=t.styled.div`
   position: absolute;
   top: 8px;
   right: 8px;
-`;exports.AudioEpisodeCard=AudioEpisodeCard;
+`;exports.AudioEpisodeCard=({actions:i,actionDropdown:r,content:t,cta:x,href:m,image:f,logo:b,numRating:y,purchaseText:j,rating:w,subtitle:v,supportLabel:q,sx:z,title:P})=>{const B=!!b;return e.jsx(h,{$sx:z,href:m,$hasPurchaseText:!!j,children:e.jsxs(g,{children:[r&&e.jsx($,{children:r}),!!j&&e.jsxs(d.PurchaseTextWrapper,{className:"not-hover",children:[e.jsx(l.CartFilled,{color:"yellow-5",size:24}),e.jsx(n.P,{$bold:!0,$color:"white",children:j})]}),e.jsx(c.default,{alt:"",className:"thumbnail",height:228,quality:100,src:f,width:228}),e.jsxs(u,{children:[e.jsx(a.Box,{$display:"block",className:"hidden",children:x}),e.jsxs(a.Box,{$align:"center",$dir:"row",$gap:16,children:[b,e.jsxs(a.Box,{$dir:"column",$gap:4,sx:"width: calc(100% - 56px);",children:[e.jsx(s.H,{$color:"grey-2",$semiBold:!0,$fontSize:B?18:16,$textClampLines:1,children:P}),e.jsxs(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$textClampLines:1,$sx:"display: flex; gap: 8px;",children:[v,q&&e.jsx(n.P,{as:"span",className:"not-hover",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"display: inline-block; flex: 1; text-align: right;",children:q})]})]})]}),e.jsx(n.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:6,className:"hidden inline",dangerouslySetInnerHTML:{__html:t}}),e.jsxs(a.Box,{className:"hidden",$align:"center",$dir:"row",children:[e.jsx(o.Rate,{isRateable:!1,percent:w,size:"small"}),e.jsxs(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;",children:["(",y,")"]}),e.jsx(a.Box,{$align:"center",$dir:"row",$gap:8,children:p.default.Children.toArray(i)})]})]})]})})};

package/dist/components/card/card.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var React=require("react"),action=require("./action/action.js"),audio=require("./audio/audio.js"),feature=require("./feature/feature.js"),person=require("./person/person.js"),price=require("./price/price.js"),regular=require("./regular/regular.js"),video=require("./video/video.js"),written=require("./written/written.js"),meeting=require("./meeting/meeting.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Card=({type:e="regular",...t})=>{return{action:React__default.default.createElement(action.ActionCard,{...t}),"audio-episode":React__default.default.createElement(audio.AudioEpisodeCard,{...t}),feature:React__default.default.createElement(feature.FeatureCard,{...t}),person:React__default.default.createElement(person.PersonCard,{...t}),price:React__default.default.createElement(price.PriceCard,{...t}),regular:React__default.default.createElement(regular.RegularCard,{...t}),"video-episode":React__default.default.createElement(video.VideoEpisodeCard,{...t}),"written-episode":React__default.default.createElement(written.WrittenEpisodeCard,{...t}),meeting:React__default.default.createElement(meeting.MeetingCard,{...t})}[e]};exports.Card=Card;
+"use strict";var e=require("react/jsx-runtime"),r=require("./action/action.js"),i=require("./audio/audio.js"),s=require("./feature/feature.js"),a=require("./person/person.js"),t=require("./price/price.js"),u=require("./regular/regular.js"),d=require("./video/video.js"),o=require("./written/written.js"),j=require("./meeting/meeting.js");exports.Card=({type:n="regular",...p})=>({action:e.jsx(r.ActionCard,{...p}),"audio-episode":e.jsx(i.AudioEpisodeCard,{...p}),feature:e.jsx(s.FeatureCard,{...p}),person:e.jsx(a.PersonCard,{...p}),price:e.jsx(t.PriceCard,{...p}),regular:e.jsx(u.RegularCard,{...p}),"video-episode":e.jsx(d.VideoEpisodeCard,{...p}),"written-episode":e.jsx(o.WrittenEpisodeCard,{...p}),meeting:e.jsx(j.MeetingCard,{...p})}[n]);

package/dist/components/card/feature/feature.js

@@ -1,34 +1,7 @@
 "use client";
-"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),modal=require("../../surfaces/modal/modal.js"),camera=require("../../../icons/basic/camera.js"),checkmark=require("../../../icons/basic/checkmark.js"),close=require("../../../icons/basic/close.js"),pencil=require("../../../icons/basic/pencil.js"),trash=require("../../../icons/basic/trash.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const FeatureCard=({content:e="",editable:t,href:a,image:r,onDelete:o,onSave:l,sx:i,title:n="",uploadModal:d})=>{const[c,u]=React__default.default.useState(!1),[s,p]=React__default.default.useState(()=>n),[f,x]=React__default.default.useState(()=>e);var g=!c&&t,m=!!a;return React__default.default.createElement(Wrapper,{as:m?"a":"div",href:a},React__default.default.createElement(Figure,{$editing:c,$isLink:m,$sx:i},React__default.default.createElement(Image__default.default,{alt:n,height:352,quality:100,src:r,width:352}),!c&&React__default.default.createElement(Title,null,s,React__default.default.createElement("figure",null,React__default.default.createElement(Content,null,f)),g&&React__default.default.createElement(pencil.Pencil,{className:"edit",onClick:()=>u(!0)}),t&&d&&React__default.default.createElement(modal.Modal,null,React__default.default.createElement(modal.Modal.Trigger,null,React__default.default.createElement(button.Button,{icon:React__default.default.createElement(camera.Camera,null),type:"outlined",size:"small",sx:"position: absolute; right: 8px; top: -72px;"},"Edit")),React__default.default.createElement(modal.Modal.Content,null,d))),c&&React__default.default.createElement(box.Box,{$align:"flex-end",$display:"flex",$dir:"column",$gap:8,sx:"position: relative;"},React__default.default.createElement(EditTitle,{onChange:e=>{p(e.target.value)},value:s}),React__default.default.createElement(EditContent,{onChange:e=>{x(e.target.value)},value:f}),React__default.default.createElement(box.Box,{$gap:8},React__default.default.createElement(checkmark.Checkmark,{onClick:()=>{u(!1),l&&l(s,f)},sx:`
-                  padding: 8px;
-                  border-radius: 4px;
-                  cursor: pointer;
-                  background-color: var(--color-white); 
-                  box-shadow: var(--elevation-1);
-                  &:hover {
-                    background-color: var(--color-grey-10);
-                  }
-                `}),React__default.default.createElement(close.Close,{onClick:()=>{p(n),x(e),u(!1)},sx:`
-                  padding: 8px;
-                  border-radius: 4px;
-                  cursor: pointer;
-                  background-color: var(--color-white); 
-                  box-shadow: var(--elevation-1);
-                  &:hover {
-                    background-color: var(--color-grey-10);
-                  }
-                `}),o&&React__default.default.createElement(trash.Trash,{onClick:o,sx:`
-                    padding: 8px;
-                    border-radius: 4px;
-                    cursor: pointer;
-                    background-color: var(--color-white); 
-                    box-shadow: var(--elevation-1);
-                    &:hover {
-                      background-color: var(--color-grey-10);
-                    }
-                  `})))))},Wrapper=styled.styled.div`
+"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("next/image"),i=require("styled-components"),n=require("../../atoms/box/box.js"),t=require("../../actions/button/button.js"),a=require("../../surfaces/modal/modal.js"),l=require("../../../icons/basic/camera.js"),s=require("../../../icons/basic/checkmark.js"),d=require("../../../icons/basic/close.js"),c=require("../../../icons/basic/pencil.js"),x=require("../../../icons/basic/trash.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(o),g=p(r);const h=i.styled.div`
   text-decoration: none;
-`,Figure=styled.styled.figure`
+`,b=i.styled.figure`
   max-width: min-content;
   box-sizing: border-box;
   display: flex;
@@ -83,12 +56,10 @@
     }
   }
 
-  ${({$editing:e})=>e?`
-    background-color: var(--color-grey-9);`:`
-    background-color: var(--color-white);`}
+  ${({$editing:e})=>e?"\n    background-color: var(--color-grey-9);":"\n    background-color: var(--color-white);"}
 
   ${({$sx:e})=>e||""};
-`,Title=styled.styled.figcaption`
+`,f=i.styled.figcaption`
   position: relative;
   padding-right: 32px;
   color: var(--color-grey-2);
@@ -98,7 +69,7 @@
   line-height: 26px;
   letter-spacing: -0.252px;
   user-select: none;
-`,Content=styled.styled.figcaption`
+`,v=i.styled.figcaption`
   font-size: 14px;
   font-family: var(--font-inter);
   font-weight: 400;
@@ -110,7 +81,7 @@
   line-clamp: 1;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
-`,EditTitle=styled.styled.input`
+`,j=i.styled.input`
   width: calc(100% - 24px);
   padding: 12px;
   background-color: var(--color-white);
@@ -122,11 +93,11 @@
   border: none;
   border-radius: 8px;
   outline: none;
-`,EditContent=styled.styled(EditTitle)`
+`,m=i.styled(j)`
   padding: 6px 12px;
   font-size: 14px;
   font-family: var(--font-inter);
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.084px;
-`;exports.FeatureCard=FeatureCard;
+`;exports.FeatureCard=({content:o="",editable:r,href:i,image:p,onDelete:y,onSave:w,sx:k,title:$="",uploadModal:q})=>{const[C,z]=u.default.useState(!1),[M,S]=u.default.useState(()=>$),[B,L]=u.default.useState(()=>o),T=!C&&r,D=!!i;return e.jsx(h,{as:D?"a":"div",href:i,children:e.jsxs(b,{$editing:C,$isLink:D,$sx:k,children:[e.jsx(g.default,{alt:$,height:352,quality:100,src:p,width:352}),!C&&e.jsxs(f,{children:[M,e.jsx("figure",{children:e.jsx(v,{children:B})}),T&&e.jsx(c.Pencil,{className:"edit",onClick:()=>z(!0)}),r&&q&&e.jsxs(a.Modal,{children:[e.jsx(a.Modal.Trigger,{children:e.jsx(t.Button,{icon:e.jsx(l.Camera,{}),type:"outlined",size:"small",sx:"position: absolute; right: 8px; top: -72px;",children:"Edit"})}),e.jsx(a.Modal.Content,{children:q})]})]}),C&&e.jsxs(n.Box,{$align:"flex-end",$display:"flex",$dir:"column",$gap:8,sx:"position: relative;",children:[e.jsx(j,{onChange:e=>{S(e.target.value)},value:M}),e.jsx(m,{onChange:e=>{L(e.target.value)},value:B}),e.jsxs(n.Box,{$gap:8,children:[e.jsx(s.Checkmark,{onClick:()=>{z(!1),w&&w(M,B)},sx:"\n                  padding: 8px;\n                  border-radius: 4px;\n                  cursor: pointer;\n                  background-color: var(--color-white); \n                  box-shadow: var(--elevation-1);\n                  &:hover {\n                    background-color: var(--color-grey-10);\n                  }\n                "}),e.jsx(d.Close,{onClick:()=>{S($),L(o),z(!1)},sx:"\n                  padding: 8px;\n                  border-radius: 4px;\n                  cursor: pointer;\n                  background-color: var(--color-white); \n                  box-shadow: var(--elevation-1);\n                  &:hover {\n                    background-color: var(--color-grey-10);\n                  }\n                "}),y&&e.jsx(x.Trash,{onClick:y,sx:"\n                    padding: 8px;\n                    border-radius: 4px;\n                    cursor: pointer;\n                    background-color: var(--color-white); \n                    box-shadow: var(--elevation-1);\n                    &:hover {\n                      background-color: var(--color-grey-10);\n                    }\n                  "})]})]})]})})};

package/dist/components/card/meeting/meeting.js

@@ -1,5 +1,5 @@
 "use client";
-"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"),paragraph=require("../../atoms/typography/paragraph.js"),modal=require("../../surfaces/modal/modal.js"),button=require("../../actions/button/button.js"),dropdown=require("../../actions/dropdown/dropdown.js"),tooltip=require("../../feedback/tooltip/tooltip.js"),calendar=require("../../../icons/time/calendar.js"),graduation_cap=require("../../../icons/basic/graduation_cap.js"),clock=require("../../../icons/time/clock.js"),pin=require("../../../icons/maps/pin.js"),forward_bold=require("../../../icons/arrow/forward_bold.js"),star_filled=require("../../../icons/basic/star_filled.js"),star=require("../../../icons/basic/star.js"),ellipsis_horizontal=require("../../../icons/basic/ellipsis_horizontal.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var RSVP,React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);!function(e){e.INTERESTED="INTERESTED",e.NOT_INTERESTED="NOT_INTERESTED"}(RSVP=RSVP||{});const MeetingCard=({href:e,image:t,sx:a,title:l,actions:o,course:r,startDate:n,endDate:i,startTime:d,endTime:c,location:u,shareModal:s,handleInterestedOnClick:p,handleNotInterestedOnClick:f,handleVisibleToConnectionsOnClick:_,rsvp:m,dotsActions:g})=>{var E=[];return p&&E.push({value:"interested",label:"Interested",onClick:p,icon:React__default.default.createElement(tooltip.Tooltip,{content:"Interested",place:"top"},React__default.default.createElement(star_filled.StarFilled,{color:"yellow-5"})),color:m===RSVP.INTERESTED?"primary-blue-2":void 0}),f&&E.push({value:"notInterested",label:"Not Interested",onClick:f,icon:React__default.default.createElement(tooltip.Tooltip,{content:"Not Interested",place:"top"},React__default.default.createElement(star_filled.StarFilled,{color:"red-4"})),color:m===RSVP.NOT_INTERESTED?"primary-blue-2":void 0}),_&&E.push("break",{value:"visibleToConnections",label:"Visible to connections",onClick:_}),React__default.default.createElement(Wrapper,{$isLink:!!e,$sx:a,as:e?"a":"div",href:e},React__default.default.createElement(Figure,null,React__default.default.createElement(Image__default.default,{alt:"",height:160,quality:100,src:t,width:312}),React__default.default.createElement(OverlayTopContainer,{id:"overlayTop"},g&&!!g.length&&React__default.default.createElement(dropdown.Dropdown,{hasArrow:!0,maintainState:!1,options:g,trigger:React__default.default.createElement(button.Button,{icon:React__default.default.createElement(ellipsis_horizontal.EllipsisHorizontal,null),showChevron:!1,type:"outlined",size:"small",className:"icon"}),onClick:e=>e.preventDefault()})),React__default.default.createElement(OverlayBottomContainer,{id:"overlayBottom"},s&&React__default.default.createElement(modal.Modal,null,React__default.default.createElement(modal.Modal.Trigger,null,React__default.default.createElement(button.Button,{icon:React__default.default.createElement(tooltip.Tooltip,{content:"Share",place:"bottom"},React__default.default.createElement(forward_bold.ForwardBold,null)),type:"outlined",size:"small",onClick:e=>e.preventDefault(),className:"icon"})),React__default.default.createElement(modal.Modal.Content,{onClick:e=>e.preventDefault()},s)),!!E.length&&React__default.default.createElement(dropdown.Dropdown,{open:"left",offset:[40,10],maintainState:!1,options:E,trigger:React__default.default.createElement(button.Button,{icon:React__default.default.createElement(tooltip.Tooltip,{content:"Interested",place:"bottom"},m===RSVP.INTERESTED&&React__default.default.createElement(star_filled.StarFilled,{sx:"color: var(--color-yellow-5);"})||m===RSVP.NOT_INTERESTED&&React__default.default.createElement(star_filled.StarFilled,{sx:"color: var(--color-red-4);"})||React__default.default.createElement(star.Star,null)),type:"outlined",size:"small",className:"icon"}),onClick:e=>e.preventDefault()}))),React__default.default.createElement(box.Box,{$dir:"column",$padding:24},React__default.default.createElement(tooltip.Tooltip,{content:l,place:"bottom"},React__default.default.createElement(heading.H.Eight,{$textAlign:"center",$color:"grey-2",$mediumBold:!0,$textClampLines:1},l)),React__default.default.createElement(MeetingInformation,null,r&&React__default.default.createElement(box.Box,{$align:"center",$gap:20},React__default.default.createElement(graduation_cap.GraduationCap,{color:"grey-6"}),React__default.default.createElement(paragraph.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14},r)),React__default.default.createElement(box.Box,{$align:"center",$gap:20},React__default.default.createElement(calendar.Calendar,{color:"grey-6"}),React__default.default.createElement(paragraph.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14},n," - ",i)),React__default.default.createElement(box.Box,{$align:"center",$gap:20},React__default.default.createElement(clock.Clock,{color:"grey-6"}),React__default.default.createElement(paragraph.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14},d," - ",c)),React__default.default.createElement(box.Box,{$align:"center",$gap:20,sx:"max-width: 264px;"},React__default.default.createElement(pin.Pin,{color:"grey-6"}),React__default.default.createElement(tooltip.Tooltip,{content:u,place:"bottom"},React__default.default.createElement(paragraph.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14,$textClampLines:1},u)))),React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$gap:8,sx:"margin-top: 32px; width: 100%;"},React__default.default.Children.toArray(o))))},Wrapper=styled.styled.div`
+"use strict";var e=require("react/jsx-runtime"),o=require("react"),i=require("next/image"),r=require("styled-components"),t=require("../../atoms/box/box.js"),l=require("../../atoms/typography/heading.js"),n=require("../../atoms/typography/paragraph.js"),s=require("../../surfaces/modal/modal.js"),a=require("../../actions/button/button.js"),c=require("../../actions/dropdown/dropdown.js"),d=require("../../feedback/tooltip/tooltip.js"),p=require("../../../icons/time/calendar.js"),x=require("../../../icons/basic/graduation_cap.js"),h=require("../../../icons/time/clock.js"),u=require("../../../icons/maps/pin.js"),j=require("../../../icons/arrow/forward_bold.js"),g=require("../../../icons/basic/star_filled.js"),m=require("../../../icons/basic/star.js"),y=require("../../../icons/basic/ellipsis_horizontal.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $,v=b(o),T=b(i);!function(e){e.INTERESTED="INTERESTED",e.NOT_INTERESTED="NOT_INTERESTED"}($||($={}));const f=r.styled.div`
   min-width: 312px;
   position: relative;
   display: block;
@@ -30,16 +30,16 @@
   }
 
   ${({$sx:e})=>e||""};
-`,MeetingInformation=styled.styled.div`
+`,E=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin-top: 16px;
   height: 128px;
-`,Figure=styled.styled.figure`
+`,C=r.styled.figure`
   position: relative;
   margin: 0;
-`,OverlayBottomContainer=styled.styled.div`
+`,q=r.styled.div`
   position: absolute;
   right: 0;
   bottom: 0;
@@ -47,7 +47,7 @@
   opacity: 0;
   display: flex;
   gap: 8px;
-`,OverlayTopContainer=styled.styled.div`
+`,w=r.styled.div`
   position: absolute;
   right: 0;
   top: 0;
@@ -55,4 +55,4 @@
   opacity: 0;
   display: flex;
   gap: 8px;
-`;exports.MeetingCard=MeetingCard;
+`;exports.MeetingCard=({href:o,image:i,sx:r,title:b,actions:S,course:k,startDate:N,endDate:D,startTime:I,endTime:B,location:z,shareModal:R,handleInterestedOnClick:_,handleNotInterestedOnClick:O,handleVisibleToConnectionsOnClick:H,rsvp:F,dotsActions:M})=>{const P=[];return _&&P.push({value:"interested",label:"Interested",onClick:_,icon:e.jsx(d.Tooltip,{content:"Interested",place:"top",children:e.jsx(g.StarFilled,{color:"yellow-5"})}),color:F===$.INTERESTED?"primary-blue-2":void 0}),O&&P.push({value:"notInterested",label:"Not Interested",onClick:O,icon:e.jsx(d.Tooltip,{content:"Not Interested",place:"top",children:e.jsx(g.StarFilled,{color:"red-4"})}),color:F===$.NOT_INTERESTED?"primary-blue-2":void 0}),H&&P.push("break",{value:"visibleToConnections",label:"Visible to connections",onClick:H}),e.jsxs(f,{$isLink:!!o,$sx:r,as:o?"a":"div",href:o,children:[e.jsxs(C,{children:[e.jsx(T.default,{alt:"",height:160,quality:100,src:i,width:312}),e.jsx(w,{id:"overlayTop",children:M&&!!M.length&&e.jsx(c.Dropdown,{hasArrow:!0,maintainState:!1,options:M,trigger:e.jsx(a.Button,{icon:e.jsx(y.EllipsisHorizontal,{}),showChevron:!1,type:"outlined",size:"small",className:"icon"}),onClick:e=>e.preventDefault()})}),e.jsxs(q,{id:"overlayBottom",children:[R&&e.jsxs(s.Modal,{children:[e.jsx(s.Modal.Trigger,{children:e.jsx(a.Button,{icon:e.jsx(d.Tooltip,{content:"Share",place:"bottom",children:e.jsx(j.ForwardBold,{})}),type:"outlined",size:"small",onClick:e=>e.preventDefault(),className:"icon"})}),e.jsx(s.Modal.Content,{onClick:e=>e.preventDefault(),children:R})]}),!!P.length&&e.jsx(c.Dropdown,{open:"left",offset:[40,10],maintainState:!1,options:P,trigger:e.jsx(a.Button,{icon:e.jsx(d.Tooltip,{content:"Interested",place:"bottom",children:F===$.INTERESTED&&e.jsx(g.StarFilled,{sx:"color: var(--color-yellow-5);"})||F===$.NOT_INTERESTED&&e.jsx(g.StarFilled,{sx:"color: var(--color-red-4);"})||e.jsx(m.Star,{})}),type:"outlined",size:"small",className:"icon"}),onClick:e=>e.preventDefault()})]})]}),e.jsxs(t.Box,{$dir:"column",$padding:24,children:[e.jsx(d.Tooltip,{content:b,place:"bottom",children:e.jsx(l.H.Eight,{$textAlign:"center",$color:"grey-2",$mediumBold:!0,$textClampLines:1,children:b})}),e.jsxs(E,{children:[k&&e.jsxs(t.Box,{$align:"center",$gap:20,children:[e.jsx(x.GraduationCap,{color:"grey-6"}),e.jsx(n.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14,children:k})]}),e.jsxs(t.Box,{$align:"center",$gap:20,children:[e.jsx(p.Calendar,{color:"grey-6"}),e.jsxs(n.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14,children:[N," - ",D]})]}),e.jsxs(t.Box,{$align:"center",$gap:20,children:[e.jsx(h.Clock,{color:"grey-6"}),e.jsxs(n.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14,children:[I," - ",B]})]}),e.jsxs(t.Box,{$align:"center",$gap:20,sx:"max-width: 264px;",children:[e.jsx(u.Pin,{color:"grey-6"}),e.jsx(d.Tooltip,{content:z,place:"bottom",children:e.jsx(n.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14,$textClampLines:1,children:z})})]})]}),e.jsx(t.Box,{$display:"flex",$dir:"row",$gap:8,sx:"margin-top: 32px; width: 100%;",children:v.default.Children.toArray(S)})]})]})};

package/dist/components/card/person/person.js

@@ -1,11 +1,11 @@
 "use client";
-"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),dropdown=require("../../actions/dropdown/dropdown.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),ellipsis_horizontal=require("../../../icons/basic/ellipsis_horizontal.js"),ispaid=require("../../iconography/avatar/icons/ispaid.js"),material=require("@mui/material"),hourglass=require("../../../icons/time/hourglass.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const PersonCard=({actions:e,chip:t,dotsActions:a,href:l,image:i,subtitle:r,sx:o,title:n,isPaidUser:d,progress:s,lastOnline:u,containerSx:p})=>React__default.default.createElement(Wrapper,{$image:i,$sx:p},React__default.default.createElement(Person,{$sx:o},React__default.default.createElement(ContentWrapper,{as:l?"a":"div",href:l},a&&!!a.length&&React__default.default.createElement(dropdown.Dropdown,{containerSx:"",hasArrow:!0,maintainState:!1,onClick:e=>e.preventDefault(),options:a,sx:"position: absolute; top: 8px; right: 8px; z-index: 24; display: none;",trigger:React__default.default.createElement(button.Button,{className:"icon",icon:React__default.default.createElement(ellipsis_horizontal.EllipsisHorizontal,null),onClick:e=>e.stopPropagation(),showChevron:!1,size:"small",type:"outlined"})}),React__default.default.createElement(Image__default.default,{alt:"",height:400,quality:100,src:i,width:312})),t&&React__default.default.createElement(box.Box,{sx:"position: absolute; top: 8px; left: 8px; z-index: 24;"},t),React__default.default.createElement(Figcaption,null,React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$gap:8},React__default.default.createElement(heading.H,{as:"span",$bold:!0,$color:"white",$fontSize:24,$lineHeight:36},n),d&&React__default.default.createElement(box.Box,{sx:"padding: .6rem 0 0 0; width: 18.33px; height: 18.33px;"},React__default.default.createElement(ispaid.IsPaid,null))),r&&React__default.default.createElement(paragraph.P,{as:"span",$color:"white",$fontSize:14,$lineHeight:20},r),(s||u)&&React__default.default.createElement(ProgressContainer,null,void 0!==s&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(material.CircularProgress,{variant:"determinate",value:s,style:{color:"green",width:18,height:18}}),React__default.default.createElement(ProgressDataContainer,null,React__default.default.createElement(paragraph.P,{$fontSize:10,$color:"grey-9",$lineHeight:14},"Progress"),React__default.default.createElement(paragraph.P,{$fontSize:10,$color:"white",$bold:!0,$lineHeight:14},s,"%"))),u&&React__default.default.createElement(LastOnlineContainer,{$addMarginLeft:void 0!==s},React__default.default.createElement(hourglass.Hourglass,null),React__default.default.createElement(LastOnlineDataContainer,null,React__default.default.createElement(paragraph.P,{$fontSize:10,$color:"grey-9",$lineHeight:14},"Last online"),React__default.default.createElement(paragraph.P,{$fontSize:10,$color:"white",$bold:!0,$lineHeight:14},u)))),e&&React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$gap:8,sx:"margin-top: 16px;"},React__default.default.Children.toArray(e))))),ContentWrapper=styled.styled.div`
+"use strict";var i=require("react/jsx-runtime"),e=require("react"),r=require("next/image"),t=require("styled-components"),o=require("../../atoms/box/box.js"),s=require("../../actions/button/button.js"),n=require("../../actions/dropdown/dropdown.js"),a=require("../../atoms/typography/heading.js"),l=require("../../atoms/typography/paragraph.js"),d=require("../../../icons/basic/ellipsis_horizontal.js"),x=require("../../iconography/avatar/icons/ispaid.js"),p=require("@mui/material"),h=require("../../../icons/time/hourglass.js");function c(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var g=c(e),u=c(r);const f=t.styled.div`
   display: flex;
   flex-direction: column;
   &:hover > div {
     display: initial;
   }
-`,Wrapper=styled.styled.div`
+`,m=t.styled.div`
   width: 312px;
   height: 400px;
   display: block;
@@ -22,8 +22,8 @@
     object-fit: cover;
   }
 
-  ${({$sx:e})=>e||""};
-`,Person=styled.styled.figure`
+  ${({$sx:i})=>i||""};
+`,j=t.styled.figure`
   position: relative;
   width: 100%;
   height: 100%;
@@ -33,8 +33,8 @@
   justify-content: flex-end;
   flex-direction: column;
 
-  ${({$sx:e})=>e||""};
-`,Figcaption=styled.styled.figcaption`
+  ${({$sx:i})=>i||""};
+`,$=t.styled.figcaption`
   position: relative;
   width: 100%;
   height: auto;
@@ -52,33 +52,21 @@
   padding: 16px 24px;
   box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.001);
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-`,ProgressContainer=styled.styled.div`
+`,y=t.styled.div`
   display: flex;
   margin-top: 8px;
   align-items: center;
-`,ProgressDataContainer=styled.styled.div`
+`,b=t.styled.div`
   display: flex;
   flex-direction: column;
   margin-left: 4px;
-`,LastOnlineContainer=styled.styled.div`
+`,v=t.styled.div`
   display: flex;
   align-items: center;
 
-  ${({$addMarginLeft:e})=>e&&`
-    margin-left: auto;
-    padding-left: 16px;
-    border-left: 1px solid var(--color-grey-5);
-    margin-right: 40px;
-
-    @media (max-width: 1440px) {
-      margin-right: 0;
-    }
-    @media (max-width: 1366px) {
-      margin-right: 20px;
-    }
-  `};
-`,LastOnlineDataContainer=styled.styled.div`
+  ${({$addMarginLeft:i})=>i&&"\n    margin-left: auto;\n    padding-left: 16px;\n    border-left: 1px solid var(--color-grey-5);\n    margin-right: 40px;\n\n    @media (max-width: 1440px) {\n      margin-right: 0;\n    }\n    @media (max-width: 1366px) {\n      margin-right: 20px;\n    }\n  "};
+`,w=t.styled.div`
   display: flex;
   flex-direction: column;
   margin-left: 4px;
-`;exports.PersonCard=PersonCard;
+`;exports.PersonCard=({actions:e,chip:r,dotsActions:t,href:c,image:q,subtitle:z,sx:P,title:H,isPaidUser:S,progress:C,lastOnline:B,containerSx:k})=>i.jsx(m,{$image:q,$sx:k,children:i.jsxs(j,{$sx:P,children:[i.jsxs(f,{as:c?"a":"div",href:c,children:[t&&!!t.length&&i.jsx(n.Dropdown,{containerSx:"",hasArrow:!0,maintainState:!1,onClick:i=>i.preventDefault(),options:t,sx:"position: absolute; top: 8px; right: 8px; z-index: 24; display: none;",trigger:i.jsx(s.Button,{className:"icon",icon:i.jsx(d.EllipsisHorizontal,{}),onClick:i=>i.stopPropagation(),showChevron:!1,size:"small",type:"outlined"})}),i.jsx(u.default,{alt:"",height:400,quality:100,src:q,width:312})]}),r&&i.jsx(o.Box,{sx:"position: absolute; top: 8px; left: 8px; z-index: 24;",children:r}),i.jsxs($,{children:[i.jsxs(o.Box,{$display:"flex",$dir:"row",$gap:8,children:[i.jsx(a.H,{as:"span",$bold:!0,$color:"white",$fontSize:24,$lineHeight:36,children:H}),S&&i.jsx(o.Box,{sx:"padding: .6rem 0 0 0; width: 18.33px; height: 18.33px;",children:i.jsx(x.IsPaid,{})})]}),z&&i.jsx(l.P,{as:"span",$color:"white",$fontSize:14,$lineHeight:20,children:z}),(C||B)&&i.jsxs(y,{children:[void 0!==C&&i.jsxs(i.Fragment,{children:[i.jsx(p.CircularProgress,{variant:"determinate",value:C,style:{color:"green",width:18,height:18}}),i.jsxs(b,{children:[i.jsx(l.P,{$fontSize:10,$color:"grey-9",$lineHeight:14,children:"Progress"}),i.jsxs(l.P,{$fontSize:10,$color:"white",$bold:!0,$lineHeight:14,children:[C,"%"]})]})]}),B&&i.jsxs(v,{$addMarginLeft:void 0!==C,children:[i.jsx(h.Hourglass,{}),i.jsxs(w,{children:[i.jsx(l.P,{$fontSize:10,$color:"grey-9",$lineHeight:14,children:"Last online"}),i.jsx(l.P,{$fontSize:10,$color:"white",$bold:!0,$lineHeight:14,children:B})]})]})]}),e&&i.jsx(o.Box,{$display:"flex",$dir:"row",$gap:8,sx:"margin-top: 16px;",children:g.default.Children.toArray(e)})]})]})});

package/dist/components/card/price/price.js

@@ -1,27 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),dropdown=require("../../actions/dropdown/dropdown.js"),checkmark=require("../../../icons/basic/checkmark.js"),ellipsis_horizontal=require("../../../icons/basic/ellipsis_horizontal.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const PriceCard=({actions:e,content:t,dotsActions:a,featureTitle:r,features:o,label:l,price:d,title:i})=>{const n=React__default.default.useId();return React__default.default.createElement(Price,null,a&&!!a.length&&React__default.default.createElement(dropdown.Dropdown,{className:"dot-dropdown",hasArrow:!0,maintainState:!1,offset:[0,32],options:a,sx:`
-          position: absolute; 
-          top: 6px; 
-          right: 6px; 
-          display: none;
-          `,trigger:React__default.default.createElement(button.Button,{icon:React__default.default.createElement(ellipsis_horizontal.EllipsisHorizontal,null),showChevron:!1,type:"outlined",size:"small",className:"icon"}),onClick:e=>e.preventDefault()}),l&&React__default.default.createElement(box.Box,{$justify:"center",sx:`
-            width: 100%;
-            position: absolute;
-            z-index: -1;
-            top: -33px;`},React__default.default.createElement(Label,null,React__default.default.createElement(paragraph.P,{as:"span",$fontSize:12,$lineHeight:16,$mediumBold:!0,$textClampLines:1},l))),React__default.default.createElement(box.Box,{$align:"stretch",$display:"flex",$dir:"column",$gap:24,sx:`
-          padding: 24px 48px; 
-          background-color: var(--color-grey-10); 
-          border-radius: 16px 16px 0px 0px;
-        `},React__default.default.createElement(heading.H,{as:"h6",$fontSize:24,$lineHeight:36,$semiBold:!0,$textAlign:"center"},i),React__default.default.createElement(box.Box,{$dir:"column"},React__default.default.createElement(heading.H,{as:"p",$bold:!0,$fontSize:32,$lineHeight:48,$textClampLines:5,$textAlign:"center"},d),React__default.default.createElement(paragraph.P,{as:"span",$color:"grey-4",$textAlign:"center"},"/month")),e),React__default.default.createElement(Divider,null),React__default.default.createElement(box.Box,{sx:`
-        position: relative;
-        background-color: var(--color-white);
-        border-radius: 0 0 16px 16px;
-        `,$display:"flex",$dir:"column"},React__default.default.createElement(paragraph.P,{sx:"padding: 16px 24px;"},t),React__default.default.createElement(Divider,{$sx:"margin: 0px 24px; width: calc(100% - 48px);"}),React__default.default.createElement(box.Box,{sx:"padding: 16px 24px; border-radius: 8px;",$dir:"column",$gap:8},React__default.default.createElement(paragraph.P,{$color:"grey-2",$mediumBold:!0},r),o.map((e,t)=>React__default.default.createElement(box.Box,{key:n+t.toString(36),$align:"flex-start",$gap:12},React__default.default.createElement(checkmark.Checkmark,{color:"green-5",sx:`
-                flex-shrink: 0;
-                padding: 2px;
-                border-radius: 50%;
-                background-color: var(--color-green-9);
-                `}),React__default.default.createElement(paragraph.P,{$fontSize:14,$lineHeight:20,sx:"max-width: calc(100% - 32px);"},e))))))},Price=styled.styled.figure`
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),i=require("../../atoms/box/box.js"),n=require("../../actions/button/button.js"),s=require("../../atoms/typography/heading.js"),t=require("../../atoms/typography/paragraph.js"),a=require("../../actions/dropdown/dropdown.js"),d=require("../../../icons/basic/checkmark.js"),l=require("../../../icons/basic/ellipsis_horizontal.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(r);const c=o.styled.figure`
   position: relative;
   z-index: 1;
   margin: 0px;
@@ -40,7 +18,7 @@
       display: flex;
     }
   }
-`,Label=styled.styled.div`
+`,h=o.styled.div`
   max-width: calc(100% - 32px);
   box-sizing: border-box;
   padding: 8px 24px;
@@ -48,10 +26,10 @@
   background-color: var(--color-grey-10);
   box-shadow: var(--elevation-2);
   border-bottom: 1px solid var(--color-grey-9);
-`,Divider=styled.styled.div`
+`,u=o.styled.div`
   height: 1px;
   width: 100%;
   box-sizing: border-box;
   background-color: var(--color-grey-9);
   ${({$sx:e})=>e||""}
-`;exports.PriceCard=PriceCard;
+`;exports.PriceCard=({actions:r,content:o,dotsActions:x,featureTitle:g,features:b,label:$,price:j,title:m})=>{const f=p.default.useId();return e.jsxs(c,{children:[x&&!!x.length&&e.jsx(a.Dropdown,{className:"dot-dropdown",hasArrow:!0,maintainState:!1,offset:[0,32],options:x,sx:"\n          position: absolute; \n          top: 6px; \n          right: 6px; \n          display: none;\n          ",trigger:e.jsx(n.Button,{icon:e.jsx(l.EllipsisHorizontal,{}),showChevron:!1,type:"outlined",size:"small",className:"icon"}),onClick:e=>e.preventDefault()}),$&&e.jsx(i.Box,{$justify:"center",sx:"\n            width: 100%;\n            position: absolute;\n            z-index: -1;\n            top: -33px;",children:e.jsx(h,{children:e.jsx(t.P,{as:"span",$fontSize:12,$lineHeight:16,$mediumBold:!0,$textClampLines:1,children:$})})}),e.jsxs(i.Box,{$align:"stretch",$display:"flex",$dir:"column",$gap:24,sx:"\n          padding: 24px 48px; \n          background-color: var(--color-grey-10); \n          border-radius: 16px 16px 0px 0px;\n        ",children:[e.jsx(s.H,{as:"h6",$fontSize:24,$lineHeight:36,$semiBold:!0,$textAlign:"center",children:m}),e.jsxs(i.Box,{$dir:"column",children:[e.jsx(s.H,{as:"p",$bold:!0,$fontSize:32,$lineHeight:48,$textClampLines:5,$textAlign:"center",children:j}),e.jsx(t.P,{as:"span",$color:"grey-4",$textAlign:"center",children:"/month"})]}),r]}),e.jsx(u,{}),e.jsxs(i.Box,{sx:"\n        position: relative;\n        background-color: var(--color-white);\n        border-radius: 0 0 16px 16px;\n        ",$display:"flex",$dir:"column",children:[e.jsx(t.P,{sx:"padding: 16px 24px;",children:o}),e.jsx(u,{$sx:"margin: 0px 24px; width: calc(100% - 48px);"}),e.jsxs(i.Box,{sx:"padding: 16px 24px; border-radius: 8px;",$dir:"column",$gap:8,children:[e.jsx(t.P,{$color:"grey-2",$mediumBold:!0,children:g}),b.map((r,o)=>e.jsxs(i.Box,{$align:"flex-start",$gap:12,children:[e.jsx(d.Checkmark,{color:"green-5",sx:"\n                flex-shrink: 0;\n                padding: 2px;\n                border-radius: 50%;\n                background-color: var(--color-green-9);\n                "}),e.jsx(t.P,{$fontSize:14,$lineHeight:20,sx:"max-width: calc(100% - 32px);",children:r})]},f+o.toString(36)))]})]})]})};

package/dist/components/card/regular/regular.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const RegularCard=({children:e,href:t,image:a,sx:r})=>React__default.default.createElement(Wrapper,{$isLink:!!t,$sx:r,as:t?"a":"div",href:t},React__default.default.createElement(Image__default.default,{alt:"",height:352,quality:100,src:a,width:352}),React__default.default.createElement(box.Box,{$dir:"column",$padding:24},e)),Wrapper=styled.styled.div`
+"use strict";var r=require("react/jsx-runtime"),e=require("next/image"),i=require("styled-components"),o=require("../../atoms/box/box.js");function t(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var a=t(e);const s=i.styled.div`
   position: relative;
   display: block;
   text-decoration: none;
@@ -8,15 +8,12 @@
   border-radius: 16px;
   background-color: var(--color-white);
 
-  ${({$isLink:e})=>e?`
-    &:hover {
-      border: 1px solid var(--color-primary-blue-3);
-    }`:""}
+  ${({$isLink:r})=>r?"\n    &:hover {\n      border: 1px solid var(--color-primary-blue-3);\n    }":""}
 
   img {
     border-radius: 16px 16px 0px 0px;
     object-fit: cover;
   }
 
-  ${({$sx:e})=>e||""};
-`;exports.RegularCard=RegularCard;
+  ${({$sx:r})=>r||""};
+`;exports.RegularCard=({children:e,href:i,image:t,sx:n})=>r.jsxs(s,{$isLink:!!i,$sx:n,as:i?"a":"div",href:i,children:[r.jsx(a.default,{alt:"",height:352,quality:100,src:t,width:352}),r.jsx(o.Box,{$dir:"column",$padding:24,children:e})]});

package/dist/components/card/styles.js

@@ -1,9 +1,9 @@
 "use client";
-"use strict";var styled=require("styled-components"),box=require("../atoms/box/box.js");const PurchaseTextWrapper=styled.styled(box.Box)`
+"use strict";var e=require("styled-components"),t=require("../atoms/box/box.js");const s=e.styled(t.Box)`
   position: absolute;
   top: 16px;
   left: 16px;
   width: calc(100% - 32px);
   gap: 8px;
   align-items: center;
-`;exports.PurchaseTextWrapper=PurchaseTextWrapper;
+`;exports.PurchaseTextWrapper=s;