@pisell/materials 1.0.1024 → 1.0.1025

package/es/components/dataSourceComponents/fields/Input.Password/index.d.ts

@@ -1,9 +1,9 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd18 from "antd";
+import * as antd21 from "antd";
 import React from "react";
 import * as antd_es_input3 from "antd/es/input";
 
 //#region src/components/dataSourceComponents/fields/Input.Password/index.d.ts
-declare const Password: React.FC<antd_es_input3.PasswordProps & React.RefAttributes<antd18.InputRef> & WithModeProps & WithFormItemProps>;
+declare const Password: React.FC<antd_es_input3.PasswordProps & React.RefAttributes<antd21.InputRef> & WithModeProps & WithFormItemProps>;
 //#endregion
 export { Password };

package/es/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts

@@ -1,9 +1,9 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd19 from "antd";
+import * as antd22 from "antd";
 import React from "react";
 
 //#region src/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts
-declare const Subdomain: React.FC<antd19.InputProps & {
+declare const Subdomain: React.FC<antd22.InputProps & {
   onChange: (value: string) => void;
   onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
   rootDomain: "custom" | "saas" | "xzero";

package/es/components/dataSourceComponents/fields/Input.Url/index.d.ts

@@ -1,8 +1,8 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd21 from "antd";
+import * as antd18 from "antd";
 import React from "react";
 
 //#region src/components/dataSourceComponents/fields/Input.Url/index.d.ts
-declare const Url: React.FC<antd21.InputProps & React.RefAttributes<antd21.InputRef> & WithModeProps & WithFormItemProps>;
+declare const Url: React.FC<antd18.InputProps & React.RefAttributes<antd18.InputRef> & WithModeProps & WithFormItemProps>;
 //#endregion
 export { Url };

package/es/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,10 +1,10 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd0 from "antd";
+import * as antd15 from "antd";
 import React from "react";
 import * as antd_es_select0 from "antd/es/select";
 
 //#region src/components/dataSourceComponents/fields/Select/index.d.ts
-declare const SelectWithDataSource: (props: antd0.SelectProps<any, antd_es_select0.DefaultOptionType> & WithModeProps & WithFormItemProps & {
+declare const SelectWithDataSource: (props: antd15.SelectProps<any, antd_es_select0.DefaultOptionType> & WithModeProps & WithFormItemProps & {
   options?: any;
   optionSourceType?: "custom" | "default" | "api" | undefined;
   labelField: string;

package/es/components/dataSourceComponents/fields/Switch/index.d.ts

@@ -1,8 +1,8 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd0 from "antd";
+import * as antd14 from "antd";
 import React from "react";
 
 //#region src/components/dataSourceComponents/fields/Switch/index.d.ts
-declare const Switch$1: React.FC<antd0.SwitchProps & React.RefAttributes<HTMLElement> & WithModeProps & WithFormItemProps>;
+declare const Switch$1: React.FC<antd14.SwitchProps & React.RefAttributes<HTMLElement> & WithModeProps & WithFormItemProps>;
 //#endregion
 export { Switch$1 as Switch };

package/es/components/page/index.js

@@ -5,7 +5,7 @@ import config_provider_default from "../config-provider/index.js";
 import VariablesProvider_default from "../dataSourceComponents/provider/variables/VariablesProvider.js";
 import pisell_config_provider_default from "../pisell-config-provider/index.js";
 import { getThemeConfig } from "../../theme/tokens.js";
-import { App, theme } from "antd";
+import { App } from "antd";
 import React, { useMemo } from "react";
 import { LocaleProvider, LocalizationProvider, ThemeProvider, createTheme } from "@pisell/date-picker";
 import zhCN from "antd/es/locale/zh_CN";
@@ -38,19 +38,15 @@ const localeDateMap = {
 	"zh-CN": { adapterLocale: "zh-cn" }
 };
 const Page = (props) => {
-	var _context$appHelper, _context$engine, _props$theme, _localeDateMap, _context$engine2;
+	var _context$appHelper, _context$engine, _localeDateMap, _context$engine2;
 	const { children, style, className, locale: propsLocale, variablesConfig, isRenderPisellConfigProvider = true } = props, others = _objectWithoutProperties(props, _excluded);
 	const context = useEngineContext_default();
 	const { platform, themeColor } = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {};
 	const locale = propsLocale || (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || "en";
-	const baseColorPrimary = (props === null || props === void 0 || (_props$theme = props.theme) === null || _props$theme === void 0 || (_props$theme = _props$theme.token) === null || _props$theme === void 0 ? void 0 : _props$theme.colorPrimary) || themeColor || "#5D3F9F";
-	const computedAntToken = useMemo(() => {
-		return theme.getDesignToken({ token: { colorPrimary: baseColorPrimary } });
-	}, [baseColorPrimary]);
 	const theme$1 = useMemo(() => {
 		if (props === null || props === void 0 ? void 0 : props.theme) {
-			var _props$theme2;
-			return _objectSpread2(_objectSpread2({}, props.theme), {}, { token: _objectSpread2(_objectSpread2({}, props.theme.token), {}, { colorPrimary: (props === null || props === void 0 || (_props$theme2 = props.theme) === null || _props$theme2 === void 0 || (_props$theme2 = _props$theme2.token) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.colorPrimary) || themeColor || "#5D3F9F" }) });
+			var _props$theme;
+			return _objectSpread2(_objectSpread2({}, props.theme), {}, { token: _objectSpread2(_objectSpread2({}, props.theme.token), {}, { colorPrimary: (props === null || props === void 0 || (_props$theme = props.theme) === null || _props$theme === void 0 || (_props$theme = _props$theme.token) === null || _props$theme === void 0 ? void 0 : _props$theme.colorPrimary) || themeColor || "#5D3F9F" }) });
 		}
 		return getThemeConfig(themeColor);
 	}, [themeColor, props === null || props === void 0 ? void 0 : props.theme]);
@@ -73,10 +69,7 @@ const Page = (props) => {
 		variables: ((_context$engine2 = context.engine) === null || _context$engine2 === void 0 || (_context$engine2 = _context$engine2.props) === null || _context$engine2 === void 0 ? void 0 : _context$engine2.variables) || {},
 		config: variablesConfig
 	}, /* @__PURE__ */ React.createElement("div", {
-		style: _objectSpread2(_objectSpread2({}, style), {}, {
-			"--theme-color": themeColor || "#5D3F9F",
-			"--color-primary-bg": computedAntToken.colorPrimaryBg || "#eee5ff"
-		}),
+		style: _objectSpread2(_objectSpread2({}, style), {}, { "--theme-color": themeColor || "#5D3F9F" }),
 		className
 	}, children))))))));
 };

package/es/components/pisellModal/index.d.ts

@@ -1,7 +1,7 @@
 import { PisellContextType } from "../pisell-config-provider/context.js";
 import { PisellModalFuncProps } from "./components/functions/index.js";
 import { InformationProps } from "./components/Information/index.js";
-import * as antd1 from "antd";
+import * as antd0 from "antd";
 import { ButtonProps, ModalProps } from "antd";
 import React from "react";
 
@@ -39,24 +39,24 @@ declare const PisellModal: {
   (props: PisellModalProps): React.JSX.Element;
   confirm: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd0.ModalFuncProps | ((prevConfig: antd0.ModalFuncProps) => antd0.ModalFuncProps)) => void;
   };
   info: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd0.ModalFuncProps | ((prevConfig: antd0.ModalFuncProps) => antd0.ModalFuncProps)) => void;
   };
   error: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd0.ModalFuncProps | ((prevConfig: antd0.ModalFuncProps) => antd0.ModalFuncProps)) => void;
   };
   warn: (props: PisellModalFuncProps) => any;
   warning: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd0.ModalFuncProps | ((prevConfig: antd0.ModalFuncProps) => antd0.ModalFuncProps)) => void;
   };
   success: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd0.ModalFuncProps | ((prevConfig: antd0.ModalFuncProps) => antd0.ModalFuncProps)) => void;
   };
   Information: (props: InformationProps) => React.JSX.Element;
 };

package/es/components/productCard/components/Time/components/SelectHolder/index.js

@@ -5,7 +5,8 @@ import { isArr, locales } from "@pisell/utils";
 import "./index.less";
 
 //#region src/components/productCard/components/Time/components/SelectHolder/index.tsx
-const SelectHolder = ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear = false, holderMaxCount }) => {
+const defaultArr = [];
+const SelectHolder = ({ lists = defaultArr, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear = false, holderMaxCount }) => {
 	const [selectedValue, setSelectedValue] = useState();
 	const [open, setOpen] = useState(false);
 	useEffect(() => {

package/es/components/radio/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react17 from "react";
+import * as react20 from "react";
 
 //#region src/components/radio/index.d.ts
-declare const Radio: (props: any) => react17.JSX.Element;
+declare const Radio: (props: any) => react20.JSX.Element;
 //#endregion
 export { Radio };

package/es/components/section-footers/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import * as react18 from "react";
+import * as react19 from "react";
 
 //#region src/components/section-footers/index.d.ts
 interface SectionFooterProps {
@@ -8,6 +8,6 @@ interface SectionFooterProps {
   right?: React.ReactNode;
   className?: string;
 }
-declare const SectionFooters: (props: SectionFooterProps) => react18.JSX.Element;
+declare const SectionFooters: (props: SectionFooterProps) => react19.JSX.Element;
 //#endregion
 export { SectionFooters };

package/es/components/skeleton/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react19 from "react";
+import * as react18 from "react";
 
 //#region src/components/skeleton/index.d.ts
-declare const Skeleton: (props: any) => react19.JSX.Element;
+declare const Skeleton: (props: any) => react18.JSX.Element;
 //#endregion
 export { Skeleton };

package/es/components/time-picker/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react20 from "react";
+import * as react21 from "react";
 
 //#region src/components/time-picker/index.d.ts
-declare const TimePicker: (props: any) => react20.JSX.Element;
+declare const TimePicker: (props: any) => react21.JSX.Element;
 //#endregion
 export { TimePicker };

package/es/components/upload/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react21 from "react";
+import * as react17 from "react";
 
 //#region src/components/upload/index.d.ts
-declare const Upload: (props: any) => react21.JSX.Element;
+declare const Upload: (props: any) => react17.JSX.Element;
 //#endregion
 export { Upload };

package/es/components/virtualInput/BaseVirtualInput/index.less

@@ -76,7 +76,7 @@
 .pisell-base-virtual-input-caret {
   width: 2px;
   height: var(--virtual-input-caret-height);
-  background-color: var(--theme-color, #7f56d9);
+  background-color: var(--color-primary, #5d3f9f);
   border-radius: 1px;
   animation: pisell-base-virtual-input-caret-blink 1s infinite;
 }
@@ -107,7 +107,7 @@
       right: -1px;
       transform: translateY(-50%);
       height: 1.2em;
-      background-color: var(--theme-color, #7f56d9);
+      background-color: var(--color-primary, #5d3f9f);
       pointer-events: none;
       z-index: -1;
     }

package/es/components/virtualInput/index.d.ts

@@ -18,6 +18,11 @@ interface VirtualInputProps extends BaseVirtualInputProps {
   onClear?: () => void;
   /** 自定义清除按钮的样式 */
   clearButtonStyle?: React.CSSProperties;
+  theme?: {
+    token?: {
+      colorPrimary?: string;
+    };
+  };
 }
 interface VirtualInputRef extends BaseVirtualInputRef {}
 declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;

package/es/components/virtualInput/index.js

@@ -2,6 +2,7 @@ import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.108.0/hel
 import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js";
 import icon_default from "../icon/index.js";
 import BaseVirtualInput_default from "./BaseVirtualInput/index.js";
+import useThemeTokens_default from "../../hooks/useThemeTokens.js";
 import classNames from "classnames";
 import React, { forwardRef, useImperativeHandle, useRef } from "react";
 import "./index.less";
@@ -15,11 +16,13 @@ const _excluded = [
 	"allowClear",
 	"onClear",
 	"value",
-	"clearButtonStyle"
+	"clearButtonStyle",
+	"theme"
 ];
 const VirtualInput = forwardRef((_ref, ref) => {
-	let { topContent, bottomContent, wrapperStyle, wrapperClassName, allowClear = false, onClear, value, clearButtonStyle = {} } = _ref, virtualInputProps = _objectWithoutProperties(_ref, _excluded);
+	let { topContent, bottomContent, wrapperStyle, wrapperClassName, allowClear = false, onClear, value, clearButtonStyle = {}, theme } = _ref, virtualInputProps = _objectWithoutProperties(_ref, _excluded);
 	const baseInputRef = useRef(null);
+	const { colorPrimary } = useThemeTokens_default(theme);
 	const handleClear = () => {
 		onClear === null || onClear === void 0 || onClear();
 	};
@@ -35,7 +38,7 @@ const VirtualInput = forwardRef((_ref, ref) => {
 	}));
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classNames("pisell-virtual-input-wrapper", wrapperClassName),
-		style: wrapperStyle
+		style: _objectSpread2(_objectSpread2({}, wrapperStyle || {}), {}, { ["--color-primary"]: colorPrimary })
 	}, topContent, /* @__PURE__ */ React.createElement("div", { className: "pisell-virtual-input-container" }, allowClear && /* @__PURE__ */ React.createElement("div", {
 		className: "pisell-virtual-input-clear-button",
 		style: _objectSpread2(_objectSpread2({}, clearButtonStyle), {}, { visibility: "hidden" })

package/es/hooks/useThemeTokens.js

@@ -0,0 +1,19 @@
+import { theme } from "antd";
+
+//#region src/hooks/useThemeTokens.ts
+const themeTokenCache = /* @__PURE__ */ new Map();
+const useThemeTokens = (themeInput) => {
+	var _themeInput$token;
+	const { useToken, getDesignToken } = theme;
+	const { token: antdToken } = useToken();
+	const overrideColorPrimary = (themeInput === null || themeInput === void 0 || (_themeInput$token = themeInput.token) === null || _themeInput$token === void 0 ? void 0 : _themeInput$token.colorPrimary) || antdToken.colorPrimary;
+	const cached = themeTokenCache.get(overrideColorPrimary);
+	if (cached) return cached;
+	const computed = getDesignToken({ token: { colorPrimary: overrideColorPrimary } });
+	themeTokenCache.set(overrideColorPrimary, computed);
+	return computed;
+};
+var useThemeTokens_default = useThemeTokens;
+
+//#endregion
+export { useThemeTokens_default as default };

package/lib/components/page/index.js

@@ -44,19 +44,15 @@ const localeDateMap = {
 	"zh-CN": { adapterLocale: "zh-cn" }
 };
 const Page = (props) => {
-	var _context$appHelper, _context$engine, _props$theme, _localeDateMap, _context$engine2;
+	var _context$appHelper, _context$engine, _localeDateMap, _context$engine2;
 	const { children, style, className, locale: propsLocale, variablesConfig, isRenderPisellConfigProvider = true } = props, others = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
 	const context = require_useEngineContext.default();
 	const { platform, themeColor } = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {};
 	const locale = propsLocale || (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || "en";
-	const baseColorPrimary = (props === null || props === void 0 || (_props$theme = props.theme) === null || _props$theme === void 0 || (_props$theme = _props$theme.token) === null || _props$theme === void 0 ? void 0 : _props$theme.colorPrimary) || themeColor || "#5D3F9F";
-	const computedAntToken = (0, react.useMemo)(() => {
-		return antd.theme.getDesignToken({ token: { colorPrimary: baseColorPrimary } });
-	}, [baseColorPrimary]);
 	const theme = (0, react.useMemo)(() => {
 		if (props === null || props === void 0 ? void 0 : props.theme) {
-			var _props$theme2;
-			return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props.theme), {}, { token: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props.theme.token), {}, { colorPrimary: (props === null || props === void 0 || (_props$theme2 = props.theme) === null || _props$theme2 === void 0 || (_props$theme2 = _props$theme2.token) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.colorPrimary) || themeColor || "#5D3F9F" }) });
+			var _props$theme;
+			return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props.theme), {}, { token: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props.theme.token), {}, { colorPrimary: (props === null || props === void 0 || (_props$theme = props.theme) === null || _props$theme === void 0 || (_props$theme = _props$theme.token) === null || _props$theme === void 0 ? void 0 : _props$theme.colorPrimary) || themeColor || "#5D3F9F" }) });
 		}
 		return require_tokens.getThemeConfig(themeColor);
 	}, [themeColor, props === null || props === void 0 ? void 0 : props.theme]);
@@ -79,10 +75,7 @@ const Page = (props) => {
 		variables: ((_context$engine2 = context.engine) === null || _context$engine2 === void 0 || (_context$engine2 = _context$engine2.props) === null || _context$engine2 === void 0 ? void 0 : _context$engine2.variables) || {},
 		config: variablesConfig
 	}, /* @__PURE__ */ react.default.createElement("div", {
-		style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, style), {}, {
-			"--theme-color": themeColor || "#5D3F9F",
-			"--color-primary-bg": computedAntToken.colorPrimaryBg || "#eee5ff"
-		}),
+		style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, style), {}, { "--theme-color": themeColor || "#5D3F9F" }),
 		className
 	}, children))))))));
 };

package/lib/components/productCard/components/Time/components/SelectHolder/index.js

@@ -7,7 +7,8 @@ let _pisell_utils = require("@pisell/utils");
 require("./index.less");
 
 //#region src/components/productCard/components/Time/components/SelectHolder/index.tsx
-const SelectHolder = ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear = false, holderMaxCount }) => {
+const defaultArr = [];
+const SelectHolder = ({ lists = defaultArr, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear = false, holderMaxCount }) => {
 	const [selectedValue, setSelectedValue] = (0, react.useState)();
 	const [open, setOpen] = (0, react.useState)(false);
 	(0, react.useEffect)(() => {

package/lib/components/time-picker/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react20 from "react";
+import * as react21 from "react";
 
 //#region src/components/time-picker/index.d.ts
-declare const TimePicker: (props: any) => react20.JSX.Element;
+declare const TimePicker: (props: any) => react21.JSX.Element;
 //#endregion
 export { TimePicker };

package/lib/components/upload/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react21 from "react";
+import * as react20 from "react";
 
 //#region src/components/upload/index.d.ts
-declare const Upload: (props: any) => react21.JSX.Element;
+declare const Upload: (props: any) => react20.JSX.Element;
 //#endregion
 export { Upload };

package/lib/components/virtualInput/BaseVirtualInput/index.less

@@ -76,7 +76,7 @@
 .pisell-base-virtual-input-caret {
   width: 2px;
   height: var(--virtual-input-caret-height);
-  background-color: var(--theme-color, #7f56d9);
+  background-color: var(--color-primary, #5d3f9f);
   border-radius: 1px;
   animation: pisell-base-virtual-input-caret-blink 1s infinite;
 }
@@ -107,7 +107,7 @@
       right: -1px;
       transform: translateY(-50%);
       height: 1.2em;
-      background-color: var(--theme-color, #7f56d9);
+      background-color: var(--color-primary, #5d3f9f);
       pointer-events: none;
       z-index: -1;
     }

package/lib/components/virtualInput/index.d.ts

@@ -18,6 +18,11 @@ interface VirtualInputProps extends BaseVirtualInputProps {
   onClear?: () => void;
   /** 自定义清除按钮的样式 */
   clearButtonStyle?: React.CSSProperties;
+  theme?: {
+    token?: {
+      colorPrimary?: string;
+    };
+  };
 }
 interface VirtualInputRef extends BaseVirtualInputRef {}
 declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;

package/lib/components/virtualInput/index.js

@@ -3,6 +3,7 @@ const require_objectSpread2 = require('../../_virtual/_@oxc-project_runtime@0.10
 const require_objectWithoutProperties = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js');
 const require_index = require('../icon/index.js');
 const require_index$1 = require('./BaseVirtualInput/index.js');
+const require_useThemeTokens = require('../../hooks/useThemeTokens.js');
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react = require("react");
@@ -18,11 +19,13 @@ const _excluded = [
 	"allowClear",
 	"onClear",
 	"value",
-	"clearButtonStyle"
+	"clearButtonStyle",
+	"theme"
 ];
 const VirtualInput = (0, react.forwardRef)((_ref, ref) => {
-	let { topContent, bottomContent, wrapperStyle, wrapperClassName, allowClear = false, onClear, value, clearButtonStyle = {} } = _ref, virtualInputProps = require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+	let { topContent, bottomContent, wrapperStyle, wrapperClassName, allowClear = false, onClear, value, clearButtonStyle = {}, theme } = _ref, virtualInputProps = require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
 	const baseInputRef = (0, react.useRef)(null);
+	const { colorPrimary } = require_useThemeTokens.default(theme);
 	const handleClear = () => {
 		onClear === null || onClear === void 0 || onClear();
 	};
@@ -38,7 +41,7 @@ const VirtualInput = (0, react.forwardRef)((_ref, ref) => {
 	}));
 	return /* @__PURE__ */ react.default.createElement("div", {
 		className: (0, classnames.default)("pisell-virtual-input-wrapper", wrapperClassName),
-		style: wrapperStyle
+		style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, wrapperStyle || {}), {}, { ["--color-primary"]: colorPrimary })
 	}, topContent, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-virtual-input-container" }, allowClear && /* @__PURE__ */ react.default.createElement("div", {
 		className: "pisell-virtual-input-clear-button",
 		style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, clearButtonStyle), {}, { visibility: "hidden" })

package/lib/hooks/useThemeTokens.js

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+let antd = require("antd");
+
+//#region src/hooks/useThemeTokens.ts
+const themeTokenCache = /* @__PURE__ */ new Map();
+const useThemeTokens = (themeInput) => {
+	var _themeInput$token;
+	const { useToken, getDesignToken } = antd.theme;
+	const { token: antdToken } = useToken();
+	const overrideColorPrimary = (themeInput === null || themeInput === void 0 || (_themeInput$token = themeInput.token) === null || _themeInput$token === void 0 ? void 0 : _themeInput$token.colorPrimary) || antdToken.colorPrimary;
+	const cached = themeTokenCache.get(overrideColorPrimary);
+	if (cached) return cached;
+	const computed = getDesignToken({ token: { colorPrimary: overrideColorPrimary } });
+	themeTokenCache.set(overrideColorPrimary, computed);
+	return computed;
+};
+var useThemeTokens_default = useThemeTokens;
+
+//#endregion
+exports.default = useThemeTokens_default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.1024",
+  "version": "1.0.1025",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",