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

package/lib/date-picker/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/date-picker/index.ts
-var date_picker_exports = {};
-module.exports = __toCommonJS(date_picker_exports);
-__reExport(date_picker_exports, require("antd/es/date-picker"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/date-picker")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _datePicker = require("antd/es/date-picker");
+Object.keys(_datePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _datePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _datePicker[key];
+    }
+  });
+});
+"use client";

package/lib/descriptions/Item.js

@@ -1,26 +1,8 @@
-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/descriptions/Item.ts
-var Item_exports = {};
-__export(Item_exports, {
-  default: () => Item_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Item_exports);
-var import_antd = require("antd");
-var Item_default = import_antd.Descriptions.Item;
+exports.default = void 0;
+var _antd = require("antd");
+var _default = exports.default = _antd.Descriptions.Item;

package/lib/descriptions/hooks/useItems.d.ts

@@ -3,7 +3,11 @@ import type { DescriptionsItemType } from '..';
 export default function useItems(items?: DescriptionsItemType[], children?: React.ReactNode, bordered?: boolean): {
     children: string | number | boolean | Iterable<React.ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element;
     key?: React.Key;
+    style?: React.CSSProperties;
     label?: React.ReactNode;
+    className?: string;
+    classNames?: Partial<Record<"content" | "label", string>>;
+    styles?: Partial<Record<"content" | "label", React.CSSProperties>>;
     span?: number | "filled" | {
         xxl?: number;
         xl?: number;
@@ -12,10 +16,6 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
         sm?: number;
         xs?: number;
     };
-    style?: React.CSSProperties;
-    className?: string;
-    classNames?: Partial<Record<"label" | "content", string>>;
-    styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
     labelStyle?: React.CSSProperties;
     contentStyle?: React.CSSProperties;
 }[];

package/lib/descriptions/hooks/useItems.js

@@ -1,96 +1,73 @@
-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 __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/descriptions/hooks/useItems.tsx
-var useItems_exports = {};
-__export(useItems_exports, {
-  default: () => useItems
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useItems_exports);
-var import_react = __toESM(require("react"));
-var import_warning = __toESM(require("antd/es/_util/warning"));
-var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
-var import_typography = __toESM(require("../../typography"));
-var import_getEllipsisConfig = require("../../_util/getEllipsisConfig");
-var import_jsx_runtime = require("react/jsx-runtime");
-var children2Items = (children) => {
-  const childrenItems = (0, import_toArray.default)(children).map((node) => {
-    if (import_react.default.isValidElement(node)) {
-      const { key, props } = node;
-      return {
+exports.default = useItems;
+var _react = _interopRequireDefault(require("react"));
+var _warning = _interopRequireDefault(require("antd/es/_util/warning"));
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var _typography = _interopRequireDefault(require("../../typography"));
+var _getEllipsisConfig = require("../../_util/getEllipsisConfig");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client"; // Convert children into items
+const children2Items = children => {
+  const childrenItems = (0, _toArray.default)(children).map(node => {
+    if ( /*#__PURE__*/_react.default.isValidElement(node)) {
+      const {
         key,
+        props
+      } = node;
+      return {
+        key: key,
         ...props
       };
     }
     return null;
-  }).filter((node) => !!node);
+  }).filter(node => !!node);
   return childrenItems;
 };
 function convertItem(props, bordered) {
-  const { children: itemChildren, contentProps, ...restItemProps } = props;
-  const itemChildrenType = itemChildren == null ? void 0 : itemChildren.type;
+  const {
+    children: itemChildren,
+    contentProps,
+    ...restItemProps
+  } = props;
+  const itemChildrenType = itemChildren?.type;
   const defaultEllipsis = {
     tooltip: {
-      placement: "topLeft",
+      placement: 'topLeft',
       title: itemChildren
     }
   };
-  const { ellipsis = defaultEllipsis, editable, ...restContentProps } = contentProps || {};
+  const {
+    ellipsis = defaultEllipsis,
+    editable,
+    ...restContentProps
+  } = contentProps || {};
   return {
     ...restItemProps,
     // 无边框并且子元素非 Typography 时外面包一层 Typography.Text，以实现自动省略
-    children: bordered || (itemChildrenType == null ? void 0 : itemChildrenType.__ANT_TYPOGRAPHY) ? itemChildren : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_typography.default.Text,
-      {
-        ...restContentProps,
-        ellipsis: (0, import_getEllipsisConfig.getEllipsisConfig)(ellipsis, itemChildren),
-        editable: (
-          // disable autoSize by default to avoid over height
-          typeof editable === "object" ? {
-            autoSize: false,
-            ...editable
-          } : editable === true ? {
-            autoSize: false
-          } : editable
-        ),
-        children: itemChildren
-      }
-    )
+    children: bordered || itemChildrenType?.__ANT_TYPOGRAPHY ? itemChildren : /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default.Text, {
+      ...restContentProps,
+      ellipsis: (0, _getEllipsisConfig.getEllipsisConfig)(ellipsis, itemChildren),
+      editable:
+      // disable autoSize by default to avoid over height
+      typeof editable === 'object' ? {
+        autoSize: false,
+        ...editable
+      } : editable === true ? {
+        autoSize: false
+      } : editable,
+      children: itemChildren
+    })
   };
 }
 function useItems(items, children, bordered) {
   if (items) {
-    return items.map((item) => convertItem(item, bordered));
+    return items.map(item => convertItem(item, bordered));
   }
-  (0, import_warning.default)(
-    !children,
-    "Descriptions",
-    "Descriptions.Item is deprecated. Please use `items` directly."
-  );
-  return children2Items(children).map((item) => convertItem(item, bordered));
-}
+  (0, _warning.default)(!children, 'Descriptions', 'Descriptions.Item is deprecated. Please use `items` directly.');
+  return children2Items(children).map(item => convertItem(item, bordered));
+}

package/lib/descriptions/index.js

@@ -1,54 +1,41 @@
-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/descriptions/index.tsx
-var descriptions_exports = {};
-__export(descriptions_exports, {
-  default: () => descriptions_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@oceanbase/icons");
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _theme = _interopRequireDefault(require("../theme"));
+var _Item = _interopRequireDefault(require("./Item"));
+var _useItems = _interopRequireDefault(require("./hooks/useItems"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _descriptions = require("antd/es/descriptions");
+Object.keys(_descriptions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _descriptions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _descriptions[key];
+    }
+  });
 });
-module.exports = __toCommonJS(descriptions_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = require("react");
-var import_icons = require("@oceanbase/icons");
-var import_config_provider = __toESM(require("../config-provider"));
-var import_theme = __toESM(require("../theme"));
-var import_Item = __toESM(require("./Item"));
-var import_useItems = __toESM(require("./hooks/useItems"));
-var import_style = __toESM(require("./style"));
-__reExport(descriptions_exports, require("antd/es/descriptions"), module.exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var Descriptions = ({
+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 Descriptions = ({
   children,
   bordered,
-  layout = "horizontal",
-  colon = layout === "vertical" ? false : void 0,
+  layout = 'horizontal',
+  colon = layout === 'vertical' ? false : undefined,
   items,
   title,
   prefixCls: customizePrefixCls,
@@ -61,74 +48,69 @@ var Descriptions = ({
   contentAlign,
   ...restProps
 }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const { token } = import_theme.default.useToken();
-  const prefixCls = getPrefixCls("descriptions", customizePrefixCls);
-  const typographyPrefixCls = getPrefixCls("typography", customizePrefixCls);
-  const [wrapCSSVar] = (0, import_style.default)(prefixCls, typographyPrefixCls);
-  const [internalCollapsed, setInternalCollapsed] = (0, import_react.useState)(defaultCollapsed ?? false);
-  const collapsed = outerCollapsed !== void 0 ? outerCollapsed : internalCollapsed;
-  const handleCollapse = (0, import_react.useCallback)(() => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const {
+    token
+  } = _theme.default.useToken();
+  const prefixCls = getPrefixCls('descriptions', customizePrefixCls);
+  const typographyPrefixCls = getPrefixCls('typography', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls, typographyPrefixCls);
+  const [internalCollapsed, setInternalCollapsed] = (0, _react.useState)(defaultCollapsed ?? false);
+  const collapsed = outerCollapsed !== undefined ? outerCollapsed : internalCollapsed;
+  const handleCollapse = (0, _react.useCallback)(() => {
     const newCollapsed = !collapsed;
-    if (outerCollapsed === void 0) {
+    if (outerCollapsed === undefined) {
       setInternalCollapsed(newCollapsed);
     }
-    onCollapse == null ? void 0 : onCollapse(newCollapsed);
+    onCollapse?.(newCollapsed);
   }, [collapsed, outerCollapsed, onCollapse]);
-  const newItems = (0, import_useItems.default)(items, children, bordered);
-  const descriptionsTitle = (0, import_react.useMemo)(() => {
+  const newItems = (0, _useItems.default)(items, children, bordered);
+  const descriptionsTitle = (0, _react.useMemo)(() => {
     if (!collapsible) {
       return title;
     }
     if (!title) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-title-wrapper`, onClick: handleCollapse, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_icons.CaretRightFilled,
-        {
-          className: `${prefixCls}-collapsible-icon`,
-          style: {
-            transition: `transform ${token.motionDurationMid}`,
-            transform: collapsed ? void 0 : "rotate(90deg)",
-            color: token.colorIcon,
-            marginRight: token.marginXS
-          }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${prefixCls}-title-wrapper`,
+      onClick: handleCollapse,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CaretRightFilled, {
+        className: `${prefixCls}-collapsible-icon`,
+        style: {
+          transition: `transform ${token.motionDurationMid}`,
+          transform: collapsed ? undefined : 'rotate(90deg)',
+          color: token.colorIcon,
+          marginRight: token.marginXS
         }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title })
-    ] });
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: title
+      })]
+    });
   }, [collapsible, title, collapsed, prefixCls, token, handleCollapse]);
-  const descriptionsCls = (0, import_classnames.default)(className, {
-    [`${prefixCls}-vertical`]: layout === "vertical",
-    [`${prefixCls}-horizontal`]: layout === "horizontal",
+  const descriptionsCls = (0, _classnames.default)(className, {
+    [`${prefixCls}-vertical`]: layout === 'vertical',
+    [`${prefixCls}-horizontal`]: layout === 'horizontal',
     [`${prefixCls}-collapsible`]: collapsible,
     [`${prefixCls}-collapsed`]: collapsible && collapsed,
-    [`${prefixCls}-content-align-left`]: contentAlign === "left"
+    [`${prefixCls}-content-align-left`]: contentAlign === 'left'
   });
-  return wrapCSSVar(
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_antd.Descriptions,
-      {
-        layout,
-        colon,
-        bordered,
-        column,
-        items: newItems,
-        title: descriptionsTitle,
-        prefixCls: customizePrefixCls,
-        className: descriptionsCls,
-        ...restProps
-      }
-    )
-  );
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Descriptions, {
+    layout: layout,
+    colon: colon,
+    bordered: bordered,
+    column: column,
+    items: newItems,
+    title: descriptionsTitle,
+    prefixCls: customizePrefixCls,
+    className: descriptionsCls,
+    ...restProps
+  }));
 };
-if (process.env.NODE_ENV !== "production") {
-  Descriptions.displayName = import_antd.Descriptions.displayName;
+if (process.env.NODE_ENV !== 'production') {
+  Descriptions.displayName = _antd.Descriptions.displayName;
 }
-Descriptions.Item = import_Item.default;
-var descriptions_default = Descriptions;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/descriptions")
-});
+Descriptions.Item = _Item.default;
+var _default = exports.default = Descriptions;

package/lib/descriptions/style/index.js

@@ -1,32 +1,14 @@
-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/descriptions/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genDescriptionsStyle: () => genDescriptionsStyle,
-  genVerticalStyle: () => genVerticalStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genVerticalStyle = (size, token) => {
-  const { componentCls } = token;
+exports.genVerticalStyle = exports.genDescriptionsStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genVerticalStyle = (size, token) => {
+  const {
+    componentCls
+  } = token;
   const paddingMap = {
     default: {
       paddingIn: token.paddingXXS,
@@ -63,8 +45,13 @@ var genVerticalStyle = (size, token) => {
     }
   };
 };
-var genDescriptionsStyle = (token) => {
-  const { componentCls, typographyComponentCls, calc } = token;
+exports.genVerticalStyle = genVerticalStyle;
+const genDescriptionsStyle = token => {
+  const {
+    componentCls,
+    typographyComponentCls,
+    calc
+  } = token;
   return {
     [`${componentCls}`]: {
       [`${componentCls}-header`]: {
@@ -72,22 +59,22 @@ var genDescriptionsStyle = (token) => {
       },
       // collapsible title style
       [`${componentCls}-title-wrapper`]: {
-        cursor: "pointer",
-        display: "flex",
-        alignItems: "center",
-        userSelect: "none",
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        userSelect: 'none',
         [`${componentCls}-collapsible-icon`]: {
           fontSize: token.fontSizeLG
         }
       },
-      ...genVerticalStyle("default", token),
+      ...genVerticalStyle('default', token),
       [`${componentCls}-row > th, ${componentCls}-row > td`]: {
         paddingRight: token.paddingLG
       },
       [`${componentCls}-item-label`]: {
         fontWeight: token.fontWeightWeak,
         [`&${componentCls}-item-no-colon::after`]: {
-          display: "none"
+          display: 'none'
         }
       },
       [`${componentCls}-item-container`]: {
@@ -100,7 +87,7 @@ var genDescriptionsStyle = (token) => {
         }
       },
       [`${componentCls}-item-container:has(${`${typographyComponentCls}-edit-content`})`]: {
-        alignItems: "center",
+        alignItems: 'center',
         height: calc(token.fontSize).mul(token.lineHeight).equal()
       }
     },
@@ -108,45 +95,45 @@ var genDescriptionsStyle = (token) => {
       [`${componentCls}-header`]: {
         marginBottom: token.marginSM
       },
-      ...genVerticalStyle("middle", token)
+      ...genVerticalStyle('middle', token)
     },
     [`${componentCls}${componentCls}-small`]: {
       [`${componentCls}-header`]: {
         marginBottom: token.marginXS
       },
-      ...genVerticalStyle("small", token)
+      ...genVerticalStyle('small', token)
     },
     // collapsed state
     [`${componentCls}${componentCls}-collapsed`]: {
       [`${componentCls}-view`]: {
-        display: "none"
+        display: 'none'
       }
     },
     // contentAlign="left": label column auto width based on longest label
     // For non-bordered mode: use CSS Grid to make label and content align across rows
     [`${componentCls}${componentCls}-content-align-left:not(${componentCls}-bordered)`]: {
       [`${componentCls}-view`]: {
-        display: "block"
+        display: 'block'
       },
       // Make table, tbody, tr, td all transparent to grid layout
       [`${componentCls}-view > table`]: {
-        display: "grid",
-        gridTemplateColumns: "auto 1fr"
+        display: 'grid',
+        gridTemplateColumns: 'auto 1fr'
       },
       [`${componentCls}-view > table > tbody`]: {
-        display: "contents"
+        display: 'contents'
       },
       [`${componentCls}-row`]: {
-        display: "contents"
+        display: 'contents'
       },
       [`${componentCls}-row > td${componentCls}-item`]: {
-        display: "contents"
+        display: 'contents'
       },
       [`${componentCls}-item-container`]: {
-        display: "contents"
+        display: 'contents'
       },
       [`${componentCls}-item-label`]: {
-        whiteSpace: "nowrap",
+        whiteSpace: 'nowrap',
         paddingBottom: token.padding,
         paddingInlineEnd: token.paddingLG
       },
@@ -178,34 +165,29 @@ var genDescriptionsStyle = (token) => {
     // For bordered mode: label and content are in separate th and td
     [`${componentCls}${componentCls}-content-align-left${componentCls}-bordered`]: {
       [`${componentCls}-view > table`]: {
-        tableLayout: "auto"
+        tableLayout: 'auto'
       },
       [`${componentCls}-row`]: {
         [`& > th`]: {
-          whiteSpace: "nowrap",
+          whiteSpace: 'nowrap',
           width: 1
         },
         [`& > td`]: {
-          width: "100%"
+          width: '100%'
         }
       }
     }
   };
 };
-var style_default = (prefixCls, typographyPrefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genStyleHooks)("Descriptions", (token) => {
-    return [
-      genDescriptionsStyle({
-        ...token,
-        typographyPrefixCls,
-        typographyComponentCls: `.${typographyPrefixCls}`
-      })
-    ];
+exports.genDescriptionsStyle = genDescriptionsStyle;
+var _default = (prefixCls, typographyPrefixCls) => {
+  const useStyle = (0, _genComponentStyleHook.genStyleHooks)('Descriptions', token => {
+    return [genDescriptionsStyle({
+      ...token,
+      typographyPrefixCls,
+      typographyComponentCls: `.${typographyPrefixCls}`
+    })];
   });
   return useStyle(prefixCls);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genDescriptionsStyle,
-  genVerticalStyle
-});
+exports.default = _default;