@lobehub/ui 3.4.2 → 3.4.3

package/es/Text/styles.mjs

@@ -0,0 +1,89 @@
+import { createStyles } from "antd-style";
+
+//#region src/Text/styles.ts
+const useStyles = createStyles(({ css: css$1, token }) => ({
+	code: css$1`
+    font-family: ${token.fontFamilyCode};
+  `,
+	danger: css$1`
+    color: ${token.colorError};
+  `,
+	delete: css$1`
+    text-decoration: line-through;
+  `,
+	disabled: css$1`
+    cursor: not-allowed;
+    color: ${token.colorTextDisabled};
+  `,
+	ellipsis: css$1`
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	ellipsisMulti: css$1`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+  `,
+	h1: css$1`
+    font-size: calc(${token.fontSize}px * 2.5);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h2: css$1`
+    font-size: calc(${token.fontSize}px * 2);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h3: css$1`
+    font-size: calc(${token.fontSize}px * 1.5);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h4: css$1`
+    font-size: calc(${token.fontSize}px * 1.25);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h5: css$1`
+    font-size: ${token.fontSize}px;
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	info: css$1`
+    color: ${token.colorInfo};
+  `,
+	italic: css$1`
+    font-style: italic;
+  `,
+	mark: css$1`
+    color: #000;
+    background-color: ${token.yellow};
+  `,
+	p: css$1`
+    margin-block: 0;
+  `,
+	secondary: css$1`
+    color: ${token.colorTextDescription};
+  `,
+	strong: css$1`
+    font-weight: bold;
+  `,
+	success: css$1`
+    color: ${token.colorSuccess};
+  `,
+	text: css$1`
+    color: ${token.colorText};
+  `,
+	underline: css$1`
+    text-decoration: underline;
+  `,
+	warning: css$1`
+    color: ${token.colorWarning};
+  `
+}));
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=styles.mjs.map

package/es/Text/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../src/Text/styles.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token }) => ({\n  code: css`\n    font-family: ${token.fontFamilyCode};\n  `,\n  danger: css`\n    color: ${token.colorError};\n  `,\n  delete: css`\n    text-decoration: line-through;\n  `,\n  disabled: css`\n    cursor: not-allowed;\n    color: ${token.colorTextDisabled};\n  `,\n  ellipsis: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  ellipsisMulti: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  `,\n  // Heading styles\n  h1: css`\n    font-size: calc(${token.fontSize}px * 2.5);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h2: css`\n    font-size: calc(${token.fontSize}px * 2);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h3: css`\n    font-size: calc(${token.fontSize}px * 1.5);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h4: css`\n    font-size: calc(${token.fontSize}px * 1.25);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h5: css`\n    font-size: ${token.fontSize}px;\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n  info: css`\n    color: ${token.colorInfo};\n  `,\n\n  italic: css`\n    font-style: italic;\n  `,\n\n  mark: css`\n    color: #000;\n    background-color: ${token.yellow};\n  `,\n\n  p: css`\n    margin-block: 0;\n  `,\n\n  secondary: css`\n    color: ${token.colorTextDescription};\n  `,\n\n  strong: css`\n    font-weight: bold;\n  `,\n  success: css`\n    color: ${token.colorSuccess};\n  `,\n  text: css`\n    color: ${token.colorText};\n  `,\n  underline: css`\n    text-decoration: underline;\n  `,\n  warning: css`\n    color: ${token.colorWarning};\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,aAAa;CACzD,MAAM,KAAG;mBACQ,MAAM,eAAe;;CAEtC,QAAQ,KAAG;aACA,MAAM,WAAW;;CAE5B,QAAQ,KAAG;;;CAGX,UAAU,KAAG;;aAEF,MAAM,kBAAkB;;CAEnC,UAAU,KAAG;;;;;CAKb,eAAe,KAAG;;;;;;CAOlB,IAAI,KAAG;sBACa,MAAM,SAAS;;;;CAKnC,IAAI,KAAG;sBACa,MAAM,SAAS;;;;CAKnC,IAAI,KAAG;sBACa,MAAM,SAAS;;;;CAKnC,IAAI,KAAG;sBACa,MAAM,SAAS;;;;CAKnC,IAAI,KAAG;iBACQ,MAAM,SAAS;;;;CAI9B,MAAM,KAAG;aACE,MAAM,UAAU;;CAG3B,QAAQ,KAAG;;;CAIX,MAAM,KAAG;;wBAEa,MAAM,OAAO;;CAGnC,GAAG,KAAG;;;CAIN,WAAW,KAAG;aACH,MAAM,qBAAqB;;CAGtC,QAAQ,KAAG;;;CAGX,SAAS,KAAG;aACD,MAAM,aAAa;;CAE9B,MAAM,KAAG;aACE,MAAM,UAAU;;CAE3B,WAAW,KAAG;;;CAGd,SAAS,KAAG;aACD,MAAM,aAAa;;CAE/B,EAAE"}

package/es/Text/type.d.mts

@@ -0,0 +1,29 @@
+import { DivProps } from "../types/index.mjs";
+import { TooltipProps } from "../Tooltip/type.mjs";
+import "../Tooltip/index.mjs";
+import { ElementType, Ref } from "react";
+
+//#region src/Text/type.d.ts
+interface TextProps extends DivProps {
+  align?: 'left' | 'center' | 'right';
+  as?: ElementType;
+  code?: boolean;
+  color?: string;
+  delete?: boolean;
+  disabled?: boolean;
+  ellipsis?: boolean | {
+    rows?: number;
+    tooltip?: boolean | string | TooltipProps;
+  };
+  fontSize?: number | string;
+  italic?: boolean;
+  mark?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  strong?: boolean;
+  type?: 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+  underline?: boolean;
+  weight?: 'bold' | 'bolder' | number;
+}
+//#endregion
+export { TextProps };
+//# sourceMappingURL=type.d.mts.map

package/es/ThemeProvider/ConfigProvider.mjs

@@ -0,0 +1,42 @@
+'use client';
+
+import { ConfigProvider } from "antd";
+import { memo } from "react";
+import { useTheme } from "antd-style";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ThemeProvider/ConfigProvider.tsx
+const ConfigProvider$1 = memo(({ children }) => {
+	const theme = useTheme();
+	return /* @__PURE__ */ jsx(ConfigProvider, {
+		theme: { components: {
+			Button: { contentFontSizeSM: 12 },
+			DatePicker: {
+				activeBorderColor: theme.colorBorder,
+				hoverBorderColor: theme.colorBorder
+			},
+			Input: {
+				activeBorderColor: theme.colorBorder,
+				hoverBorderColor: theme.colorBorder
+			},
+			InputNumber: {
+				activeBorderColor: theme.colorBorder,
+				hoverBorderColor: theme.colorBorder
+			},
+			Mentions: {
+				activeBorderColor: theme.colorBorder,
+				hoverBorderColor: theme.colorBorder
+			},
+			Select: {
+				activeBorderColor: theme.colorBorder,
+				hoverBorderColor: theme.colorBorder
+			}
+		} },
+		children
+	});
+});
+var ConfigProvider_default = ConfigProvider$1;
+
+//#endregion
+export { ConfigProvider_default as default };
+//# sourceMappingURL=ConfigProvider.mjs.map

package/es/ThemeProvider/ConfigProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.mjs","names":["ConfigProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ConfigProvider.tsx"],"sourcesContent":["'use client';\n\nimport { ConfigProvider as AntdConfigProvider } from 'antd';\nimport { useTheme } from 'antd-style';\nimport { PropsWithChildren, memo } from 'react';\n\nconst ConfigProvider = memo<PropsWithChildren>(({ children }) => {\n  const theme = useTheme();\n  return (\n    <AntdConfigProvider\n      theme={{\n        components: {\n          Button: {\n            contentFontSizeSM: 12,\n          },\n          DatePicker: {\n            activeBorderColor: theme.colorBorder,\n            hoverBorderColor: theme.colorBorder,\n          },\n          Input: {\n            activeBorderColor: theme.colorBorder,\n            hoverBorderColor: theme.colorBorder,\n          },\n          InputNumber: {\n            activeBorderColor: theme.colorBorder,\n            hoverBorderColor: theme.colorBorder,\n          },\n          Mentions: {\n            activeBorderColor: theme.colorBorder,\n            hoverBorderColor: theme.colorBorder,\n          },\n          Select: {\n            activeBorderColor: theme.colorBorder,\n            hoverBorderColor: theme.colorBorder,\n          },\n        },\n      }}\n    >\n      {children}\n    </AntdConfigProvider>\n  );\n});\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;;;AAMA,MAAMA,mBAAiB,MAAyB,EAAE,eAAe;CAC/D,MAAM,QAAQ,UAAU;AACxB,QACE,oBAACC;EACC,OAAO,EACL,YAAY;GACV,QAAQ,EACN,mBAAmB,IACpB;GACD,YAAY;IACV,mBAAmB,MAAM;IACzB,kBAAkB,MAAM;IACzB;GACD,OAAO;IACL,mBAAmB,MAAM;IACzB,kBAAkB,MAAM;IACzB;GACD,aAAa;IACX,mBAAmB,MAAM;IACzB,kBAAkB,MAAM;IACzB;GACD,UAAU;IACR,mBAAmB,MAAM;IACzB,kBAAkB,MAAM;IACzB;GACD,QAAQ;IACN,mBAAmB,MAAM;IACzB,kBAAkB,MAAM;IACzB;GACF,EACF;EAEA;GACkB;EAEvB;AAEF,6BAAeD"}

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs

@@ -0,0 +1,94 @@
+import { css } from "antd-style";
+import { readableColor, rgba } from "polished";
+
+//#region src/ThemeProvider/GlobalStyle/antdOverride.ts
+var antdOverride_default = (token) => {
+	const readColor = readableColor(token.colorPrimary);
+	return css`
+    .${token.prefixCls}-checkbox-inner:after {
+      border-color: ${readableColor(token.colorPrimary)} !important;
+    }
+
+    .${token.prefixCls}-btn {
+      box-shadow: none;
+    }
+
+    .${token.prefixCls}-btn-primary:not(:disabled) {
+      color: ${readColor} !important;
+
+      &:hover {
+        color: ${readColor} !important;
+      }
+
+      &:active {
+        color: ${readColor} !important;
+      }
+    }
+
+    .${token.prefixCls}-tooltip-inner {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      min-height: unset;
+      padding-block: 4px;
+      padding-inline: 8px;
+
+      color: ${token.colorBgLayout} !important;
+
+      background-color: ${token.colorText} !important;
+      border-radius: ${token.borderRadiusSM}px !important;
+    }
+
+    .${token.prefixCls}-tooltip-arrow {
+      &::before,
+      &::after {
+        background: ${token.colorText} !important;
+      }
+    }
+
+    .${token.prefixCls}-switch-handle::before {
+      background: ${token.colorBgContainer} !important;
+    }
+
+    .${token.prefixCls}-image-preview-close,
+      .${token.prefixCls}-image-preview-switch-right,
+      .${token.prefixCls}-image-preview-switch-left {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      width: 32px;
+      height: 32px;
+      padding: 0;
+
+      background: ${rgba(token.colorBgMask, .1)};
+      border-radius: ${token.borderRadiusLG}px;
+
+      ${token.stylish.blur};
+    }
+
+    .${token.prefixCls}-popover-inner,
+      .${token.prefixCls}-dropdown-menu,
+      .${token.prefixCls}-select-dropdown {
+      border-radius: ${token.borderRadius}px !important;
+      box-shadow:
+        0 0 0 1px ${token.colorFillTertiary},
+        ${token.boxShadowSecondary} !important;
+    }
+
+    .${token.prefixCls}-modal-content {
+      border: 1px solid ${token.colorBorderSecondary} !important;
+    }
+
+    .${token.prefixCls}-radio-wrapper
+      .${token.prefixCls}-radio-checked
+      .${token.prefixCls}-radio-inner:after {
+      background: ${readColor};
+    }
+  `;
+};
+
+//#endregion
+export { antdOverride_default as default };
+//# sourceMappingURL=antdOverride.mjs.map

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { Theme, css } from 'antd-style';\nimport { readableColor, rgba } from 'polished';\n\nexport default (token: Theme) => {\n  const readColor = readableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${readableColor(token.colorPrimary)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip-inner {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n\n      color: ${token.colorBgLayout} !important;\n\n      background-color: ${token.colorText} !important;\n      border-radius: ${token.borderRadiusSM}px !important;\n    }\n\n    .${token.prefixCls}-tooltip-arrow {\n      &::before,\n      &::after {\n        background: ${token.colorText} !important;\n      }\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-popover-inner,\n      .${token.prefixCls}-dropdown-menu,\n      .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 0 1px ${token.colorFillTertiary},\n        ${token.boxShadowSecondary} !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;AAGA,4BAAgB,UAAiB;CAC/B,MAAM,YAAY,cAAc,MAAM,aAAa;AACnD,QAAO,GAAG;OACL,MAAM,UAAU;sBACD,cAAc,MAAM,aAAa,CAAC;;;OAGjD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;;;;;;;;;eASR,MAAM,cAAc;;0BAET,MAAM,UAAU;uBACnB,MAAM,eAAe;;;OAGrC,MAAM,UAAU;;;sBAGD,MAAM,UAAU;;;;OAI/B,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,GAAI,CAAC;uBAC1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;uBACF,MAAM,aAAa;;oBAEtB,MAAM,kBAAkB;UAClC,MAAM,mBAAmB;;;OAG5B,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU"}

package/es/ThemeProvider/GlobalStyle/global.mjs

@@ -0,0 +1,107 @@
+import { css } from "antd-style";
+
+//#region src/ThemeProvider/GlobalStyle/global.ts
+var global_default = (token) => css`
+  :root {
+    --font-settings: 'cv01', 'tnum', 'kern';
+    --font-variations: 'opsz' auto, tabular-nums;
+
+    text-autospace: normal;
+  }
+
+  html {
+    overscroll-behavior: none;
+    color-scheme: ${token.isDarkMode ? "dark" : "light"};
+  }
+
+  body {
+    overflow: hidden auto;
+
+    min-height: 100vh;
+    margin: 0;
+    padding: 0;
+
+    font-family: ${token.fontFamily};
+    font-size: ${token.fontSize}px;
+    font-feature-settings: var(--font-settings);
+    font-variation-settings: var(--font-variations);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    line-height: 1;
+    color: ${token.colorTextBase};
+    text-size-adjust: none;
+    text-rendering: optimizelegibility;
+    word-wrap: break-word;
+    vertical-align: baseline;
+
+    background-color: ${token.colorBgLayout};
+
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  code {
+    font-family: ${token.fontFamilyCode} !important;
+
+    span {
+      font-family: ${token.fontFamilyCode} !important;
+    }
+  }
+
+  ::selection {
+    color: #000;
+    background: ${token.yellow9};
+
+    -webkit-text-fill-color: unset !important;
+  }
+
+  * {
+    scrollbar-color: ${token.colorFill} transparent;
+    scrollbar-width: thin;
+    box-sizing: border-box;
+    vertical-align: baseline;
+  }
+
+  @layer lobe-base {
+    :where(.lobe-flex) {
+      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */
+      --lobe-flex: 0 1 auto;
+      --lobe-flex-direction: column;
+      --lobe-flex-wrap: nowrap;
+      --lobe-flex-justify: flex-start;
+      --lobe-flex-align: stretch;
+      --lobe-flex-width: auto;
+      --lobe-flex-height: auto;
+      --lobe-flex-padding: 0;
+      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */
+      --lobe-flex-padding-inline: var(--lobe-flex-padding);
+      --lobe-flex-padding-block: var(--lobe-flex-padding);
+      --lobe-flex-gap: 0;
+
+      display: flex;
+
+      flex: var(--lobe-flex);
+      flex-direction: var(--lobe-flex-direction);
+      flex-wrap: var(--lobe-flex-wrap);
+      justify-content: var(--lobe-flex-justify);
+      align-items: var(--lobe-flex-align);
+
+      width: var(--lobe-flex-width);
+      height: var(--lobe-flex-height);
+
+      padding: var(--lobe-flex-padding);
+      padding-inline: var(--lobe-flex-padding-inline);
+      padding-block: var(--lobe-flex-padding-block);
+
+      gap: var(--lobe-flex-gap);
+    }
+
+    .lobe-flex--hidden {
+      display: none;
+    }
+  }
+`;
+
+//#endregion
+export { global_default as default };
+//# sourceMappingURL=global.mjs.map

package/es/ThemeProvider/GlobalStyle/global.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { Theme, css } from 'antd-style';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ${token.fontFamilyCode} !important;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n\n  @layer lobe-base {\n    :where(.lobe-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --lobe-flex: 0 1 auto;\n      --lobe-flex-direction: column;\n      --lobe-flex-wrap: nowrap;\n      --lobe-flex-justify: flex-start;\n      --lobe-flex-align: stretch;\n      --lobe-flex-width: auto;\n      --lobe-flex-height: auto;\n      --lobe-flex-padding: 0;\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --lobe-flex-padding-inline: var(--lobe-flex-padding);\n      --lobe-flex-padding-block: var(--lobe-flex-padding);\n      --lobe-flex-gap: 0;\n\n      display: flex;\n\n      flex: var(--lobe-flex);\n      flex-direction: var(--lobe-flex-direction);\n      flex-wrap: var(--lobe-flex-wrap);\n      justify-content: var(--lobe-flex-justify);\n      align-items: var(--lobe-flex-align);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n\n      padding: var(--lobe-flex-padding);\n      padding-inline: var(--lobe-flex-padding-inline);\n      padding-block: var(--lobe-flex-padding-block);\n\n      gap: var(--lobe-flex-gap);\n    }\n\n    .lobe-flex--hidden {\n      display: none;\n    }\n  }\n`;\n"],"mappings":";;;AAEA,sBAAgB,UAAiB,GAAG;;;;;;;;;;oBAUhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;aAMnB,MAAM,cAAc;;;;;;wBAMT,MAAM,cAAc;;;;;;;mBAOzB,MAAM,eAAe;;;qBAGnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU"}

package/es/ThemeProvider/GlobalStyle/index.mjs

@@ -0,0 +1,13 @@
+'use client';
+
+import antdOverride_default from "./antdOverride.mjs";
+import global_default from "./global.mjs";
+import { createGlobalStyle } from "antd-style";
+
+//#region src/ThemeProvider/GlobalStyle/index.ts
+const GlobalStyle = createGlobalStyle(({ theme }) => [global_default(theme), antdOverride_default(theme)]);
+var GlobalStyle_default = GlobalStyle;
+
+//#endregion
+export { GlobalStyle_default as default };
+//# sourceMappingURL=index.mjs.map

package/es/ThemeProvider/GlobalStyle/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["global","antdOverride"],"sources":["../../../src/ThemeProvider/GlobalStyle/index.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle } from 'antd-style';\n\nimport antdOverride from './antdOverride';\nimport global from './global';\n\nconst GlobalStyle = createGlobalStyle(({ theme }) => [global(theme), antdOverride(theme)]);\n\nexport default GlobalStyle;\n"],"mappings":";;;;;;;AAOA,MAAM,cAAc,mBAAmB,EAAE,YAAY,CAACA,eAAO,MAAM,EAAEC,qBAAa,MAAM,CAAC,CAAC;AAE1F,0BAAe"}

package/es/ThemeProvider/Meta.d.mts

@@ -0,0 +1,8 @@
+import { MetaProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/ThemeProvider/Meta.d.ts
+declare const Meta: FC<MetaProps>;
+//#endregion
+export { Meta };
+//# sourceMappingURL=Meta.d.mts.map

package/es/ThemeProvider/Meta.mjs

@@ -0,0 +1,89 @@
+'use client';
+
+import { useCdnFn } from "../ConfigProvider/index.mjs";
+import { useCallback } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ThemeProvider/Meta.tsx
+const Meta = ({ title = "LobeHub", description = "Empowering your AI dreams with LobeHub", withManifest }) => {
+	const genCdnUrl = useCdnFn();
+	const genAssets = useCallback((path) => genCdnUrl({
+		path,
+		pkg: "@lobehub/assets-favicons",
+		version: "latest"
+	}), []);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/favicon.ico"),
+			rel: "shortcut icon"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/apple-touch-icon.png"),
+			rel: "apple-touch-icon",
+			sizes: "180x180"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/favicon-32x32.png"),
+			rel: "icon",
+			sizes: "32x32",
+			type: "image/png"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/favicon-16x16.png"),
+			rel: "icon",
+			sizes: "16x16",
+			type: "image/png"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no",
+			name: "viewport"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: title,
+			name: "apple-mobile-web-app-title"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: title,
+			name: "application-name"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: description,
+			name: "description"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "#000000",
+			name: "msapplication-TileColor"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "#fff",
+			media: "(prefers-color-scheme: light)",
+			name: "theme-color"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "#000",
+			media: "(prefers-color-scheme: dark)",
+			name: "theme-color"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "yes",
+			name: "apple-mobile-web-app-capable"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: title,
+			name: "apple-mobile-web-app-title"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "black-translucent",
+			name: "apple-mobile-web-app-status-bar-style"
+		}),
+		withManifest && /* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/site.webmanifest"),
+			rel: "manifest"
+		})
+	] });
+};
+var Meta_default = Meta;
+
+//#endregion
+export { Meta_default as default };
+//# sourceMappingURL=Meta.mjs.map

package/es/ThemeProvider/Meta.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meta.mjs","names":["Meta: FC<MetaProps>"],"sources":["../../src/ThemeProvider/Meta.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useCallback } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\n\nimport type { MetaProps } from './type';\n\nconst Meta: FC<MetaProps> = ({\n  title = 'LobeHub',\n  description = 'Empowering your AI dreams with LobeHub',\n  withManifest,\n}) => {\n  const genCdnUrl = useCdnFn();\n  const genAssets = useCallback(\n    (path: string) =>\n      genCdnUrl({\n        path,\n        pkg: '@lobehub/assets-favicons',\n        version: 'latest',\n      }),\n    [],\n  );\n  return (\n    <>\n      <link href={genAssets('assets/favicon.ico')} rel=\"shortcut icon\" />\n      <link\n        href={genAssets('assets/apple-touch-icon.png')}\n        rel=\"apple-touch-icon\"\n        sizes=\"180x180\"\n      />\n      <link\n        href={genAssets('assets/favicon-32x32.png')}\n        rel=\"icon\"\n        sizes=\"32x32\"\n        type=\"image/png\"\n      />\n      <link\n        href={genAssets('assets/favicon-16x16.png')}\n        rel=\"icon\"\n        sizes=\"16x16\"\n        type=\"image/png\"\n      />\n      <meta\n        content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no\"\n        name=\"viewport\"\n      />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content={title} name=\"application-name\" />\n      <meta content={description} name=\"description\" />\n      <meta content=\"#000000\" name=\"msapplication-TileColor\" />\n      <meta content=\"#fff\" media=\"(prefers-color-scheme: light)\" name=\"theme-color\" />\n      <meta content=\"#000\" media=\"(prefers-color-scheme: dark)\" name=\"theme-color\" />\n      <meta content=\"yes\" name=\"apple-mobile-web-app-capable\" />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content=\"black-translucent\" name=\"apple-mobile-web-app-status-bar-style\" />\n      {withManifest && <link href={genAssets('assets/site.webmanifest')} rel=\"manifest\" />}\n    </>\n  );\n};\n\nexport default Meta;\n"],"mappings":";;;;;;;AAQA,MAAMA,QAAuB,EAC3B,QAAQ,WACR,cAAc,0CACd,mBACI;CACJ,MAAM,YAAY,UAAU;CAC5B,MAAM,YAAY,aACf,SACC,UAAU;EACR;EACA,KAAK;EACL,SAAS;EACV,CAAC,EACJ,EAAE,CACH;AACD,QACE;EACE,oBAAC;GAAK,MAAM,UAAU,qBAAqB;GAAE,KAAI;IAAkB;EACnE,oBAAC;GACC,MAAM,UAAU,8BAA8B;GAC9C,KAAI;GACJ,OAAM;IACN;EACF,oBAAC;GACC,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;IACL;EACF,oBAAC;GACC,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;IACL;EACF,oBAAC;GACC,SAAQ;GACR,MAAK;IACL;EACF,oBAAC;GAAK,SAAS;GAAO,MAAK;IAA+B;EAC1D,oBAAC;GAAK,SAAS;GAAO,MAAK;IAAqB;EAChD,oBAAC;GAAK,SAAS;GAAa,MAAK;IAAgB;EACjD,oBAAC;GAAK,SAAQ;GAAU,MAAK;IAA4B;EACzD,oBAAC;GAAK,SAAQ;GAAO,OAAM;GAAgC,MAAK;IAAgB;EAChF,oBAAC;GAAK,SAAQ;GAAO,OAAM;GAA+B,MAAK;IAAgB;EAC/E,oBAAC;GAAK,SAAQ;GAAM,MAAK;IAAiC;EAC1D,oBAAC;GAAK,SAAS;GAAO,MAAK;IAA+B;EAC1D,oBAAC;GAAK,SAAQ;GAAoB,MAAK;IAA0C;EAChF,gBAAgB,oBAAC;GAAK,MAAM,UAAU,0BAA0B;GAAE,KAAI;IAAa;KACnF;;AAIP,mBAAe"}

package/es/ThemeProvider/ThemeProvider.d.mts

@@ -0,0 +1,8 @@
+import { ThemeProviderProps } from "./type.mjs";
+import * as react24 from "react";
+
+//#region src/ThemeProvider/ThemeProvider.d.ts
+declare const ThemeProvider: react24.NamedExoticComponent<ThemeProviderProps>;
+//#endregion
+export { ThemeProvider };
+//# sourceMappingURL=ThemeProvider.d.mts.map

package/es/ThemeProvider/ThemeProvider.mjs

@@ -0,0 +1,77 @@
+'use client';
+
+import { useCdnFn } from "../ConfigProvider/index.mjs";
+import FontLoader_default from "../FontLoader/index.mjs";
+import { generateCustomStylish } from "../styles/theme/customStylish.mjs";
+import { generateCustomToken } from "../styles/theme/customToken.mjs";
+import { createLobeAntdTheme } from "../styles/theme/antdTheme.mjs";
+import ConfigProvider_default from "./ConfigProvider.mjs";
+import GlobalStyle_default from "./GlobalStyle/index.mjs";
+import { App } from "antd";
+import { memo, useCallback, useMemo } from "react";
+import { ThemeProvider } from "antd-style";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { merge } from "lodash-es";
+
+//#region src/ThemeProvider/ThemeProvider.tsx
+const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
+	const genCdnUrl = useCdnFn();
+	const webfontUrls = useMemo(() => customFonts || [
+		genCdnUrl({
+			path: "css/index.css",
+			pkg: "@lobehub/webfont-mono"
+		}),
+		genCdnUrl({
+			path: "css/index.css",
+			pkg: "@lobehub/webfont-harmony-sans"
+		}),
+		genCdnUrl({
+			path: "css/index.css",
+			pkg: "@lobehub/webfont-harmony-sans-sc"
+		}),
+		genCdnUrl({
+			path: "dist/katex.min.css",
+			pkg: "katex"
+		})
+	], [customFonts, genCdnUrl]);
+	const stylish = useCallback((theme$1) => ({
+		...generateCustomStylish(theme$1),
+		...customStylish?.(theme$1)
+	}), [customStylish]);
+	const token = useCallback((theme$1) => ({
+		...generateCustomToken(theme$1),
+		...customToken?.(theme$1)
+	}), [customToken]);
+	const theme = useCallback((appearance) => {
+		return merge(createLobeAntdTheme({
+			appearance,
+			neutralColor: customTheme.neutralColor,
+			primaryColor: customTheme.primaryColor
+		}), antdTheme);
+	}, [
+		customTheme.primaryColor,
+		customTheme.neutralColor,
+		antdTheme
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [enableCustomFonts && webfontUrls?.length > 0 && webfontUrls.map((webfont) => /* @__PURE__ */ jsx(FontLoader_default, { url: webfont }, webfont)), /* @__PURE__ */ jsx(ThemeProvider, {
+		customStylish: stylish,
+		customToken: token,
+		theme,
+		...rest,
+		children: /* @__PURE__ */ jsxs(ConfigProvider_default, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle_default, {}), /* @__PURE__ */ jsx(App, {
+			className,
+			style: {
+				minHeight: "inherit",
+				width: "inherit",
+				...style
+			},
+			children
+		})] })
+	})] });
+});
+ThemeProvider$1.displayName = "LobeThemeProvider";
+var ThemeProvider_default = ThemeProvider$1;
+
+//#endregion
+export { ThemeProvider_default as default };
+//# sourceMappingURL=ThemeProvider.mjs.map

package/es/ThemeProvider/ThemeProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","theme","lobeCustomToken","FontLoader","AntdThemeProvider","ConfigProvider","GlobalStyle"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  ThemeProvider as AntdThemeProvider,\n  CustomStylishParams,\n  CustomTokenParams,\n  GetAntdTheme,\n} from 'antd-style';\nimport { merge } from 'lodash-es';\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { LobeCustomToken } from '@/types/customToken';\n\nimport ConfigProvider from './ConfigProvider';\nimport GlobalStyle from './GlobalStyle';\nimport type { ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    children,\n    customStylish,\n    customToken,\n    enableCustomFonts = true,\n    enableGlobalStyle = true,\n    customFonts,\n    customTheme = {},\n    className,\n    style,\n    theme: antdTheme,\n    ...rest\n  }) => {\n    const genCdnUrl = useCdnFn();\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({ path: 'css/index.css', pkg: '@lobehub/webfont-mono' }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n          }),\n          genCdnUrl({ path: 'dist/katex.min.css', pkg: 'katex' }),\n        ],\n      [customFonts, genCdnUrl],\n    );\n\n    const stylish = useCallback(\n      (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n      [customStylish],\n    );\n\n    const token = useCallback(\n      (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n      [customToken],\n    );\n\n    const theme = useCallback<GetAntdTheme>(\n      (appearance) => {\n        const lobeTheme = createLobeAntdTheme({\n          appearance,\n          neutralColor: customTheme.neutralColor,\n          primaryColor: customTheme.primaryColor,\n        });\n        return merge(lobeTheme, antdTheme);\n      },\n      [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n    );\n\n    return (\n      <>\n        {enableCustomFonts &&\n          webfontUrls?.length > 0 &&\n          webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n        <AntdThemeProvider<LobeCustomToken>\n          customStylish={stylish}\n          customToken={token}\n          theme={theme}\n          {...rest}\n        >\n          <ConfigProvider>\n            {enableGlobalStyle && <GlobalStyle />}\n            <App className={className} style={{ minHeight: 'inherit', width: 'inherit', ...style }}>\n              {children}\n            </App>\n          </ConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAMA,kBAAgB,MACnB,EACC,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,EAAE,EAChB,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,UAAU;CAE5B,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GAAE,MAAM;GAAiB,KAAK;GAAyB,CAAC;EAClE,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GAAE,MAAM;GAAsB,KAAK;GAAS,CAAC;EACxD,EACH,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,UAAU,aACb,aAAgC;EAAE,GAAGC,sBAAkBC,QAAM;EAAE,GAAG,gBAAgBA,QAAM;EAAE,GAC3F,CAAC,cAAc,CAChB;CAED,MAAM,QAAQ,aACX,aAA8B;EAAE,GAAGC,oBAAgBD,QAAM;EAAE,GAAG,cAAcA,QAAM;EAAE,GACrF,CAAC,YAAY,CACd;CAED,MAAM,QAAQ,aACX,eAAe;AAMd,SAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;GAC3B,CAAC,EACsB,UAAU;IAEpC;EAAC,YAAY;EAAc,YAAY;EAAc;EAAU,CAChE;AAED,QACE,8CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAACE,sBAAyB,KAAK,WAAd,QAAyB,CAAC,EAC1E,oBAACC;EACC,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,qCACE,qBAAqB,oBAACC,wBAAc,EACrC,oBAAC;GAAe;GAAW,OAAO;IAAE,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;GACnF;IACG,IACS;GACC,IACnB;EAGR;AAED,gBAAc,cAAc;AAE5B,4BAAeP"}

package/es/ThemeProvider/index.d.mts

@@ -0,0 +1,4 @@
+import { MetaProps, ThemeProviderProps } from "./type.mjs";
+import { Meta } from "./Meta.mjs";
+import { ThemeProvider } from "./ThemeProvider.mjs";
+export { Meta, MetaProps, ThemeProviderProps, ThemeProvider as default };

package/es/ThemeProvider/index.mjs

@@ -0,0 +1,4 @@
+import Meta_default from "./Meta.mjs";
+import ThemeProvider_default from "./ThemeProvider.mjs";
+
+export { Meta_default as Meta, ThemeProvider_default as default };

package/es/ThemeProvider/type.d.mts

@@ -0,0 +1,31 @@
+import { NeutralColors, PrimaryColors } from "../styles/customTheme.mjs";
+import "../styles/index.mjs";
+import { CSSProperties } from "react";
+import { CustomStylishParams, CustomTokenParams, ThemeProviderProps } from "antd-style";
+
+//#region src/ThemeProvider/type.d.ts
+interface ThemeProviderProps$1 extends ThemeProviderProps<any> {
+  className?: string;
+  customFonts?: string[];
+  customStylish?: (theme: CustomStylishParams) => {
+    [key: string]: any;
+  };
+  customTheme?: {
+    neutralColor?: NeutralColors;
+    primaryColor?: PrimaryColors;
+  };
+  customToken?: (theme: CustomTokenParams) => {
+    [key: string]: any;
+  };
+  enableCustomFonts?: boolean;
+  enableGlobalStyle?: boolean;
+  style?: CSSProperties;
+}
+interface MetaProps {
+  description?: string;
+  title?: string;
+  withManifest?: boolean;
+}
+//#endregion
+export { MetaProps, ThemeProviderProps$1 as ThemeProviderProps };
+//# sourceMappingURL=type.d.mts.map