@lobehub/ui 4.3.2 → 4.3.3

package/es/styles/theme/customStylishStatic.mjs

@@ -0,0 +1,161 @@
+import { createStaticStyles, keyframes } from "antd-style";
+
+//#region src/styles/theme/customStylishStatic.ts
+/**
+* Static version of custom stylish utilities.
+* This can be used with createStaticStyles for better performance.
+*
+* Note: Some styles that depend on isDarkMode or custom tokens may have limitations.
+* For full dynamic support, use the regular customStylish from './customStylish'.
+*/
+const gradient = keyframes`
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+`;
+const staticStylish = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
+	active: css$1`
+    color: ${cssVar$1.colorText};
+    background: ${cssVar$1.colorFillSecondary};
+
+    &:hover {
+      color: ${cssVar$1.colorText};
+      background: ${cssVar$1.colorFill};
+    }
+  `,
+	blur: css$1`
+    backdrop-filter: saturate(150%) blur(10px);
+  `,
+	blurStrong: css$1`
+    backdrop-filter: saturate(150%) blur(36px);
+  `,
+	bottomScrollbar: css$1`
+    ::-webkit-scrollbar {
+      width: 0;
+      height: 4px;
+      background-color: transparent;
+
+      &-thumb {
+        border-radius: 4px;
+        background-color: ${cssVar$1.colorFill};
+        transition: background-color 500ms ${cssVar$1.motionEaseOut};
+      }
+
+      &-corner {
+        display: none;
+        width: 0;
+        height: 0;
+      }
+    }
+  `,
+	disabled: css$1`
+    cursor: not-allowed;
+    opacity: 0.5;
+  `,
+	gradientAnimation: css$1`
+    border-radius: inherit;
+    background-image: linear-gradient(
+      -45deg,
+      ${cssVar$1.gold},
+      ${cssVar$1.magenta},
+      ${cssVar$1.geekblue},
+      ${cssVar$1.cyan}
+    );
+    background-size: 400% 400%;
+    animation: 5s ${gradient} 5s ease infinite;
+  `,
+	noScrollbar: css$1`
+    ::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+      background-color: transparent;
+    }
+  `,
+	resetLinkColor: css$1`
+    cursor: pointer;
+    color: ${cssVar$1.colorTextSecondary};
+
+    &:hover {
+      color: ${cssVar$1.colorText};
+    }
+  `,
+	shadow: css$1`
+    box-shadow:
+      0 1px 0 -1px ${cssVar$1.colorBorder},
+      0 1px 2px -0.5px ${cssVar$1.colorBorder},
+      0 2px 2px -1px ${cssVar$1.colorBorderSecondary},
+      0 3px 6px -4px ${cssVar$1.colorBorderSecondary};
+  `,
+	variantBorderless: css$1`
+    border: none;
+    background: none;
+    box-shadow: none;
+
+    &:hover {
+      background: ${cssVar$1.colorFillTertiary};
+    }
+  `,
+	variantBorderlessDanger: css$1`
+    border: none;
+    background: none;
+    box-shadow: none;
+
+    &:hover {
+      background: ${cssVar$1.colorErrorBg};
+      box-shadow: inset 0 0 0 1px ${cssVar$1.colorErrorBg};
+    }
+  `,
+	variantBorderlessWithoutHover: css$1`
+    border: none;
+    background: none;
+    box-shadow: none;
+  `,
+	variantFilled: css$1`
+    background: ${cssVar$1.colorFillTertiary};
+
+    &:hover {
+      background: ${cssVar$1.colorFillSecondary};
+    }
+  `,
+	variantFilledDanger: css$1`
+    background: ${cssVar$1.colorErrorBg};
+
+    &:hover {
+      background: ${cssVar$1.colorErrorBgHover};
+    }
+  `,
+	variantFilledWithoutHover: css$1`
+    background: ${cssVar$1.colorFillTertiary};
+  `,
+	variantOutlined: css$1`
+    border: 1px solid ${cssVar$1.colorBorderSecondary};
+    background: ${cssVar$1.colorBgContainer};
+
+    &:hover {
+      border: 1px solid ${cssVar$1.colorBorder};
+      background: ${cssVar$1.colorBgContainer};
+    }
+  `,
+	variantOutlinedDanger: css$1`
+    border: 1px solid ${cssVar$1.colorErrorBorder};
+
+    &:hover {
+      border: 1px solid ${cssVar$1.colorErrorBorder};
+    }
+  `,
+	variantOutlinedWithoutHover: css$1`
+    border: 1px solid ${cssVar$1.colorBorderSecondary};
+    background: ${cssVar$1.colorBgContainer};
+  `
+}));
+
+//#endregion
+export { staticStylish };
+//# sourceMappingURL=customStylishStatic.mjs.map

package/es/styles/theme/customStylishStatic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customStylishStatic.mjs","names":["cssVar"],"sources":["../../../src/styles/theme/customStylishStatic.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nimport type { LobeCustomStylish } from '@/types/customStylish';\n\n/**\n * Static version of custom stylish utilities.\n * This can be used with createStaticStyles for better performance.\n *\n * Note: Some styles that depend on isDarkMode or custom tokens may have limitations.\n * For full dynamic support, use the regular customStylish from './customStylish'.\n */\nconst gradient = keyframes`\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`;\n\nexport const staticStylish = createStaticStyles(({ css, cssVar }) => ({\n  active: css`\n    color: ${cssVar.colorText};\n    background: ${cssVar.colorFillSecondary};\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  blur: css`\n    backdrop-filter: saturate(150%) blur(10px);\n  `,\n\n  blurStrong: css`\n    backdrop-filter: saturate(150%) blur(36px);\n  `,\n\n  bottomScrollbar: css`\n    ::-webkit-scrollbar {\n      width: 0;\n      height: 4px;\n      background-color: transparent;\n\n      &-thumb {\n        border-radius: 4px;\n        background-color: ${cssVar.colorFill};\n        transition: background-color 500ms ${cssVar.motionEaseOut};\n      }\n\n      &-corner {\n        display: none;\n        width: 0;\n        height: 0;\n      }\n    }\n  `,\n\n  disabled: css`\n    cursor: not-allowed;\n    opacity: 0.5;\n  `,\n\n  gradientAnimation: css`\n    border-radius: inherit;\n    background-image: linear-gradient(\n      -45deg,\n      ${cssVar.gold},\n      ${cssVar.magenta},\n      ${cssVar.geekblue},\n      ${cssVar.cyan}\n    );\n    background-size: 400% 400%;\n    animation: 5s ${gradient} 5s ease infinite;\n  `,\n\n  noScrollbar: css`\n    ::-webkit-scrollbar {\n      display: none;\n      width: 0;\n      height: 0;\n      background-color: transparent;\n    }\n  `,\n\n  resetLinkColor: css`\n    cursor: pointer;\n    color: ${cssVar.colorTextSecondary};\n\n    &:hover {\n      color: ${cssVar.colorText};\n    }\n  `,\n\n  /**\n   * Shadow style using CSS variables.\n   * Note: This uses CSS variables which automatically adapt to light/dark mode.\n   * For more control, use the dynamic version from customStylish.\n   */\n  shadow: css`\n    box-shadow:\n      0 1px 0 -1px ${cssVar.colorBorder},\n      0 1px 2px -0.5px ${cssVar.colorBorder},\n      0 2px 2px -1px ${cssVar.colorBorderSecondary},\n      0 3px 6px -4px ${cssVar.colorBorderSecondary};\n  `,\n\n  variantBorderless: css`\n    border: none;\n    background: none;\n    box-shadow: none;\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  /**\n   * Variant borderless danger style.\n   * Note: Uses colorErrorBg as fallback since colorErrorFillTertiary is not in cssVar.\n   * For exact match, use the dynamic version from customStylish.\n   */\n  variantBorderlessDanger: css`\n    border: none;\n    background: none;\n    box-shadow: none;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg};\n      box-shadow: inset 0 0 0 1px ${cssVar.colorErrorBg};\n    }\n  `,\n\n  variantBorderlessWithoutHover: css`\n    border: none;\n    background: none;\n    box-shadow: none;\n  `,\n\n  variantFilled: css`\n    background: ${cssVar.colorFillTertiary};\n\n    &:hover {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n\n  /**\n   * Variant filled danger style.\n   * Note: Uses colorErrorBg as fallback since colorErrorFillTertiary/Secondary are not in cssVar.\n   * For exact match, use the dynamic version from customStylish.\n   */\n  variantFilledDanger: css`\n    background: ${cssVar.colorErrorBg};\n\n    &:hover {\n      background: ${cssVar.colorErrorBgHover};\n    }\n  `,\n\n  variantFilledWithoutHover: css`\n    background: ${cssVar.colorFillTertiary};\n  `,\n\n  variantOutlined: css`\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    background: ${cssVar.colorBgContainer};\n\n    &:hover {\n      border: 1px solid ${cssVar.colorBorder};\n      background: ${cssVar.colorBgContainer};\n    }\n  `,\n\n  variantOutlinedDanger: css`\n    border: 1px solid ${cssVar.colorErrorBorder};\n\n    &:hover {\n      border: 1px solid ${cssVar.colorErrorBorder};\n    }\n  `,\n\n  variantOutlinedWithoutHover: css`\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    background: ${cssVar.colorBgContainer};\n  `,\n})) as LobeCustomStylish;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,WAAW,SAAS;;;;;;;;;;;AAY1B,MAAa,gBAAgB,oBAAoB,EAAE,YAAK,wBAAc;CACpE,QAAQ,KAAG;aACAA,SAAO,UAAU;kBACZA,SAAO,mBAAmB;;;eAG7BA,SAAO,UAAU;oBACZA,SAAO,UAAU;;;CAInC,MAAM,KAAG;;;CAIT,YAAY,KAAG;;;CAIf,iBAAiB,KAAG;;;;;;;;4BAQMA,SAAO,UAAU;6CACAA,SAAO,cAAc;;;;;;;;;;CAWhE,UAAU,KAAG;;;;CAKb,mBAAmB,KAAG;;;;QAIhBA,SAAO,KAAK;QACZA,SAAO,QAAQ;QACfA,SAAO,SAAS;QAChBA,SAAO,KAAK;;;oBAGA,SAAS;;CAG3B,aAAa,KAAG;;;;;;;;CAShB,gBAAgB,KAAG;;aAERA,SAAO,mBAAmB;;;eAGxBA,SAAO,UAAU;;;CAS9B,QAAQ,KAAG;;qBAEQA,SAAO,YAAY;yBACfA,SAAO,YAAY;uBACrBA,SAAO,qBAAqB;uBAC5BA,SAAO,qBAAqB;;CAGjD,mBAAmB,KAAG;;;;;;oBAMJA,SAAO,kBAAkB;;;CAS3C,yBAAyB,KAAG;;;;;;oBAMVA,SAAO,aAAa;oCACJA,SAAO,aAAa;;;CAItD,+BAA+B,KAAG;;;;;CAMlC,eAAe,KAAG;kBACFA,SAAO,kBAAkB;;;oBAGvBA,SAAO,mBAAmB;;;CAS5C,qBAAqB,KAAG;kBACRA,SAAO,aAAa;;;oBAGlBA,SAAO,kBAAkB;;;CAI3C,2BAA2B,KAAG;kBACdA,SAAO,kBAAkB;;CAGzC,iBAAiB,KAAG;wBACEA,SAAO,qBAAqB;kBAClCA,SAAO,iBAAiB;;;0BAGhBA,SAAO,YAAY;oBACzBA,SAAO,iBAAiB;;;CAI1C,uBAAuB,KAAG;wBACJA,SAAO,iBAAiB;;;0BAGtBA,SAAO,iBAAiB;;;CAIhD,6BAA6B,KAAG;wBACVA,SAAO,qBAAqB;kBAClCA,SAAO,iBAAiB;;CAEzC,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "4.3.2",
+  "version": "4.3.3",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -112,6 +112,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
+    "@emotion/is-prop-valid": "^1.4.0",
     "@floating-ui/react": "^0.27.16",
     "@giscus/react": "^3.1.0",
     "@mdx-js/mdx": "^3.1.1",
@@ -121,7 +122,7 @@
     "@shikijs/transformers": "^3.20.0",
     "@splinetool/runtime": "0.9.526",
     "ahooks": "^3.9.6",
-    "antd-style": "^4.0.0",
+    "antd-style": "^4.1.0",
     "chroma-js": "^3.2.0",
     "class-variance-authority": "^0.7.1",
     "dayjs": "^1.11.19",

package/es/brand/LogoMono/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["LogoMono: FC<SvgProps & DivProps & { size?: number }>"],"sources":["../../../src/brand/LogoMono/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { DivProps, SvgProps } from '@/types';\n\nconst LogoMono: FC<SvgProps & DivProps & { size?: number }> = ({\n  size = '1em',\n  style,\n  ...rest\n}) => {\n  return (\n    <svg\n      height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>LobeHub</title>\n      <path\n        d=\"M22.951 13.475C22.951 19.672 18.082 24 11.975 24 5.87 24 1 19.59 1 13.393c0-1.843.41-2.633 2.58-2.922 3.89-.518 5.942-.313 8.396-.313 2.453 0 5.942-.104 8.395.313 2.007.342 2.457.71 2.58 3.004z\"\n        fill=\"#BFBFBF\"\n      />\n      <path\n        d=\"M11.955 19.209c-2.314 0-2.928.286-2.928.286s.287 2.212 2.928 2.212c2.642 0 2.928-2.212 2.928-2.212s-.614-.287-2.928-.287z\"\n        fill=\"#4F4F4F\"\n      />\n      <ellipse cx=\"12.017\" cy=\"11.509\" fill=\"#838383\" rx=\"9.133\" ry=\".942\" />\n      <path\n        d=\"M9.969 12.451c.052-1.226-.04-1.867-.45-2.985 0 0 .777-.987 2.21-.987 1.434 0 2.458.25 2.458.25-.248 1.376-.26 2.206-.205 3.722H9.97z\"\n        fill=\"#E1E1E1\"\n      />\n      <path\n        d=\"M8.633 18.535c1.207-.58 2.032-1.762 2.032-3.217 0-2.081-1.687-3.932-3.768-3.932-2.08 0-3.85 1.605-3.85 3.686 0 1.146.537 2.196 1.365 2.91a4.582 4.582 0 011.625-.289c1.04 0 1.972.327 2.596.842zM15.318 18.535c-1.207-.58-2.032-1.762-2.032-3.217 0-2.081 1.687-3.932 3.768-3.932 2.08 0 3.85 1.605 3.85 3.686 0 1.146-.537 2.196-1.365 2.91a4.582 4.582 0 00-1.625-.289c-1.04 0-1.972.327-2.596.842z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M16.808 17.447a2.293 2.293 0 110-4.586 2.293 2.293 0 010 4.586zM7.143 17.447a2.293 2.293 0 100-4.586 2.293 2.293 0 000 4.586z\"\n        fill=\"#1A1A1A\"\n      />\n      <path\n        d=\"M13.04.902c-1.149 0-1.597-.942-3.358-.9-1.916 0-2.785 1.064-3.727 1.883-.16.14-.942.574-1.31.737-1.612.717-2.826 1.761-2.826 3.318 0 1.696 1.43 3.071 3.194 3.071.29 0 .57-.037.838-.106.712.863 1.816 1.364 3.053 1.417 1.925.082 2.54-1.25 3.645-.697.758.38 1.133.697 2.334.697 1.402 0 2.053-.43 2.457-.901.738-.86 1.874-.328 2.58-.328 1.538 0 2.785-1.192 2.785-2.662s-1.246-2.662-2.784-2.662c-.422 0-1.217.104-1.393-.573C18.241 2.09 16.878.82 14.924.82c-.763 0-1.449.082-1.884.082z\"\n        fill=\"#838383\"\n      />\n      <circle cx=\"4.891\" cy=\"1.025\" fill=\"#838383\" r=\".778\" />\n      <circle cx=\"20.699\" cy=\"3.4\" fill=\"#C8C8C8\" r=\"1.27\" />\n      <path\n        d=\"M9.701 19.34c.45-.068 1.163-.131 2.254-.131 1 0 1.683.053 2.136.114-.127.48-1.062.664-2.197.664-1.122 0-2.05-.18-2.193-.647z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M11.976 23.099c1.646 0 1.909-1.678 1.96-2.098.039-.34-.137-.511-.33-.627-.191-.116-.768-.224-1.63-.224-.862 0-1.435.108-1.63.224-.196.116-.373.288-.33.627.051.42.314 2.098 1.96 2.098z\"\n        fill=\"#838383\"\n      />\n      <path\n        d=\"M12.934 9.972c-.47-.319-1.143-.348-1.621-.043a4.086 4.086 0 01-2.204.638c-2.217 0-4.014-1.742-4.014-3.89 0-2.149 1.797-3.89 4.014-3.89 1.116 0 2.126.44 2.853 1.154.406.397 1.072.51 1.597.295.407-.167.855-.259 1.324-.259 1.878 0 3.4 1.475 3.4 3.295 0 1.82-1.523 3.295-3.4 3.295-.725 0-1.397-.22-1.95-.595z\"\n        fill=\"#C8C8C8\"\n      />\n      <path\n        d=\"M3.375 9.502a1.31 1.31 0 100-2.62 1.31 1.31 0 000 2.62zM15.702 9.175a1.106 1.106 0 100-2.212 1.106 1.106 0 000 2.212z\"\n        fill=\"#4F4F4F\"\n      />\n    </svg>\n  );\n};\n\nLogoMono.displayName = 'LobeHubLogoMono';\n\nexport default LogoMono;\n"],"mappings":";;;AAIA,MAAMA,YAAyD,EAC7D,OAAO,OACP,OACA,GAAG,WACC;AACJ,QACE,qBAAC;EACC,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;GAAO;EAChD,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;;GAEJ,oBAAC,qBAAM,YAAe;GACtB,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAQ,IAAG;IAAS,IAAG;IAAS,MAAK;IAAU,IAAG;IAAQ,IAAG;KAAS;GACvE,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAO,IAAG;IAAQ,IAAG;IAAQ,MAAK;IAAU,GAAE;KAAS;GACxD,oBAAC;IAAO,IAAG;IAAS,IAAG;IAAM,MAAK;IAAU,GAAE;KAAS;GACvD,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;;GACE;;AAIV,SAAS,cAAc;AAEvB,uBAAe"}