@lanaco/lnc-react-ui 4.0.2 → 4.0.3

package/dist/DropdownLookup.cjs

@@ -1 +1 @@
-"use strict";const le=require("react/jsx-runtime"),e=require("./index-DXnSjbfJ.cjs"),t=require("react"),B=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),n=require("./CustomStyles-CqlCjTgU.cjs"),ce=require("./defineProperty-DHvxLH8G.cjs");require("./index-C29T0m2a.cjs");const fe=require("./index-BjdOz5Ok.cjs");function de(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(p,s,a.get?a:{enumerable:!0,get:()=>o[s]})}}return p.default=o,Object.freeze(p)}const ye=de(t);var Te=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Pe(o){var p=o.defaultOptions,s=p===void 0?!1:p,a=o.cacheOptions,i=a===void 0?!1:a,y=o.loadOptions;o.options;var l=o.isLoading,h=l===void 0?!1:l,S=o.onInputChange,m=o.filterOption,C=m===void 0?null:m,g=n._objectWithoutProperties(o,Te),_=g.inputValue,u=t.useRef(void 0),c=t.useRef(!1),T=t.useState(Array.isArray(s)?s:void 0),f=n._slicedToArray(T,2),G=f[0],x=f[1],W=t.useState(typeof _<"u"?_:""),q=n._slicedToArray(W,2),D=q[0],I=q[1],J=t.useState(s===!0),R=n._slicedToArray(J,2),K=R[0],P=R[1],Q=t.useState(void 0),w=n._slicedToArray(Q,2),A=w[0],L=w[1],U=t.useState([]),E=n._slicedToArray(U,2),X=E[0],j=E[1],Y=t.useState(!1),$=n._slicedToArray(Y,2),Z=$[0],v=$[1],ee=t.useState({}),k=n._slicedToArray(ee,2),O=k[0],z=k[1],te=t.useState(void 0),F=n._slicedToArray(te,2),oe=F[0],se=F[1],ne=t.useState(void 0),N=n._slicedToArray(ne,2),re=N[0],pe=N[1];i!==re&&(z({}),pe(i)),s!==oe&&(x(Array.isArray(s)?s:void 0),se(s)),t.useEffect(function(){return c.current=!0,function(){c.current=!1}},[]);var M=t.useCallback(function(b,d){if(!y)return d();var r=y(b,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[y]);t.useEffect(function(){s===!0&&M(D,function(b){c.current&&(x(b||[]),P(!!u.current))})},[]);var ae=t.useCallback(function(b,d){var r=n.handleInputChange(b,d,S);if(!r){u.current=void 0,I(""),L(""),j([]),P(!1),v(!1);return}if(i&&O[r])I(r),L(r),j(O[r]),P(!1),v(!1);else{var ie=u.current={};I(r),P(!0),v(!A),M(r,function(V){c&&ie===u.current&&(u.current=void 0,P(!1),L(r),j(V||[]),v(!1),z(V?n._objectSpread2(n._objectSpread2({},O),{},ce._defineProperty({},r,V)):O))})}},[i,M,A,O,S]),ue=Z?[]:D&&A?X:G||[];return n._objectSpread2(n._objectSpread2({},g),{},{options:ue,isLoading:K||h,onInputChange:ae,filterOption:C})}var Oe=t.forwardRef(function(o,p){var s=Pe(o),a=n.useStateManager(s);return ye.createElement(n.Select,B._extends({ref:p},a))}),be=Oe;const H=t.forwardRef((o,p)=>{const{styles:s,debounceTime:a=180,isSearchable:i=!0,isClearable:y=!0,onInputChange:l,size:h="small",color:S="primary",className:m="",style:C={},...g}=o,_=B.useTheme(),u=t.useCallback(fe.debounce((T,f)=>{l==null||l(T,f)},a)),c=(T,f)=>{u(T,f)};return le.jsx(be,{ref:p,styles:s||n.customStyles,size:h,color:S,theme:_,isSearchable:i,isClearable:y,onInputChange:c,className:m,style:C,...g})});H.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=H;
+"use strict";const le=require("react/jsx-runtime"),e=require("./index-BIlhCoy2.cjs"),t=require("react"),B=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),n=require("./CustomStyles-Dlqxic2X.cjs"),ce=require("./defineProperty-DHvxLH8G.cjs");require("./index-Ct1N7fF4.cjs");const fe=require("./index-DaiUAQVF.cjs");function de(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(p,s,a.get?a:{enumerable:!0,get:()=>o[s]})}}return p.default=o,Object.freeze(p)}const ye=de(t);var Te=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Pe(o){var p=o.defaultOptions,s=p===void 0?!1:p,a=o.cacheOptions,i=a===void 0?!1:a,y=o.loadOptions;o.options;var l=o.isLoading,h=l===void 0?!1:l,S=o.onInputChange,m=o.filterOption,C=m===void 0?null:m,g=n._objectWithoutProperties(o,Te),_=g.inputValue,u=t.useRef(void 0),c=t.useRef(!1),T=t.useState(Array.isArray(s)?s:void 0),f=n._slicedToArray(T,2),G=f[0],x=f[1],W=t.useState(typeof _<"u"?_:""),q=n._slicedToArray(W,2),D=q[0],I=q[1],J=t.useState(s===!0),R=n._slicedToArray(J,2),K=R[0],P=R[1],Q=t.useState(void 0),w=n._slicedToArray(Q,2),A=w[0],L=w[1],U=t.useState([]),E=n._slicedToArray(U,2),X=E[0],j=E[1],Y=t.useState(!1),$=n._slicedToArray(Y,2),Z=$[0],v=$[1],ee=t.useState({}),k=n._slicedToArray(ee,2),O=k[0],z=k[1],te=t.useState(void 0),F=n._slicedToArray(te,2),oe=F[0],se=F[1],ne=t.useState(void 0),N=n._slicedToArray(ne,2),re=N[0],pe=N[1];i!==re&&(z({}),pe(i)),s!==oe&&(x(Array.isArray(s)?s:void 0),se(s)),t.useEffect(function(){return c.current=!0,function(){c.current=!1}},[]);var M=t.useCallback(function(b,d){if(!y)return d();var r=y(b,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[y]);t.useEffect(function(){s===!0&&M(D,function(b){c.current&&(x(b||[]),P(!!u.current))})},[]);var ae=t.useCallback(function(b,d){var r=n.handleInputChange(b,d,S);if(!r){u.current=void 0,I(""),L(""),j([]),P(!1),v(!1);return}if(i&&O[r])I(r),L(r),j(O[r]),P(!1),v(!1);else{var ie=u.current={};I(r),P(!0),v(!A),M(r,function(V){c&&ie===u.current&&(u.current=void 0,P(!1),L(r),j(V||[]),v(!1),z(V?n._objectSpread2(n._objectSpread2({},O),{},ce._defineProperty({},r,V)):O))})}},[i,M,A,O,S]),ue=Z?[]:D&&A?X:G||[];return n._objectSpread2(n._objectSpread2({},g),{},{options:ue,isLoading:K||h,onInputChange:ae,filterOption:C})}var Oe=t.forwardRef(function(o,p){var s=Pe(o),a=n.useStateManager(s);return ye.createElement(n.Select,B._extends({ref:p},a))}),be=Oe;const H=t.forwardRef((o,p)=>{const{styles:s,debounceTime:a=180,isSearchable:i=!0,isClearable:y=!0,onInputChange:l,size:h="small",color:S="primary",className:m="",style:C={},...g}=o,_=B.useTheme(),u=t.useCallback(fe.debounce((T,f)=>{l==null||l(T,f)},a)),c=(T,f)=>{u(T,f)};return le.jsx(be,{ref:p,styles:s||n.customStyles,size:h,color:S,theme:_,isSearchable:i,isClearable:y,onInputChange:c,className:m,style:C,...g})});H.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=H;

package/dist/DropdownLookup.js

@@ -1,12 +1,12 @@
 import { jsx as ce } from "react/jsx-runtime";
-import { P as e } from "./index-Ds9PUTwb.js";
+import { P as e } from "./index-BYnWp42a.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";
+import { _ as be, u as ge } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { _ as Se, b as s, h as he, d as C, u as ve, S as ye, a as _e } from "./CustomStyles-BUSJ8bZt.js";
+import { _ as Ie } from "./defineProperty-B5pLF6px.js";
+import "./index--Kmch3aI.js";
+import { d as Ce } from "./index-CNBqQrtK.js";
 var Le = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
 function Me(o) {
   var r = o.defaultOptions, t = r === void 0 ? !1 : r, i = o.cacheOptions, l = i === void 0 ? !1 : i, d = o.loadOptions;

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 s, jsxs as B } from "react/jsx-runtime";
+import n, { useRef as p, useState as K } from "react";
+import { P as o } from "./index-BYnWp42a.js";
+import { n as T } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import L from "./Button.js";
+import { a as U } from "./utils-C52T57HO.js";
+import { useTheme as Y } from "./ThemeProvider.js";
+import $ from "./Popover.js";
+import q from "./PopoverTrigger.js";
+import A from "./PopoverContent.js";
+import { m as G } from "./motion-ecIGZGwI.js";
+const H = T.div``, J = T(G.div)`
+  gap: 0.25rem;
+  display: flex;
+  flex-direction: column;
+  ${(t) => t.widthfitcontent == !1 && "min-width: 12.5rem"};
+  background-color: ${(t) => U(
+  t.theme,
+  "Dropdown",
+  t.color,
+  "enabled",
+  "background"
+)};
+`, Q = n.forwardRef((t, a) => {
+  const {
+    control: l,
+    offsetValue: b = 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: W = {},
+    color: r = "primary",
+    size: i = "small",
+    contentClassName: D = "",
+    popoverProps: X,
+    children: R,
+    ...k
+  } = t;
+  p();
+  const z = p(), { theme: F } = Y(), C = p(), I = p(), [V, c] = K(!1), S = (e, f, m) => {
+    O(e, f, m), P == !0 && c(!1);
+  }, j = n.Children.map(R, (e, f) => {
+    var m, _;
+    return n.isValidElement(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((_ = e == null ? void 0 : e.type) == null ? void 0 : _.displayName) === "NESTED_ITEM") ? f == 0 ? (e.props.ref && (I.current = a), n.cloneElement(e, {
+      ref: a || I,
+      //needed to focus on navigation
+      color: e.props.color ? e.props.color : r,
+      size: i,
+      onItemSelected: S,
+      animation: h
+    })) : n.cloneElement(e, {
+      color: e.props.color ? e.props.color : r,
+      size: i,
+      onItemSelected: S
+    }) : e;
+  });
+  return /* @__PURE__ */ s(H, { ref: a, className: x, ...k, children: /* @__PURE__ */ B(
+    $,
+    {
+      open: V,
+      onOpenChange: c,
+      placement: v,
+      offsetValue: b,
+      children: [
+        /* @__PURE__ */ s(q, { onClick: () => c((e) => !e), children: typeof l == "string" || l instanceof String ? /* @__PURE__ */ s(
+          L,
+          {
+            text: l,
+            onClick: g,
+            onMouseEnter: E,
+            onMouseLeave: w,
+            onBlur: d,
+            onFocus: u,
+            ref: C,
+            onKeyDown: y,
+            trailingIcon: "angle-down",
+            color: r,
+            size: i
+          }
+        ) : n.cloneElement(l, {
+          color: r,
+          size: i,
+          ref: C,
+          onClick: g,
+          onMouseEnter: E,
+          onMouseLeave: w,
+          onBlur: d,
+          onFocus: u,
+          onKeyDown: y
+        }) }),
+        /* @__PURE__ */ s(A, { zIndex: N, children: /* @__PURE__ */ s(
+          J,
+          {
+            ref: z,
+            widthfitcontent: M,
+            color: r,
+            theme: F,
+            className: D,
+            children: j
+          }
+        ) })
+      ]
+    }
+  ) });
+});
+Q.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
+  Q 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,9 +1,9 @@
 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";
+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 _ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const B = c.label`
   display: inline-flex;
   box-sizing: border-box;

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;

package/dist/FlexGrid.js

@@ -1,40 +1,40 @@
-import { jsx as d } from "react/jsx-runtime";
-import n from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import S from "./FlexBox.js";
-import y from "./FlexGridItem.js";
-const g = n.forwardRef((t, o) => {
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as S, Children as d, isValidElement as y, cloneElement as g } from "react";
+import { P as e } from "./index-BYnWp42a.js";
+import b from "./FlexBox.js";
+import j from "./FlexGridItem.js";
+const x = S((r, t) => {
   const {
-    columns: p = 12,
-    spacing: a,
-    rowSpacing: c,
-    columnSpacing: m,
-    justifyContent: i = "Start",
-    alignItems: l = "Stretch",
-    children: s,
-    rest: f
-  } = t, u = n.Children.map(s, (r) => {
-    if (!(!n.isValidElement(r) || r.type != y))
-      return n.cloneElement(r, {
-        columns: p,
-        spacing: a,
-        rowSpacing: c,
-        columnSpacing: m
+    columns: o = 12,
+    spacing: p,
+    rowSpacing: m,
+    columnSpacing: a,
+    justifyContent: c = "Start",
+    alignItems: i = "Stretch",
+    children: l,
+    rest: s
+  } = r, f = d.map(l, (n) => {
+    if (!(!y(n) || n.type != j))
+      return g(n, {
+        columns: o,
+        spacing: p,
+        rowSpacing: m,
+        columnSpacing: a
       });
   });
-  return /* @__PURE__ */ d(
-    S,
+  return /* @__PURE__ */ u(
+    b,
     {
-      ref: o,
+      ref: t,
       wrap: "Wrap",
-      justifyContent: i,
-      alignItems: l,
-      ...f,
-      children: u
+      justifyContent: c,
+      alignItems: i,
+      ...s,
+      children: f
     }
   );
 });
-g.propTypes = {
+x.propTypes = {
   /**
    * Number of available grid columns.
    */
@@ -74,5 +74,5 @@ g.propTypes = {
   ])
 };
 export {
-  g as default
+  x as default
 };

package/dist/FlexGridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-DXnSjbfJ.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./utils-hdRGTsQ7.cjs"),$=g.newStyled.div`
+"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BIlhCoy2.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./utils-DTAPpJXU.cjs"),$=g.newStyled.div`
   ${s=>s.width>0?"":"flex: 1;"}
   min-width: ${s=>100/s.columns}%;
   width: ${s=>s.width}%;

package/dist/FlexGridItem.js

@@ -1,8 +1,8 @@
 import { jsx as y } from "react/jsx-runtime";
 import N, { useState as S, useEffect as b } from "react";
-import { P as i } from "./index-Ds9PUTwb.js";
-import { n as I } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { u as M } from "./utils-DEke8iwo.js";
+import { P as i } from "./index-BYnWp42a.js";
+import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as M } from "./utils-C52T57HO.js";
 const R = I.div`
   ${(t) => t.width > 0 ? "" : "flex: 1;"}
   min-width: ${(t) => 100 / t.columns}%;

package/dist/Footer.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("react"),c=require("./index-DXnSjbfJ.cjs"),e=i.forwardRef((r,o)=>{const{children:t,__TYPE__:_="Footer",...s}=r;return n.jsx("footer",{ref:o,...s,children:t})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Footer";module.exports=e;
+"use strict";const n=require("react/jsx-runtime"),i=require("react"),c=require("./index-BIlhCoy2.cjs"),e=i.forwardRef((r,o)=>{const{children:t,__TYPE__:_="Footer",...s}=r;return n.jsx("footer",{ref:o,...s,children:t})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Footer";module.exports=e;

package/dist/Footer.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import _ from "react";
-import { P as a } from "./index-Ds9PUTwb.js";
-const o = _.forwardRef((r, t) => {
-  const { children: e, __TYPE__: f = "Footer", ...p } = r;
+import { forwardRef as _ } from "react";
+import { P as f } from "./index-BYnWp42a.js";
+const o = _((r, t) => {
+  const { children: e, __TYPE__: m = "Footer", ...p } = r;
   return /* @__PURE__ */ s("footer", { ref: t, ...p, children: e });
 });
 o.propTypes = {
@@ -10,7 +10,7 @@ o.propTypes = {
    * Do not override this property.
    * Should only be used as indicator for type if you are passing custom component.
    */
-  __TYPE__: a.string
+  __TYPE__: f.string
 };
 o.displayName = "Footer";
 export {

package/dist/FormField.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime");require("react");const r=require("./index-DXnSjbfJ.cjs"),a=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-hdRGTsQ7.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=a.newStyled.label`
+"use strict";const s=require("react/jsx-runtime"),r=require("./index-BIlhCoy2.cjs"),a=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-DTAPpJXU.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=a.newStyled.label`
   display: block;
   margin-bottom: 4px;
   ${e=>o.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}

package/dist/FormField.js

@@ -1,9 +1,8 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
-import "react";
-import { P as l } from "./index-Ds9PUTwb.js";
-import { n as m } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as i, b as n } from "./utils-DEke8iwo.js";
-import { u as g } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { P as l } from "./index-BYnWp42a.js";
+import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as i, a as n } from "./utils-C52T57HO.js";
+import { u as g } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const f = m.label`
   display: block;
   margin-bottom: 4px;
@@ -27,14 +26,14 @@ const f = m.label`
     className: d = "",
     style: p = {},
     text: o = "",
-    label: t = "",
+    label: a = "",
     children: y,
     ...u
-  } = e, a = g();
+  } = e, t = g();
   return /* @__PURE__ */ b("div", { style: p, className: "lnc-ui-form-field " + d, children: [
-    t && /* @__PURE__ */ s(f, { theme: a, size: r, children: t }),
+    a && /* @__PURE__ */ s(f, { theme: t, size: r, children: a }),
     y,
-    o && /* @__PURE__ */ s(h, { size: r, theme: a, color: c, children: o })
+    o && /* @__PURE__ */ s(h, { size: r, theme: t, color: c, children: o })
   ] });
 };
 F.propTypes = {

package/dist/FormView.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-DXnSjbfJ.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-hdRGTsQ7.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),oe=g.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BIlhCoy2.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-DTAPpJXU.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),oe=g.newStyled.div`
   display: flex;
   justify-content: space-between;
 `,se=g.newStyled.form`