@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/select/index.js

@@ -1,83 +1,66 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/select/index.tsx
-var select_exports = {};
-__export(select_exports, {
-  default: () => select_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(select_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_en_US = __toESM(require("../locale/en-US"));
-var import_style = __toESM(require("./style"));
-__reExport(select_exports, require("antd/es/select"), module.exports);
-var InternalSelect = import_react.default.forwardRef(
-  ({ locale: customLocale, prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
-    const { locale: contextLocale, getPrefixCls } = (0, import_react.useContext)(
-      import_config_provider.default.ConfigContext
-    );
-    const selectLocale = {
-      ...import_en_US.default.global,
-      ...contextLocale == null ? void 0 : contextLocale.global,
-      ...import_en_US.default.Select,
-      ...contextLocale == null ? void 0 : contextLocale.Select,
-      ...customLocale
-    };
-    const prefixCls = getPrefixCls("select", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
-    const selectCls = (0, import_classnames.default)(className);
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Select,
-        {
-          ref,
-          placeholder: selectLocale.placeholder,
-          prefixCls: customizePrefixCls,
-          className: selectCls,
-          ...restProps
-        }
-      )
-    );
-  }
-);
-var Select = InternalSelect;
-Select.Option = import_antd.Select.Option;
-Select.OptGroup = import_antd.Select.OptGroup;
-Select._InternalPanelDoNotUseOrYouWillBeFired = import_antd.Select._InternalPanelDoNotUseOrYouWillBeFired;
-if (process.env.NODE_ENV !== "production") {
-  Select.displayName = import_antd.Select.displayName;
-}
-var select_default = Select;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/select")
+var _exportNames = {};
+exports.default = void 0;
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _enUS = _interopRequireDefault(require("../locale/en-US"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _select = require("antd/es/select");
+Object.keys(_select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _select[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const InternalSelect = /*#__PURE__*/_react.default.forwardRef(({
+  locale: customLocale,
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    locale: contextLocale,
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const selectLocale = {
+    ..._enUS.default.global,
+    ...contextLocale?.global,
+    ..._enUS.default.Select,
+    ...contextLocale?.Select,
+    ...customLocale
+  };
+  const prefixCls = getPrefixCls('select', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const selectCls = (0, _classnames.default)(className);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select, {
+    ref: ref,
+    placeholder: selectLocale.placeholder,
+    prefixCls: customizePrefixCls,
+    className: selectCls,
+    ...restProps
+  }));
 });
+const Select = InternalSelect;
+Select.Option = _antd.Select.Option;
+Select.OptGroup = _antd.Select.OptGroup;
+Select._InternalPanelDoNotUseOrYouWillBeFired = _antd.Select._InternalPanelDoNotUseOrYouWillBeFired;
+if (process.env.NODE_ENV !== 'production') {
+  Select.displayName = _antd.Select.displayName;
+}
+var _default = exports.default = Select;

package/lib/select/style/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SelectToken = FullToken<'Select'>;
 export declare const genSelectStyle: GenerateStyle<SelectToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/select/style/index.js

@@ -1,46 +1,26 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/select/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genSelectStyle: () => genSelectStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genSelectStyle = (token) => {
-  const { componentCls } = token;
+exports.genSelectStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genSelectStyle = token => {
+  const {
+    componentCls
+  } = token;
   return {
     [`${componentCls}`]: {
-      [`${componentCls}-arrow${componentCls}-arrow-loading`]: {
+      [`${componentCls}-selection-placeholder`]: {
+        fontWeight: token.fontWeightWeak
+      },
+      [`${componentCls}-clear`]: {
         color: token.colorTextTertiary
       }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Select", (token) => {
-    return [genSelectStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genSelectStyle
-});
+exports.genSelectStyle = genSelectStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Select', token => {
+  return [genSelectStyle(token)];
+});

package/lib/skeleton/index.js

@@ -1,23 +1,17 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/skeleton/index.ts
-var skeleton_exports = {};
-module.exports = __toCommonJS(skeleton_exports);
-__reExport(skeleton_exports, require("antd/es/skeleton"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/skeleton")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _skeleton = require("antd/es/skeleton");
+Object.keys(_skeleton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _skeleton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _skeleton[key];
+    }
+  });
+});
+"use client";

package/lib/slider/index.js

@@ -1,60 +1,51 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/slider/index.tsx
-var slider_exports = {};
-__export(slider_exports, {
-  default: () => slider_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(slider_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_style = __toESM(require("./style"));
-__reExport(slider_exports, require("antd/es/slider"), module.exports);
-var Slider = import_react.default.forwardRef(
-  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
-    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-    const prefixCls = getPrefixCls("slider", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
-    const sliderCls = (0, import_classnames.default)(className);
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Slider, { ref, prefixCls: customizePrefixCls, className: sliderCls, ...restProps })
-    );
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  Slider.displayName = import_antd.Slider.displayName;
-}
-var slider_default = Slider;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/slider")
+var _exportNames = {};
+exports.default = void 0;
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _slider = require("antd/es/slider");
+Object.keys(_slider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _slider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _slider[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const Slider = /*#__PURE__*/_react.default.forwardRef(({
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('slider', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const sliderCls = (0, _classnames.default)(className);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Slider, {
+    ref: ref,
+    prefixCls: customizePrefixCls,
+    className: sliderCls,
+    ...restProps
+  }));
 });
+if (process.env.NODE_ENV !== 'production') {
+  Slider.displayName = _antd.Slider.displayName;
+}
+var _default = exports.default = Slider;

package/lib/slider/style/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SliderToken = FullToken<'Slider'>;
 export declare const genSliderStyle: GenerateStyle<SliderToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/slider/style/index.js

@@ -1,55 +1,38 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/slider/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genSliderStyle: () => genSliderStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_lodash = require("lodash");
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genSliderStyle = (token) => {
-  const { componentCls, dotSize = 8, handleSize = 10, handleLineWidth = 2 } = token;
+exports.genSliderStyle = exports.default = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genSliderStyle = token => {
+  const {
+    componentCls,
+    dotSize = 8,
+    handleSize = 10,
+    handleLineWidth = 2,
+    calc
+  } = token;
+  const dotSizeHalf = (0, _cssinjs.unit)(calc(dotSize).div(2).equal());
+  const handleOffset = (0, _cssinjs.unit)(calc(handleSize).add(calc(handleLineWidth).mul(2).equal()).div(2).equal());
   return {
     [`${componentCls}${componentCls}-horizontal`]: {
       [`${componentCls}-mark`]: {
         [`${componentCls}-mark-text[style*="left: 0%;"]`]: {
-          transform: `translateX(calc(0% - ${dotSize / 2}px)) !important`
+          transform: `translateX(calc(0% - ${dotSizeHalf})) !important`
         },
         [`${componentCls}-mark-text[style*="left: 100%;"]`]: {
-          transform: `translateX(calc(-100% + ${dotSize / 2}px)) !important`
+          transform: `translateX(calc(-100% + ${dotSizeHalf})) !important`
         },
         [`${componentCls}-mark-text[style="transform: translateX(-50%);"]`]: {
-          transform: `translateX(calc(0% - ${(handleSize + (0, import_lodash.toNumber)(handleLineWidth) * 2) / 2}px)) !important`
+          transform: `translateX(calc(0% - ${handleOffset})) !important`
         }
       }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Slider", (token) => {
-    return [genSliderStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genSliderStyle
-});
+exports.genSliderStyle = genSliderStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Slider', token => {
+  return [genSliderStyle(token)];
+});

package/lib/space/index.js

@@ -1,72 +1,67 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/space/index.tsx
-var space_exports = {};
-__export(space_exports, {
-  SpaceContext: () => import_context.SpaceContext,
-  default: () => space_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(space_exports);
-var React = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_useFlexGapSupport = __toESM(require("../_util/useFlexGapSupport"));
-var import_config_provider = require("../config-provider");
-var import_Compact = __toESM(require("antd/es/space/Compact"));
-var import_antd = require("antd");
-var import_style = __toESM(require("./style"));
-__reExport(space_exports, require("antd/es/space"), module.exports);
-var import_context = require("antd/es/space/context");
-var Space = React.forwardRef(
-  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
-    const { getPrefixCls } = React.useContext(import_config_provider.ConfigContext);
-    const prefixCls = getPrefixCls("space", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
-    const supportFlexGap = (0, import_useFlexGapSupport.default)();
-    const spaceCls = (0, import_classnames.default)(
-      {
-        [`${prefixCls}-not-support-gap`]: !supportFlexGap,
-        [`${prefixCls}-wrap`]: restProps == null ? void 0 : restProps.wrap
-      },
-      className
-    );
-    return wrapSSR(/* @__PURE__ */ React.createElement(import_antd.Space, { ref, className: spaceCls, ...restProps }));
+var _exportNames = {
+  SpaceContext: true
+};
+Object.defineProperty(exports, "SpaceContext", {
+  enumerable: true,
+  get: function () {
+    return _context.SpaceContext;
   }
-);
-if (process.env.NODE_ENV !== "production") {
-  Space.displayName = "Space";
-}
-var CompoundedSpace = Space;
-CompoundedSpace.Compact = import_Compact.default;
-var space_default = CompoundedSpace;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SpaceContext,
-  ...require("antd/es/space")
 });
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useFlexGapSupport = _interopRequireDefault(require("../_util/useFlexGapSupport"));
+var _configProvider = require("../config-provider");
+var _Compact = _interopRequireDefault(require("antd/es/space/Compact"));
+var _antd = require("antd");
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _space = require("antd/es/space");
+Object.keys(_space).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _space[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _space[key];
+    }
+  });
+});
+var _context = require("antd/es/space/context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+"use client";
+const Space = /*#__PURE__*/React.forwardRef(({
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('space', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const supportFlexGap = (0, _useFlexGapSupport.default)();
+  const spaceCls = (0, _classnames.default)({
+    [`${prefixCls}-not-support-gap`]: !supportFlexGap,
+    [`${prefixCls}-wrap`]: restProps?.wrap
+  }, className);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
+    ref: ref,
+    className: spaceCls,
+    ...restProps
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Space.displayName = 'Space';
+}
+const CompoundedSpace = Space;
+CompoundedSpace.Compact = _Compact.default;
+var _default = exports.default = CompoundedSpace;

package/lib/space/style/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import { type FullToken, type GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SpaceToken = FullToken<'Space'>;
 export declare const genSpaceStyle: GenerateStyle<SpaceToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;