@lanaco/lnc-react-ui 4.0.206 → 4.0.207

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),w=require("react"),p=require("./utils-RnrgDDZP.cjs"),$=require("./Icon.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u=require("./index-BAJkosVg.cjs"),I=_.styled.a`
+"use strict";const r=require("react/jsx-runtime"),g=require("react"),p=require("./utils-CITgSxXe.cjs"),$=require("./Icon.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),c=require("./breakpoints-CcVm-gVm.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=require("./index-CsTfXxpp.cjs"),k=_.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -52,7 +52,7 @@
     }
   }
   cursor: pointer;
-`,k=_.styled.div`
+`,C=_.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -103,10 +103,10 @@
     }
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media ${c.down("S")} {
     min-width: fit-content;
   }
-`,C=w.forwardRef(({name:i,isActive:s,activeColor:t,icon:n,onSelectCard:c=()=>{}},a)=>r.jsxs(k,{ref:a,className:s?"active":"",activeColor:t,onClick:c,children:[p.isDefinedNotEmptyString(n)&&r.jsx($,{icon:n,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),E=w.forwardRef(({image:i,imageComponent:s,name:t,description:n,onSelectCard:c=()=>{},uuid:a,nameSlug:o,LinkComponent:l},m)=>{const g=l||"a",{theme:d}=N.useTheme();return r.jsxs(I,{ref:m,theme:d,onClick:c,as:g,...l?{to:`/product/${p.isDefinedNotEmptyString(o)?`${o}-`:""}${a}`}:{href:`/product/${p.isDefinedNotEmptyString(o)?`${o}-`:""}${a}`},children:[p.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__description",children:n})]})]})}),q=_.styled.div`
+`,I=g.forwardRef(({name:i,isActive:s,activeColor:t,icon:n,onSelectCard:m=()=>{}},a)=>r.jsxs(C,{ref:a,className:s?"active":"",activeColor:t,onClick:m,children:[p.isDefinedNotEmptyString(n)&&r.jsx($,{icon:n,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),q=g.forwardRef(({image:i,imageComponent:s,name:t,description:n,onSelectCard:m=()=>{},uuid:a,nameSlug:o,LinkComponent:l},d)=>{const u=l||"a",{theme:f}=N.useTheme();return r.jsxs(k,{ref:d,theme:f,onClick:m,as:u,...l?{to:`/product/${p.isDefinedNotEmptyString(o)?`${o}-`:""}${a}`}:{href:`/product/${p.isDefinedNotEmptyString(o)?`${o}-`:""}${a}`},children:[p.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__description",children:n})]})]})}),F=_.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -154,7 +154,13 @@
     width: 100%;
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media ${c.down("M")} {
+    & .wrapper__cards {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+
+  @media ${c.down("S")} {
     gap: 1rem;
 
     & .wrapper__tags {
@@ -176,11 +182,11 @@
         /* Safari and Chrome */
       }
     }
+  }
 
+  @media ${c.down("XS")} {
     & .wrapper__cards {
-      display: flex;
-      flex-direction: column;
-      gap: 1rem;
+      grid-template-columns: repeat(1, minmax(0, 1fr));
     }
   }
-`,F=w.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:n=7,limitTagsForMobile:c=7,limit:a=3,limitForMobile:o=2,items:l=[],isLoadingTags:m=!1,isLoadingCards:g=!1,selectedTag:d,activeColor:v,onSelectTag:f=()=>{},onSelectCard:h=()=>{},LinkComponent:b},j)=>r.jsxs(q,{ref:j,limitTags:n,limitTagsForMobile:c,limitCards:a,limitCardsForMobile:o,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx(u.SuspenseFieldOfInterestsWithTagsTag,{isLoading:m,keyPrefix:"field-of-interests-with-tags-tag",children:r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,x)=>r.jsx(C,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===d,activeColor:v,onSelectCard:()=>f==null?void 0:f(e)},`field-of-interests-with-tags-card-tag__${x+1}`))})}),r.jsx(u.SuspenseFieldOfInterestsWithTagsCard,{isLoading:m,keyPrefix:"field-of-interests-with-tags-card",children:r.jsx("div",{className:"wrapper__cards",children:l==null?void 0:l.map((e,x)=>r.jsx(E,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>h==null?void 0:h(e),uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,LinkComponent:b},`field-of-interests-with-tags-card__${x+1}`))})})]}));module.exports=F;
+`,W=g.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:n=7,limitTagsForMobile:m=7,limit:a=3,limitForMobile:o=2,items:l=[],isLoadingTags:d=!1,isLoadingCards:u=!1,selectedTag:f,activeColor:y,onSelectTag:h=()=>{},onSelectCard:w=()=>{},LinkComponent:b},j)=>r.jsxs(F,{ref:j,limitTags:n,limitTagsForMobile:m,limitCards:a,limitCardsForMobile:o,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx(v.SuspenseFieldOfInterestsWithTagsTag,{isLoading:d,keyPrefix:"field-of-interests-with-tags-tag",children:r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,x)=>r.jsx(I,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===f,activeColor:y,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card-tag__${x+1}`))})}),r.jsx(v.SuspenseFieldOfInterestsWithTagsCard,{isLoading:d,keyPrefix:"field-of-interests-with-tags-card",children:r.jsx("div",{className:"wrapper__cards",children:l==null?void 0:l.map((e,x)=>r.jsx(q,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>w==null?void 0:w(e),uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,LinkComponent:b},`field-of-interests-with-tags-card__${x+1}`))})})]}));module.exports=W;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,12 +1,12 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { forwardRef as _ } from "react";
-import { m as v, k as w, l as N } from "./utils-DtEfC-TX.js";
+import { forwardRef as x } from "react";
+import { n as y, l as _, m as k } from "./utils-B2fsQ6PS.js";
 import C from "./Icon.js";
-import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as y } from "./consts-BuFChS64.js";
+import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d } from "./breakpoints-ff0SIcV3.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { S as W, a as j } from "./index-TIqKd2Dv.js";
-const F = x.a`
+import { S as W, a as j } from "./index-C-uOIDDa.js";
+const F = u.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -46,7 +46,7 @@ const F = x.a`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${v(2)}
+      ${y(2)}
     }
 
     & .wrapper__description {
@@ -56,11 +56,11 @@ const F = x.a`
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${v(2)}
+      ${y(2)}
     }
   }
   cursor: pointer;
-`, z = x.div`
+`, z = u.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -111,10 +111,10 @@ const F = x.a`
     }
   }
 
-  @media (max-width: ${y + "px"}) {
+  @media ${d("S")} {
     min-width: fit-content;
   }
-`, O = _(
+`, O = x(
   ({ name: r, isActive: a, activeColor: t, icon: n, onSelectCard: p = () => {
   } }, s) => /* @__PURE__ */ m(
     z,
@@ -124,12 +124,12 @@ const F = x.a`
       activeColor: t,
       onClick: p,
       children: [
-        w(n) && /* @__PURE__ */ i(C, { icon: n, className: "wrapper__icon" }),
+        _(n) && /* @__PURE__ */ i(C, { icon: n, className: "wrapper__icon" }),
         /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
       ]
     }
   )
-), T = _(
+), T = x(
   ({
     image: r,
     imageComponent: a,
@@ -141,21 +141,21 @@ const F = x.a`
     nameSlug: o,
     LinkComponent: l
   }, f) => {
-    const u = l || "a", { theme: c } = I();
+    const v = l || "a", { theme: c } = I();
     return /* @__PURE__ */ m(
       F,
       {
         ref: f,
         theme: c,
         onClick: p,
-        as: u,
+        as: v,
         ...l ? {
-          to: `/product/${w(o) ? `${o}-` : ""}${s}`
+          to: `/product/${_(o) ? `${o}-` : ""}${s}`
         } : {
-          href: `/product/${w(o) ? `${o}-` : ""}${s}`
+          href: `/product/${_(o) ? `${o}-` : ""}${s}`
         },
         children: [
-          N(a) ? a : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+          k(a) ? a : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
           /* @__PURE__ */ m("div", { className: "wrapper__content", children: [
             t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
             n && /* @__PURE__ */ i("div", { className: "wrapper__description", children: n })
@@ -164,7 +164,7 @@ const F = x.a`
       }
     );
   }
-), E = x.div`
+), D = u.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -212,7 +212,13 @@ const F = x.a`
     width: 100%;
   }
 
-  @media (max-width: ${y + "px"}) {
+  @media ${d("M")} {
+    & .wrapper__cards {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+
+  @media ${d("S")} {
     gap: 1rem;
 
     & .wrapper__tags {
@@ -234,14 +240,14 @@ const F = x.a`
         /* Safari and Chrome */
       }
     }
+  }
 
+  @media ${d("XS")} {
     & .wrapper__cards {
-      display: flex;
-      flex-direction: column;
-      gap: 1rem;
+      grid-template-columns: repeat(1, minmax(0, 1fr));
     }
   }
-`, X = _(
+`, X = x(
   ({
     title: r,
     subtitle: a,
@@ -252,18 +258,18 @@ const F = x.a`
     limitForMobile: o = 2,
     items: l = [],
     isLoadingTags: f = !1,
-    isLoadingCards: u = !1,
+    isLoadingCards: v = !1,
     selectedTag: c,
     activeColor: b,
-    onSelectTag: d = () => {
+    onSelectTag: h = () => {
     },
-    onSelectCard: h = () => {
+    onSelectCard: g = () => {
     },
     LinkComponent: $
-  }, k) => /* @__PURE__ */ m(
-    E,
+  }, N) => /* @__PURE__ */ m(
+    D,
     {
-      ref: k,
+      ref: N,
       limitTags: n,
       limitTagsForMobile: p,
       limitCards: s,
@@ -278,16 +284,16 @@ const F = x.a`
           {
             isLoading: f,
             keyPrefix: "field-of-interests-with-tags-tag",
-            children: /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t == null ? void 0 : t.map((e, g) => /* @__PURE__ */ i(
+            children: /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t == null ? void 0 : t.map((e, w) => /* @__PURE__ */ i(
               O,
               {
                 icon: e == null ? void 0 : e.icon,
                 name: e == null ? void 0 : e.title,
                 isActive: (e == null ? void 0 : e.code) === c,
                 activeColor: b,
-                onSelectCard: () => d == null ? void 0 : d(e)
+                onSelectCard: () => h == null ? void 0 : h(e)
               },
-              `field-of-interests-with-tags-card-tag__${g + 1}`
+              `field-of-interests-with-tags-card-tag__${w + 1}`
             )) })
           }
         ),
@@ -296,19 +302,19 @@ const F = x.a`
           {
             isLoading: f,
             keyPrefix: "field-of-interests-with-tags-card",
-            children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l == null ? void 0 : l.map((e, g) => /* @__PURE__ */ i(
+            children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l == null ? void 0 : l.map((e, w) => /* @__PURE__ */ i(
               T,
               {
                 image: e == null ? void 0 : e.image,
                 imageComponent: e == null ? void 0 : e.imageComponent,
                 name: e == null ? void 0 : e.title,
                 description: e == null ? void 0 : e.description,
-                onSelectCard: () => h == null ? void 0 : h(e),
+                onSelectCard: () => g == null ? void 0 : g(e),
                 uuid: e == null ? void 0 : e.uuid,
                 nameSlug: e == null ? void 0 : e.nameSlug,
                 LinkComponent: $
               },
-              `field-of-interests-with-tags-card__${g + 1}`
+              `field-of-interests-with-tags-card__${w + 1}`
             )) })
           }
         )

package/dist/FileInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=b.styled.label`
+"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=b.styled.label`
   display: inline-flex;
   box-sizing: border-box;
   width: 100%;

package/dist/FileInput.js

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as b } from "react/jsx-runtime";
 import { forwardRef as T, useState as g } from "react";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as x, b as t, e as V, c as $, h as y } from "./utils-DtEfC-TX.js";
+import { e as x, c as t, f as V, d as $, i as y } from "./utils-B2fsQ6PS.js";
 import { u as D } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const L = s.label`
   display: inline-flex;

package/dist/{FilePlayer-D9az_lc_.cjs → FilePlayer-BVFgHY_f.cjs}

@@ -1 +1 @@
-"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),O=require("react"),E=require("./SearchSection-B94YN_6P.cjs");function A(s,e){for(var t=0;t<e.length;t++){const i=e[t];if(typeof i!="string"&&!Array.isArray(i)){for(const n in i)if(n!=="default"&&!(n in s)){const l=Object.getOwnPropertyDescriptor(i,n);l&&Object.defineProperty(s,n,l.get?l:{enumerable:!0,get:()=>i[n]})}}}return Object.freeze(Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}))}var R=Object.create,u=Object.defineProperty,I=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,w=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,k=(s,e,t)=>e in s?u(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,U=(s,e)=>{for(var t in e)u(s,t,{get:e[t],enumerable:!0})},m=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of D(e))!M.call(s,n)&&n!==t&&u(s,n,{get:()=>e[n],enumerable:!(i=I(e,n))||i.enumerable});return s},N=(s,e,t)=>(t=s!=null?R(w(s)):{},m(!s||!s.__esModule?u(t,"default",{value:s,enumerable:!0}):t,s)),j=s=>m(u({},"__esModule",{value:!0}),s),r=(s,e,t)=>(k(s,typeof e!="symbol"?e+"":e,t),t),g={};U(g,{default:()=>P});var S=j(g),p=N(O),a=E.utils,d=E.patterns;const y=typeof navigator<"u",H=y&&navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1,v=y&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||H)&&!window.MSStream,F=y&&/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&!window.MSStream,V="https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js",T="Hls",C="https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js",B="dashjs",x="https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js",K="flvjs",q=/www\.dropbox\.com\/.+/,f=/https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/,G="https://videodelivery.net/{id}/manifest/video.m3u8";class P extends p.Component{constructor(){super(...arguments),r(this,"onReady",(...e)=>this.props.onReady(...e)),r(this,"onPlay",(...e)=>this.props.onPlay(...e)),r(this,"onBuffer",(...e)=>this.props.onBuffer(...e)),r(this,"onBufferEnd",(...e)=>this.props.onBufferEnd(...e)),r(this,"onPause",(...e)=>this.props.onPause(...e)),r(this,"onEnded",(...e)=>this.props.onEnded(...e)),r(this,"onError",(...e)=>this.props.onError(...e)),r(this,"onPlayBackRateChange",e=>this.props.onPlaybackRateChange(e.target.playbackRate)),r(this,"onEnablePIP",(...e)=>this.props.onEnablePIP(...e)),r(this,"onDisablePIP",e=>{const{onDisablePIP:t,playing:i}=this.props;t(e),i&&this.play()}),r(this,"onPresentationModeChange",e=>{if(this.player&&(0,a.supportsWebKitPresentationMode)(this.player)){const{webkitPresentationMode:t}=this.player;t==="picture-in-picture"?this.onEnablePIP(e):t==="inline"&&this.onDisablePIP(e)}}),r(this,"onSeek",e=>{this.props.onSeek(e.target.currentTime)}),r(this,"mute",()=>{this.player.muted=!0}),r(this,"unmute",()=>{this.player.muted=!1}),r(this,"renderSourceElement",(e,t)=>typeof e=="string"?p.default.createElement("source",{key:t,src:e}):p.default.createElement("source",{key:t,...e})),r(this,"renderTrack",(e,t)=>p.default.createElement("track",{key:t,...e})),r(this,"ref",e=>{this.player&&(this.prevPlayer=this.player),this.player=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this),this.addListeners(this.player);const e=this.getSource(this.props.url);e&&(this.player.src=e),(v||this.props.config.forceDisableHls)&&this.player.load()}componentDidUpdate(e){this.shouldUseAudio(this.props)!==this.shouldUseAudio(e)&&(this.removeListeners(this.prevPlayer,e.url),this.addListeners(this.player)),this.props.url!==e.url&&!(0,a.isMediaStream)(this.props.url)&&!(this.props.url instanceof Array)&&(this.player.srcObject=null)}componentWillUnmount(){this.player.removeAttribute("src"),this.removeListeners(this.player),this.hls&&this.hls.destroy()}addListeners(e){const{url:t,playsinline:i}=this.props;e.addEventListener("play",this.onPlay),e.addEventListener("waiting",this.onBuffer),e.addEventListener("playing",this.onBufferEnd),e.addEventListener("pause",this.onPause),e.addEventListener("seeked",this.onSeek),e.addEventListener("ended",this.onEnded),e.addEventListener("error",this.onError),e.addEventListener("ratechange",this.onPlayBackRateChange),e.addEventListener("enterpictureinpicture",this.onEnablePIP),e.addEventListener("leavepictureinpicture",this.onDisablePIP),e.addEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.addEventListener("canplay",this.onReady),i&&(e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline",""),e.setAttribute("x5-playsinline",""))}removeListeners(e,t){e.removeEventListener("canplay",this.onReady),e.removeEventListener("play",this.onPlay),e.removeEventListener("waiting",this.onBuffer),e.removeEventListener("playing",this.onBufferEnd),e.removeEventListener("pause",this.onPause),e.removeEventListener("seeked",this.onSeek),e.removeEventListener("ended",this.onEnded),e.removeEventListener("error",this.onError),e.removeEventListener("ratechange",this.onPlayBackRateChange),e.removeEventListener("enterpictureinpicture",this.onEnablePIP),e.removeEventListener("leavepictureinpicture",this.onDisablePIP),e.removeEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.removeEventListener("canplay",this.onReady)}shouldUseAudio(e){return e.config.forceVideo||e.config.attributes.poster?!1:d.AUDIO_EXTENSIONS.test(e.url)||e.config.forceAudio}shouldUseHLS(e){return F&&this.props.config.forceSafariHLS||this.props.config.forceHLS?!0:v||this.props.config.forceDisableHls?!1:d.HLS_EXTENSIONS.test(e)||f.test(e)}shouldUseDASH(e){return d.DASH_EXTENSIONS.test(e)||this.props.config.forceDASH}shouldUseFLV(e){return d.FLV_EXTENSIONS.test(e)||this.props.config.forceFLV}load(e){const{hlsVersion:t,hlsOptions:i,dashVersion:n,flvVersion:l}=this.props.config;if(this.hls&&this.hls.destroy(),this.dash&&this.dash.reset(),this.shouldUseHLS(e)&&(0,a.getSDK)(V.replace("VERSION",t),T).then(o=>{if(this.hls=new o(i),this.hls.on(o.Events.MANIFEST_PARSED,()=>{this.props.onReady()}),this.hls.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.hls,o)}),f.test(e)){const h=e.match(f)[1];this.hls.loadSource(G.replace("{id}",h))}else this.hls.loadSource(e);this.hls.attachMedia(this.player),this.props.onLoaded()}),this.shouldUseDASH(e)&&(0,a.getSDK)(C.replace("VERSION",n),B).then(o=>{this.dash=o.MediaPlayer().create(),this.dash.initialize(this.player,e,this.props.playing),this.dash.on("error",this.props.onError),parseInt(n)<3?this.dash.getDebug().setLogToBrowserConsole(!1):this.dash.updateSettings({debug:{logLevel:o.Debug.LOG_LEVEL_NONE}}),this.props.onLoaded()}),this.shouldUseFLV(e)&&(0,a.getSDK)(x.replace("VERSION",l),K).then(o=>{this.flv=o.createPlayer({type:"flv",url:e}),this.flv.attachMediaElement(this.player),this.flv.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.flv,o)}),this.flv.load(),this.props.onLoaded()}),e instanceof Array)this.player.load();else if((0,a.isMediaStream)(e))try{this.player.srcObject=e}catch{this.player.src=window.URL.createObjectURL(e)}}play(){const e=this.player.play();e&&e.catch(this.props.onError)}pause(){this.player.pause()}stop(){this.player.removeAttribute("src"),this.dash&&this.dash.reset()}seekTo(e,t=!0){this.player.currentTime=e,t||this.pause()}setVolume(e){this.player.volume=e}enablePIP(){this.player.requestPictureInPicture&&document.pictureInPictureElement!==this.player?this.player.requestPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="picture-in-picture"&&this.player.webkitSetPresentationMode("picture-in-picture")}disablePIP(){document.exitPictureInPicture&&document.pictureInPictureElement===this.player?document.exitPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="inline"&&this.player.webkitSetPresentationMode("inline")}setPlaybackRate(e){try{this.player.playbackRate=e}catch(t){this.props.onError(t)}}getDuration(){if(!this.player)return null;const{duration:e,seekable:t}=this.player;return e===1/0&&t.length>0?t.end(t.length-1):e}getCurrentTime(){return this.player?this.player.currentTime:null}getSecondsLoaded(){if(!this.player)return null;const{buffered:e}=this.player;if(e.length===0)return 0;const t=e.end(e.length-1),i=this.getDuration();return t>i?i:t}getSource(e){const t=this.shouldUseHLS(e),i=this.shouldUseDASH(e),n=this.shouldUseFLV(e);if(!(e instanceof Array||(0,a.isMediaStream)(e)||t||i||n))return q.test(e)?e.replace("www.dropbox.com","dl.dropboxusercontent.com"):e}render(){const{url:e,playing:t,loop:i,controls:n,muted:l,config:o,width:h,height:c}=this.props,L=this.shouldUseAudio(this.props)?"audio":"video",b={width:h==="auto"?h:"100%",height:c==="auto"?c:"100%"};return p.default.createElement(L,{ref:this.ref,src:this.getSource(e),style:b,preload:"auto",autoPlay:t||void 0,controls:n,muted:l,loop:i,...o.attributes},e instanceof Array&&e.map(this.renderSourceElement),o.tracks.map(this.renderTrack))}}r(P,"displayName","FilePlayer");r(P,"canPlay",d.canPlay.file);const X=_.getDefaultExportFromCjs(S),W=A({__proto__:null,default:X},[S]);exports.FilePlayer=W;
+"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),O=require("react"),E=require("./SearchSection-DUY61r3k.cjs");function A(s,e){for(var t=0;t<e.length;t++){const i=e[t];if(typeof i!="string"&&!Array.isArray(i)){for(const n in i)if(n!=="default"&&!(n in s)){const l=Object.getOwnPropertyDescriptor(i,n);l&&Object.defineProperty(s,n,l.get?l:{enumerable:!0,get:()=>i[n]})}}}return Object.freeze(Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}))}var R=Object.create,u=Object.defineProperty,I=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,w=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,k=(s,e,t)=>e in s?u(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,U=(s,e)=>{for(var t in e)u(s,t,{get:e[t],enumerable:!0})},m=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of D(e))!M.call(s,n)&&n!==t&&u(s,n,{get:()=>e[n],enumerable:!(i=I(e,n))||i.enumerable});return s},N=(s,e,t)=>(t=s!=null?R(w(s)):{},m(!s||!s.__esModule?u(t,"default",{value:s,enumerable:!0}):t,s)),j=s=>m(u({},"__esModule",{value:!0}),s),r=(s,e,t)=>(k(s,typeof e!="symbol"?e+"":e,t),t),g={};U(g,{default:()=>P});var S=j(g),p=N(O),a=E.utils,d=E.patterns;const y=typeof navigator<"u",H=y&&navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1,v=y&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||H)&&!window.MSStream,F=y&&/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&!window.MSStream,V="https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js",T="Hls",C="https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js",B="dashjs",x="https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js",K="flvjs",q=/www\.dropbox\.com\/.+/,f=/https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/,G="https://videodelivery.net/{id}/manifest/video.m3u8";class P extends p.Component{constructor(){super(...arguments),r(this,"onReady",(...e)=>this.props.onReady(...e)),r(this,"onPlay",(...e)=>this.props.onPlay(...e)),r(this,"onBuffer",(...e)=>this.props.onBuffer(...e)),r(this,"onBufferEnd",(...e)=>this.props.onBufferEnd(...e)),r(this,"onPause",(...e)=>this.props.onPause(...e)),r(this,"onEnded",(...e)=>this.props.onEnded(...e)),r(this,"onError",(...e)=>this.props.onError(...e)),r(this,"onPlayBackRateChange",e=>this.props.onPlaybackRateChange(e.target.playbackRate)),r(this,"onEnablePIP",(...e)=>this.props.onEnablePIP(...e)),r(this,"onDisablePIP",e=>{const{onDisablePIP:t,playing:i}=this.props;t(e),i&&this.play()}),r(this,"onPresentationModeChange",e=>{if(this.player&&(0,a.supportsWebKitPresentationMode)(this.player)){const{webkitPresentationMode:t}=this.player;t==="picture-in-picture"?this.onEnablePIP(e):t==="inline"&&this.onDisablePIP(e)}}),r(this,"onSeek",e=>{this.props.onSeek(e.target.currentTime)}),r(this,"mute",()=>{this.player.muted=!0}),r(this,"unmute",()=>{this.player.muted=!1}),r(this,"renderSourceElement",(e,t)=>typeof e=="string"?p.default.createElement("source",{key:t,src:e}):p.default.createElement("source",{key:t,...e})),r(this,"renderTrack",(e,t)=>p.default.createElement("track",{key:t,...e})),r(this,"ref",e=>{this.player&&(this.prevPlayer=this.player),this.player=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this),this.addListeners(this.player);const e=this.getSource(this.props.url);e&&(this.player.src=e),(v||this.props.config.forceDisableHls)&&this.player.load()}componentDidUpdate(e){this.shouldUseAudio(this.props)!==this.shouldUseAudio(e)&&(this.removeListeners(this.prevPlayer,e.url),this.addListeners(this.player)),this.props.url!==e.url&&!(0,a.isMediaStream)(this.props.url)&&!(this.props.url instanceof Array)&&(this.player.srcObject=null)}componentWillUnmount(){this.player.removeAttribute("src"),this.removeListeners(this.player),this.hls&&this.hls.destroy()}addListeners(e){const{url:t,playsinline:i}=this.props;e.addEventListener("play",this.onPlay),e.addEventListener("waiting",this.onBuffer),e.addEventListener("playing",this.onBufferEnd),e.addEventListener("pause",this.onPause),e.addEventListener("seeked",this.onSeek),e.addEventListener("ended",this.onEnded),e.addEventListener("error",this.onError),e.addEventListener("ratechange",this.onPlayBackRateChange),e.addEventListener("enterpictureinpicture",this.onEnablePIP),e.addEventListener("leavepictureinpicture",this.onDisablePIP),e.addEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.addEventListener("canplay",this.onReady),i&&(e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline",""),e.setAttribute("x5-playsinline",""))}removeListeners(e,t){e.removeEventListener("canplay",this.onReady),e.removeEventListener("play",this.onPlay),e.removeEventListener("waiting",this.onBuffer),e.removeEventListener("playing",this.onBufferEnd),e.removeEventListener("pause",this.onPause),e.removeEventListener("seeked",this.onSeek),e.removeEventListener("ended",this.onEnded),e.removeEventListener("error",this.onError),e.removeEventListener("ratechange",this.onPlayBackRateChange),e.removeEventListener("enterpictureinpicture",this.onEnablePIP),e.removeEventListener("leavepictureinpicture",this.onDisablePIP),e.removeEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.removeEventListener("canplay",this.onReady)}shouldUseAudio(e){return e.config.forceVideo||e.config.attributes.poster?!1:d.AUDIO_EXTENSIONS.test(e.url)||e.config.forceAudio}shouldUseHLS(e){return F&&this.props.config.forceSafariHLS||this.props.config.forceHLS?!0:v||this.props.config.forceDisableHls?!1:d.HLS_EXTENSIONS.test(e)||f.test(e)}shouldUseDASH(e){return d.DASH_EXTENSIONS.test(e)||this.props.config.forceDASH}shouldUseFLV(e){return d.FLV_EXTENSIONS.test(e)||this.props.config.forceFLV}load(e){const{hlsVersion:t,hlsOptions:i,dashVersion:n,flvVersion:l}=this.props.config;if(this.hls&&this.hls.destroy(),this.dash&&this.dash.reset(),this.shouldUseHLS(e)&&(0,a.getSDK)(V.replace("VERSION",t),T).then(o=>{if(this.hls=new o(i),this.hls.on(o.Events.MANIFEST_PARSED,()=>{this.props.onReady()}),this.hls.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.hls,o)}),f.test(e)){const h=e.match(f)[1];this.hls.loadSource(G.replace("{id}",h))}else this.hls.loadSource(e);this.hls.attachMedia(this.player),this.props.onLoaded()}),this.shouldUseDASH(e)&&(0,a.getSDK)(C.replace("VERSION",n),B).then(o=>{this.dash=o.MediaPlayer().create(),this.dash.initialize(this.player,e,this.props.playing),this.dash.on("error",this.props.onError),parseInt(n)<3?this.dash.getDebug().setLogToBrowserConsole(!1):this.dash.updateSettings({debug:{logLevel:o.Debug.LOG_LEVEL_NONE}}),this.props.onLoaded()}),this.shouldUseFLV(e)&&(0,a.getSDK)(x.replace("VERSION",l),K).then(o=>{this.flv=o.createPlayer({type:"flv",url:e}),this.flv.attachMediaElement(this.player),this.flv.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.flv,o)}),this.flv.load(),this.props.onLoaded()}),e instanceof Array)this.player.load();else if((0,a.isMediaStream)(e))try{this.player.srcObject=e}catch{this.player.src=window.URL.createObjectURL(e)}}play(){const e=this.player.play();e&&e.catch(this.props.onError)}pause(){this.player.pause()}stop(){this.player.removeAttribute("src"),this.dash&&this.dash.reset()}seekTo(e,t=!0){this.player.currentTime=e,t||this.pause()}setVolume(e){this.player.volume=e}enablePIP(){this.player.requestPictureInPicture&&document.pictureInPictureElement!==this.player?this.player.requestPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="picture-in-picture"&&this.player.webkitSetPresentationMode("picture-in-picture")}disablePIP(){document.exitPictureInPicture&&document.pictureInPictureElement===this.player?document.exitPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="inline"&&this.player.webkitSetPresentationMode("inline")}setPlaybackRate(e){try{this.player.playbackRate=e}catch(t){this.props.onError(t)}}getDuration(){if(!this.player)return null;const{duration:e,seekable:t}=this.player;return e===1/0&&t.length>0?t.end(t.length-1):e}getCurrentTime(){return this.player?this.player.currentTime:null}getSecondsLoaded(){if(!this.player)return null;const{buffered:e}=this.player;if(e.length===0)return 0;const t=e.end(e.length-1),i=this.getDuration();return t>i?i:t}getSource(e){const t=this.shouldUseHLS(e),i=this.shouldUseDASH(e),n=this.shouldUseFLV(e);if(!(e instanceof Array||(0,a.isMediaStream)(e)||t||i||n))return q.test(e)?e.replace("www.dropbox.com","dl.dropboxusercontent.com"):e}render(){const{url:e,playing:t,loop:i,controls:n,muted:l,config:o,width:h,height:c}=this.props,L=this.shouldUseAudio(this.props)?"audio":"video",b={width:h==="auto"?h:"100%",height:c==="auto"?c:"100%"};return p.default.createElement(L,{ref:this.ref,src:this.getSource(e),style:b,preload:"auto",autoPlay:t||void 0,controls:n,muted:l,loop:i,...o.attributes},e instanceof Array&&e.map(this.renderSourceElement),o.tracks.map(this.renderTrack))}}r(P,"displayName","FilePlayer");r(P,"canPlay",d.canPlay.file);const X=_.getDefaultExportFromCjs(S),W=A({__proto__:null,default:X},[S]);exports.FilePlayer=W;

package/dist/{FilePlayer-BtGpIWnK.js → FilePlayer-CXTLAokk.js}

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

package/dist/FlexGridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const q=require("react/jsx-runtime"),r=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./utils-RnrgDDZP.cjs"),R=L.styled.div`
+"use strict";const q=require("react/jsx-runtime"),r=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./utils-CITgSxXe.cjs"),R=L.styled.div`
   ${t=>t.width>0?"":"flex: 1;"}
   min-width: ${t=>100/t.columns}%;
   width: ${t=>t.width}%;

package/dist/FlexGridItem.js

@@ -1,7 +1,7 @@
 import { jsx as N } from "react/jsx-runtime";
 import { forwardRef as X, useState as u, useEffect as S } from "react";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { u as W } from "./utils-DtEfC-TX.js";
+import { u as W } from "./utils-B2fsQ6PS.js";
 const j = I.div`
   ${(t) => t.width > 0 ? "" : "flex: 1;"}
   min-width: ${(t) => 100 / t.columns}%;

package/dist/FormField.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-RnrgDDZP.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=n.styled.label`
+"use strict";const t=require("react/jsx-runtime"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-CITgSxXe.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=n.styled.label`
   display: block;
   margin-bottom: 4px;
   ${e=>l.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}

package/dist/FormField.js

@@ -1,6 +1,6 @@
 import { jsxs as h, jsx as a } from "react/jsx-runtime";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as s, b as i } from "./utils-DtEfC-TX.js";
+import { d as s, c as i } from "./utils-B2fsQ6PS.js";
 import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const y = m.label`
   display: block;

package/dist/FormView.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),E=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),W=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),x=require("./Button.cjs"),f=require("./IconButton.cjs"),O=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),P=require("./TextAreaInput.cjs"),Q=require("./TimeInput.cjs"),X=require("./ColorInput.cjs"),Y=require("./FileInput.cjs"),Z=require("./RangeSlider.cjs"),b=require("./utils-RnrgDDZP.cjs"),z=require("./FormField.cjs"),ee=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),te=g.styled.div`
+"use strict";const e=require("react/jsx-runtime"),E=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),W=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),x=require("./Button.cjs"),f=require("./IconButton.cjs"),O=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),P=require("./TextAreaInput.cjs"),Q=require("./TimeInput.cjs"),X=require("./ColorInput.cjs"),Y=require("./FileInput.cjs"),Z=require("./RangeSlider.cjs"),b=require("./utils-CITgSxXe.cjs"),z=require("./FormField.cjs"),ee=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),te=g.styled.div`
   display: flex;
   justify-content: space-between;
 `,re=g.styled.form`

package/dist/FormView.js

@@ -16,7 +16,7 @@ import P from "./TimeInput.js";
 import Q from "./ColorInput.js";
 import X from "./FileInput.js";
 import Y from "./RangeSlider.js";
-import { g as Z, a as z, b as ee } from "./utils-DtEfC-TX.js";
+import { g as Z, b as z, c as ee } from "./utils-B2fsQ6PS.js";
 import re from "./FormField.js";
 import { u as te } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const ae = x.div`

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),x=require("react"),v=require("./Icon.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),h=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./index-BAJkosVg.cjs"),$=g.styled.a`
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),v=require("./Icon.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),x=require("./utils-CITgSxXe.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./index-CsTfXxpp.cjs"),$=w.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -37,13 +37,13 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${h.truncateTextInRows(2)}
+      ${x.truncateTextInRows(2)}
       transition: var(--transition, all 0.2s ease);
     }
   }
   cursor: pointer;
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media ${d.down("S")} {
     background: transparent;
     border: none;
     box-shadow: none;
@@ -65,7 +65,7 @@
       }
     }
   }
-`,I=g.styled.a`
+`,N=w.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -108,12 +108,12 @@
     letter-spacing: -0.09px;
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media ${d.down("S")} {
     & .wrapper__text {
       white-space: nowrap;
     }
   }
-`,N=x.forwardRef(({title:t,icon:a,onSelectCard:i=()=>{},selectAction:s,LinkComponent:n},l)=>{const o=n||"a";return r.jsxs(I,{ref:l,onClick:i,as:o,...n?{to:`/${s}`}:{href:`/${s}`},children:[h.isDefinedNotEmptyString(a)&&r.jsx(v,{icon:a,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})}),k=x.forwardRef(({imageUrl:t,imageComponent:a,title:i,onSelectCard:s=()=>{},selectAction:n,LinkComponent:l},o)=>{const{theme:p}=j.useTheme(),c=l||"a";return r.jsxs($,{ref:o,theme:p,onClick:s,as:c,...l?{to:`/${n}`}:{href:`/${n}`},children:[h.isDefined(a)?a:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:i})})]})}),C=g.styled.div`
+`,k=f.forwardRef(({title:t,icon:a,onSelectCard:i=()=>{},selectAction:s,LinkComponent:n},o)=>{const l=n||"a";return r.jsxs(N,{ref:o,onClick:i,as:l,...n?{to:`/${s}`}:{href:`/${s}`},children:[x.isDefinedNotEmptyString(a)&&r.jsx(v,{icon:a,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})}),C=f.forwardRef(({imageUrl:t,imageComponent:a,title:i,onSelectCard:s=()=>{},selectAction:n,LinkComponent:o},l)=>{const{theme:p}=j.useTheme(),c=o||"a";return r.jsxs($,{ref:l,theme:p,onClick:s,as:c,...o?{to:`/${n}`}:{href:`/${n}`},children:[x.isDefined(a)?a:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:i})})]})}),q=w.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -161,7 +161,13 @@
     gap: 1.5rem;
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media ${d.down("M")} {
+    & .wrapper__cards {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+
+  @media ${d.down("S")} {
     & .wrapper__tags {
       display: flex;
       flex-wrap: nowrap;
@@ -189,4 +195,4 @@
       gap: 1rem;
     }
   }
-`,E=x.forwardRef(({title:t,subtitle:a,options:i=[],limitTags:s=7,limitTagsForMobile:n=2,limit:l=3,limitForMobile:o=3,items:p=[],onSelectTag:c=()=>{},onSelectCard:d=()=>{},isLoadingTags:u=!1,isLoadingCards:y=!1,LinkComponent:w},b)=>r.jsxs(C,{ref:b,limitTags:s,limitTagsForMobile:n,limitCards:l,limitCardsForMobile:o,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__subtitle",children:a})]}),r.jsx(_.SuspenseFieldOfInterestsWithTagsCard,{isLoading:y,keyPrefix:"general-with-tags-cards-card",children:r.jsx("div",{className:"wrapper__cards",children:p==null?void 0:p.map((e,m)=>r.jsx(k,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,selectAction:e==null?void 0:e.selectAction,onSelectCard:()=>{d==null||d(e)},LinkComponent:w},`general-with-tags-card__${m+1}`))})}),r.jsx(_.SuspenseFieldOfInterestsWithTagsTag,{isLoading:u,keyPrefix:"general-with-tags-cards-tag",children:r.jsx("div",{className:"wrapper__tags",children:i==null?void 0:i.map((e,m)=>r.jsx(N,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>c==null?void 0:c(e),selectAction:e==null?void 0:e.selectAction,LinkComponent:w},`general-with-tags-card-tag__${m+1}`))})})]}));module.exports=E;
+`,W=f.forwardRef(({title:t,subtitle:a,options:i=[],limitTags:s=7,limitTagsForMobile:n=2,limit:o=3,limitForMobile:l=3,items:p=[],onSelectTag:c=()=>{},onSelectCard:m=()=>{},isLoadingTags:u=!1,isLoadingCards:y=!1,LinkComponent:h},b)=>r.jsxs(q,{ref:b,limitTags:s,limitTagsForMobile:n,limitCards:o,limitCardsForMobile:l,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__subtitle",children:a})]}),r.jsx(_.SuspenseFieldOfInterestsWithTagsCard,{isLoading:y,keyPrefix:"general-with-tags-cards-card",children:r.jsx("div",{className:"wrapper__cards",children:p==null?void 0:p.map((e,g)=>r.jsx(C,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,selectAction:e==null?void 0:e.selectAction,onSelectCard:()=>{m==null||m(e)},LinkComponent:h},`general-with-tags-card__${g+1}`))})}),r.jsx(_.SuspenseFieldOfInterestsWithTagsTag,{isLoading:u,keyPrefix:"general-with-tags-cards-tag",children:r.jsx("div",{className:"wrapper__tags",children:i==null?void 0:i.map((e,g)=>r.jsx(k,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>c==null?void 0:c(e),selectAction:e==null?void 0:e.selectAction,LinkComponent:h},`general-with-tags-card-tag__${g+1}`))})})]}));module.exports=W;

package/dist/GeneralWithTagsCardsSection.js

@@ -1,12 +1,12 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
+import { forwardRef as h } from "react";
 import b from "./Icon.js";
-import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as w } from "./consts-BuFChS64.js";
-import { m as v, k as $, l as C } from "./utils-DtEfC-TX.js";
+import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d } from "./breakpoints-ff0SIcV3.js";
+import { n as v, l as $, m as C } from "./utils-B2fsQ6PS.js";
 import { u as N } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { a as k, S as W } from "./index-TIqKd2Dv.js";
-const j = h.a`
+import { a as k, S as W } from "./index-C-uOIDDa.js";
+const j = w.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -51,7 +51,7 @@ const j = h.a`
   }
   cursor: pointer;
 
-  @media (max-width: ${w + "px"}) {
+  @media ${d("S")} {
     background: transparent;
     border: none;
     box-shadow: none;
@@ -73,7 +73,7 @@ const j = h.a`
       }
     }
   }
-`, I = h.a`
+`, z = w.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -116,15 +116,15 @@ const j = h.a`
     letter-spacing: -0.09px;
   }
 
-  @media (max-width: ${w + "px"}) {
+  @media ${d("S")} {
     & .wrapper__text {
       white-space: nowrap;
     }
   }
-`, z = g(
+`, T = h(
   ({ title: r, icon: t, onSelectCard: i = () => {
   }, selectAction: o, LinkComponent: n }, s) => /* @__PURE__ */ c(
-    I,
+    z,
     {
       ref: s,
       onClick: i,
@@ -140,7 +140,7 @@ const j = h.a`
       ]
     }
   )
-), T = g(
+), F = h(
   // eslint-disable-next-line react/prop-types
   ({
     imageUrl: r,
@@ -171,7 +171,7 @@ const j = h.a`
       }
     );
   }
-), F = h.div`
+), I = w.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -219,7 +219,13 @@ const j = h.a`
     gap: 1.5rem;
   }
 
-  @media (max-width: ${w + "px"}) {
+  @media ${d("M")} {
+    & .wrapper__cards {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+
+  @media ${d("S")} {
     & .wrapper__tags {
       display: flex;
       flex-wrap: nowrap;
@@ -247,7 +253,7 @@ const j = h.a`
       gap: 1rem;
     }
   }
-`, U = g(
+`, R = h(
   ({
     title: r,
     subtitle: t,
@@ -259,13 +265,13 @@ const j = h.a`
     items: l = [],
     onSelectTag: m = () => {
     },
-    onSelectCard: d = () => {
+    onSelectCard: f = () => {
     },
     isLoadingTags: x = !1,
     isLoadingCards: u = !1,
     LinkComponent: _
   }, y) => /* @__PURE__ */ c(
-    F,
+    I,
     {
       ref: y,
       limitTags: o,
@@ -282,19 +288,19 @@ const j = h.a`
           {
             isLoading: u,
             keyPrefix: "general-with-tags-cards-card",
-            children: /* @__PURE__ */ a("div", { className: "wrapper__cards", children: l == null ? void 0 : l.map((e, f) => /* @__PURE__ */ a(
-              T,
+            children: /* @__PURE__ */ a("div", { className: "wrapper__cards", children: l == null ? void 0 : l.map((e, g) => /* @__PURE__ */ a(
+              F,
               {
                 imageUrl: e == null ? void 0 : e.imageUrl,
                 imageComponent: e == null ? void 0 : e.imageComponent,
                 title: e == null ? void 0 : e.title,
                 selectAction: e == null ? void 0 : e.selectAction,
                 onSelectCard: () => {
-                  d == null || d(e);
+                  f == null || f(e);
                 },
                 LinkComponent: _
               },
-              `general-with-tags-card__${f + 1}`
+              `general-with-tags-card__${g + 1}`
             )) })
           }
         ),
@@ -303,8 +309,8 @@ const j = h.a`
           {
             isLoading: x,
             keyPrefix: "general-with-tags-cards-tag",
-            children: /* @__PURE__ */ a("div", { className: "wrapper__tags", children: i == null ? void 0 : i.map((e, f) => /* @__PURE__ */ a(
-              z,
+            children: /* @__PURE__ */ a("div", { className: "wrapper__tags", children: i == null ? void 0 : i.map((e, g) => /* @__PURE__ */ a(
+              T,
               {
                 icon: e == null ? void 0 : e.icon,
                 title: e == null ? void 0 : e.title,
@@ -312,7 +318,7 @@ const j = h.a`
                 selectAction: e == null ? void 0 : e.selectAction,
                 LinkComponent: _
               },
-              `general-with-tags-card-tag__${f + 1}`
+              `general-with-tags-card-tag__${g + 1}`
             )) })
           }
         )
@@ -321,5 +327,5 @@ const j = h.a`
   )
 );
 export {
-  U as default
+  R as default
 };