vant 4.0.0-rc.0 → 4.0.0-rc.3

package/es/cell/types.d.ts

@@ -0,0 +1,21 @@
+export declare type CellThemeVars = {
+    cellFontSize?: string;
+    cellLineHeight?: number | string;
+    cellVerticalPadding?: string;
+    cellHorizontalPadding?: string;
+    cellTextColor?: string;
+    cellBackground?: string;
+    cellBorderColor?: string;
+    cellActiveColor?: string;
+    cellRequiredColor?: string;
+    cellLabelColor?: string;
+    cellLabelFontSize?: string;
+    cellLabelLineHeight?: number | string;
+    cellLabelMarginTop?: string;
+    cellValueColor?: string;
+    cellIconSize?: string;
+    cellRightIconColor?: string;
+    cellLargeVerticalPadding?: string;
+    cellLargeTitleFontSize?: string;
+    cellLargeLabelFontSize?: string;
+};

package/es/cell-group/CellGroup.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const cellGroupProps: {
+export declare const cellGroupProps: {
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {

package/es/cell-group/CellGroup.mjs

@@ -39,5 +39,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  cellGroupProps,
   stdin_default as default
 };

package/es/cell-group/index.css

@@ -1 +1 @@
-body{--van-cell-group-background: var(--van-background-2);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);--van-cell-group-title-font-size: var(--van-font-size-md);--van-cell-group-title-line-height: 16px;--van-cell-group-inset-padding: 0 var(--van-padding-md);--van-cell-group-inset-radius: var(--van-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)}.van-cell-group{background:var(--van-cell-group-background)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}
+:root{--van-cell-group-background: var(--van-background-2);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);--van-cell-group-title-font-size: var(--van-font-size-md);--van-cell-group-title-line-height: 16px;--van-cell-group-inset-padding: 0 var(--van-padding-md);--van-cell-group-inset-radius: var(--van-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)}.van-cell-group{background:var(--van-cell-group-background)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}

package/es/cell-group/index.d.ts

@@ -17,7 +17,9 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
     inset: boolean;
 }>>;
 export default CellGroup;
+export { cellGroupProps } from './CellGroup';
 export type { CellGroupProps } from './CellGroup';
+export type { CellGroupThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCellGroup: typeof CellGroup;

package/es/cell-group/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CellGroup from "./CellGroup.mjs";
 const CellGroup = withInstall(_CellGroup);
 var stdin_default = CellGroup;
+import { cellGroupProps } from "./CellGroup.mjs";
 export {
   CellGroup,
+  cellGroupProps,
   stdin_default as default
 };

package/es/cell-group/types.d.ts

@@ -0,0 +1,10 @@
+export declare type CellGroupThemeVars = {
+    cellGroupBackground?: string;
+    cellGroupTitleColor?: string;
+    cellGroupTitlePadding?: string;
+    cellGroupTitleFontSize?: string;
+    cellGroupTitleLineHeight?: number | string;
+    cellGroupInsetPadding?: string;
+    cellGroupInsetRadius?: string;
+    cellGroupInsetTitlePadding?: string;
+};

package/es/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const checkboxProps: {
+export declare const checkboxProps: {
     name: import("vue").PropType<unknown>;
     shape: {
         type: import("vue").PropType<import("./Checker").CheckerShape>;

package/es/checkbox/Checkbox.mjs

@@ -77,5 +77,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  checkboxProps,
   stdin_default as default
 };

package/es/checkbox/index.css

@@ -1 +1 @@
-body{--van-checkbox-size: 20px;--van-checkbox-border-color: var(--van-gray-5);--van-checkbox-duration: var(--van-duration-fast);--van-checkbox-label-margin: var(--van-padding-xs);--van-checkbox-label-color: var(--van-text-color);--van-checkbox-checked-icon-color: var(--van-primary-color);--van-checkbox-disabled-icon-color: var(--van-gray-5);--van-checkbox-disabled-label-color: var(--van-text-color-3);--van-checkbox-disabled-background: var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}
+:root{--van-checkbox-size: 20px;--van-checkbox-border-color: var(--van-gray-5);--van-checkbox-duration: var(--van-duration-fast);--van-checkbox-label-margin: var(--van-padding-xs);--van-checkbox-label-color: var(--van-text-color);--van-checkbox-checked-icon-color: var(--van-primary-color);--van-checkbox-disabled-icon-color: var(--van-gray-5);--van-checkbox-disabled-label-color: var(--van-text-color-3);--van-checkbox-disabled-background: var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}

package/es/checkbox/index.d.ts

@@ -42,8 +42,9 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     bindGroup: boolean;
 }>>;
 export default Checkbox;
+export { checkboxProps } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
-export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';
+export type { CheckboxShape, CheckboxInstance, CheckboxThemeVars, CheckboxLabelPosition, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCheckbox: typeof Checkbox;

package/es/checkbox/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Checkbox from "./Checkbox.mjs";
 const Checkbox = withInstall(_Checkbox);
 var stdin_default = Checkbox;
+import { checkboxProps } from "./Checkbox.mjs";
 export {
   Checkbox,
+  checkboxProps,
   stdin_default as default
 };

package/es/checkbox/types.d.ts

@@ -11,3 +11,14 @@ export declare type CheckboxExpose = {
     checked: ComputedRef<boolean>;
 };
 export declare type CheckboxInstance = ComponentPublicInstance<CheckboxProps, CheckboxExpose>;
+export declare type CheckboxThemeVars = {
+    checkboxSize?: string;
+    checkboxBorderColor?: string;
+    checkboxDuration?: string;
+    checkboxLabelMargin?: string;
+    checkboxLabelColor?: string;
+    checkboxCheckedIconColor?: string;
+    checkboxDisabledIconColor?: string;
+    checkboxDisabledLabelColor?: string;
+    checkboxDisabledBackground?: string;
+};

package/es/checkbox-group/CheckboxGroup.d.ts

@@ -1,7 +1,7 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import type { CheckerDirection } from '../checkbox/Checker';
 import type { CheckboxGroupProvide } from './types';
-declare const checkboxGroupProps: {
+export declare const checkboxGroupProps: {
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];

package/es/checkbox-group/CheckboxGroup.mjs

@@ -67,5 +67,6 @@ var stdin_default = defineComponent({
 });
 export {
   CHECKBOX_GROUP_KEY,
+  checkboxGroupProps,
   stdin_default as default
 };

package/es/checkbox-group/index.d.ts

@@ -26,6 +26,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     modelValue: unknown[];
 }>>;
 export default CheckboxGroup;
+export { checkboxGroupProps } from './CheckboxGroup';
 export type { CheckboxGroupProps } from './CheckboxGroup';
 export type { CheckboxGroupInstance, CheckboxGroupDirection, CheckboxGroupToggleAllOptions, } from './types';
 declare module 'vue' {

package/es/checkbox-group/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CheckboxGroup from "./CheckboxGroup.mjs";
 const CheckboxGroup = withInstall(_CheckboxGroup);
 var stdin_default = CheckboxGroup;
+import { checkboxGroupProps } from "./CheckboxGroup.mjs";
 export {
   CheckboxGroup,
+  checkboxGroupProps,
   stdin_default as default
 };

package/es/circle/Circle.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type CircleStartPosition = 'top' | 'right' | 'bottom' | 'left';
-declare const circleProps: {
+export declare const circleProps: {
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     fill: {

package/es/circle/Circle.mjs

@@ -148,5 +148,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  circleProps,
   stdin_default as default
 };

package/es/circle/index.css

@@ -1 +1 @@
-body{--van-circle-size: 100px;--van-circle-color: var(--van-primary-color);--van-circle-layer-color: var(--van-white);--van-circle-text-color: var(--van-text-color);--van-circle-text-font-weight: var(--van-font-bold);--van-circle-text-font-size: var(--van-font-size-md);--van-circle-text-line-height: var(--van-line-height-md)}.van-circle{position:relative;display:inline-block;width:var(--van-circle-size);height:var(--van-circle-size);text-align:center}.van-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.van-circle__layer{stroke:var(--van-circle-layer-color)}.van-circle__hover{fill:none;stroke:var(--van-circle-color);stroke-linecap:round}.van-circle__text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;padding:0 var(--van-padding-base);color:var(--van-circle-text-color);font-weight:var(--van-circle-text-font-weight);font-size:var(--van-circle-text-font-size);line-height:var(--van-circle-text-line-height);transform:translateY(-50%)}
+:root{--van-circle-size: 100px;--van-circle-color: var(--van-primary-color);--van-circle-layer-color: var(--van-white);--van-circle-text-color: var(--van-text-color);--van-circle-text-font-weight: var(--van-font-bold);--van-circle-text-font-size: var(--van-font-size-md);--van-circle-text-line-height: var(--van-line-height-md)}.van-circle{position:relative;display:inline-block;width:var(--van-circle-size);height:var(--van-circle-size);text-align:center}.van-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.van-circle__layer{stroke:var(--van-circle-layer-color)}.van-circle__hover{fill:none;stroke:var(--van-circle-color);stroke-linecap:round}.van-circle__text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;padding:0 var(--van-padding-base);color:var(--van-circle-text-color);font-weight:var(--van-circle-text-font-weight);font-size:var(--van-circle-text-font-size);line-height:var(--van-circle-text-line-height);transform:translateY(-50%)}

package/es/circle/index.d.ts

@@ -78,7 +78,9 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
     startPosition: import("./Circle").CircleStartPosition;
 }>>;
 export default Circle;
+export { circleProps } from './Circle';
 export type { CircleProps, CircleStartPosition } from './Circle';
+export type { CircleThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCircle: typeof Circle;

package/es/circle/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Circle from "./Circle.mjs";
 const Circle = withInstall(_Circle);
 var stdin_default = Circle;
+import { circleProps } from "./Circle.mjs";
 export {
   Circle,
+  circleProps,
   stdin_default as default
 };

package/es/circle/types.d.ts

@@ -0,0 +1,9 @@
+export declare type CircleThemeVars = {
+    circleSize?: string;
+    circleColor?: string;
+    circleLayerColor?: string;
+    circleTextColor?: string;
+    circleTextFontWeight?: string;
+    circleTextFontSize?: string;
+    circleTextLineHeight?: number | string;
+};

package/es/col/Col.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const colProps: {
+export declare const colProps: {
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;

package/es/col/Col.mjs

@@ -59,5 +59,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  colProps,
   stdin_default as default
 };

package/es/col/index.d.ts

@@ -23,6 +23,7 @@ export declare const Col: import("../utils").WithInstall<import("vue").DefineCom
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default Col;
+export { colProps } from './Col';
 export type { ColProps } from './Col';
 declare module 'vue' {
     interface GlobalComponents {

package/es/col/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Col from "./Col.mjs";
 const Col = withInstall(_Col);
 var stdin_default = Col;
+import { colProps } from "./Col.mjs";
 export {
   Col,
+  colProps,
   stdin_default as default
 };

package/es/collapse/Collapse.d.ts

@@ -9,7 +9,7 @@ export declare type CollapseToggleAllOptions = boolean | {
     skipDisabled?: boolean;
 };
 export declare const COLLAPSE_KEY: InjectionKey<CollapseProvide>;
-declare const collapseProps: {
+export declare const collapseProps: {
     border: {
         type: BooleanConstructor;
         default: true;

package/es/collapse/Collapse.mjs

@@ -104,5 +104,6 @@ var stdin_default = defineComponent({
 });
 export {
   COLLAPSE_KEY,
+  collapseProps,
   stdin_default as default
 };

package/es/collapse/index.d.ts

@@ -27,6 +27,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
     accordion: boolean;
 }>>;
 export default Collapse;
+export { collapseProps } from './Collapse';
 export type { CollapseProps, CollapseInstance, CollapseToggleAllOptions, } from './Collapse';
 declare module 'vue' {
     interface GlobalComponents {

package/es/collapse/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Collapse from "./Collapse.mjs";
 const Collapse = withInstall(_Collapse);
 var stdin_default = Collapse;
+import { collapseProps } from "./Collapse.mjs";
 export {
   Collapse,
+  collapseProps,
   stdin_default as default
 };

package/es/collapse-item/CollapseItem.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const collapseItemProps: {
+export declare const collapseItemProps: {
     icon: StringConstructor;
     size: import("vue").PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];

package/es/collapse-item/CollapseItem.mjs

@@ -132,5 +132,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  collapseItemProps,
   stdin_default as default
 };

package/es/collapse-item/index.css

@@ -1 +1 @@
-body{--van-collapse-item-duration: var(--van-duration-base);--van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);--van-collapse-item-content-font-size: var(--van-font-size-md);--van-collapse-item-content-line-height: 1.5;--van-collapse-item-content-text-color: var(--van-text-color-2);--van-collapse-item-content-background: var(--van-background-2);--van-collapse-item-title-disabled-color: var(--van-text-color-3)}.van-collapse-item{position:relative}.van-collapse-item--border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:var(--van-padding-md);left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon:before{transform:rotate(90deg) translateZ(0);transition:transform var(--van-collapse-item-duration)}.van-collapse-item__title:after{right:var(--van-padding-md);display:none}.van-collapse-item__title--expanded .van-cell__right-icon:before{transform:rotate(-90deg)}.van-collapse-item__title--expanded:after{display:block}.van-collapse-item__title--borderless:after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--van-collapse-item-title-disabled-color)}.van-collapse-item__wrapper{overflow:hidden;transition:height var(--van-collapse-item-duration) ease-in-out;will-change:height}.van-collapse-item__content{padding:var(--van-collapse-item-content-padding);color:var(--van-collapse-item-content-text-color);font-size:var(--van-collapse-item-content-font-size);line-height:var(--van-collapse-item-content-line-height);background:var(--van-collapse-item-content-background)}
+:root{--van-collapse-item-duration: var(--van-duration-base);--van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);--van-collapse-item-content-font-size: var(--van-font-size-md);--van-collapse-item-content-line-height: 1.5;--van-collapse-item-content-text-color: var(--van-text-color-2);--van-collapse-item-content-background: var(--van-background-2);--van-collapse-item-title-disabled-color: var(--van-text-color-3)}.van-collapse-item{position:relative}.van-collapse-item--border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:var(--van-padding-md);left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon:before{transform:rotate(90deg) translateZ(0);transition:transform var(--van-collapse-item-duration)}.van-collapse-item__title:after{right:var(--van-padding-md);display:none}.van-collapse-item__title--expanded .van-cell__right-icon:before{transform:rotate(-90deg)}.van-collapse-item__title--expanded:after{display:block}.van-collapse-item__title--borderless:after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--van-collapse-item-title-disabled-color)}.van-collapse-item__wrapper{overflow:hidden;transition:height var(--van-collapse-item-duration) ease-in-out;will-change:height}.van-collapse-item__content{padding:var(--van-collapse-item-content-padding);color:var(--van-collapse-item-content-text-color);font-size:var(--van-collapse-item-content-font-size);line-height:var(--van-collapse-item-content-line-height);background:var(--van-collapse-item-content-background)}

package/es/collapse-item/index.d.ts

@@ -79,8 +79,9 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     lazyRender: boolean;
 }>>;
 export default CollapseItem;
+export { collapseItemProps } from './CollapseItem';
 export type { CollapseItemProps } from './CollapseItem';
-export type { CollapseItemInstance } from './types';
+export type { CollapseItemInstance, CollapseItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCollapseItem: typeof CollapseItem;

package/es/collapse-item/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CollapseItem from "./CollapseItem.mjs";
 const CollapseItem = withInstall(_CollapseItem);
 var stdin_default = CollapseItem;
+import { collapseItemProps } from "./CollapseItem.mjs";
 export {
   CollapseItem,
+  collapseItemProps,
   stdin_default as default
 };

package/es/collapse-item/types.d.ts

@@ -4,3 +4,12 @@ export declare type CollapseItemExpose = {
     toggle: (newValue?: boolean) => void;
 };
 export declare type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>;
+export declare type CollapseItemThemeVars = {
+    collapseItemDuration?: string;
+    collapseItemContentPadding?: string;
+    collapseItemContentFontSize?: string;
+    collapseItemContentLineHeight?: number | string;
+    collapseItemContentTextColor?: string;
+    collapseItemContentBackground?: string;
+    collapseItemTitleDisabledColor?: string;
+};

package/es/config-provider/ConfigProvider.d.ts

@@ -6,7 +6,7 @@ export declare type ConfigProviderProvide = {
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
 export declare type ThemeVars = PropType<Record<string, Numeric>>;
-declare const configProviderProps: {
+export declare const configProviderProps: {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;

package/es/config-provider/ConfigProvider.mjs

@@ -29,10 +29,10 @@ var stdin_default = defineComponent({
     const style = computed(() => mapThemeVarsToCSSVars(extend({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
     if (inBrowser) {
       const addTheme = () => {
-        document.body.classList.add(`van-theme-${props.theme}`);
+        document.documentElement.classList.add(`van-theme-${props.theme}`);
       };
       const removeTheme = (theme = props.theme) => {
-        document.body.classList.remove(`van-theme-${theme}`);
+        document.documentElement.classList.remove(`van-theme-${theme}`);
       };
       watch(() => props.theme, (newVal, oldVal) => {
         if (oldVal) {
@@ -65,5 +65,6 @@ var stdin_default = defineComponent({
 });
 export {
   CONFIG_PROVIDER_KEY,
+  configProviderProps,
   stdin_default as default
 };

package/es/config-provider/index.d.ts

@@ -31,7 +31,9 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
     theme: import("./ConfigProvider").ConfigProviderTheme;
 }>>;
 export default ConfigProvider;
+export { configProviderProps } from './ConfigProvider';
 export type { ConfigProviderProps, ConfigProviderTheme, } from './ConfigProvider';
+export type { ConfigProviderThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanConfigProvider: typeof ConfigProvider;

package/es/config-provider/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _ConfigProvider from "./ConfigProvider.mjs";
 const ConfigProvider = withInstall(_ConfigProvider);
 var stdin_default = ConfigProvider;
+import { configProviderProps } from "./ConfigProvider.mjs";
 export {
   ConfigProvider,
+  configProviderProps,
   stdin_default as default
 };

package/es/config-provider/types.d.ts

@@ -0,0 +1 @@
+export declare type ConfigProviderThemeVars = import('../action-bar').ActionBarThemeVars & import('../action-bar-button').ActionBarButtonThemeVars & import('../action-bar-icon').ActionBarIconThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../address-edit').AddressEditThemeVars & import('../address-list').AddressListThemeVars & import('../badge').BadgeThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../card').CardThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../cell-group').CellGroupThemeVars & import('../checkbox').CheckboxThemeVars & import('../circle').CircleThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../contact-card').ContactCardThemeVars & import('../contact-edit').ContactEditThemeVars & import('../contact-list').ContactListThemeVars & import('../count-down').CountDownThemeVars & import('../coupon').CouponThemeVars & import('../coupon-cell').CouponCellThemeVars & import('../coupon-list').CouponListThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../grid-item').GridItemThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../pagination').PaginationThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../picker-group').PickerGroupThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../progress').ProgressThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../rate').RateThemeVars & import('../search').SearchThemeVars & import('../share-sheet').ShareSheetThemeVars & import('../sidebar').SidebarThemeVars & import('../sidebar-item').SidebarItemThemeVars & import('../skeleton').SkeletonThemeVars & import('../slider').SliderThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../submit-bar').SubmitBarThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../toast').ToastThemeVars & import('../tree-select').TreeSelectThemeVars & import('../uploader').UploaderThemeVars;

package/es/contact-card/ContactCard.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare type ContactCardType = 'add' | 'edit';
-declare const contactCardProps: {
+export declare const contactCardProps: {
     tel: StringConstructor;
     name: StringConstructor;
     type: {

package/es/contact-card/ContactCard.mjs

@@ -42,5 +42,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  contactCardProps,
   stdin_default as default
 };

package/es/contact-card/index.css

@@ -1 +1 @@
-body{--van-contact-card-padding: var(--van-padding-md);--van-contact-card-add-icon-size: 40px;--van-contact-card-add-icon-color: var(--van-primary-color);--van-contact-card-title-line-height: var(--van-line-height-md)}.van-contact-card{padding:var(--van-contact-card-padding)}.van-contact-card__title{margin-left:5px;line-height:var(--van-contact-card-title-line-height)}.van-contact-card--add .van-contact-card__value{line-height:var(--van-contact-card-add-icon-size)}.van-contact-card--add .van-cell__left-icon{color:var(--van-contact-card-add-icon-color);font-size:var(--van-contact-card-add-icon-size)}.van-contact-card:before{position:absolute;right:0;bottom:0;left:0;height:2px;background:repeating-linear-gradient(-45deg,var(--van-warning-color) 0,var(--van-warning-color) 20%,transparent 0,transparent 25%,var(--van-primary-color) 0,var(--van-primary-color) 45%,transparent 0,transparent 50%);background-size:80px;content:""}
+:root{--van-contact-card-padding: var(--van-padding-md);--van-contact-card-add-icon-size: 40px;--van-contact-card-add-icon-color: var(--van-primary-color);--van-contact-card-title-line-height: var(--van-line-height-md)}.van-contact-card{padding:var(--van-contact-card-padding)}.van-contact-card__title{margin-left:5px;line-height:var(--van-contact-card-title-line-height)}.van-contact-card--add .van-contact-card__value{line-height:var(--van-contact-card-add-icon-size)}.van-contact-card--add .van-cell__left-icon{color:var(--van-contact-card-add-icon-color);font-size:var(--van-contact-card-add-icon-size)}.van-contact-card:before{position:absolute;right:0;bottom:0;left:0;height:2px;background:repeating-linear-gradient(-45deg,var(--van-warning-color) 0,var(--van-warning-color) 20%,transparent 0,transparent 25%,var(--van-primary-color) 0,var(--van-primary-color) 45%,transparent 0,transparent 50%);background-size:80px;content:""}

package/es/contact-card/index.d.ts

@@ -29,7 +29,9 @@ export declare const ContactCard: import("../utils").WithInstall<import("vue").D
     editable: boolean;
 }>>;
 export default ContactCard;
+export { contactCardProps } from './ContactCard';
 export type { ContactCardType, ContactCardProps } from './ContactCard';
+export type { ContactCardThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanContactCard: typeof ContactCard;

package/es/contact-card/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _ContactCard from "./ContactCard.mjs";
 const ContactCard = withInstall(_ContactCard);
 var stdin_default = ContactCard;
+import { contactCardProps } from "./ContactCard.mjs";
 export {
   ContactCard,
+  contactCardProps,
   stdin_default as default
 };

package/es/contact-card/types.d.ts

@@ -0,0 +1,6 @@
+export declare type ContactCardThemeVars = {
+    contactCardPadding?: string;
+    contactCardAddIconSize?: string;
+    contactCardAddIconColor?: string;
+    contactCardTitleLineHeight?: number | string;
+};

package/es/contact-edit/ContactEdit.d.ts

@@ -5,7 +5,7 @@ export declare type ContactEditInfo = {
     name: string;
     isDefault?: boolean;
 };
-declare const contactEditProps: {
+export declare const contactEditProps: {
     isEdit: BooleanConstructor;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;

package/es/contact-edit/ContactEdit.mjs

@@ -108,5 +108,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  contactEditProps,
   stdin_default as default
 };

package/es/contact-edit/index.css

@@ -1 +1 @@
-body{--van-contact-edit-padding: var(--van-padding-md);--van-contact-edit-fields-radius: var(--van-radius-md);--van-contact-edit-buttons-padding: var(--van-padding-xl) 0;--van-contact-edit-button-margin-bottom: var(--van-padding-sm);--van-contact-edit-button-font-size: var(--van-font-size-lg);--van-contact-edit-field-label-width: 4.1em}.van-contact-edit{padding:var(--van-contact-edit-padding)}.van-contact-edit__fields{overflow:hidden;border-radius:var(--van-contact-edit-fields-radius)}.van-contact-edit__fields .van-field__label{width:var(--van-contact-edit-field-label-width)}.van-contact-edit__switch-cell{margin-top:10px;padding-top:9px;padding-bottom:9px;border-radius:var(--van-contact-edit-fields-radius)}.van-contact-edit__buttons{padding:var(--van-contact-edit-buttons-padding)}.van-contact-edit__button{margin-bottom:var(--van-contact-edit-button-margin-bottom);font-size:var(--van-contact-edit-button-font-size)}
+:root{--van-contact-edit-padding: var(--van-padding-md);--van-contact-edit-fields-radius: var(--van-radius-md);--van-contact-edit-buttons-padding: var(--van-padding-xl) 0;--van-contact-edit-button-margin-bottom: var(--van-padding-sm);--van-contact-edit-button-font-size: var(--van-font-size-lg);--van-contact-edit-field-label-width: 4.1em}.van-contact-edit{padding:var(--van-contact-edit-padding)}.van-contact-edit__fields{overflow:hidden;border-radius:var(--van-contact-edit-fields-radius)}.van-contact-edit__fields .van-field__label{width:var(--van-contact-edit-field-label-width)}.van-contact-edit__switch-cell{margin-top:10px;padding-top:9px;padding-bottom:9px;border-radius:var(--van-contact-edit-fields-radius)}.van-contact-edit__buttons{padding:var(--van-contact-edit-buttons-padding)}.van-contact-edit__button{margin-bottom:var(--van-contact-edit-button-margin-bottom);font-size:var(--van-contact-edit-button-font-size)}

package/es/contact-edit/index.d.ts

@@ -39,7 +39,9 @@ export declare const ContactEdit: import("../utils").WithInstall<import("vue").D
     contactInfo: import("./ContactEdit").ContactEditInfo;
 }>>;
 export default ContactEdit;
+export { contactEditProps } from './ContactEdit';
 export type { ContactEditInfo, ContactEditProps } from './ContactEdit';
+export type { ContactEditThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanContactEdit: typeof ContactEdit;

package/es/contact-edit/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _ContactEdit from "./ContactEdit.mjs";
 const ContactEdit = withInstall(_ContactEdit);
 var stdin_default = ContactEdit;
+import { contactEditProps } from "./ContactEdit.mjs";
 export {
   ContactEdit,
+  contactEditProps,
   stdin_default as default
 };

package/es/contact-edit/types.d.ts

@@ -0,0 +1,8 @@
+export declare type ContactEditThemeVars = {
+    contactEditPadding?: string;
+    contactEditFieldsRadius?: string;
+    contactEditButtonsPadding?: string;
+    contactEditButtonMarginBottom?: string;
+    contactEditButtonFontSize?: string;
+    contactEditFieldLabelWidth?: string;
+};

package/es/contact-list/ContactList.d.ts

@@ -6,7 +6,7 @@ export declare type ContactListItem = {
     name: string;
     isDefault?: boolean;
 };
-declare const contactListProps: {
+export declare const contactListProps: {
     list: PropType<ContactListItem[]>;
     addText: StringConstructor;
     modelValue: PropType<unknown>;

package/es/contact-list/ContactList.mjs

@@ -85,5 +85,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  contactListProps,
   stdin_default as default
 };

package/es/contact-list/index.css

@@ -1 +1 @@
-body{--van-contact-list-edit-icon-size: 16px;--van-contact-list-add-button-z-index: 999;--van-contact-list-radio-color: var(--van-primary-color);--van-contact-list-item-padding: var(--van-padding-md)}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:80px}.van-contact-list__item{padding:var(--van-contact-list-item-padding)}.van-contact-list__item-title{display:flex;align-items:center;padding-right:var(--van-padding-xl);padding-left:var(--van-padding-xs)}.van-contact-list__item-tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:var(--van-contact-list-edit-icon-size)}.van-contact-list__radio .van-radio__icon--checked .van-icon{background-color:var(--van-contact-list-radio-color);border-color:var(--van-contact-list-radio-color)}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:var(--van-contact-list-add-button-z-index);padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-2)}.van-contact-list__add{height:40px;margin:5px 0}
+:root{--van-contact-list-edit-icon-size: 16px;--van-contact-list-add-button-z-index: 999;--van-contact-list-radio-color: var(--van-primary-color);--van-contact-list-item-padding: var(--van-padding-md)}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:80px}.van-contact-list__item{padding:var(--van-contact-list-item-padding)}.van-contact-list__item-title{display:flex;align-items:center;padding-right:var(--van-padding-xl);padding-left:var(--van-padding-xs)}.van-contact-list__item-tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:var(--van-contact-list-edit-icon-size)}.van-contact-list__radio .van-radio__icon--checked .van-icon{background-color:var(--van-contact-list-radio-color);border-color:var(--van-contact-list-radio-color)}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:var(--van-contact-list-add-button-z-index);padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-2)}.van-contact-list__add{height:40px;margin:5px 0}

package/es/contact-list/index.d.ts

@@ -15,7 +15,9 @@ export declare const ContactList: import("../utils").WithInstall<import("vue").D
     onAdd?: ((...args: any[]) => any) | undefined;
 }, {}>>;
 export default ContactList;
+export { contactListProps } from './ContactList';
 export type { ContactListItem, ContactListProps } from './ContactList';
+export type { ContactListThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanContactList: typeof ContactList;