@gobolt/genesis 0.3.9 → 0.3.11

package/dist/node_modules/antd/es/color-picker/color.js

@@ -6,7 +6,7 @@ import "../../../../_virtual/index.js";
 import "react";
 const toHexFormat = (value, alpha) => (value === null || value === void 0 ? void 0 : value.replace(/[^\w/]/g, "").slice(0, alpha ? 8 : 6)) || "";
 const getHex = (value, alpha) => value ? toHexFormat(value, alpha) : "";
-let AggregationColor = /* @__PURE__ */ function() {
+let AggregationColor = /* @__PURE__ */ (function() {
   function AggregationColor2(color) {
     _classCallCheck(this, AggregationColor2);
     var _a;
@@ -22,16 +22,13 @@ let AggregationColor = /* @__PURE__ */ function() {
     }
     const isArray = Array.isArray(color);
     if (isArray && color.length) {
-      this.colors = color.map((_ref) => {
-        let {
-          color: c,
-          percent
-        } = _ref;
-        return {
-          color: new AggregationColor2(c),
-          percent
-        };
-      });
+      this.colors = color.map(({
+        color: c,
+        percent
+      }) => ({
+        color: new AggregationColor2(c),
+        percent
+      }));
       this.metaColor = new Color(this.colors[0].color.metaColor);
     } else {
       this.metaColor = new Color(isArray ? "" : color);
@@ -111,7 +108,7 @@ let AggregationColor = /* @__PURE__ */ function() {
       });
     }
   }]);
-}();
+})();
 export {
   AggregationColor,
   getHex,

package/dist/node_modules/antd/es/color-picker/util.cjs

@@ -0,0 +1,12 @@
+"use strict";
+require("../../../@rc-component/color-picker/es/ColorPicker.cjs");
+require("../../../../_virtual/index.cjs");
+require("react");
+var color = require("./color.cjs");
+const generateColor = (color$1) => {
+  if (color$1 instanceof color.AggregationColor) {
+    return color$1;
+  }
+  return new color.AggregationColor(color$1);
+};
+exports.generateColor = generateColor;

package/dist/node_modules/antd/es/color-picker/util.js

@@ -0,0 +1,13 @@
+import "../../../@rc-component/color-picker/es/ColorPicker.js";
+import "../../../../_virtual/index.js";
+import "react";
+import { AggregationColor } from "./color.js";
+const generateColor = (color) => {
+  if (color instanceof AggregationColor) {
+    return color;
+  }
+  return new AggregationColor(color);
+};
+export {
+  generateColor
+};

package/dist/node_modules/antd/es/config-provider/DisabledContext.cjs

@@ -21,11 +21,10 @@ function _interopNamespaceDefault(e) {
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const DisabledContext = /* @__PURE__ */ React__namespace.createContext(false);
-const DisabledContextProvider = (_ref) => {
-  let {
-    children,
-    disabled
-  } = _ref;
+const DisabledContextProvider = ({
+  children,
+  disabled
+}) => {
   const originDisabled = React__namespace.useContext(DisabledContext);
   return /* @__PURE__ */ React__namespace.createElement(DisabledContext.Provider, {
     value: disabled !== null && disabled !== void 0 ? disabled : originDisabled

package/dist/node_modules/antd/es/config-provider/DisabledContext.js

@@ -1,10 +1,9 @@
 import * as React from "react";
 const DisabledContext = /* @__PURE__ */ React.createContext(false);
-const DisabledContextProvider = (_ref) => {
-  let {
-    children,
-    disabled
-  } = _ref;
+const DisabledContextProvider = ({
+  children,
+  disabled
+}) => {
   const originDisabled = React.useContext(DisabledContext);
   return /* @__PURE__ */ React.createElement(DisabledContext.Provider, {
     value: disabled !== null && disabled !== void 0 ? disabled : originDisabled

package/dist/node_modules/antd/es/config-provider/MotionWrapper.cjs

@@ -37,7 +37,12 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const MotionCacheContext = /* @__PURE__ */ React__namespace.createContext(true);
+if (process.env.NODE_ENV !== "production") {
+  MotionCacheContext.displayName = "MotionCacheContext";
+}
 function MotionWrapper(props) {
+  const parentMotion = React__namespace.useContext(MotionCacheContext);
   const {
     children
   } = props;
@@ -46,11 +51,13 @@ function MotionWrapper(props) {
     motion
   } = token;
   const needWrapMotionProviderRef = React__namespace.useRef(false);
-  needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
+  needWrapMotionProviderRef.current || (needWrapMotionProviderRef.current = parentMotion !== motion);
   if (needWrapMotionProviderRef.current) {
-    return /* @__PURE__ */ React__namespace.createElement(context.default, {
+    return /* @__PURE__ */ React__namespace.createElement(MotionCacheContext.Provider, {
+      value: motion
+    }, /* @__PURE__ */ React__namespace.createElement(context.default, {
       motion
-    }, children);
+    }, children));
   }
   return children;
 }

package/dist/node_modules/antd/es/config-provider/MotionWrapper.js

@@ -17,7 +17,12 @@ 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 useToken from "../theme/useToken.js";
+const MotionCacheContext = /* @__PURE__ */ React.createContext(true);
+if (process.env.NODE_ENV !== "production") {
+  MotionCacheContext.displayName = "MotionCacheContext";
+}
 function MotionWrapper(props) {
+  const parentMotion = React.useContext(MotionCacheContext);
   const {
     children
   } = props;
@@ -26,11 +31,13 @@ function MotionWrapper(props) {
     motion
   } = token;
   const needWrapMotionProviderRef = React.useRef(false);
-  needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
+  needWrapMotionProviderRef.current || (needWrapMotionProviderRef.current = parentMotion !== motion);
   if (needWrapMotionProviderRef.current) {
-    return /* @__PURE__ */ React.createElement(MotionProvider, {
+    return /* @__PURE__ */ React.createElement(MotionCacheContext.Provider, {
+      value: motion
+    }, /* @__PURE__ */ React.createElement(MotionProvider, {
       motion
-    }, children);
+    }, children));
   }
   return children;
 }

package/dist/node_modules/antd/es/config-provider/PropWarning.cjs

@@ -20,10 +20,9 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const PropWarning = /* @__PURE__ */ React__namespace.memo((_ref) => {
-  let {
-    dropdownMatchSelectWidth
-  } = _ref;
+const PropWarning = /* @__PURE__ */ React__namespace.memo(({
+  dropdownMatchSelectWidth
+}) => {
   const warning$1 = warning.devUseWarning("ConfigProvider");
   warning$1.deprecated(dropdownMatchSelectWidth === void 0, "dropdownMatchSelectWidth", "popupMatchSelectWidth");
   return null;

package/dist/node_modules/antd/es/config-provider/PropWarning.js

@@ -1,9 +1,8 @@
 import * as React from "react";
 import { devUseWarning } from "../_util/warning.js";
-const PropWarning = /* @__PURE__ */ React.memo((_ref) => {
-  let {
-    dropdownMatchSelectWidth
-  } = _ref;
+const PropWarning = /* @__PURE__ */ React.memo(({
+  dropdownMatchSelectWidth
+}) => {
   const warning = devUseWarning("ConfigProvider");
   warning.deprecated(dropdownMatchSelectWidth === void 0, "dropdownMatchSelectWidth", "popupMatchSelectWidth");
   return null;

package/dist/node_modules/antd/es/config-provider/SizeContext.cjs

@@ -21,11 +21,10 @@ function _interopNamespaceDefault(e) {
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const SizeContext = /* @__PURE__ */ React__namespace.createContext(void 0);
-const SizeContextProvider = (_ref) => {
-  let {
-    children,
-    size
-  } = _ref;
+const SizeContextProvider = ({
+  children,
+  size
+}) => {
   const originSize = React__namespace.useContext(SizeContext);
   return /* @__PURE__ */ React__namespace.createElement(SizeContext.Provider, {
     value: size || originSize

package/dist/node_modules/antd/es/config-provider/SizeContext.js

@@ -1,10 +1,9 @@
 import * as React from "react";
 const SizeContext = /* @__PURE__ */ React.createContext(void 0);
-const SizeContextProvider = (_ref) => {
-  let {
-    children,
-    size
-  } = _ref;
+const SizeContextProvider = ({
+  children,
+  size
+}) => {
   const originSize = React.useContext(SizeContext);
   return /* @__PURE__ */ React.createElement(SizeContext.Provider, {
     value: size || originSize

package/dist/node_modules/antd/es/config-provider/UnstableContext.cjs

@@ -35,7 +35,7 @@ const defaultReactRender = (node, container) => {
   };
 };
 let unstableRender = defaultReactRender;
-function getReactRender() {
+function unstableSetRender(render2) {
   return unstableRender;
 }
-exports.getReactRender = getReactRender;
+exports.unstableSetRender = unstableSetRender;

package/dist/node_modules/antd/es/config-provider/UnstableContext.js

@@ -14,9 +14,9 @@ const defaultReactRender = (node, container) => {
   };
 };
 let unstableRender = defaultReactRender;
-function getReactRender() {
+function unstableSetRender(render2) {
   return unstableRender;
 }
 export {
-  getReactRender
+  unstableSetRender
 };

package/dist/node_modules/antd/es/config-provider/hooks/useSize.cjs

@@ -10,7 +10,7 @@ const useSize = (customSize) => {
     if (typeof customSize === "string") {
       return customSize !== null && customSize !== void 0 ? customSize : size;
     }
-    if (customSize instanceof Function) {
+    if (typeof customSize === "function") {
       return customSize(size);
     }
     return size;

package/dist/node_modules/antd/es/config-provider/hooks/useSize.js

@@ -9,7 +9,7 @@ const useSize = (customSize) => {
     if (typeof customSize === "string") {
       return customSize !== null && customSize !== void 0 ? customSize : size;
     }
-    if (customSize instanceof Function) {
+    if (typeof customSize === "function") {
       return customSize(size);
     }
     return size;

package/dist/node_modules/antd/es/config-provider/index.cjs

@@ -171,6 +171,7 @@ const ProviderChildren = (props) => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -265,6 +266,7 @@ const ProviderChildren = (props) => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -342,8 +344,7 @@ const ProviderChildren = (props) => {
     } = _a, rest = __rest(_a, ["algorithm", "token", "components", "cssVar"]);
     const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : theme;
     const parsedComponents = {};
-    Object.entries(components || {}).forEach((_ref) => {
-      let [componentName, componentToken] = _ref;
+    Object.entries(components || {}).forEach(([componentName, componentToken]) => {
       const parsedToken = Object.assign({}, componentToken);
       if ("algorithm" in parsedToken) {
         if (parsedToken.algorithm === true) {

package/dist/node_modules/antd/es/config-provider/index.js

@@ -151,6 +151,7 @@ const ProviderChildren = (props) => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -245,6 +246,7 @@ const ProviderChildren = (props) => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -322,8 +324,7 @@ const ProviderChildren = (props) => {
     } = _a, rest = __rest(_a, ["algorithm", "token", "components", "cssVar"]);
     const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
     const parsedComponents = {};
-    Object.entries(components || {}).forEach((_ref) => {
-      let [componentName, componentToken] = _ref;
+    Object.entries(components || {}).forEach(([componentName, componentToken]) => {
       const parsedToken = Object.assign({}, componentToken);
       if ("algorithm" in parsedToken) {
         if (parsedToken.algorithm === true) {

package/dist/node_modules/antd/es/date-picker/generatePicker/generateRangePicker.cjs

@@ -23,6 +23,7 @@ var index = require("../style/index.cjs");
 var util = require("../util.cjs");
 var constant = require("./constant.cjs");
 var useComponents = require("./useComponents.cjs");
+var useMergedPickerSemantic = require("../hooks/useMergedPickerSemantic.cjs");
 var context = require("../../config-provider/context.cjs");
 var useLocale = require("../../locale/useLocale.cjs");
 function _interopNamespaceDefault(e) {
@@ -66,13 +67,17 @@ const generateRangePicker = (generateConfig) => {
       disabled: customDisabled,
       bordered = true,
       placeholder,
+      popupStyle,
       popupClassName,
       dropdownClassName,
       status: customStatus,
       rootClassName,
       variant: customVariant,
-      picker
-    } = props, restProps = __rest(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker"]);
+      picker,
+      styles,
+      classNames
+    } = props, restProps = __rest(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker", "styles", "classNames"]);
+    const pickerType = picker === constant.TIME ? "timePicker" : "datePicker";
     const innerRef = React__namespace.useRef(null);
     const {
       getPrefixCls,
@@ -91,9 +96,18 @@ const generateRangePicker = (generateConfig) => {
     const [wrapCSSVar, hashId, cssVarCls] = index.default(prefixCls, rootCls);
     if (process.env.NODE_ENV !== "production") {
       const warning$1 = warning.devUseWarning("DatePicker.RangePicker");
-      warning$1.deprecated(!dropdownClassName, "dropdownClassName", "popupClassName");
-      warning$1.deprecated(!("bordered" in props), "bordered", "variant");
+      const deprecatedProps = {
+        dropdownClassName: "classNames.popup.root",
+        popupClassName: "classNames.popup.root",
+        popupStyle: "styles.popup.root",
+        bordered: "variant",
+        onSelect: "onCalendarChange"
+      };
+      Object.entries(deprecatedProps).forEach(([oldProp, newProp]) => {
+        warning$1.deprecated(!(oldProp in props), oldProp, newProp);
+      });
     }
+    const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(pickerType, classNames, styles, popupClassName || dropdownClassName, popupStyle);
     const [mergedAllowClear] = util.useIcons(props, prefixCls);
     const mergedComponents = useComponents(components);
     const mergedSize = useSize((ctx) => {
@@ -112,7 +126,7 @@ const generateRangePicker = (generateConfig) => {
     React.useImperativeHandle(ref, () => innerRef.current);
     const [contextLocale] = useLocale("Calendar", en_US);
     const locale = Object.assign(Object.assign({}, contextLocale), props.locale);
-    const [zIndex] = useZIndex.useZIndex("DatePicker", (_a = props.popupStyle) === null || _a === void 0 ? void 0 : _a.zIndex);
+    const [zIndex] = useZIndex.useZIndex("DatePicker", (_a = mergedStyles.popup.root) === null || _a === void 0 ? void 0 : _a.zIndex);
     return wrapCSSVar(/* @__PURE__ */ React__namespace.createElement(ContextIsolator, {
       space: true
     }, /* @__PURE__ */ React__namespace.createElement(RangePicker, Object.assign({
@@ -143,8 +157,8 @@ const generateRangePicker = (generateConfig) => {
       className: index$1({
         [`${prefixCls}-${mergedSize}`]: mergedSize,
         [`${prefixCls}-${variant}`]: enableVariantCls
-      }, statusUtils.getStatusClassNames(prefixCls, statusUtils.getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, className, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.className, cssVarCls, rootCls, rootClassName),
-      style: Object.assign(Object.assign({}, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.style), style),
+      }, statusUtils.getStatusClassNames(prefixCls, statusUtils.getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, className, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.className, cssVarCls, rootCls, rootClassName, mergedClassNames.root),
+      style: Object.assign(Object.assign(Object.assign({}, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.style), style), mergedStyles.root),
       locale: locale.lang,
       prefixCls,
       getPopupContainer: customGetPopupContainer || getPopupContainer,
@@ -152,10 +166,10 @@ const generateRangePicker = (generateConfig) => {
       components: mergedComponents,
       direction,
       classNames: {
-        popup: index$1(hashId, popupClassName || dropdownClassName, cssVarCls, rootCls, rootClassName)
+        popup: index$1(hashId, cssVarCls, rootCls, rootClassName, mergedClassNames.popup.root)
       },
       styles: {
-        popup: Object.assign(Object.assign({}, props.popupStyle), {
+        popup: Object.assign(Object.assign({}, mergedStyles.popup.root), {
           zIndex
         })
       },

package/dist/node_modules/antd/es/date-picker/generatePicker/generateRangePicker.js

@@ -23,6 +23,7 @@ import useStyle from "../style/index.js";
 import { useIcons, getRangePlaceholder } from "../util.js";
 import { TIME } from "./constant.js";
 import useComponents from "./useComponents.js";
+import useMergedPickerSemantic from "../hooks/useMergedPickerSemantic.js";
 import { ConfigContext } from "../../config-provider/context.js";
 import useLocale from "../../locale/useLocale.js";
 var __rest = function(s, e) {
@@ -47,13 +48,17 @@ const generateRangePicker = (generateConfig) => {
       disabled: customDisabled,
       bordered = true,
       placeholder,
+      popupStyle,
       popupClassName,
       dropdownClassName,
       status: customStatus,
       rootClassName,
       variant: customVariant,
-      picker
-    } = props, restProps = __rest(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker"]);
+      picker,
+      styles,
+      classNames: classNames$1
+    } = props, restProps = __rest(props, ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker", "styles", "classNames"]);
+    const pickerType = picker === TIME ? "timePicker" : "datePicker";
     const innerRef = React.useRef(null);
     const {
       getPrefixCls,
@@ -72,9 +77,18 @@ const generateRangePicker = (generateConfig) => {
     const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
     if (process.env.NODE_ENV !== "production") {
       const warning = devUseWarning("DatePicker.RangePicker");
-      warning.deprecated(!dropdownClassName, "dropdownClassName", "popupClassName");
-      warning.deprecated(!("bordered" in props), "bordered", "variant");
+      const deprecatedProps = {
+        dropdownClassName: "classNames.popup.root",
+        popupClassName: "classNames.popup.root",
+        popupStyle: "styles.popup.root",
+        bordered: "variant",
+        onSelect: "onCalendarChange"
+      };
+      Object.entries(deprecatedProps).forEach(([oldProp, newProp]) => {
+        warning.deprecated(!(oldProp in props), oldProp, newProp);
+      });
     }
+    const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(pickerType, classNames$1, styles, popupClassName || dropdownClassName, popupStyle);
     const [mergedAllowClear] = useIcons(props, prefixCls);
     const mergedComponents = useComponents(components);
     const mergedSize = useSize((ctx) => {
@@ -93,7 +107,7 @@ const generateRangePicker = (generateConfig) => {
     useImperativeHandle(ref, () => innerRef.current);
     const [contextLocale] = useLocale("Calendar", locale);
     const locale$1 = Object.assign(Object.assign({}, contextLocale), props.locale);
-    const [zIndex] = useZIndex("DatePicker", (_a = props.popupStyle) === null || _a === void 0 ? void 0 : _a.zIndex);
+    const [zIndex] = useZIndex("DatePicker", (_a = mergedStyles.popup.root) === null || _a === void 0 ? void 0 : _a.zIndex);
     return wrapCSSVar(/* @__PURE__ */ React.createElement(ContextIsolator, {
       space: true
     }, /* @__PURE__ */ React.createElement(RefRangePicker, Object.assign({
@@ -124,8 +138,8 @@ const generateRangePicker = (generateConfig) => {
       className: classNames({
         [`${prefixCls}-${mergedSize}`]: mergedSize,
         [`${prefixCls}-${variant}`]: enableVariantCls
-      }, getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, className, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.className, cssVarCls, rootCls, rootClassName),
-      style: Object.assign(Object.assign({}, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.style), style),
+      }, getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, className, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.className, cssVarCls, rootCls, rootClassName, mergedClassNames.root),
+      style: Object.assign(Object.assign(Object.assign({}, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.style), style), mergedStyles.root),
       locale: locale$1.lang,
       prefixCls,
       getPopupContainer: customGetPopupContainer || getPopupContainer,
@@ -133,10 +147,10 @@ const generateRangePicker = (generateConfig) => {
       components: mergedComponents,
       direction,
       classNames: {
-        popup: classNames(hashId, popupClassName || dropdownClassName, cssVarCls, rootCls, rootClassName)
+        popup: classNames(hashId, cssVarCls, rootCls, rootClassName, mergedClassNames.popup.root)
       },
       styles: {
-        popup: Object.assign(Object.assign({}, props.popupStyle), {
+        popup: Object.assign(Object.assign({}, mergedStyles.popup.root), {
           zIndex
         })
       },

package/dist/node_modules/antd/es/date-picker/generatePicker/generateSinglePicker.cjs

@@ -22,6 +22,7 @@ var index = require("../style/index.cjs");
 var util = require("../util.cjs");
 var constant = require("./constant.cjs");
 var useComponents = require("./useComponents.cjs");
+var useMergedPickerSemantic = require("../hooks/useMergedPickerSemantic.cjs");
 var context = require("../../config-provider/context.cjs");
 var useLocale = require("../../locale/useLocale.cjs");
 function _interopNamespaceDefault(e) {
@@ -67,13 +68,16 @@ const generatePicker = (generateConfig) => {
         bordered,
         placement,
         placeholder,
+        popupStyle,
         popupClassName,
         dropdownClassName,
         disabled: customDisabled,
         status: customStatus,
         variant: customVariant,
-        onCalendarChange
-      } = props, restProps = __rest(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange"]);
+        onCalendarChange,
+        styles,
+        classNames
+      } = props, restProps = __rest(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange", "styles", "classNames"]);
       const {
         getPrefixCls,
         direction,
@@ -110,10 +114,18 @@ const generatePicker = (generateConfig) => {
       if (process.env.NODE_ENV !== "production") {
         const warning$1 = warning.devUseWarning(displayName || "DatePicker");
         process.env.NODE_ENV !== "production" ? warning$1(picker !== "quarter", "deprecated", `DatePicker.${displayName} is legacy usage. Please use DatePicker[picker='${picker}'] directly.`) : void 0;
-        warning$1.deprecated(!dropdownClassName, "dropdownClassName", "popupClassName");
-        warning$1.deprecated(!("bordered" in props), "bordered", "variant");
-        warning$1.deprecated(!hasLegacyOnSelect, "onSelect", "onCalendarChange");
+        const deprecatedProps = {
+          dropdownClassName: "classNames.popup.root",
+          popupClassName: "classNames.popup.root",
+          popupStyle: "styles.popup.root",
+          bordered: "variant",
+          onSelect: "onCalendarChange"
+        };
+        Object.entries(deprecatedProps).forEach(([oldProp, newProp]) => {
+          warning$1.deprecated(!(oldProp in props), oldProp, newProp);
+        });
       }
+      const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(consumerName, classNames, styles, popupClassName || dropdownClassName, popupStyle);
       const [mergedAllowClear, removeIcon] = util.useIcons(props, prefixCls);
       const mergedComponents = useComponents(components);
       const mergedSize = useSize((ctx) => {
@@ -131,7 +143,7 @@ const generatePicker = (generateConfig) => {
       const suffixNode = /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, mergedPicker === "time" ? /* @__PURE__ */ React__namespace.createElement(ClockCircleOutlined, null) : /* @__PURE__ */ React__namespace.createElement(CalendarOutlined, null), hasFeedback && feedbackIcon);
       const [contextLocale] = useLocale("DatePicker", en_US);
       const locale = Object.assign(Object.assign({}, contextLocale), props.locale);
-      const [zIndex] = useZIndex.useZIndex("DatePicker", (_a = props.popupStyle) === null || _a === void 0 ? void 0 : _a.zIndex);
+      const [zIndex] = useZIndex.useZIndex("DatePicker", (_a = mergedStyles.popup.root) === null || _a === void 0 ? void 0 : _a.zIndex);
       return wrapCSSVar(/* @__PURE__ */ React__namespace.createElement(ContextIsolator, {
         space: true
       }, /* @__PURE__ */ React__namespace.createElement(SinglePicker, Object.assign({
@@ -159,8 +171,8 @@ const generatePicker = (generateConfig) => {
         className: index$1({
           [`${prefixCls}-${mergedSize}`]: mergedSize,
           [`${prefixCls}-${variant}`]: enableVariantCls
-        }, statusUtils.getStatusClassNames(prefixCls, statusUtils.getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.className, className, cssVarCls, rootCls, rootClassName),
-        style: Object.assign(Object.assign({}, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.style), style),
+        }, statusUtils.getStatusClassNames(prefixCls, statusUtils.getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.className, className, cssVarCls, rootCls, rootClassName, mergedClassNames.root),
+        style: Object.assign(Object.assign(Object.assign({}, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.style), style), mergedStyles.root),
         prefixCls,
         getPopupContainer: customizeGetPopupContainer || getPopupContainer,
         generateConfig,
@@ -168,10 +180,10 @@ const generatePicker = (generateConfig) => {
         direction,
         disabled: mergedDisabled,
         classNames: {
-          popup: index$1(hashId, cssVarCls, rootCls, rootClassName, popupClassName || dropdownClassName)
+          popup: index$1(hashId, cssVarCls, rootCls, rootClassName, mergedClassNames.popup.root)
         },
         styles: {
-          popup: Object.assign(Object.assign({}, props.popupStyle), {
+          popup: Object.assign(Object.assign({}, mergedStyles.popup.root), {
             zIndex
           })
         },