@lanaco/lnc-react-ui 4.0.199 → 4.0.200

package/dist/ToggleSection.js

@@ -1,12 +1,11 @@
-import { jsx as r, jsxs as d, Fragment as b } from "react/jsx-runtime";
-import { forwardRef as u, useState as v, useMemo as S } from "react";
-import { P as x } from "./index-CblbdqjE.js";
-import C from "./Chip.js";
+import { jsx as r, jsxs as s, Fragment as w } from "react/jsx-runtime";
+import { forwardRef as x, useState as u, useMemo as y } from "react";
+import b from "./Chip.js";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as h } from "./consts-BuFChS64.js";
-import { u as N } from "./useDetectMobile-Bkvj0VMa.js";
-import w from "./Button.js";
-const $ = f.div`
+import { u as S } from "./useDetectMobile-Bkvj0VMa.js";
+import v from "./Button.js";
+const N = f.div`
   display: flex;
 
   border: 1px solid var(--gray-200, #e4e9f0);
@@ -73,7 +72,7 @@ const $ = f.div`
       width: 100%;
     }
   }
-`, O = f.div`
+`, C = f.div`
   display: flex;
   gap: 1.25rem;
   flex-wrap: wrap;
@@ -102,7 +101,7 @@ const $ = f.div`
       display: none;
     }
   }
-`, k = f.a`
+`, $ = f.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -202,53 +201,47 @@ const $ = f.div`
       }
     }
   }
-`, y = u(
-  ({ options: t = [], selectedOptionCode: o = null, onSelectOption: a = () => {
-  } }, l) => /* @__PURE__ */ r($, { ref: l, children: t == null ? void 0 : t.map((c, n) => /* @__PURE__ */ r(
-    C,
+`, k = x(
+  ({ options: t = [], selectedOptionCode: a = null, onSelectOption: o = () => {
+  } }, l) => /* @__PURE__ */ r(N, { ref: l, children: t == null ? void 0 : t.map((c, n) => /* @__PURE__ */ r(
+    b,
     {
       label: c,
       borderRadius: "curved",
       color: "neutral",
-      className: `options__item ${o === n ? "active" : ""}`,
+      className: `options__item ${a === n ? "active" : ""}`,
       onClick: () => {
-        a(n);
+        o(n);
       }
     },
     `toggle-section-tag__${n + 1}`
   )) })
-);
-y.propTypes = {
-  options: x.array,
-  selectedOptionCode: x.any,
-  onSelectOption: x.func
-};
-const z = ({
+), z = ({
   title: t,
-  description: o,
-  image: a,
+  description: a,
+  image: o,
   learnMoreText: l,
   onSelectItem: c = () => {
   },
   LinkComponent: n,
-  link: s
-}) => /* @__PURE__ */ d(
-  k,
+  link: d
+}) => /* @__PURE__ */ s(
+  $,
   {
     onClick: c,
     as: n || "a",
-    ...n ? { to: `/${s}` } : { href: `/${s}` },
+    ...n ? { to: `/${d}` } : { href: `/${d}` },
     children: [
-      /* @__PURE__ */ d("div", { className: "card__content", children: [
-        /* @__PURE__ */ r("img", { src: a, alt: `Card ${t}`, className: "card__image" }),
-        /* @__PURE__ */ d("div", { className: "card__text", children: [
+      /* @__PURE__ */ s("div", { className: "card__content", children: [
+        /* @__PURE__ */ r("img", { src: o, alt: `Card ${t}`, className: "card__image" }),
+        /* @__PURE__ */ s("div", { className: "card__text", children: [
           /* @__PURE__ */ r("div", { className: "card__title", children: t }),
           /* @__PURE__ */ r("div", { className: "card__divider" }),
-          /* @__PURE__ */ r("div", { className: "card__description", children: o })
+          /* @__PURE__ */ r("div", { className: "card__description", children: a })
         ] })
       ] }),
       /* @__PURE__ */ r(
-        w,
+        v,
         {
           text: l,
           btnType: "basic",
@@ -258,36 +251,36 @@ const z = ({
       )
     ]
   }
-), M = u(
+), M = x(
   ({
     items: t = [],
-    showMoreText: o,
-    learnMoreText: a,
+    showMoreText: a,
+    learnMoreText: o,
     onSelectItem: l = () => {
     },
     LinkComponent: c
   }, n) => {
-    const s = N(), [g, p] = v(!1), m = () => {
+    const d = S(), [g, p] = u(!1), m = () => {
       p((e) => !e);
-    }, i = S(() => t == null ? void 0 : t.map((e, _) => /* @__PURE__ */ r(
+    }, i = y(() => t == null ? void 0 : t.map((e, _) => /* @__PURE__ */ r(
       z,
       {
         title: e == null ? void 0 : e.title,
         description: e == null ? void 0 : e.description,
         image: e == null ? void 0 : e.image,
-        learnMoreText: a,
+        learnMoreText: o,
         onSelectItem: () => l(e),
         LinkComponent: c,
         link: e == null ? void 0 : e.link
       },
       `toggle-section-item__${_ + 1}`
     )), [t]);
-    return /* @__PURE__ */ r(O, { ref: n, children: s ? g ? i : /* @__PURE__ */ d(b, { children: [
+    return /* @__PURE__ */ r(C, { ref: n, children: d ? g ? i : /* @__PURE__ */ s(w, { children: [
       i == null ? void 0 : i.slice(0, 4),
       (i == null ? void 0 : i.length) > 4 && /* @__PURE__ */ r(
-        w,
+        v,
         {
-          text: o,
+          text: a,
           btnType: "basic",
           color: "neutral",
           className: "section__show-more",
@@ -296,7 +289,7 @@ const z = ({
       )
     ] }) : i });
   }
-), T = f.div`
+), O = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -350,26 +343,26 @@ const z = ({
       text-align: left;
     }
   }
-`, X = u(
+`, F = x(
   ({
     title: t,
-    description: o,
-    showMoreText: a = "Show more",
+    description: a,
+    showMoreText: o = "Show more",
     learnMoreText: l = "Learn more",
     options: c = [],
     items: n = [],
-    onSelectItem: s = () => {
+    onSelectItem: d = () => {
     },
     LinkComponent: g
   }, p) => {
-    const [m, i] = v(0);
-    return /* @__PURE__ */ d(T, { ref: p, children: [
-      /* @__PURE__ */ d("div", { className: "section__heading", children: [
+    const [m, i] = u(0);
+    return /* @__PURE__ */ s(O, { ref: p, children: [
+      /* @__PURE__ */ s("div", { className: "section__heading", children: [
         t && /* @__PURE__ */ r("div", { className: "section__title", children: t }),
-        o && /* @__PURE__ */ r("div", { className: "section__description", children: o })
+        a && /* @__PURE__ */ r("div", { className: "section__description", children: a })
       ] }),
       /* @__PURE__ */ r(
-        y,
+        k,
         {
           options: c,
           selectedOptionCode: m,
@@ -383,9 +376,9 @@ const z = ({
         M,
         {
           items: n == null ? void 0 : n[m],
-          showMoreText: a,
+          showMoreText: o,
           learnMoreText: l,
-          onSelectItem: s,
+          onSelectItem: d,
           LinkComponent: g
         },
         `toggle-section-items__${m}`
@@ -394,5 +387,5 @@ const z = ({
   }
 );
 export {
-  X as default
+  F as default
 };

package/dist/TreeMenu.cjs

@@ -1,15 +1,15 @@
-"use strict";const T=require("react/jsx-runtime"),s=require("react"),n=require("./index-BpbMKBf_.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=c.styled.div`
+"use strict";const f=require("react/jsx-runtime"),t=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=w.styled.div`
   padding: 0.25rem;
-  gap: ${t=>t.itemsGap};
+  gap: ${s=>s.itemsGap};
   display: flex;
   flex-direction: column;
-  ${t=>t.widthFitContent==!1&&"min-width: 12.5rem"};
+  ${s=>s.widthFitContent==!1&&"min-width: 12.5rem"};
   height: 100%;
   justify-content: space-between;
   & > .start-menu-items-lnc,
   > .end-menu-items-lnc {
     display: flex;
     flex-direction: column;
-    gap: ${t=>t.itemsGap};
+    gap: ${s=>s.itemsGap};
   }
-`,N=s.forwardRef((t,r)=>{const{widthFitContent:M=!1,itemsGap:I="0.25rem",onItemSelected:u=()=>{},className:j="",style:P={},color:o="primary",size:p="small",children:f,...S}=t,i=s.useRef(),g=s.Children.map(f,(e,y)=>{var a,m,E,_,l;if(s.isValidElement(e)&&(e.props.__TYPE__=="MENU_ITEM"||((a=e==null?void 0:e.type)==null?void 0:a.displayName)==="MENU_ITEM"||e.props.__TYPE__=="NESTED_ITEM"||((m=e==null?void 0:e.type)==null?void 0:m.displayName)==="NESTED_ITEM"))return y==0&&e.props.justifyToEnd!==!0?(e.props.ref&&(i.current=r),s.cloneElement(e,{ref:r||i,color:o,size:p,onItemSelected:u})):e.props.justifyToEnd!==!0||e.props.__TYPE__=="NESTED_ITEM"||((E=e==null?void 0:e.type)==null?void 0:E.displayName)==="NESTED_ITEM"?s.cloneElement(e,{color:o,size:p,onItemSelected:u}):void 0;if(((_=e.props)==null?void 0:_.justifyToEnd)==!1||!((l=e.props)!=null&&l.justifyToEnd))return e}),x=s.Children.map(f,(e,y)=>{var a,m,E;if(s.isValidElement(e)&&(e.props.__TYPE__=="MENU_ITEM"||((a=e==null?void 0:e.type)==null?void 0:a.displayName)==="MENU_ITEM"||e.props.__TYPE__=="NESTED_ITEM"||((m=e==null?void 0:e.type)==null?void 0:m.displayName)==="NESTED_ITEM")&&e.props.justifyToEnd==!0)return y==0?(e.props.ref&&(i.current=r),s.cloneElement(e,{ref:r||i,color:e.props.color?e.props.color:o,size:p,onItemSelected:u})):s.cloneElement(e,{color:e.props.color?e.props.color:o,size:p,onItemSelected:u});if(((E=e.props)==null?void 0:E.justifyToEnd)==!0)return e});return T.jsxs(w,{ref:r,widthFitContent:M,itemsGap:I,size:p,color:o,className:"lnc-ui-treemenu "+j,style:P,...S,children:[T.jsx("div",{className:"nested-item-lnc start-menu-items-lnc",children:g}),T.jsx("div",{className:"nested-item-lnc end-menu-items-lnc",children:x})]})});N.propTypes={widthFitContent:n.PropTypes.bool,itemsGap:n.PropTypes.string,onItemSelected:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,color:n.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:n.PropTypes.oneOf(["small","medium","large"])};module.exports=N;
+`,D=t.forwardRef((s,n)=>{const{widthFitContent:N=!1,itemsGap:l="0.25rem",onItemSelected:a=()=>{},className:M="",style:I={},color:r="primary",size:o="small",children:T,...j}=s,u=t.useRef(),S=t.Children.map(T,(e,_)=>{var p,m,E,y,i;if(t.isValidElement(e)&&(e.props.__TYPE__=="MENU_ITEM"||((p=e==null?void 0:e.type)==null?void 0:p.displayName)==="MENU_ITEM"||e.props.__TYPE__=="NESTED_ITEM"||((m=e==null?void 0:e.type)==null?void 0:m.displayName)==="NESTED_ITEM"))return _==0&&e.props.justifyToEnd!==!0?(e.props.ref&&(u.current=n),t.cloneElement(e,{ref:n||u,color:r,size:o,onItemSelected:a})):e.props.justifyToEnd!==!0||e.props.__TYPE__=="NESTED_ITEM"||((E=e==null?void 0:e.type)==null?void 0:E.displayName)==="NESTED_ITEM"?t.cloneElement(e,{color:r,size:o,onItemSelected:a}):void 0;if(((y=e.props)==null?void 0:y.justifyToEnd)==!1||!((i=e.props)!=null&&i.justifyToEnd))return e}),x=t.Children.map(T,(e,_)=>{var p,m,E;if(t.isValidElement(e)&&(e.props.__TYPE__=="MENU_ITEM"||((p=e==null?void 0:e.type)==null?void 0:p.displayName)==="MENU_ITEM"||e.props.__TYPE__=="NESTED_ITEM"||((m=e==null?void 0:e.type)==null?void 0:m.displayName)==="NESTED_ITEM")&&e.props.justifyToEnd==!0)return _==0?(e.props.ref&&(u.current=n),t.cloneElement(e,{ref:n||u,color:e.props.color?e.props.color:r,size:o,onItemSelected:a})):t.cloneElement(e,{color:e.props.color?e.props.color:r,size:o,onItemSelected:a});if(((E=e.props)==null?void 0:E.justifyToEnd)==!0)return e});return f.jsxs(C,{ref:n,widthFitContent:N,itemsGap:l,size:o,color:r,className:"lnc-ui-treemenu "+M,style:I,...j,children:[f.jsx("div",{className:"nested-item-lnc start-menu-items-lnc",children:S}),f.jsx("div",{className:"nested-item-lnc end-menu-items-lnc",children:x})]})});module.exports=D;

package/dist/TreeMenu.js

@@ -1,8 +1,7 @@
 import { jsxs as C, jsx as N } from "react/jsx-runtime";
-import { forwardRef as D, useRef as Y, Children as l, isValidElement as M, cloneElement as u } from "react";
-import { P as s } from "./index-CblbdqjE.js";
-import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-const U = G.div`
+import { forwardRef as P, useRef as Y, Children as i, isValidElement as M, cloneElement as u } from "react";
+import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+const U = g.div`
   padding: 0.25rem;
   gap: ${(t) => t.itemsGap};
   display: flex;
@@ -16,49 +15,49 @@ const U = G.div`
     flex-direction: column;
     gap: ${(t) => t.itemsGap};
   }
-`, b = D((t, r) => {
+`, $ = P((t, r) => {
   const {
     widthFitContent: I = !1,
-    itemsGap: g = "0.25rem",
+    itemsGap: j = "0.25rem",
     //----------------
-    onItemSelected: E = () => {
+    onItemSelected: a = () => {
     },
     //----------------
-    className: j = "",
-    style: S = {},
-    color: n = "primary",
-    size: o = "small",
+    className: S = "",
+    style: l = {},
+    color: s = "primary",
+    size: n = "small",
     children: _,
-    ...w
-  } = t, f = Y(), x = l.map(_, (e, T) => {
-    var p, a, m, i, y;
-    if (M(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((p = e == null ? void 0 : e.type) == null ? void 0 : p.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((a = e == null ? void 0 : e.type) == null ? void 0 : a.displayName) === "NESTED_ITEM"))
-      return T == 0 && e.props.justifyToEnd !== !0 ? (e.props.ref && (f.current = r), u(e, {
-        ref: r || f,
+    ...x
+  } = t, E = Y(), D = i.map(_, (e, f) => {
+    var o, p, m, T, y;
+    if (M(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((o = e == null ? void 0 : e.type) == null ? void 0 : o.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((p = e == null ? void 0 : e.type) == null ? void 0 : p.displayName) === "NESTED_ITEM"))
+      return f == 0 && e.props.justifyToEnd !== !0 ? (e.props.ref && (E.current = r), u(e, {
+        ref: r || E,
         //needed to focus on navigation
-        color: n,
-        size: o,
-        onItemSelected: E
+        color: s,
+        size: n,
+        onItemSelected: a
       })) : e.props.justifyToEnd !== !0 || e.props.__TYPE__ == "NESTED_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "NESTED_ITEM" ? u(e, {
-        color: n,
-        size: o,
-        onItemSelected: E
+        color: s,
+        size: n,
+        onItemSelected: a
       }) : void 0;
-    if (((i = e.props) == null ? void 0 : i.justifyToEnd) == !1 || !((y = e.props) != null && y.justifyToEnd))
+    if (((T = e.props) == null ? void 0 : T.justifyToEnd) == !1 || !((y = e.props) != null && y.justifyToEnd))
       return e;
-  }), P = l.map(_, (e, T) => {
-    var p, a, m;
-    if (M(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((p = e == null ? void 0 : e.type) == null ? void 0 : p.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((a = e == null ? void 0 : e.type) == null ? void 0 : a.displayName) === "NESTED_ITEM") && e.props.justifyToEnd == !0)
-      return T == 0 ? (e.props.ref && (f.current = r), u(e, {
-        ref: r || f,
+  }), w = i.map(_, (e, f) => {
+    var o, p, m;
+    if (M(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((o = e == null ? void 0 : e.type) == null ? void 0 : o.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((p = e == null ? void 0 : e.type) == null ? void 0 : p.displayName) === "NESTED_ITEM") && e.props.justifyToEnd == !0)
+      return f == 0 ? (e.props.ref && (E.current = r), u(e, {
+        ref: r || E,
         //needed to focus on navigation
-        color: e.props.color ? e.props.color : n,
-        size: o,
-        onItemSelected: E
+        color: e.props.color ? e.props.color : s,
+        size: n,
+        onItemSelected: a
       })) : u(e, {
-        color: e.props.color ? e.props.color : n,
-        size: o,
-        onItemSelected: E
+        color: e.props.color ? e.props.color : s,
+        size: n,
+        onItemSelected: a
       });
     if (((m = e.props) == null ? void 0 : m.justifyToEnd) == !0) return e;
   });
@@ -67,42 +66,19 @@ const U = G.div`
     {
       ref: r,
       widthFitContent: I,
-      itemsGap: g,
-      size: o,
-      color: n,
-      className: "lnc-ui-treemenu " + j,
-      style: S,
-      ...w,
+      itemsGap: j,
+      size: n,
+      color: s,
+      className: "lnc-ui-treemenu " + S,
+      style: l,
+      ...x,
       children: [
-        /* @__PURE__ */ N("div", { className: "nested-item-lnc start-menu-items-lnc", children: x }),
-        /* @__PURE__ */ N("div", { className: "nested-item-lnc end-menu-items-lnc", children: P })
+        /* @__PURE__ */ N("div", { className: "nested-item-lnc start-menu-items-lnc", children: D }),
+        /* @__PURE__ */ N("div", { className: "nested-item-lnc end-menu-items-lnc", children: w })
       ]
     }
   );
 });
-b.propTypes = {
-  widthFitContent: s.bool,
-  /**
-   * Gap between Menu Items
-   */
-  itemsGap: s.string,
-  //---------------------------------------------------------------
-  onItemSelected: s.func,
-  //---------------------------------------------------------------
-  className: s.string,
-  style: s.object,
-  color: s.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: s.oneOf(["small", "medium", "large"])
-};
 export {
-  b as default
+  $ as default
 };

package/dist/TreeMenuSeparator.cjs

@@ -1,6 +1,6 @@
-"use strict";const i=require("react/jsx-runtime"),r=require("./index-BpbMKBf_.cjs"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./utils-RnrgDDZP.cjs"),u=require("react"),p=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),d=l.styled.div`
+"use strict";const n=require("react/jsx-runtime"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-RnrgDDZP.cjs"),m=require("react"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),l=c.styled.div`
   height: 1px;
-  background-color: ${e=>m.getColorRgbaValue(e.theme,"MenuItem","default","enabled","separator")};
+  background-color: ${e=>i.getColorRgbaValue(e.theme,"MenuItem","default","enabled","separator")};
   margin-left: -0.25rem;
   margin-right: -0.25rem;
-`,t=u.forwardRef((e,s)=>{const{className:o="",style:n={},...a}=e,c=p.useTheme();return i.jsx(d,{ref:s,theme:c,className:"lnc-ui-separator "+o,style:n,...a})});t.propTypes={className:r.PropTypes.string,style:r.PropTypes.object};module.exports=t;
+`,d=m.forwardRef((e,r)=>{const{className:t="",style:s={},...o}=e,a=u.useTheme();return n.jsx(l,{ref:r,theme:a,className:"lnc-ui-separator "+t,style:s,...o})});module.exports=d;

package/dist/TreeMenuSeparator.js

@@ -1,12 +1,11 @@
-import { jsx as p } from "react/jsx-runtime";
-import { P as r } from "./index-CblbdqjE.js";
+import { jsx as s } from "react/jsx-runtime";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as i } from "./utils-DtEfC-TX.js";
-import { forwardRef as n } from "react";
-import { u as c } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { b as n } from "./utils-DtEfC-TX.js";
+import { forwardRef as i } from "react";
+import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const f = l.div`
   height: 1px;
-  background-color: ${(e) => i(
+  background-color: ${(e) => n(
   e.theme,
   "MenuItem",
   "default",
@@ -15,26 +14,19 @@ const f = l.div`
 )};
   margin-left: -0.25rem;
   margin-right: -0.25rem;
-`, u = n((e, t) => {
-  const { className: o = "", style: a = {}, ...s } = e, m = c();
-  return /* @__PURE__ */ p(
+`, b = i((e, r) => {
+  const { className: t = "", style: a = {}, ...o } = e, m = p();
+  return /* @__PURE__ */ s(
     f,
     {
-      ref: t,
+      ref: r,
       theme: m,
-      className: "lnc-ui-separator " + o,
+      className: "lnc-ui-separator " + t,
       style: a,
-      ...s
+      ...o
     }
   );
 });
-u.propTypes = {
-  /**
-   * When the separator needs to be set beetween Menu Items that are justified to end, prop needs to be set to `justifyToEnd={true}`
-   */
-  className: r.string,
-  style: r.object
-};
 export {
-  u as default
+  b as default
 };

package/dist/{Twitch-CVAj24ti.cjs → Twitch-B17oKtD0.cjs}

@@ -1 +1 @@
-"use strict";const D=require("./_commonjsHelpers-DwTZ_eVU.cjs"),C=require("react"),_=require("./SearchSection-BcbHP6QF.cjs");function N(t,e){for(var r=0;r<e.length;r++){const a=e[r];if(typeof a!="string"&&!Array.isArray(a)){for(const s in a)if(s!=="default"&&!(s in t)){const o=Object.getOwnPropertyDescriptor(a,s);o&&Object.defineProperty(t,s,o.get?o:{enumerable:!0,get:()=>a[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var S=Object.create,l=Object.defineProperty,j=Object.getOwnPropertyDescriptor,I=Object.getOwnPropertyNames,M=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,H=(t,e,r)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,R=(t,e)=>{for(var r in e)l(t,r,{get:e[r],enumerable:!0})},P=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of I(e))!A.call(t,s)&&s!==r&&l(t,s,{get:()=>e[s],enumerable:!(a=j(e,s))||a.enumerable});return t},F=(t,e,r)=>(r=t!=null?S(M(t)):{},P(!t||!t.__esModule?l(r,"default",{value:t,enumerable:!0}):r,t)),U=t=>P(l({},"__esModule",{value:!0}),t),n=(t,e,r)=>(H(t,typeof e!="symbol"?e+"":e,r),r),f={};R(f,{default:()=>h});var v=U(f),y=F(C),c=_.utils,u=_.patterns;const x="https://player.twitch.tv/js/embed/v1.js",K="Twitch",V="twitch-player-";class h extends y.Component{constructor(){super(...arguments),n(this,"callPlayer",c.callPlayer),n(this,"playerID",this.props.config.playerId||`${V}${(0,c.randomString)()}`),n(this,"mute",()=>{this.callPlayer("setMuted",!0)}),n(this,"unmute",()=>{this.callPlayer("setMuted",!1)})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){const{playsinline:a,onError:s,config:o,controls:g}=this.props,i=u.MATCH_URL_TWITCH_CHANNEL.test(e),p=i?e.match(u.MATCH_URL_TWITCH_CHANNEL)[1]:e.match(u.MATCH_URL_TWITCH_VIDEO)[1];if(r){i?this.player.setChannel(p):this.player.setVideo("v"+p);return}(0,c.getSDK)(x,K).then(d=>{this.player=new d.Player(this.playerID,{video:i?"":p,channel:i?p:"",height:"100%",width:"100%",playsinline:a,autoplay:this.props.playing,muted:this.props.muted,controls:i?!0:g,time:(0,c.parseStartTime)(e),...o.options});const{READY:m,PLAYING:E,PAUSE:O,ENDED:L,ONLINE:b,OFFLINE:w,SEEK:T}=d.Player;this.player.addEventListener(m,this.props.onReady),this.player.addEventListener(E,this.props.onPlay),this.player.addEventListener(O,this.props.onPause),this.player.addEventListener(L,this.props.onEnded),this.player.addEventListener(T,this.props.onSeek),this.player.addEventListener(b,this.props.onLoaded),this.player.addEventListener(w,this.props.onLoaded)},s)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){this.callPlayer("pause")}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentTime")}getSecondsLoaded(){return null}render(){const e={width:"100%",height:"100%"};return y.default.createElement("div",{style:e,id:this.playerID})}}n(h,"displayName","Twitch");n(h,"canPlay",u.canPlay.twitch);n(h,"loopOnEnded",!0);const $=D.getDefaultExportFromCjs(v),q=N({__proto__:null,default:$},[v]);exports.Twitch=q;
+"use strict";const D=require("./_commonjsHelpers-DwTZ_eVU.cjs"),C=require("react"),_=require("./SearchSection-B94YN_6P.cjs");function N(t,e){for(var r=0;r<e.length;r++){const a=e[r];if(typeof a!="string"&&!Array.isArray(a)){for(const s in a)if(s!=="default"&&!(s in t)){const o=Object.getOwnPropertyDescriptor(a,s);o&&Object.defineProperty(t,s,o.get?o:{enumerable:!0,get:()=>a[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var S=Object.create,l=Object.defineProperty,j=Object.getOwnPropertyDescriptor,I=Object.getOwnPropertyNames,M=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,H=(t,e,r)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,R=(t,e)=>{for(var r in e)l(t,r,{get:e[r],enumerable:!0})},P=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of I(e))!A.call(t,s)&&s!==r&&l(t,s,{get:()=>e[s],enumerable:!(a=j(e,s))||a.enumerable});return t},F=(t,e,r)=>(r=t!=null?S(M(t)):{},P(!t||!t.__esModule?l(r,"default",{value:t,enumerable:!0}):r,t)),U=t=>P(l({},"__esModule",{value:!0}),t),n=(t,e,r)=>(H(t,typeof e!="symbol"?e+"":e,r),r),f={};R(f,{default:()=>h});var v=U(f),y=F(C),c=_.utils,u=_.patterns;const x="https://player.twitch.tv/js/embed/v1.js",K="Twitch",V="twitch-player-";class h extends y.Component{constructor(){super(...arguments),n(this,"callPlayer",c.callPlayer),n(this,"playerID",this.props.config.playerId||`${V}${(0,c.randomString)()}`),n(this,"mute",()=>{this.callPlayer("setMuted",!0)}),n(this,"unmute",()=>{this.callPlayer("setMuted",!1)})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){const{playsinline:a,onError:s,config:o,controls:g}=this.props,i=u.MATCH_URL_TWITCH_CHANNEL.test(e),p=i?e.match(u.MATCH_URL_TWITCH_CHANNEL)[1]:e.match(u.MATCH_URL_TWITCH_VIDEO)[1];if(r){i?this.player.setChannel(p):this.player.setVideo("v"+p);return}(0,c.getSDK)(x,K).then(d=>{this.player=new d.Player(this.playerID,{video:i?"":p,channel:i?p:"",height:"100%",width:"100%",playsinline:a,autoplay:this.props.playing,muted:this.props.muted,controls:i?!0:g,time:(0,c.parseStartTime)(e),...o.options});const{READY:m,PLAYING:E,PAUSE:O,ENDED:L,ONLINE:b,OFFLINE:w,SEEK:T}=d.Player;this.player.addEventListener(m,this.props.onReady),this.player.addEventListener(E,this.props.onPlay),this.player.addEventListener(O,this.props.onPause),this.player.addEventListener(L,this.props.onEnded),this.player.addEventListener(T,this.props.onSeek),this.player.addEventListener(b,this.props.onLoaded),this.player.addEventListener(w,this.props.onLoaded)},s)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){this.callPlayer("pause")}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentTime")}getSecondsLoaded(){return null}render(){const e={width:"100%",height:"100%"};return y.default.createElement("div",{style:e,id:this.playerID})}}n(h,"displayName","Twitch");n(h,"canPlay",u.canPlay.twitch);n(h,"loopOnEnded",!0);const $=D.getDefaultExportFromCjs(v),q=N({__proto__:null,default:$},[v]);exports.Twitch=q;

package/dist/{Twitch-DfXeW5Xs.js → Twitch-C73-dwWo.js}

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

package/dist/UploadedFile.cjs

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