zartui 3.1.23 → 3.1.25

package/lib/checkbox/Checker.js

@@ -22,7 +22,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_icon = require("../icon");
 const checkerProps = {
@@ -35,7 +34,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   props: (0, import_utils.extend)({}, checkerProps, {
     bem: (0, import_utils.makeRequiredProp)(Function),
     role: String,
@@ -52,15 +51,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const iconRef = (0, import_vue2.ref)();
+    const iconRef = (0, import_vue.ref)();
     const getParentProp = (name) => {
       if (props.parent && props.bindGroup) {
         return props.parent.props[name];
       }
     };
-    const disabled = (0, import_vue2.computed)(() => getParentProp("disabled") || props.disabled);
-    const direction = (0, import_vue2.computed)(() => getParentProp("direction"));
-    const iconStyle = (0, import_vue2.computed)(() => {
+    const disabled = (0, import_vue.computed)(() => getParentProp("disabled") || props.disabled);
+    const direction = (0, import_vue.computed)(() => getParentProp("direction"));
+    const iconStyle = (0, import_vue.computed)(() => {
       const checkedColor = props.checkedColor || getParentProp("checkedColor");
       if (checkedColor && props.checked && !disabled.value) {
         return {

package/lib/checkbox/index.css

@@ -1 +1 @@
-:root{--zt-checkbox-padding: 12px 0;--zt-checkbox-border-color: var(--zt-gray-a1);--zt-checkbox-duration: var(--zt-duration-fast);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray-a1);--zt-checkbox-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-checkbox-label-margin: var(--zt-padding-xs);--zt-checkbox-label-color: var(--zt-text-color);--zt-checkbox-checked-icon-color: var(--zt-primary-color);--zt-checkbox-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-checkbox-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-disabled-icon-border: 1px solid var(--zt-gray-a08);--zt-checkbox-disabled-label-color: var(--zt-gray-a2);--zt-checkbox-disabled-checked-icon-opacity: var(--zt-disabled-opacity);--zt-checkbox-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-checkbox{position:relative;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--zt-checkbox-padding)}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-right:var(--zt-padding-sm)}.zt-checkbox__icon{font-size:var(--zt-font-size-lg);cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid var(--zt-checkbox-border-color);transition-duration:var(--zt-checkbox-duration);transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-icon{border-radius:100%;border:var(--zt-checkbox-round-icon-border);box-shadow:var(--zt-checkbox-round-icon-box-shadow);background:var(--zt-checkbox-round-icon-background)}.zt-checkbox__icon--indeterminate .zt-icon,.zt-checkbox__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:var(--zt-checkbox-disabled-icon-border);box-shadow:var(--zt-checkbox-disabled-icon-shadow);background:var(--zt-checkbox-disabled-icon-background)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:var(--zt-checkbox-disabled-checked-icon-opacity);background:var(--zt-checkbox-checked-icon-color);color:var(--zt-white)}.zt-checkbox__label{margin-left:var(--zt-checkbox-label-margin);color:var(--zt-checkbox-label-color);font-size:var(--zt-font-size-md)}.zt-checkbox__label--left{margin:0 var(--zt-checkbox-label-margin) 0 0}.zt-checkbox__label--disabled{color:var(--zt-checkbox-disabled-label-color)}.zt-theme-dark{--zt-checkbox-round-icon-box-shadow: none;--zt-checkbox-disabled-icon-shadow: none;--zt-checkbox-round-icon-background: rgba(255, 255, 255, .04);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray);--zt-checkbox-disabled-icon-background: var(--zt-gray-a2)}
+:root{--zt-checkbox-padding: 12px 0;--zt-checkbox-border-color: var(--zt-gray-a1);--zt-checkbox-duration: var(--zt-duration-fast);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray-a1);--zt-checkbox-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-checkbox-label-margin: var(--zt-padding-xs);--zt-checkbox-label-color: var(--zt-text-color);--zt-checkbox-checked-icon-color: var(--zt-primary-color);--zt-checkbox-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-checkbox-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-disabled-icon-border: 1px solid var(--zt-gray-a08);--zt-checkbox-disabled-label-color: var(--zt-gray-a2);--zt-checkbox-disabled-checked-icon-opacity: var(--zt-disabled-opacity);--zt-checkbox-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-checkbox{position:relative;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--zt-checkbox-padding)}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-right:var(--zt-padding-sm)}.zt-checkbox__icon{font-size:var(--zt-font-size-lg);cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid var(--zt-checkbox-border-color);transition-duration:var(--zt-checkbox-duration);transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-icon{border-radius:100%;border:var(--zt-checkbox-round-icon-border);box-shadow:var(--zt-checkbox-round-icon-box-shadow);background:var(--zt-checkbox-round-icon-background)}.zt-checkbox__icon--indeterminate .zt-icon,.zt-checkbox__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:var(--zt-checkbox-disabled-icon-border);box-shadow:var(--zt-checkbox-disabled-icon-shadow);background:var(--zt-checkbox-disabled-icon-background)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:var(--zt-checkbox-disabled-checked-icon-opacity);background:var(--zt-checkbox-checked-icon-color);color:var(--zt-white)}.zt-checkbox__label{margin-left:var(--zt-checkbox-label-margin);color:var(--zt-checkbox-label-color);font-size:var(--zt-font-size-md)}.zt-checkbox__label--left{margin:0 var(--zt-checkbox-label-margin) 0 0}.zt-checkbox__label--disabled{color:var(--zt-checkbox-disabled-label-color)}.zt-theme-dark{--zt-checkbox-round-icon-box-shadow: none;--zt-checkbox-disabled-icon-shadow: none;--zt-checkbox-round-icon-background: rgba(255, 255, 255, .04);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray);--zt-checkbox-disabled-icon-background: var(--zt-gray-a2)}

package/lib/checkbox/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
     shape: {
         type: import("vue").PropType<import("./Checker").CheckerShape>;
@@ -19,7 +19,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}, () => 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<{
     name: import("vue").PropType<unknown>;
     shape: {
         type: import("vue").PropType<import("./Checker").CheckerShape>;
@@ -40,16 +40,16 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     shape: import("./Checker").CheckerShape;
     disabled: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
     indeterminate: boolean | null;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Checkbox;
 export type { CheckboxProps } from './Checkbox';
 export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, CheckboxThemeVars, } from './types';

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

@@ -17,7 +17,7 @@ declare const checkboxGroupProps: {
 };
 export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
 export declare const CHECKBOX_GROUP_KEY: InjectionKey<CheckboxGroupProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => unknown[];
     };
     checkedColor: 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<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
@@ -43,12 +43,12 @@ declare const _default: import("vue").DefineComponent<{
         default: () => unknown[];
     };
     checkedColor: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     direction: CheckerDirection;
     modelValue: unknown[];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/checkbox-group/CheckboxGroup.js

@@ -22,7 +22,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_use_expose = require("../composables/use-expose");
@@ -36,7 +35,7 @@ const checkboxGroupProps = {
   checkedColor: String
 };
 const CHECKBOX_GROUP_KEY = Symbol(name);
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
@@ -71,7 +70,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const names = checkedChildren.map((item) => item.name);
       updateValue(names);
     };
-    (0, import_vue2.watch)(() => props.modelValue, (value) => emit("change", value));
+    (0, import_vue.watch)(() => props.modelValue, (value) => emit("change", value));
     (0, import_use_expose.useExpose)({
       toggleAll
     });

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

@@ -1,4 +1,4 @@
-export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
@@ -11,7 +11,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
         default: () => unknown[];
     };
     checkedColor: 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<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
@@ -24,14 +24,14 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
         default: () => unknown[];
     };
     checkedColor: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     direction: import("../checkbox/Checker").CheckerDirection;
     modelValue: unknown[];
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default CheckboxGroup;
 export type { CheckboxGroupProps } from './CheckboxGroup';
 export type { CheckboxGroupInstance, CheckboxGroupDirection, CheckboxGroupToggleAllOptions, } from './types';

package/lib/col/Col.d.ts

@@ -11,7 +11,7 @@ declare const colProps: {
     offset: (NumberConstructor | StringConstructor)[];
 };
 export type ColProps = ExtractPropTypes<typeof colProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}, () => 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: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -31,8 +31,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}>>, {
+}>> & Readonly<{}>, {
     span: string | number;
     tag: keyof HTMLElementTagNameMap;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/col/Col.js

@@ -21,7 +21,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_Row = require("../row/Row");
@@ -31,7 +30,7 @@ const colProps = {
   span: (0, import_utils.makeNumericProp)(0),
   offset: import_utils.numericProp
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: colProps,
   setup(props, {
@@ -41,7 +40,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       parent,
       index
     } = (0, import_use.useParent)(import_Row.ROW_KEY);
-    const style = (0, import_vue2.computed)(() => {
+    const style = (0, import_vue.computed)(() => {
       if (!parent) {
         return;
       }

package/lib/col/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Col: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Col: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -8,7 +8,7 @@ export declare const Col: import("../utils").WithInstall<import("vue").DefineCom
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}, () => 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;
@@ -18,10 +18,10 @@ export declare const Col: import("../utils").WithInstall<import("vue").DefineCom
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}>>, {
+}>> & Readonly<{}>, {
     span: string | number;
     tag: keyof HTMLElementTagNameMap;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Col;
 export type { ColProps } from './Col';
 declare module 'vue' {

package/lib/collapse/Collapse.d.ts

@@ -24,7 +24,7 @@ export type CollapseProps = ExtractPropTypes<typeof collapseProps>;
 export type CollapseInstance = ComponentPublicInstance<{
     toggleAll: (options?: boolean | CollapseToggleAllOptions) => void;
 }>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     border: {
         type: BooleanConstructor;
         default: true;
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric | Numeric[]>;
         default: string;
     };
-}, () => 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<{
     border: {
         type: BooleanConstructor;
         default: true;
@@ -44,12 +44,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric | Numeric[]>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     border: boolean;
     modelValue: Numeric | Numeric[];
     accordion: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/collapse/Collapse.js

@@ -23,7 +23,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_use_expose = require("../composables/use-expose");
@@ -48,7 +47,7 @@ function validateModelValue(modelValue, accordion) {
   }
   return true;
 }
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: collapseProps,
   emits: ["change", "update:modelValue"],

package/lib/collapse/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Collapse: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Collapse: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     border: {
         type: BooleanConstructor;
         default: true;
@@ -8,7 +8,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
-}, () => 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<{
     border: {
         type: BooleanConstructor;
         default: true;
@@ -18,14 +18,14 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     border: boolean;
     modelValue: import("../utils").Numeric | import("../utils").Numeric[];
     accordion: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Collapse;
 export { collapseProps } from './Collapse';
 export type { CollapseProps, CollapseInstance, CollapseToggleAllOptions, } from './Collapse';

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

@@ -10,7 +10,7 @@ export declare const collapseItemProps: {
     color: StringConstructor;
 };
 export type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     name: (NumberConstructor | StringConstructor)[];
     title: (NumberConstructor | StringConstructor)[];
     lazyRender: {
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     titleBackground: StringConstructor;
     color: StringConstructor;
-}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     name: (NumberConstructor | StringConstructor)[];
     title: (NumberConstructor | StringConstructor)[];
     lazyRender: {
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     titleBackground: StringConstructor;
     color: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     lazyRender: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/collapse-item/CollapseItem.js

@@ -32,7 +32,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_Collapse = require("../collapse/Collapse");
 var import_use = require("@zartui/use");
@@ -49,14 +48,14 @@ const collapseItemProps = (0, import_utils.extend)({}, {
   titleBackground: String,
   color: String
 });
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: collapseItemProps,
   setup(props, {
     slots
   }) {
-    const wrapperRef = (0, import_vue2.ref)();
-    const contentRef = (0, import_vue2.ref)();
+    const wrapperRef = (0, import_vue.ref)();
+    const contentRef = (0, import_vue.ref)();
     const {
       parent,
       index
@@ -67,12 +66,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return;
     }
-    const name2 = (0, import_vue2.computed)(() => {
+    const name2 = (0, import_vue.computed)(() => {
       var _a;
       return (_a = props.name) != null ? _a : index.value;
     });
-    const expanded = (0, import_vue2.computed)(() => parent.isExpanded(name2.value));
-    const show = (0, import_vue2.ref)(expanded.value);
+    const expanded = (0, import_vue.computed)(() => parent.isExpanded(name2.value));
+    const show = (0, import_vue.ref)(expanded.value);
     const lazyRender = (0, import_use_lazy_render.useLazyRender)(() => show.value || !props.lazyRender);
     const onTransitionEnd = () => {
       if (!expanded.value) {
@@ -81,14 +80,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
         wrapperRef.value.style.height = "";
       }
     };
-    (0, import_vue2.watch)(expanded, (value, oldValue) => {
+    (0, import_vue.watch)(expanded, (value, oldValue) => {
       if (oldValue === null) {
         return;
       }
       if (value) {
         show.value = true;
       }
-      const tick = value ? import_vue2.nextTick : import_use.raf;
+      const tick = value ? import_vue.nextTick : import_use.raf;
       tick(() => {
         if (!contentRef.value || !wrapperRef.value) {
           return;

package/lib/collapse-item/index.css

@@ -1 +1 @@
-:root{--zt-collapse-item-duration: var(--zt-duration-base);--zt-collapse-item-content-padding: var(--zt-padding-sm) var(--zt-padding-md);--zt-collapse-item-content-text-color: var(--zt-text-color);--zt-collapse-item-content-background: var(--zt-background);--zt-collapse-item-title-padding: 10px 16px;--zt-collapse-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-collapse-item-icon-font-size: 30px}.zt-collapse-item{-webkit-user-select:none;user-select:none}.zt-collapse-item__title{position:relative;display:flex;align-items:center;background-color:var(--zt-background);padding:var(--zt-collapse-item-title-padding)}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:var(--zt-primary-color)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-icon-font-size);color:var(--zt-gray-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-primary-color);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:var(--zt-white)}.zt-collapse-item__text{flex:1;font-weight:600;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-lg)}.zt-collapse-item__text--custom{color:var(--zt-white)}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;transition:height var(--zt-collapse-item-duration) ease-in-out;will-change:height}.zt-collapse-item__content{color:var(--zt-collapse-item-content-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-collapse-item-content-background)}
+:root{--zt-collapse-item-duration: var(--zt-duration-base);--zt-collapse-item-content-padding: var(--zt-padding-sm) var(--zt-padding-md);--zt-collapse-item-content-text-color: var(--zt-text-color);--zt-collapse-item-content-background: var(--zt-background);--zt-collapse-item-title-padding: 10px 16px;--zt-collapse-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-collapse-item-icon-font-size: 30px}.zt-collapse-item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.zt-collapse-item__title{position:relative;display:flex;align-items:center;background-color:var(--zt-background);padding:var(--zt-collapse-item-title-padding)}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:var(--zt-primary-color)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-icon-font-size);color:var(--zt-gray-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-primary-color);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:var(--zt-white)}.zt-collapse-item__text{flex:1;font-weight:600;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-lg)}.zt-collapse-item__text--custom{color:var(--zt-white)}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;transition:height var(--zt-collapse-item-duration) ease-in-out;will-change:height}.zt-collapse-item__content{color:var(--zt-collapse-item-content-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-collapse-item-content-background)}

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

@@ -1,4 +1,4 @@
-export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: (NumberConstructor | StringConstructor)[];
     title: (NumberConstructor | StringConstructor)[];
     lazyRender: {
@@ -7,7 +7,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     };
     titleBackground: StringConstructor;
     color: 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<{
     name: (NumberConstructor | StringConstructor)[];
     title: (NumberConstructor | StringConstructor)[];
     lazyRender: {
@@ -16,9 +16,9 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     };
     titleBackground: StringConstructor;
     color: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     lazyRender: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default CollapseItem;
 export { collapseItemProps } from './CollapseItem';
 export type { CollapseItemProps } from './CollapseItem';

package/lib/composables/use-height.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'vue';
-export declare const useHeight: (element: Element | Ref<Element | undefined>, withSafeArea?: boolean) => Ref<number | undefined>;
+export declare const useHeight: (element: Element | Ref<Element | undefined>, withSafeArea?: boolean) => Ref<number | undefined, number | undefined>;

package/lib/composables/use-refs.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'vue';
-export declare function useRefs<T = Element>(): readonly [Ref<T[]>, (index: number) => (el: unknown) => void];
+export declare function useRefs<T = Element>(): readonly [Ref<T[], T[]>, (index: number) => (el: unknown) => void];

package/lib/composables/use-route.d.ts

@@ -1,8 +1,10 @@
 import type { PropType, ExtractPropTypes, ComponentPublicInstance } from 'vue';
+import type { Router } from 'vue-router';
 export declare const routeProps: {
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: PropType<Router>;
 };
 export type RouteProps = ExtractPropTypes<typeof routeProps>;
 export declare function route({ to, url, replace, $router: router, }: ComponentPublicInstance<RouteProps>): void;

package/lib/composables/use-route.js

@@ -26,7 +26,8 @@ var import_vue = require("vue");
 const routeProps = {
   to: [String, Object],
   url: String,
-  replace: Boolean
+  replace: Boolean,
+  $router: Object
 };
 function route({
   to,

package/lib/composables/use-sync-prop-ref.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'vue';
-export declare const useSyncPropRef: <T>(getProp: () => T, setProp: (value: T) => void) => Ref<T>;
+export declare const useSyncPropRef: <T>(getProp: () => T, setProp: (value: T) => void) => Ref<T, T>;

package/lib/composables/use-touch.d.ts

@@ -3,15 +3,15 @@ export declare function useTouch(): {
     move: EventListener;
     start: EventListener;
     reset: () => void;
-    startX: import("vue").Ref<number>;
-    startY: import("vue").Ref<number>;
-    deltaX: import("vue").Ref<number>;
-    deltaY: import("vue").Ref<number>;
-    offsetX: import("vue").Ref<number>;
-    offsetY: import("vue").Ref<number>;
-    direction: import("vue").Ref<Direction>;
+    startX: import("vue").Ref<number, number>;
+    startY: import("vue").Ref<number, number>;
+    deltaX: import("vue").Ref<number, number>;
+    deltaY: import("vue").Ref<number, number>;
+    offsetX: import("vue").Ref<number, number>;
+    offsetY: import("vue").Ref<number, number>;
+    direction: import("vue").Ref<Direction, Direction>;
     isVertical: () => boolean;
     isHorizontal: () => boolean;
-    isTap: import("vue").Ref<boolean>;
+    isTap: import("vue").Ref<boolean, boolean>;
 };
 export {};

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

@@ -27,7 +27,7 @@ export declare const configProviderProps: {
     iconPrefix: StringConstructor;
 };
 export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
         default: ConfigProviderThemeVarsScope;
     };
     iconPrefix: StringConstructor;
-}, () => 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;
@@ -63,9 +63,9 @@ declare const _default: import("vue").DefineComponent<{
         default: ConfigProviderThemeVarsScope;
     };
     iconPrefix: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     tag: keyof HTMLElementTagNameMap;
     theme: ConfigProviderTheme;
     themeVarsScope: ConfigProviderThemeVarsScope;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/config-provider/ConfigProvider.js

@@ -23,7 +23,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use_global_z_index = require("../composables/use-global-z-index");
 const [name, bem] = (0, import_utils.createNamespace)("config-provider");
@@ -61,13 +60,13 @@ function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
     }
   });
 }
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: configProviderProps,
   setup(props, {
     slots
   }) {
-    const style = (0, import_vue2.computed)(() => mapThemeVarsToCSSVars((0, import_utils.extend)({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
+    const style = (0, import_vue.computed)(() => mapThemeVarsToCSSVars((0, import_utils.extend)({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
     if (import_utils.inBrowser) {
       const addTheme = () => {
         document.documentElement.classList.add(`zt-theme-${props.theme}`);
@@ -75,7 +74,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const removeTheme = (theme = props.theme) => {
         document.documentElement.classList.remove(`zt-theme-${theme}`);
       };
-      (0, import_vue2.watch)(() => props.theme, (newVal, oldVal) => {
+      (0, import_vue.watch)(() => props.theme, (newVal, oldVal) => {
         if (oldVal) {
           removeTheme(oldVal);
         }
@@ -83,15 +82,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }, {
         immediate: true
       });
-      (0, import_vue2.onActivated)(addTheme);
-      (0, import_vue2.onDeactivated)(removeTheme);
-      (0, import_vue2.onBeforeUnmount)(removeTheme);
-      (0, import_vue2.watch)(style, (newStyle, oldStyle) => {
+      (0, import_vue.onActivated)(addTheme);
+      (0, import_vue.onDeactivated)(removeTheme);
+      (0, import_vue.onBeforeUnmount)(removeTheme);
+      (0, import_vue.watch)(style, (newStyle, oldStyle) => {
         if (props.themeVarsScope === "global") {
           syncThemeVarsOnRoot(newStyle, oldStyle);
         }
       });
-      (0, import_vue2.watch)(() => props.themeVarsScope, (newScope, oldScope) => {
+      (0, import_vue.watch)(() => props.themeVarsScope, (newScope, oldScope) => {
         if (oldScope === "global") {
           syncThemeVarsOnRoot({}, style.value);
         }
@@ -103,8 +102,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         syncThemeVarsOnRoot(style.value, {});
       }
     }
-    (0, import_vue2.provide)(CONFIG_PROVIDER_KEY, props);
-    (0, import_vue2.watchEffect)(() => {
+    (0, import_vue.provide)(CONFIG_PROVIDER_KEY, props);
+    (0, import_vue.watchEffect)(() => {
       if (props.zIndex !== void 0) {
         (0, import_use_global_z_index.setGlobalZIndex)(props.zIndex);
       }