@lanaco/lnc-react-ui 4.0.111 → 4.0.113

package/dist/SearchSection-xe0nvARV.js

@@ -0,0 +1,1214 @@
+import { jsx as c, jsxs as S } from "react/jsx-runtime";
+import Z, { forwardRef as q } from "react";
+import { P as b, p as Ze } from "./index-CblbdqjE.js";
+import qe from "./TextInput.js";
+import Ge from "./Icon.js";
+import Qe from "./Chip.js";
+import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as de } from "./consts-BuFChS64.js";
+import { a as et, c as z, g as tt } from "./_commonjsHelpers-BkfeUUK-.js";
+import { r as ye } from "./index-wlx30R-h.js";
+import { u as rt } from "./useDetectMobile-Bkvj0VMa.js";
+const at = G.div`
+  display: flex;
+  gap: 0.5rem;
+  align-content: center;
+
+  & .tags__item {
+    color: var(--neutral-600, #0f2a46);
+    background: var(--neutral-50, #eef2f5);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    padding: 0.5rem;
+
+    &:hover {
+      background: var(--gray-200, #e4e9f0);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${de + "px"}) {
+    width: 100%;
+    overflow-x: auto;
+    white-space: nowrap;
+
+    -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 */
+    }
+  }
+`, nt = G.div`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  max-width: 31.25rem;
+  max-height: 18.75rem;
+  border-radius: 1rem;
+
+  & .section__thumbnail {
+    width: 100%;
+    height: 100%;
+    max-width: 31.25rem;
+    max-height: 18.75rem;
+    border-radius: 1rem;
+  }
+
+  & .section__play {
+    position: absolute;
+  }
+`, K = q(
+  ({ tags: e = [], selectedTagCode: t = null, onSelectTag: r = () => {
+  } }, n) => /* @__PURE__ */ c(at, { children: e == null ? void 0 : e.map((a, o) => /* @__PURE__ */ c(
+    Qe,
+    {
+      label: a == null ? void 0 : a.name,
+      borderRadius: "curved",
+      color: "neutral",
+      className: `tags__item ${t === (a == null ? void 0 : a.code) ? "active" : ""}`,
+      onClick: () => {
+        r(a);
+      }
+    },
+    `search-section-tag__${o + 1}`
+  )) })
+);
+K.propTypes = {
+  tags: b.array,
+  onSelectTag: b.func
+};
+var ot = function(t, r, n) {
+  var a = document.head || document.getElementsByTagName("head")[0], o = document.createElement("script");
+  typeof r == "function" && (n = r, r = {}), r = r || {}, n = n || function() {
+  }, o.type = r.type || "text/javascript", o.charset = r.charset || "utf8", o.async = "async" in r ? !!r.async : !0, o.src = t, r.attrs && it(o, r.attrs), r.text && (o.text = "" + r.text);
+  var y = "onload" in o ? oe : st;
+  y(o, n), o.onload || oe(o, n), a.appendChild(o);
+};
+function it(e, t) {
+  for (var r in t)
+    e.setAttribute(r, t[r]);
+}
+function oe(e, t) {
+  e.onload = function() {
+    this.onerror = this.onload = null, t(null, e);
+  }, e.onerror = function() {
+    this.onerror = this.onload = null, t(new Error("Failed to load " + this.src), e);
+  };
+}
+function st(e, t) {
+  e.onreadystatechange = function() {
+    this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null, t(null, e));
+  };
+}
+var lt = function(t) {
+  return ct(t) && !ut(t);
+};
+function ct(e) {
+  return !!e && typeof e == "object";
+}
+function ut(e) {
+  var t = Object.prototype.toString.call(e);
+  return t === "[object RegExp]" || t === "[object Date]" || yt(e);
+}
+var pt = typeof Symbol == "function" && Symbol.for, dt = pt ? Symbol.for("react.element") : 60103;
+function yt(e) {
+  return e.$$typeof === dt;
+}
+function ft(e) {
+  return Array.isArray(e) ? [] : {};
+}
+function I(e, t) {
+  return t.clone !== !1 && t.isMergeableObject(e) ? E(ft(e), e, t) : e;
+}
+function ht(e, t, r) {
+  return e.concat(t).map(function(n) {
+    return I(n, r);
+  });
+}
+function mt(e, t) {
+  if (!t.customMerge)
+    return E;
+  var r = t.customMerge(e);
+  return typeof r == "function" ? r : E;
+}
+function _t(e) {
+  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(e).filter(function(t) {
+    return Object.propertyIsEnumerable.call(e, t);
+  }) : [];
+}
+function ie(e) {
+  return Object.keys(e).concat(_t(e));
+}
+function fe(e, t) {
+  try {
+    return t in e;
+  } catch {
+    return !1;
+  }
+}
+function gt(e, t) {
+  return fe(e, t) && !(Object.hasOwnProperty.call(e, t) && Object.propertyIsEnumerable.call(e, t));
+}
+function Pt(e, t, r) {
+  var n = {};
+  return r.isMergeableObject(e) && ie(e).forEach(function(a) {
+    n[a] = I(e[a], r);
+  }), ie(t).forEach(function(a) {
+    gt(e, a) || (fe(e, a) && r.isMergeableObject(t[a]) ? n[a] = mt(a, r)(e[a], t[a], r) : n[a] = I(t[a], r));
+  }), n;
+}
+function E(e, t, r) {
+  r = r || {}, r.arrayMerge = r.arrayMerge || ht, r.isMergeableObject = r.isMergeableObject || lt, r.cloneUnlessOtherwiseSpecified = I;
+  var n = Array.isArray(t), a = Array.isArray(e), o = n === a;
+  return o ? n ? r.arrayMerge(e, t, r) : Pt(e, t, r) : I(t, r);
+}
+E.all = function(t, r) {
+  if (!Array.isArray(t))
+    throw new Error("first argument should be an array");
+  return t.reduce(function(n, a) {
+    return E(n, a, r);
+  }, {});
+};
+var bt = E, he = bt, vt = Object.create, j = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, Ot = Object.getOwnPropertyNames, Tt = Object.getPrototypeOf, St = Object.prototype.hasOwnProperty, Ct = (e, t) => {
+  for (var r in t)
+    j(e, r, { get: t[r], enumerable: !0 });
+}, me = (e, t, r, n) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let a of Ot(t))
+      !St.call(e, a) && a !== r && j(e, a, { get: () => t[a], enumerable: !(n = wt(t, a)) || n.enumerable });
+  return e;
+}, Q = (e, t, r) => (r = e != null ? vt(Tt(e)) : {}, me(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !e || !e.__esModule ? j(r, "default", { value: e, enumerable: !0 }) : r,
+  e
+)), Et = (e) => me(j({}, "__esModule", { value: !0 }), e), _e = {};
+Ct(_e, {
+  callPlayer: () => Ft,
+  getConfig: () => zt,
+  getSDK: () => Ht,
+  isBlobUrl: () => Kt,
+  isMediaStream: () => Bt,
+  lazy: () => Rt,
+  omit: () => Vt,
+  parseEndTime: () => Dt,
+  parseStartTime: () => jt,
+  queryString: () => kt,
+  randomString: () => Ut,
+  supportsWebKitPresentationMode: () => Xt
+});
+var D = Et(_e), Mt = Q(Z), At = Q(ot), xt = Q(he);
+const Rt = (e) => Mt.default.lazy(async () => {
+  const t = await e();
+  return typeof t.default == "function" ? t : t.default;
+}), It = /[?&#](?:start|t)=([0-9hms]+)/, $t = /[?&#]end=([0-9hms]+)/, X = /(\d+)(h|m|s)/g, Lt = /^\d+$/;
+function ge(e, t) {
+  if (e instanceof Array)
+    return;
+  const r = e.match(t);
+  if (r) {
+    const n = r[1];
+    if (n.match(X))
+      return Nt(n);
+    if (Lt.test(n))
+      return parseInt(n);
+  }
+}
+function Nt(e) {
+  let t = 0, r = X.exec(e);
+  for (; r !== null; ) {
+    const [, n, a] = r;
+    a === "h" && (t += parseInt(n, 10) * 60 * 60), a === "m" && (t += parseInt(n, 10) * 60), a === "s" && (t += parseInt(n, 10)), r = X.exec(e);
+  }
+  return t;
+}
+function jt(e) {
+  return ge(e, It);
+}
+function Dt(e) {
+  return ge(e, $t);
+}
+function Ut() {
+  return Math.random().toString(36).substr(2, 5);
+}
+function kt(e) {
+  return Object.keys(e).map((t) => `${t}=${e[t]}`).join("&");
+}
+function V(e) {
+  return window[e] ? window[e] : window.exports && window.exports[e] ? window.exports[e] : window.module && window.module.exports && window.module.exports[e] ? window.module.exports[e] : null;
+}
+const O = {}, Ht = function(t, r, n = null, a = () => !0, o = At.default) {
+  const y = V(r);
+  return y && a(y) ? Promise.resolve(y) : new Promise((f, u) => {
+    if (O[t]) {
+      O[t].push({ resolve: f, reject: u });
+      return;
+    }
+    O[t] = [{ resolve: f, reject: u }];
+    const w = (v) => {
+      O[t].forEach((M) => M.resolve(v));
+    };
+    if (n) {
+      const v = window[n];
+      window[n] = function() {
+        v && v(), w(V(r));
+      };
+    }
+    o(t, (v) => {
+      v ? (O[t].forEach((M) => M.reject(v)), O[t] = null) : n || w(V(r));
+    });
+  });
+};
+function zt(e, t) {
+  return (0, xt.default)(t.config, e.config);
+}
+function Vt(e, ...t) {
+  const r = [].concat(...t), n = {}, a = Object.keys(e);
+  for (const o of a)
+    r.indexOf(o) === -1 && (n[o] = e[o]);
+  return n;
+}
+function Ft(e, ...t) {
+  if (!this.player || !this.player[e]) {
+    let r = `ReactPlayer: ${this.constructor.displayName} player could not call %c${e}%c – `;
+    return this.player ? this.player[e] || (r += "The method was not available") : r += "The player was not available", console.warn(r, "font-weight: bold", ""), null;
+  }
+  return this.player[e](...t);
+}
+function Bt(e) {
+  return typeof window < "u" && typeof window.MediaStream < "u" && e instanceof window.MediaStream;
+}
+function Kt(e) {
+  return /^blob:/.test(e);
+}
+function Xt(e = document.createElement("video")) {
+  const t = /iPhone|iPod/.test(navigator.userAgent) === !1;
+  return e.webkitSupportsPresentationMode && typeof e.webkitSetPresentationMode == "function" && t;
+}
+var ee = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, Yt = Object.getOwnPropertyNames, Jt = Object.prototype.hasOwnProperty, Zt = (e, t) => {
+  for (var r in t)
+    ee(e, r, { get: t[r], enumerable: !0 });
+}, qt = (e, t, r, n) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let a of Yt(t))
+      !Jt.call(e, a) && a !== r && ee(e, a, { get: () => t[a], enumerable: !(n = Wt(t, a)) || n.enumerable });
+  return e;
+}, Gt = (e) => qt(ee({}, "__esModule", { value: !0 }), e), Pe = {};
+Zt(Pe, {
+  AUDIO_EXTENSIONS: () => te,
+  DASH_EXTENSIONS: () => $e,
+  FLV_EXTENSIONS: () => Le,
+  HLS_EXTENSIONS: () => ae,
+  MATCH_URL_DAILYMOTION: () => Ae,
+  MATCH_URL_FACEBOOK: () => Oe,
+  MATCH_URL_FACEBOOK_WATCH: () => Te,
+  MATCH_URL_KALTURA: () => Ie,
+  MATCH_URL_MIXCLOUD: () => xe,
+  MATCH_URL_MUX: () => we,
+  MATCH_URL_SOUNDCLOUD: () => be,
+  MATCH_URL_STREAMABLE: () => Se,
+  MATCH_URL_TWITCH_CHANNEL: () => Me,
+  MATCH_URL_TWITCH_VIDEO: () => Ee,
+  MATCH_URL_VIDYARD: () => Re,
+  MATCH_URL_VIMEO: () => ve,
+  MATCH_URL_WISTIA: () => Ce,
+  MATCH_URL_YOUTUBE: () => W,
+  VIDEO_EXTENSIONS: () => re,
+  canPlay: () => er
+});
+var Qt = Gt(Pe), se = D;
+const W = /(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//, be = /(?:soundcloud\.com|snd\.sc)\/[^.]+$/, ve = /vimeo\.com\/(?!progressive_redirect).+/, we = /stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/, Oe = /^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/, Te = /^https?:\/\/fb\.watch\/.+$/, Se = /streamable\.com\/([a-z0-9]+)$/, Ce = /(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/, Ee = /(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/, Me = /(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/, Ae = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/, xe = /mixcloud\.com\/([^/]+\/[^/]+)/, Re = /vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/, Ie = /^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/, te = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i, re = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i, ae = /\.(m3u8)($|\?)/i, $e = /\.(mpd)($|\?)/i, Le = /\.(flv)($|\?)/i, Y = (e) => {
+  if (e instanceof Array) {
+    for (const t of e)
+      if (typeof t == "string" && Y(t) || Y(t.src))
+        return !0;
+    return !1;
+  }
+  return (0, se.isMediaStream)(e) || (0, se.isBlobUrl)(e) ? !0 : te.test(e) || re.test(e) || ae.test(e) || $e.test(e) || Le.test(e);
+}, er = {
+  youtube: (e) => e instanceof Array ? e.every((t) => W.test(t)) : W.test(e),
+  soundcloud: (e) => be.test(e) && !te.test(e),
+  vimeo: (e) => ve.test(e) && !re.test(e) && !ae.test(e),
+  mux: (e) => we.test(e),
+  facebook: (e) => Oe.test(e) || Te.test(e),
+  streamable: (e) => Se.test(e),
+  wistia: (e) => Ce.test(e),
+  twitch: (e) => Ee.test(e) || Me.test(e),
+  dailymotion: (e) => Ae.test(e),
+  mixcloud: (e) => xe.test(e),
+  vidyard: (e) => Re.test(e),
+  kaltura: (e) => Ie.test(e),
+  file: Y
+};
+var ne = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, rr = Object.getOwnPropertyNames, ar = Object.prototype.hasOwnProperty, nr = (e, t) => {
+  for (var r in t)
+    ne(e, r, { get: t[r], enumerable: !0 });
+}, or = (e, t, r, n) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let a of rr(t))
+      !ar.call(e, a) && a !== r && ne(e, a, { get: () => t[a], enumerable: !(n = tr(t, a)) || n.enumerable });
+  return e;
+}, ir = (e) => or(ne({}, "__esModule", { value: !0 }), e), Ne = {};
+nr(Ne, {
+  default: () => lr
+});
+var sr = ir(Ne), g = D, m = Qt, lr = [
+  {
+    key: "youtube",
+    name: "YouTube",
+    canPlay: m.canPlay.youtube,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerYouTube' */
+      "./YouTube-x5-hc3s6.js"
+    ).then((e) => e.Y))
+  },
+  {
+    key: "soundcloud",
+    name: "SoundCloud",
+    canPlay: m.canPlay.soundcloud,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerSoundCloud' */
+      "./SoundCloud-D85Da68L.js"
+    ).then((e) => e.S))
+  },
+  {
+    key: "vimeo",
+    name: "Vimeo",
+    canPlay: m.canPlay.vimeo,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerVimeo' */
+      "./Vimeo-23LnW4uS.js"
+    ).then((e) => e.V))
+  },
+  {
+    key: "mux",
+    name: "Mux",
+    canPlay: m.canPlay.mux,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerMux' */
+      "./Mux-D0MPDKkM.js"
+    ).then((e) => e.M))
+  },
+  {
+    key: "facebook",
+    name: "Facebook",
+    canPlay: m.canPlay.facebook,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerFacebook' */
+      "./Facebook-aEQQxj-r.js"
+    ).then((e) => e.F))
+  },
+  {
+    key: "streamable",
+    name: "Streamable",
+    canPlay: m.canPlay.streamable,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerStreamable' */
+      "./Streamable-Zj4FOeBP.js"
+    ).then((e) => e.S))
+  },
+  {
+    key: "wistia",
+    name: "Wistia",
+    canPlay: m.canPlay.wistia,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerWistia' */
+      "./Wistia-d2TQ3m-s.js"
+    ).then((e) => e.W))
+  },
+  {
+    key: "twitch",
+    name: "Twitch",
+    canPlay: m.canPlay.twitch,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerTwitch' */
+      "./Twitch-DC97YrR8.js"
+    ).then((e) => e.T))
+  },
+  {
+    key: "dailymotion",
+    name: "DailyMotion",
+    canPlay: m.canPlay.dailymotion,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerDailyMotion' */
+      "./DailyMotion-CUHIuSln.js"
+    ).then((e) => e.D))
+  },
+  {
+    key: "mixcloud",
+    name: "Mixcloud",
+    canPlay: m.canPlay.mixcloud,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerMixcloud' */
+      "./Mixcloud-Cfn28kqf.js"
+    ).then((e) => e.M))
+  },
+  {
+    key: "vidyard",
+    name: "Vidyard",
+    canPlay: m.canPlay.vidyard,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerVidyard' */
+      "./Vidyard-D9vYqvNv.js"
+    ).then((e) => e.V))
+  },
+  {
+    key: "kaltura",
+    name: "Kaltura",
+    canPlay: m.canPlay.kaltura,
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerKaltura' */
+      "./Kaltura-Dziqci9-.js"
+    ).then((e) => e.K))
+  },
+  {
+    key: "file",
+    name: "FilePlayer",
+    canPlay: m.canPlay.file,
+    canEnablePIP: (e) => m.canPlay.file(e) && (document.pictureInPictureEnabled || (0, g.supportsWebKitPresentationMode)()) && !m.AUDIO_EXTENSIONS.test(e),
+    lazyPlayer: (0, g.lazy)(() => import(
+      /* webpackChunkName: 'reactPlayerFilePlayer' */
+      "./FilePlayer-9FdL9kM0.js"
+    ).then((e) => e.F))
+  }
+], le = Number.isNaN || function(t) {
+  return typeof t == "number" && t !== t;
+};
+function cr(e, t) {
+  return !!(e === t || le(e) && le(t));
+}
+function ur(e, t) {
+  if (e.length !== t.length)
+    return !1;
+  for (var r = 0; r < e.length; r++)
+    if (!cr(e[r], t[r]))
+      return !1;
+  return !0;
+}
+function pr(e, t) {
+  t === void 0 && (t = ur);
+  var r, n = [], a, o = !1;
+  function y() {
+    for (var f = [], u = 0; u < arguments.length; u++)
+      f[u] = arguments[u];
+    return o && r === this && t(f, n) || (a = e.apply(this, f), o = !0, r = this, n = f), a;
+  }
+  return y;
+}
+const dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: pr
+}, Symbol.toStringTag, { value: "Module" })), yr = /* @__PURE__ */ et(dr);
+var fr = Object.create, U = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, mr = Object.getOwnPropertyNames, _r = Object.getPrototypeOf, gr = Object.prototype.hasOwnProperty, Pr = (e, t) => {
+  for (var r in t)
+    U(e, r, { get: t[r], enumerable: !0 });
+}, je = (e, t, r, n) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let a of mr(t))
+      !gr.call(e, a) && a !== r && U(e, a, { get: () => t[a], enumerable: !(n = hr(t, a)) || n.enumerable });
+  return e;
+}, br = (e, t, r) => (r = e != null ? fr(_r(e)) : {}, je(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !e || !e.__esModule ? U(r, "default", { value: e, enumerable: !0 }) : r,
+  e
+)), vr = (e) => je(U({}, "__esModule", { value: !0 }), e), De = {};
+Pr(De, {
+  defaultProps: () => Tr,
+  propTypes: () => Or
+});
+var Ue = vr(De), wr = br(Ze);
+const { string: p, bool: _, number: T, array: F, oneOfType: A, shape: P, object: h, func: l, node: ce } = wr.default, Or = {
+  url: A([p, F, h]),
+  playing: _,
+  loop: _,
+  controls: _,
+  volume: T,
+  muted: _,
+  playbackRate: T,
+  width: A([p, T]),
+  height: A([p, T]),
+  style: h,
+  progressInterval: T,
+  playsinline: _,
+  pip: _,
+  stopOnUnmount: _,
+  light: A([_, p, h]),
+  playIcon: ce,
+  previewTabIndex: T,
+  previewAriaLabel: p,
+  fallback: ce,
+  oEmbedUrl: p,
+  wrapper: A([
+    p,
+    l,
+    P({ render: l.isRequired })
+  ]),
+  config: P({
+    soundcloud: P({
+      options: h
+    }),
+    youtube: P({
+      playerVars: h,
+      embedOptions: h,
+      onUnstarted: l
+    }),
+    facebook: P({
+      appId: p,
+      version: p,
+      playerId: p,
+      attributes: h
+    }),
+    dailymotion: P({
+      params: h
+    }),
+    vimeo: P({
+      playerOptions: h,
+      title: p
+    }),
+    mux: P({
+      attributes: h,
+      version: p
+    }),
+    file: P({
+      attributes: h,
+      tracks: F,
+      forceVideo: _,
+      forceAudio: _,
+      forceHLS: _,
+      forceSafariHLS: _,
+      forceDisableHls: _,
+      forceDASH: _,
+      forceFLV: _,
+      hlsOptions: h,
+      hlsVersion: p,
+      dashVersion: p,
+      flvVersion: p
+    }),
+    wistia: P({
+      options: h,
+      playerId: p,
+      customControls: F
+    }),
+    mixcloud: P({
+      options: h
+    }),
+    twitch: P({
+      options: h,
+      playerId: p
+    }),
+    vidyard: P({
+      options: h
+    })
+  }),
+  onReady: l,
+  onStart: l,
+  onPlay: l,
+  onPause: l,
+  onBuffer: l,
+  onBufferEnd: l,
+  onEnded: l,
+  onError: l,
+  onDuration: l,
+  onSeek: l,
+  onPlaybackRateChange: l,
+  onPlaybackQualityChange: l,
+  onProgress: l,
+  onClickPreview: l,
+  onEnablePIP: l,
+  onDisablePIP: l
+}, d = () => {
+}, Tr = {
+  playing: !1,
+  loop: !1,
+  controls: !1,
+  volume: null,
+  muted: !1,
+  playbackRate: 1,
+  width: "640px",
+  height: "360px",
+  style: {},
+  progressInterval: 1e3,
+  playsinline: !1,
+  pip: !1,
+  stopOnUnmount: !0,
+  light: !1,
+  fallback: null,
+  wrapper: "div",
+  previewTabIndex: 0,
+  previewAriaLabel: "",
+  oEmbedUrl: "https://noembed.com/embed?url={url}",
+  config: {
+    soundcloud: {
+      options: {
+        visual: !0,
+        // Undocumented, but makes player fill container and look better
+        buying: !1,
+        liking: !1,
+        download: !1,
+        sharing: !1,
+        show_comments: !1,
+        show_playcount: !1
+      }
+    },
+    youtube: {
+      playerVars: {
+        playsinline: 1,
+        showinfo: 0,
+        rel: 0,
+        iv_load_policy: 3,
+        modestbranding: 1
+      },
+      embedOptions: {},
+      onUnstarted: d
+    },
+    facebook: {
+      appId: "1309697205772819",
+      version: "v3.3",
+      playerId: null,
+      attributes: {}
+    },
+    dailymotion: {
+      params: {
+        api: 1,
+        "endscreen-enable": !1
+      }
+    },
+    vimeo: {
+      playerOptions: {
+        autopause: !1,
+        byline: !1,
+        portrait: !1,
+        title: !1
+      },
+      title: null
+    },
+    mux: {
+      attributes: {},
+      version: "2"
+    },
+    file: {
+      attributes: {},
+      tracks: [],
+      forceVideo: !1,
+      forceAudio: !1,
+      forceHLS: !1,
+      forceDASH: !1,
+      forceFLV: !1,
+      hlsOptions: {},
+      hlsVersion: "1.1.4",
+      dashVersion: "3.1.3",
+      flvVersion: "1.5.0",
+      forceDisableHls: !1
+    },
+    wistia: {
+      options: {},
+      playerId: null,
+      customControls: null
+    },
+    mixcloud: {
+      options: {
+        hide_cover: 1
+      }
+    },
+    twitch: {
+      options: {},
+      playerId: null
+    },
+    vidyard: {
+      options: {}
+    }
+  },
+  onReady: d,
+  onStart: d,
+  onPlay: d,
+  onPause: d,
+  onBuffer: d,
+  onBufferEnd: d,
+  onEnded: d,
+  onError: d,
+  onDuration: d,
+  onSeek: d,
+  onPlaybackRateChange: d,
+  onPlaybackQualityChange: d,
+  onProgress: d,
+  onClickPreview: d,
+  onEnablePIP: d,
+  onDisablePIP: d
+};
+var Sr = Object.create, $ = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Er = Object.getOwnPropertyNames, Mr = Object.getPrototypeOf, Ar = Object.prototype.hasOwnProperty, xr = (e, t, r) => t in e ? $(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Rr = (e, t) => {
+  for (var r in t)
+    $(e, r, { get: t[r], enumerable: !0 });
+}, ke = (e, t, r, n) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let a of Er(t))
+      !Ar.call(e, a) && a !== r && $(e, a, { get: () => t[a], enumerable: !(n = Cr(t, a)) || n.enumerable });
+  return e;
+}, He = (e, t, r) => (r = e != null ? Sr(Mr(e)) : {}, ke(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !e || !e.__esModule ? $(r, "default", { value: e, enumerable: !0 }) : r,
+  e
+)), Ir = (e) => ke($({}, "__esModule", { value: !0 }), e), s = (e, t, r) => (xr(e, typeof t != "symbol" ? t + "" : t, r), r), ze = {};
+Rr(ze, {
+  default: () => k
+});
+var $r = Ir(ze), ue = He(Z), Lr = He(ye), Ve = Ue, Nr = D;
+const jr = 5e3;
+class k extends ue.Component {
+  constructor() {
+    super(...arguments), s(this, "mounted", !1), s(this, "isReady", !1), s(this, "isPlaying", !1), s(this, "isLoading", !0), s(this, "loadOnReady", null), s(this, "startOnPlay", !0), s(this, "seekOnPlay", null), s(this, "onDurationCalled", !1), s(this, "handlePlayerMount", (t) => {
+      if (this.player) {
+        this.progress();
+        return;
+      }
+      this.player = t, this.player.load(this.props.url), this.progress();
+    }), s(this, "getInternalPlayer", (t) => this.player ? this.player[t] : null), s(this, "progress", () => {
+      if (this.props.url && this.player && this.isReady) {
+        const t = this.getCurrentTime() || 0, r = this.getSecondsLoaded(), n = this.getDuration();
+        if (n) {
+          const a = {
+            playedSeconds: t,
+            played: t / n
+          };
+          r !== null && (a.loadedSeconds = r, a.loaded = r / n), (a.playedSeconds !== this.prevPlayed || a.loadedSeconds !== this.prevLoaded) && this.props.onProgress(a), this.prevPlayed = a.playedSeconds, this.prevLoaded = a.loadedSeconds;
+        }
+      }
+      this.progressTimeout = setTimeout(this.progress, this.props.progressFrequency || this.props.progressInterval);
+    }), s(this, "handleReady", () => {
+      if (!this.mounted)
+        return;
+      this.isReady = !0, this.isLoading = !1;
+      const { onReady: t, playing: r, volume: n, muted: a } = this.props;
+      t(), !a && n !== null && this.player.setVolume(n), this.loadOnReady ? (this.player.load(this.loadOnReady, !0), this.loadOnReady = null) : r && this.player.play(), this.handleDurationCheck();
+    }), s(this, "handlePlay", () => {
+      this.isPlaying = !0, this.isLoading = !1;
+      const { onStart: t, onPlay: r, playbackRate: n } = this.props;
+      this.startOnPlay && (this.player.setPlaybackRate && n !== 1 && this.player.setPlaybackRate(n), t(), this.startOnPlay = !1), r(), this.seekOnPlay && (this.seekTo(this.seekOnPlay), this.seekOnPlay = null), this.handleDurationCheck();
+    }), s(this, "handlePause", (t) => {
+      this.isPlaying = !1, this.isLoading || this.props.onPause(t);
+    }), s(this, "handleEnded", () => {
+      const { activePlayer: t, loop: r, onEnded: n } = this.props;
+      t.loopOnEnded && r && this.seekTo(0), r || (this.isPlaying = !1, n());
+    }), s(this, "handleError", (...t) => {
+      this.isLoading = !1, this.props.onError(...t);
+    }), s(this, "handleDurationCheck", () => {
+      clearTimeout(this.durationCheckTimeout);
+      const t = this.getDuration();
+      t ? this.onDurationCalled || (this.props.onDuration(t), this.onDurationCalled = !0) : this.durationCheckTimeout = setTimeout(this.handleDurationCheck, 100);
+    }), s(this, "handleLoaded", () => {
+      this.isLoading = !1;
+    });
+  }
+  componentDidMount() {
+    this.mounted = !0;
+  }
+  componentWillUnmount() {
+    clearTimeout(this.progressTimeout), clearTimeout(this.durationCheckTimeout), this.isReady && this.props.stopOnUnmount && (this.player.stop(), this.player.disablePIP && this.player.disablePIP()), this.mounted = !1;
+  }
+  componentDidUpdate(t) {
+    if (!this.player)
+      return;
+    const { url: r, playing: n, volume: a, muted: o, playbackRate: y, pip: f, loop: u, activePlayer: w, disableDeferredLoading: v } = this.props;
+    if (!(0, Lr.default)(t.url, r)) {
+      if (this.isLoading && !w.forceLoad && !v && !(0, Nr.isMediaStream)(r)) {
+        console.warn(`ReactPlayer: the attempt to load ${r} is being deferred until the player has loaded`), this.loadOnReady = r;
+        return;
+      }
+      this.isLoading = !0, this.startOnPlay = !0, this.onDurationCalled = !1, this.player.load(r, this.isReady);
+    }
+    !t.playing && n && !this.isPlaying && this.player.play(), t.playing && !n && this.isPlaying && this.player.pause(), !t.pip && f && this.player.enablePIP && this.player.enablePIP(), t.pip && !f && this.player.disablePIP && this.player.disablePIP(), t.volume !== a && a !== null && this.player.setVolume(a), t.muted !== o && (o ? this.player.mute() : (this.player.unmute(), a !== null && setTimeout(() => this.player.setVolume(a)))), t.playbackRate !== y && this.player.setPlaybackRate && this.player.setPlaybackRate(y), t.loop !== u && this.player.setLoop && this.player.setLoop(u);
+  }
+  getDuration() {
+    return this.isReady ? this.player.getDuration() : null;
+  }
+  getCurrentTime() {
+    return this.isReady ? this.player.getCurrentTime() : null;
+  }
+  getSecondsLoaded() {
+    return this.isReady ? this.player.getSecondsLoaded() : null;
+  }
+  seekTo(t, r, n) {
+    if (!this.isReady) {
+      t !== 0 && (this.seekOnPlay = t, setTimeout(() => {
+        this.seekOnPlay = null;
+      }, jr));
+      return;
+    }
+    if (r ? r === "fraction" : t > 0 && t < 1) {
+      const o = this.player.getDuration();
+      if (!o) {
+        console.warn("ReactPlayer: could not seek using fraction – duration not yet available");
+        return;
+      }
+      this.player.seekTo(o * t, n);
+      return;
+    }
+    this.player.seekTo(t, n);
+  }
+  render() {
+    const t = this.props.activePlayer;
+    return t ? /* @__PURE__ */ ue.default.createElement(
+      t,
+      {
+        ...this.props,
+        onMount: this.handlePlayerMount,
+        onReady: this.handleReady,
+        onPlay: this.handlePlay,
+        onPause: this.handlePause,
+        onEnded: this.handleEnded,
+        onLoaded: this.handleLoaded,
+        onError: this.handleError
+      }
+    ) : null;
+  }
+}
+s(k, "displayName", "Player");
+s(k, "propTypes", Ve.propTypes);
+s(k, "defaultProps", Ve.defaultProps);
+var Dr = Object.create, L = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, kr = Object.getOwnPropertyNames, Hr = Object.getPrototypeOf, zr = Object.prototype.hasOwnProperty, Vr = (e, t, r) => t in e ? L(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Fr = (e, t) => {
+  for (var r in t)
+    L(e, r, { get: t[r], enumerable: !0 });
+}, Fe = (e, t, r, n) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let a of kr(t))
+      !zr.call(e, a) && a !== r && L(e, a, { get: () => t[a], enumerable: !(n = Ur(t, a)) || n.enumerable });
+  return e;
+}, N = (e, t, r) => (r = e != null ? Dr(Hr(e)) : {}, Fe(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !e || !e.__esModule ? L(r, "default", { value: e, enumerable: !0 }) : r,
+  e
+)), Br = (e) => Fe(L({}, "__esModule", { value: !0 }), e), i = (e, t, r) => (Vr(e, typeof t != "symbol" ? t + "" : t, r), r), Be = {};
+Fr(Be, {
+  createReactPlayer: () => Qr
+});
+var Kr = Br(Be), C = N(Z), Xr = N(he), B = N(yr), pe = N(ye), R = Ue, Ke = D, Wr = N($r);
+const Yr = (0, Ke.lazy)(() => import(
+  /* webpackChunkName: 'reactPlayerPreview' */
+  "./Preview-CO6WSP5f.js"
+).then((e) => e.P)), Jr = typeof window < "u" && window.document && typeof document < "u", Zr = typeof z < "u" && z.window && z.window.document, qr = Object.keys(R.propTypes), Gr = Jr || Zr ? C.Suspense : () => null, x = [], Qr = (e, t) => {
+  var r;
+  return r = class extends C.Component {
+    constructor() {
+      super(...arguments), i(this, "state", {
+        showPreview: !!this.props.light
+      }), i(this, "references", {
+        wrapper: (n) => {
+          this.wrapper = n;
+        },
+        player: (n) => {
+          this.player = n;
+        }
+      }), i(this, "handleClickPreview", (n) => {
+        this.setState({ showPreview: !1 }), this.props.onClickPreview(n);
+      }), i(this, "showPreview", () => {
+        this.setState({ showPreview: !0 });
+      }), i(this, "getDuration", () => this.player ? this.player.getDuration() : null), i(this, "getCurrentTime", () => this.player ? this.player.getCurrentTime() : null), i(this, "getSecondsLoaded", () => this.player ? this.player.getSecondsLoaded() : null), i(this, "getInternalPlayer", (n = "player") => this.player ? this.player.getInternalPlayer(n) : null), i(this, "seekTo", (n, a, o) => {
+        if (!this.player)
+          return null;
+        this.player.seekTo(n, a, o);
+      }), i(this, "handleReady", () => {
+        this.props.onReady(this);
+      }), i(this, "getActivePlayer", (0, B.default)((n) => {
+        for (const a of [...x, ...e])
+          if (a.canPlay(n))
+            return a;
+        return t || null;
+      })), i(this, "getConfig", (0, B.default)((n, a) => {
+        const { config: o } = this.props;
+        return Xr.default.all([
+          R.defaultProps.config,
+          R.defaultProps.config[a] || {},
+          o,
+          o[a] || {}
+        ]);
+      })), i(this, "getAttributes", (0, B.default)((n) => (0, Ke.omit)(this.props, qr))), i(this, "renderActivePlayer", (n) => {
+        if (!n)
+          return null;
+        const a = this.getActivePlayer(n);
+        if (!a)
+          return null;
+        const o = this.getConfig(n, a.key);
+        return /* @__PURE__ */ C.default.createElement(
+          Wr.default,
+          {
+            ...this.props,
+            key: a.key,
+            ref: this.references.player,
+            config: o,
+            activePlayer: a.lazyPlayer || a,
+            onReady: this.handleReady
+          }
+        );
+      });
+    }
+    shouldComponentUpdate(n, a) {
+      return !(0, pe.default)(this.props, n) || !(0, pe.default)(this.state, a);
+    }
+    componentDidUpdate(n) {
+      const { light: a } = this.props;
+      !n.light && a && this.setState({ showPreview: !0 }), n.light && !a && this.setState({ showPreview: !1 });
+    }
+    renderPreview(n) {
+      if (!n)
+        return null;
+      const { light: a, playIcon: o, previewTabIndex: y, oEmbedUrl: f, previewAriaLabel: u } = this.props;
+      return /* @__PURE__ */ C.default.createElement(
+        Yr,
+        {
+          url: n,
+          light: a,
+          playIcon: o,
+          previewTabIndex: y,
+          previewAriaLabel: u,
+          oEmbedUrl: f,
+          onClick: this.handleClickPreview
+        }
+      );
+    }
+    render() {
+      const { url: n, style: a, width: o, height: y, fallback: f, wrapper: u } = this.props, { showPreview: w } = this.state, v = this.getAttributes(n), M = typeof u == "string" ? this.references.wrapper : void 0;
+      return /* @__PURE__ */ C.default.createElement(u, { ref: M, style: { ...a, width: o, height: y }, ...v }, /* @__PURE__ */ C.default.createElement(Gr, { fallback: f }, w ? this.renderPreview(n) : this.renderActivePlayer(n)));
+    }
+  }, i(r, "displayName", "ReactPlayer"), i(r, "propTypes", R.propTypes), i(r, "defaultProps", R.defaultProps), i(r, "addCustomPlayer", (n) => {
+    x.push(n);
+  }), i(r, "removeCustomPlayers", () => {
+    x.length = 0;
+  }), i(r, "canPlay", (n) => {
+    for (const a of [...x, ...e])
+      if (a.canPlay(n))
+        return !0;
+    return !1;
+  }), i(r, "canEnablePIP", (n) => {
+    for (const a of [...x, ...e])
+      if (a.canEnablePIP && a.canEnablePIP(n))
+        return !0;
+    return !1;
+  }), r;
+};
+var ea = Object.create, H = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, ra = Object.getOwnPropertyNames, aa = Object.getPrototypeOf, na = Object.prototype.hasOwnProperty, oa = (e, t) => {
+  for (var r in t)
+    H(e, r, { get: t[r], enumerable: !0 });
+}, Xe = (e, t, r, n) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let a of ra(t))
+      !na.call(e, a) && a !== r && H(e, a, { get: () => t[a], enumerable: !(n = ta(t, a)) || n.enumerable });
+  return e;
+}, ia = (e, t, r) => (r = e != null ? ea(aa(e)) : {}, Xe(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !e || !e.__esModule ? H(r, "default", { value: e, enumerable: !0 }) : r,
+  e
+)), sa = (e) => Xe(H({}, "__esModule", { value: !0 }), e), We = {};
+oa(We, {
+  default: () => pa
+});
+var la = sa(We), J = ia(sr), ca = Kr;
+const ua = J.default[J.default.length - 1];
+var pa = (0, ca.createReactPlayer)(J.default, ua);
+const da = /* @__PURE__ */ tt(la), ya = "data:image/svg+xml,%3csvg%20width='65'%20height='65'%20viewBox='0%200%2065%2065'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.253906'%20y='0.5'%20width='64'%20height='64'%20rx='32'%20fill='url(%23paint0_linear_59350_95007)'/%3e%3cpath%20d='M21.0039%2047.5001C20.6724%2047.5001%2020.3544%2047.3684%2020.12%2047.134C19.8856%2046.8996%2019.7539%2046.5816%2019.7539%2046.2501V18.7501C19.7539%2018.5329%2019.8105%2018.3194%2019.9181%2018.1307C20.0257%2017.942%2020.1807%2017.7846%2020.3677%2017.674C20.5546%2017.5635%2020.7672%2017.5035%2020.9844%2017.5002C21.2016%2017.4968%2021.4159%2017.55%2021.6063%2017.6547L46.6063%2031.4047C46.8024%2031.5126%2046.966%2031.6711%2047.0799%2031.8638C47.1939%2032.0565%2047.254%2032.2762%2047.254%2032.5C47.254%2032.7239%2047.1939%2032.9436%2047.0799%2033.1363C46.966%2033.3289%2046.8024%2033.4875%2046.6063%2033.5953L21.6063%2047.3453C21.4217%2047.4468%2021.2145%2047.5001%2021.0039%2047.5001Z'%20fill='white'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_59350_95007'%20x1='32.2539'%20y1='64.5'%20x2='32.254'%20y2='0.499999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF7621'/%3e%3cstop%20offset='1'%20stop-color='%23FF9706'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", Ye = ({ thumbnail: e }) => /* @__PURE__ */ S(nt, { children: [
+  /* @__PURE__ */ c("img", { src: e, className: "section__thumbnail", alt: "Thumbnail" }),
+  /* @__PURE__ */ c("img", { src: ya, className: "section__play", alt: "Play" })
+] }), Je = q(({ video: e, thumbnail: t }, r) => {
+  const n = rt();
+  return /* @__PURE__ */ c(
+    da,
+    {
+      url: e,
+      playing: !0,
+      controls: !0,
+      width: n ? "100%" : "31.25rem",
+      height: n ? "100%" : "18.75rem",
+      light: !0,
+      playIcon: /* @__PURE__ */ c(Ye, { thumbnail: t })
+    }
+  );
+});
+Ye.propTypes = {
+  thumbnail: b.string
+};
+Je.propTypes = {
+  video: b.string,
+  thumbnail: b.string
+};
+const fa = G.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  & .section__left {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+
+    &.search {
+      gap: 0.75rem;
+    }
+
+    & .section__title {
+      color: var(--gray-900, #0c1520);
+      font-size: 1.75rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2.25rem;
+      letter-spacing: -0.0369rem;
+    }
+
+    & .section__text-input {
+      border-radius: 999px;
+      height: 3rem;
+      min-height: 3rem;
+      border: 1px solid var(--gray-200, #e4e9f0);
+      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+      outline: none;
+
+      & input::placeholder {
+        color: var(--gray-500, #7a8594);
+        font-size: 0.875rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1.25rem;
+        letter-spacing: 0.0156rem;
+      }
+
+      & .section__prefix {
+        color: var(--gray-500, #7a8594);
+      }
+    }
+
+    & .section__description {
+      color: var(--gray-500, #7a8594);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+      letter-spacing: -0.0112rem;
+    }
+
+    & .section__tags {
+      display: flex;
+      align-items: center;
+      gap: 1.25rem;
+
+      & .section__suggested {
+        color: var(--neutral-900, #0c1520);
+        font-size: 0.75rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1rem;
+        letter-spacing: 0.025rem;
+      }
+    }
+  }
+
+  & .section__right {
+    & video {
+      border-radius: 1rem;
+      overflow: hidden;
+      object-fit: cover;
+    }
+  }
+
+  @media (max-width: ${de + "px"}) {
+    flex-direction: column;
+    gap: 1.5rem;
+
+    & .section__left {
+      width: 100%;
+      text-align: center;
+
+      & .section__suggested {
+        display: none;
+      }
+    }
+
+    & .section__text-input {
+      width: 100%;
+    }
+  }
+`, ha = q(
+  ({
+    title: e,
+    description: t,
+    suggestedText: r,
+    searchPlaceholderText: n,
+    tags: a = [],
+    includeSearch: o = !1,
+    video: y,
+    thumbnail: f
+  }, u) => /* @__PURE__ */ S(fa, { ref: u, children: [
+    o ? /* @__PURE__ */ S("div", { className: "section__left search", children: [
+      /* @__PURE__ */ c("div", { children: e && /* @__PURE__ */ c("div", { className: "section__title", children: e }) }),
+      /* @__PURE__ */ c(
+        qe,
+        {
+          className: "section__text-input",
+          placeholder: n,
+          prefix: /* @__PURE__ */ c(
+            Ge,
+            {
+              icon: " mng-lnc-search",
+              sizeInUnits: "1.25rem",
+              className: "section__prefix"
+            }
+          ),
+          color: "neutral"
+        }
+      ),
+      /* @__PURE__ */ S("div", { className: "section__tags", children: [
+        /* @__PURE__ */ c("div", { className: "section__suggested", children: r }),
+        /* @__PURE__ */ c(K, { tags: a })
+      ] })
+    ] }) : /* @__PURE__ */ S("div", { className: "section__left", children: [
+      /* @__PURE__ */ S("div", { children: [
+        e && /* @__PURE__ */ c("div", { className: "section__title", children: e }),
+        t && /* @__PURE__ */ c("div", { className: "section__description", children: t })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "section__tags", children: /* @__PURE__ */ c(K, { tags: a }) })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "section__right", children: /* @__PURE__ */ c(Je, { video: y, thumbnail: f }) })
+  ] })
+);
+ha.propTypes = {
+  title: b.string,
+  description: b.string,
+  suggestedText: b.string,
+  searchPlaceholderText: b.string,
+  tags: b.array,
+  includeSearch: b.bool,
+  video: b.string,
+  thumbnail: b.string
+};
+export {
+  ha as S,
+  Qt as p,
+  D as u
+};