@lanaco/lnc-react-ui 4.0.206 → 4.0.207

package/dist/SimpleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),F=require("./useDetectMobile-zkbzoOGV.cjs"),L=require("./index-BFc3nxYZ.cjs"),U=require("./index-CSgGox95.cjs"),i=require("./style-BAcV7F53.cjs"),C=k.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),y=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./index-of6WydGq.cjs"),F=require("./index-B9c6y2J5.cjs"),i=require("./style-BAcV7F53.cjs"),U=q.styled.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -9,27 +9,60 @@
     margin: auto;
   }
 
-  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+  /* Tablet (768–1024px) – text 3/4 left, 1 card top-right, 4 equal product cols below */
+  @media ${l.down("M")} {
+    grid-template-columns: repeat(4, 1fr);
+    grid-template-rows: auto;
+
+    & .text-block-v1 {
+      grid-column: 1 / 4;
+      grid-row: 1;
+      max-width: unset;
+      margin: 0;
+      align-self: start;
+    }
+
+    & .simple-product-card:nth-of-type(1) {
+      grid-column: 4;
+      grid-row: 1;
+    }
+
+    & .simple-product-card:nth-of-type(n + 2) {
+      grid-column: span 1;
+      grid-row: auto;
+    }
+  }
+
+  /* Mobile (≤767px) – title full width above, 2-col product grid below */
+  @media ${l.down("S")} {
     grid-template-columns: repeat(2, 1fr);
+    gap: 1rem;
 
     & .text-block-v1 {
-      grid-column: 1 / 3;
+      grid-column: 1 / -1;
+      grid-row: 1;
       max-width: unset;
-      margin: unset;
+      margin: 0 0 1rem 0;
+      align-self: stretch;
     }
 
-    & .simple-product-card {
+    & .simple-product-card:nth-of-type(1),
+    & .simple-product-card:nth-of-type(n + 2) {
+      grid-column: auto;
+      grid-row: auto;
       max-width: unset;
       min-width: unset;
       width: unset;
     }
+  }
 
-    & .img-wrapper {
-
-    }
+  /* Small phones (≤480px) – single column */
+  @media ${l.down("XS")} {
+    grid-template-columns: 1fr;
+    gap: 0.75rem;
   }
-`,I=k.styled(i.SkeletonColumnWrapper)`
-  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+`,C=q.styled(i.SkeletonColumnWrapper)`
+  @media ${l.down("S")} {
     & .skeleton__cards {
       & > div {
         width: 100%;
@@ -41,4 +74,4 @@
       }
     }
   }
-`,R=({keyPrefix:r})=>t.jsxs(I,{children:[t.jsxs(i.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(i.SkeletonLinePlaceholder,{width:"100%",height:"11.125rem"},`${r}-1`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-2`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-3`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-4`)]}),t.jsxs(i.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-5`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-6`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-7`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-8`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-9`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-10`)]})]}),B=({keyPrefix:r,isLoading:n=!1,fallbackComponent:o=t.jsx(t.Fragment,{}),children:a})=>t.jsx(l.Suspense,{fallbackComponent:o,children:n===!0?t.jsx(R,{keyPrefix:r}):a}),q=l.memo(L.SimpleProductCard),E=l.forwardRef((r,n)=>{const{title:o,subtitle:a,description:$,buttonText:_,buttonLink:P,items:s,onButtonAction:N=()=>{},isLoading:M=!1,limit:d=6,getImage:u=()=>{},negotiableText:m,freeText:h,componentName:p,LinkComponent:g}=r,S=F.useDetectMobile(),v=l.useMemo(()=>{var j,w;return t.jsx(t.Fragment,{children:S===!0?(j=s==null?void 0:s.slice(0,4))==null?void 0:j.map((e,c)=>t.jsx(q,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:m,freeText:h,metadata:{name:p,accessor:e==null?void 0:e.accessor},LinkComponent:g},c)):(w=s==null?void 0:s.slice(0,9))==null?void 0:w.map((e,c)=>t.jsx(q,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:m,freeText:h,metadata:{name:p,accessor:e==null?void 0:e.accessor},LinkComponent:g},c))})},[s,S,d]);return t.jsx(B,{isLoading:M,keyPrefix:"simple-products-skeleton",children:t.jsxs(C,{ref:n,limit:d,children:[t.jsx(U.TextBlockV1,{subtitle:a,title:o,description:$,buttonText:_,buttonLink:P,onButtonAction:N,className:"text-block-v1"}),v]})})});module.exports=E;
+`,R=({keyPrefix:r})=>t.jsxs(C,{children:[t.jsxs(i.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(i.SkeletonLinePlaceholder,{width:"100%",height:"11.125rem"},`${r}-1`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-2`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-3`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-4`)]}),t.jsxs(i.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-5`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-6`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-7`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-8`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-9`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-10`)]})]}),T=({keyPrefix:r,isLoading:n=!1,fallbackComponent:a=t.jsx(t.Fragment,{}),children:d})=>t.jsx(s.Suspense,{fallbackComponent:a,children:n===!0?t.jsx(R,{keyPrefix:r}):d}),k=s.memo(M.SimpleProductCard),L=s.forwardRef((r,n)=>{const{title:a,subtitle:d,description:$,buttonText:f,buttonLink:v,items:o,onButtonAction:N=()=>{},isLoading:P=!1,limit:u=6,getImage:m=()=>{},negotiableText:h,freeText:p,componentName:g,LinkComponent:S}=r,w=y.useDetectMobile(),_=s.useMemo(()=>{var j,b;return t.jsx(t.Fragment,{children:w===!0?(j=o==null?void 0:o.slice(0,4))==null?void 0:j.map((e,c)=>t.jsx(k,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,image:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:h,freeText:p,metadata:{name:g,accessor:e==null?void 0:e.accessor},LinkComponent:S},c)):(b=o==null?void 0:o.slice(0,9))==null?void 0:b.map((e,c)=>t.jsx(k,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,image:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:h,freeText:p,metadata:{name:g,accessor:e==null?void 0:e.accessor},LinkComponent:S},c))})},[o,w,u]);return t.jsx(T,{isLoading:P,keyPrefix:"simple-products-skeleton",children:t.jsxs(U,{ref:n,limit:u,children:[t.jsx(F.TextBlockV1,{subtitle:d,title:a,description:$,buttonText:f,buttonLink:v,onButtonAction:N,className:"text-block-v1"}),_]})})});module.exports=L;

package/dist/SimpleProductsSection.js

@@ -1,12 +1,12 @@
-import { jsxs as o, jsx as t, Fragment as N } from "react/jsx-runtime";
-import { Suspense as T, memo as B, forwardRef as I, useMemo as W } from "react";
-import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-BuFChS64.js";
-import { u as j } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as z } from "./index-u_XFwsvc.js";
-import { T as E } from "./index-DK8dqEUQ.js";
-import { b as R, S as $, a as q, c as i } from "./style-BwQ4djFC.js";
-const A = _.div`
+import { jsxs as l, jsx as t, Fragment as v } from "react/jsx-runtime";
+import { Suspense as y, memo as L, forwardRef as W, useMemo as j } from "react";
+import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as a } from "./breakpoints-ff0SIcV3.js";
+import { u as q } from "./useDetectMobile-CcVo3PNi.js";
+import { S as z } from "./index-9KyU46J0.js";
+import { T as B } from "./index-CoQ9APCD.js";
+import { b as R, S as $, a as A, c as i } from "./style-BwQ4djFC.js";
+const D = N.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -17,27 +17,60 @@ const A = _.div`
     margin: auto;
   }
 
-  @media (max-width: ${k + "px"}) {
+  /* Tablet (768–1024px) – text 3/4 left, 1 card top-right, 4 equal product cols below */
+  @media ${a("M")} {
+    grid-template-columns: repeat(4, 1fr);
+    grid-template-rows: auto;
+
+    & .text-block-v1 {
+      grid-column: 1 / 4;
+      grid-row: 1;
+      max-width: unset;
+      margin: 0;
+      align-self: start;
+    }
+
+    & .simple-product-card:nth-of-type(1) {
+      grid-column: 4;
+      grid-row: 1;
+    }
+
+    & .simple-product-card:nth-of-type(n + 2) {
+      grid-column: span 1;
+      grid-row: auto;
+    }
+  }
+
+  /* Mobile (≤767px) – title full width above, 2-col product grid below */
+  @media ${a("S")} {
     grid-template-columns: repeat(2, 1fr);
+    gap: 1rem;
 
     & .text-block-v1 {
-      grid-column: 1 / 3;
+      grid-column: 1 / -1;
+      grid-row: 1;
       max-width: unset;
-      margin: unset;
+      margin: 0 0 1rem 0;
+      align-self: stretch;
     }
 
-    & .simple-product-card {
+    & .simple-product-card:nth-of-type(1),
+    & .simple-product-card:nth-of-type(n + 2) {
+      grid-column: auto;
+      grid-row: auto;
       max-width: unset;
       min-width: unset;
       width: unset;
     }
+  }
 
-    & .img-wrapper {
-
-    }
+  /* Small phones (≤480px) – single column */
+  @media ${a("XS")} {
+    grid-template-columns: 1fr;
+    gap: 0.75rem;
   }
-`, D = _(R)`
-  @media (max-width: ${k + "px"}) {
+`, G = N(R)`
+  @media ${a("S")} {
     & .skeleton__cards {
       & > div {
         width: 100%;
@@ -49,10 +82,10 @@ const A = _.div`
       }
     }
   }
-`, G = ({ keyPrefix: r }) => /* @__PURE__ */ o(D, { children: [
-  /* @__PURE__ */ o($, { className: "skeleton__cards", children: [
+`, I = ({ keyPrefix: r }) => /* @__PURE__ */ l(G, { children: [
+  /* @__PURE__ */ l($, { className: "skeleton__cards", children: [
     /* @__PURE__ */ t(
-      q,
+      A,
       {
         width: "100%",
         height: "11.125rem"
@@ -84,7 +117,7 @@ const A = _.div`
       `${r}-4`
     )
   ] }),
-  /* @__PURE__ */ o($, { className: "skeleton__cards", children: [
+  /* @__PURE__ */ l($, { className: "skeleton__cards", children: [
     /* @__PURE__ */ t(
       i,
       {
@@ -134,33 +167,33 @@ const A = _.div`
       `${r}-10`
     )
   ] })
-] }), O = ({
+] }), V = ({
   keyPrefix: r,
-  isLoading: s = !1,
-  fallbackComponent: a = /* @__PURE__ */ t(N, {}),
-  children: n
-}) => /* @__PURE__ */ t(T, { fallbackComponent: a, children: s === !0 ? /* @__PURE__ */ t(G, { keyPrefix: r }) : n }), f = B(z), Q = I((r, s) => {
+  isLoading: m = !1,
+  fallbackComponent: n = /* @__PURE__ */ t(v, {}),
+  children: d
+}) => /* @__PURE__ */ t(y, { fallbackComponent: n, children: m === !0 ? /* @__PURE__ */ t(I, { keyPrefix: r }) : d }), k = L(z), Y = W((r, m) => {
   const {
-    title: a,
-    subtitle: n,
-    description: v,
-    buttonText: M,
+    title: n,
+    subtitle: d,
+    description: M,
+    buttonText: T,
     buttonLink: U,
-    items: m,
-    onButtonAction: C = () => {
+    items: o,
+    onButtonAction: _ = () => {
     },
-    isLoading: F = !1,
-    limit: d = 6,
-    getImage: c = () => {
+    isLoading: C = !1,
+    limit: c = 6,
+    getImage: u = () => {
     },
-    negotiableText: u,
+    negotiableText: p,
     freeText: h,
-    componentName: p,
-    LinkComponent: g
-  } = r, w = j(), L = W(() => {
-    var S, b;
-    return /* @__PURE__ */ t(N, { children: w === !0 ? (S = m == null ? void 0 : m.slice(0, 4)) == null ? void 0 : S.map((e, l) => /* @__PURE__ */ t(
-      f,
+    componentName: g,
+    LinkComponent: w
+  } = r, S = q(), F = j(() => {
+    var b, f;
+    return /* @__PURE__ */ t(v, { children: S === !0 ? (b = o == null ? void 0 : o.slice(0, 4)) == null ? void 0 : b.map((e, s) => /* @__PURE__ */ t(
+      k,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -170,15 +203,15 @@ const A = _.div`
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
-        image: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: u,
+        image: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: p,
         freeText: h,
-        metadata: { name: p, accessor: e == null ? void 0 : e.accessor },
-        LinkComponent: g
+        metadata: { name: g, accessor: e == null ? void 0 : e.accessor },
+        LinkComponent: w
       },
-      l
-    )) : (b = m == null ? void 0 : m.slice(0, 9)) == null ? void 0 : b.map((e, l) => /* @__PURE__ */ t(
-      f,
+      s
+    )) : (f = o == null ? void 0 : o.slice(0, 9)) == null ? void 0 : f.map((e, s) => /* @__PURE__ */ t(
+      k,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -188,38 +221,38 @@ const A = _.div`
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
-        image: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: u,
+        image: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: p,
         freeText: h,
-        metadata: { name: p, accessor: e == null ? void 0 : e.accessor },
-        LinkComponent: g
+        metadata: { name: g, accessor: e == null ? void 0 : e.accessor },
+        LinkComponent: w
       },
-      l
+      s
     )) });
-  }, [m, w, d]);
+  }, [o, S, c]);
   return /* @__PURE__ */ t(
-    O,
+    V,
     {
-      isLoading: F,
+      isLoading: C,
       keyPrefix: "simple-products-skeleton",
-      children: /* @__PURE__ */ o(A, { ref: s, limit: d, children: [
+      children: /* @__PURE__ */ l(D, { ref: m, limit: c, children: [
         /* @__PURE__ */ t(
-          E,
+          B,
           {
-            subtitle: n,
-            title: a,
-            description: v,
-            buttonText: M,
+            subtitle: d,
+            title: n,
+            description: M,
+            buttonText: T,
             buttonLink: U,
-            onButtonAction: C,
+            onButtonAction: _,
             className: "text-block-v1"
           }
         ),
-        L
+        F
       ] })
     }
   );
 });
 export {
-  Q as default
+  Y as default
 };

package/dist/{SoundCloud-C6R6E6Zc.cjs → SoundCloud-BsL6Onq6.cjs}

@@ -1 +1 @@
-"use strict";const g=require("./_commonjsHelpers-DwTZ_eVU.cjs"),b=require("react"),d=require("./SearchSection-B94YN_6P.cjs");function v(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const o in s)if(o!=="default"&&!(o in t)){const a=Object.getOwnPropertyDescriptor(s,o);a&&Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:()=>s[o]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var O=Object.create,l=Object.defineProperty,S=Object.getOwnPropertyDescriptor,j=Object.getOwnPropertyNames,w=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty,D=(t,e,r)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,E=(t,e)=>{for(var r in e)l(t,r,{get:e[r],enumerable:!0})},h=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of j(e))!C.call(t,o)&&o!==r&&l(t,o,{get:()=>e[o],enumerable:!(s=S(e,o))||s.enumerable});return t},L=(t,e,r)=>(r=t!=null?O(w(t)):{},h(!t||!t.__esModule?l(r,"default",{value:t,enumerable:!0}):r,t)),R=t=>h(l({},"__esModule",{value:!0}),t),n=(t,e,r)=>(D(t,typeof e!="symbol"?e+"":e,r),r),f={};E(f,{default:()=>u});var _=R(f),p=L(b),c=d.utils,M=d.patterns;const T="https://w.soundcloud.com/player/api.js",N="SC";class u extends p.Component{constructor(){super(...arguments),n(this,"callPlayer",c.callPlayer),n(this,"duration",null),n(this,"currentTime",null),n(this,"fractionLoaded",null),n(this,"mute",()=>{this.setVolume(0)}),n(this,"unmute",()=>{this.props.volume!==null&&this.setVolume(this.props.volume)}),n(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){(0,c.getSDK)(T,N).then(s=>{if(!this.iframe)return;const{PLAY:o,PLAY_PROGRESS:a,PAUSE:y,FINISH:m,ERROR:P}=s.Widget.Events;r||(this.player=s.Widget(this.iframe),this.player.bind(o,this.props.onPlay),this.player.bind(y,()=>{this.duration-this.currentTime<.05||this.props.onPause()}),this.player.bind(a,i=>{this.currentTime=i.currentPosition/1e3,this.fractionLoaded=i.loadedProgress}),this.player.bind(m,()=>this.props.onEnded()),this.player.bind(P,i=>this.props.onError(i))),this.player.load(e,{...this.props.config.options,callback:()=>{this.player.getDuration(i=>{this.duration=i/1e3,this.props.onReady()})}})})}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seekTo",e*1e3),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e*100)}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return this.fractionLoaded*this.duration}render(){const{display:e}=this.props,r={width:"100%",height:"100%",display:e};return p.default.createElement("iframe",{ref:this.ref,src:`https://w.soundcloud.com/player/?url=${encodeURIComponent(this.props.url)}`,style:r,frameBorder:0,allow:"autoplay"})}}n(u,"displayName","SoundCloud");n(u,"canPlay",M.canPlay.soundcloud);n(u,"loopOnEnded",!0);const A=g.getDefaultExportFromCjs(_),x=v({__proto__:null,default:A},[_]);exports.SoundCloud=x;
+"use strict";const g=require("./_commonjsHelpers-DwTZ_eVU.cjs"),b=require("react"),d=require("./SearchSection-DUY61r3k.cjs");function v(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const o in s)if(o!=="default"&&!(o in t)){const a=Object.getOwnPropertyDescriptor(s,o);a&&Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:()=>s[o]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var O=Object.create,l=Object.defineProperty,S=Object.getOwnPropertyDescriptor,j=Object.getOwnPropertyNames,w=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty,D=(t,e,r)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,E=(t,e)=>{for(var r in e)l(t,r,{get:e[r],enumerable:!0})},h=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of j(e))!C.call(t,o)&&o!==r&&l(t,o,{get:()=>e[o],enumerable:!(s=S(e,o))||s.enumerable});return t},L=(t,e,r)=>(r=t!=null?O(w(t)):{},h(!t||!t.__esModule?l(r,"default",{value:t,enumerable:!0}):r,t)),R=t=>h(l({},"__esModule",{value:!0}),t),n=(t,e,r)=>(D(t,typeof e!="symbol"?e+"":e,r),r),f={};E(f,{default:()=>u});var _=R(f),p=L(b),c=d.utils,M=d.patterns;const T="https://w.soundcloud.com/player/api.js",N="SC";class u extends p.Component{constructor(){super(...arguments),n(this,"callPlayer",c.callPlayer),n(this,"duration",null),n(this,"currentTime",null),n(this,"fractionLoaded",null),n(this,"mute",()=>{this.setVolume(0)}),n(this,"unmute",()=>{this.props.volume!==null&&this.setVolume(this.props.volume)}),n(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){(0,c.getSDK)(T,N).then(s=>{if(!this.iframe)return;const{PLAY:o,PLAY_PROGRESS:a,PAUSE:y,FINISH:m,ERROR:P}=s.Widget.Events;r||(this.player=s.Widget(this.iframe),this.player.bind(o,this.props.onPlay),this.player.bind(y,()=>{this.duration-this.currentTime<.05||this.props.onPause()}),this.player.bind(a,i=>{this.currentTime=i.currentPosition/1e3,this.fractionLoaded=i.loadedProgress}),this.player.bind(m,()=>this.props.onEnded()),this.player.bind(P,i=>this.props.onError(i))),this.player.load(e,{...this.props.config.options,callback:()=>{this.player.getDuration(i=>{this.duration=i/1e3,this.props.onReady()})}})})}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seekTo",e*1e3),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e*100)}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return this.fractionLoaded*this.duration}render(){const{display:e}=this.props,r={width:"100%",height:"100%",display:e};return p.default.createElement("iframe",{ref:this.ref,src:`https://w.soundcloud.com/player/?url=${encodeURIComponent(this.props.url)}`,style:r,frameBorder:0,allow:"autoplay"})}}n(u,"displayName","SoundCloud");n(u,"canPlay",M.canPlay.soundcloud);n(u,"loopOnEnded",!0);const A=g.getDefaultExportFromCjs(_),x=v({__proto__:null,default:A},[_]);exports.SoundCloud=x;

package/dist/{SoundCloud-lO8wg_0s.js → SoundCloud-Cfaj1Ze1.js}

@@ -1,6 +1,6 @@
 import { g as P } from "./_commonjsHelpers-BkfeUUK-.js";
 import g from "react";
-import { u as b, p as v } from "./SearchSection-DAaMecR4.js";
+import { u as b, p as v } from "./SearchSection-BEYnWPSr.js";
 function O(t, e) {
   for (var r = 0; r < e.length; r++) {
     const s = e[r];

package/dist/Spinner.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./emotion-react.browser.esm-Cvnp-zmB.cjs"),r=require("./utils-RnrgDDZP.cjs"),c=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u={small:"0.6rem",medium:"0.7rem",large:"0.8rem"},b=(e,t)=>{if(e==="small")return`
+"use strict";const n=require("react/jsx-runtime"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./emotion-react.browser.esm-Cvnp-zmB.cjs"),r=require("./utils-CITgSxXe.cjs"),c=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u={small:"0.6rem",medium:"0.7rem",large:"0.8rem"},b=(e,t)=>{if(e==="small")return`
           width: ${t.sizes.small};
           height: ${t.sizes.small};
         `;if(e==="medium")return`

package/dist/Spinner.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { k as c } from "./emotion-react.browser.esm-DUVZ5oEL.js";
-import { c as h, b as i } from "./utils-DtEfC-TX.js";
+import { d as h, c as i } from "./utils-B2fsQ6PS.js";
 import { u } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const b = {
   small: "0.6rem",

package/dist/StatsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),c=require("./utils-RnrgDDZP.cjs"),l=o.styled.div`
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),c=require("./utils-CITgSxXe.cjs"),l=o.styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -46,7 +46,7 @@
     }
   }
 
-  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+  @media ${a.down("S")} {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 0.75rem;
@@ -97,7 +97,7 @@
     }
   }
 
-  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+  @media ${a.down("S")} {
     text-align: center;
 
     & .section__heading {

package/dist/StatsSection.js

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as c } from "./consts-BuFChS64.js";
-import { m as l } from "./utils-DtEfC-TX.js";
+import { d as c } from "./breakpoints-ff0SIcV3.js";
+import { n as l } from "./utils-B2fsQ6PS.js";
 const d = s.div`
   display: flex;
   justify-content: center;
@@ -51,7 +51,7 @@ const d = s.div`
     }
   }
 
-  @media (max-width: ${c + "px"}) {
+  @media ${c("S")} {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 0.75rem;
@@ -72,7 +72,7 @@ const d = s.div`
       }
     }
   }
-`, m = o(({ items: i = [] }, n) => /* @__PURE__ */ t(d, { ref: n, children: i == null ? void 0 : i.map((e, r) => /* @__PURE__ */ a("div", { className: "section__card", children: [
+`, m = a(({ items: i = [] }, n) => /* @__PURE__ */ t(d, { ref: n, children: i == null ? void 0 : i.map((e, r) => /* @__PURE__ */ o("div", { className: "section__card", children: [
   /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
     "img",
     {
@@ -81,7 +81,7 @@ const d = s.div`
       className: "section__image"
     }
   ) }),
-  /* @__PURE__ */ a("div", { children: [
+  /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ t("div", { className: "section__title", children: e == null ? void 0 : e.title }),
     /* @__PURE__ */ t("div", { className: "section__description", children: e == null ? void 0 : e.description })
   ] })
@@ -115,7 +115,7 @@ const d = s.div`
     }
   }
 
-  @media (max-width: ${c + "px"}) {
+  @media ${c("S")} {
     text-align: center;
 
     & .section__heading {
@@ -132,13 +132,13 @@ const d = s.div`
       }
     }
   }
-`, w = o(({ title: i, description: n, items: e = [] }, r) => /* @__PURE__ */ a(g, { ref: r, children: [
-  /* @__PURE__ */ a("div", { className: "section__heading", children: [
+`, y = a(({ title: i, description: n, items: e = [] }, r) => /* @__PURE__ */ o(g, { ref: r, children: [
+  /* @__PURE__ */ o("div", { className: "section__heading", children: [
     i && /* @__PURE__ */ t("div", { className: "section__title", children: i }),
     n && /* @__PURE__ */ t("div", { className: "section__description", children: n })
   ] }),
   /* @__PURE__ */ t(m, { items: e })
 ] }));
 export {
-  w as default
+  y as default
 };

package/dist/{Streamable-Dwa5ZEK4.js → Streamable-CG8_-_w7.js}

@@ -1,6 +1,6 @@
 import { g as m } from "./_commonjsHelpers-BkfeUUK-.js";
 import f from "react";
-import { u as _, p as b } from "./SearchSection-DAaMecR4.js";
+import { u as _, p as b } from "./SearchSection-BEYnWPSr.js";
 function P(t, e) {
   for (var r = 0; r < e.length; r++) {
     const s = e[r];

package/dist/{Streamable-DZO95CiT.cjs → Streamable-DFtyk9Dt.cjs}

@@ -1 +1 @@
-"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),f=require("react"),c=require("./SearchSection-B94YN_6P.cjs");function b(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const a in s)if(a!=="default"&&!(a in t)){const l=Object.getOwnPropertyDescriptor(s,a);l&&Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var P=Object.create,n=Object.defineProperty,g=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,O=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,L=(t,e)=>{for(var r in e)n(t,r,{get:e[r],enumerable:!0})},h=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of v(e))!S.call(t,a)&&a!==r&&n(t,a,{get:()=>e[a],enumerable:!(s=g(e,a))||s.enumerable});return t},w=(t,e,r)=>(r=t!=null?P(O(t)):{},h(!t||!t.__esModule?n(r,"default",{value:t,enumerable:!0}):r,t)),M=t=>h(n({},"__esModule",{value:!0}),t),o=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),y={};L(y,{default:()=>i});var d=M(y),p=w(f),u=c.utils,m=c.patterns;const D="https://cdn.embed.ly/player-0.1.0.min.js",T="playerjs";class i extends p.Component{constructor(){super(...arguments),o(this,"callPlayer",u.callPlayer),o(this,"duration",null),o(this,"currentTime",null),o(this,"secondsLoaded",null),o(this,"mute",()=>{this.callPlayer("mute")}),o(this,"unmute",()=>{this.callPlayer("unmute")}),o(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){(0,u.getSDK)(D,T).then(r=>{this.iframe&&(this.player=new r.Player(this.iframe),this.player.setLoop(this.props.loop),this.player.on("ready",this.props.onReady),this.player.on("play",this.props.onPlay),this.player.on("pause",this.props.onPause),this.player.on("seeked",this.props.onSeek),this.player.on("ended",this.props.onEnded),this.player.on("error",this.props.onError),this.player.on("timeupdate",({duration:s,seconds:a})=>{this.duration=s,this.currentTime=a}),this.player.on("buffered",({percent:s})=>{this.duration&&(this.secondsLoaded=this.duration*s)}),this.props.muted&&this.player.mute())},this.props.onError)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("setCurrentTime",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e*100)}setLoop(e){this.callPlayer("setLoop",e)}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return this.secondsLoaded}render(){const e=this.props.url.match(m.MATCH_URL_STREAMABLE)[1],r={width:"100%",height:"100%"};return p.default.createElement("iframe",{ref:this.ref,src:`https://streamable.com/o/${e}`,frameBorder:"0",scrolling:"no",style:r,allow:"encrypted-media; autoplay; fullscreen;"})}}o(i,"displayName","Streamable");o(i,"canPlay",m.canPlay.streamable);const E=_.getDefaultExportFromCjs(d),A=b({__proto__:null,default:E},[d]);exports.Streamable=A;
+"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),f=require("react"),c=require("./SearchSection-DUY61r3k.cjs");function b(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const a in s)if(a!=="default"&&!(a in t)){const l=Object.getOwnPropertyDescriptor(s,a);l&&Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var P=Object.create,n=Object.defineProperty,g=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,O=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,L=(t,e)=>{for(var r in e)n(t,r,{get:e[r],enumerable:!0})},h=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of v(e))!S.call(t,a)&&a!==r&&n(t,a,{get:()=>e[a],enumerable:!(s=g(e,a))||s.enumerable});return t},w=(t,e,r)=>(r=t!=null?P(O(t)):{},h(!t||!t.__esModule?n(r,"default",{value:t,enumerable:!0}):r,t)),M=t=>h(n({},"__esModule",{value:!0}),t),o=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),y={};L(y,{default:()=>i});var d=M(y),p=w(f),u=c.utils,m=c.patterns;const D="https://cdn.embed.ly/player-0.1.0.min.js",T="playerjs";class i extends p.Component{constructor(){super(...arguments),o(this,"callPlayer",u.callPlayer),o(this,"duration",null),o(this,"currentTime",null),o(this,"secondsLoaded",null),o(this,"mute",()=>{this.callPlayer("mute")}),o(this,"unmute",()=>{this.callPlayer("unmute")}),o(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){(0,u.getSDK)(D,T).then(r=>{this.iframe&&(this.player=new r.Player(this.iframe),this.player.setLoop(this.props.loop),this.player.on("ready",this.props.onReady),this.player.on("play",this.props.onPlay),this.player.on("pause",this.props.onPause),this.player.on("seeked",this.props.onSeek),this.player.on("ended",this.props.onEnded),this.player.on("error",this.props.onError),this.player.on("timeupdate",({duration:s,seconds:a})=>{this.duration=s,this.currentTime=a}),this.player.on("buffered",({percent:s})=>{this.duration&&(this.secondsLoaded=this.duration*s)}),this.props.muted&&this.player.mute())},this.props.onError)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("setCurrentTime",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e*100)}setLoop(e){this.callPlayer("setLoop",e)}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return this.secondsLoaded}render(){const e=this.props.url.match(m.MATCH_URL_STREAMABLE)[1],r={width:"100%",height:"100%"};return p.default.createElement("iframe",{ref:this.ref,src:`https://streamable.com/o/${e}`,frameBorder:"0",scrolling:"no",style:r,allow:"encrypted-media; autoplay; fullscreen;"})}}o(i,"displayName","Streamable");o(i,"canPlay",m.canPlay.streamable);const E=_.getDefaultExportFromCjs(d),A=b({__proto__:null,default:E},[d]);exports.Streamable=A;

package/dist/Surface.cjs

@@ -1,4 +1,4 @@
-"use strict";const m=require("react/jsx-runtime"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-RnrgDDZP.cjs"),c=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=l.styled.div`
+"use strict";const m=require("react/jsx-runtime"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-CITgSxXe.cjs"),c=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=l.styled.div`
   padding: ${e=>e.padding};
   box-shadow: ${e=>r.getBoxShadowValue(e.theme,e.boxShadow)};
   border-radius: ${e=>r.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};

package/dist/Surface.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { j as u, a as f } from "./utils-DtEfC-TX.js";
+import { k as u, b as f } from "./utils-B2fsQ6PS.js";
 import { u as h } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const x = l.div`
   padding: ${(e) => e.padding};

package/dist/SwipeableDrawer.cjs

@@ -1,4 +1,4 @@
-"use strict";const f=require("react/jsx-runtime"),a=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./utils-RnrgDDZP.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=(e,n,r,s,u)=>{if(e==="right"||e==="left"||n&&r)return"height: 100%;";if(!(n&&u===!0))return n?"height: "+s+";":"height: 0;"},X=(e,n,r,s,u)=>{if(e==="top"||e==="bottom"||n&&r)return"width: 100%;";if(!(n&&u===!0))return n?"width: "+s+";":"width: 0;"},Y=x.styled.div`
+"use strict";const f=require("react/jsx-runtime"),a=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./utils-CITgSxXe.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=(e,n,r,s,u)=>{if(e==="right"||e==="left"||n&&r)return"height: 100%;";if(!(n&&u===!0))return n?"height: "+s+";":"height: 0;"},X=(e,n,r,s,u)=>{if(e==="top"||e==="bottom"||n&&r)return"width: 100%;";if(!(n&&u===!0))return n?"width: "+s+";":"width: 0;"},Y=x.styled.div`
   touch-action: none;
   overflow: auto;
   max-height: ${e=>e.isOpen||e.unsetHeight===!1?"100dvh":0};

package/dist/SwipeableDrawer.js

@@ -1,7 +1,7 @@
 import { jsx as f, Fragment as j } from "react/jsx-runtime";
 import { forwardRef as N, useRef as V, useState as q, useImperativeHandle as A, useEffect as B } from "react";
 import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as w, c as G } from "./utils-DtEfC-TX.js";
+import { c as w, d as G } from "./utils-B2fsQ6PS.js";
 import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const K = (e, n, r, l, u) => {
   if (e === "right" || e === "left" || n && r) return "height: 100%;";

package/dist/TabItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const _=require("react/jsx-runtime"),m=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=require("./useUpdateEffect-BtMgpgIV.cjs"),H=e=>e=="small"?"3.125rem":e=="medium"?"3.375rem":"3.625rem",I=j.styled.div`
+"use strict";const _=require("react/jsx-runtime"),m=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=require("./useUpdateEffect-BtMgpgIV.cjs"),H=e=>e=="small"?"3.125rem":e=="medium"?"3.375rem":"3.625rem",I=j.styled.div`
   box-sizing: border-box;
   ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
   min-width: 5.25rem;

package/dist/TabItem.js

@@ -1,7 +1,7 @@
 import { jsx as O } from "react/jsx-runtime";
 import { forwardRef as W, useState as j } from "react";
 import { s as A } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { h as D, c as P, b as l, a as n } from "./utils-DtEfC-TX.js";
+import { i as D, d as P, c as l, b as n } from "./utils-B2fsQ6PS.js";
 import { u as S } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as f } from "./useUpdateEffect-CuYWz7EA.js";
 const V = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625rem", E = A.div`