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

package/lib/result/index.d.ts

@@ -8,10 +8,10 @@ export type ResultStatusType = AntResultStatusType | 'processing';
 export interface ResultProps extends Omit<AntResultProps, 'status'> {
     status?: ResultStatusType;
 }
-export interface ResultType extends React.FC<ResultProps> {
+export type ResultType = React.FC<ResultProps> & {
     PRESENTED_IMAGE_403: typeof Image403;
     PRESENTED_IMAGE_404: typeof Image404;
     PRESENTED_IMAGE_500: typeof Image500;
-}
+};
 declare const Result: ResultType;
 export default Result;

package/lib/result/index.js

@@ -1,85 +1,71 @@
-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/result/index.tsx
-var result_exports = {};
-__export(result_exports, {
-  default: () => result_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(result_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_Success = __toESM(require("./Success"));
-var import_Error = __toESM(require("./Error"));
-var import_Warning = __toESM(require("./Warning"));
-var import_Processing = __toESM(require("./Processing"));
-var import__ = __toESM(require("./403"));
-var import__2 = __toESM(require("./404"));
-var import__3 = __toESM(require("./500"));
-var import_style = __toESM(require("./style"));
-__reExport(result_exports, require("antd/es/result"), module.exports);
-var Result = ({ status, prefixCls: customizePrefixCls, ...restProps }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("result", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const resultCls = (0, import_classnames.default)(prefixCls);
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _Success = _interopRequireDefault(require("./Success"));
+var _Error = _interopRequireDefault(require("./Error"));
+var _Warning = _interopRequireDefault(require("./Warning"));
+var _Processing = _interopRequireDefault(require("./Processing"));
+var _ = _interopRequireDefault(require("./403"));
+var _2 = _interopRequireDefault(require("./404"));
+var _3 = _interopRequireDefault(require("./500"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _result = require("antd/es/result");
+Object.keys(_result).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _result[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _result[key];
+    }
+  });
+});
+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 Result = ({
+  prefixCls: customizePrefixCls,
+  className,
+  status,
+  ...restProps
+}) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('result', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const resultCls = (0, _classnames.default)(className);
   const statusMap = {
-    success: /* @__PURE__ */ import_react.default.createElement(import_Success.default, null),
-    error: /* @__PURE__ */ import_react.default.createElement(import_Error.default, null),
-    warning: /* @__PURE__ */ import_react.default.createElement(import_Warning.default, null),
-    processing: /* @__PURE__ */ import_react.default.createElement(import_Processing.default, null),
-    403: /* @__PURE__ */ import_react.default.createElement(import__.default, null),
-    404: /* @__PURE__ */ import_react.default.createElement(import__2.default, null),
-    500: /* @__PURE__ */ import_react.default.createElement(import__3.default, null)
+    success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Success.default, {}),
+    error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Error.default, {}),
+    warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Warning.default, {}),
+    processing: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Processing.default, {}),
+    403: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}),
+    404: /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.default, {}),
+    500: /*#__PURE__*/(0, _jsxRuntime.jsx)(_3.default, {})
   };
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Result,
-      {
-        icon: statusMap[status],
-        prefixCls: customizePrefixCls,
-        className: resultCls,
-        ...restProps
-      }
-    )
-  );
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Result, {
+    icon: statusMap[status],
+    prefixCls: customizePrefixCls,
+    className: resultCls,
+    ...restProps
+  }));
 };
-Result.PRESENTED_IMAGE_403 = import__.default;
-Result.PRESENTED_IMAGE_404 = import__2.default;
-Result.PRESENTED_IMAGE_500 = import__3.default;
-if (process.env.NODE_ENV !== "production") {
-  Result.displayName = import_antd.Result.displayName;
+Result.PRESENTED_IMAGE_403 = _.default;
+Result.PRESENTED_IMAGE_404 = _2.default;
+Result.PRESENTED_IMAGE_500 = _3.default;
+if (process.env.NODE_ENV !== 'production') {
+  Result.displayName = _antd.Result.displayName;
 }
-var result_default = Result;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/result")
-});
+var _default = exports.default = Result;

package/lib/result/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 ResultToken = FullToken<'Result'>;
 export declare const genResultStyle: GenerateStyle<ResultToken>;
-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/result/style/index.js

@@ -1,31 +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/result/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genResultStyle: () => genResultStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genResultStyle = (token) => {
-  const { componentCls } = token;
+exports.genResultStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genResultStyle = token => {
+  const {
+    componentCls
+  } = token;
   return {
     [`${componentCls}`]: {
       [`${componentCls}-title`]: {
@@ -35,11 +18,11 @@ var genResultStyle = (token) => {
       },
       [`${componentCls}-subtitle`]: {
         maxWidth: 600,
-        margin: "0px auto"
+        margin: '0px auto'
       },
       [`${componentCls}-content`]: {
-        maxWidth: 1e3,
-        margin: "0px auto",
+        maxWidth: 1000,
+        margin: '0px auto',
         marginTop: token.marginLG,
         padding: token.paddingLG,
         borderRadius: token.borderRadiusLG
@@ -47,13 +30,7 @@ var genResultStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Result", (token) => {
-    return [genResultStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genResultStyle
-});
+exports.genResultStyle = genResultStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Result', token => {
+  return [genResultStyle(token)];
+});

package/lib/segmented/index.d.ts

@@ -6,6 +6,7 @@ import type { SegmentedRawOption } from 'rc-segmented';
 export * from 'antd/es/segmented';
 type BadgeType = BadgeProps | BadgeProps['count'];
 export type SegmentedLabeledOption = AntSegmentedLabeledOption & {
+    icon?: React.ReactNode;
     ellipsis?: EllipsisConfig;
     badge?: BadgeType;
 };

package/lib/segmented/index.js

@@ -1,77 +1,91 @@
-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/segmented/index.tsx
-var segmented_exports = {};
-__export(segmented_exports, {
-  default: () => segmented_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _typography = _interopRequireDefault(require("../typography"));
+var _badge = _interopRequireDefault(require("../badge"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _segmented = require("antd/es/segmented");
+Object.keys(_segmented).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _segmented[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _segmented[key];
+    }
+  });
 });
-module.exports = __toCommonJS(segmented_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_config_provider = __toESM(require("../config-provider"));
-var import_typography = __toESM(require("../typography"));
-var import_badge = __toESM(require("../badge"));
-var import_style = __toESM(require("./style"));
-__reExport(segmented_exports, require("antd/es/segmented"), module.exports);
-var isReactNode = (item) => {
-  return import_react.default.isValidElement(item);
+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 isReactNode = item => {
+  return /*#__PURE__*/_react.default.isValidElement(item);
 };
-var Segmented = import_react.default.forwardRef(
-  ({ prefixCls: customizePrefixCls, options, ...restProps }, ref) => {
-    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-    const prefixCls = getPrefixCls("segmented", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
-    const renderBadge = (0, import_react.useCallback)((badge) => {
-      if (typeof badge === "object" && !isReactNode(badge)) {
-        return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge });
-      }
-      return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { count: badge });
-    }, []);
-    const newOptions = options == null ? void 0 : options.map((item) => {
-      if (typeof item === "object") {
-        const { label, badge, ...restItem } = item;
-        return {
-          ...restItem,
-          label: /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: 4, align: "center", justify: "center" }, (item == null ? void 0 : item.ellipsis) ? /* @__PURE__ */ import_react.default.createElement(import_typography.default.Text, { ellipsis: item.ellipsis }, label) : label, badge && renderBadge(badge))
-        };
-      }
-      return item;
+const Segmented = /*#__PURE__*/_react.default.forwardRef(({
+  prefixCls: customizePrefixCls,
+  options,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('segmented', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const renderBadge = (0, _react.useCallback)(badge => {
+    if (typeof badge === 'object' && !isReactNode(badge)) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.default, {
+        ...badge
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.default, {
+      count: badge
     });
-    return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Segmented, { ref, options: newOptions, ...restProps }));
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  Segmented.displayName = "Segmented";
-}
-var segmented_default = Segmented;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/segmented")
+  }, []);
+  const newOptions = options?.map(item => {
+    if (typeof item === 'object') {
+      const {
+        label,
+        icon,
+        badge,
+        ellipsis = {
+          tooltip: true
+        },
+        ...restItem
+      } = item;
+      return {
+        ...restItem,
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Flex, {
+          align: "center",
+          justify: "center",
+          children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: `${prefixCls}-item-icon`,
+            children: icon
+          }), ellipsis ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default.Text, {
+            ellipsis: ellipsis,
+            children: label
+          }) : label, badge && renderBadge(badge)]
+        })
+      };
+    }
+    return item;
+  });
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Segmented, {
+    ref: ref,
+    options: newOptions,
+    ...restProps
+  }));
 });
+if (process.env.NODE_ENV !== 'production') {
+  Segmented.displayName = 'Segmented';
+}
+var _default = exports.default = Segmented;

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

@@ -2,8 +2,5 @@
 import type { FullToken, GenerateStyle } from 'antd/lib/theme/internal';
 export type SegmentedToken = FullToken<'Segmented'>;
 export declare const genSegmentedStyle: GenerateStyle<SegmentedToken>;
-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/segmented/style/index.js

@@ -1,41 +1,27 @@
-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/segmented/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genSegmentedStyle: () => genSegmentedStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genSegmentedStyle = (token) => {
-  const { componentCls, antCls, colorFill, colorFillSecondary } = token;
+exports.genSegmentedStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genSegmentedStyle = token => {
+  const {
+    componentCls,
+    antCls,
+    colorFill,
+    colorFillSecondary
+  } = token;
   return {
     [`${componentCls} >${componentCls}-group`]: {
       [`&:not(:has(${componentCls}-thumb)) >${componentCls}-item`]: {
         [`&:not(.ant-segmented-item-selected) >${componentCls}-item-label`]: {
-          ["&:hover"]: {
+          ['&:hover']: {
             [`${antCls}-badge >${antCls}-badge-count`]: {
               backgroundColor: colorFill
             }
           },
-          ["&:active"]: {
+          ['&:active']: {
             [`${antCls}-badge >${antCls}-badge-count`]: {
               backgroundColor: colorFillSecondary
             }
@@ -45,22 +31,17 @@ var genSegmentedStyle = (token) => {
       [`>${componentCls}-item`]: {
         [`>${componentCls}-item-label`]: {
           [`${antCls}-badge >${antCls}-badge-count`]: {
+            marginInlineStart: 4,
             backgroundColor: colorFillSecondary,
-            color: "inherit",
-            boxShadow: "none"
+            color: 'inherit',
+            boxShadow: 'none'
           }
         }
       }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Segmented", (token) => {
-    return [genSegmentedStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genSegmentedStyle
-});
+exports.genSegmentedStyle = genSegmentedStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Segmented', token => {
+  return [genSegmentedStyle(token)];
+});