@lobehub/ui 1.11.0 → 1.11.1

package/lib/SearchBar/style.js

@@ -1,49 +1,21 @@
-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/SearchBar/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 }) => ({
-  search: css`
-    position: relative;
-    max-width: 100%;
-  `,
-  input: css`
-    position: relative;
-    padding: 0 8px 0 12px;
-  `,
-  tag: css`
-    position: absolute;
-    z-index: 5;
-    top: 50%;
-    right: 0;
-    transform: translateY(-50%);
-  `,
-  icon: css`
-    color: ${token.colorTextPlaceholder};
-  `
-}));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
+exports.useStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    search: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    position: relative;\n    max-width: 100%;\n  "]))),
+    input: css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    position: relative;\n    padding: 0 8px 0 12px;\n  "]))),
+    tag: css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    position: absolute;\n    z-index: 5;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  "]))),
+    icon: css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    color: ", ";\n  "])), token.colorTextPlaceholder)
+  };
 });
+exports.useStyles = useStyles;

package/lib/SideNav/index.js

@@ -1,34 +1,46 @@
-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/SideNav/index.tsx
-var SideNav_exports = {};
-__export(SideNav_exports, {
-  default: () => SideNav_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(SideNav_exports);
-var import_antd = require("antd");
-var import_react = require("react");
-var import_style = require("./style");
-var SideNav = (0, import_react.memo)(({ className, avatar, topActions, bottomActions, ...props }) => {
-  const { styles, cx } = (0, import_style.useStyles)();
-  return /* @__PURE__ */ React.createElement("div", { className: cx(styles, className), ...props }, /* @__PURE__ */ React.createElement(import_antd.Space, { size: 16, direction: "vertical", align: "center" }, avatar, /* @__PURE__ */ React.createElement(import_antd.Space, { size: 8, direction: "vertical", align: "center" }, topActions)), /* @__PURE__ */ React.createElement(import_antd.Space, { size: 4, direction: "vertical", align: "center" }, bottomActions));
+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", "avatar", "topActions", "bottomActions"];
+var SideNav = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var className = _ref.className,
+    avatar = _ref.avatar,
+    topActions = _ref.topActions,
+    bottomActions = _ref.bottomActions,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useStyles = (0, _style.useStyles)(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: cx(styles, className)
+  }, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+      size: 16,
+      direction: "vertical",
+      align: "center",
+      children: [avatar, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
+        size: 8,
+        direction: "vertical",
+        align: "center",
+        children: topActions
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
+      size: 4,
+      direction: "vertical",
+      align: "center",
+      children: bottomActions
+    })]
+  }));
 });
-var SideNav_default = SideNav;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = SideNav;
+exports.default = _default;

package/lib/SideNav/style.js

@@ -1,46 +1,16 @@
-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/SideNav/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 }) => css`
-      display: flex;
-      flex: none;
-      flex-direction: column;
-      align-items: center;
-      justify-content: space-between;
-
-      width: 64px;
-      height: 100%;
-      min-height: 640px;
-      padding: 16px 0;
-
-      background: ${token.colorBgContainer};
-      border-right: 1px solid ${token.colorBorder};
-    `
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
+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;
+  return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      display: flex;\n      flex: none;\n      flex-direction: column;\n      align-items: center;\n      justify-content: space-between;\n\n      width: 64px;\n      height: 100%;\n      min-height: 640px;\n      padding: 16px 0;\n\n      background: ", ";\n      border-right: 1px solid ", ";\n    "])), token.colorBgContainer, token.colorBorder);
 });
+exports.useStyles = useStyles;

package/lib/Snippet/index.js

@@ -1,47 +1,44 @@
-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/Snippet/index.tsx
-var Snippet_exports = {};
-__export(Snippet_exports, {
-  default: () => Snippet_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Snippet_exports);
-var import_react = require("react");
-var import_CopyButton = __toESM(require("../CopyButton"));
-var import_Highlighter = require("../Highlighter");
-var import_style = require("./style");
-var Snippet = (0, import_react.memo)(
-  ({ symbol, language = "tsx", children, copyable = true, type = "ghost", ...props }) => {
-    const { styles } = (0, import_style.useStyles)(type);
-    return /* @__PURE__ */ React.createElement("div", { className: styles, ...props }, /* @__PURE__ */ React.createElement(import_Highlighter.SyntaxHighlighter, { language }, [symbol, children].filter(Boolean).join(" ")), copyable && /* @__PURE__ */ React.createElement(import_CopyButton.default, { size: { fontSize: 14, blockSize: 24 }, content: children }));
-  }
-);
-var Snippet_default = Snippet;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _CopyButton = _interopRequireDefault(require("../CopyButton"));
+var _Highlighter = require("../Highlighter");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["symbol", "language", "children", "copyable", "type"];
+var Snippet = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var symbol = _ref.symbol,
+    _ref$language = _ref.language,
+    language = _ref$language === void 0 ? 'tsx' : _ref$language,
+    children = _ref.children,
+    _ref$copyable = _ref.copyable,
+    copyable = _ref$copyable === void 0 ? true : _ref$copyable,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'ghost' : _ref$type,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useStyles = (0, _style.useStyles)(type),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: styles
+  }, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Highlighter.SyntaxHighlighter, {
+      language: language,
+      children: [symbol, children].filter(Boolean).join(' ')
+    }), copyable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CopyButton.default, {
+      size: {
+        fontSize: 14,
+        blockSize: 24
+      },
+      content: children
+    })]
+  }));
+});
+var _default = Snippet;
+exports.default = _default;

package/lib/Snippet/style.js

@@ -1,74 +1,16 @@
-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/Snippet/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 }, type) => css`
-      position: relative;
-
-      display: flex;
-      gap: 8px;
-      align-items: center;
-
-      max-width: 100%;
-      height: 36px;
-      padding: 0 8px 0 12px;
-
-      border-radius: ${token.borderRadius}px;
-
-      transition: background-color 100ms ${token.motionEaseOut};
-      ${type === "block" ? css`
-            background-color: ${token.colorFillTertiary};
-          ` : css`
-            border: 1px solid ${token.colorBorder};
-          `}
-
-      &:hover {
-        background-color: ${token.colorFillTertiary};
-      }
-
-      .ant-highlighter-shiki {
-        overflow: auto;
-        flex: 1;
-      }
-      .prism-code {
-        background: none !important;
-      }
-
-      pre {
-        margin: 0 !important;
-        padding-top: 6px !important;
-        line-height: 1;
-        background: none !important;
-      }
-
-      code[class*='language-'] {
-        background: none !important;
-      }
-    `
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
+exports.useStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject, _templateObject2, _templateObject3;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref, type) {
+  var css = _ref.css,
+    token = _ref.token;
+  return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      position: relative;\n\n      display: flex;\n      gap: 8px;\n      align-items: center;\n\n      max-width: 100%;\n      height: 36px;\n      padding: 0 8px 0 12px;\n\n      border-radius: ", "px;\n\n      transition: background-color 100ms ", ";\n      ", "\n\n      &:hover {\n        background-color: ", ";\n      }\n\n      .ant-highlighter-shiki {\n        overflow: auto;\n        flex: 1;\n      }\n      .prism-code {\n        background: none !important;\n      }\n\n      pre {\n        margin: 0 !important;\n        padding-top: 6px !important;\n        line-height: 1;\n        background: none !important;\n      }\n\n      code[class*='language-'] {\n        background: none !important;\n      }\n    "])), token.borderRadius, token.motionEaseOut, type === 'block' ? css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n            background-color: ", ";\n          "])), token.colorFillTertiary) : css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n            border: 1px solid ", ";\n          "])), token.colorBorder), token.colorFillTertiary);
 });
+exports.useStyles = useStyles;

package/lib/StroyBook/index.js

@@ -1,65 +1,64 @@
-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/StroyBook/index.tsx
-var StroyBook_exports = {};
-__export(StroyBook_exports, {
-  StroyBook: () => StroyBook,
-  default: () => StroyBook_default,
-  useControls: () => import_leva.useControls,
-  useCreateStore: () => import_leva.useCreateStore
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StroyBook = void 0;
+Object.defineProperty(exports, "useControls", {
+  enumerable: true,
+  get: function get() {
+    return _leva.useControls;
+  }
 });
-module.exports = __toCommonJS(StroyBook_exports);
-var import_antd_style = require("antd-style");
-var import_leva = require("leva");
-var import_react = require("react");
-var import_DraggablePanel = __toESM(require("../DraggablePanel"));
-var import_style = require("./style");
-var StroyBook = (0, import_react.memo)(
-  ({ levaStore, noPadding, className, children, ...props }) => {
-    const { mobile } = (0, import_antd_style.useResponsive)();
-    const { styles, cx } = (0, import_style.useStyles)({ noPadding: Boolean(noPadding), mobile: Boolean(mobile) });
-    return /* @__PURE__ */ React.createElement("div", { className: cx(styles.editor, className), ...props }, /* @__PURE__ */ React.createElement("div", { className: styles.left }, children), /* @__PURE__ */ React.createElement(
-      import_DraggablePanel.default,
-      {
-        className: styles.right,
-        placement: mobile ? "bottom" : "right",
-        minWidth: 280
-      },
-      /* @__PURE__ */ React.createElement(import_leva.LevaPanel, { fill: true, store: levaStore, titleBar: false, flat: true }),
-      " "
-    ));
+Object.defineProperty(exports, "useCreateStore", {
+  enumerable: true,
+  get: function get() {
+    return _leva.useCreateStore;
   }
-);
-var StroyBook_default = StroyBook;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  StroyBook,
-  useControls,
-  useCreateStore
 });
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antdStyle = require("antd-style");
+var _leva = require("leva");
+var _react = require("react");
+var _DraggablePanel = _interopRequireDefault(require("../DraggablePanel"));
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["levaStore", "noPadding", "className", "children"];
+var StroyBook = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var levaStore = _ref.levaStore,
+    noPadding = _ref.noPadding,
+    className = _ref.className,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useResponsive = (0, _antdStyle.useResponsive)(),
+    mobile = _useResponsive.mobile;
+  var _useStyles = (0, _style.useStyles)({
+      noPadding: Boolean(noPadding),
+      mobile: Boolean(mobile)
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: cx(styles.editor, className)
+  }, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.left,
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DraggablePanel.default, {
+      className: styles.right,
+      placement: mobile ? 'bottom' : 'right',
+      minWidth: 280,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_leva.LevaPanel, {
+        fill: true,
+        store: levaStore,
+        titleBar: false,
+        flat: true
+      }), ' ']
+    })]
+  }));
+});
+exports.StroyBook = StroyBook;
+var _default = StroyBook;
+exports.default = _default;

package/lib/StroyBook/style.js

@@ -1,90 +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/StroyBook/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 }, { noPadding, mobile }) => {
-    return {
-      editor: css`
-        display: flex;
-        align-items: stretch;
-        justify-content: stretch;
-
-        width: inherit;
-        min-height: inherit;
-        ${mobile && css`
-          flex-direction: column;
-        `}
-      `,
-      left: css`
-        overflow: auto;
-        display: flex;
-        flex: 1;
-        align-items: center;
-        justify-content: center;
-
-        ${!noPadding && css`
-          padding: 40px 24px;
-        `}
-      `,
-      right: css`
-        --leva-sizes-controlWidth: 66%;
-        --leva-colors-elevation1: ${token.colorFillSecondary};
-        --leva-colors-elevation2: transparent;
-        --leva-colors-elevation3: ${token.colorFillSecondary};
-        --leva-colors-accent1: ${token.colorPrimary};
-        --leva-colors-accent2: ${token.colorPrimaryHover};
-        --leva-colors-accent3: ${token.colorPrimaryActive};
-        --leva-colors-highlight1: ${token.colorTextTertiary};
-        --leva-colors-highlight2: ${token.colorTextSecondary};
-        --leva-colors-highlight3: ${token.colorText};
-        --leva-colors-vivid1: ${token.colorWarning};
-        --leva-shadows-level1: unset;
-        --leva-shadows-level2: unset;
-        --leva-fonts-mono: ${token.fontFamilyCode};
-
-        padding: 6px 0;
-        background: ${token.colorBgLayout};
-        > div {
-          background: transparent;
-          > div {
-            background: transparent;
-          }
-        }
-
-        input:checked + label > svg {
-          stroke: ${token.colorBgLayout};
-        }
-
-        button {
-          --leva-colors-accent2: ${token.colorFillSecondary};
-        }
-      `
-    };
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
+exports.useStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token;
+  var noPadding = _ref2.noPadding,
+    mobile = _ref2.mobile;
+  return {
+    editor: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        display: flex;\n        align-items: stretch;\n        justify-content: stretch;\n\n        width: inherit;\n        min-height: inherit;\n        ", "\n      "])), mobile && css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n          flex-direction: column;\n        "])))),
+    left: css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n        overflow: auto;\n        display: flex;\n        flex: 1;\n        align-items: center;\n        justify-content: center;\n\n        ", "\n      "])), !noPadding && css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n          padding: 40px 24px;\n        "])))),
+    right: css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n        --leva-sizes-controlWidth: 66%;\n        --leva-colors-elevation1: ", ";\n        --leva-colors-elevation2: transparent;\n        --leva-colors-elevation3: ", ";\n        --leva-colors-accent1: ", ";\n        --leva-colors-accent2: ", ";\n        --leva-colors-accent3: ", ";\n        --leva-colors-highlight1: ", ";\n        --leva-colors-highlight2: ", ";\n        --leva-colors-highlight3: ", ";\n        --leva-colors-vivid1: ", ";\n        --leva-shadows-level1: unset;\n        --leva-shadows-level2: unset;\n        --leva-fonts-mono: ", ";\n\n        padding: 6px 0;\n        background: ", ";\n        > div {\n          background: transparent;\n          > div {\n            background: transparent;\n          }\n        }\n\n        input:checked + label > svg {\n          stroke: ", ";\n        }\n\n        button {\n          --leva-colors-accent2: ", ";\n        }\n      "])), token.colorFillSecondary, token.colorFillSecondary, token.colorPrimary, token.colorPrimaryHover, token.colorPrimaryActive, token.colorTextTertiary, token.colorTextSecondary, token.colorText, token.colorWarning, token.fontFamilyCode, token.colorBgLayout, token.colorBgLayout, token.colorFillSecondary)
+  };
 });
+exports.useStyles = useStyles;