@lobehub/ui 1.10.0 → 1.11.1

package/lib/Swatches/index.js

@@ -1,68 +1,50 @@
-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/Swatches/index.tsx
-var Swatches_exports = {};
-__export(Swatches_exports, {
-  default: () => Swatches_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Swatches_exports);
-var import_antd_style = require("antd-style");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var Swatches = (0, import_react.memo)(({ colors, activeColor, onSelect }) => {
-  const theme = (0, import_antd_style.useTheme)();
-  return /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, gap: 8 }, /* @__PURE__ */ React.createElement(
-    import_react_layout_kit.Flexbox,
-    {
+exports.default = void 0;
+var _antdStyle = require("antd-style");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _jsxRuntime = require("react/jsx-runtime");
+var Swatches = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var colors = _ref.colors,
+    activeColor = _ref.activeColor,
+    onSelect = _ref.onSelect;
+  var theme = (0, _antdStyle.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+    horizontal: true,
+    gap: 8,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Flexbox, {
       style: {
         width: 24,
         height: 24,
         background: theme.colorBgContainer,
-        boxShadow: `inset 0 0 0px 2px ${!activeColor ? theme.colorPrimary : "rgba(0,0,0,0.1)"}`,
-        borderRadius: "50%",
-        cursor: "pointer"
+        boxShadow: "inset 0 0 0px 2px ".concat(!activeColor ? theme.colorPrimary : 'rgba(0,0,0,0.1)'),
+        borderRadius: '50%',
+        cursor: 'pointer'
       },
-      onClick: () => {
-        onSelect == null ? void 0 : onSelect(null);
+      onClick: function onClick() {
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(null);
       }
-    }
-  ), colors.map((c) => {
-    const borderColor = c === activeColor ? theme.colorPrimary : "rgba(0,0,0,0.1)";
-    return /* @__PURE__ */ React.createElement(
-      import_react_layout_kit.Flexbox,
-      {
-        key: c,
+    }), colors.map(function (c) {
+      var borderColor = c === activeColor ? theme.colorPrimary : 'rgba(0,0,0,0.1)';
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Flexbox, {
         style: {
           width: 24,
           height: 24,
           background: c,
-          boxShadow: `inset 0 0 0px 2px ${borderColor}`,
-          borderRadius: "50%",
-          cursor: "pointer"
+          boxShadow: "inset 0 0 0px 2px ".concat(borderColor),
+          borderRadius: '50%',
+          cursor: 'pointer'
         },
-        onClick: () => {
-          onSelect == null ? void 0 : onSelect(c);
+        onClick: function onClick() {
+          onSelect === null || onSelect === void 0 ? void 0 : onSelect(c);
         }
-      }
-    );
-  }));
+      }, c);
+    })]
+  });
 });
-var Swatches_default = Swatches;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = Swatches;
+exports.default = _default;

package/lib/TabsNav/index.js

@@ -1,34 +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/TabsNav/index.tsx
-var TabsNav_exports = {};
-__export(TabsNav_exports, {
-  default: () => TabsNav_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(TabsNav_exports);
-var import_antd = require("antd");
-var import_react = require("react");
-var import_style = require("./style");
-var TabsNav = (0, import_react.memo)(({ className, ...props }) => {
-  const { styles, cx } = (0, import_style.useStyles)();
-  return /* @__PURE__ */ React.createElement(import_antd.Tabs, { className: cx(styles.tabs, className), ...props });
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _react = require("react");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["className"];
+var TabsNav = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var className = _ref.className,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useStyles = (0, _style.useStyles)(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, (0, _objectSpread2.default)({
+    className: cx(styles.tabs, className)
+  }, props));
 });
-var TabsNav_default = TabsNav;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = TabsNav;
+exports.default = _default;

package/lib/TabsNav/style.js

@@ -1,65 +1,22 @@
-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/TabsNav/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyles: () => useStyles
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_antd_style = require("antd-style");
-var useStyles = (0, import_antd_style.createStyles)(({ css, token, prefixCls }) => {
-  const prefix = `.${prefixCls}-tabs`;
-  const marginHoriz = 16;
-  const paddingVertical = 6;
+exports.useStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var prefix = ".".concat(prefixCls, "-tabs");
+  var marginHoriz = 16;
+  var paddingVertical = 6;
   return {
-    tabs: css`
-      ${prefix}-tab + ${prefix}-tab {
-        margin: ${marginHoriz}px 4px !important;
-        padding: 0 12px !important;
-      }
-
-      ${prefix}-tab {
-        color: ${token.colorTextSecondary};
-        transition: background-color 100ms ease-out;
-
-        &:first-child {
-          margin: ${marginHoriz}px 4px ${marginHoriz}px 0;
-          padding: ${paddingVertical}px 12px !important;
-        }
-
-        &:hover {
-          color: ${token.colorText} !important;
-          background: ${token.colorFillTertiary};
-          border-radius: ${token.borderRadius}px;
-        }
-      }
-
-      ${prefix}-nav {
-        margin-bottom: 0;
-        &::before {
-          display: none;
-        }
-      }
-    `
+    tabs: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      ", "-tab + ", "-tab {\n        margin: ", "px 4px !important;\n        padding: 0 12px !important;\n      }\n\n      ", "-tab {\n        color: ", ";\n        transition: background-color 100ms ease-out;\n\n        &:first-child {\n          margin: ", "px 4px ", "px 0;\n          padding: ", "px 12px !important;\n        }\n\n        &:hover {\n          color: ", " !important;\n          background: ", ";\n          border-radius: ", "px;\n        }\n      }\n\n      ", "-nav {\n        margin-bottom: 0;\n        &::before {\n          display: none;\n        }\n      }\n    "])), prefix, prefix, marginHoriz, prefix, token.colorTextSecondary, marginHoriz, marginHoriz, paddingVertical, token.colorText, token.colorFillTertiary, token.borderRadius, prefix)
   };
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
-});
+exports.useStyles = useStyles;

package/lib/ThemeProvider/GlobalStyle.js

@@ -1,94 +1,31 @@
-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/ThemeProvider/GlobalStyle.ts
-var GlobalStyle_exports = {};
-__export(GlobalStyle_exports, {
-  default: () => GlobalStyle_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(GlobalStyle_exports);
-var import_antd_style = require("antd-style");
-var GlobalStyle = import_antd_style.createGlobalStyle`
-
-  html,body {
-    --font-settings: "cv01", "tnum", "kern";
-    --font-variations: "opsz" auto, tabular-nums;
-
-    overflow-x: hidden;
-
-    margin: 0;
-    padding: 0;
-
-    font-family: ${({ theme }) => theme.fontFamily};
-    font-size: ${({ theme }) => theme.fontSize}px;
-    font-feature-settings: var(--font-settings);
-    font-variation-settings: var(--font-variations);
-    line-height: 1;
-    color: ${({ theme }) => theme.colorTextBase};
-    text-size-adjust: none;
-    text-rendering: optimizelegibility;
-    vertical-align: baseline;
-
-    color-scheme: dark;
-    background-color: ${({ theme }) => theme.colorBgLayout};
-
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-tap-highlight-color: transparent;
-  }
-
-
-  * {
-    box-sizing: border-box;
-    vertical-align: baseline;
-  }
-
-  #root {
-	  min-height: 100vh;
-  }
-
-  ::-webkit-scrollbar {
-    width: 0;
-    height: 4px;
-    background-color: transparent;
-
-    &-thumb {
-      background-color: ${({ theme }) => theme.colorFill};
-      border-radius: 4px;
-    }
-
-    &-corner {
-      display: none;
-    }
-  }
-
-  p {
-    text-align: justify;
-    word-wrap: break-word;
-  }
-
-  code {
-	  font-family: ${({ theme }) => theme.fontFamilyCode} !important;
-	  * {
-		  font-family: inherit !important;
-	  }
-  }
-`;
-var GlobalStyle_default = GlobalStyle;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject;
+var GlobalStyle = (0, _antdStyle.createGlobalStyle)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n  html,body {\n    --font-settings: \"cv01\", \"tnum\", \"kern\";\n    --font-variations: \"opsz\" auto, tabular-nums;\n\n    overflow-x: hidden;\n\n    margin: 0;\n    padding: 0;\n\n    font-family: ", ";\n    font-size: ", "px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    line-height: 1;\n    color: ", ";\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    vertical-align: baseline;\n\n    color-scheme: dark;\n    background-color: ", ";\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n\n  * {\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n\n  #root {\n\t  min-height: 100vh;\n  }\n\n  ::-webkit-scrollbar {\n    width: 0;\n    height: 4px;\n    background-color: transparent;\n\n    &-thumb {\n      background-color: ", ";\n      border-radius: 4px;\n    }\n\n    &-corner {\n      display: none;\n    }\n  }\n\n  p {\n    text-align: justify;\n    word-wrap: break-word;\n  }\n\n  code {\n\t  font-family: ", " !important;\n\t  * {\n\t\t  font-family: inherit !important;\n\t  }\n  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.fontFamily;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.fontSize;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.colorTextBase;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.colorBgLayout;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colorFill;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.fontFamilyCode;
+});
+var _default = GlobalStyle;
+exports.default = _default;

package/lib/ThemeProvider/index.d.ts

@@ -1,10 +1,6 @@
+/// <reference types="react" />
 import { extractStaticStyle, type ThemeMode } from 'antd-style';
-import React from 'react';
 export interface ThemeProviderProps {
-    /**
-     * @description Custom tokens to be used in the theme
-     */
-    token?: any;
     /**
      * @description The children of the ThemeProvider component
      */
@@ -22,5 +18,5 @@ export interface ThemeProviderProps {
      */
     cache?: typeof extractStaticStyle.cache;
 }
-declare const ThemeProvider: React.FC<ThemeProviderProps>;
+declare const ThemeProvider: import("react").NamedExoticComponent<ThemeProviderProps>;
 export default ThemeProvider;

package/lib/ThemeProvider/index.js

@@ -1,71 +1,46 @@
-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/ThemeProvider/index.tsx
-var ThemeProvider_exports = {};
-__export(ThemeProvider_exports, {
-  default: () => ThemeProvider_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ThemeProvider_exports);
-var import_antd = require("antd");
-var import_antd_style = require("antd-style");
-var import_react = __toESM(require("react"));
-var import_react_font_loader = __toESM(require("react-font-loader"));
-var import_styled_components = require("styled-components");
-var import_styles = require("../styles");
-var import_GlobalStyle = __toESM(require("./GlobalStyle"));
-var ThemeProvider = ({ token, children, themeMode }) => {
-  (0, import_antd_style.setupStyled)({ ThemeContext: import_styled_components.ThemeContext });
-  const getCustomToken = (0, import_react.useCallback)(
-    (params) => {
-      const base = (0, import_styles.createCustomToken)(params);
-      if (token) {
-        return { ...base, ...token };
-      } else {
-        return base;
-      }
-    },
-    [token]
-  );
-  return /* @__PURE__ */ import_react.default.createElement(import_antd_style.StyleProvider, { speedy: process.env.NODE_ENV === "production" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd_style.ThemeProvider,
-    {
-      themeMode,
-      theme: import_styles.getAntdTheme,
-      customStylish: import_styles.getCustomStylish,
-      customToken: getCustomToken
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans.css" }),
-    /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans_sc.css" }),
-    /* @__PURE__ */ import_react.default.createElement(import_GlobalStyle.default, null),
-    /* @__PURE__ */ import_react.default.createElement(import_antd.App, { style: { minHeight: "inherit", width: "inherit" } }, children)
-  ));
-};
-var ThemeProvider_default = ThemeProvider;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+exports.default = void 0;
+var _styles = require("../styles");
+var _antd = require("antd");
+var _antdStyle = require("antd-style");
+var _react = require("react");
+var _reactFontLoader = _interopRequireDefault(require("react-font-loader"));
+var _styledComponents = require("styled-components");
+var _GlobalStyle = _interopRequireDefault(require("./GlobalStyle"));
+var _jsxRuntime = require("react/jsx-runtime");
+// @ts-ignore
+
+var ThemeProvider = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var children = _ref.children,
+    themeMode = _ref.themeMode;
+  (0, _antdStyle.setupStyled)({
+    ThemeContext: _styledComponents.ThemeContext
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdStyle.StyleProvider, {
+    speedy: process.env.NODE_ENV === 'production',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antdStyle.ThemeProvider, {
+      themeMode: themeMode,
+      theme: _styles.lobeTheme,
+      customStylish: _styles.lobeCustomStylish,
+      customToken: _styles.lobeCustomToken,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontLoader.default, {
+        url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans.css"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontLoader.default, {
+        url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans_sc.css"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyle.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.App, {
+        style: {
+          minHeight: 'inherit',
+          width: 'inherit'
+        },
+        children: children
+      })]
+    })
+  });
+});
+var _default = ThemeProvider;
+exports.default = _default;

package/lib/ThemeSwitch/index.js

@@ -1,50 +1,66 @@
-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/ThemeSwitch/index.tsx
-var ThemeSwitch_exports = {};
-__export(ThemeSwitch_exports, {
-  default: () => ThemeSwitch_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ThemeSwitch_exports);
-var import_ui = require("..");
-var import_antd = require("antd");
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _ = require("./..");
+var _antd = require("antd");
+var _lucideReact = require("lucide-react");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["size", "themeMode", "onThemeSwitch"];
 var icons = {
-  auto: import_lucide_react.Monitor,
-  light: import_lucide_react.Sun,
-  dark: import_lucide_react.Moon
+  auto: _lucideReact.Monitor,
+  light: _lucideReact.Sun,
+  dark: _lucideReact.Moon
 };
-var items = [
-  { label: "System", icon: /* @__PURE__ */ React.createElement(import_ui.Icon, { size: "small", icon: icons.auto }), key: "auto" },
-  { label: "Light", icon: /* @__PURE__ */ React.createElement(import_ui.Icon, { size: "small", icon: icons.light }), key: "light" },
-  { label: "Dark", icon: /* @__PURE__ */ React.createElement(import_ui.Icon, { size: "small", icon: icons.dark }), key: "dark" }
-];
-var ThemeSwitch = (0, import_react.memo)(
-  ({ size = "site", themeMode, onThemeSwitch, ...props }) => {
-    const menuProps = {
-      items,
-      onClick: (e) => onThemeSwitch(e.key)
-    };
-    return /* @__PURE__ */ React.createElement(import_antd.Dropdown, { menu: menuProps, trigger: ["click"], ...props }, /* @__PURE__ */ React.createElement(import_ui.ActionIcon, { size, icon: icons[themeMode] }));
-  }
-);
-var ThemeSwitch_default = ThemeSwitch;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var items = [{
+  label: 'System',
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, {
+    size: "small",
+    icon: icons.auto
+  }),
+  key: 'auto'
+}, {
+  label: 'Light',
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, {
+    size: "small",
+    icon: icons.light
+  }),
+  key: 'light'
+}, {
+  label: 'Dark',
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, {
+    size: "small",
+    icon: icons.dark
+  }),
+  key: 'dark'
+}];
+var ThemeSwitch = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'site' : _ref$size,
+    themeMode = _ref.themeMode,
+    onThemeSwitch = _ref.onThemeSwitch,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var menuProps = {
+    items: items,
+    onClick: function onClick(e) {
+      return onThemeSwitch(e.key);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Dropdown, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    menu: menuProps,
+    trigger: ['click']
+  }, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ActionIcon, {
+      size: size,
+      icon: icons[themeMode]
+    })
+  }));
+});
+var _default = ThemeSwitch;
+exports.default = _default;