@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/UploadedFile.js

@@ -1,11 +1,10 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { forwardRef as M } from "react";
-import { P as i } from "./index-CblbdqjE.js";
-import { s as t } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import y from "./Icon.js";
-import O from "./ProgressBar.js";
-import { b as S, c as C } from "./utils-DtEfC-TX.js";
-import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { forwardRef as j } from "react";
+import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import p from "./Icon.js";
+import T from "./ProgressBar.js";
+import { b as S, c as y } from "./utils-DtEfC-TX.js";
+import { u as O } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const z = {
   small: "1.5rem",
   medium: "1.75rem",
@@ -14,7 +13,7 @@ const z = {
   small: "2.25rem",
   medium: "2.5rem",
   large: "2.75rem"
-}, W = t.div`
+}, R = o.div`
   display: inline-flex;
   gap: 0.5rem;
   align-items: center;
@@ -22,7 +21,7 @@ const z = {
 
   height: ${(e) => e.progress ? w[e.size] : z[e.size]};
   height: ${(e) => e.progress ? w[e.size] : z[e.size]};
-`, E = t.div`
+`, W = o.div`
   color: ${(e) => S(
   e.theme,
   "UploadedFile",
@@ -38,155 +37,130 @@ const z = {
   min-width: 0;
   flex-shrink: 1;
   min-height: 0;
-`, G = t.div`
+`, E = o.div`
   display: flex;
   justify-content: space-between;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 
-  ${(e) => C(
+  ${(e) => y(
   e.theme,
   "UploadedFile",
   e.size,
   "enabled"
 )};
-`, K = t.span`
+`, G = o.span`
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: ${(e) => e.onCancel ? "pointer" : "default"};
-`, V = t.span`
+`, K = o.span`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   cursor: ${(e) => e.hasOnClick ? "pointer" : "default"};
 
-  ${(e) => C(
+  ${(e) => y(
   e.theme,
   "UploadedFile",
   e.size,
   "enabled"
 )};
-`, Y = M((e, x) => {
+`, L = j((e, C) => {
   const {
-    id: B,
-    fileName: a = "file",
-    fileSize: d = null,
-    showFileSize: F = !1,
-    progressPercentage: r,
+    id: x,
+    fileName: n = "file",
+    fileSize: m = null,
+    showFileSize: B = !1,
+    progressPercentage: i,
     onFileClick: s = () => {
     },
-    onCancel: m = () => {
+    onCancel: c = () => {
     },
-    size: P = "small",
-    color: b = "primary",
-    className: k = "",
-    style: v = {},
-    fileIcon: $ = "file",
-    cancelIcon: I = "times",
-    ...f
+    size: F = "small",
+    color: v = "primary",
+    className: $ = "",
+    style: k = {},
+    fileIcon: P = "file",
+    cancelIcon: U = "times",
+    ...d
   } = e;
-  var n = {
-    theme: R(),
-    size: P,
-    color: b,
-    progress: r && r > 0
+  var l = {
+    theme: O(),
+    size: F,
+    color: v,
+    progress: i && i > 0
   };
-  const N = () => a && d && F ? `${a} (${T(d, 2)})` : a || "";
-  function T(l, g = 2) {
-    if (l === 0) return "0 Bytes";
-    const u = 1024, U = g < 0 ? 0 : g, j = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], p = Math.floor(Math.log(l) / Math.log(u));
-    return parseFloat((l / Math.pow(u, p)).toFixed(U)) + " " + j[p];
+  const I = () => n && m && B ? `${n} (${M(m, 2)})` : n || "";
+  function M(r, h = 2) {
+    if (r === 0) return "0 Bytes";
+    const u = 1024, N = h < 0 ? 0 : h, b = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], g = Math.floor(Math.log(r) / Math.log(u));
+    return parseFloat((r / Math.pow(u, g)).toFixed(N)) + " " + b[g];
   }
-  const h = {
+  const f = {
     small: "1rem",
     medium: "1.25rem",
     large: "1.5rem"
   };
-  return /* @__PURE__ */ c(
-    W,
+  return /* @__PURE__ */ a(
+    R,
     {
-      ref: x,
-      id: B,
-      ...n,
-      className: "lnc-ui-uploaded-file " + k,
-      style: v,
-      ...f,
+      ref: C,
+      id: x,
+      ...l,
+      className: "lnc-ui-uploaded-file " + $,
+      style: k,
+      ...d,
       children: [
-        /* @__PURE__ */ o(
-          y,
+        /* @__PURE__ */ t(
+          p,
           {
-            ...n,
-            icon: $,
-            sizeInUnits: h[e.size],
+            ...l,
+            icon: P,
+            sizeInUnits: f[e.size],
             style: { cursor: s ? "pointer" : "default" },
-            onClick: (l) => s ? s(l) : null
+            onClick: (r) => s ? s(r) : null
           }
         ),
-        /* @__PURE__ */ c(E, { ...n, children: [
-          /* @__PURE__ */ c(G, { ...n, children: [
-            /* @__PURE__ */ o(
-              V,
+        /* @__PURE__ */ a(W, { ...l, children: [
+          /* @__PURE__ */ a(E, { ...l, children: [
+            /* @__PURE__ */ t(
+              K,
               {
-                ...n,
+                ...l,
                 hasOnClick: !!s,
-                onClick: (l) => s ? s(l) : null,
-                children: N()
+                onClick: (r) => s ? s(r) : null,
+                children: I()
               }
             ),
-            r && /* @__PURE__ */ c("div", { children: [
-              r,
+            i && /* @__PURE__ */ a("div", { children: [
+              i,
               "%"
             ] })
           ] }),
-          (r || r == 0) && /* @__PURE__ */ o(
-            O,
+          (i || i == 0) && /* @__PURE__ */ t(
+            T,
             {
-              progressPercentage: r,
+              progressPercentage: i,
               style: { height: "0.5rem" },
-              ...n
+              ...l
             }
           )
         ] }),
-        /* @__PURE__ */ o(K, { onCancel: m, onClick: m || null, children: /* @__PURE__ */ o(
-          y,
+        /* @__PURE__ */ t(G, { onCancel: c, onClick: c || null, children: /* @__PURE__ */ t(
+          p,
           {
-            ...n,
-            icon: I,
-            sizeInUnits: h[e.size],
-            ...f
+            ...l,
+            icon: U,
+            sizeInUnits: f[e.size],
+            ...d
           }
         ) })
       ]
     }
   );
 });
-Y.propTypes = {
-  id: i.any,
-  fileName: i.string,
-  fileSize: i.oneOfType([i.string, i.number]),
-  showFileSize: i.bool,
-  progressPercentage: i.number,
-  className: i.string,
-  style: i.object,
-  onFileClick: i.func,
-  onCancel: i.func,
-  size: i.oneOf(["small", "medium", "large"]),
-  color: i.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "disabled",
-    "neutral",
-    "information",
-    "gray"
-  ]),
-  fileIcon: i.string,
-  cancelIcon: i.string
-};
 export {
-  Y as default
+  L as default
 };

package/dist/{Vidyard-De3pges0.js → Vidyard-B6GdBHsM.js}

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

package/dist/{Vidyard-DaCcaaH4.cjs → Vidyard-s1MMcaRm.cjs}

@@ -1 +1 @@
-"use strict";const v=require("./_commonjsHelpers-DwTZ_eVU.cjs"),b=require("react"),h=require("./SearchSection-BcbHP6QF.cjs");function O(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const a in o)if(a!=="default"&&!(a in t)){const n=Object.getOwnPropertyDescriptor(o,a);n&&Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>o[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var V=Object.create,i=Object.defineProperty,D=Object.getOwnPropertyDescriptor,S=Object.getOwnPropertyNames,j=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,M=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,A=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},_=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of S(e))!w.call(t,a)&&a!==r&&i(t,a,{get:()=>e[a],enumerable:!(o=D(e,a))||o.enumerable});return t},L=(t,e,r)=>(r=t!=null?V(j(t)):{},_(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),R=t=>_(i({},"__esModule",{value:!0}),t),s=(t,e,r)=>(M(t,typeof e!="symbol"?e+"":e,r),r),f={};A(f,{default:()=>d});var P=R(f),c=L(b),y=h.utils,m=h.patterns;const E="https://play.vidyard.com/embed/v4.js",C="VidyardV4",N="onVidyardAPI";class d extends c.Component{constructor(){super(...arguments),s(this,"callPlayer",y.callPlayer),s(this,"mute",()=>{this.setVolume(0)}),s(this,"unmute",()=>{this.props.volume!==null&&this.setVolume(this.props.volume)}),s(this,"ref",e=>{this.container=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){const{playing:r,config:o,onError:a,onDuration:n}=this.props,l=e&&e.match(m.MATCH_URL_VIDYARD)[1];this.player&&this.stop(),(0,y.getSDK)(E,C,N).then(p=>{this.container&&(p.api.addReadyListener((u,g)=>{this.player||(this.player=g,this.player.on("ready",this.props.onReady),this.player.on("play",this.props.onPlay),this.player.on("pause",this.props.onPause),this.player.on("seek",this.props.onSeek),this.player.on("playerComplete",this.props.onEnded))},l),p.api.renderPlayer({uuid:l,container:this.container,autoplay:r?1:0,...o.options}),p.api.getPlayerMetadata(l).then(u=>{this.duration=u.length_in_seconds,n(u.length_in_seconds)}))},a)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){window.VidyardV4.api.destroyPlayer(this.player)}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}setPlaybackRate(e){this.callPlayer("setPlaybackSpeed",e)}getDuration(){return this.duration}getCurrentTime(){return this.callPlayer("currentTime")}getSecondsLoaded(){return null}render(){const{display:e}=this.props,r={width:"100%",height:"100%",display:e};return c.default.createElement("div",{style:r},c.default.createElement("div",{ref:this.ref}))}}s(d,"displayName","Vidyard");s(d,"canPlay",m.canPlay.vidyard);const T=v.getDefaultExportFromCjs(P),k=O({__proto__:null,default:T},[P]);exports.Vidyard=k;
+"use strict";const v=require("./_commonjsHelpers-DwTZ_eVU.cjs"),b=require("react"),h=require("./SearchSection-B94YN_6P.cjs");function O(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const a in o)if(a!=="default"&&!(a in t)){const n=Object.getOwnPropertyDescriptor(o,a);n&&Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>o[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var V=Object.create,i=Object.defineProperty,D=Object.getOwnPropertyDescriptor,S=Object.getOwnPropertyNames,j=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,M=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,A=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},_=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of S(e))!w.call(t,a)&&a!==r&&i(t,a,{get:()=>e[a],enumerable:!(o=D(e,a))||o.enumerable});return t},L=(t,e,r)=>(r=t!=null?V(j(t)):{},_(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),R=t=>_(i({},"__esModule",{value:!0}),t),s=(t,e,r)=>(M(t,typeof e!="symbol"?e+"":e,r),r),f={};A(f,{default:()=>d});var P=R(f),c=L(b),y=h.utils,m=h.patterns;const E="https://play.vidyard.com/embed/v4.js",C="VidyardV4",N="onVidyardAPI";class d extends c.Component{constructor(){super(...arguments),s(this,"callPlayer",y.callPlayer),s(this,"mute",()=>{this.setVolume(0)}),s(this,"unmute",()=>{this.props.volume!==null&&this.setVolume(this.props.volume)}),s(this,"ref",e=>{this.container=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){const{playing:r,config:o,onError:a,onDuration:n}=this.props,l=e&&e.match(m.MATCH_URL_VIDYARD)[1];this.player&&this.stop(),(0,y.getSDK)(E,C,N).then(p=>{this.container&&(p.api.addReadyListener((u,g)=>{this.player||(this.player=g,this.player.on("ready",this.props.onReady),this.player.on("play",this.props.onPlay),this.player.on("pause",this.props.onPause),this.player.on("seek",this.props.onSeek),this.player.on("playerComplete",this.props.onEnded))},l),p.api.renderPlayer({uuid:l,container:this.container,autoplay:r?1:0,...o.options}),p.api.getPlayerMetadata(l).then(u=>{this.duration=u.length_in_seconds,n(u.length_in_seconds)}))},a)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){window.VidyardV4.api.destroyPlayer(this.player)}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}setPlaybackRate(e){this.callPlayer("setPlaybackSpeed",e)}getDuration(){return this.duration}getCurrentTime(){return this.callPlayer("currentTime")}getSecondsLoaded(){return null}render(){const{display:e}=this.props,r={width:"100%",height:"100%",display:e};return c.default.createElement("div",{style:r},c.default.createElement("div",{ref:this.ref}))}}s(d,"displayName","Vidyard");s(d,"canPlay",m.canPlay.vidyard);const T=v.getDefaultExportFromCjs(P),k=O({__proto__:null,default:T},[P]);exports.Vidyard=k;

package/dist/{Vimeo-8wXdCXGs.cjs → Vimeo-J1l_SU2E.cjs}

@@ -1 +1 @@
-"use strict";const f=require("./_commonjsHelpers-DwTZ_eVU.cjs"),m=require("react"),c=require("./SearchSection-BcbHP6QF.cjs");function _(t,e){for(var r=0;r<e.length;r++){const a=e[r];if(typeof a!="string"&&!Array.isArray(a)){for(const o in a)if(o!=="default"&&!(o in t)){const s=Object.getOwnPropertyDescriptor(a,o);s&&Object.defineProperty(t,o,s.get?s:{enumerable:!0,get:()=>a[o]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var P=Object.create,n=Object.defineProperty,g=Object.getOwnPropertyDescriptor,b=Object.getOwnPropertyNames,v=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,D=(t,e,r)=>e in t?n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,j=(t,e)=>{for(var r in e)n(t,r,{get:e[r],enumerable:!0})},h=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!O.call(t,o)&&o!==r&&n(t,o,{get:()=>e[o],enumerable:!(a=g(e,o))||a.enumerable});return t},w=(t,e,r)=>(r=t!=null?P(v(t)):{},h(!t||!t.__esModule?n(r,"default",{value:t,enumerable:!0}):r,t)),M=t=>h(n({},"__esModule",{value:!0}),t),i=(t,e,r)=>(D(t,typeof e!="symbol"?e+"":e,r),r),y={};j(y,{default:()=>l});var d=M(y),p=w(m),u=c.utils,S=c.patterns;const L="https://player.vimeo.com/api/player.js",V="Vimeo",E=t=>t.replace("/manage/videos","");class l extends p.Component{constructor(){super(...arguments),i(this,"callPlayer",u.callPlayer),i(this,"duration",null),i(this,"currentTime",null),i(this,"secondsLoaded",null),i(this,"mute",()=>{this.setMuted(!0)}),i(this,"unmute",()=>{this.setMuted(!1)}),i(this,"ref",e=>{this.container=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){this.duration=null,(0,u.getSDK)(L,V).then(r=>{if(!this.container)return;const{playerOptions:a,title:o}=this.props.config;this.player=new r.Player(this.container,{url:E(e),autoplay:this.props.playing,muted:this.props.muted,loop:this.props.loop,playsinline:this.props.playsinline,controls:this.props.controls,...a}),this.player.ready().then(()=>{const s=this.container.querySelector("iframe");s.style.width="100%",s.style.height="100%",o&&(s.title=o)}).catch(this.props.onError),this.player.on("loaded",()=>{this.props.onReady(),this.refreshDuration()}),this.player.on("play",()=>{this.props.onPlay(),this.refreshDuration()}),this.player.on("pause",this.props.onPause),this.player.on("seeked",s=>this.props.onSeek(s.seconds)),this.player.on("ended",this.props.onEnded),this.player.on("error",this.props.onError),this.player.on("timeupdate",({seconds:s})=>{this.currentTime=s}),this.player.on("progress",({seconds:s})=>{this.secondsLoaded=s}),this.player.on("bufferstart",this.props.onBuffer),this.player.on("bufferend",this.props.onBufferEnd),this.player.on("playbackratechange",s=>this.props.onPlaybackRateChange(s.playbackRate))},this.props.onError)}refreshDuration(){this.player.getDuration().then(e=>{this.duration=e})}play(){const e=this.callPlayer("play");e&&e.catch(this.props.onError)}pause(){this.callPlayer("pause")}stop(){this.callPlayer("unload")}seekTo(e,r=!0){this.callPlayer("setCurrentTime",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}setMuted(e){this.callPlayer("setMuted",e)}setLoop(e){this.callPlayer("setLoop",e)}setPlaybackRate(e){this.callPlayer("setPlaybackRate",e)}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return this.secondsLoaded}render(){const{display:e}=this.props,r={width:"100%",height:"100%",overflow:"hidden",display:e};return p.default.createElement("div",{key:this.props.url,ref:this.ref,style:r})}}i(l,"displayName","Vimeo");i(l,"canPlay",S.canPlay.vimeo);i(l,"forceLoad",!0);const k=f.getDefaultExportFromCjs(d),R=_({__proto__:null,default:k},[d]);exports.Vimeo=R;
+"use strict";const f=require("./_commonjsHelpers-DwTZ_eVU.cjs"),m=require("react"),c=require("./SearchSection-B94YN_6P.cjs");function _(t,e){for(var r=0;r<e.length;r++){const a=e[r];if(typeof a!="string"&&!Array.isArray(a)){for(const o in a)if(o!=="default"&&!(o in t)){const s=Object.getOwnPropertyDescriptor(a,o);s&&Object.defineProperty(t,o,s.get?s:{enumerable:!0,get:()=>a[o]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var P=Object.create,n=Object.defineProperty,g=Object.getOwnPropertyDescriptor,b=Object.getOwnPropertyNames,v=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,D=(t,e,r)=>e in t?n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,j=(t,e)=>{for(var r in e)n(t,r,{get:e[r],enumerable:!0})},h=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!O.call(t,o)&&o!==r&&n(t,o,{get:()=>e[o],enumerable:!(a=g(e,o))||a.enumerable});return t},w=(t,e,r)=>(r=t!=null?P(v(t)):{},h(!t||!t.__esModule?n(r,"default",{value:t,enumerable:!0}):r,t)),M=t=>h(n({},"__esModule",{value:!0}),t),i=(t,e,r)=>(D(t,typeof e!="symbol"?e+"":e,r),r),y={};j(y,{default:()=>l});var d=M(y),p=w(m),u=c.utils,S=c.patterns;const L="https://player.vimeo.com/api/player.js",V="Vimeo",E=t=>t.replace("/manage/videos","");class l extends p.Component{constructor(){super(...arguments),i(this,"callPlayer",u.callPlayer),i(this,"duration",null),i(this,"currentTime",null),i(this,"secondsLoaded",null),i(this,"mute",()=>{this.setMuted(!0)}),i(this,"unmute",()=>{this.setMuted(!1)}),i(this,"ref",e=>{this.container=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){this.duration=null,(0,u.getSDK)(L,V).then(r=>{if(!this.container)return;const{playerOptions:a,title:o}=this.props.config;this.player=new r.Player(this.container,{url:E(e),autoplay:this.props.playing,muted:this.props.muted,loop:this.props.loop,playsinline:this.props.playsinline,controls:this.props.controls,...a}),this.player.ready().then(()=>{const s=this.container.querySelector("iframe");s.style.width="100%",s.style.height="100%",o&&(s.title=o)}).catch(this.props.onError),this.player.on("loaded",()=>{this.props.onReady(),this.refreshDuration()}),this.player.on("play",()=>{this.props.onPlay(),this.refreshDuration()}),this.player.on("pause",this.props.onPause),this.player.on("seeked",s=>this.props.onSeek(s.seconds)),this.player.on("ended",this.props.onEnded),this.player.on("error",this.props.onError),this.player.on("timeupdate",({seconds:s})=>{this.currentTime=s}),this.player.on("progress",({seconds:s})=>{this.secondsLoaded=s}),this.player.on("bufferstart",this.props.onBuffer),this.player.on("bufferend",this.props.onBufferEnd),this.player.on("playbackratechange",s=>this.props.onPlaybackRateChange(s.playbackRate))},this.props.onError)}refreshDuration(){this.player.getDuration().then(e=>{this.duration=e})}play(){const e=this.callPlayer("play");e&&e.catch(this.props.onError)}pause(){this.callPlayer("pause")}stop(){this.callPlayer("unload")}seekTo(e,r=!0){this.callPlayer("setCurrentTime",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}setMuted(e){this.callPlayer("setMuted",e)}setLoop(e){this.callPlayer("setLoop",e)}setPlaybackRate(e){this.callPlayer("setPlaybackRate",e)}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return this.secondsLoaded}render(){const{display:e}=this.props,r={width:"100%",height:"100%",overflow:"hidden",display:e};return p.default.createElement("div",{key:this.props.url,ref:this.ref,style:r})}}i(l,"displayName","Vimeo");i(l,"canPlay",S.canPlay.vimeo);i(l,"forceLoad",!0);const k=f.getDefaultExportFromCjs(d),R=_({__proto__:null,default:k},[d]);exports.Vimeo=R;

package/dist/{Vimeo-N6I2qi_h.js → Vimeo-kzHz4Gco.js}

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

package/dist/{Wistia-BrUzHQoq.cjs → Wistia-CudQyDHM.cjs}

@@ -1 +1 @@
-"use strict";const g=require("./_commonjsHelpers-DwTZ_eVU.cjs"),v=require("react"),y=require("./SearchSection-BcbHP6QF.cjs");function w(t,e){for(var a=0;a<e.length;a++){const s=e[a];if(typeof s!="string"&&!Array.isArray(s)){for(const r in s)if(r!=="default"&&!(r in t)){const o=Object.getOwnPropertyDescriptor(s,r);o&&Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>s[r]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var O=Object.create,i=Object.defineProperty,C=Object.getOwnPropertyDescriptor,S=Object.getOwnPropertyNames,k=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty,R=(t,e,a)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a,E=(t,e)=>{for(var a in e)i(t,a,{get:e[a],enumerable:!0})},d=(t,e,a,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of S(e))!D.call(t,r)&&r!==a&&i(t,r,{get:()=>e[r],enumerable:!(s=C(e,r))||s.enumerable});return t},j=(t,e,a)=>(a=t!=null?O(k(t)):{},d(!t||!t.__esModule?i(a,"default",{value:t,enumerable:!0}):a,t)),I=t=>d(i({},"__esModule",{value:!0}),t),n=(t,e,a)=>(R(t,typeof e!="symbol"?e+"":e,a),a),_={};E(_,{default:()=>l});var P=I(_),h=j(v),c=y.utils,b=y.patterns;const M="https://fast.wistia.com/assets/external/E-v1.js",W="Wistia",q="wistia-player-";class l extends h.Component{constructor(){super(...arguments),n(this,"callPlayer",c.callPlayer),n(this,"playerID",this.props.config.playerId||`${q}${(0,c.randomString)()}`),n(this,"onPlay",(...e)=>this.props.onPlay(...e)),n(this,"onPause",(...e)=>this.props.onPause(...e)),n(this,"onSeek",(...e)=>this.props.onSeek(...e)),n(this,"onEnded",(...e)=>this.props.onEnded(...e)),n(this,"onPlaybackRateChange",(...e)=>this.props.onPlaybackRateChange(...e)),n(this,"mute",()=>{this.callPlayer("mute")}),n(this,"unmute",()=>{this.callPlayer("unmute")})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){const{playing:a,muted:s,controls:r,onReady:o,config:p,onError:f}=this.props;(0,c.getSDK)(M,W).then(m=>{p.customControls&&p.customControls.forEach(u=>m.defineControl(u)),window._wq=window._wq||[],window._wq.push({id:this.playerID,options:{autoPlay:a,silentAutoPlay:"allow",muted:s,controlsVisibleOnLoad:r,fullscreenButton:r,playbar:r,playbackRateControl:r,qualityControl:r,volumeControl:r,settingsControl:r,smallPlayButton:r,...p.options},onReady:u=>{this.player=u,this.unbind(),this.player.bind("play",this.onPlay),this.player.bind("pause",this.onPause),this.player.bind("seek",this.onSeek),this.player.bind("end",this.onEnded),this.player.bind("playbackratechange",this.onPlaybackRateChange),o()}})},f)}unbind(){this.player.unbind("play",this.onPlay),this.player.unbind("pause",this.onPause),this.player.unbind("seek",this.onSeek),this.player.unbind("end",this.onEnded),this.player.unbind("playbackratechange",this.onPlaybackRateChange)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){this.unbind(),this.callPlayer("remove")}seekTo(e,a=!0){this.callPlayer("time",e),a||this.pause()}setVolume(e){this.callPlayer("volume",e)}setPlaybackRate(e){this.callPlayer("playbackRate",e)}getDuration(){return this.callPlayer("duration")}getCurrentTime(){return this.callPlayer("time")}getSecondsLoaded(){return null}render(){const{url:e}=this.props,a=e&&e.match(b.MATCH_URL_WISTIA)[1],s=`wistia_embed wistia_async_${a}`,r={width:"100%",height:"100%"};return h.default.createElement("div",{id:this.playerID,key:a,className:s,style:r})}}n(l,"displayName","Wistia");n(l,"canPlay",b.canPlay.wistia);n(l,"loopOnEnded",!0);const A=g.getDefaultExportFromCjs(P),L=w({__proto__:null,default:A},[P]);exports.Wistia=L;
+"use strict";const g=require("./_commonjsHelpers-DwTZ_eVU.cjs"),v=require("react"),y=require("./SearchSection-B94YN_6P.cjs");function w(t,e){for(var a=0;a<e.length;a++){const s=e[a];if(typeof s!="string"&&!Array.isArray(s)){for(const r in s)if(r!=="default"&&!(r in t)){const o=Object.getOwnPropertyDescriptor(s,r);o&&Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>s[r]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var O=Object.create,i=Object.defineProperty,C=Object.getOwnPropertyDescriptor,S=Object.getOwnPropertyNames,k=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty,R=(t,e,a)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a,E=(t,e)=>{for(var a in e)i(t,a,{get:e[a],enumerable:!0})},d=(t,e,a,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of S(e))!D.call(t,r)&&r!==a&&i(t,r,{get:()=>e[r],enumerable:!(s=C(e,r))||s.enumerable});return t},j=(t,e,a)=>(a=t!=null?O(k(t)):{},d(!t||!t.__esModule?i(a,"default",{value:t,enumerable:!0}):a,t)),I=t=>d(i({},"__esModule",{value:!0}),t),n=(t,e,a)=>(R(t,typeof e!="symbol"?e+"":e,a),a),_={};E(_,{default:()=>l});var P=I(_),h=j(v),c=y.utils,b=y.patterns;const M="https://fast.wistia.com/assets/external/E-v1.js",W="Wistia",q="wistia-player-";class l extends h.Component{constructor(){super(...arguments),n(this,"callPlayer",c.callPlayer),n(this,"playerID",this.props.config.playerId||`${q}${(0,c.randomString)()}`),n(this,"onPlay",(...e)=>this.props.onPlay(...e)),n(this,"onPause",(...e)=>this.props.onPause(...e)),n(this,"onSeek",(...e)=>this.props.onSeek(...e)),n(this,"onEnded",(...e)=>this.props.onEnded(...e)),n(this,"onPlaybackRateChange",(...e)=>this.props.onPlaybackRateChange(...e)),n(this,"mute",()=>{this.callPlayer("mute")}),n(this,"unmute",()=>{this.callPlayer("unmute")})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){const{playing:a,muted:s,controls:r,onReady:o,config:p,onError:f}=this.props;(0,c.getSDK)(M,W).then(m=>{p.customControls&&p.customControls.forEach(u=>m.defineControl(u)),window._wq=window._wq||[],window._wq.push({id:this.playerID,options:{autoPlay:a,silentAutoPlay:"allow",muted:s,controlsVisibleOnLoad:r,fullscreenButton:r,playbar:r,playbackRateControl:r,qualityControl:r,volumeControl:r,settingsControl:r,smallPlayButton:r,...p.options},onReady:u=>{this.player=u,this.unbind(),this.player.bind("play",this.onPlay),this.player.bind("pause",this.onPause),this.player.bind("seek",this.onSeek),this.player.bind("end",this.onEnded),this.player.bind("playbackratechange",this.onPlaybackRateChange),o()}})},f)}unbind(){this.player.unbind("play",this.onPlay),this.player.unbind("pause",this.onPause),this.player.unbind("seek",this.onSeek),this.player.unbind("end",this.onEnded),this.player.unbind("playbackratechange",this.onPlaybackRateChange)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){this.unbind(),this.callPlayer("remove")}seekTo(e,a=!0){this.callPlayer("time",e),a||this.pause()}setVolume(e){this.callPlayer("volume",e)}setPlaybackRate(e){this.callPlayer("playbackRate",e)}getDuration(){return this.callPlayer("duration")}getCurrentTime(){return this.callPlayer("time")}getSecondsLoaded(){return null}render(){const{url:e}=this.props,a=e&&e.match(b.MATCH_URL_WISTIA)[1],s=`wistia_embed wistia_async_${a}`,r={width:"100%",height:"100%"};return h.default.createElement("div",{id:this.playerID,key:a,className:s,style:r})}}n(l,"displayName","Wistia");n(l,"canPlay",b.canPlay.wistia);n(l,"loopOnEnded",!0);const A=g.getDefaultExportFromCjs(P),L=w({__proto__:null,default:A},[P]);exports.Wistia=L;

package/dist/{Wistia-dlV6n6tO.js → Wistia-w4jnqd7y.js}

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

package/dist/{YouTube-Cfsj4ZaP.cjs → YouTube-BAYKouHS.cjs}

@@ -1 +1 @@
-"use strict";const I=require("./_commonjsHelpers-DwTZ_eVU.cjs"),L=require("react"),v=require("./SearchSection-BcbHP6QF.cjs");function M(a,e){for(var t=0;t<e.length;t++){const o=e[t];if(typeof o!="string"&&!Array.isArray(o)){for(const r in o)if(r!=="default"&&!(r in a)){const n=Object.getOwnPropertyDescriptor(o,r);n&&Object.defineProperty(a,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}}return Object.freeze(Object.defineProperty(a,Symbol.toStringTag,{value:"Module"}))}var Y=Object.create,u=Object.defineProperty,j=Object.getOwnPropertyDescriptor,k=Object.getOwnPropertyNames,N=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty,B=(a,e,t)=>e in a?u(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,H=(a,e)=>{for(var t in e)u(a,t,{get:e[t],enumerable:!0})},S=(a,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of k(e))!V.call(a,r)&&r!==t&&u(a,r,{get:()=>e[r],enumerable:!(o=j(e,r))||o.enumerable});return a},K=(a,e,t)=>(t=a!=null?Y(N(a)):{},S(!a||!a.__esModule?u(t,"default",{value:a,enumerable:!0}):t,a)),F=a=>S(u({},"__esModule",{value:!0}),a),s=(a,e,t)=>(B(a,typeof e!="symbol"?e+"":e,t),t),w={};H(w,{default:()=>O});var D=F(w),b=K(L),c=v.utils,E=v.patterns;const x="https://www.youtube.com/iframe_api",T="YT",G="onYouTubeIframeAPIReady",f=/[?&](?:list|channel)=([a-zA-Z0-9_-]+)/,m=/user\/([a-zA-Z0-9_-]+)\/?/,q=/youtube-nocookie\.com/,z="https://www.youtube-nocookie.com";class O extends b.Component{constructor(){super(...arguments),s(this,"callPlayer",c.callPlayer),s(this,"parsePlaylist",e=>{if(e instanceof Array)return{listType:"playlist",playlist:e.map(this.getID).join(",")};if(f.test(e)){const[,t]=e.match(f);return{listType:"playlist",list:t.replace(/^UC/,"UU")}}if(m.test(e)){const[,t]=e.match(m);return{listType:"user_uploads",list:t}}return{}}),s(this,"onStateChange",e=>{const{data:t}=e,{onPlay:o,onPause:r,onBuffer:n,onBufferEnd:P,onEnded:_,onReady:g,loop:y,config:{playerVars:l,onUnstarted:h}}=this.props,{UNSTARTED:d,PLAYING:p,PAUSED:i,BUFFERING:A,ENDED:C,CUED:R}=window[T].PlayerState;if(t===d&&h(),t===p&&(o(),P()),t===i&&r(),t===A&&n(),t===C){const U=!!this.callPlayer("getPlaylist");y&&!U&&(l.start?this.seekTo(l.start):this.play()),_()}t===R&&g()}),s(this,"mute",()=>{this.callPlayer("mute")}),s(this,"unmute",()=>{this.callPlayer("unMute")}),s(this,"ref",e=>{this.container=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}getID(e){return!e||e instanceof Array||f.test(e)?null:e.match(E.MATCH_URL_YOUTUBE)[1]}load(e,t){const{playing:o,muted:r,playsinline:n,controls:P,loop:_,config:g,onError:y}=this.props,{playerVars:l,embedOptions:h}=g,d=this.getID(e);if(t){if(f.test(e)||m.test(e)||e instanceof Array){this.player.loadPlaylist(this.parsePlaylist(e));return}this.player.cueVideoById({videoId:d,startSeconds:(0,c.parseStartTime)(e)||l.start,endSeconds:(0,c.parseEndTime)(e)||l.end});return}(0,c.getSDK)(x,T,G,p=>p.loaded).then(p=>{this.container&&(this.player=new p.Player(this.container,{width:"100%",height:"100%",videoId:d,playerVars:{autoplay:o?1:0,mute:r?1:0,controls:P?1:0,start:(0,c.parseStartTime)(e),end:(0,c.parseEndTime)(e),origin:window.location.origin,playsinline:n?1:0,...this.parsePlaylist(e),...l},events:{onReady:()=>{_&&this.player.setLoop(!0),this.props.onReady()},onPlaybackRateChange:i=>this.props.onPlaybackRateChange(i.data),onPlaybackQualityChange:i=>this.props.onPlaybackQualityChange(i),onStateChange:this.onStateChange,onError:i=>y(i.data)},host:q.test(e)?z:void 0,...h}))},y),h.events&&console.warn("Using `embedOptions.events` will likely break things. Use ReactPlayer’s callback props instead, eg onReady, onPlay, onPause")}play(){this.callPlayer("playVideo")}pause(){this.callPlayer("pauseVideo")}stop(){document.body.contains(this.callPlayer("getIframe"))&&this.callPlayer("stopVideo")}seekTo(e,t=!1){this.callPlayer("seekTo",e),!t&&!this.props.playing&&this.pause()}setVolume(e){this.callPlayer("setVolume",e*100)}setPlaybackRate(e){this.callPlayer("setPlaybackRate",e)}setLoop(e){this.callPlayer("setLoop",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentTime")}getSecondsLoaded(){return this.callPlayer("getVideoLoadedFraction")*this.getDuration()}render(){const{display:e}=this.props,t={width:"100%",height:"100%",display:e};return b.default.createElement("div",{style:t},b.default.createElement("div",{ref:this.ref}))}}s(O,"displayName","YouTube");s(O,"canPlay",E.canPlay.youtube);const Q=I.getDefaultExportFromCjs(D),Z=M({__proto__:null,default:Q},[D]);exports.YouTube=Z;
+"use strict";const I=require("./_commonjsHelpers-DwTZ_eVU.cjs"),L=require("react"),v=require("./SearchSection-B94YN_6P.cjs");function M(a,e){for(var t=0;t<e.length;t++){const o=e[t];if(typeof o!="string"&&!Array.isArray(o)){for(const r in o)if(r!=="default"&&!(r in a)){const n=Object.getOwnPropertyDescriptor(o,r);n&&Object.defineProperty(a,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}}return Object.freeze(Object.defineProperty(a,Symbol.toStringTag,{value:"Module"}))}var Y=Object.create,u=Object.defineProperty,j=Object.getOwnPropertyDescriptor,k=Object.getOwnPropertyNames,N=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty,B=(a,e,t)=>e in a?u(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,H=(a,e)=>{for(var t in e)u(a,t,{get:e[t],enumerable:!0})},S=(a,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of k(e))!V.call(a,r)&&r!==t&&u(a,r,{get:()=>e[r],enumerable:!(o=j(e,r))||o.enumerable});return a},K=(a,e,t)=>(t=a!=null?Y(N(a)):{},S(!a||!a.__esModule?u(t,"default",{value:a,enumerable:!0}):t,a)),F=a=>S(u({},"__esModule",{value:!0}),a),s=(a,e,t)=>(B(a,typeof e!="symbol"?e+"":e,t),t),w={};H(w,{default:()=>O});var D=F(w),b=K(L),c=v.utils,E=v.patterns;const x="https://www.youtube.com/iframe_api",T="YT",G="onYouTubeIframeAPIReady",f=/[?&](?:list|channel)=([a-zA-Z0-9_-]+)/,m=/user\/([a-zA-Z0-9_-]+)\/?/,q=/youtube-nocookie\.com/,z="https://www.youtube-nocookie.com";class O extends b.Component{constructor(){super(...arguments),s(this,"callPlayer",c.callPlayer),s(this,"parsePlaylist",e=>{if(e instanceof Array)return{listType:"playlist",playlist:e.map(this.getID).join(",")};if(f.test(e)){const[,t]=e.match(f);return{listType:"playlist",list:t.replace(/^UC/,"UU")}}if(m.test(e)){const[,t]=e.match(m);return{listType:"user_uploads",list:t}}return{}}),s(this,"onStateChange",e=>{const{data:t}=e,{onPlay:o,onPause:r,onBuffer:n,onBufferEnd:P,onEnded:_,onReady:g,loop:y,config:{playerVars:l,onUnstarted:h}}=this.props,{UNSTARTED:d,PLAYING:p,PAUSED:i,BUFFERING:A,ENDED:C,CUED:R}=window[T].PlayerState;if(t===d&&h(),t===p&&(o(),P()),t===i&&r(),t===A&&n(),t===C){const U=!!this.callPlayer("getPlaylist");y&&!U&&(l.start?this.seekTo(l.start):this.play()),_()}t===R&&g()}),s(this,"mute",()=>{this.callPlayer("mute")}),s(this,"unmute",()=>{this.callPlayer("unMute")}),s(this,"ref",e=>{this.container=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}getID(e){return!e||e instanceof Array||f.test(e)?null:e.match(E.MATCH_URL_YOUTUBE)[1]}load(e,t){const{playing:o,muted:r,playsinline:n,controls:P,loop:_,config:g,onError:y}=this.props,{playerVars:l,embedOptions:h}=g,d=this.getID(e);if(t){if(f.test(e)||m.test(e)||e instanceof Array){this.player.loadPlaylist(this.parsePlaylist(e));return}this.player.cueVideoById({videoId:d,startSeconds:(0,c.parseStartTime)(e)||l.start,endSeconds:(0,c.parseEndTime)(e)||l.end});return}(0,c.getSDK)(x,T,G,p=>p.loaded).then(p=>{this.container&&(this.player=new p.Player(this.container,{width:"100%",height:"100%",videoId:d,playerVars:{autoplay:o?1:0,mute:r?1:0,controls:P?1:0,start:(0,c.parseStartTime)(e),end:(0,c.parseEndTime)(e),origin:window.location.origin,playsinline:n?1:0,...this.parsePlaylist(e),...l},events:{onReady:()=>{_&&this.player.setLoop(!0),this.props.onReady()},onPlaybackRateChange:i=>this.props.onPlaybackRateChange(i.data),onPlaybackQualityChange:i=>this.props.onPlaybackQualityChange(i),onStateChange:this.onStateChange,onError:i=>y(i.data)},host:q.test(e)?z:void 0,...h}))},y),h.events&&console.warn("Using `embedOptions.events` will likely break things. Use ReactPlayer’s callback props instead, eg onReady, onPlay, onPause")}play(){this.callPlayer("playVideo")}pause(){this.callPlayer("pauseVideo")}stop(){document.body.contains(this.callPlayer("getIframe"))&&this.callPlayer("stopVideo")}seekTo(e,t=!1){this.callPlayer("seekTo",e),!t&&!this.props.playing&&this.pause()}setVolume(e){this.callPlayer("setVolume",e*100)}setPlaybackRate(e){this.callPlayer("setPlaybackRate",e)}setLoop(e){this.callPlayer("setLoop",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentTime")}getSecondsLoaded(){return this.callPlayer("getVideoLoadedFraction")*this.getDuration()}render(){const{display:e}=this.props,t={width:"100%",height:"100%",display:e};return b.default.createElement("div",{style:t},b.default.createElement("div",{ref:this.ref}))}}s(O,"displayName","YouTube");s(O,"canPlay",E.canPlay.youtube);const Q=I.getDefaultExportFromCjs(D),Z=M({__proto__:null,default:Q},[D]);exports.YouTube=Z;

package/dist/{YouTube-DNJxWqRm.js → YouTube-BKyipPZx.js}

@@ -1,6 +1,6 @@
 import { g as U } from "./_commonjsHelpers-BkfeUUK-.js";
 import I from "react";
-import { u as L, p as M } from "./SearchSection-DDQ_K98T.js";
+import { u as L, p as M } from "./SearchSection-DAaMecR4.js";
 function Y(a, e) {
   for (var t = 0; t < e.length; t++) {
     const o = e[t];

package/dist/index-BdKi2ogu.js

@@ -0,0 +1,39 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useState as f, useMemo as m, useEffect as a, forwardRef as u, useRef as d } from "react";
+import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { u as I } from "./useUpdateEffect-CuYWz7EA.js";
+const w = (s) => {
+  const [r, t] = f(!1), e = m(
+    () => new IntersectionObserver(
+      ([n]) => t(n.isIntersecting)
+    ),
+    []
+  );
+  return a(() => (e.observe(s.current), () => {
+    e.disconnect();
+  }), [s, e]), r;
+}, h = p.div`
+  min-height: 1px;
+  ${(s) => s.isHorizontal === !0 ? "min-width: 1px; width: 1px;" : "width: 100%;"}
+`, E = u((s, r) => {
+  const {
+    onIsVisible: t = () => {
+    },
+    onIsNotVisible: e,
+    isHorizontal: n = !1,
+    className: c = ""
+  } = s, i = d(null), o = w(i);
+  return I(() => {
+    o ? t() : e == null || e();
+  }, [o]), /* @__PURE__ */ l(
+    h,
+    {
+      ref: i,
+      className: `scroller-element ${c}`,
+      isHorizontal: n
+    }
+  );
+});
+export {
+  E as I
+};

package/dist/index-CRk3vcd4.cjs

@@ -0,0 +1,95 @@
+"use strict";const l=require("react/jsx-runtime"),o=require("react"),D=require("./FlexBox.cjs"),T=require("./IconButton.cjs"),H=require("./ThemeProvider.cjs"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),A=require("./consts-goSZX3xP.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),O=require("./index-CX2A-q39.cjs"),W=require("./Button.cjs"),V=require("./Icon.cjs"),z=require("./utils-RnrgDDZP.cjs"),F=K.styled.div`
+  position: relative;
+  padding: ${e=>e.padding};
+
+  & button {
+    white-space: nowrap;
+  }
+
+  & .badge-button {
+    ${e=>e.showTimesBtn===!0&&"padding-left: 0.5rem; padding-right: 0.5rem;"}
+  }
+
+  & .gradient {
+    position: absolute;
+    top: 50%;
+    transform: translate(0, -50%);
+    z-index: 4;
+    transition: ${"0.3s"};
+    right: ${e=>e.noArrows!==!0?"6rem":"0"};
+    width: 2rem;
+    background: #fff;
+    height: 100%;
+    -webkit-mask-image: linear-gradient(to left, black 10%, transparent 50%);
+    mask-image: linear-gradient(to left, black 10%, transparent 50%);
+  }
+
+  & .scrollable-container {
+    max-width: -webkit-fill-available;
+    max-width: -moz-available; /* WebKit-based browsers will ignore this. */
+    max-width: fill-available;
+
+    ${e=>e.rightAlignArrows===!0&&e.noArrows!==!0&&"margin-right: 6rem"};
+    scroll-behavior: smooth;
+    overflow: hidden;
+    -webkit-overflow-scrolling: touch;
+    ::-webkit-scrollbar {
+      -webkit-appearance: none;
+    }
+    -ms-overflow-style: none;
+    /* Internet Explorer 10+ */
+    scrollbar-width: none;
+    /* Firefox */
+
+    &::-webkit-scrollbar {
+      display: none;
+      /* Safari and Chrome */
+    }
+
+    @media (max-width: ${A.MOBILE_SIZE_PX+"px"}) {
+      margin-right: 0;
+    }
+  }
+  & .scroll-arrow-right,
+  & .scroll-arrow-left {
+    position: absolute;
+    top: 50%;
+    transform: translate(0, -50%);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+
+    visibility: ${e=>e.arrowsVisibleOnHover===!1&&e.hasOverflow?"visible":"hidden"};
+    z-index: 4;
+    transition: ${"0.3s"};
+  }
+  & .scroll-arrow-right {
+    ${e=>e.rightAlignArrows===!0?"right: 0":"right: 0.7rem"};
+  }
+  & .scroll-arrow-left {
+    ${e=>e.rightAlignArrows===!0?"right: 2.625rem":"left: 0.7rem"};
+  }
+  & .scrollable-container:hover > .scroll-arrow-left,
+  & .scrollable-container:hover > .scroll-arrow-right {
+    visibility: ${e=>e.hasOverflow?"visible":"hidden"};
+  }
+
+  @media (max-width: ${A.MOBILE_SIZE_PX+"px"}) {
+    & .scrollable-container {
+      overflow: auto;
+    }
+    & .scroll-arrow-left,
+    & .scroll-arrow-right {
+      display: none;
+    }
+
+    & .gradient {
+      right: 0;
+    }
+
+    & .scrollable-container button:nth-of-type(3) {
+      ${e=>e.noMargin!==!0&&"margin-left: 1rem"};
+    }
+  }
+`,G=o.forwardRef(({columnGap:e="2rem",rowGap:w="1.25rem",scrollBySize:d=300,wrapForMobile:x=!1,wrap:i=!1,children:u,methodsRef:f,arrowsVisibleOnHover:v=!0,rightAlignArrows:p=!1,padding:b="0",showTimesBtn:h,noArrows:a,noGradient:y=!1,hideDisabledArrows:c=!1,noMargin:g=!1,...S},k)=>{const j=M.useDetectMobile(),{theme:r}=H.useTheme(),[s,N]=o.useState(!1),[m,I]=o.useState(!1),[C,q]=o.useState(!0),t=o.useRef(),$=()=>{var n;(n=t.current)==null||n.scrollBy(d,0)},E=()=>{var n;(n=t.current)==null||n.scrollBy(-d,0)},[B,L]=o.useState(!1);o.useEffect(()=>{var n,R;L(((n=t==null?void 0:t.current)==null?void 0:n.scrollWidth)>((R=t==null?void 0:t.current)==null?void 0:R.clientWidth))},[u]),o.useImperativeHandle(f,()=>({scrollToEnd(){_()},scrollLeft(){E()},scrollRight(){$()}}));const _=()=>{t.current.scrollLeft=t.current.scrollWidth};return l.jsx(F,{ref:k,arrowsVisibleOnHover:v,hasOverflow:B,noArrows:a,padding:b,rightAlignArrows:p,showTimesBtn:h,theme:r,noMargin:g,...S,children:l.jsxs(D,{ref:t,className:"scrollable-container",columnGap:e,rowGap:w,wrap:i||x&&j?"Wrap":"NoWrap",children:[a!==!0&&l.jsxs(l.Fragment,{children:[!(c===!0&&m===!0)&&l.jsx(T,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:m,icon:"angle-left",onClick:E}),!(c===!0&&s===!0)&&l.jsx(T,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:s,icon:"angle-right",onClick:$})]}),l.jsx(O.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{m===!0&&I(!1)},onIsVisible:()=>{m===!1&&I(!0)}}),u,l.jsx(O.InfiniteScrollEndElement,{className:"right-scroller",isHorizontal:!0,onIsNotVisible:()=>{s===!0&&N(!1),q(!0)},onIsVisible:()=>{s===!1&&N(!0),q(!1)}}),C&&B&&y!==!0&&l.jsx("div",{className:"gradient"})]})})}),P=o.forwardRef((e,w)=>{const{allButton:d=!0,items:x=[],selectedIds:i=[],onSelect:u=()=>{},onRemove:f=()=>{},onSelectAll:v=()=>{},className:p,showTimesBtn:b=!1,labelKey:h="label",valueKey:a="value",codeKey:y="code",uniqueKey:c,typeKey:g,productsToolbarName:S="All",...k}=e,j=(r,s)=>{i!=null&&i.includes(s)?f(r,s):u(r,s)};return l.jsxs(G,{ref:w,arrowsVisibleOnHover:!1,className:p,columnGap:"0.75rem",padding:"0.25rem 0",rightAlignArrows:!0,showTimesBtn:b,...k,children:[d&&l.jsx(W,{borderRadius:"curved",btnType:i.length===0?"filled":"tinted",className:"badge-button",color:"neutral",onClick:v,children:S}),x.map((r,s)=>l.jsxs(W,{borderRadius:"curved",btnType:i.includes(r.uuid)?"filled":"tinted",className:"badge-button",color:"neutral",onClick:()=>j(r,r[a]),children:[z.isDefined(r==null?void 0:r.icon)&&l.jsxs(l.Fragment,{children:[l.jsx("i",{className:r==null?void 0:r.icon})," "]}),r[h],b===!0&&l.jsx(V,{className:"times-btn",icon:"times",sizeInUnits:"0.75rem",onClick:()=>f(r[a],r[h],r[y],c?r[c]:null,g?r[g]:null)})]},s))]})});exports.SelectBar=P;

package/dist/index-CX2A-q39.cjs

@@ -0,0 +1,4 @@
+"use strict";const u=require("react/jsx-runtime"),s=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./useUpdateEffect-BtMgpgIV.cjs"),a=t=>{const[i,n]=s.useState(!1),e=s.useMemo(()=>new IntersectionObserver(([r])=>n(r.isIntersecting)),[]);return s.useEffect(()=>(e.observe(t.current),()=>{e.disconnect()}),[t,e]),i},m=f.styled.div`
+  min-height: 1px;
+  ${t=>t.isHorizontal===!0?"min-width: 1px; width: 1px;":"width: 100%;"}
+`,I=s.forwardRef((t,i)=>{const{onIsVisible:n=()=>{},onIsNotVisible:e,isHorizontal:r=!1,className:l=""}=t,c=s.useRef(null),o=a(c);return d.useUpdateEffect(()=>{o?n():e==null||e()},[o]),u.jsx(m,{ref:c,className:`scroller-element ${l}`,isHorizontal:r})});exports.InfiniteScrollEndElement=I;