@lanaco/lnc-react-ui 4.0.199 → 4.0.200

package/dist/DropdownLookup.js

@@ -1,69 +1,68 @@
-import { jsx as de } from "react/jsx-runtime";
-import { P as e } from "./index-CblbdqjE.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-f0de968e.browser.esm-CkCiQliQ.js";
-import { _ as Se, b as s, h as ge, d as C, u as he, S as ve, a as ye } from "./CustomStyles-DtWxboEM.js";
-import { _ as _e } from "./defineProperty-DF3p0mVo.js";
+import { jsx as le } from "react/jsx-runtime";
+import * as ce from "react";
+import { useRef as G, useState as a, useEffect as H, useCallback as E, forwardRef as J } from "react";
+import { _ as ve, u as Oe } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { _ as Se, b as s, h as me, d as C, u as he, S as _e, a as ye } from "./CustomStyles-DtWxboEM.js";
+import { _ as ge } from "./defineProperty-DF3p0mVo.js";
 import "./index-B1vKwsDE.js";
 import { d as Ie } from "./index-Dt62UGku.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, 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), S = 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;
+function Le(n) {
+  var o = n.defaultOptions, e = o === void 0 ? !1 : o, u = n.cacheOptions, i = u === void 0 ? !1 : u, l = n.loadOptions;
+  n.options;
+  var p = n.isLoading, L = p === void 0 ? !1 : p, h = n.onInputChange, _ = n.filterOption, A = _ === void 0 ? null : _, y = Se(n, Ce), g = y.inputValue, r = G(void 0), c = G(!1), v = a(Array.isArray(e) ? e : void 0), f = s(v, 2), K = f[0], R = f[1], Q = a(typeof g < "u" ? g : ""), j = s(Q, 2), T = j[0], P = j[1], U = a(e === !0), w = s(U, 2), X = w[0], O = w[1], Y = a(void 0), M = s(Y, 2), V = M[0], b = M[1], Z = a([]), q = s(Z, 2), k = q[0], D = q[1], ee = a(!1), z = s(ee, 2), te = z[0], I = z[1], ne = a({}), N = s(ne, 2), S = N[0], W = N[1], ae = a(void 0), B = s(ae, 2), se = B[0], re = B[1], oe = a(void 0), F = s(oe, 2), ue = F[0], ie = F[1];
+  i !== ue && (W({}), ie(i)), e !== se && (R(Array.isArray(e) ? e : void 0), re(e)), H(function() {
+    return c.current = !0, function() {
+      c.current = !1;
     };
   }, []);
-  var x = j(function(g, c) {
-    if (!d) return c();
-    var n = d(g, c);
-    n && typeof n.then == "function" && n.then(c, function() {
-      return c();
+  var $ = E(function(m, d) {
+    if (!l) return d();
+    var t = l(m, d);
+    t && typeof t.then == "function" && t.then(d, function() {
+      return d();
     });
-  }, [d]);
-  W(function() {
-    t === !0 && x(w, function(g) {
-      O.current && (R(g || []), b(!!u.current));
+  }, [l]);
+  H(function() {
+    e === !0 && $(T, function(m) {
+      c.current && (R(m || []), O(!!r.current));
     });
   }, []);
-  var pe = j(function(g, c) {
-    var n = ge(g, c, h);
-    if (!n) {
-      u.current = void 0, P(""), A(""), T([]), b(!1), I(!1);
+  var pe = E(function(m, d) {
+    var t = me(m, d, h);
+    if (!t) {
+      r.current = void 0, P(""), b(""), D([]), O(!1), I(!1);
       return;
     }
-    if (l && S[n])
-      P(n), A(n), T(S[n]), b(!1), I(!1);
+    if (i && S[t])
+      P(t), b(t), D(S[t]), O(!1), I(!1);
     else {
-      var ce = u.current = {};
-      P(n), b(!0), I(!V), x(n, function(D) {
-        O && ce === u.current && (u.current = void 0, b(!1), A(n), T(D || []), I(!1), N(D ? C(C({}, S), {}, _e({}, n, D)) : S));
+      var de = r.current = {};
+      P(t), O(!0), I(!V), $(t, function(x) {
+        c && de === r.current && (r.current = void 0, O(!1), b(t), D(x || []), I(!1), W(x ? C(C({}, S), {}, ge({}, t, x)) : S));
       });
     }
-  }, [l, x, V, S, h]), fe = ne ? [] : w && V ? ee : K || [];
+  }, [i, $, V, S, h]), fe = te ? [] : T && V ? k : K || [];
   return C(C({}, y), {}, {
     options: fe,
     isLoading: X || L,
     onInputChange: pe,
-    filterOption: M
+    filterOption: A
   });
 }
-var Me = /* @__PURE__ */ J(function(o, r) {
-  var t = Le(o), i = he(t);
-  return /* @__PURE__ */ Oe.createElement(ve, me({
-    ref: r
-  }, i));
-}), Pe = Me;
-const Ve = J((o, r) => {
+var Ae = /* @__PURE__ */ J(function(n, o) {
+  var e = Le(n), u = he(e);
+  return /* @__PURE__ */ ce.createElement(_e, ve({
+    ref: o
+  }, u));
+}), Pe = Ae;
+const je = J((n, o) => {
   const {
     // defaultOptions,
     // cacheOptions,
     // loadOptions,
-    styles: t,
-    debounceTime: i = 0,
+    styles: e,
+    debounceTime: u = 0,
     // name,
     // hideSelectedOptions,
     // id,
@@ -71,8 +70,8 @@ const Ve = J((o, r) => {
     // value,
     // readOnly,
     // tabIndex,
-    isSearchable: l = !0,
-    isClearable: d = !0,
+    isSearchable: i = !0,
+    isClearable: l = !0,
     // isLoading,
     // isRtl,
     // isDisabled,
@@ -112,214 +111,34 @@ const Ve = J((o, r) => {
     // onFocus,
     size: L = "small",
     color: h = "primary",
-    className: v = "",
-    style: M = {},
+    className: _ = "",
+    style: A = {},
     // children,
     ...y
-  } = o, _ = be(), u = j(
-    Ie((m, f) => {
-      p == null || p(m, f);
-    }, i)
+  } = n, g = Oe(), r = E(
+    Ie((v, f) => {
+      p == null || p(v, f);
+    }, u)
   );
-  return /* @__PURE__ */ de(
+  return /* @__PURE__ */ le(
     Pe,
     {
-      ref: r,
-      styles: t || ye,
+      ref: o,
+      styles: e || ye,
       size: L,
       color: h,
-      theme: _,
-      isSearchable: l,
-      isClearable: d,
-      onInputChange: (m, f) => {
-        u(m, f);
+      theme: g,
+      isSearchable: i,
+      isClearable: l,
+      onInputChange: (v, f) => {
+        r(v, f);
       },
-      className: v,
-      style: M,
+      className: _,
+      style: A,
       ...y
     }
   );
 });
-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.
-   */
-  defaultOptions: e.oneOfType([e.bool, e.array]),
-  /**
-   * If cacheOptions is truthy, then the loaded data will be cached. The cache will remain until cacheOptions changes value.
-   */
-  cacheOptions: e.any,
-  /**
-   * Function that returns a promise, which is the set of options to be used once the promise resolves.
-   */
-  loadOptions: e.func,
-  styles: e.object,
-  debounceTime: e.number,
-  name: e.string,
-  value: e.any,
-  /**
-   * Sets the tabIndex attribute on the input
-   */
-  tabIndex: e.number,
-  /**
-   * Whether to enable search functionality
-   */
-  isSearchable: e.bool,
-  isClearable: e.bool,
-  /**
-   * Is the select in a state of loading (async)
-   */
-  isLoading: e.bool,
-  /**
-   * Is the select direction right-to-left
-   */
-  isRtl: e.bool,
-  isDisabled: e.bool,
-  readOnly: e.bool,
-  /**
-   * Close the select menu when the user selects an option
-   */
-  closeMenuOnSelect: e.bool,
-  /**
-   * If true, close the select menu when the user scrolls the document/body.
-   * If a function, takes a standard javascript ScrollEvent you return a boolean:
-   * true => The menu closes
-   * false => The menu stays open
-   * This is useful when you have a scrollable modal and want to portal the menu out, but want to avoid graphical issues.
-   */
-  closeMenuOnScroll: e.oneOfType([e.bool, e.func]),
-  /**
-   * Clear all values when the user presses escape AND the menu is closed
-   */
-  escapeClearsValue: e.bool,
-  /**
-   * Custom method to filter whether an option should be displayed in the menu. Type: `null` or `() => boolean`
-   */
-  filterOption: e.func,
-  /**
-   * Formats group labels in the menu as React components
-   */
-  formatGroupLabel: e.func,
-  /**
-   * Formats option labels in the menu and control as React components
-   */
-  formatOptionLabel: e.func,
-  /**
-   * Resolves option data to a string to be displayed as the label by components
-   * Note: Failure to resolve to a string type can interfere with filtering and screen reader support.
-   */
-  getOptionLabel: e.func,
-  /**
-   * Resolves option data to a string to compare options and specify value attributes
-   */
-  getOptionValue: e.func,
-  /**
-   * Hide the selected option from the menu
-   */
-  hideSelectedOptions: e.bool,
-  /**
-   * The id to set on the SelectContainer component
-   */
-  id: e.any,
-  /**
-   * The id of the search input
-   */
-  inputid: e.any,
-  /**
-   * Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
-   */
-  isOptionDisabled: e.func,
-  /**
-   * Override the built-in logic to detect whether an option is selected. `(...) => boolean`
-   */
-  isOptionSelected: e.func,
-  /**
-   * Async: Text to display when loading options `(...) => ...`
-   */
-  loadingMessage: e.func,
-  /**
-   * Minimum height of the menu before flipping
-   */
-  minMenuHeight: e.number,
-  /**
-   * Maximum height of the menu before flipping
-   */
-  maxMenuHeight: e.number,
-  /**
-   * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
-   */
-  menuPlacement: e.oneOf(["bottom", "auto", "top"]),
-  /**
-   *The CSS position value of the menu, when "fixed" extra layout management is required.
-   */
-  menuPosition: e.oneOf(["absolute", "fixed"]),
-  /**
-   * Whether to block scroll events when the menu is open
-   */
-  menuShouldBlockScroll: e.bool,
-  /**
-   * Whether the menu should be scrolled into view when it opens
-   */
-  menuShouldScrollIntoView: e.bool,
-  /**
-   * Allows control of whether the menu is opened when the Select is focused
-   */
-  openMenuOnFocus: e.bool,
-  /**
-   * Allows control of whether the menu is opened when the Select is clicked
-   */
-  openMenuOnClick: e.bool,
-  //----
-  autoFocus: e.bool,
-  placeholder: e.any,
-  noOptionsMessage: e.string,
-  menuIsOpen: e.bool,
-  /**
-   *  This complex object includes all the compositional components that are used in react-select. If you wish to overwrite a component, pass in an object with the appropriate namespace.
-   *  If you only wish to restyle a component, we recommend using the styles prop instead.
-   */
-  components: e.object,
-  /**
-   * initial value of the control
-   */
-  defaultValue: e.string,
-  /**
-   * initial value of the search input
-   */
-  defaultInputValue: e.string,
-  /**
-   * initial open value of the menu
-   */
-  defaultMenuIsOpen: e.bool,
-  /**
-   * Delimiter used to join multiple values into a single HTML Input value
-   */
-  delimiter: e.string,
-  //---------------------------------------------------------------
-  onChange: e.func,
-  /**
-   * control the value of the search input (changing this will update the available options)
-   */
-  onInputChange: e.func,
-  onMenuOpen: e.func,
-  onMenuClose: e.func,
-  onFocus: e.func,
-  onBlur: e.func,
-  //---------------------------------------------------------------
-  className: e.string,
-  style: e.object,
-  color: e.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: e.oneOf(["small", "medium", "large"])
-};
 export {
-  Ve as default
+  je as default
 };

package/dist/DropdownMenu.cjs

@@ -1,7 +1,7 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),o=require("./index-BpbMKBf_.cjs"),I=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./Button.cjs"),K=require("./utils-RnrgDDZP.cjs"),L=require("./ThemeProvider.cjs"),U=require("./Popover.cjs"),Y=require("./PopoverTrigger.cjs"),$=require("./PopoverContent.cjs"),A=require("./motion-B_VPZaJq.cjs"),G=I.styled.div``,H=I.styled(A.motion.div)`
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),z=require("./Button.cjs"),B=require("./utils-RnrgDDZP.cjs"),F=require("./ThemeProvider.cjs"),U=require("./Popover.cjs"),Y=require("./PopoverTrigger.cjs"),$=require("./PopoverContent.cjs"),K=require("./motion-B_VPZaJq.cjs"),L=C.styled.div``,A=C.styled(K.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")};
-`,C=t.forwardRef((n,p)=>{const{control:i,offsetValue:S=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,x;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"||((x=e==null?void 0:e.type)==null?void 0:x.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:S,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})})]})})});C.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=C;
+  ${t=>t.widthfitcontent==!1&&"min-width: 12.5rem"};
+  background-color: ${t=>B.getColorRgbaValue(t.theme,"Dropdown",t.color,"enabled","background")};
+`,G=o.forwardRef((t,s)=>{const{control:i,offsetValue:I=9,placement:S,widthFitContent:T=!1,closeOnItemSelect:q=!0,zIndex:R,onFocus:p=()=>{},onBlur:m=()=>{},onClick:f=()=>{},onKeyDown:d=()=>{},onMouseEnter:y=()=>{},onMouseLeave:E=()=>{},onItemSelected:v=()=>{},animation:M={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:N="",color:r="primary",size:a="small",contentClassName:P="",children:j,...D}=t,h=o.useRef(),{theme:b}=F.useTheme(),g=o.useRef(),_=o.useRef(),[O,l]=o.useState(!1),x=(e,u,c)=>{v(e,u,c),q==!0&&l(!1)},k=o.Children.map(j,(e,u)=>{var c,w;return o.isValidElement(e)&&(e.props.__TYPE__=="MENU_ITEM"||((c=e==null?void 0:e.type)==null?void 0:c.displayName)==="MENU_ITEM"||e.props.__TYPE__=="NESTED_ITEM"||((w=e==null?void 0:e.type)==null?void 0:w.displayName)==="NESTED_ITEM")?u==0?(e.props.ref&&(_.current=s),o.cloneElement(e,{ref:s||_,color:e.props.color?e.props.color:r,size:a,onItemSelected:x,animation:M})):o.cloneElement(e,{color:e.props.color?e.props.color:r,size:a,onItemSelected:x}):e}),V=()=>typeof i=="string"||i instanceof String?n.jsx(z,{text:i,onClick:f,onMouseEnter:y,onMouseLeave:E,onBlur:m,onFocus:p,ref:g,onKeyDown:d,trailingIcon:"angle-down",color:r,size:a}):o.cloneElement(i,{color:r,size:a,ref:g,onClick:f,onMouseEnter:y,onMouseLeave:E,onBlur:m,onFocus:p,onKeyDown:d});return n.jsx(L,{ref:s,className:N,...D,children:n.jsxs(U,{open:O,onOpenChange:l,placement:S,offsetValue:I,children:[n.jsx(Y,{onClick:()=>l(e=>!e),children:V()}),n.jsx($,{zIndex:R,children:n.jsx(A,{ref:h,widthfitcontent:T,color:r,theme:b,className:P,children:k})})]})})});module.exports=G;

package/dist/DropdownMenu.js

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