zartui 3.1.23-beta.2 → 3.1.23-beta.3

package/es/radio-picker/index.d.ts

@@ -1,5 +1,5 @@
 import { RadioPickerProps } from './RadioPicker';
-export declare const RadioPicker: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const RadioPicker: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -50,7 +50,7 @@ export declare const RadioPicker: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -101,14 +101,14 @@ export declare const RadioPicker: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     modelValue: import("../utils").Numeric[];
     readonly: boolean;
@@ -124,7 +124,7 @@ export declare const RadioPicker: import("../utils").WithInstall<import("vue").D
     searchable: boolean;
     autoSearch: boolean;
     searchPlaceholder: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default RadioPicker;
 export { radioPickerProps } from './RadioPicker';
 export type { PickerCancelEventParams as RadioPickerCancelEventParams, PickerChangeEventParams as RadioPickerChangeEventParams, PickerColumn as RadioPickerColumn, PickerConfirmEventParams as RadioPickerConfirmEventParams, PickerFieldNames as RadioPickerFieldNames, RadioPickerInstance, RadioPickerOption, PickerToolbarPosition as RadioPickerToolbarPosition, RadioPickerThemeVars, } from './types';

package/es/rate/Rate.d.ts

@@ -31,7 +31,7 @@ declare const rateProps: {
     disabledColor: StringConstructor;
 };
 export type RateProps = ExtractPropTypes<typeof rateProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {
         type: import("vue").PropType<string>;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     disabledColor: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {
         type: import("vue").PropType<string>;
@@ -91,10 +91,10 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     disabledColor: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     icon: string;
     modelValue: number;
@@ -103,5 +103,5 @@ declare const _default: import("vue").DefineComponent<{
     count: string | number;
     voidIcon: string;
     allowHalf: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/rate/Rate.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent, ref } from "vue";
+import { computed, defineComponent, ref, createVNode as _createVNode } from "vue";
 import { addUnit, truthProp, numericProp, preventDefault, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useRect, useCustomFieldValue } from "@zartui/use";
 import { useRefs } from "../composables/use-refs.mjs";

package/es/rate/index.css

@@ -1 +1 @@
-:root{--zt-rate-icon-gutter: var(--zt-padding-base);--zt-rate-icon-void-color: rgba(0, 0, 0, .2);--zt-rate-icon-full-color: var(--zt-yellow);--zt-rate-icon-disabled-color: var(--zt-gray-5)}.zt-rate{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;display:inline-flex;align-items:center}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:var(--zt-rate-icon-gutter)}.zt-rate__icon{display:block;width:1em;color:var(--zt-rate-icon-void-color);font-size:var(--zt-font-size-xxl)}.zt-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.zt-rate__icon--full{color:var(--zt-rate-icon-full-color)}.zt-rate__icon--disabled{color:var(--zt-rate-icon-disabled-color)}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}.zt-theme-dark{--zt-rate-icon-void-color: rgba(255, 255, 255, .2)}
+:root{--zt-rate-icon-gutter: var(--zt-padding-base);--zt-rate-icon-void-color: rgba(0, 0, 0, .2);--zt-rate-icon-full-color: var(--zt-yellow);--zt-rate-icon-disabled-color: var(--zt-gray-5)}.zt-rate{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;display:inline-flex;align-items:center}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:var(--zt-rate-icon-gutter)}.zt-rate__icon{display:block;width:1em;color:var(--zt-rate-icon-void-color);font-size:var(--zt-font-size-xxl)}.zt-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.zt-rate__icon--full{color:var(--zt-rate-icon-full-color)}.zt-rate__icon--disabled{color:var(--zt-rate-icon-disabled-color)}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}.zt-theme-dark{--zt-rate-icon-void-color: rgba(255, 255, 255, .2)}

package/es/rate/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {
         type: import("vue").PropType<string>;
@@ -28,7 +28,7 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         default: number;
     };
     disabledColor: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {
         type: import("vue").PropType<string>;
@@ -58,10 +58,10 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         default: number;
     };
     disabledColor: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     icon: string;
     modelValue: number;
@@ -70,7 +70,7 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
     count: string | number;
     voidIcon: string;
     allowHalf: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Rate;
 export type { RateProps } from './Rate';
 export type { RateThemeVars } from './types';

package/es/row/Row.d.ts

@@ -26,7 +26,7 @@ declare const rowProps: {
     justify: PropType<RowJustify>;
 };
 export type RowProps = ExtractPropTypes<typeof rowProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     justify: PropType<RowJustify>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -56,9 +56,9 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     justify: PropType<RowJustify>;
-}>>, {
+}>> & Readonly<{}>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/row/Row.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
+import { computed, defineComponent, createVNode as _createVNode } from "vue";
 import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useChildren } from "@zartui/use";
 const [name, bem] = createNamespace("row");

package/es/row/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -13,7 +13,7 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
         default: number;
     };
     justify: import("vue").PropType<import("./Row").RowJustify>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -28,11 +28,11 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
         default: number;
     };
     justify: import("vue").PropType<import("./Row").RowJustify>;
-}>>, {
+}>> & Readonly<{}>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Row;
 export type { RowProps, RowAlign, RowJustify } from './Row';
 declare module 'vue' {

package/es/search/Search.d.ts

@@ -65,7 +65,7 @@ export declare const searchProps: {
     showAction: BooleanConstructor;
 };
 export type SearchProps = ExtractPropTypes<typeof searchProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     id: StringConstructor;
     name: StringConstructor;
     titleIcon: StringConstructor;
@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
     inputBackground: StringConstructor;
     actionText: StringConstructor;
     showAction: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     id: StringConstructor;
     name: StringConstructor;
     titleIcon: StringConstructor;
@@ -191,7 +191,7 @@ declare const _default: import("vue").DefineComponent<{
     inputBackground: StringConstructor;
     actionText: StringConstructor;
     showAction: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
@@ -200,7 +200,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     shape: SearchShape;
     autofocus: boolean;
     disabled: boolean;
@@ -213,5 +213,5 @@ declare const _default: import("vue").DefineComponent<{
     error: boolean;
     readonly: boolean;
     showAction: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/search/Search.mjs

@@ -1,5 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { ref, defineComponent } from "vue";
+import { ref, defineComponent, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { pick, extend, truthProp, preventDefault, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { fieldSharedProps } from "../field/Field.mjs";
 import { useId } from "../composables/use-id.mjs";

package/es/search/index.css

@@ -1 +1 @@
-:root{--zt-search-padding: 4px var(--zt-padding-md);--zt-search-background: transparent;--zt-search-content-background: var(--zt-gray-a04);--zt-search-label-padding: 8px 0 8px 12px;--zt-search-label-color: var(--zt-text-color);--zt-search-action-padding: 0 var(--zt-padding-md);--zt-search-action-text-color: var(--zt-primary-color);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a1);--zt-search-round-border: none;--zt-search-placeholder: var(--zt-gray-a2)}.zt-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--zt-search-padding);background-color:var(--zt-search-background)}.zt-search__content{display:flex;flex:1;background-color:var(--zt-search-content-background);border-radius:var(--zt-radius-sm);box-shadow:var(--zt-search-content-box-shadow);padding-left:var(--zt-padding-sm)}.zt-search__content--round{border-radius:var(--zt-radius-max);border:var(--zt-search-round-border)}.zt-search__label{padding:var(--zt-search-label-padding);color:var(--zt-search-label-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-search__field{width:100%}.zt-search .zt-cell--horizontal{background:transparent;padding:8px 16px 8px 0}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:var(--zt-primary-color)}.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search input::-webkit-input-placeholder{color:var(--zt-search-placeholder)}.zt-search input::placeholder{color:var(--zt-search-placeholder)}.zt-search__action{padding:var(--zt-search-action-padding);color:var(--zt-search-action-text-color);font-size:var(--zt-font-size-md);font-weight:400;height:36px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}.zt-theme-dark{--zt-search-content-background: var(--zt-background-popup);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-background);--zt-search-round-border: 1px solid rgba(15, 155, 255, .2)}
+:root{--zt-search-padding: 4px var(--zt-padding-md);--zt-search-background: transparent;--zt-search-content-background: var(--zt-gray-a04);--zt-search-label-padding: 8px 0 8px 12px;--zt-search-label-color: var(--zt-text-color);--zt-search-action-padding: 0 var(--zt-padding-md);--zt-search-action-text-color: var(--zt-primary-color);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a1);--zt-search-round-border: none;--zt-search-placeholder: var(--zt-gray-a2)}.zt-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--zt-search-padding);background-color:var(--zt-search-background)}.zt-search__content{display:flex;flex:1;background-color:var(--zt-search-content-background);border-radius:var(--zt-radius-sm);box-shadow:var(--zt-search-content-box-shadow);padding-left:var(--zt-padding-sm)}.zt-search__content--round{border-radius:var(--zt-radius-max);border:var(--zt-search-round-border)}.zt-search__label{padding:var(--zt-search-label-padding);color:var(--zt-search-label-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-search__field{width:100%}.zt-search .zt-cell--horizontal{background:transparent;padding:8px 16px 8px 0}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:var(--zt-primary-color)}.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search input::-moz-placeholder{color:var(--zt-search-placeholder)}.zt-search input::placeholder{color:var(--zt-search-placeholder)}.zt-search__action{padding:var(--zt-search-action-padding);color:var(--zt-search-action-text-color);font-size:var(--zt-font-size-md);font-weight:400;height:36px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}.zt-theme-dark{--zt-search-content-background: var(--zt-background-popup);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-background);--zt-search-round-border: 1px solid rgba(15, 155, 255, .2)}

package/es/search/index.d.ts

@@ -1,5 +1,5 @@
 import { SearchProps } from './Search';
-export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: StringConstructor;
     name: StringConstructor;
     titleIcon: StringConstructor;
@@ -62,7 +62,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     inputBackground: StringConstructor;
     actionText: StringConstructor;
     showAction: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: StringConstructor;
     name: StringConstructor;
     titleIcon: StringConstructor;
@@ -125,7 +125,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     inputBackground: StringConstructor;
     actionText: StringConstructor;
     showAction: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
@@ -134,7 +134,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     shape: import("./types").SearchShape;
     autofocus: boolean;
     disabled: boolean;
@@ -147,7 +147,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     error: boolean;
     readonly: boolean;
     showAction: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Search;
 export { searchProps } from './Search';
 export type { SearchProps };

package/es/signature/Signature.d.ts

@@ -32,7 +32,7 @@ export declare const signatureProps: {
     allowPortrait: BooleanConstructor;
 };
 export type SignatureProps = ExtractPropTypes<typeof signatureProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     customClass: {
         type: import("vue").PropType<string>;
         default: string;
@@ -62,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     allowPortrait: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "cancel" | "confirm")[], "clear" | "cancel" | "confirm", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "cancel" | "confirm")[], "clear" | "cancel" | "confirm", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     customClass: {
         type: import("vue").PropType<string>;
         default: string;
@@ -92,11 +92,11 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     allowPortrait: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClear?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     lineWidth: string | number;
     customClass: string;
     strokeStyle: string;
@@ -105,5 +105,5 @@ declare const _default: import("vue").DefineComponent<{
     resultTypes: SignatureResultType[];
     unSupportTpl: string;
     allowPortrait: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/signature/Signature.mjs

@@ -1,5 +1,4 @@
-import { createTextVNode as _createTextVNode, withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
-import { computed, defineComponent, ref, Transition } from "vue";
+import { computed, defineComponent, ref, Transition, vShow as _vShow, createVNode as _createVNode, withDirectives as _withDirectives, createTextVNode as _createTextVNode } from "vue";
 import { createNamespace, makeArrayProp, makeNumericProp, makeStringProp, colorFromCSSClass } from "../utils/index.mjs";
 import { getForceLandscapeEventPosition, getForceLandscapeStyle } from "./force-landscape.mjs";
 import { showToast } from "../toast/index.mjs";

package/es/signature/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Signature: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Signature: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     customClass: {
         type: import("vue").PropType<string>;
         default: string;
@@ -28,7 +28,7 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
         default: string;
     };
     allowPortrait: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "cancel" | "confirm")[], "clear" | "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "cancel" | "confirm")[], "clear" | "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     customClass: {
         type: import("vue").PropType<string>;
         default: string;
@@ -58,11 +58,11 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
         default: string;
     };
     allowPortrait: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClear?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     lineWidth: string | number;
     customClass: string;
     strokeStyle: string;
@@ -71,7 +71,7 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
     resultTypes: import("./types").SignatureResultType[];
     unSupportTpl: string;
     allowPortrait: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Signature;
 export { signatureProps } from './Signature';
 export type { SignatureProps } from './Signature';

package/es/skeleton/Skeleton.d.ts

@@ -31,7 +31,7 @@ export declare const skeletonProps: {
     };
 };
 export type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -59,9 +59,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric | Numeric[]>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue/jsx-runtime").JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric | Numeric[]>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     textarea: boolean;
     title: boolean;
     animate: boolean;
@@ -100,5 +100,5 @@ declare const _default: import("vue").DefineComponent<{
     avatar: boolean;
     avatarShape: SkeletonAvatarShape;
     rowWidth: Numeric | Numeric[];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/skeleton/Skeleton.mjs

@@ -1,5 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { addUnit, truthProp, numericProp, getSizeStyle, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 const [name, bem] = createNamespace("skeleton");
 const DEFAULT_ROW_WIDTH = "100%";

package/es/skeleton/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -26,9 +26,9 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue/jsx-runtime").JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -56,7 +56,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     textarea: boolean;
     title: boolean;
     animate: boolean;
@@ -67,7 +67,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     avatar: boolean;
     avatarShape: import("./Skeleton").SkeletonAvatarShape;
     rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Skeleton;
 export { skeletonProps } from './Skeleton';
 export type { SkeletonProps, SkeletonAvatarShape } from './Skeleton';

package/es/slider/Slider.d.ts

@@ -50,7 +50,7 @@ export declare const sliderProps: {
     };
 };
 export type SliderProps = ExtractPropTypes<typeof sliderProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -96,7 +96,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragEnd" | "dragStart")[], "update:modelValue" | "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragEnd" | "dragStart")[], "update:modelValue" | "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -142,12 +142,12 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
     onDragStart?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     reverse: boolean;
     range: boolean;
     max: string | number;
@@ -161,5 +161,5 @@ declare const _default: import("vue").DefineComponent<{
     showPercent: boolean;
     barEdgeOffset: number;
     barEdgeOffsetBoundary: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/slider/Slider.mjs

@@ -1,5 +1,4 @@
-import { Fragment as _Fragment, createVNode as _createVNode } from "vue";
-import { ref, computed, defineComponent } from "vue";
+import { ref, computed, defineComponent, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 import { clamp, addUnit, addNumber, numericProp, isSameValue, getSizeStyle, preventDefault, stopPropagation, createNamespace, makeNumericProp, makeStringProp, truthProp, makeNumberProp } from "../utils/index.mjs";
 import { useRect, useCustomFieldValue, useEventListener } from "@zartui/use";
 import { useTouch } from "../composables/use-touch.mjs";

package/es/slider/index.css

@@ -1 +1 @@
-:root,:host{--zt-slider-active-background: linear-gradient(90deg, var(--zt-primary-color-light) 0%, var(--zt-primary-color) 100%);--zt-slider-inactive-background: var(--zt-gray-a04);--zt-slider-disabled-opacity: var(--zt-disabled-opacity);--zt-slider-bar-height: var(--zt-line-height-xs);--zt-slider-button-width: var(--zt-font-size-lg);--zt-slider-button-height: var(--zt-font-size-lg);--zt-slider-button-radius: 50%;--zt-slider-vertical-gap: 4px;--zt-slider-horizontal-gap: 12px;--zt-slider-button-background: linear-gradient(180deg, rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 50), var(--zt-primary-color-b)) 0%, var(--zt-primary-color) 100%);--zt-slider-button-shadow: 0 2px 4px 0 var(--zt-primary-color-a2);--zt-slider-button-border-color: var(--zt-white)}:root[zt-theme-size=large],:host[zt-theme-size=large]{--zt-slider-horizontal-gap: 16px}.zt-theme-dark{--zt-slider-inactive-background: var(--zt-background-3)}.zt-slider__bar-wrapper{position:relative;width:100%;height:var(--zt-slider-bar-height);background:var(--zt-slider-inactive-background);border-radius:var(--zt-radius-max);cursor:pointer}.zt-slider__bar-wrapper:before{position:absolute;top:calc(var(--zt-padding-xs) * -1);right:0;bottom:calc(var(--zt-padding-xs) * -1);left:0;content:""}.zt-slider__bar-wrapper .zt-slider__bar{position:absolute;width:100%;height:100%;background:var(--zt-slider-active-background);border-radius:inherit;transition:all var(--zt-duration-fast)}.zt-slider__button{width:var(--zt-slider-button-width);height:var(--zt-slider-button-height);background:var(--zt-slider-button-background);border-radius:var(--zt-slider-button-radius);box-shadow:var(--zt-slider-button-shadow);border:1px solid var(--zt-slider-button-border-color)}.zt-slider__button-wrapper{position:absolute;cursor:-webkit-grab;cursor:grab;top:50%}.zt-slider--disabled{cursor:not-allowed;opacity:var(--zt-slider-disabled-opacity)}.zt-slider--disabled .zt-slider__button-wrapper{cursor:not-allowed}.zt-slider--horizontal{display:flex;align-items:center;gap:var(--zt-slider-horizontal-gap)}.zt-slider--horizontal .zt-slider__title,.zt-slider--horizontal .zt-slider__percent{font-size:var(--zt-font-size-md);color:var(--zt-text-color);line-height:var(--zt-line-height-md);word-break:break-all}.zt-slider--horizontal .zt-slider__title{font-weight:600;max-width:50%}.zt-slider--horizontal .zt-slider__percent{font-weight:400;max-width:20%;min-width:2em;text-align:right}.zt-slider--vertical{width:100%;display:flex;flex-direction:column;gap:var(--zt-slider-vertical-gap)}.zt-slider--vertical .zt-slider__title,.zt-slider--vertical .zt-slider__percent{opacity:.8;font-weight:400;font-size:var(--zt-font-size-sm);color:var(--zt-text-color);line-height:var(--zt-line-height-sm);word-break:break-all}.zt-slider--vertical .zt-slider__title{min-width:0;flex:1}.zt-slider--vertical .zt-slider__percent{max-width:50%}.zt-slider__title,.zt-slider__percent{flex-shrink:0}.zt-slider__direction-vertical-title{display:flex;justify-content:space-between;align-items:center;gap:var(--zt-slider-vertical-gap)}
+:root,:host{--zt-slider-active-background: linear-gradient(90deg, var(--zt-primary-color-light) 0%, var(--zt-primary-color) 100%);--zt-slider-inactive-background: var(--zt-gray-a04);--zt-slider-disabled-opacity: var(--zt-disabled-opacity);--zt-slider-bar-height: var(--zt-line-height-xs);--zt-slider-button-width: var(--zt-font-size-lg);--zt-slider-button-height: var(--zt-font-size-lg);--zt-slider-button-radius: 50%;--zt-slider-vertical-gap: 4px;--zt-slider-horizontal-gap: 12px;--zt-slider-button-background: linear-gradient(180deg, rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 50), var(--zt-primary-color-b)) 0%, var(--zt-primary-color) 100%);--zt-slider-button-shadow: 0 2px 4px 0 var(--zt-primary-color-a2);--zt-slider-button-border-color: var(--zt-white)}:root[zt-theme-size=large],:host[zt-theme-size=large]{--zt-slider-horizontal-gap: 16px}.zt-theme-dark{--zt-slider-inactive-background: var(--zt-background-3)}.zt-slider__bar-wrapper{position:relative;width:100%;height:var(--zt-slider-bar-height);background:var(--zt-slider-inactive-background);border-radius:var(--zt-radius-max);cursor:pointer}.zt-slider__bar-wrapper:before{position:absolute;top:calc(var(--zt-padding-xs) * -1);right:0;bottom:calc(var(--zt-padding-xs) * -1);left:0;content:""}.zt-slider__bar-wrapper .zt-slider__bar{position:absolute;width:100%;height:100%;background:var(--zt-slider-active-background);border-radius:inherit;transition:all var(--zt-duration-fast)}.zt-slider__button{width:var(--zt-slider-button-width);height:var(--zt-slider-button-height);background:var(--zt-slider-button-background);border-radius:var(--zt-slider-button-radius);box-shadow:var(--zt-slider-button-shadow);border:1px solid var(--zt-slider-button-border-color)}.zt-slider__button-wrapper{position:absolute;cursor:grab;top:50%}.zt-slider--disabled{cursor:not-allowed;opacity:var(--zt-slider-disabled-opacity)}.zt-slider--disabled .zt-slider__button-wrapper{cursor:not-allowed}.zt-slider--horizontal{display:flex;align-items:center;gap:var(--zt-slider-horizontal-gap)}.zt-slider--horizontal .zt-slider__title,.zt-slider--horizontal .zt-slider__percent{font-size:var(--zt-font-size-md);color:var(--zt-text-color);line-height:var(--zt-line-height-md);word-break:break-all}.zt-slider--horizontal .zt-slider__title{font-weight:600;max-width:50%}.zt-slider--horizontal .zt-slider__percent{font-weight:400;max-width:20%;min-width:2em;text-align:right}.zt-slider--vertical{width:100%;display:flex;flex-direction:column;gap:var(--zt-slider-vertical-gap)}.zt-slider--vertical .zt-slider__title,.zt-slider--vertical .zt-slider__percent{opacity:.8;font-weight:400;font-size:var(--zt-font-size-sm);color:var(--zt-text-color);line-height:var(--zt-line-height-sm);word-break:break-all}.zt-slider--vertical .zt-slider__title{min-width:0;flex:1}.zt-slider--vertical .zt-slider__percent{max-width:50%}.zt-slider__title,.zt-slider__percent{flex-shrink:0}.zt-slider__direction-vertical-title{display:flex;justify-content:space-between;align-items:center;gap:var(--zt-slider-vertical-gap)}

package/es/slider/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Slider: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Slider: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -44,7 +44,7 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
         type: NumberConstructor;
         default: number;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragEnd" | "dragStart")[], "update:modelValue" | "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragEnd" | "dragStart")[], "update:modelValue" | "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -90,12 +90,12 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
         type: NumberConstructor;
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
     onDragStart?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     reverse: boolean;
     range: boolean;
     max: string | number;
@@ -109,7 +109,7 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     showPercent: boolean;
     barEdgeOffset: number;
     barEdgeOffsetBoundary: number;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Slider;
 export { sliderProps } from './Slider';
 export type { SliderProps, SliderDirection } from './Slider';

package/es/step/Step.d.ts

@@ -3,13 +3,13 @@ export declare const stepProps: {
     activeIcon: StringConstructor;
     inactiveIcon: StringConstructor;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     iconPrefix: StringConstructor;
     activeIcon: StringConstructor;
     inactiveIcon: StringConstructor;
-}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iconPrefix: StringConstructor;
     activeIcon: StringConstructor;
     inactiveIcon: StringConstructor;
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/step/Step.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
+import { computed, defineComponent, createVNode as _createVNode } from "vue";
 import { BORDER, createNamespace } from "../utils/index.mjs";
 import { STEPS_KEY } from "../steps/Steps.mjs";
 import { useParent } from "@zartui/use";

package/es/step/index.css

@@ -1 +1 @@
-:root{--zt-step-process-text-color: var(--zt-text-color);--zt-step-line-color: var(--zt-gray-a1);--zt-step-circle-container-background: var(--zt-background-popup);--zt-step-circle-container-left: 0}:root[zt-theme-size=large]{--zt-step-circle-container-left: 6px}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-line-height-md);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-font-size-md)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-background);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-font-size-md);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-md)}.zt-step--vertical .zt-step__title{font-size:var(--zt-font-size-md);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:var(--zt-step-circle-container-left);z-index:1;font-size:var(--zt-font-size-sm);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}
+:root{--zt-step-process-text-color: var(--zt-text-color);--zt-step-line-color: var(--zt-gray-a1);--zt-step-circle-container-background: var(--zt-background-popup);--zt-step-circle-container-left: 0}:root[zt-theme-size=large]{--zt-step-circle-container-left: 6px}.zt-step{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-line-height-md);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-font-size-md)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-background);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-font-size-md);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-md)}.zt-step--vertical .zt-step__title{font-size:var(--zt-font-size-md);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:var(--zt-step-circle-container-left);z-index:1;font-size:var(--zt-font-size-sm);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}