@lanaco/lnc-react-ui 4.0.1 → 4.0.3

package/dist/DropdownItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),d=require("react"),s=require("./index-DXnSjbfJ.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),C=require("./Icon.cjs"),l=require("./utils-hdRGTsQ7.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=G.newStyled.div`
+"use strict";const c=require("react/jsx-runtime"),d=require("react"),l=require("./index-BIlhCoy2.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),C=require("./Icon.cjs"),s=require("./utils-DTAPpJXU.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=G.newStyled.div`
   box-sizing: border-box;
   cursor: ${o=>o.disabled==!1?"pointer":"context-menu"};
   width: 100%;
@@ -8,19 +8,19 @@
   min-height: 2.25rem;
   gap: 0.563rem;
   padding: 0.563rem;
-  color: ${o=>l.getColorRgbaValue(o.theme,"MenuItem",o.color,o.isActive===!0?"active":"enabled","text")};
+  color: ${o=>s.getColorRgbaValue(o.theme,"MenuItem",o.color,o.isActive===!0?"active":"enabled","text")};
   &:hover {
-    ${o=>o.disabled===!1&&`background-color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","background","backgroundOpacity")};`}
+    ${o=>o.disabled===!1&&`background-color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","background","backgroundOpacity")};`}
 
-    ${o=>o.disabled===!1&&`color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","text")};`}
+    ${o=>o.disabled===!1&&`color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","text")};`}
     & .drop-down-icon-lnc {
-      color: ${o=>l.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","icon")};
+      ${o=>o.disabled===!1&&`color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","icon")};`}
     }
   }
-  ${o=>l.getComponentTypographyCss(o.theme,"MenuItem",o.size,"enabled")};
+  ${o=>s.getComponentTypographyCss(o.theme,"MenuItem",o.size,"enabled")};
   & .drop-down-icon-lnc {
-    color: ${o=>o.isActive&&o.disabled==!1?l.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","icon"):l.getColorRgbaValue(o.theme,"MenuItem",o.color,"enabled","icon")};
-    ${o=>o.disabled===!0&&l.getDisabledStateCss(o.theme)};
+    color: ${o=>o.isActive&&o.disabled==!1?s.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","icon"):s.getColorRgbaValue(o.theme,"MenuItem",o.color,"enabled","icon")};
+    ${o=>o.disabled===!0&&s.getDisabledStateCss(o.theme)};
     background: transparent;
   }
   & .sub-menu-icon-lnc {
@@ -28,9 +28,9 @@
     transform: ${o=>o.showNested?"rotate(180deg)":"rotate(0)"};
     transition: transform 0.25s ease;
   }
-  ${o=>o.isActive==!0&&o.disabled==!1&&`background-color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","background","backgroundOpacity")};
-    color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","text")};
+  ${o=>o.isActive==!0&&o.disabled==!1&&`background-color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","background","backgroundOpacity")};
+    color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","text")};
   `}
   outline: none;
-  ${o=>o.disabled===!0&&l.getDisabledStateCss(o.theme)};
-`,P=d.forwardRef((o,a)=>{const{__TYPE__:Q="MENU_ITEM",active:f=!1,icon:T,disabled:m=!1,isNested:u=!1,showNested:v,value:E,onFocus:M=()=>{},onBlur:N=()=>{},onClick:x=()=>{},onKeyDown:$=()=>{},onMouseEnter:W=()=>{},onMouseLeave:X=()=>{},toggleNested:r=()=>{},onItemSelected:w=()=>{},color:k,className:_="",style:R={},size:S="small",iconProps:A,children:y,...q}=o,D={theme:H.useTheme(),color:k,style:R,size:S},g=d.useRef(),[O,b]=d.useState(f);d.useEffect(()=>{b(f)},[f]);const V=e=>{m==!1&&(u&&r&&r(),w(e,E,y),x(e))},j=e=>{b(!0),M(e)},F=e=>{b(!1),N(e)},z=e=>{e.preventDefault(),e.key=="ArrowDown"?h(a?a.current:g.current):e.key=="ArrowUp"?p(a?a.current:g.current):e.key=="Enter"&&m==!1&&(u&&r&&r(),w(e,E,y)),$(e)},h=e=>{if(e!=null&&e.nextSibling){let n=B(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=L(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let n=K(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=U(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},L=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n[0]},U=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n.pop()},t=(e,n)=>{var i=" "+e.className+" ",Y=" "+n+" ";return i.indexOf(Y)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(J,{ref:a||g,className:"menu-item-lnc "+_,disabled:m,tabIndex:0,onKeyDown:z,onFocus:j,onBlur:F,onClick:V,isActive:O,showNested:v,...D,...q,children:[T&&c.jsx(C,{icon:T,className:"drop-down-icon-lnc",...A}),c.jsx("div",{className:"menu-item-text-lnc",children:y}),u&&c.jsx(C,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});P.propTypes={active:s.PropTypes.bool,icon:s.PropTypes.string,disabled:s.PropTypes.bool,isNested:s.PropTypes.bool,value:s.PropTypes.any,onBlur:s.PropTypes.func,onFocus:s.PropTypes.func,onClick:s.PropTypes.func,onKeyDown:s.PropTypes.func,onMouseEnter:s.PropTypes.func,onMouseLeave:s.PropTypes.func,className:s.PropTypes.string,style:s.PropTypes.object,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:s.PropTypes.any,size:s.PropTypes.oneOf(["small","medium","large"]),__TYPE__:s.PropTypes.string};P.displayName="MENU_ITEM";module.exports=P;
+  ${o=>o.disabled===!0&&s.getDisabledStateCss(o.theme)};
+`,P=d.forwardRef((o,a)=>{const{__TYPE__:Q="MENU_ITEM",active:f=!1,icon:T,disabled:m=!1,isNested:u=!1,showNested:v,value:E,onFocus:M=()=>{},onBlur:N=()=>{},onClick:x=()=>{},onKeyDown:$=()=>{},onMouseEnter:W=()=>{},onMouseLeave:X=()=>{},toggleNested:r=()=>{},onItemSelected:w=()=>{},color:k,className:_="",style:R={},size:S="small",iconProps:A,children:y,...q}=o,D={theme:H.useTheme(),color:k,style:R,size:S},g=d.useRef(),[O,b]=d.useState(f);d.useEffect(()=>{b(f)},[f]);const V=e=>{m==!1&&(u&&r&&r(),w(e,E,y),x(e))},j=e=>{b(!0),M(e)},F=e=>{b(!1),N(e)},z=e=>{e.preventDefault(),e.key=="ArrowDown"?h(a?a.current:g.current):e.key=="ArrowUp"?p(a?a.current:g.current):e.key=="Enter"&&m==!1&&(u&&r&&r(),w(e,E,y)),$(e)},h=e=>{if(e!=null&&e.nextSibling){let n=B(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=L(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let n=K(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=U(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},L=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n[0]},U=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n.pop()},t=(e,n)=>{var i=" "+e.className+" ",Y=" "+n+" ";return i.indexOf(Y)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(J,{ref:a||g,className:"menu-item-lnc "+_,disabled:m,tabIndex:0,onKeyDown:z,onFocus:j,onBlur:F,onClick:V,isActive:O,showNested:v,...D,...q,children:[T&&c.jsx(C,{icon:T,className:"drop-down-icon-lnc",...A}),c.jsx("div",{className:"menu-item-text-lnc",children:y}),u&&c.jsx(C,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});P.propTypes={active:l.PropTypes.bool,icon:l.PropTypes.string,disabled:l.PropTypes.bool,isNested:l.PropTypes.bool,value:l.PropTypes.any,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,onMouseEnter:l.PropTypes.func,onMouseLeave:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:l.PropTypes.any,size:l.PropTypes.oneOf(["small","medium","large"]),__TYPE__:l.PropTypes.string};P.displayName="MENU_ITEM";module.exports=P;

package/dist/DropdownItem.js

@@ -1,10 +1,10 @@
 import { jsx as d, Fragment as G, jsxs as H } from "react/jsx-runtime";
 import J, { useRef as Q, useState as W, useEffect as X } from "react";
-import { P as l } from "./index-Ds9PUTwb.js";
-import { n as Z } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { P as l } from "./index-BYnWp42a.js";
+import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import M from "./Icon.js";
-import { b as s, a as I, g as N } from "./utils-DEke8iwo.js";
-import { u as ee } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { a as s, g as I, h as N } from "./utils-C52T57HO.js";
+import { u as ee } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const ne = Z.div`
   box-sizing: border-box;
   cursor: ${(n) => n.disabled == !1 ? "pointer" : "context-menu"};
@@ -40,13 +40,13 @@ const ne = Z.div`
   "text"
 )};`}
     & .drop-down-icon-lnc {
-      color: ${(n) => s(
+      ${(n) => n.disabled === !1 && `color: ${s(
   n.theme,
   "MenuItem",
   n.color,
   "hover",
   "icon"
-)};
+)};`}
     }
   }
   ${(n) => I(n.theme, "MenuItem", n.size, "enabled")};
@@ -102,11 +102,11 @@ const ne = Z.div`
     //----------------
     onFocus: C = () => {
     },
-    onBlur: p = () => {
+    onBlur: _ = () => {
     },
-    onClick: _ = () => {
+    onClick: x = () => {
     },
-    onKeyDown: x = () => {
+    onKeyDown: A = () => {
     },
     onMouseEnter: le = () => {
     },
@@ -117,25 +117,25 @@ const ne = Z.div`
     onItemSelected: v = () => {
     },
     //----------------
-    color: A,
+    color: p,
     className: S = "",
     style: O = {},
     size: P = "small",
     iconProps: D,
     children: u,
     ...T
-  } = n, F = { theme: ee(), color: A, style: O, size: P }, h = Q(), [R, b] = W(f);
+  } = n, F = { theme: ee(), color: p, style: O, size: P }, h = Q(), [R, b] = W(f);
   X(() => {
     b(f);
   }, [f]);
   const z = (e) => {
-    m == !1 && (r && c && c(), v(e, w, u), _(e));
+    m == !1 && (r && c && c(), v(e, w, u), x(e));
   }, B = (e) => {
     b(!0), C(e);
   }, K = (e) => {
-    b(!1), p(e);
+    b(!1), _(e);
   }, j = (e) => {
-    e.preventDefault(), e.key == "ArrowDown" ? g(a ? a.current : h.current) : e.key == "ArrowUp" ? y(a ? a.current : h.current) : e.key == "Enter" && m == !1 && (r && c && c(), v(e, w, u)), x(e);
+    e.preventDefault(), e.key == "ArrowDown" ? g(a ? a.current : h.current) : e.key == "ArrowUp" ? y(a ? a.current : h.current) : e.key == "Enter" && m == !1 && (r && c && c(), v(e, w, u)), A(e);
   }, g = (e) => {
     if (e != null && e.nextSibling) {
       let o = L(e);

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}%;