@gobolt/genesis 0.2.14 → 0.2.15

package/dist/node_modules/antd/es/dropdown/dropdown.js

@@ -1,22 +1,22 @@
-import * as o from "react";
-import oe from "../../../@ant-design/icons/es/icons/LeftOutlined.js";
-import re from "../../../@ant-design/icons/es/icons/RightOutlined.js";
-import h from "../../../../_virtual/index.js";
-import te from "../../../rc-dropdown/es/Dropdown.js";
-import ne from "../../../rc-util/es/hooks/useEvent.js";
-import ie from "../../../rc-util/es/hooks/useMergedState.js";
-import le from "../../../rc-util/es/omit.js";
-import { useZIndex as se } from "../_util/hooks/useZIndex.js";
-import ae from "../_util/isPrimitive.js";
-import me from "../_util/placements.js";
-import pe from "../_util/PurePanel.js";
-import { cloneElement as de } from "../_util/reactNode.js";
-import { devUseWarning as ue } from "../_util/warning.js";
-import ce from "../_util/zindexContext.js";
+import * as React from "react";
+import RefIcon from "../../../@ant-design/icons/es/icons/LeftOutlined.js";
+import RefIcon$1 from "../../../@ant-design/icons/es/icons/RightOutlined.js";
+import classNames from "../../../../_virtual/index.js";
+import Dropdown$1 from "../../../rc-dropdown/es/Dropdown.js";
+import useEvent from "../../../rc-util/es/hooks/useEvent.js";
+import useMergedState from "../../../rc-util/es/hooks/useMergedState.js";
+import omit from "../../../rc-util/es/omit.js";
+import { useZIndex } from "../_util/hooks/useZIndex.js";
+import isPrimitive from "../_util/isPrimitive.js";
+import getPlacements from "../_util/placements.js";
+import genPurePanel from "../_util/PurePanel.js";
+import { cloneElement } from "../_util/reactNode.js";
+import { devUseWarning } from "../_util/warning.js";
+import zIndexContext from "../_util/zindexContext.js";
 import "../config-provider/index.js";
-import fe from "../config-provider/hooks/useCSSVarCls.js";
-import ve from "../menu/index.js";
-import { OverrideProvider as ge } from "../menu/OverrideContext.js";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
+import Menu from "../menu/index.js";
+import { OverrideProvider } from "../menu/OverrideContext.js";
 import "../../../@ant-design/cssinjs/es/extractStyle.js";
 import "../../../@ant-design/cssinjs/es/hooks/useCacheToken.js";
 import "../../../@ant-design/cssinjs/es/StyleContext.js";
@@ -30,45 +30,188 @@ import "../../../@ant-design/cssinjs/es/transformers/legacyLogicalProperties.js"
 import "../../../rc-util/es/ref.js";
 import "../../../@ant-design/cssinjs-utils/es/util/statistic.js";
 import "../../../@ant-design/cssinjs-utils/es/_util/hooks/useUniqueMemo.js";
-import Ce from "../theme/useToken.js";
-import be from "./style/index.js";
-import { ConfigContext as Ee } from "../config-provider/context.js";
-const D = (i) => {
-  var c;
-  const { menu: t, arrow: p, prefixCls: I, children: f, trigger: M, disabled: x, dropdownRender: $, getPopupContainer: R, overlayClassName: z, rootClassName: L, overlayStyle: v, open: P, onOpenChange: d, visible: S, onVisibleChange: j, mouseEnterDelay: W = 0.15, mouseLeaveDelay: k = 0.1, autoAdjustOverflow: U = !0, placement: r = "", overlay: g, transitionName: C } = i, { getPopupContainer: X, getPrefixCls: b, direction: a, dropdown: u } = o.useContext(Ee), m = ue("Dropdown");
-  process.env.NODE_ENV !== "production" && ([["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((e) => {
-    let [l, s] = e;
-    m.deprecated(!(l in i), l, s);
-  }), m.deprecated(!("overlay" in i), "overlay", "menu"));
-  const Y = o.useMemo(() => {
-    const e = b();
-    return C !== void 0 ? C : r.includes("top") ? `${e}-slide-down` : `${e}-slide-up`;
-  }, [b, r, C]), B = o.useMemo(() => r ? r.includes("Center") ? r.slice(0, r.indexOf("Center")) : r : a === "rtl" ? "bottomRight" : "bottomLeft", [r, a]);
+import useToken from "../theme/useToken.js";
+import useStyle from "./style/index.js";
+import { ConfigContext } from "../config-provider/context.js";
+const Dropdown = (props) => {
+  var _a;
+  const {
+    menu,
+    arrow,
+    prefixCls: customizePrefixCls,
+    children,
+    trigger,
+    disabled,
+    dropdownRender,
+    getPopupContainer,
+    overlayClassName,
+    rootClassName,
+    overlayStyle,
+    open,
+    onOpenChange,
+    // Deprecated
+    visible,
+    onVisibleChange,
+    mouseEnterDelay = 0.15,
+    mouseLeaveDelay = 0.1,
+    autoAdjustOverflow = true,
+    placement = "",
+    overlay,
+    transitionName
+  } = props;
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    direction,
+    dropdown
+  } = React.useContext(ConfigContext);
+  const warning = devUseWarning("Dropdown");
   if (process.env.NODE_ENV !== "production") {
-    if (r.includes("Center")) {
-      const e = r.slice(0, r.indexOf("Center"));
-      process.env.NODE_ENV !== "production" && m(!r.includes("Center"), "deprecated", `You are using '${r}' placement in Dropdown, which is deprecated. Try to use '${e}' instead.`);
+    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((_ref) => {
+      let [deprecatedName, newName] = _ref;
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+    warning.deprecated(!("overlay" in props), "overlay", "menu");
+  }
+  const memoTransitionName = React.useMemo(() => {
+    const rootPrefixCls = getPrefixCls();
+    if (transitionName !== void 0) {
+      return transitionName;
+    }
+    if (placement.includes("top")) {
+      return `${rootPrefixCls}-slide-down`;
+    }
+    return `${rootPrefixCls}-slide-up`;
+  }, [getPrefixCls, placement, transitionName]);
+  const memoPlacement = React.useMemo(() => {
+    if (!placement) {
+      return direction === "rtl" ? "bottomRight" : "bottomLeft";
+    }
+    if (placement.includes("Center")) {
+      return placement.slice(0, placement.indexOf("Center"));
+    }
+    return placement;
+  }, [placement, direction]);
+  if (process.env.NODE_ENV !== "production") {
+    if (placement.includes("Center")) {
+      const newPlacement = placement.slice(0, placement.indexOf("Center"));
+      process.env.NODE_ENV !== "production" ? warning(!placement.includes("Center"), "deprecated", `You are using '${placement}' placement in Dropdown, which is deprecated. Try to use '${newPlacement}' instead.`) : void 0;
     }
-    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((e) => {
-      let [l, s] = e;
-      m.deprecated(!(l in i), l, s);
+    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((_ref2) => {
+      let [deprecatedName, newName] = _ref2;
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
     });
   }
-  const n = b("dropdown", I), E = fe(n), [F, T, V] = be(n, E), [, N] = Ce(), w = o.Children.only(ae(f) ? o.createElement("span", null, f) : f), Z = de(w, { className: h(`${n}-trigger`, { [`${n}-rtl`]: a === "rtl" }, w.props.className), disabled: (c = w.props.disabled) !== null && c !== void 0 ? c : x }), y = x ? [] : M, q = !!(y != null && y.includes("contextMenu")), [G, _] = ie(!1, { value: P ?? S }), H = ne((e) => {
-    d == null || d(e, { source: "trigger" }), j == null || j(e), _(e);
-  }), J = h(z, L, T, V, E, u == null ? void 0 : u.className, { [`${n}-rtl`]: a === "rtl" }), K = me({ arrowPointAtCenter: typeof p == "object" && p.pointAtCenter, autoAdjustOverflow: U, offset: N.marginXXS, arrowWidth: p ? N.sizePopupArrow : 0, borderRadius: N.borderRadius }), Q = o.useCallback(() => {
-    t != null && t.selectable && (t != null && t.multiple) || (d == null || d(!1, { source: "menu" }), _(!1));
-  }, [t == null ? void 0 : t.selectable, t == null ? void 0 : t.multiple]), [A, ee] = se("Dropdown", v == null ? void 0 : v.zIndex);
-  let O = o.createElement(te, Object.assign({ alignPoint: q }, le(i, ["rootClassName"]), { mouseEnterDelay: W, mouseLeaveDelay: k, visible: G, builtinPlacements: K, arrow: !!p, overlayClassName: J, prefixCls: n, getPopupContainer: R || X, transitionName: Y, trigger: y, overlay: () => {
-    let e;
-    return e = t != null && t.items ? o.createElement(ve, Object.assign({}, t)) : typeof g == "function" ? g() : g, $ && (e = $(e)), e = o.Children.only(typeof e == "string" ? o.createElement("span", null, e) : e), o.createElement(ge, { prefixCls: `${n}-menu`, rootClassName: h(V, E), expandIcon: o.createElement("span", { className: `${n}-menu-submenu-arrow` }, a === "rtl" ? o.createElement(oe, { className: `${n}-menu-submenu-arrow-icon` }) : o.createElement(re, { className: `${n}-menu-submenu-arrow-icon` })), mode: "vertical", selectable: !1, onClick: Q, validator: (l) => {
-      let { mode: s } = l;
-      process.env.NODE_ENV !== "production" && m(!s || s === "vertical", "usage", `mode="${s}" is not supported for Dropdown's Menu.`);
-    } }, e);
-  }, placement: B, onVisibleChange: H, overlayStyle: Object.assign(Object.assign(Object.assign({}, u == null ? void 0 : u.style), v), { zIndex: A }) }), Z);
-  return A && (O = o.createElement(ce.Provider, { value: ee }, O)), F(O);
-}, Ne = pe(D, "align", void 0, "dropdown", (i) => i);
-D._InternalPanelDoNotUseOrYouWillBeFired = (i) => o.createElement(Ne, Object.assign({}, i), o.createElement("span", null)), process.env.NODE_ENV !== "production" && (D.displayName = "Dropdown");
+  const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
+  const rootCls = useCSSVarCls(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
+  const [, token] = useToken();
+  const child = React.Children.only(isPrimitive(children) ? /* @__PURE__ */ React.createElement("span", null, children) : children);
+  const dropdownTrigger = cloneElement(child, {
+    className: classNames(`${prefixCls}-trigger`, {
+      [`${prefixCls}-rtl`]: direction === "rtl"
+    }, child.props.className),
+    disabled: (_a = child.props.disabled) !== null && _a !== void 0 ? _a : disabled
+  });
+  const triggerActions = disabled ? [] : trigger;
+  const alignPoint = !!(triggerActions === null || triggerActions === void 0 ? void 0 : triggerActions.includes("contextMenu"));
+  const [mergedOpen, setOpen] = useMergedState(false, {
+    value: open !== null && open !== void 0 ? open : visible
+  });
+  const onInnerOpenChange = useEvent((nextOpen) => {
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, {
+      source: "trigger"
+    });
+    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen);
+    setOpen(nextOpen);
+  });
+  const overlayClassNameCustomized = classNames(overlayClassName, rootClassName, hashId, cssVarCls, rootCls, dropdown === null || dropdown === void 0 ? void 0 : dropdown.className, {
+    [`${prefixCls}-rtl`]: direction === "rtl"
+  });
+  const builtinPlacements = getPlacements({
+    arrowPointAtCenter: typeof arrow === "object" && arrow.pointAtCenter,
+    autoAdjustOverflow,
+    offset: token.marginXXS,
+    arrowWidth: arrow ? token.sizePopupArrow : 0,
+    borderRadius: token.borderRadius
+  });
+  const onMenuClick = React.useCallback(() => {
+    if ((menu === null || menu === void 0 ? void 0 : menu.selectable) && (menu === null || menu === void 0 ? void 0 : menu.multiple)) {
+      return;
+    }
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false, {
+      source: "menu"
+    });
+    setOpen(false);
+  }, [menu === null || menu === void 0 ? void 0 : menu.selectable, menu === null || menu === void 0 ? void 0 : menu.multiple]);
+  const renderOverlay = () => {
+    let overlayNode;
+    if (menu === null || menu === void 0 ? void 0 : menu.items) {
+      overlayNode = /* @__PURE__ */ React.createElement(Menu, Object.assign({}, menu));
+    } else if (typeof overlay === "function") {
+      overlayNode = overlay();
+    } else {
+      overlayNode = overlay;
+    }
+    if (dropdownRender) {
+      overlayNode = dropdownRender(overlayNode);
+    }
+    overlayNode = React.Children.only(typeof overlayNode === "string" ? /* @__PURE__ */ React.createElement("span", null, overlayNode) : overlayNode);
+    return /* @__PURE__ */ React.createElement(OverrideProvider, {
+      prefixCls: `${prefixCls}-menu`,
+      rootClassName: classNames(cssVarCls, rootCls),
+      expandIcon: /* @__PURE__ */ React.createElement("span", {
+        className: `${prefixCls}-menu-submenu-arrow`
+      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon, {
+        className: `${prefixCls}-menu-submenu-arrow-icon`
+      }) : /* @__PURE__ */ React.createElement(RefIcon$1, {
+        className: `${prefixCls}-menu-submenu-arrow-icon`
+      })),
+      mode: "vertical",
+      selectable: false,
+      onClick: onMenuClick,
+      validator: (_ref3) => {
+        let {
+          mode
+        } = _ref3;
+        process.env.NODE_ENV !== "production" ? warning(!mode || mode === "vertical", "usage", `mode="${mode}" is not supported for Dropdown's Menu.`) : void 0;
+      }
+    }, overlayNode);
+  };
+  const [zIndex, contextZIndex] = useZIndex("Dropdown", overlayStyle === null || overlayStyle === void 0 ? void 0 : overlayStyle.zIndex);
+  let renderNode = /* @__PURE__ */ React.createElement(Dropdown$1, Object.assign({
+    alignPoint
+  }, omit(props, ["rootClassName"]), {
+    mouseEnterDelay,
+    mouseLeaveDelay,
+    visible: mergedOpen,
+    builtinPlacements,
+    arrow: !!arrow,
+    overlayClassName: overlayClassNameCustomized,
+    prefixCls,
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    transitionName: memoTransitionName,
+    trigger: triggerActions,
+    overlay: renderOverlay,
+    placement: memoPlacement,
+    onVisibleChange: onInnerOpenChange,
+    overlayStyle: Object.assign(Object.assign(Object.assign({}, dropdown === null || dropdown === void 0 ? void 0 : dropdown.style), overlayStyle), {
+      zIndex
+    })
+  }), dropdownTrigger);
+  if (zIndex) {
+    renderNode = /* @__PURE__ */ React.createElement(zIndexContext.Provider, {
+      value: contextZIndex
+    }, renderNode);
+  }
+  return wrapCSSVar(renderNode);
+};
+const PurePanel = genPurePanel(Dropdown, "align", void 0, "dropdown", (prefixCls) => prefixCls);
+const WrapPurePanel = (props) => /* @__PURE__ */ React.createElement(PurePanel, Object.assign({}, props), /* @__PURE__ */ React.createElement("span", null));
+Dropdown._InternalPanelDoNotUseOrYouWillBeFired = WrapPurePanel;
+if (process.env.NODE_ENV !== "production") {
+  Dropdown.displayName = "Dropdown";
+}
 export {
-  D as default
+  Dropdown as default
 };

package/dist/node_modules/antd/es/dropdown/index.cjs

@@ -1 +1,6 @@
-"use strict";const t=require("./dropdown.cjs"),e=require("./dropdown-button.cjs"),r=t;r.Button=e,module.exports=r;
+"use strict";
+var dropdown = require("./dropdown.cjs");
+var dropdownButton = require("./dropdown-button.cjs");
+const Dropdown = dropdown;
+Dropdown.Button = dropdownButton;
+module.exports = Dropdown;

package/dist/node_modules/antd/es/dropdown/index.js

@@ -1,7 +1,7 @@
-import o from "./dropdown.js";
-import t from "./dropdown-button.js";
-const r = o;
-r.Button = t;
+import Dropdown$1 from "./dropdown.js";
+import DropdownButton from "./dropdown-button.js";
+const Dropdown = Dropdown$1;
+Dropdown.Button = DropdownButton;
 export {
-  r as default
+  Dropdown as default
 };

package/dist/node_modules/antd/es/dropdown/style/index.cjs

@@ -1,15 +1,320 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),require("../../../../@ant-design/cssinjs/es/extractStyle.cjs"),require("../../../../@ant-design/cssinjs/es/hooks/useCacheToken.cjs"),require("react"),require("../../../../@ant-design/cssinjs/es/StyleContext.cjs");const t=require("../../../../@ant-design/cssinjs/es/util/index.cjs");require("../../../../@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.cjs"),require("../../../../@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.cjs"),require("../../../../@ant-design/cssinjs/es/hooks/useHMR.cjs"),require("../../../../rc-util/es/warning.cjs"),require("../../../../@ant-design/cssinjs/es/theme/createTheme.cjs"),require("../../../../@ant-design/cssinjs/es/theme/ThemeCache.cjs"),require("../../../../@ant-design/cssinjs/es/transformers/legacyLogicalProperties.cjs");const g=require("../../style/index.cjs"),w=require("../../style/motion/move.cjs"),a=require("../../style/motion/slide.cjs"),q=require("../../style/motion/zoom.cjs"),S=require("../../style/placementArrow.cjs"),x=require("../../style/roundedArrow.cjs");require("../../../../rc-util/es/hooks/useLayoutEffect.cjs"),require("../../../../rc-util/es/ref.cjs");const z=require("../../../../@ant-design/cssinjs-utils/es/util/statistic.cjs");require("../../../../@ant-design/cssinjs-utils/es/_util/hooks/useUniqueMemo.cjs");const y=require("../../theme/util/genStyleUtils.cjs"),k=require("./status.cjs"),I=e=>{const{componentCls:o,menuCls:i,zIndexPopup:r,dropdownArrowDistance:u,sizePopupArrow:d,antCls:n,iconCls:l,motionDurationMid:s,paddingBlock:b,fontSize:v,dropdownEdgeChildPadding:h,colorTextDisabled:c,fontSizeIcon:m,controlPaddingHorizontal:$,colorBgElevated:p}=e;return[{[o]:{position:"absolute",top:-9999,left:{_skip_check_:!0,value:-9999},zIndex:r,display:"block","&::before":{position:"absolute",insetBlock:e.calc(d).div(2).sub(u).equal(),zIndex:-9999,opacity:1e-4,content:'""'},"&-menu-vertical":{maxHeight:"100vh",overflowY:"auto"},[`&-trigger${n}-btn`]:{[`& > ${l}-down, & > ${n}-btn-icon > ${l}-down`]:{fontSize:m}},[`${o}-wrap`]:{position:"relative",[`${n}-btn > ${l}-down`]:{fontSize:m},[`${l}-down::before`]:{transition:`transform ${s}`}},[`${o}-wrap-open`]:{[`${l}-down::before`]:{transform:"rotate(180deg)"}},"\n        &-hidden,\n        &-menu-hidden,\n        &-menu-submenu-hidden\n      ":{display:"none"},[`&${n}-slide-down-enter${n}-slide-down-enter-active${o}-placement-bottomLeft,
-          &${n}-slide-down-appear${n}-slide-down-appear-active${o}-placement-bottomLeft,
-          &${n}-slide-down-enter${n}-slide-down-enter-active${o}-placement-bottom,
-          &${n}-slide-down-appear${n}-slide-down-appear-active${o}-placement-bottom,
-          &${n}-slide-down-enter${n}-slide-down-enter-active${o}-placement-bottomRight,
-          &${n}-slide-down-appear${n}-slide-down-appear-active${o}-placement-bottomRight`]:{animationName:a.slideUpIn},[`&${n}-slide-up-enter${n}-slide-up-enter-active${o}-placement-topLeft,
-          &${n}-slide-up-appear${n}-slide-up-appear-active${o}-placement-topLeft,
-          &${n}-slide-up-enter${n}-slide-up-enter-active${o}-placement-top,
-          &${n}-slide-up-appear${n}-slide-up-appear-active${o}-placement-top,
-          &${n}-slide-up-enter${n}-slide-up-enter-active${o}-placement-topRight,
-          &${n}-slide-up-appear${n}-slide-up-appear-active${o}-placement-topRight`]:{animationName:a.slideDownIn},[`&${n}-slide-down-leave${n}-slide-down-leave-active${o}-placement-bottomLeft,
-          &${n}-slide-down-leave${n}-slide-down-leave-active${o}-placement-bottom,
-          &${n}-slide-down-leave${n}-slide-down-leave-active${o}-placement-bottomRight`]:{animationName:a.slideUpOut},[`&${n}-slide-up-leave${n}-slide-up-leave-active${o}-placement-topLeft,
-          &${n}-slide-up-leave${n}-slide-up-leave-active${o}-placement-top,
-          &${n}-slide-up-leave${n}-slide-up-leave-active${o}-placement-topRight`]:{animationName:a.slideDownOut}}},S.default(e,p,{arrowPlacement:{top:!0,bottom:!0}}),{[`${o} ${i}`]:{position:"relative",margin:0},[`${i}-submenu-popup`]:{position:"absolute",zIndex:r,background:"transparent",boxShadow:"none",transformOrigin:"0 0","ul, li":{listStyle:"none",margin:0}},[`${o}, ${o}-menu-submenu`]:Object.assign(Object.assign({},g.resetComponent(e)),{[i]:Object.assign(Object.assign({padding:h,listStyleType:"none",backgroundColor:p,backgroundClip:"padding-box",borderRadius:e.borderRadiusLG,outline:"none",boxShadow:e.boxShadowSecondary},g.genFocusStyle(e)),{"&:empty":{padding:0,boxShadow:"none"},[`${i}-item-group-title`]:{padding:`${t.unit(b)} ${t.unit($)}`,color:e.colorTextDescription,transition:`all ${s}`},[`${i}-item`]:{position:"relative",display:"flex",alignItems:"center"},[`${i}-item-icon`]:{minWidth:v,marginInlineEnd:e.marginXS,fontSize:e.fontSizeSM},[`${i}-title-content`]:{flex:"auto","&-with-extra":{display:"inline-flex",alignItems:"center",width:"100%"},"> a":{color:"inherit",transition:`all ${s}`,"&:hover":{color:"inherit"},"&::after":{position:"absolute",inset:0,content:'""'}},[`${i}-item-extra`]:{paddingInlineStart:e.padding,marginInlineStart:"auto",fontSize:e.fontSizeSM,color:e.colorTextDescription}},[`${i}-item, ${i}-submenu-title`]:Object.assign(Object.assign({display:"flex",margin:0,padding:`${t.unit(b)} ${t.unit($)}`,color:e.colorText,fontWeight:"normal",fontSize:v,lineHeight:e.lineHeight,cursor:"pointer",transition:`all ${s}`,borderRadius:e.borderRadiusSM,"&:hover, &-active":{backgroundColor:e.controlItemBgHover}},g.genFocusStyle(e)),{"&-selected":{color:e.colorPrimary,backgroundColor:e.controlItemBgActive,"&:hover, &-active":{backgroundColor:e.controlItemBgActiveHover}},"&-disabled":{color:c,cursor:"not-allowed","&:hover":{color:c,backgroundColor:p,cursor:"not-allowed"},a:{pointerEvents:"none"}},"&-divider":{height:1,margin:`${t.unit(e.marginXXS)} 0`,overflow:"hidden",lineHeight:0,backgroundColor:e.colorSplit},[`${o}-menu-submenu-expand-icon`]:{position:"absolute",insetInlineEnd:e.paddingXS,[`${o}-menu-submenu-arrow-icon`]:{marginInlineEnd:"0 !important",color:e.colorTextDescription,fontSize:m,fontStyle:"normal"}}}),[`${i}-item-group-list`]:{margin:`0 ${t.unit(e.marginXS)}`,padding:0,listStyle:"none"},[`${i}-submenu-title`]:{paddingInlineEnd:e.calc($).add(e.fontSizeSM).equal()},[`${i}-submenu-vertical`]:{position:"relative"},[`${i}-submenu${i}-submenu-disabled ${o}-menu-submenu-title`]:{[`&, ${o}-menu-submenu-arrow-icon`]:{color:c,backgroundColor:p,cursor:"not-allowed"}},[`${i}-submenu-selected ${o}-menu-submenu-title`]:{color:e.colorPrimary}})})},[a.initSlideMotion(e,"slide-up"),a.initSlideMotion(e,"slide-down"),w.initMoveMotion(e,"move-up"),w.initMoveMotion(e,"move-down"),q.initZoomMotion(e,"zoom-big")]]},f=e=>Object.assign(Object.assign({zIndexPopup:e.zIndexPopupBase+50,paddingBlock:(e.controlHeight-e.fontSize*e.lineHeight)/2},S.getArrowOffsetToken({contentRadius:e.borderRadiusLG,limitVerticalRadius:!0})),x.getArrowToken(e)),C=y.genStyleHooks("Dropdown",e=>{const{marginXXS:o,sizePopupArrow:i,paddingXXS:r,componentCls:u}=e,d=z.merge(e,{menuCls:`${u}-menu`,dropdownArrowDistance:e.calc(i).div(2).add(o).equal(),dropdownEdgeChildPadding:r});return[I(d),k(d)]},f,{resetStyle:!1});exports.default=C,exports.prepareComponentToken=f;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../../@ant-design/cssinjs/es/extractStyle.cjs");
+require("../../../../@ant-design/cssinjs/es/hooks/useCacheToken.cjs");
+require("react");
+require("../../../../@ant-design/cssinjs/es/StyleContext.cjs");
+var index$1 = require("../../../../@ant-design/cssinjs/es/util/index.cjs");
+require("../../../../@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.cjs");
+require("../../../../@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.cjs");
+require("../../../../@ant-design/cssinjs/es/hooks/useHMR.cjs");
+require("../../../../rc-util/es/warning.cjs");
+require("../../../../@ant-design/cssinjs/es/theme/createTheme.cjs");
+require("../../../../@ant-design/cssinjs/es/theme/ThemeCache.cjs");
+require("../../../../@ant-design/cssinjs/es/transformers/legacyLogicalProperties.cjs");
+var index = require("../../style/index.cjs");
+var move = require("../../style/motion/move.cjs");
+var slide = require("../../style/motion/slide.cjs");
+var zoom = require("../../style/motion/zoom.cjs");
+var placementArrow = require("../../style/placementArrow.cjs");
+var roundedArrow = require("../../style/roundedArrow.cjs");
+require("../../../../rc-util/es/hooks/useLayoutEffect.cjs");
+require("../../../../rc-util/es/ref.cjs");
+var statistic = require("../../../../@ant-design/cssinjs-utils/es/util/statistic.cjs");
+require("../../../../@ant-design/cssinjs-utils/es/_util/hooks/useUniqueMemo.cjs");
+var genStyleUtils = require("../../theme/util/genStyleUtils.cjs");
+var status = require("./status.cjs");
+const genBaseStyle = (token) => {
+  const {
+    componentCls,
+    menuCls,
+    zIndexPopup,
+    dropdownArrowDistance,
+    sizePopupArrow,
+    antCls,
+    iconCls,
+    motionDurationMid,
+    paddingBlock,
+    fontSize,
+    dropdownEdgeChildPadding,
+    colorTextDisabled,
+    fontSizeIcon,
+    controlPaddingHorizontal,
+    colorBgElevated
+  } = token;
+  return [
+    {
+      [componentCls]: {
+        position: "absolute",
+        top: -9999,
+        left: {
+          _skip_check_: true,
+          value: -9999
+        },
+        zIndex: zIndexPopup,
+        display: "block",
+        // A placeholder out of dropdown visible range to avoid close when user moving
+        "&::before": {
+          position: "absolute",
+          insetBlock: token.calc(sizePopupArrow).div(2).sub(dropdownArrowDistance).equal(),
+          // insetInlineStart: -7, // FIXME: Seems not work for hidden element
+          zIndex: -9999,
+          opacity: 1e-4,
+          content: '""'
+        },
+        // Makes vertical dropdowns have a scrollbar once they become taller than the viewport.
+        "&-menu-vertical": {
+          maxHeight: "100vh",
+          overflowY: "auto"
+        },
+        [`&-trigger${antCls}-btn`]: {
+          [`& > ${iconCls}-down, & > ${antCls}-btn-icon > ${iconCls}-down`]: {
+            fontSize: fontSizeIcon
+          }
+        },
+        [`${componentCls}-wrap`]: {
+          position: "relative",
+          [`${antCls}-btn > ${iconCls}-down`]: {
+            fontSize: fontSizeIcon
+          },
+          [`${iconCls}-down::before`]: {
+            transition: `transform ${motionDurationMid}`
+          }
+        },
+        [`${componentCls}-wrap-open`]: {
+          [`${iconCls}-down::before`]: {
+            transform: `rotate(180deg)`
+          }
+        },
+        [`
+        &-hidden,
+        &-menu-hidden,
+        &-menu-submenu-hidden
+      `]: {
+          display: "none"
+        },
+        // =============================================================
+        // ==                         Motion                          ==
+        // =============================================================
+        // When position is not enough for dropdown, the placement will revert.
+        // We will handle this with revert motion name.
+        [`&${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomLeft,
+          &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomLeft,
+          &${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottom,
+          &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottom,
+          &${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomRight,
+          &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomRight`]: {
+          animationName: slide.slideUpIn
+        },
+        [`&${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topLeft,
+          &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topLeft,
+          &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-top,
+          &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-top,
+          &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topRight,
+          &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topRight`]: {
+          animationName: slide.slideDownIn
+        },
+        [`&${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomLeft,
+          &${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottom,
+          &${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomRight`]: {
+          animationName: slide.slideUpOut
+        },
+        [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topLeft,
+          &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-top,
+          &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topRight`]: {
+          animationName: slide.slideDownOut
+        }
+      }
+    },
+    // =============================================================
+    // ==                        Arrow style                      ==
+    // =============================================================
+    placementArrow.default(token, colorBgElevated, {
+      arrowPlacement: {
+        top: true,
+        bottom: true
+      }
+    }),
+    {
+      // =============================================================
+      // ==                          Menu                           ==
+      // =============================================================
+      [`${componentCls} ${menuCls}`]: {
+        position: "relative",
+        margin: 0
+      },
+      [`${menuCls}-submenu-popup`]: {
+        position: "absolute",
+        zIndex: zIndexPopup,
+        background: "transparent",
+        boxShadow: "none",
+        transformOrigin: "0 0",
+        "ul, li": {
+          listStyle: "none",
+          margin: 0
+        }
+      },
+      [`${componentCls}, ${componentCls}-menu-submenu`]: Object.assign(Object.assign({}, index.resetComponent(token)), {
+        [menuCls]: Object.assign(Object.assign({
+          padding: dropdownEdgeChildPadding,
+          listStyleType: "none",
+          backgroundColor: colorBgElevated,
+          backgroundClip: "padding-box",
+          borderRadius: token.borderRadiusLG,
+          outline: "none",
+          boxShadow: token.boxShadowSecondary
+        }, index.genFocusStyle(token)), {
+          "&:empty": {
+            padding: 0,
+            boxShadow: "none"
+          },
+          [`${menuCls}-item-group-title`]: {
+            padding: `${index$1.unit(paddingBlock)} ${index$1.unit(controlPaddingHorizontal)}`,
+            color: token.colorTextDescription,
+            transition: `all ${motionDurationMid}`
+          },
+          // ======================= Item Content =======================
+          [`${menuCls}-item`]: {
+            position: "relative",
+            display: "flex",
+            alignItems: "center"
+          },
+          [`${menuCls}-item-icon`]: {
+            minWidth: fontSize,
+            marginInlineEnd: token.marginXS,
+            fontSize: token.fontSizeSM
+          },
+          [`${menuCls}-title-content`]: {
+            flex: "auto",
+            "&-with-extra": {
+              display: "inline-flex",
+              alignItems: "center",
+              width: "100%"
+            },
+            "> a": {
+              color: "inherit",
+              transition: `all ${motionDurationMid}`,
+              "&:hover": {
+                color: "inherit"
+              },
+              "&::after": {
+                position: "absolute",
+                inset: 0,
+                content: '""'
+              }
+            },
+            [`${menuCls}-item-extra`]: {
+              paddingInlineStart: token.padding,
+              marginInlineStart: "auto",
+              fontSize: token.fontSizeSM,
+              color: token.colorTextDescription
+            }
+          },
+          // =========================== Item ===========================
+          [`${menuCls}-item, ${menuCls}-submenu-title`]: Object.assign(Object.assign({
+            display: "flex",
+            margin: 0,
+            padding: `${index$1.unit(paddingBlock)} ${index$1.unit(controlPaddingHorizontal)}`,
+            color: token.colorText,
+            fontWeight: "normal",
+            fontSize,
+            lineHeight: token.lineHeight,
+            cursor: "pointer",
+            transition: `all ${motionDurationMid}`,
+            borderRadius: token.borderRadiusSM,
+            "&:hover, &-active": {
+              backgroundColor: token.controlItemBgHover
+            }
+          }, index.genFocusStyle(token)), {
+            "&-selected": {
+              color: token.colorPrimary,
+              backgroundColor: token.controlItemBgActive,
+              "&:hover, &-active": {
+                backgroundColor: token.controlItemBgActiveHover
+              }
+            },
+            "&-disabled": {
+              color: colorTextDisabled,
+              cursor: "not-allowed",
+              "&:hover": {
+                color: colorTextDisabled,
+                backgroundColor: colorBgElevated,
+                cursor: "not-allowed"
+              },
+              a: {
+                pointerEvents: "none"
+              }
+            },
+            "&-divider": {
+              height: 1,
+              // By design
+              margin: `${index$1.unit(token.marginXXS)} 0`,
+              overflow: "hidden",
+              lineHeight: 0,
+              backgroundColor: token.colorSplit
+            },
+            [`${componentCls}-menu-submenu-expand-icon`]: {
+              position: "absolute",
+              insetInlineEnd: token.paddingXS,
+              [`${componentCls}-menu-submenu-arrow-icon`]: {
+                marginInlineEnd: "0 !important",
+                color: token.colorTextDescription,
+                fontSize: fontSizeIcon,
+                fontStyle: "normal"
+              }
+            }
+          }),
+          [`${menuCls}-item-group-list`]: {
+            margin: `0 ${index$1.unit(token.marginXS)}`,
+            padding: 0,
+            listStyle: "none"
+          },
+          [`${menuCls}-submenu-title`]: {
+            paddingInlineEnd: token.calc(controlPaddingHorizontal).add(token.fontSizeSM).equal()
+          },
+          [`${menuCls}-submenu-vertical`]: {
+            position: "relative"
+          },
+          [`${menuCls}-submenu${menuCls}-submenu-disabled ${componentCls}-menu-submenu-title`]: {
+            [`&, ${componentCls}-menu-submenu-arrow-icon`]: {
+              color: colorTextDisabled,
+              backgroundColor: colorBgElevated,
+              cursor: "not-allowed"
+            }
+          },
+          // https://github.com/ant-design/ant-design/issues/19264
+          [`${menuCls}-submenu-selected ${componentCls}-menu-submenu-title`]: {
+            color: token.colorPrimary
+          }
+        })
+      })
+    },
+    // Follow code may reuse in other components
+    [slide.initSlideMotion(token, "slide-up"), slide.initSlideMotion(token, "slide-down"), move.initMoveMotion(token, "move-up"), move.initMoveMotion(token, "move-down"), zoom.initZoomMotion(token, "zoom-big")]
+  ];
+};
+const prepareComponentToken = (token) => Object.assign(Object.assign({
+  zIndexPopup: token.zIndexPopupBase + 50,
+  paddingBlock: (token.controlHeight - token.fontSize * token.lineHeight) / 2
+}, placementArrow.getArrowOffsetToken({
+  contentRadius: token.borderRadiusLG,
+  limitVerticalRadius: true
+})), roundedArrow.getArrowToken(token));
+var useStyle = genStyleUtils.genStyleHooks("Dropdown", (token) => {
+  const {
+    marginXXS,
+    sizePopupArrow,
+    paddingXXS,
+    componentCls
+  } = token;
+  const dropdownToken = statistic.merge(token, {
+    menuCls: `${componentCls}-menu`,
+    dropdownArrowDistance: token.calc(sizePopupArrow).div(2).add(marginXXS).equal(),
+    dropdownEdgeChildPadding: paddingXXS
+  });
+  return [genBaseStyle(dropdownToken), status(dropdownToken)];
+}, prepareComponentToken, {
+  resetStyle: false
+});
+exports.default = useStyle;
+exports.prepareComponentToken = prepareComponentToken;