@oceanbase/design 0.4.0 → 0.4.2

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type CheckboxToken = FullToken<'Checkbox'>;
+export declare const genCheckboxStyle: GenerateStyle<CheckboxToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/checkbox/style/index.js

@@ -0,0 +1,49 @@
+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);
+
+// src/checkbox/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genCheckboxStyle: () => genCheckboxStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genCheckboxStyle = (token) => {
+  const { componentCls, fontSize, fontSizeLG, lineHeight } = token;
+  return {
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}`]: {
+        alignSelf: "baseline",
+        [`${componentCls}-inner`]: {
+          transform: `translate(0px, ${(fontSize * lineHeight - fontSizeLG) / 2}px)`
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Checkbox", (token) => {
+    return [genCheckboxStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genCheckboxStyle
+});

package/lib/config-provider/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { ConfigProvider as AntConfigProvider } from 'antd';
 import type { ConfigProviderProps as AntConfigProviderProps, ConfigConsumerProps as AntConfigConsumerProps, ThemeConfig as AntThemeConfig } from 'antd/es/config-provider';
 import type { ComponentStyleConfig } from 'antd/es/config-provider/context';
+import type { AppProps } from 'antd/es/app';
 import type { PaginationConfig } from 'antd/es/pagination';
 import type { SpinIndicator } from 'antd/es/spin';
 import type { StyleProviderProps } from '@ant-design/cssinjs';
@@ -41,6 +42,7 @@ export interface ConfigProviderProps extends AntConfigProviderProps {
     table?: TableConfig;
     injectStaticFunction?: boolean;
     styleProviderProps?: StyleProviderProps;
+    appProps?: AppProps;
 }
 export interface ExtendedConfigConsumerProps {
     navigate?: NavigateFunction;

package/lib/config-provider/index.js

@@ -65,6 +65,7 @@ var ConfigProvider = ({
   tabs,
   injectStaticFunction = true,
   styleProviderProps,
+  appProps,
   ...restProps
 }) => {
   var _a, _b;
@@ -128,7 +129,7 @@ var ConfigProvider = ({
           hideOnSinglePage: ((_b = parentContext.pagination) == null ? void 0 : _b.showSizeChanger) ? false : hideOnSinglePage !== void 0 ? hideOnSinglePage : parentExtendedContext.hideOnSinglePage
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.App, { component: false }, children, injectStaticFunction && /* @__PURE__ */ import_react.default.createElement(import_static_function.default, null)))
+      /* @__PURE__ */ import_react.default.createElement(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.App, { component: false, ...appProps }, children, injectStaticFunction && /* @__PURE__ */ import_react.default.createElement(import_static_function.default, null)))
     )
   );
 };

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

@@ -2,7 +2,7 @@ import React from 'react';
 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/types/jsx-namespace").EmotionJSX.Element;
-    span?: number | {
+    span?: number | "filled" | {
         xxl?: number;
         xl?: number;
         lg?: number;
@@ -10,11 +10,11 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
         sm?: number;
         xs?: number;
     };
-    prefixCls?: string;
-    style?: React.CSSProperties;
     className?: string;
-    label?: React.ReactNode;
+    style?: React.CSSProperties;
+    prefixCls?: string;
     key?: React.Key;
+    label?: React.ReactNode;
     labelStyle?: React.CSSProperties;
     contentStyle?: React.CSSProperties;
 }[];

package/lib/empty/default.js

@@ -36,50 +36,19 @@ var import_react = __toESM(require("react"));
 var DefaultEmptyImg = (props) => /* @__PURE__ */ import_react.default.createElement(
   "svg",
   {
-    width: "46.25775px",
-    height: "46.36575px",
-    viewBox: "0 0 46.25775 46.36575",
+    width: "56px",
+    height: "56px",
+    viewBox: "0 0 56 56",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
+    xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(-801.05, -274.05)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(796, 270)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(1, 0)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "54", height: "54" }), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(4.05, 4.05)", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#E6E6E6",
-      x: "5.3055",
-      y: "0",
-      width: "35.79525",
-      height: "28.134",
-      rx: "2.72025"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#F8F8F8",
-      x: "11.04975",
-      y: "5.0625",
-      width: "24.1515",
-      height: "1.593",
-      rx: "0.7965"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#F8F8F8",
-      x: "11.04975",
-      y: "10.60425",
-      width: "16.08525",
-      height: "1.593",
-      rx: "0.7965"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
+  /* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(4.2, 4.2)", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { fill: "#CDD5E4", x: "5.495", y: "0", width: "37.121", height: "29.176", rx: "4.03" }), /* @__PURE__ */ import_react.default.createElement("rect", { fill: "#F8F8F8", x: "11.452", y: "5.257", width: "25.046", height: "1.652", rx: "0.826" }), /* @__PURE__ */ import_react.default.createElement("rect", { fill: "#F8F8F8", x: "11.452", y: "10.997", width: "16.681", height: "1.652", rx: "0.826" }), /* @__PURE__ */ import_react.default.createElement(
     "path",
     {
-      d: "M43.53075,46.36575 L2.72025,46.36575 C1.22175,46.36575 0,45.15075 0,43.6455 L0,20.277 C0,18.7785 1.215,17.55675 2.72025,17.55675 L18.576,17.55675 C19.494,17.55675 20.3445,18.01575 20.85075,18.78525 L22.32225,21.0195 C22.82175,21.78225 23.679,22.248 24.597,22.248 L43.5375,22.248 C45.036,22.248 46.25775,23.463 46.25775,24.96825 L46.25775,43.6455 C46.25775,45.144 45.04275,46.36575 43.5375,46.36575 L43.53075,46.36575 Z",
-      fill: "#F8F8F8"
+      d: "M45.143,48.083 L2.821,48.083 C1.267,48.083 0,46.823 0,45.262 L0,21.028 C0,19.474 1.26,18.207 2.821,18.207 L19.264,18.207 C20.216,18.207 21.098,18.683 21.623,19.481 L23.149,21.798 C23.667,22.589 24.556,23.072 25.508,23.072 L45.15,23.072 C46.704,23.072 47.971,24.332 47.971,25.893 L47.971,45.262 C47.971,46.816 46.711,48.083 45.15,48.083 L45.143,48.083 Z",
+      fill: "#F3F6FC"
     }
-  ))))))
+  )))
 );
 if (process.env.NODE_ENV !== "production") {
   DefaultEmptyImg.displayName = "DefaultEmptyImg";

package/lib/empty/style/index.js

@@ -26,15 +26,7 @@ module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var import_genStyle = require("../../_util/genStyle");
 var genEmptyStyle = (token) => {
-  const {
-    antCls,
-    componentCls,
-    colorTextTertiary,
-    colorBgLayout,
-    colorFill,
-    colorText,
-    colorTextSecondary
-  } = token;
+  const { antCls, componentCls, colorTextTertiary, colorText, colorTextSecondary } = token;
   return {
     [`${componentCls}`]: {
       [`${componentCls}-image`]: {
@@ -47,54 +39,58 @@ var genEmptyStyle = (token) => {
         [`${componentCls}-title`]: {
           color: token.colorText,
           fontWeight: token.fontWeightStrong,
-          fontSize: token.fontSizeHeading3,
-          lineHeight: token.lineHeightHeading3,
+          fontSize: token.fontSizeHeading4,
+          lineHeight: token.lineHeightHeading4,
           marginTop: token.marginLG
         },
         [`${componentCls}-description-content`]: {
           color: colorTextTertiary,
+          maxWidth: 600,
+          margin: "0px auto",
           marginTop: token.marginXS
-        }
-      },
-      [`${componentCls}-footer`]: {
-        marginTop: token.marginLG,
-        ...(0, import_genStyle.genLargeStyle)(token)
-      },
-      [`${antCls}-steps`]: {
-        marginTop: token.margin,
-        padding: token.paddingLG,
-        backgroundColor: token.colorFillQuaternary,
-        borderRadius: token.borderRadiusLG,
-        [`${antCls}-steps-item-container`]: {
-          [`${antCls}-steps-item-icon`]: {
-            height: token.controlHeightSM,
-            width: token.controlHeightSM,
-            lineHeight: `${token.controlHeightSM}px`,
-            backgroundColor: token.colorFillSecondary,
-            // override default border color
-            borderColor: token.colorFillSecondary,
-            [`${antCls}-steps-icon`]: {
-              color: colorTextSecondary,
-              fontSize: token.fontSize
-            }
-          },
-          [`${antCls}-steps-item-content`]: {
-            [`${antCls}-steps-item-title`]: {
-              color: colorText,
-              fontSize: token.fontSize,
-              fontWeight: token.fontWeightStrong,
+        },
+        [`${antCls}-steps`]: {
+          maxWidth: 1e3,
+          margin: "0px auto",
+          marginTop: token.marginLG,
+          padding: token.paddingLG,
+          backgroundColor: token.colorFillQuaternary,
+          borderRadius: token.borderRadiusLG,
+          [`${antCls}-steps-item-container`]: {
+            [`${antCls}-steps-item-icon`]: {
+              height: token.controlHeightSM,
+              width: token.controlHeightSM,
               lineHeight: `${token.controlHeightSM}px`,
-              "&::after": {
-                top: token.controlHeightSM / 2
+              backgroundColor: token.colorFillSecondary,
+              // override default border color
+              borderColor: token.colorFillSecondary,
+              [`${antCls}-steps-icon`]: {
+                color: colorTextSecondary,
+                fontSize: token.fontSize
               }
             },
-            [`${antCls}-steps-item-description`]: {
-              color: colorTextTertiary,
-              fontSize: token.fontSizeSM,
-              marginTop: token.marginXS
+            [`${antCls}-steps-item-content`]: {
+              [`${antCls}-steps-item-title`]: {
+                color: colorText,
+                fontSize: token.fontSize,
+                fontWeight: token.fontWeightStrong,
+                lineHeight: `${token.controlHeightSM}px`,
+                "&::after": {
+                  top: token.controlHeightSM / 2
+                }
+              },
+              [`${antCls}-steps-item-description`]: {
+                color: colorTextTertiary,
+                fontSize: token.fontSizeSM,
+                marginTop: token.marginXS
+              }
             }
           }
         }
+      },
+      [`${componentCls}-footer`]: {
+        marginTop: token.marginLG,
+        ...(0, import_genStyle.genLargeStyle)(token)
       }
     },
     [`${componentCls}-horizontal`]: {

package/lib/global.css

@@ -0,0 +1,48 @@
+@import 'antd/dist/reset.css';
+
+@font-face {
+  font-family: 'Inter';
+  /* load priority: local font > remote font > self-hosting font */
+  src:
+    local('Inter'),
+    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2')
+      format('woff2'),
+    url('./fonts/Inter.woff2') format('woff2');
+  /* load strategy: use default font as fallback */
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src:
+    local('Consolas'),
+    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2')
+      format('woff2'),
+    url('./fonts/Consolas.woff2') format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Helvetica Neue';
+  src:
+    local('Helvetica Neue'),
+    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2')
+      format('woff2'),
+    url('./fonts/HelveticaNeue.woff2') format('woff2');
+  font-display: swap;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+}
+
+* {
+  scrollbar-color: #e2e8f3 transparent;
+}
+
+.rc-virtual-list-scrollbar-thumb {
+  background: #e2e8f3 !important;
+}

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import './reset.css';
+import './global.css';
 export * from 'antd';
 export { version } from '../package.json';
 export { default as Alert } from './alert';
@@ -38,10 +38,18 @@ export { default as Input } from './input';
 export type { InputProps } from './input';
 export { default as InputNumber } from './input-number';
 export type { InputNumberProps } from './input-number';
+export { default as Radio } from './radio';
+export type { RadioProps } from './radio';
+export { default as Checkbox } from './checkbox';
+export type { CheckboxProps } from './checkbox';
+export { default as Switch } from './switch';
+export type { SwitchProps } from './switch';
 export { default as Select } from './select';
 export type { SelectProps } from './select';
 export { default as TreeSelect } from './tree-select';
 export type { TreeSelectProps } from './tree-select';
+export { default as Slider } from './slider';
+export type { SliderSingleProps, SliderRangeProps } from './slider';
 export { default as Tooltip } from './tooltip';
 export type { TooltipProps } from './tooltip';
 export { default as Segmented } from './segmented';

package/lib/index.js

@@ -35,6 +35,7 @@ __export(src_exports, {
   Breadcrumb: () => import_breadcrumb.default,
   Button: () => import_button.default,
   Card: () => import_card.default,
+  Checkbox: () => import_checkbox.default,
   Col: () => import_grid.Col,
   ConfigProvider: () => import_config_provider.default,
   Descriptions: () => import_descriptions.default,
@@ -46,12 +47,15 @@ __export(src_exports, {
   List: () => import_list.default,
   Lottie: () => import_lottie.default,
   Modal: () => import_modal.default,
+  Radio: () => import_radio.default,
   Result: () => import_result.default,
   Row: () => import_grid.Row,
   Segmented: () => import_segmented.default,
   Select: () => import_select.default,
+  Slider: () => import_slider.default,
   Space: () => import_space.default,
   Spin: () => import_spin.default,
+  Switch: () => import_switch.default,
   Table: () => import_table.default,
   Tabs: () => import_tabs.default,
   Tag: () => import_tag.default,
@@ -67,7 +71,7 @@ __export(src_exports, {
   version: () => import_package.version
 });
 module.exports = __toCommonJS(src_exports);
-var import_reset = require("./reset.css");
+var import_global = require("./global.css");
 __reExport(src_exports, require("antd"), module.exports);
 var import_package = require("../package.json");
 var import_alert = __toESM(require("./alert"));
@@ -89,8 +93,12 @@ var import_tabs = __toESM(require("./tabs"));
 var import_tag = __toESM(require("./tag"));
 var import_input = __toESM(require("./input"));
 var import_input_number = __toESM(require("./input-number"));
+var import_radio = __toESM(require("./radio"));
+var import_checkbox = __toESM(require("./checkbox"));
+var import_switch = __toESM(require("./switch"));
 var import_select = __toESM(require("./select"));
 var import_tree_select = __toESM(require("./tree-select"));
+var import_slider = __toESM(require("./slider"));
 var import_tooltip = __toESM(require("./tooltip"));
 var import_segmented = __toESM(require("./segmented"));
 var import_breadcrumb = __toESM(require("./breadcrumb"));
@@ -109,6 +117,7 @@ var { useToken } = import_theme2.default;
   Breadcrumb,
   Button,
   Card,
+  Checkbox,
   Col,
   ConfigProvider,
   Descriptions,
@@ -120,12 +129,15 @@ var { useToken } = import_theme2.default;
   List,
   Lottie,
   Modal,
+  Radio,
   Result,
   Row,
   Segmented,
   Select,
+  Slider,
   Space,
   Spin,
+  Switch,
   Table,
   Tabs,
   Tag,

package/lib/progress/index.d.ts

@@ -1 +1,2 @@
+export * from 'antd/es/progress/progress';
 export * from 'antd/es/progress';

package/lib/progress/index.js

@@ -16,8 +16,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/progress/index.ts
 var progress_exports = {};
 module.exports = __toCommonJS(progress_exports);
+__reExport(progress_exports, require("antd/es/progress/progress"), module.exports);
 __reExport(progress_exports, require("antd/es/progress"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ...require("antd/es/progress/progress"),
   ...require("antd/es/progress")
 });

package/lib/progress/progress.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/progress/progress';

package/lib/progress/progress.js

@@ -0,0 +1,23 @@
+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);
+
+// src/progress/progress.ts
+var progress_exports = {};
+module.exports = __toCommonJS(progress_exports);
+__reExport(progress_exports, require("antd/es/progress/progress"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("antd/es/progress/progress")
+});

package/lib/radio/index.d.ts

@@ -1 +1,8 @@
+import type { RadioProps as AntRadioProps, RadioRef } from 'antd/es/radio';
+import React from 'react';
 export * from 'antd/es/radio';
+declare const Radio: React.ForwardRefExoticComponent<AntRadioProps & React.RefAttributes<RadioRef>> & {
+    Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>>;
+    Button: React.ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & React.RefAttributes<RadioRef>>;
+};
+export default Radio;

package/lib/radio/index.js

@@ -1,7 +1,13 @@
+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))
@@ -11,12 +17,47 @@ var __copyProps = (to, from, except, desc) => {
   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);
 
-// src/radio/index.ts
+// src/radio/index.tsx
 var radio_exports = {};
+__export(radio_exports, {
+  default: () => radio_default
+});
 module.exports = __toCommonJS(radio_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(radio_exports, require("antd/es/radio"), module.exports);
+var InternalRadio = import_react.default.forwardRef(
+  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("radio", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const radioCls = (0, import_classnames.default)(className);
+    return wrapSSR(
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { ref, prefixCls: customizePrefixCls, className: radioCls, ...restProps })
+    );
+  }
+);
+var Radio = InternalRadio;
+Radio.Button = import_antd.Radio.Button;
+Radio.Group = import_antd.Radio.Group;
+Radio.__ANT_RADIO = import_antd.Radio.__ANT_RADIO;
+if (process.env.NODE_ENV !== "production") {
+  Radio.displayName = import_antd.Radio.displayName;
+}
+var radio_default = Radio;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/radio")

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type RadioToken = FullToken<'Radio'>;
+export declare const genRadioStyle: GenerateStyle<RadioToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/radio/style/index.js

@@ -0,0 +1,49 @@
+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);
+
+// src/radio/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genRadioStyle: () => genRadioStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genRadioStyle = (token) => {
+  const { componentCls, radioSize, fontSize, fontSizeLG, lineHeight } = token;
+  return {
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}`]: {
+        alignSelf: "baseline",
+        [`${componentCls}-inner`]: {
+          marginBottom: -(fontSize * lineHeight - (radioSize || fontSizeLG)) / 2
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Radio", (token) => {
+    return [genRadioStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genRadioStyle
+});

package/lib/result/style/index.js

@@ -30,12 +30,21 @@ var genResultStyle = (token) => {
   return {
     [`${componentCls}`]: {
       [`${componentCls}-title`]: {
-        fontWeight: token.fontWeightStrong
+        fontWeight: token.fontWeightStrong,
+        fontSize: token.fontSizeHeading4,
+        lineHeight: token.lineHeightHeading4
+      },
+      [`${componentCls}-subtitle`]: {
+        maxWidth: 600,
+        margin: "0px auto"
       },
       [`${componentCls}-extra`]: {
         ...(0, import_genStyle.genLargeStyle)(token)
       },
       [`${componentCls}-content`]: {
+        maxWidth: 1e3,
+        margin: "0px auto",
+        marginTop: token.marginLG,
         padding: token.paddingLG,
         borderRadius: token.borderRadiusLG
       }

package/lib/slider/index.d.ts

@@ -1 +1,6 @@
+import type { SliderSingleProps as AntSliderSingleProps, SliderRangeProps as AntSliderRangeProps } from 'antd/es/slider';
+import type { SliderRef } from 'rc-slider/lib/Slider';
+import React from 'react';
 export * from 'antd/es/slider';
+declare const Slider: React.ForwardRefExoticComponent<(AntSliderSingleProps | AntSliderRangeProps) & React.RefAttributes<SliderRef>>;
+export default Slider;