@lobehub/ui 5.57.2 → 6.0.0-beta.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport default (token: Theme) => {\n  const readColor = safeReadableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(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 {\n      --antd-arrow-background-color: ${token.colorBgElevated};\n\n      max-width: 320px;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before {\n      background: ${token.colorBgElevated} !important;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::after {\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      user-select: none;\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: unset;\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border: 1px solid ${token.colorBorderSecondary} !important;\n      border-radius: ${token.borderRadiusSM}px !important;\n\n      font-size: ${token.fontSizeSM}px;\n      line-height: 1.2;\n      color: ${token.colorTextSecondary} !important;\n      word-break: break-word;\n      white-space: normal;\n\n      background: ${token.colorBgElevated} !important;\n      box-shadow:\n        0 1px 2px 0 rgba(0, 0, 0, 3%),\n        0 1px 6px -1px rgba(0, 0, 0, 2%),\n        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;\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\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !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":";;;;AAKA,IAAA,wBAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,YAAY;CACtD,OAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,YAAY,EAAE;;;OAGrD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;uCACgB,MAAM,gBAAgB;;;;;OAKtD,MAAM,UAAU;oBACH,MAAM,gBAAgB;;;OAGnC,MAAM,UAAU;8BACO,MAAM,qBAAqB;;;OAGlD,MAAM,UAAU;;;;;;;;;;;0BAWG,MAAM,qBAAqB;uBAC9B,MAAM,eAAe;;mBAEzB,MAAM,WAAW;;eAErB,MAAM,mBAAmB;;;;oBAIpB,MAAM,gBAAgB;;;;;;;OAOnC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,EAAG,EAAE;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU;;;AAG9B"}

package/es/ThemeProvider/GlobalStyle/essential.mjs

@@ -1,97 +0,0 @@
-import { CLASSNAMES } from "../../styles/classNames.mjs";
-import { css } from "antd-style";
-//#region src/ThemeProvider/GlobalStyle/essential.ts
-/**
-* Styles that library components rely on to render correctly (Flex layout,
-* popup trigger states, brand animations). Always injected by ThemeProvider,
-* independent of `enableGlobalStyle`, which only gates document-level resets.
-*/
-var essential_default = (token) => css`
-  :root {
-    /* Outer hairline painted on the page behind an elevated surface. Dark alpha is much
-       higher on purpose: a white hairline lightens toward a raised surface, and below ~16%
-       it lands on the surface's own colour and the edge vanishes. */
-    --lobe-ring: 0 0 0 1px ${token.isDarkMode ? "rgb(255 255 255 / 18%)" : "rgb(0 0 0 / 5%)"};
-  }
-
-  @layer lobe-popup {
-    .${CLASSNAMES.ContextTrigger}[data-popup-open],
-      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {
-      background: ${token.colorFillTertiary};
-    }
-  }
-
-  @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-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);
-      gap: var(--lobe-flex-gap);
-      align-items: var(--lobe-flex-align);
-      justify-content: var(--lobe-flex-justify);
-
-      width: var(--lobe-flex-width);
-      height: var(--lobe-flex-height);
-      padding: var(--lobe-flex-padding);
-      padding-block: var(--lobe-flex-padding-block);
-      padding-inline: var(--lobe-flex-padding-inline);
-    }
-
-    .lobe-flex-hidden {
-      display: none;
-    }
-  }
-
-  /* Brand Loading */
-  @keyframes draw {
-    0% {
-      stroke-dashoffset: 1000;
-    }
-
-    100% {
-      stroke-dashoffset: 0;
-    }
-  }
-
-  @keyframes fill {
-    30% {
-      fill-opacity: 0.05;
-    }
-
-    100% {
-      fill-opacity: 1;
-    }
-  }
-
-  .lobe-brand-loading path {
-    fill: currentcolor;
-    fill-opacity: 0;
-    stroke: currentcolor;
-    stroke-dasharray: 1000;
-    stroke-dashoffset: 1000;
-    stroke-width: 0.25em;
-
-    animation:
-      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
-      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-  }
-`;
-//#endregion
-export { essential_default as default };
-
-//# sourceMappingURL=essential.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"essential.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/essential.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\n/**\n * Styles that library components rely on to render correctly (Flex layout,\n * popup trigger states, brand animations). Always injected by ThemeProvider,\n * independent of `enableGlobalStyle`, which only gates document-level resets.\n */\nexport default (token: Theme) => css`\n  :root {\n    /* Outer hairline painted on the page behind an elevated surface. Dark alpha is much\n       higher on purpose: a white hairline lightens toward a raised surface, and below ~16%\n       it lands on the surface's own colour and the edge vanishes. */\n    --lobe-ring: 0 0 0 1px ${token.isDarkMode ? 'rgb(255 255 255 / 18%)' : 'rgb(0 0 0 / 5%)'};\n  }\n\n  @layer lobe-popup {\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n      background: ${token.colorFillTertiary};\n    }\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\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      flex: var(--lobe-flex);\n      flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);\n      gap: var(--lobe-flex-gap);\n      align-items: var(--lobe-flex-align);\n      justify-content: var(--lobe-flex-justify);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n      padding: var(--lobe-flex-padding);\n      padding-block: var(--lobe-flex-padding-block);\n      padding-inline: var(--lobe-flex-padding-inline);\n    }\n\n    .lobe-flex-hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 0.05;\n    }\n\n    100% {\n      fill-opacity: 1;\n    }\n  }\n\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n"],"mappings":";;;;;;;;AASA,IAAA,qBAAgB,UAAiB,GAAG;;;;;6BAKP,MAAM,aAAa,2BAA2B,kBAAkB;;;;OAItF,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}

package/es/ThemeProvider/GlobalStyle/global.mjs

@@ -1,84 +0,0 @@
-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;
-
-    /* Real Geist italic for Latin; synthesize style for CJK fallback faces. */
-    font-synthesis: style;
-    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);
-    font-optical-sizing: auto;
-    font-kerning: normal;
-    font-variant-ligatures: common-ligatures contextual;
-    font-variant-numeric: tabular-nums;
-    font-size-adjust: from-font;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    line-height: 1;
-    color: ${token.colorTextBase};
-    text-wrap: pretty;
-    text-size-adjust: 100%;
-    text-rendering: optimizelegibility;
-    overflow-wrap: anywhere;
-    vertical-align: baseline;
-
-    background-color: ${token.colorBgLayout};
-
-    font-synthesis: style;
-
-    -webkit-overflow-scrolling: touch;
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family: ${token.fontFamilyCode} !important;
-    font-feature-settings:
-      'liga' 0,
-      'calt' 0;
-    font-variant-ligatures: none;
-
-    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;
-  }
-`;
-//#endregion
-export { global_default as default };
-
-//# sourceMappingURL=global.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } 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    /* Real Geist italic for Latin; synthesize style for CJK fallback faces. */\n    font-synthesis: style;\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    font-optical-sizing: auto;\n    font-kerning: normal;\n    font-variant-ligatures: common-ligatures contextual;\n    font-variant-numeric: tabular-nums;\n    font-size-adjust: from-font;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-wrap: pretty;\n    text-size-adjust: 100%;\n    text-rendering: optimizelegibility;\n    overflow-wrap: anywhere;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    font-synthesis: style;\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ${token.fontFamilyCode} !important;\n    font-feature-settings:\n      'liga' 0,\n      'calt' 0;\n    font-variant-ligatures: none;\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"],"mappings":";;AAEA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;;;oBAYhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;;;;;;aAWnB,MAAM,cAAc;;;;;;;wBAOT,MAAM,cAAc;;;;;;;;;;;;mBAYzB,MAAM,eAAe;;;;;;;qBAOnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU"}

package/es/ThemeProvider/GlobalStyle/index.mjs

@@ -1,12 +0,0 @@
-"use client";
-import antdOverride_default from "./antdOverride.mjs";
-import essential_default from "./essential.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));
-const EssentialStyle = createGlobalStyle(({ theme }) => [essential_default(theme), antdOverride_default(theme)]);
-//#endregion
-export { EssentialStyle, GlobalStyle as default };
-
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["global","essential","antdOverride"],"sources":["../../../src/ThemeProvider/GlobalStyle/index.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle } from 'antd-style';\n\nimport antdOverride from './antdOverride';\nimport essential from './essential';\nimport global from './global';\n\nconst GlobalStyle = createGlobalStyle(({ theme }) => global(theme));\n\nexport const EssentialStyle = createGlobalStyle(({ theme }) => [\n  essential(theme),\n  antdOverride(theme),\n]);\n\nexport default GlobalStyle;\n"],"mappings":";;;;;;AAQA,MAAM,cAAc,mBAAmB,EAAE,YAAYA,eAAO,KAAK,CAAC;AAElE,MAAa,iBAAiB,mBAAmB,EAAE,YAAY,CAC7DC,kBAAU,KAAK,GACfC,qBAAa,KAAK,CACpB,CAAC"}

package/es/ThemeProvider/Meta.d.mts

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

package/es/ThemeProvider/Meta.mjs

@@ -1,86 +0,0 @@
-"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"
-		})
-	] });
-};
-//#endregion
-export { Meta as default };
-
-//# sourceMappingURL=Meta.mjs.map

package/es/ThemeProvider/Meta.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Meta.mjs","names":[],"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,MAAM,QAAuB,EAC3B,QAAQ,WACR,cAAc,0CACd,mBACI;CACJ,MAAM,YAAY,SAAS;CAC3B,MAAM,YAAY,aACf,SACC,UAAU;EACR;EACA,KAAK;EACL,SAAS;CACX,CAAC,GACH,CAAC,CACH;CACA,OACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GAAM,MAAM,UAAU,oBAAoB;GAAG,KAAI;EAAiB,CAAA;EAClE,oBAAC,QAAD;GACE,MAAM,UAAU,6BAA6B;GAC7C,KAAI;GACJ,OAAM;EACP,CAAA;EACD,oBAAC,QAAD;GACE,MAAM,UAAU,0BAA0B;GAC1C,KAAI;GACJ,OAAM;GACN,MAAK;EACN,CAAA;EACD,oBAAC,QAAD;GACE,MAAM,UAAU,0BAA0B;GAC1C,KAAI;GACJ,OAAM;GACN,MAAK;EACN,CAAA;EACD,oBAAC,QAAD;GACE,SAAQ;GACR,MAAK;EACN,CAAA;EACD,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;EAA8B,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;EAAoB,CAAA;EAC/C,oBAAC,QAAD;GAAM,SAAS;GAAa,MAAK;EAAe,CAAA;EAChD,oBAAC,QAAD;GAAM,SAAQ;GAAU,MAAK;EAA2B,CAAA;EACxD,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAAgC,MAAK;EAAe,CAAA;EAC/E,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAA+B,MAAK;EAAe,CAAA;EAC9E,oBAAC,QAAD;GAAM,SAAQ;GAAM,MAAK;EAAgC,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;EAA8B,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAQ;GAAoB,MAAK;EAAyC,CAAA;EAC/E,gBAAgB,oBAAC,QAAD;GAAM,MAAM,UAAU,yBAAyB;GAAG,KAAI;EAAY,CAAA;CACnF,EAAA,CAAA;AAEN"}

package/es/ThemeProvider/ThemeProvider.d.mts

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

package/es/ThemeProvider/ThemeProvider.mjs

@@ -1,107 +0,0 @@
-"use client";
-import { useCdnFn } from "../ConfigProvider/index.mjs";
-import { generateCustomStylish } from "../styles/theme/customStylish.mjs";
-import { generateCustomToken } from "../styles/theme/customToken.mjs";
-import AppElementContext from "./AppElementContext.mjs";
-import { LOBE_THEME_APP_ID } from "./constants.mjs";
-import FontLoader from "../FontLoader/index.mjs";
-import { createLobeAntdTheme } from "../styles/theme/antdTheme.mjs";
-import ConfigProvider$1 from "./ConfigProvider.mjs";
-import GlobalStyle, { EssentialStyle } from "./GlobalStyle/index.mjs";
-import { memo, useCallback, useMemo, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ThemeProvider } from "antd-style";
-import { merge } from "es-toolkit/compat";
-import { App } from "antd";
-//#region src/ThemeProvider/ThemeProvider.tsx
-const ThemeProvider$1 = memo(({ appId = LOBE_THEME_APP_ID, children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
-	const genCdnUrl = useCdnFn();
-	const [appRef, setAppRef] = useState(null);
-	const webfontUrls = useMemo(() => customFonts || [
-		genCdnUrl({
-			path: "css/index.css",
-			pkg: "@lobehub/webfont-mono",
-			version: "1.0.0"
-		}),
-		genCdnUrl({
-			path: "css/index-full.css",
-			pkg: "@lobehub/webfont-harmony-sans",
-			version: "1.0.0"
-		}),
-		genCdnUrl({
-			path: "css/index.css",
-			pkg: "@lobehub/webfont-harmony-sans-sc",
-			version: "1.0.0"
-		}),
-		genCdnUrl({
-			path: "dist/katex.min.css",
-			pkg: "katex",
-			version: "0.18.1"
-		})
-	], [customFonts, genCdnUrl]);
-	const stylish = useCallback((theme) => ({
-		...generateCustomStylish(theme),
-		...customStylish?.(theme)
-	}), [customStylish]);
-	const token = useCallback((theme) => ({
-		...generateCustomToken(theme),
-		...customToken?.(theme)
-	}), [customToken]);
-	const theme = useCallback((appearance) => {
-		const lobeTheme = createLobeAntdTheme({
-			appearance,
-			neutralColor: customTheme.neutralColor,
-			primaryColor: customTheme.primaryColor
-		});
-		return merge(lobeTheme, antdTheme);
-	}, [
-		customTheme.primaryColor,
-		customTheme.neutralColor,
-		antdTheme
-	]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [enableCustomFonts && webfontUrls?.length > 0 && webfontUrls.map((webfont) => /* @__PURE__ */ jsx(FontLoader, { url: webfont }, webfont)), /* @__PURE__ */ jsx(ThemeProvider, {
-		customStylish: stylish,
-		customToken: token,
-		theme,
-		...rest,
-		children: /* @__PURE__ */ jsxs(ConfigProvider$1, { children: [
-			/* @__PURE__ */ jsx(EssentialStyle, {}),
-			enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle, {}),
-			/* @__PURE__ */ jsx(App, {
-				className,
-				style: {
-					isolation: "isolate",
-					minHeight: "inherit",
-					width: "inherit",
-					...style
-				},
-				children: /* @__PURE__ */ jsx("div", {
-					id: appId,
-					style: contentsStyle,
-					children: /* @__PURE__ */ jsxs(AppElementContext, {
-						value: appRef,
-						children: [children, /* @__PURE__ */ jsx("div", {
-							"data-lobe-portal-host": "",
-							ref: setAppRef,
-							style: hostPortalHostStyle
-						})]
-					})
-				})
-			})
-		] })
-	})] });
-});
-ThemeProvider$1.displayName = "LobeThemeProvider";
-const hostPortalHostStyle = {
-	height: 0,
-	left: 0,
-	position: "fixed",
-	right: 0,
-	top: 0,
-	zIndex: 1100
-};
-const contentsStyle = { display: "contents" };
-//#endregion
-export { ThemeProvider$1 as default };
-
-//# sourceMappingURL=ThemeProvider.mjs.map

package/es/ThemeProvider/ThemeProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","lobeCustomToken","AntdThemeProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  type CustomStylishParams,\n  type CustomTokenParams,\n  type GetAntdTheme,\n  ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nimport AppElementContext from './AppElementContext';\nimport AntdConfigProvider from './ConfigProvider';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport GlobalStyle, { EssentialStyle } from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    appId = LOBE_THEME_APP_ID,\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    const [appRef, setAppRef] = useState<HTMLDivElement | null>(null);\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-mono',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'css/index-full.css',\n            pkg: '@lobehub/webfont-harmony-sans',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n            // pkg: '@lobehub/webfont-harmony-sans-sc-mini',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'dist/katex.min.css',\n            pkg: 'katex',\n            version: '0.18.1',\n          }),\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          <AntdConfigProvider>\n            <EssentialStyle />\n            {enableGlobalStyle && <GlobalStyle />}\n\n            <App\n              className={className}\n              style={{ isolation: 'isolate', minHeight: 'inherit', width: 'inherit', ...style }}\n            >\n              <div id={appId} style={contentsStyle}>\n                <AppElementContext value={appRef}>\n                  {children}\n                  {/*\n                    In-tree portal host for Base UI floating components\n                    (Select, Combobox, etc.). Keeping it inside `<App>` keeps\n                    the antd-style / emotion theme cascade intact so popups\n                    render with the correct tokens, while the layout-bearing\n                    block lets Base UI's Portal actually mount — the outer\n                    wrapper uses `display: contents` and cannot host portals.\n                  */}\n                  <div data-lobe-portal-host=\"\" ref={setAppRef} style={hostPortalHostStyle} />\n                </AppElementContext>\n              </div>\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n\nconst hostPortalHostStyle: React.CSSProperties = {\n  // `height: 0` keeps the host invisible and gives it no hit region of\n  // its own; absolute children (Base UI Positioner) have their own hit\n  // region, so we must NOT set `pointer-events: none` here — it would\n  // be inherited by popup descendants and break clicks/hover.\n  height: 0,\n  left: 0,\n  // `position: fixed` keeps a stacking context so portaled popups can\n  // win over sibling z-indexes. `right: 0` (instead of `width: 0`)\n  // gives the host a full viewport-width containing block — without it,\n  // Base UI Positioner uses `position: absolute` against a 0-width\n  // containing block and collapses text to one character per line.\n  position: 'fixed',\n  right: 0,\n  top: 0,\n  zIndex: 1100,\n};\n\nconst contentsStyle: React.CSSProperties = {\n  display: 'contents',\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAgB,MACnB,EACC,QAAQ,mBACR,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,CAAC,GACf,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,SAAS;CAC3B,MAAM,CAAC,QAAQ,aAAa,SAAgC,IAAI;CAEhE,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;EACX,CAAC;EACD,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;EACX,CAAC;EACD,UAAU;GACR,MAAM;GACN,KAAK;GAEL,SAAS;EACX,CAAC;EACD,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;EACX,CAAC;CACH,GACF,CAAC,aAAa,SAAS,CACzB;CAEA,MAAM,UAAU,aACb,WAAgC;EAAE,GAAGC,sBAAkB,KAAK;EAAG,GAAG,gBAAgB,KAAK;CAAE,IAC1F,CAAC,aAAa,CAChB;CAEA,MAAM,QAAQ,aACX,WAA8B;EAAE,GAAGC,oBAAgB,KAAK;EAAG,GAAG,cAAc,KAAK;CAAE,IACpF,CAAC,WAAW,CACd;CAEA,MAAM,QAAQ,aACX,eAAe;EACd,MAAM,YAAY,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;EAC5B,CAAC;EACD,OAAO,MAAM,WAAW,SAAS;CACnC,GACA;EAAC,YAAY;EAAc,YAAY;EAAc;CAAS,CAChE;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAAC,YAAD,EAA0B,KAAK,QAAU,GAAxB,OAAwB,CAAC,GACzE,oBAACC,eAAD;EACE,eAAe;EACf,aAAa;EACN;EACP,GAAI;EAEJ,UAAA,qBAACC,kBAAD,EAAA,UAAA;GACE,oBAAC,gBAAD,CAAiB,CAAA;GAChB,qBAAqB,oBAAC,aAAD,CAAc,CAAA;GAEpC,oBAAC,KAAD;IACa;IACX,OAAO;KAAE,WAAW;KAAW,WAAW;KAAW,OAAO;KAAW,GAAG;IAAM;IAEhF,UAAA,oBAAC,OAAD;KAAK,IAAI;KAAO,OAAO;KACrB,UAAA,qBAAC,mBAAD;MAAmB,OAAO;MAA1B,UAAA,CACG,UASD,oBAAC,OAAD;OAAK,yBAAsB;OAAG,KAAK;OAAW,OAAO;MAAsB,CAAA,CAC1D;;IAChB,CAAA;GACF,CAAA;EACa,EAAA,CAAA;CACH,CAAA,CACnB,EAAA,CAAA;AAEN,CACF;AAEA,gBAAc,cAAc;AAI5B,MAAM,sBAA2C;CAK/C,QAAQ;CACR,MAAM;CAMN,UAAU;CACV,OAAO;CACP,KAAK;CACL,QAAQ;AACV;AAEA,MAAM,gBAAqC,EACzC,SAAS,WACX"}

package/es/ThemeProvider/constants.d.mts

@@ -1,5 +0,0 @@
-//#region src/ThemeProvider/constants.d.ts
-declare const LOBE_THEME_APP_ID = "lobe-ui-theme-app";
-//#endregion
-export { LOBE_THEME_APP_ID };
-//# sourceMappingURL=constants.d.mts.map

package/es/ThemeProvider/constants.mjs

@@ -1,6 +0,0 @@
-//#region src/ThemeProvider/constants.ts
-const LOBE_THEME_APP_ID = "lobe-ui-theme-app";
-//#endregion
-export { LOBE_THEME_APP_ID };
-
-//# sourceMappingURL=constants.mjs.map

package/es/ThemeProvider/constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/ThemeProvider/constants.ts"],"sourcesContent":["export const LOBE_THEME_APP_ID = 'lobe-ui-theme-app';\n"],"mappings":";AAAA,MAAa,oBAAoB"}

package/es/ThemeProvider/index.d.mts

@@ -1,6 +0,0 @@
-import { useAppElement } from "./AppElementContext.mjs";
-import { LOBE_THEME_APP_ID } from "./constants.mjs";
-import { MetaProps, ThemeProviderProps } from "./type.mjs";
-import Meta from "./Meta.mjs";
-import ThemeProvider from "./ThemeProvider.mjs";
-export { LOBE_THEME_APP_ID, Meta, type MetaProps, type ThemeProviderProps, ThemeProvider as default, useAppElement };

package/es/ThemeProvider/index.mjs

@@ -1,5 +0,0 @@
-import { useAppElement } from "./AppElementContext.mjs";
-import { LOBE_THEME_APP_ID } from "./constants.mjs";
-import Meta from "./Meta.mjs";
-import ThemeProvider from "./ThemeProvider.mjs";
-export { LOBE_THEME_APP_ID, Meta, ThemeProvider as default, useAppElement };

package/es/ThemeProvider/type.d.mts

@@ -1,31 +0,0 @@
-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> {
-  appId?: string;
-  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

package/es/ThemeSwitch/ThemeSwitch.d.mts

@@ -1,7 +0,0 @@
-import { ThemeSwitchProps } from "./type.mjs";
-import { FC } from "react";
-//#region src/ThemeSwitch/ThemeSwitch.d.ts
-declare const ThemeSwitch: FC<ThemeSwitchProps>;
-//#endregion
-export { ThemeSwitch as default };
-//# sourceMappingURL=ThemeSwitch.d.mts.map

package/es/ThemeSwitch/ThemeSwitch.mjs

@@ -1,72 +0,0 @@
-"use client";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Icon from "../Icon/Icon.mjs";
-import DropdownMenu from "../base-ui/DropdownMenu/DropdownMenu.mjs";
-import ActionIcon from "../base-ui/ActionIcon/ActionIcon.mjs";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Monitor, Moon, Sun } from "lucide-react";
-import { Select } from "antd";
-//#region src/ThemeSwitch/ThemeSwitch.tsx
-const DEFAULT_ICON_SET = {
-	auto: Monitor,
-	dark: Moon,
-	light: Sun
-};
-const ThemeSwitch = ({ size = "middle", themeMode, onThemeSwitch, type = "icon", labels = {
-	auto: "System",
-	dark: "Dark",
-	light: "Light"
-}, className, variant, style }) => {
-	const items = useMemo(() => [
-		{
-			icon: DEFAULT_ICON_SET.auto,
-			key: "auto",
-			label: labels.auto,
-			onClick: () => onThemeSwitch("auto")
-		},
-		{
-			icon: DEFAULT_ICON_SET.light,
-			key: "light",
-			label: labels.light,
-			onClick: () => onThemeSwitch("light")
-		},
-		{
-			icon: DEFAULT_ICON_SET.dark,
-			key: "dark",
-			label: labels.dark,
-			onClick: () => onThemeSwitch("dark")
-		}
-	], [labels, onThemeSwitch]);
-	return type === "select" ? /* @__PURE__ */ jsx(Select, {
-		className,
-		defaultValue: themeMode,
-		style,
-		variant,
-		options: items.map((item) => ({
-			label: /* @__PURE__ */ jsxs(FlexBasic_default, {
-				horizontal: true,
-				align: "center",
-				gap: 8,
-				children: [/* @__PURE__ */ jsx(Icon, { icon: item.icon }), item.label]
-			}),
-			value: item.key
-		})),
-		onChange: onThemeSwitch
-	}) : /* @__PURE__ */ jsx(DropdownMenu, {
-		items,
-		nativeButton: false,
-		children: /* @__PURE__ */ jsx(ActionIcon, {
-			className,
-			icon: DEFAULT_ICON_SET[themeMode],
-			size,
-			style,
-			variant
-		})
-	});
-};
-ThemeSwitch.displayName = "ThemeSwitch";
-//#endregion
-export { ThemeSwitch as default };
-
-//# sourceMappingURL=ThemeSwitch.mjs.map

package/es/ThemeSwitch/ThemeSwitch.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeSwitch.mjs","names":["Flexbox"],"sources":["../../src/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from 'antd';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport { type DropdownItem } from '@/DropdownMenu';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { type ThemeSwitchProps } from './type';\n\nconst DEFAULT_ICON_SET = {\n  auto: Monitor,\n  dark: Moon,\n  light: Sun,\n};\n\nconst ThemeSwitch: FC<ThemeSwitchProps> = ({\n  size = 'middle',\n  themeMode,\n  onThemeSwitch,\n  type = 'icon',\n  labels = {\n    auto: 'System',\n    dark: 'Dark',\n    light: 'Light',\n  },\n  className,\n  variant,\n  style,\n}) => {\n  const items: DropdownItem[] = useMemo(\n    () => [\n      {\n        icon: DEFAULT_ICON_SET.auto,\n        key: 'auto',\n        label: labels.auto,\n        onClick: () => onThemeSwitch('auto'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.light,\n        key: 'light',\n        label: labels.light,\n        onClick: () => onThemeSwitch('light'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.dark,\n        key: 'dark',\n        label: labels.dark,\n        onClick: () => onThemeSwitch('dark'),\n      },\n    ],\n    [labels, onThemeSwitch],\n  );\n\n  return type === 'select' ? (\n    <Select\n      className={className}\n      defaultValue={themeMode}\n      style={style}\n      variant={variant}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox horizontal align={'center'} gap={8}>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      onChange={onThemeSwitch}\n    />\n  ) : (\n    <DropdownMenu items={items} nativeButton={false}>\n      <ActionIcon\n        className={className}\n        icon={DEFAULT_ICON_SET[themeMode]}\n        size={size}\n        style={style}\n        variant={variant}\n      />\n    </DropdownMenu>\n  );\n};\n\nThemeSwitch.displayName = 'ThemeSwitch';\n\nexport default ThemeSwitch;\n"],"mappings":";;;;;;;;;;AAcA,MAAM,mBAAmB;CACvB,MAAM;CACN,MAAM;CACN,OAAO;AACT;AAEA,MAAM,eAAqC,EACzC,OAAO,UACP,WACA,eACA,OAAO,QACP,SAAS;CACP,MAAM;CACN,MAAM;CACN,OAAO;AACT,GACA,WACA,SACA,YACI;CACJ,MAAM,QAAwB,cACtB;EACJ;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,MAAM;EACrC;EACA;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;EACtC;EACA;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,MAAM;EACrC;CACF,GACA,CAAC,QAAQ,aAAa,CACxB;CAEA,OAAO,SAAS,WACd,oBAAC,QAAD;EACa;EACX,cAAc;EACP;EACE;EACT,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;IAA1C,UAAA,CACE,oBAAC,MAAD,EAAM,MAAM,KAAK,KAAO,CAAA,GACvB,KAAK,KACC;;GAEX,OAAO,KAAK;EACd,EAAE;EACF,UAAU;CACX,CAAA,IAED,oBAAC,cAAD;EAAqB;EAAO,cAAc;EACxC,UAAA,oBAAC,YAAD;GACa;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;EACV,CAAA;CACW,CAAA;AAElB;AAEA,YAAY,cAAc"}

package/es/ThemeSwitch/index.d.mts

@@ -1,3 +0,0 @@
-import { ThemeSwitchProps } from "./type.mjs";
-import ThemeSwitch from "./ThemeSwitch.mjs";
-export { type ThemeSwitchProps, ThemeSwitch as default };

package/es/ThemeSwitch/index.mjs

@@ -1 +0,0 @@
-export { default } from "./ThemeSwitch.mjs";

package/es/ThemeSwitch/type.d.mts

@@ -1,20 +0,0 @@
-import { DivProps } from "../types/index.mjs";
-import { ActionIconProps } from "../base-ui/ActionIcon/type.mjs";
-import "../base-ui/ActionIcon/index.mjs";
-import { ThemeMode } from "antd-style";
-//#region src/ThemeSwitch/type.d.ts
-interface ThemeSwitchProps extends DivProps {
-  labels?: {
-    auto: string;
-    dark: string;
-    light: string;
-  };
-  onThemeSwitch: (themeMode: ThemeMode) => void;
-  size?: ActionIconProps['size'];
-  themeMode: ThemeMode;
-  type?: 'icon' | 'select';
-  variant?: ActionIconProps['variant'];
-}
-//#endregion
-export { ThemeSwitchProps };
-//# sourceMappingURL=type.d.mts.map