@lobehub/ui 1.11.0 → 1.11.1

package/lib/index.js

@@ -1,122 +1,213 @@
-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/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ActionIcon: () => import_ActionIcon.default,
-  Avatar: () => import_Avatar.default,
-  ContextMenu: () => import_ContextMenu.default,
-  Conversation: () => import_Conversation.default,
-  CopyButton: () => import_CopyButton.default,
-  DraggablePanel: () => import_DraggablePanel.default,
-  EditableMessage: () => import_EditableMessage.default,
-  EditableMessageList: () => import_EditableMessageList.default,
-  EditableText: () => import_EditableText.default,
-  Highlighter: () => import_Highlighter.default,
-  Icon: () => import_Icon.default,
-  Input: () => import_Input.Input,
-  List: () => import_List.default,
-  Logo: () => import_Logo.default,
-  Markdown: () => import_Markdown.default,
-  MessageInput: () => import_MessageInput.default,
-  MessageModal: () => import_MessageModal.default,
-  SearchBar: () => import_SearchBar.default,
-  SideNav: () => import_SideNav.default,
-  Snippet: () => import_Snippet.default,
-  StroyBook: () => import_StroyBook.default,
-  Swatches: () => import_Swatches.default,
-  SyntaxHighlighter: () => import_Highlighter.SyntaxHighlighter,
-  TabsNav: () => import_TabsNav.default,
-  TextArea: () => import_Input.TextArea,
-  ThemeProvider: () => import_ThemeProvider.default,
-  ThemeSwitch: () => import_ThemeSwitch.default,
-  Tooltip: () => import_Tooltip.default,
-  useControls: () => import_StroyBook.useControls,
-  useCreateStore: () => import_StroyBook.useCreateStore
-});
-module.exports = __toCommonJS(src_exports);
-var import_ActionIcon = __toESM(require("./ActionIcon"));
-var import_Avatar = __toESM(require("./Avatar"));
-var import_ContextMenu = __toESM(require("./ContextMenu"));
-var import_Conversation = __toESM(require("./Conversation"));
-var import_CopyButton = __toESM(require("./CopyButton"));
-var import_DraggablePanel = __toESM(require("./DraggablePanel"));
-var import_EditableMessage = __toESM(require("./EditableMessage"));
-var import_EditableMessageList = __toESM(require("./EditableMessageList"));
-var import_EditableText = __toESM(require("./EditableText"));
-var import_Highlighter = __toESM(require("./Highlighter"));
-var import_Icon = __toESM(require("./Icon"));
-var import_Input = require("./Input");
-var import_List = __toESM(require("./List"));
-var import_Logo = __toESM(require("./Logo"));
-var import_Markdown = __toESM(require("./Markdown"));
-var import_MessageInput = __toESM(require("./MessageInput"));
-var import_MessageModal = __toESM(require("./MessageModal"));
-var import_SearchBar = __toESM(require("./SearchBar"));
-var import_SideNav = __toESM(require("./SideNav"));
-var import_Snippet = __toESM(require("./Snippet"));
-var import_StroyBook = __toESM(require("./StroyBook"));
-var import_Swatches = __toESM(require("./Swatches"));
-var import_TabsNav = __toESM(require("./TabsNav"));
-var import_ThemeProvider = __toESM(require("./ThemeProvider"));
-var import_ThemeSwitch = __toESM(require("./ThemeSwitch"));
-var import_Tooltip = __toESM(require("./Tooltip"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ActionIcon,
-  Avatar,
-  ContextMenu,
-  Conversation,
-  CopyButton,
-  DraggablePanel,
-  EditableMessage,
-  EditableMessageList,
-  EditableText,
-  Highlighter,
-  Icon,
-  Input,
-  List,
-  Logo,
-  Markdown,
-  MessageInput,
-  MessageModal,
-  SearchBar,
-  SideNav,
-  Snippet,
-  StroyBook,
-  Swatches,
-  SyntaxHighlighter,
-  TabsNav,
-  TextArea,
-  ThemeProvider,
-  ThemeSwitch,
-  Tooltip,
-  useControls,
-  useCreateStore
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+Object.defineProperty(exports, "ActionIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ActionIcon.default;
+  }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _Avatar.default;
+  }
+});
+Object.defineProperty(exports, "ContextMenu", {
+  enumerable: true,
+  get: function get() {
+    return _ContextMenu.default;
+  }
+});
+Object.defineProperty(exports, "Conversation", {
+  enumerable: true,
+  get: function get() {
+    return _Conversation.default;
+  }
+});
+Object.defineProperty(exports, "CopyButton", {
+  enumerable: true,
+  get: function get() {
+    return _CopyButton.default;
+  }
+});
+Object.defineProperty(exports, "DraggablePanel", {
+  enumerable: true,
+  get: function get() {
+    return _DraggablePanel.default;
+  }
+});
+Object.defineProperty(exports, "EditableMessage", {
+  enumerable: true,
+  get: function get() {
+    return _EditableMessage.default;
+  }
+});
+Object.defineProperty(exports, "EditableMessageList", {
+  enumerable: true,
+  get: function get() {
+    return _EditableMessageList.default;
+  }
+});
+Object.defineProperty(exports, "EditableText", {
+  enumerable: true,
+  get: function get() {
+    return _EditableText.default;
+  }
+});
+Object.defineProperty(exports, "Highlighter", {
+  enumerable: true,
+  get: function get() {
+    return _Highlighter.default;
+  }
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return _Icon.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _Input.Input;
+  }
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function get() {
+    return _List.default;
+  }
+});
+Object.defineProperty(exports, "Logo", {
+  enumerable: true,
+  get: function get() {
+    return _Logo.default;
+  }
+});
+Object.defineProperty(exports, "Markdown", {
+  enumerable: true,
+  get: function get() {
+    return _Markdown.default;
+  }
+});
+Object.defineProperty(exports, "MessageInput", {
+  enumerable: true,
+  get: function get() {
+    return _MessageInput.default;
+  }
+});
+Object.defineProperty(exports, "MessageModal", {
+  enumerable: true,
+  get: function get() {
+    return _MessageModal.default;
+  }
+});
+Object.defineProperty(exports, "SearchBar", {
+  enumerable: true,
+  get: function get() {
+    return _SearchBar.default;
+  }
+});
+Object.defineProperty(exports, "SideNav", {
+  enumerable: true,
+  get: function get() {
+    return _SideNav.default;
+  }
+});
+Object.defineProperty(exports, "Snippet", {
+  enumerable: true,
+  get: function get() {
+    return _Snippet.default;
+  }
+});
+Object.defineProperty(exports, "StroyBook", {
+  enumerable: true,
+  get: function get() {
+    return _StroyBook.default;
+  }
+});
+Object.defineProperty(exports, "Swatches", {
+  enumerable: true,
+  get: function get() {
+    return _Swatches.default;
+  }
+});
+Object.defineProperty(exports, "SyntaxHighlighter", {
+  enumerable: true,
+  get: function get() {
+    return _Highlighter.SyntaxHighlighter;
+  }
+});
+Object.defineProperty(exports, "TabsNav", {
+  enumerable: true,
+  get: function get() {
+    return _TabsNav.default;
+  }
+});
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function get() {
+    return _Input.TextArea;
+  }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeProvider.default;
+  }
+});
+Object.defineProperty(exports, "ThemeSwitch", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeSwitch.default;
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltip.default;
+  }
+});
+Object.defineProperty(exports, "useControls", {
+  enumerable: true,
+  get: function get() {
+    return _StroyBook.useControls;
+  }
+});
+Object.defineProperty(exports, "useCreateStore", {
+  enumerable: true,
+  get: function get() {
+    return _StroyBook.useCreateStore;
+  }
+});
+var _ActionIcon = _interopRequireDefault(require("./ActionIcon"));
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+var _ContextMenu = _interopRequireDefault(require("./ContextMenu"));
+var _Conversation = _interopRequireDefault(require("./Conversation"));
+var _CopyButton = _interopRequireDefault(require("./CopyButton"));
+var _DraggablePanel = _interopRequireDefault(require("./DraggablePanel"));
+var _EditableMessage = _interopRequireDefault(require("./EditableMessage"));
+var _EditableMessageList = _interopRequireDefault(require("./EditableMessageList"));
+var _EditableText = _interopRequireDefault(require("./EditableText"));
+var _Highlighter = _interopRequireWildcard(require("./Highlighter"));
+var _Icon = _interopRequireDefault(require("./Icon"));
+var _Input = require("./Input");
+var _List = _interopRequireDefault(require("./List"));
+var _Logo = _interopRequireDefault(require("./Logo"));
+var _Markdown = _interopRequireDefault(require("./Markdown"));
+var _MessageInput = _interopRequireDefault(require("./MessageInput"));
+var _MessageModal = _interopRequireDefault(require("./MessageModal"));
+var _SearchBar = _interopRequireDefault(require("./SearchBar"));
+var _SideNav = _interopRequireDefault(require("./SideNav"));
+var _Snippet = _interopRequireDefault(require("./Snippet"));
+var _StroyBook = _interopRequireWildcard(require("./StroyBook"));
+var _Swatches = _interopRequireDefault(require("./Swatches"));
+var _TabsNav = _interopRequireDefault(require("./TabsNav"));
+var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
+var _ThemeSwitch = _interopRequireDefault(require("./ThemeSwitch"));
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));

package/lib/styles/algorithms/generateColorPalette.js

@@ -1,72 +1,40 @@
-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/styles/algorithms/generateColorPalette.ts
-var generateColorPalette_exports = {};
-__export(generateColorPalette_exports, {
-  generateColorNeutralPalette: () => generateColorNeutralPalette,
-  generateColorPalette: () => generateColorPalette
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(generateColorPalette_exports);
-var import_lodash = require("lodash");
-var generateColorPalette = ({
-  type,
-  scale,
-  appearance
-}) => {
-  const name = (0, import_lodash.capitalize)(type);
-  return {
-    [`color${name}Bg`]: scale[appearance][1],
-    [`color${name}BgHover`]: scale[appearance][2],
-    [`color${name}Border`]: scale[appearance][4],
-    [`color${name}BorderHover`]: scale[appearance][5],
-    [`color${name}Hover`]: scale[appearance][10],
-    [`color${name}`]: scale[appearance][9],
-    [`color${name}Active`]: scale[appearance][7],
-    [`color${name}TextHover`]: scale[appearance][10],
-    [`color${name}Text`]: scale[appearance][9],
-    [`color${name}Active`]: scale[appearance][7]
-  };
+exports.generateColorPalette = exports.generateColorNeutralPalette = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _lodash = require("lodash");
+var generateColorPalette = function generateColorPalette(_ref) {
+  var _ref2;
+  var type = _ref.type,
+    scale = _ref.scale,
+    appearance = _ref.appearance;
+  var name = (0, _lodash.capitalize)(type);
+  return _ref2 = {}, (0, _defineProperty2.default)(_ref2, "color".concat(name, "Bg"), scale[appearance][1]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "BgHover"), scale[appearance][2]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Border"), scale[appearance][4]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "BorderHover"), scale[appearance][5]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Hover"), scale[appearance][10]), (0, _defineProperty2.default)(_ref2, "color".concat(name), scale[appearance][9]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Active"), scale[appearance][7]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "TextHover"), scale[appearance][10]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Text"), scale[appearance][9]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Active"), scale[appearance][7]), _ref2;
 };
-var generateColorNeutralPalette = ({
-  scale,
-  appearance
-}) => {
+exports.generateColorPalette = generateColorPalette;
+var generateColorNeutralPalette = function generateColorNeutralPalette(_ref3) {
+  var scale = _ref3.scale,
+    appearance = _ref3.appearance;
   return {
     colorText: scale[appearance][12],
     colorTextSecondary: scale[appearance][10],
     colorTextTertiary: scale[appearance][8],
     colorTextQuaternary: scale[appearance][6],
-    colorBorder: scale[`${appearance}A`][4],
-    colorBorderSecondary: scale[`${appearance}A`][3],
-    colorFill: scale[`${appearance}A`][3],
-    colorFillSecondary: scale[`${appearance}A`][2],
-    colorFillTertiary: scale[`${appearance}A`][1],
-    colorFillQuaternary: scale[`${appearance}A`][0],
-    colorBgContainer: appearance === "dark" ? scale[appearance][1] : scale[appearance][0],
-    colorBgElevated: appearance === "dark" ? scale[appearance][2] : scale[appearance][0],
-    colorBgLayout: appearance === "dark" ? scale[appearance][0] : scale[appearance][1],
+    colorBorder: scale["".concat(appearance, "A")][4],
+    colorBorderSecondary: scale["".concat(appearance, "A")][3],
+    colorFill: scale["".concat(appearance, "A")][3],
+    colorFillSecondary: scale["".concat(appearance, "A")][2],
+    colorFillTertiary: scale["".concat(appearance, "A")][1],
+    colorFillQuaternary: scale["".concat(appearance, "A")][0],
+    colorBgContainer: appearance === 'dark' ? scale[appearance][1] : scale[appearance][0],
+    colorBgElevated: appearance === 'dark' ? scale[appearance][2] : scale[appearance][0],
+    colorBgLayout: appearance === 'dark' ? scale[appearance][0] : scale[appearance][1],
     colorBgSpotlight: scale[appearance][5],
     colorBgMask: scale.lightA[8]
   };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  generateColorNeutralPalette,
-  generateColorPalette
-});
+exports.generateColorNeutralPalette = generateColorNeutralPalette;

package/lib/styles/algorithms/generateCustomStylish.js

@@ -1,122 +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/styles/algorithms/generateCustomStylish.ts
-var generateCustomStylish_exports = {};
-__export(generateCustomStylish_exports, {
-  generateCustomStylish: () => generateCustomStylish
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(generateCustomStylish_exports);
-var import_polished = require("polished");
-var generateCustomStylish = ({
-  css,
-  token,
-  isDarkMode
-}) => {
+exports.generateCustomStylish = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _polished = require("polished");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var generateCustomStylish = function generateCustomStylish(_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    isDarkMode = _ref.isDarkMode;
   return {
-    clickableText: css`
-      cursor: pointer;
-      color: ${token.colorTextSecondary};
-
-      &:hover {
-        color: ${token.colorText};
-      }
-    `,
-    resetLinkColor: css`
-      color: inherit;
-
-      &:hover,
-      &:active {
-        color: inherit;
-      }
-    `,
-    heroButtonGradient: css`
-      background: linear-gradient(90deg, ${token.gradientColor1} 0%, ${token.gradientColor2} 100%);
-    `,
-    heroGradient: css`
-      background-image: ${token.gradientHeroBgG};
-      background-size: 300% 300%;
-    `,
-    heroGradientFlow: css`
-      animation: flow 5s ease infinite;
-
-      @keyframes flow {
-        0% {
-          background-position: 0 0;
-        }
-
-        50% {
-          background-position: 100% 100%;
-        }
-
-        100% {
-          background-position: 0 0;
-        }
-      }
-    `,
-    heroTextShadow: css`
-      will-change: transform;
-      text-shadow: 0 8px 20px ${(0, import_polished.rgba)(token.gradientColor2, 0.2)},
-        0 8px 60px ${(0, import_polished.rgba)(token.gradientColor3, 0.2)},
-        0 8px 80px ${(0, import_polished.rgba)(token.cyan, isDarkMode ? 0.2 : 0.4)};
-    `,
-    heroBlurBall: css`
-      will-change: transform;
-
-      background: linear-gradient(
-        135deg,
-        ${token.gradientColor3} 0%,
-        ${token.gradientColor1} 30%,
-        ${token.red} 70%,
-        ${token.cyan} 100%
-      );
-      background-size: 200% 200%;
-      filter: blur(69px);
-
-      animation: glow 10s ease infinite;
-
-      @keyframes glow {
-        0% {
-          background-position: 0 -100%;
-        }
-
-        50% {
-          background-position: 200% 50%;
-        }
-
-        100% {
-          background-position: 0 -100%;
-        }
-      }
-    `,
-    iconGradientDefault: css`
-      background-image: radial-gradient(
-        100% 100% at 50% 0,
-        ${(0, import_polished.rgba)(token.colorSolid, 0.2)} 0,
-        ${(0, import_polished.rgba)(token.colorSolid, 0.1)} 100%
-      );
-    `,
-    blur: css`
-      backdrop-filter: blur(7px);
-    `
+    clickableText: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      cursor: pointer;\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "])), token.colorTextSecondary, token.colorText),
+    resetLinkColor: css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      color: inherit;\n\n      &:hover,\n      &:active {\n        color: inherit;\n      }\n    "]))),
+    heroButtonGradient: css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      background: linear-gradient(90deg, ", " 0%, ", " 100%);\n    "])), token.gradientColor1, token.gradientColor2),
+    heroGradient: css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      background-image: ", ";\n      background-size: 300% 300%;\n    "])), token.gradientHeroBgG),
+    heroGradientFlow: css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      animation: flow 5s ease infinite;\n\n      @keyframes flow {\n        0% {\n          background-position: 0 0;\n        }\n\n        50% {\n          background-position: 100% 100%;\n        }\n\n        100% {\n          background-position: 0 0;\n        }\n      }\n    "]))),
+    heroTextShadow: css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      will-change: transform;\n      text-shadow: 0 8px 20px ", ",\n        0 8px 60px ", ",\n        0 8px 80px ", ";\n    "])), (0, _polished.rgba)(token.gradientColor2, 0.2), (0, _polished.rgba)(token.gradientColor3, 0.2), (0, _polished.rgba)(token.cyan, isDarkMode ? 0.2 : 0.4)),
+    heroBlurBall: css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n      will-change: transform;\n\n      background: linear-gradient(\n        135deg,\n        ", " 0%,\n        ", " 30%,\n        ", " 70%,\n        ", " 100%\n      );\n      background-size: 200% 200%;\n      filter: blur(69px);\n\n      animation: glow 10s ease infinite;\n\n      @keyframes glow {\n        0% {\n          background-position: 0 -100%;\n        }\n\n        50% {\n          background-position: 200% 50%;\n        }\n\n        100% {\n          background-position: 0 -100%;\n        }\n      }\n    "])), token.gradientColor3, token.gradientColor1, token.red, token.cyan),
+    iconGradientDefault: css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n      background-image: radial-gradient(\n        100% 100% at 50% 0,\n        ", " 0,\n        ", " 100%\n      );\n    "])), (0, _polished.rgba)(token.colorSolid, 0.2), (0, _polished.rgba)(token.colorSolid, 0.1)),
+    blur: css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n      backdrop-filter: blur(7px);\n    "])))
   };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  generateCustomStylish
-});
+exports.generateCustomStylish = generateCustomStylish;