@lanaco/lnc-react-ui 4.0.2 → 4.0.5

package/dist/DropdownLookup.js

@@ -1,23 +1,23 @@
-import { jsx as ce } from "react/jsx-runtime";
-import { P as e } from "./index-Ds9PUTwb.js";
-import * as de from "react";
-import Oe, { useRef as G, useState as a, useEffect as W, useCallback as R, forwardRef as me } from "react";
-import { _ as be, u as ge } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-import { _ as Se, b as s, h as he, d as C, u as ve, S as ye, a as _e } from "./CustomStyles-nfD3J1mi.js";
-import { f as Ie } from "./defineProperty-BHpTtkhC.js";
-import "./index-CZJEA84h.js";
-import { d as Ce } from "./index-D5vEbKUT.js";
-var Le = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
-function Me(o) {
+import { jsx as de } from "react/jsx-runtime";
+import { P as e } from "./index-BYnWp42a.js";
+import * as Oe from "react";
+import { useRef as G, useState as a, useEffect as W, useCallback as j, forwardRef as J } from "react";
+import { _ as me, u as be } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { _ as ge, b as s, h as Se, d as C, u as he, S as ve, a as ye } from "./CustomStyles-BUSJ8bZt.js";
+import { _ as _e } from "./defineProperty-B5pLF6px.js";
+import "./index--Kmch3aI.js";
+import { d as Ie } from "./index-CNBqQrtK.js";
+var Ce = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function Le(o) {
   var r = o.defaultOptions, t = r === void 0 ? !1 : r, i = o.cacheOptions, l = i === void 0 ? !1 : i, d = o.loadOptions;
   o.options;
-  var p = o.isLoading, L = p === void 0 ? !1 : p, h = o.onInputChange, v = o.filterOption, M = v === void 0 ? null : v, y = Se(o, Le), _ = y.inputValue, u = G(void 0), O = G(!1), m = a(Array.isArray(t) ? t : void 0), f = s(m, 2), J = f[0], j = f[1], K = a(typeof _ < "u" ? _ : ""), w = s(K, 2), $ = w[0], P = w[1], Q = a(t === !0), E = s(Q, 2), U = E[0], b = E[1], X = a(void 0), F = s(X, 2), V = F[0], A = F[1], Y = a([]), z = s(Y, 2), Z = z[0], T = z[1], ee = a(!1), B = s(ee, 2), te = B[0], I = B[1], ne = a({}), H = s(ne, 2), g = H[0], N = H[1], oe = a(void 0), k = s(oe, 2), ae = k[0], se = k[1], ue = a(void 0), q = s(ue, 2), re = q[0], ie = q[1];
-  l !== re && (N({}), ie(l)), t !== ae && (j(Array.isArray(t) ? t : void 0), se(t)), W(function() {
+  var p = o.isLoading, L = p === void 0 ? !1 : p, h = o.onInputChange, v = o.filterOption, M = v === void 0 ? null : v, y = ge(o, Ce), _ = y.inputValue, u = G(void 0), O = G(!1), m = a(Array.isArray(t) ? t : void 0), f = s(m, 2), K = f[0], R = f[1], Q = a(typeof _ < "u" ? _ : ""), $ = s(Q, 2), w = $[0], P = $[1], U = a(t === !0), E = s(U, 2), X = E[0], b = E[1], Y = a(void 0), F = s(Y, 2), V = F[0], A = F[1], Z = a([]), z = s(Z, 2), ee = z[0], T = z[1], te = a(!1), B = s(te, 2), ne = B[0], I = B[1], oe = a({}), H = s(oe, 2), g = H[0], N = H[1], ae = a(void 0), k = s(ae, 2), se = k[0], ue = k[1], re = a(void 0), q = s(re, 2), ie = q[0], le = q[1];
+  l !== ie && (N({}), le(l)), t !== se && (R(Array.isArray(t) ? t : void 0), ue(t)), W(function() {
     return O.current = !0, function() {
       O.current = !1;
     };
   }, []);
-  var x = R(function(S, c) {
+  var x = j(function(S, c) {
     if (!d) return c();
     var n = d(S, c);
     n && typeof n.then == "function" && n.then(c, function() {
@@ -25,12 +25,12 @@ function Me(o) {
     });
   }, [d]);
   W(function() {
-    t === !0 && x($, function(S) {
-      O.current && (j(S || []), b(!!u.current));
+    t === !0 && x(w, function(S) {
+      O.current && (R(S || []), b(!!u.current));
     });
   }, []);
-  var le = R(function(S, c) {
-    var n = he(S, c, h);
+  var pe = j(function(S, c) {
+    var n = Se(S, c, h);
     if (!n) {
       u.current = void 0, P(""), A(""), T([]), b(!1), I(!1);
       return;
@@ -38,26 +38,26 @@ function Me(o) {
     if (l && g[n])
       P(n), A(n), T(g[n]), b(!1), I(!1);
     else {
-      var fe = u.current = {};
+      var ce = u.current = {};
       P(n), b(!0), I(!V), x(n, function(D) {
-        O && fe === u.current && (u.current = void 0, b(!1), A(n), T(D || []), I(!1), N(D ? C(C({}, g), {}, Ie({}, n, D)) : g));
+        O && ce === u.current && (u.current = void 0, b(!1), A(n), T(D || []), I(!1), N(D ? C(C({}, g), {}, _e({}, n, D)) : g));
       });
     }
-  }, [l, x, V, g, h]), pe = te ? [] : $ && V ? Z : J || [];
+  }, [l, x, V, g, h]), fe = ne ? [] : w && V ? ee : K || [];
   return C(C({}, y), {}, {
-    options: pe,
-    isLoading: U || L,
-    onInputChange: le,
+    options: fe,
+    isLoading: X || L,
+    onInputChange: pe,
     filterOption: M
   });
 }
-var Pe = /* @__PURE__ */ me(function(o, r) {
-  var t = Me(o), i = ve(t);
-  return /* @__PURE__ */ de.createElement(ye, be({
+var Me = /* @__PURE__ */ J(function(o, r) {
+  var t = Le(o), i = he(t);
+  return /* @__PURE__ */ Oe.createElement(ve, me({
     ref: r
   }, i));
-}), Ve = Pe;
-const Ae = Oe.forwardRef((o, r) => {
+}), Pe = Me;
+const Ve = J((o, r) => {
   const {
     // defaultOptions,
     // cacheOptions,
@@ -116,16 +116,16 @@ const Ae = Oe.forwardRef((o, r) => {
     style: M = {},
     // children,
     ...y
-  } = o, _ = ge(), u = R(
-    Ce((m, f) => {
+  } = o, _ = be(), u = j(
+    Ie((m, f) => {
       p == null || p(m, f);
     }, i)
   );
-  return /* @__PURE__ */ ce(
-    Ve,
+  return /* @__PURE__ */ de(
+    Pe,
     {
       ref: r,
-      styles: t || _e,
+      styles: t || ye,
       size: L,
       color: h,
       theme: _,
@@ -140,7 +140,7 @@ const Ae = Oe.forwardRef((o, r) => {
     }
   );
 });
-Ae.propTypes = {
+Ve.propTypes = {
   /**
    * The default set of options to show before the user starts searching. When set to true, the results for loadOptions('') will be autoloaded.
    */
@@ -321,5 +321,5 @@ Ae.propTypes = {
   size: e.oneOf(["small", "medium", "large"])
 };
 export {
-  Ae as default
+  Ve as default
 };

package/dist/DropdownMenu.cjs

@@ -1 +1,7 @@
-"use strict";require("react/jsx-runtime");require("react");require("./index-DXnSjbfJ.cjs");require("./emotion-styled.browser.esm-Cbp_XsK4.cjs");require("./Button.cjs");require("./utils-hdRGTsQ7.cjs");require("./ThemeProvider.cjs");const e=require("./DropdownMenu-B6qr13ik.cjs");require("./motion-Oud-wpUz.cjs");module.exports=e.DropdownMenu;
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),o=require("./index-BIlhCoy2.cjs"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),B=require("./Button.cjs"),K=require("./utils-DTAPpJXU.cjs"),L=require("./ThemeProvider.cjs"),U=require("./Popover.cjs"),Y=require("./PopoverTrigger.cjs"),$=require("./PopoverContent.cjs"),A=require("./motion-Oud-wpUz.cjs"),G=x.newStyled.div``,H=x.newStyled(A.motion.div)`
+  gap: 0.25rem;
+  display: flex;
+  flex-direction: column;
+  ${n=>n.widthfitcontent==!1&&"min-width: 12.5rem"};
+  background-color: ${n=>K.getColorRgbaValue(n.theme,"Dropdown",n.color,"enabled","background")};
+`,I=t.forwardRef((n,p)=>{const{control:i,offsetValue:C=9,placement:_,widthFitContent:b=!1,closeOnItemSelect:v=!0,zIndex:q,onFocus:m=()=>{},onBlur:f=()=>{},onClick:y=()=>{},onKeyDown:d=()=>{},onMouseEnter:T=()=>{},onMouseLeave:P=()=>{},onItemSelected:M=()=>{},animation:R={animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},initial:{opacity:0,height:0},transition:{type:"tween",duration:.15,opacity:{duration:.15,ease:"easeOut"},height:{duration:.15}}},className:h="",style:J={},color:s="primary",size:c="small",contentClassName:N="",popoverProps:Q,children:O,...j}=n;t.useRef();const D=t.useRef(),{theme:k}=L.useTheme(),g=t.useRef(),E=t.useRef(),[z,l]=t.useState(!1),w=(e,u,a)=>{M(e,u,a),v==!0&&l(!1)},F=t.Children.map(O,(e,u)=>{var a,S;return t.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"||((S=e==null?void 0:e.type)==null?void 0:S.displayName)==="NESTED_ITEM")?u==0?(e.props.ref&&(E.current=p),t.cloneElement(e,{ref:p||E,color:e.props.color?e.props.color:s,size:c,onItemSelected:w,animation:R})):t.cloneElement(e,{color:e.props.color?e.props.color:s,size:c,onItemSelected:w}):e}),V=()=>typeof i=="string"||i instanceof String?r.jsx(B,{text:i,onClick:y,onMouseEnter:T,onMouseLeave:P,onBlur:f,onFocus:m,ref:g,onKeyDown:d,trailingIcon:"angle-down",color:s,size:c}):t.cloneElement(i,{color:s,size:c,ref:g,onClick:y,onMouseEnter:T,onMouseLeave:P,onBlur:f,onFocus:m,onKeyDown:d});return r.jsx(G,{ref:p,className:h,...j,children:r.jsxs(U,{open:z,onOpenChange:l,placement:_,offsetValue:C,children:[r.jsx(Y,{onClick:()=>l(e=>!e),children:V()}),r.jsx($,{zIndex:q,children:r.jsx(H,{ref:D,widthfitcontent:b,color:s,theme:k,className:N,children:F})})]})})});I.propTypes={control:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),offsetValue:o.PropTypes.number,placement:o.PropTypes.oneOf(["center","top","right","bottom","left","top-start","top-end","right-start","right-end","bottom-start","bottom-end","left-start","left-end"]),widthFitContent:o.PropTypes.bool,closeOnItemSelect:o.PropTypes.bool,zIndex:o.PropTypes.number,onBlur:o.PropTypes.func,onFocus:o.PropTypes.func,onClick:o.PropTypes.func,onKeyDown:o.PropTypes.func,onMouseEnter:o.PropTypes.func,onMouseLeave:o.PropTypes.func,onItemSelected:o.PropTypes.func,animation:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:o.PropTypes.oneOf(["small","medium","large"]),popoverProps:o.PropTypes.any};module.exports=I;

package/dist/DropdownMenu.js

@@ -1,12 +1,194 @@
-import "react/jsx-runtime";
-import "react";
-import "./index-Ds9PUTwb.js";
-import "./emotion-styled.browser.esm-BZSYYThs.js";
-import "./Button.js";
-import "./utils-DEke8iwo.js";
-import "./ThemeProvider.js";
-import { D as l } from "./DropdownMenu-DZi3TJ8Q.js";
-import "./motion-CtkUpWEn.js";
+import { jsx as r, jsxs as B } from "react/jsx-runtime";
+import { forwardRef as K, useRef as l, useState as L, Children as U, isValidElement as Y, cloneElement as f } from "react";
+import { P as o } from "./index-BYnWp42a.js";
+import { n as b } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import $ from "./Button.js";
+import { a as q } from "./utils-C52T57HO.js";
+import { useTheme as A } from "./ThemeProvider.js";
+import G from "./Popover.js";
+import H from "./PopoverTrigger.js";
+import J from "./PopoverContent.js";
+import { m as Q } from "./motion-ecIGZGwI.js";
+const W = b.div``, X = b(Q.div)`
+  gap: 0.25rem;
+  display: flex;
+  flex-direction: column;
+  ${(t) => t.widthfitcontent == !1 && "min-width: 12.5rem"};
+  background-color: ${(t) => q(
+  t.theme,
+  "Dropdown",
+  t.color,
+  "enabled",
+  "background"
+)};
+`, Z = K((t, s) => {
+  const {
+    control: a,
+    offsetValue: _ = 9,
+    placement: v,
+    widthFitContent: M = !1,
+    closeOnItemSelect: P = !0,
+    zIndex: N,
+    //----------------
+    onFocus: u = () => {
+    },
+    onBlur: d = () => {
+    },
+    onClick: g = () => {
+    },
+    onKeyDown: y = () => {
+    },
+    onMouseEnter: E = () => {
+    },
+    onMouseLeave: w = () => {
+    },
+    onItemSelected: O = () => {
+    },
+    //----------------
+    animation: h = {
+      animate: { opacity: 1, height: "auto" },
+      exit: { opacity: 0, height: 0 },
+      initial: { opacity: 0, height: 0 },
+      transition: {
+        type: "tween",
+        duration: 0.15,
+        opacity: { duration: 0.15, ease: "easeOut" },
+        height: { duration: 0.15 }
+      }
+    },
+    className: x = "",
+    style: ee = {},
+    color: n = "primary",
+    size: i = "small",
+    contentClassName: D = "",
+    popoverProps: oe,
+    children: R,
+    ...k
+  } = t;
+  l();
+  const z = l(), { theme: F } = A(), C = l(), I = l(), [V, m] = L(!1), S = (e, c, p) => {
+    O(e, c, p), P == !0 && m(!1);
+  }, j = U.map(R, (e, c) => {
+    var p, T;
+    return Y(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" || ((T = e == null ? void 0 : e.type) == null ? void 0 : T.displayName) === "NESTED_ITEM") ? c == 0 ? (e.props.ref && (I.current = s), f(e, {
+      ref: s || I,
+      //needed to focus on navigation
+      color: e.props.color ? e.props.color : n,
+      size: i,
+      onItemSelected: S,
+      animation: h
+    })) : f(e, {
+      color: e.props.color ? e.props.color : n,
+      size: i,
+      onItemSelected: S
+    }) : e;
+  });
+  return /* @__PURE__ */ r(W, { ref: s, className: x, ...k, children: /* @__PURE__ */ B(
+    G,
+    {
+      open: V,
+      onOpenChange: m,
+      placement: v,
+      offsetValue: _,
+      children: [
+        /* @__PURE__ */ r(H, { onClick: () => m((e) => !e), children: typeof a == "string" || a instanceof String ? /* @__PURE__ */ r(
+          $,
+          {
+            text: a,
+            onClick: g,
+            onMouseEnter: E,
+            onMouseLeave: w,
+            onBlur: d,
+            onFocus: u,
+            ref: C,
+            onKeyDown: y,
+            trailingIcon: "angle-down",
+            color: n,
+            size: i
+          }
+        ) : f(a, {
+          color: n,
+          size: i,
+          ref: C,
+          onClick: g,
+          onMouseEnter: E,
+          onMouseLeave: w,
+          onBlur: d,
+          onFocus: u,
+          onKeyDown: y
+        }) }),
+        /* @__PURE__ */ r(J, { zIndex: N, children: /* @__PURE__ */ r(
+          X,
+          {
+            ref: z,
+            widthfitcontent: M,
+            color: n,
+            theme: F,
+            className: D,
+            children: j
+          }
+        ) })
+      ]
+    }
+  ) });
+});
+Z.propTypes = {
+  control: o.oneOfType([o.string, o.element]),
+  /**
+   * Menu offset from the control
+   */
+  offsetValue: o.number,
+  placement: o.oneOf([
+    "center",
+    "top",
+    "right",
+    "bottom",
+    "left",
+    "top-start",
+    "top-end",
+    "right-start",
+    "right-end",
+    "bottom-start",
+    "bottom-end",
+    "left-start",
+    "left-end"
+  ]),
+  /**
+   * Adjust width of dropdown according to dropdown items content.
+   */
+  widthFitContent: o.bool,
+  /**
+   * Close menu when item is selected
+   */
+  closeOnItemSelect: o.bool,
+  /**
+   * zIndex of dropdown popup
+   */
+  zIndex: o.number,
+  //---------------------------------------------------------------
+  onBlur: o.func,
+  onFocus: o.func,
+  onClick: o.func,
+  onKeyDown: o.func,
+  onMouseEnter: o.func,
+  onMouseLeave: o.func,
+  onItemSelected: o.func,
+  //---------------------------------------------------------------
+  animation: o.object,
+  className: o.string,
+  color: o.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: o.oneOf(["small", "medium", "large"]),
+  popoverProps: o.any
+};
 export {
-  l as default
+  Z as default
 };

package/dist/EditableTable.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),i=require("react"),r=require("./index-DXnSjbfJ.cjs"),w=require("./utils-hdRGTsQ7.cjs"),H=require("./Table.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),B=require("./TextInput.cjs"),W=require("./NumberInput.cjs"),J=require("./DecimalInput.cjs"),Q=require("./CheckBoxInput.cjs"),U=require("./Dropdown.cjs"),X=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m={BOOLEAN:"BOOLEAN",STRING:"STRING",INTEGER:"INTEGER",DECIMAL:"DECIMAL",DATE:"DATE",SELECT:"SELECT"},Z=G.newStyled.td`
+"use strict";const c=require("react/jsx-runtime"),i=require("react"),r=require("./index-BIlhCoy2.cjs"),w=require("./utils-DTAPpJXU.cjs"),H=require("./Table.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),B=require("./TextInput.cjs"),W=require("./NumberInput.cjs"),J=require("./DecimalInput.cjs"),Q=require("./CheckBoxInput.cjs"),U=require("./Dropdown.cjs"),X=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m={BOOLEAN:"BOOLEAN",STRING:"STRING",INTEGER:"INTEGER",DECIMAL:"DECIMAL",DATE:"DATE",SELECT:"SELECT"},Z=G.newStyled.td`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/EditableTable.js

@@ -1,15 +1,15 @@
 import { jsx as i, Fragment as G, jsxs as U } from "react/jsx-runtime";
 import { useState as X, useRef as w, useEffect as F, createElement as Z, forwardRef as ee, useImperativeHandle as re } from "react";
-import { P as r } from "./index-Ds9PUTwb.js";
-import { a as V, r as M, e as z } from "./utils-DEke8iwo.js";
+import { P as r } from "./index-BYnWp42a.js";
+import { g as V, r as M, i as z } from "./utils-C52T57HO.js";
 import te from "./Table.js";
-import { n as Y } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as Y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import N from "./TextInput.js";
 import oe from "./NumberInput.js";
 import ne from "./DecimalInput.js";
 import ae from "./CheckBoxInput.js";
 import se from "./Dropdown.js";
-import { u as ce } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as ce } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const h = {
   BOOLEAN: "BOOLEAN",
   STRING: "STRING",

package/dist/FileInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./index-DXnSjbfJ.cjs"),r=require("./utils-hdRGTsQ7.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),k=b.newStyled.label`
+"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./index-BIlhCoy2.cjs"),r=require("./utils-DTAPpJXU.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),k=b.newStyled.label`
   display: inline-flex;
   box-sizing: border-box;
   width: 100%;

package/dist/FileInput.js

@@ -1,10 +1,10 @@
-import { jsxs as R, jsx as m } from "react/jsx-runtime";
-import S, { useState as g } from "react";
-import { n as c } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as t } from "./index-Ds9PUTwb.js";
-import { f as y, b as r, h as V, a as x, g as p } from "./utils-DEke8iwo.js";
-import { u as _ } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const B = c.label`
+import { jsxs as S, jsx as m } from "react/jsx-runtime";
+import { forwardRef as R, useState as g } from "react";
+import { n as c } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as t } from "./index-BYnWp42a.js";
+import { d as y, a as r, e as V, g as x, h as p } from "./utils-C52T57HO.js";
+import { u as B } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const D = c.label`
   display: inline-flex;
   box-sizing: border-box;
   width: 100%;
@@ -19,14 +19,14 @@ const B = c.label`
 )};
   border-radius: 8px;
   ${(e) => e.focused === !0 && e.readOnly !== !0 ? V(e.theme) : ""}
-`, D = c.input`
+`, L = c.input`
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   z-index: -1;
-`, L = c.div`
+`, U = c.div`
   display: flex;
   align-items: center;
   white-space: nowrap;
@@ -58,7 +58,7 @@ const B = c.label`
   border-radius: 8px 0 0 8px;
 
   ${(e) => e.disabled === !0 ? p(e.theme) : ""}
-`, U = c.input`
+`, W = c.input`
   width: 100%;
   appearance: none;
   outline: none;
@@ -98,7 +98,7 @@ const B = c.label`
 )};
 
   ${(e) => e.disabled === !0 ? p(e.theme) : ""}
-`, W = S.forwardRef((e, $) => {
+`, q = R((e, $) => {
   const {
     className: I = "",
     style: C = {},
@@ -106,15 +106,15 @@ const B = c.label`
     onFocus: d,
     onBlur: s,
     disabled: l,
-    readOnly: f,
+    readOnly: b,
     multiple: w = !1,
     accept: z = "",
     label: O = "Choose File",
     color: F = "primary",
     size: k = "small",
     ...v
-  } = e, T = _(), [o, N] = g([]), [b, h] = g(!1);
-  var u = { theme: T, size: k, color: F, disabled: l, focused: b };
+  } = e, T = B(), [o, N] = g([]), [f, h] = g(!1);
+  var u = { theme: T, size: k, color: F, disabled: l, focused: f };
   const j = () => {
     if (o.length > 0) {
       var n = "";
@@ -124,23 +124,23 @@ const B = c.label`
     }
     return "";
   };
-  return /* @__PURE__ */ R(
-    B,
+  return /* @__PURE__ */ S(
+    D,
     {
       ...u,
       className: I,
       style: C,
-      focused: b,
-      readOnly: f,
+      focused: f,
+      readOnly: b,
       children: [
         /* @__PURE__ */ m(
-          D,
+          L,
           {
             ...u,
             accept: z,
             multiple: w,
             ref: $,
-            onChange: l || f ? () => {
+            onChange: l || b ? () => {
             } : (n) => {
               var a = [];
               if (n.target.files && n.target.files.length > 0)
@@ -159,9 +159,9 @@ const B = c.label`
             ...v
           }
         ),
-        /* @__PURE__ */ m(L, { ...u, children: O }),
+        /* @__PURE__ */ m(U, { ...u, children: O }),
         /* @__PURE__ */ m(
-          U,
+          W,
           {
             tabIndex: -1,
             ...u,
@@ -174,7 +174,7 @@ const B = c.label`
     }
   );
 });
-W.propTypes = {
+q.propTypes = {
   id: t.any,
   disabled: t.bool,
   readOnly: t.bool,
@@ -202,5 +202,5 @@ W.propTypes = {
   ])
 };
 export {
-  W as default
+  q as default
 };

package/dist/FlexBox.cjs

@@ -1,4 +1,4 @@
-"use strict";const w=require("react/jsx-runtime"),d=require("react"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-DXnSjbfJ.cjs"),f={Row:"row",RowReverse:"row-reverse",Column:"column",ColumnReverse:"column-reverse"},m={NoWrap:"nowrap",Wrap:"wrap",WrapReverse:"wrap-reverse"},x={Start:"flex-start",Center:"center",End:"flex-end",SpaceAround:"space-around",SpaceBetween:"space-between",SpaceEvenly:"space-evenly"},S={Start:"flex-start",Center:"center",Stretch:"stretch",End:"flex-end",Baseline:"baseline"},g=y.newStyled.div`
+"use strict";const w=require("react/jsx-runtime"),d=require("react"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BIlhCoy2.cjs"),f={Row:"row",RowReverse:"row-reverse",Column:"column",ColumnReverse:"column-reverse"},m={NoWrap:"nowrap",Wrap:"wrap",WrapReverse:"wrap-reverse"},x={Start:"flex-start",Center:"center",End:"flex-end",SpaceAround:"space-around",SpaceBetween:"space-between",SpaceEvenly:"space-evenly"},S={Start:"flex-start",Center:"center",Stretch:"stretch",End:"flex-end",Baseline:"baseline"},g=y.newStyled.div`
   display: flex;
   flex-direction: ${e=>f[e.direction]};
   flex-wrap: ${e=>m[e.wrap]};

package/dist/FlexBox.js

@@ -1,7 +1,7 @@
 import { jsx as f } from "react/jsx-runtime";
-import m from "react";
-import { n as w } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as t } from "./index-Ds9PUTwb.js";
+import { forwardRef as m } from "react";
+import { n as w } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as r } from "./index-BYnWp42a.js";
 const d = {
   Row: "row",
   RowReverse: "row-reverse",
@@ -32,9 +32,9 @@ const d = {
   align-items: ${(e) => x[e.alignItems]};
   column-gap: ${(e) => e.columnGap ? e.columnGap : e.gap};
   row-gap: ${(e) => e.rowGap ? e.rowGap : e.gap};
-`, v = m.forwardRef((e, n) => {
+`, v = m((e, t) => {
   const {
-    className: r = "",
+    className: n = "",
     children: a,
     direction: o = "Row",
     wrap: s = "NoWrap",
@@ -46,8 +46,8 @@ const d = {
   return /* @__PURE__ */ f(
     g,
     {
-      className: "lnc-flexbox-container " + (r || ""),
-      ref: n,
+      className: "lnc-flexbox-container " + (n || ""),
+      ref: t,
       wrap: s,
       gap: p,
       alignItems: l,
@@ -59,21 +59,21 @@ const d = {
   );
 });
 v.propTypes = {
-  rowGap: t.string,
-  columnGap: t.string,
-  gap: t.string,
+  rowGap: r.string,
+  columnGap: r.string,
+  gap: r.string,
   /**
    * Controls the direction of items in FlexBox.
    */
-  direction: t.oneOf(["Row", "RowReverse", "Column", "ColumnReverse"]),
+  direction: r.oneOf(["Row", "RowReverse", "Column", "ColumnReverse"]),
   /**
    * Determines whether the FlexBox should wrap, when there is not enough space to display all items in one line.
    */
-  wrap: t.oneOf(["NoWrap", "Wrap", "WrapReverse"]),
+  wrap: r.oneOf(["NoWrap", "Wrap", "WrapReverse"]),
   /**
    * Controls how the space is distributed between items along the main-axis.
    */
-  justifyContent: t.oneOf([
+  justifyContent: r.oneOf([
     "Start",
     "Center",
     "End",
@@ -84,7 +84,7 @@ v.propTypes = {
   /**
    * Controls how the space is distributed between items along the cross-axis.
    */
-  alignItems: t.oneOf([
+  alignItems: r.oneOf([
     "Start",
     "Center",
     "Stretch",

package/dist/FlexGrid.cjs

@@ -1 +1 @@
-"use strict";const P=require("react/jsx-runtime"),r=require("react"),e=require("./index-DXnSjbfJ.cjs"),S=require("./FlexBox.cjs"),d=require("./FlexGridItem.cjs"),t=r.forwardRef((p,o)=>{const{columns:s=12,spacing:c,rowSpacing:i,columnSpacing:a,justifyContent:u="Start",alignItems:y="Stretch",children:l,rest:T}=p,m=r.Children.map(l,n=>{if(!(!r.isValidElement(n)||n.type!=d))return r.cloneElement(n,{columns:s,spacing:c,rowSpacing:i,columnSpacing:a})});return P.jsx(S,{ref:o,wrap:"Wrap",justifyContent:u,alignItems:y,...T,children:m})});t.propTypes={columns:e.PropTypes.number,spacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),rowSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),columnSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),justifyContent:e.PropTypes.oneOf(["Start","Center","End","SpaceAround","SpaceBetween","SpaceEvenly"]),alignItems:e.PropTypes.oneOf(["Start","Center","Stretch","End","Baseline"])};module.exports=t;
+"use strict";const P=require("react/jsx-runtime"),r=require("react"),e=require("./index-BIlhCoy2.cjs"),S=require("./FlexBox.cjs"),d=require("./FlexGridItem.cjs"),t=r.forwardRef((p,o)=>{const{columns:s=12,spacing:c,rowSpacing:i,columnSpacing:a,justifyContent:u="Start",alignItems:y="Stretch",children:l,rest:T}=p,m=r.Children.map(l,n=>{if(!(!r.isValidElement(n)||n.type!=d))return r.cloneElement(n,{columns:s,spacing:c,rowSpacing:i,columnSpacing:a})});return P.jsx(S,{ref:o,wrap:"Wrap",justifyContent:u,alignItems:y,...T,children:m})});t.propTypes={columns:e.PropTypes.number,spacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),rowSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),columnSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),justifyContent:e.PropTypes.oneOf(["Start","Center","End","SpaceAround","SpaceBetween","SpaceEvenly"]),alignItems:e.PropTypes.oneOf(["Start","Center","Stretch","End","Baseline"])};module.exports=t;