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

package/lib/cascader/Cascader.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_tab = require("../tab");
 var import_tabs = require("../tabs");
@@ -60,7 +59,7 @@ const cascaderProps = {
   safeAreaInsetTop: Boolean,
   closeOnClickOverlay: import_utils.truthProp
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: cascaderProps,
   emits: ["change", "finish", "clickTab", "update:modelValue", "update:show", "cancel"],
@@ -68,10 +67,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots,
     emit
   }) {
-    const tabs = (0, import_vue2.ref)([]);
-    const activeTab = (0, import_vue2.ref)(0);
-    const currentValues = (0, import_vue2.ref)(props.modelValue);
-    const currentShow = (0, import_vue2.ref)(props.show);
+    const tabs = (0, import_vue.ref)([]);
+    const activeTab = (0, import_vue.ref)(0);
+    const currentValues = (0, import_vue.ref)(props.modelValue);
+    const currentShow = (0, import_vue.ref)(props.show);
     const {
       text: textKey,
       value: valueKey,
@@ -120,7 +119,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
               selected: null
             });
           }
-          (0, import_vue2.nextTick)(() => {
+          (0, import_vue.nextTick)(() => {
             activeTab.value = tabs.value.length - 1;
           });
           return;
@@ -149,7 +148,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         } else {
           tabs.value.push(nextTab);
         }
-        (0, import_vue2.nextTick)(() => {
+        (0, import_vue.nextTick)(() => {
           activeTab.value++;
         });
       }
@@ -262,20 +261,20 @@ var stdin_default = (0, import_vue2.defineComponent)({
         currentValues.value = props.modelValue;
       }
     };
-    (0, import_vue2.watch)(currentShow, (newValue) => {
+    (0, import_vue.watch)(currentShow, (newValue) => {
       if (newValue !== props.show) {
         emit("update:show", newValue);
       }
     });
-    (0, import_vue2.watch)(() => props.show, (newValue) => {
+    (0, import_vue.watch)(() => props.show, (newValue) => {
       if (newValue !== currentShow.value) {
         currentShow.value = newValue;
       }
     });
-    (0, import_vue2.watch)(() => props.options, updateTabs, {
+    (0, import_vue.watch)(() => props.options, updateTabs, {
       deep: true
     });
-    (0, import_vue2.watch)(() => props.modelValue, (value) => {
+    (0, import_vue.watch)(() => props.modelValue, (value) => {
       if (value !== void 0) {
         const values = tabs.value.map((tab) => {
           var _a;

package/lib/cascader/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {
@@ -46,7 +46,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {
@@ -94,14 +94,14 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onClickTab?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     position: import("..").PopupPosition;
     round: boolean;
     show: boolean;
@@ -114,7 +114,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     swipeable: boolean;
     options: import("./types").CascaderOption[];
     showHeader: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Cascader;
 export { cascaderProps } from './Cascader';
 export type { CascaderProps } from './Cascader';

package/lib/cell/Cell.d.ts

@@ -93,9 +93,10 @@ declare const cellProps: {
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: PropType<import("vue-router").Router>;
 };
 export type CellProps = ExtractPropTypes<typeof cellProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -142,7 +143,8 @@ declare const _default: import("vue").DefineComponent<{
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    $router: PropType<import("vue-router").Router>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -189,10 +191,11 @@ declare const _default: import("vue").DefineComponent<{
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}>> & {
+    $router: PropType<import("vue-router").Router>;
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     replace: boolean;
     center: boolean;
     value: string;
@@ -204,5 +207,5 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     clearIcon: string;
     description: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/cell/Cell.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_route = require("../composables/use-route");
 var import_use = require("@zartui/use");
@@ -59,7 +58,7 @@ const cellSharedProps = {
   description: (0, import_utils.makeStringProp)("")
 };
 const cellProps = (0, import_utils.extend)({}, cellSharedProps, import_use_route.routeProps);
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: cellProps,
   emits: ["click", "clear"],
@@ -68,7 +67,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit
   }) {
     const route = (0, import_use_route.useRoute)();
-    const clearIconRef = (0, import_vue2.ref)();
+    const clearIconRef = (0, import_vue.ref)();
     const renderLabel = () => {
       const showLabel = slots.label || (0, import_utils.isDef)(props.label);
       if (showLabel) {
@@ -141,7 +140,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return "click";
     }
     (0, import_use.useEventListener)(getClearIconListenerEvent(), onClear, {
-      target: (0, import_vue2.computed)(() => {
+      target: (0, import_vue.computed)(() => {
         var _a;
         return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
       })
@@ -192,8 +191,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, null);
       }
     };
-    const showDescription = (0, import_vue2.computed)(() => !(0, import_utils2.isEmptyValue)(props.description));
-    const showErrorMessage = (0, import_vue2.computed)(() => !(0, import_utils2.isEmptyValue)(props.errorMessage));
+    const showDescription = (0, import_vue.computed)(() => !(0, import_utils2.isEmptyValue)(props.description));
+    const showErrorMessage = (0, import_vue.computed)(() => !(0, import_utils2.isEmptyValue)(props.errorMessage));
     const renderDescription = () => {
       if (!showDescription.value) {
         return;

package/lib/cell/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -45,7 +45,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    $router: import("vue").PropType<import("vue-router").Router>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -92,10 +93,11 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}>> & {
+    $router: import("vue").PropType<import("vue-router").Router>;
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     replace: boolean;
     center: boolean;
     value: string;
@@ -107,7 +109,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     clearable: boolean;
     clearIcon: string;
     description: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Cell;
 export type { CellProps, CellArrowDirection } from './Cell';
 export type { CellDirection, CellThemeVars } from './types';

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

@@ -8,22 +8,22 @@ declare const cellGroupProps: {
     };
 };
 export type CellGroupProps = ExtractPropTypes<typeof cellGroupProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     inset: boolean;
     border: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/cell-group/CellGroup.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_scope_id = require("../composables/use-scope-id");
 const [name, bem] = (0, import_utils.createNamespace)("cell-group");
@@ -30,7 +29,7 @@ const cellGroupProps = {
   inset: Boolean,
   border: import_utils.truthProp
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   inheritAttrs: false,
   props: cellGroupProps,

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

@@ -1,21 +1,21 @@
-export declare const CellGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CellGroup: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     inset: boolean;
     border: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default CellGroup;
 export type { CellGroupProps } from './CellGroup';
 declare module 'vue' {

package/lib/checkbox/Checkbox.d.ts

@@ -23,7 +23,7 @@ declare const checkboxProps: {
     };
 };
 export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     name: PropType<unknown>;
     shape: {
         type: PropType<import("./Checker").CheckerShape>;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         type: 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<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     name: PropType<unknown>;
     shape: {
         type: PropType<import("./Checker").CheckerShape>;
@@ -65,14 +65,14 @@ declare const _default: import("vue").DefineComponent<{
         type: 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 _default;

package/lib/checkbox/Checkbox.js

@@ -31,7 +31,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_CheckboxGroup = require("../checkbox-group/CheckboxGroup");
 var import_use = require("@zartui/use");
@@ -45,7 +44,7 @@ const checkboxProps = (0, import_utils.extend)({}, import_Checker.checkerProps,
     default: null
   }
 });
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
@@ -83,7 +82,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       }
     };
-    const checked = (0, import_vue2.computed)(() => {
+    const checked = (0, import_vue.computed)(() => {
       if (parent && props.bindGroup) {
         return parent.props.modelValue.indexOf(props.name) !== -1;
       }
@@ -99,7 +98,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       }
     };
-    (0, import_vue2.watch)(() => props.modelValue, (value) => {
+    (0, import_vue.watch)(() => props.modelValue, (value) => {
       if (props.indeterminate === null) {
         emit("change", value);
       }

package/lib/checkbox/Checker.d.ts

@@ -24,7 +24,7 @@ export declare const checkerProps: {
     labelPosition: PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: PropType<unknown>;
     shape: {
         type: PropType<CheckerShape>;
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: PropType<unknown>;
     shape: {
         type: PropType<CheckerShape>;
@@ -80,15 +80,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onToggle?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     shape: CheckerShape;
     disabled: boolean;
     checked: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
     indeterminate: boolean | null;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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;