@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/FaqSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("react"),n=require("./index-BpbMKBf_.cjs"),P=require("./tag-CmeZsPQt.cjs"),w=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Icon.cjs"),b=require("./IconButton.cjs"),I=require("./Button.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),m=({title:t,description:i,questionText:a,feedbackText:g,impressions:l=!1,onSelectItem:p=()=>{},onImpressed:d=()=>{}})=>{const[h,c]=u.useState(!1),[x,y]=u.useState(!1),T=()=>{c(o=>!o),p()},r=(o,_)=>{o==null||o.stopPropagation(),y(!0),d(_)};return e.jsxs(P.ItemContainer,{className:h?"expanded":"",onClick:T,children:[e.jsxs("div",{className:"card__heading",children:[e.jsx("div",{className:"card__title",children:t}),e.jsx(q,{icon:h?" mng-lnc-subtract":" mng-lnc-add",sizeInUnits:"1.25rem",className:"card__icon"})]}),h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"card__description",children:i}),l&&e.jsx(e.Fragment,{children:x?e.jsxs("div",{className:"card__impression feedback",children:[e.jsx(q,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1.25rem",color:"success"}),e.jsx("div",{className:"imppression__question",children:g})]}):e.jsxs("div",{className:"card__impression",children:[e.jsx("div",{className:"imppression__question",children:a}),e.jsxs("div",{className:"impression__actions",children:[e.jsx(b,{icon:" mng-lnc-thumbs-up",borderRadius:"curved",btnType:"outline",onClick:o=>r(o,!0)}),e.jsx(b,{icon:" mng-lnc-thumbs-down",borderRadius:"curved",btnType:"outline",onClick:o=>r(o,!1)})]})]})})]})]})},v=u.forwardRef(({items:t=[],questionText:i,feedbackText:a,showMoreText:g,impressions:l=!1,onSelectItem:p=()=>{},onImpressed:d=()=>{}},h)=>{const c=w.useDetectMobile(),[x,y]=u.useState(!1),T=()=>{y(o=>!o)},r=u.useMemo(()=>{if(c)return t==null?void 0:t.map((s,f)=>e.jsx(m,{title:s==null?void 0:s.title,description:s==null?void 0:s.description,questionText:i,feedbackText:a,impressions:l,onSelectItem:()=>p(s),onImpressed:j=>d(s,j)},`faq-section-item__${f+1}`));const o=[],_=[];return t==null||t.forEach((s,f)=>{f%2===0?o.push(e.jsx(m,{title:s==null?void 0:s.title,description:s==null?void 0:s.description,questionText:i,feedbackText:a,impressions:l,onSelectItem:()=>p(s),onImpressed:j=>d(s,j)},`faq-section-item__${f+1}`)):_.push(e.jsx(m,{title:s==null?void 0:s.title,description:s==null?void 0:s.description,questionText:i,feedbackText:a,impressions:l,onSelectItem:()=>p(s),onImpressed:j=>d(s,j)},`faq-section-item__${f+1}`))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"section__column",children:o}),e.jsx("div",{className:"section__column",children:_})]})},[t,c]);return e.jsx(P.ItemsContainer,{ref:h,children:c?x?r:e.jsxs(e.Fragment,{children:[r==null?void 0:r.slice(0,4),(r==null?void 0:r.length)>4&&e.jsx(I,{text:g,btnType:"basic",color:"neutral",className:"section__show-more",onClick:T})]}):r})});m.propTypes={title:n.PropTypes.string,description:n.PropTypes.string,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};v.propTypes={items:n.PropTypes.array,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};const M=N.styled.div`
+"use strict";const e=require("react/jsx-runtime"),_=require("react"),q=require("./tag-UQjq2_Ba.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),S=require("./Icon.cjs"),w=require("./IconButton.cjs"),b=require("./Button.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./consts-goSZX3xP.cjs"),m=({title:o,description:r,questionText:i,feedbackText:p,impressions:l=!1,onSelectItem:a=()=>{},onImpressed:d=()=>{}})=>{const[h,t]=_.useState(!1),[x,f]=_.useState(!1),g=()=>{t(c=>!c),a()},s=(c,u)=>{c==null||c.stopPropagation(),f(!0),d(u)};return e.jsxs(q.ItemContainer,{className:h?"expanded":"",onClick:g,children:[e.jsxs("div",{className:"card__heading",children:[e.jsx("div",{className:"card__title",children:o}),e.jsx(S,{icon:h?" mng-lnc-subtract":" mng-lnc-add",sizeInUnits:"1.25rem",className:"card__icon"})]}),h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"card__description",children:r}),l&&e.jsx(e.Fragment,{children:x?e.jsxs("div",{className:"card__impression feedback",children:[e.jsx(S,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1.25rem",color:"success"}),e.jsx("div",{className:"imppression__question",children:p})]}):e.jsxs("div",{className:"card__impression",children:[e.jsx("div",{className:"imppression__question",children:i}),e.jsxs("div",{className:"impression__actions",children:[e.jsx(w,{icon:" mng-lnc-thumbs-up",borderRadius:"curved",btnType:"outline",onClick:c=>s(c,!0)}),e.jsx(w,{icon:" mng-lnc-thumbs-down",borderRadius:"curved",btnType:"outline",onClick:c=>s(c,!1)})]})]})})]})]})},C=_.forwardRef(({items:o=[],questionText:r,feedbackText:i,showMoreText:p,impressions:l=!1,onSelectItem:a=()=>{},onImpressed:d=()=>{}},h)=>{const t=N.useDetectMobile(),[x,f]=_.useState(!1),g=()=>{f(c=>!c)},s=_.useMemo(()=>{if(t)return o==null?void 0:o.map((n,j)=>e.jsx(m,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:r,feedbackText:i,impressions:l,onSelectItem:()=>a(n),onImpressed:v=>d(n,v)},`faq-section-item__${j+1}`));const c=[],u=[];return o==null||o.forEach((n,j)=>{j%2===0?c.push(e.jsx(m,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:r,feedbackText:i,impressions:l,onSelectItem:()=>a(n),onImpressed:v=>d(n,v)},`faq-section-item__${j+1}`)):u.push(e.jsx(m,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:r,feedbackText:i,impressions:l,onSelectItem:()=>a(n),onImpressed:v=>d(n,v)},`faq-section-item__${j+1}`))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"section__column",children:c}),e.jsx("div",{className:"section__column",children:u})]})},[o,t]);return e.jsx(q.ItemsContainer,{ref:h,children:t?x?s:e.jsxs(e.Fragment,{children:[s==null?void 0:s.slice(0,4),(s==null?void 0:s.length)>4&&e.jsx(b,{text:p,btnType:"basic",color:"neutral",className:"section__show-more",onClick:g})]}):s})}),k=y.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -30,7 +30,7 @@
     line-height: 1.5rem;
   }
 
-  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
     & .section__title {
       font-size: 1rem;
       font-weight: 500;
@@ -44,4 +44,4 @@
       letter-spacing: 0.25px;
     }
   }
-`,S=u.forwardRef(({title:t,description:i,questionText:a="What do you think about this answer?",feedbackText:g="Thank you for feedback!",showMoreText:l="Show more",allTagText:p="All",impressions:d=!1,tags:h=[],items:c=[],onSelectItem:x=()=>{},onImpressed:y=()=>{}},T)=>{const[r,o]=u.useState(null),_=s=>{o(s==null?void 0:s.code)};return e.jsxs(M,{ref:T,children:[e.jsxs("div",{className:"section__heading",children:[t&&e.jsx("div",{className:"section__title",children:t}),i&&e.jsx("div",{className:"section__description",children:i})]}),e.jsx(P.FaqSectionTags,{tags:h,allTagText:p,selectedTagCode:r,onSelectTag:_}),e.jsx(v,{items:r===null?c:c==null?void 0:c.filter(s=>(s==null?void 0:s.tagCode)===r),questionText:a,feedbackText:g,showMoreText:l,impressions:d,onSelectItem:x,onImpressed:y},`faq-section-items__${r}`)]})});S.propTypes={title:n.PropTypes.string,description:n.PropTypes.string,tags:n.PropTypes.array,items:n.PropTypes.array,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,allTagText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};module.exports=S;
+`,F=_.forwardRef(({title:o,description:r,questionText:i="What do you think about this answer?",feedbackText:p="Thank you for feedback!",showMoreText:l="Show more",allTagText:a="All",impressions:d=!1,tags:h=[],items:t=[],onSelectItem:x=()=>{},onImpressed:f=()=>{}},g)=>{const[s,c]=_.useState(null),u=n=>{c(n==null?void 0:n.code)};return e.jsxs(k,{ref:g,children:[e.jsxs("div",{className:"section__heading",children:[o&&e.jsx("div",{className:"section__title",children:o}),r&&e.jsx("div",{className:"section__description",children:r})]}),e.jsx(q.FaqSectionTags,{tags:h,allTagText:a,selectedTagCode:s,onSelectTag:u}),e.jsx(C,{items:s===null?t:t==null?void 0:t.filter(n=>(n==null?void 0:n.tagCode)===s),questionText:i,feedbackText:p,showMoreText:l,impressions:d,onSelectItem:x,onImpressed:f},`faq-section-items__${s}`)]})});module.exports=F;

package/dist/FaqSection.js

@@ -1,77 +1,76 @@
-import { jsx as s, jsxs as i, Fragment as b } from "react/jsx-runtime";
-import { forwardRef as N, useState as x, useMemo as q } from "react";
-import { P as n } from "./index-CblbdqjE.js";
-import { I as M, a as C, F } from "./tag-BtS5lWJ0.js";
-import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
-import w from "./Icon.js";
-import S from "./IconButton.js";
-import E from "./Button.js";
-import { s as P } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as z } from "./consts-BuFChS64.js";
+import { jsx as n, jsxs as t, Fragment as w } from "react/jsx-runtime";
+import { forwardRef as C, useState as S, useMemo as k } from "react";
+import { I as q, a as x, F as M } from "./tag-Dm8CW4TM.js";
+import { u as F } from "./useDetectMobile-Bkvj0VMa.js";
+import b from "./Icon.js";
+import y from "./IconButton.js";
+import T from "./Button.js";
+import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as E } from "./consts-BuFChS64.js";
 const I = ({
-  title: t,
-  description: a,
-  questionText: l,
-  feedbackText: _,
-  impressions: d = !1,
-  onSelectItem: p = () => {
+  title: s,
+  description: l,
+  questionText: a,
+  feedbackText: p,
+  impressions: i = !1,
+  onSelectItem: d = () => {
   },
   onImpressed: h = () => {
   }
 }) => {
-  const [f, c] = x(!1), [u, g] = x(!1), m = () => {
-    c((r) => !r), p();
-  }, o = (r, T) => {
-    r == null || r.stopPropagation(), g(!0), h(T);
+  const [_, r] = S(!1), [f, u] = S(!1), g = () => {
+    r((c) => !c), d();
+  }, o = (c, m) => {
+    c == null || c.stopPropagation(), u(!0), h(m);
   };
-  return /* @__PURE__ */ i(
-    C,
+  return /* @__PURE__ */ t(
+    x,
     {
-      className: f ? "expanded" : "",
-      onClick: m,
+      className: _ ? "expanded" : "",
+      onClick: g,
       children: [
-        /* @__PURE__ */ i("div", { className: "card__heading", children: [
-          /* @__PURE__ */ s("div", { className: "card__title", children: t }),
-          /* @__PURE__ */ s(
-            w,
+        /* @__PURE__ */ t("div", { className: "card__heading", children: [
+          /* @__PURE__ */ n("div", { className: "card__title", children: s }),
+          /* @__PURE__ */ n(
+            b,
             {
-              icon: f ? " mng-lnc-subtract" : " mng-lnc-add",
+              icon: _ ? " mng-lnc-subtract" : " mng-lnc-add",
               sizeInUnits: "1.25rem",
               className: "card__icon"
             }
           )
         ] }),
-        f && /* @__PURE__ */ i(b, { children: [
-          /* @__PURE__ */ s("div", { className: "card__description", children: a }),
-          d && /* @__PURE__ */ s(b, { children: u ? /* @__PURE__ */ i("div", { className: "card__impression feedback", children: [
-            /* @__PURE__ */ s(
-              w,
+        _ && /* @__PURE__ */ t(w, { children: [
+          /* @__PURE__ */ n("div", { className: "card__description", children: l }),
+          i && /* @__PURE__ */ n(w, { children: f ? /* @__PURE__ */ t("div", { className: "card__impression feedback", children: [
+            /* @__PURE__ */ n(
+              b,
               {
                 icon: " mng-lnc-checkmark--outline",
                 sizeInUnits: "1.25rem",
                 color: "success"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "imppression__question", children: _ })
-          ] }) : /* @__PURE__ */ i("div", { className: "card__impression", children: [
-            /* @__PURE__ */ s("div", { className: "imppression__question", children: l }),
-            /* @__PURE__ */ i("div", { className: "impression__actions", children: [
-              /* @__PURE__ */ s(
-                S,
+            /* @__PURE__ */ n("div", { className: "imppression__question", children: p })
+          ] }) : /* @__PURE__ */ t("div", { className: "card__impression", children: [
+            /* @__PURE__ */ n("div", { className: "imppression__question", children: a }),
+            /* @__PURE__ */ t("div", { className: "impression__actions", children: [
+              /* @__PURE__ */ n(
+                y,
                 {
                   icon: " mng-lnc-thumbs-up",
                   borderRadius: "curved",
                   btnType: "outline",
-                  onClick: (r) => o(r, !0)
+                  onClick: (c) => o(c, !0)
                 }
               ),
-              /* @__PURE__ */ s(
-                S,
+              /* @__PURE__ */ n(
+                y,
                 {
                   icon: " mng-lnc-thumbs-down",
                   borderRadius: "curved",
                   btnType: "outline",
-                  onClick: (r) => o(r, !1)
+                  onClick: (c) => o(c, !1)
                 }
               )
             ] })
@@ -80,106 +79,86 @@ const I = ({
       ]
     }
   );
-}, k = N(
+}, z = C(
   ({
-    items: t = [],
-    questionText: a,
-    feedbackText: l,
-    showMoreText: _,
-    impressions: d = !1,
-    onSelectItem: p = () => {
+    items: s = [],
+    questionText: l,
+    feedbackText: a,
+    showMoreText: p,
+    impressions: i = !1,
+    onSelectItem: d = () => {
     },
     onImpressed: h = () => {
     }
-  }, f) => {
-    const c = $(), [u, g] = x(!1), m = () => {
-      g((r) => !r);
-    }, o = q(() => {
-      if (c)
-        return t == null ? void 0 : t.map((e, v) => /* @__PURE__ */ s(
+  }, _) => {
+    const r = F(), [f, u] = S(!1), g = () => {
+      u((c) => !c);
+    }, o = k(() => {
+      if (r)
+        return s == null ? void 0 : s.map((e, v) => /* @__PURE__ */ n(
           I,
           {
             title: e == null ? void 0 : e.title,
             description: e == null ? void 0 : e.description,
-            questionText: a,
-            feedbackText: l,
-            impressions: d,
-            onSelectItem: () => p(e),
-            onImpressed: (y) => h(e, y)
+            questionText: l,
+            feedbackText: a,
+            impressions: i,
+            onSelectItem: () => d(e),
+            onImpressed: (N) => h(e, N)
           },
           `faq-section-item__${v + 1}`
         ));
-      const r = [], T = [];
-      return t == null || t.forEach((e, v) => {
-        v % 2 === 0 ? r.push(
-          /* @__PURE__ */ s(
+      const c = [], m = [];
+      return s == null || s.forEach((e, v) => {
+        v % 2 === 0 ? c.push(
+          /* @__PURE__ */ n(
             I,
             {
               title: e == null ? void 0 : e.title,
               description: e == null ? void 0 : e.description,
-              questionText: a,
-              feedbackText: l,
-              impressions: d,
-              onSelectItem: () => p(e),
-              onImpressed: (y) => h(e, y)
+              questionText: l,
+              feedbackText: a,
+              impressions: i,
+              onSelectItem: () => d(e),
+              onImpressed: (N) => h(e, N)
             },
             `faq-section-item__${v + 1}`
           )
-        ) : T.push(
-          /* @__PURE__ */ s(
+        ) : m.push(
+          /* @__PURE__ */ n(
             I,
             {
               title: e == null ? void 0 : e.title,
               description: e == null ? void 0 : e.description,
-              questionText: a,
-              feedbackText: l,
-              impressions: d,
-              onSelectItem: () => p(e),
-              onImpressed: (y) => h(e, y)
+              questionText: l,
+              feedbackText: a,
+              impressions: i,
+              onSelectItem: () => d(e),
+              onImpressed: (N) => h(e, N)
             },
             `faq-section-item__${v + 1}`
           )
         );
-      }), /* @__PURE__ */ i(b, { children: [
-        /* @__PURE__ */ s("div", { className: "section__column", children: r }),
-        /* @__PURE__ */ s("div", { className: "section__column", children: T })
+      }), /* @__PURE__ */ t(w, { children: [
+        /* @__PURE__ */ n("div", { className: "section__column", children: c }),
+        /* @__PURE__ */ n("div", { className: "section__column", children: m })
       ] });
-    }, [t, c]);
-    return /* @__PURE__ */ s(M, { ref: f, children: c ? u ? o : /* @__PURE__ */ i(b, { children: [
+    }, [s, r]);
+    return /* @__PURE__ */ n(q, { ref: _, children: r ? f ? o : /* @__PURE__ */ t(w, { children: [
       o == null ? void 0 : o.slice(0, 4),
-      (o == null ? void 0 : o.length) > 4 && /* @__PURE__ */ s(
-        E,
+      (o == null ? void 0 : o.length) > 4 && /* @__PURE__ */ n(
+        T,
         {
-          text: _,
+          text: p,
           btnType: "basic",
           color: "neutral",
           className: "section__show-more",
-          onClick: m
+          onClick: g
         }
       )
     ] }) : o });
   }
-);
-I.propTypes = {
-  title: n.string,
-  description: n.string,
-  questionText: n.string,
-  feedbackText: n.string,
-  showMoreText: n.string,
-  impressions: n.bool,
-  onSelectItem: n.func,
-  onImpressed: n.func
-};
-k.propTypes = {
-  items: n.array,
-  questionText: n.string,
-  feedbackText: n.string,
-  showMoreText: n.string,
-  impressions: n.bool,
-  onSelectItem: n.func,
-  onImpressed: n.func
-};
-const B = P.div`
+), B = $.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -211,7 +190,7 @@ const B = P.div`
     line-height: 1.5rem;
   }
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${E + "px"}) {
     & .section__title {
       font-size: 1rem;
       font-weight: 500;
@@ -225,68 +204,55 @@ const B = P.div`
       letter-spacing: 0.25px;
     }
   }
-`, R = N(
+`, X = C(
   ({
-    title: t,
-    description: a,
-    questionText: l = "What do you think about this answer?",
-    feedbackText: _ = "Thank you for feedback!",
-    showMoreText: d = "Show more",
-    allTagText: p = "All",
+    title: s,
+    description: l,
+    questionText: a = "What do you think about this answer?",
+    feedbackText: p = "Thank you for feedback!",
+    showMoreText: i = "Show more",
+    allTagText: d = "All",
     impressions: h = !1,
-    tags: f = [],
-    items: c = [],
-    onSelectItem: u = () => {
+    tags: _ = [],
+    items: r = [],
+    onSelectItem: f = () => {
     },
-    onImpressed: g = () => {
+    onImpressed: u = () => {
     }
-  }, m) => {
-    const [o, r] = x(null);
-    return /* @__PURE__ */ i(B, { ref: m, children: [
-      /* @__PURE__ */ i("div", { className: "section__heading", children: [
-        t && /* @__PURE__ */ s("div", { className: "section__title", children: t }),
-        a && /* @__PURE__ */ s("div", { className: "section__description", children: a })
+  }, g) => {
+    const [o, c] = S(null);
+    return /* @__PURE__ */ t(B, { ref: g, children: [
+      /* @__PURE__ */ t("div", { className: "section__heading", children: [
+        s && /* @__PURE__ */ n("div", { className: "section__title", children: s }),
+        l && /* @__PURE__ */ n("div", { className: "section__description", children: l })
       ] }),
-      /* @__PURE__ */ s(
-        F,
+      /* @__PURE__ */ n(
+        M,
         {
-          tags: f,
-          allTagText: p,
+          tags: _,
+          allTagText: d,
           selectedTagCode: o,
           onSelectTag: (e) => {
-            r(e == null ? void 0 : e.code);
+            c(e == null ? void 0 : e.code);
           }
         }
       ),
-      /* @__PURE__ */ s(
-        k,
+      /* @__PURE__ */ n(
+        z,
         {
-          items: o === null ? c : c == null ? void 0 : c.filter((e) => (e == null ? void 0 : e.tagCode) === o),
-          questionText: l,
-          feedbackText: _,
-          showMoreText: d,
+          items: o === null ? r : r == null ? void 0 : r.filter((e) => (e == null ? void 0 : e.tagCode) === o),
+          questionText: a,
+          feedbackText: p,
+          showMoreText: i,
           impressions: h,
-          onSelectItem: u,
-          onImpressed: g
+          onSelectItem: f,
+          onImpressed: u
         },
         `faq-section-items__${o}`
       )
     ] });
   }
 );
-R.propTypes = {
-  title: n.string,
-  description: n.string,
-  tags: n.array,
-  items: n.array,
-  questionText: n.string,
-  feedbackText: n.string,
-  showMoreText: n.string,
-  allTagText: n.string,
-  impressions: n.bool,
-  onSelectItem: n.func,
-  onImpressed: n.func
-};
 export {
-  R as default
+  X as default
 };

package/dist/FileInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const b=require("react/jsx-runtime"),m=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./index-BpbMKBf_.cjs"),t=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=g.styled.label`
+"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=b.styled.label`
   display: inline-flex;
   box-sizing: border-box;
   width: 100%;
@@ -7,14 +7,14 @@
   background-color: ${e=>t.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
   border-radius: 8px;
   ${e=>e.focused===!0&&e.readOnly!==!0?t.getOutlineCss(e.theme):""}
-`,v=g.styled.input`
+`,q=b.styled.input`
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   z-index: -1;
-`,S=g.styled.div`
+`,_=b.styled.div`
   display: flex;
   align-items: center;
   white-space: nowrap;
@@ -29,8 +29,8 @@
 
   /* ${e=>e.disabled===!0?t.getDisabledStateCss(e.theme):""} */
   ${e=>e.disabled===!0&&`background-color: ${t.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
-        color: ${a=>t.getColorRgbaValue(a.theme,"Input",a.color,"disabled","text")};`}
-`,N=g.styled.input`
+        color: ${o=>t.getColorRgbaValue(o.theme,"Input",o.color,"disabled","text")};`}
+`,N=b.styled.input`
   width: 100%;
   appearance: none;
   outline: none;
@@ -48,5 +48,5 @@
   /* ${e=>e.disabled===!0?t.getDisabledStateCss(e.theme):""} */
 
   ${e=>e.disabled===!0&&`background-color: ${t.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
-        color: ${a=>t.getColorRgbaValue(a.theme,"Input",a.color,"disabled","text")};`}
-`,p=m.forwardRef((e,a)=>{const{className:x="",style:C={},onChange:s,onFocus:d,onBlur:u,disabled:n,readOnly:h,multiple:$=!1,accept:T="",label:I="Choose File",color:P="primary",size:R="small",...V}=e,k=j.useTheme(),[i,w]=m.useState([]),[y,f]=m.useState(!1);var c={theme:k,size:R,color:P,disabled:n,focused:y};const z=()=>{if(i.length>0){var r="";for(const l in i)r+=l==i.length-1?`${i[l].name}`:`${i[l].name}, `;return r}return""},O=r=>{var l=[];if(r.target.files&&r.target.files.length>0)for(const F of r.target.files)l.push(F);else l=[];w(l),s&&(s==null||s(r,l))};return b.jsxs(q,{...c,className:x,style:C,focused:y,readOnly:h,children:[b.jsx(v,{...c,accept:T,multiple:$,ref:a,onChange:n||h?()=>{}:O,type:"file",onFocus:r=>{n||f(!0),d&&!n&&(d==null||d(r))},onBlur:r=>{n||f(!1),u&&!n&&(u==null||u(r))},...V}),b.jsx(S,{...c,children:I}),b.jsx(N,{tabIndex:-1,...c,onChange:()=>{},value:z()})]})});p.propTypes={id:o.PropTypes.any,disabled:o.PropTypes.bool,readOnly:o.PropTypes.bool,multiple:o.PropTypes.bool,accept:o.PropTypes.string,label:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),tabIndex:o.PropTypes.number,onChange:o.PropTypes.func,onFocus:o.PropTypes.func,onBlur:o.PropTypes.func,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["small","medium","large"]),color:o.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=p;
+        color: ${o=>t.getColorRgbaValue(o.theme,"Input",o.color,"disabled","text")};`}
+`,T=g.forwardRef((e,o)=>{const{className:x="",style:y={},onChange:i,onFocus:d,onBlur:u,disabled:r,readOnly:m,multiple:$=!1,accept:C="",label:I="Choose File",color:R="primary",size:V="small",...k}=e,w=S.useTheme(),[n,z]=g.useState([]),[h,f]=g.useState(!1);var s={theme:w,size:V,color:R,disabled:r,focused:h};const F=()=>{if(n.length>0){var l="";for(const a in n)l+=a==n.length-1?`${n[a].name}`:`${n[a].name}, `;return l}return""},v=l=>{var a=[];if(l.target.files&&l.target.files.length>0)for(const O of l.target.files)a.push(O);else a=[];z(a),i&&(i==null||i(l,a))};return c.jsxs(j,{...s,className:x,style:y,focused:h,readOnly:m,children:[c.jsx(q,{...s,accept:C,multiple:$,ref:o,onChange:r||m?()=>{}:v,type:"file",onFocus:l=>{r||f(!0),d&&!r&&(d==null||d(l))},onBlur:l=>{r||f(!1),u&&!r&&(u==null||u(l))},...k}),c.jsx(_,{...s,children:I}),c.jsx(N,{tabIndex:-1,...s,onChange:()=>{},value:F()})]})});module.exports=T;