zartui 3.0.2 → 3.0.3

package/es/action-sheet/ActionSheet.d.ts

@@ -0,0 +1,194 @@
+import type { ExtractPropTypes } from 'vue';
+export declare type ActionSheetAction = {
+    name?: string;
+    color?: string;
+    subname?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    callback?: (action: ActionSheetAction) => void;
+    className?: unknown;
+};
+export declare const actionSheetProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => ActionSheetAction[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickAction: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type ActionSheetProps = ExtractPropTypes<typeof actionSheetProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => ActionSheetAction[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickAction: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => ActionSheetAction[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickAction: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    overlay: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+    round: boolean;
+    closeIcon: string;
+    closeable: boolean;
+    closeOnPopstate: boolean;
+    safeAreaInsetBottom: boolean;
+    actions: ActionSheetAction[];
+    closeOnClickAction: boolean;
+}>;
+export default _default;

package/es/action-sheet/ActionSheet.mjs

@@ -0,0 +1,142 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { nextTick, defineComponent } from "vue";
+import { pick, extend, truthProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK, BORDER_BOTTOM } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Popup } from "../popup/index.mjs";
+import { Loading } from "../loading/index.mjs";
+import { popupSharedProps, popupSharedPropKeys } from "../popup/shared.mjs";
+const [name, bem] = createNamespace("action-sheet");
+const actionSheetProps = extend({}, popupSharedProps, {
+  title: String,
+  round: truthProp,
+  actions: makeArrayProp(),
+  closeIcon: makeStringProp("cross"),
+  closeable: truthProp,
+  cancelText: String,
+  description: String,
+  closeOnPopstate: truthProp,
+  closeOnClickAction: Boolean,
+  safeAreaInsetBottom: truthProp
+});
+const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
+var stdin_default = defineComponent({
+  name,
+  props: actionSheetProps,
+  emits: ["select", "cancel", "update:show"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const updateShow = (show) => emit("update:show", show);
+    const onCancel = () => {
+      updateShow(false);
+      emit("cancel");
+    };
+    const renderHeader = () => {
+      if (props.title) {
+        return _createVNode("div", {
+          "class": bem("header")
+        }, [props.title, props.closeable && _createVNode(Icon, {
+          "name": props.closeIcon,
+          "class": [bem("close"), HAPTICS_FEEDBACK],
+          "onClick": onCancel
+        }, null)]);
+      }
+    };
+    const renderCancel = () => {
+      if (slots.cancel || props.cancelText) {
+        return [_createVNode("div", {
+          "class": bem("cancel")
+        }, [_createVNode("button", {
+          "type": "button",
+          "class": bem("cancel-btn"),
+          "onClick": onCancel
+        }, [slots.cancel ? slots.cancel() : props.cancelText])])];
+      }
+    };
+    const renderActionContent = (action, index) => {
+      if (action.loading) {
+        return _createVNode(Loading, {
+          "class": bem("loading-icon")
+        }, null);
+      }
+      if (slots.action) {
+        return slots.action({
+          action,
+          index
+        });
+      }
+      return [_createVNode("span", {
+        "class": bem("name")
+      }, [action.name]), action.subname && _createVNode("div", {
+        "class": bem("subname")
+      }, [action.subname])];
+    };
+    const renderAction = (action, index) => {
+      const {
+        color,
+        loading,
+        callback,
+        disabled,
+        className
+      } = action;
+      const onClick = () => {
+        if (disabled || loading) {
+          return;
+        }
+        if (callback) {
+          callback(action);
+        }
+        if (props.closeOnClickAction) {
+          updateShow(false);
+        }
+        nextTick(() => emit("select", action, index));
+      };
+      let showBorder = true;
+      const hasCancelBtn = slots.cancel || props.cancelText;
+      if (props.actions && index === props.actions.length - 1 && !hasCancelBtn) {
+        showBorder = false;
+      }
+      return _createVNode("button", {
+        "type": "button",
+        "style": {
+          color
+        },
+        "class": [bem("item", {
+          loading,
+          disabled,
+          "with-sub": action.subname
+        }), className, {
+          [BORDER_BOTTOM]: showBorder
+        }],
+        "onClick": onClick
+      }, [renderActionContent(action, index)]);
+    };
+    const renderDescription = () => {
+      if (props.description || slots.description) {
+        const content = slots.description ? slots.description() : props.description;
+        return _createVNode("div", {
+          "class": bem("description", {
+            custom: !!slots.description
+          })
+        }, [content]);
+      }
+    };
+    return () => _createVNode(Popup, _mergeProps({
+      "class": bem(),
+      "position": "bottom",
+      "onUpdate:show": updateShow
+    }, pick(props, popupInheritKeys)), {
+      default: () => {
+        var _a;
+        return [renderHeader(), renderDescription(), _createVNode("div", {
+          "class": bem("content")
+        }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
+      }
+    });
+  }
+});
+export {
+  actionSheetProps,
+  stdin_default as default
+};

package/es/action-sheet/index.css

@@ -0,0 +1 @@
+:root{--zt-action-sheet-max-height: 80%;--zt-action-sheet-header-height: 44px;--zt-action-sheet-header-font-size: var(--zt-font-size-lg);--zt-action-sheet-description-color: var(--zt-text-color-a6);--zt-action-sheet-description-font-size: var(--zt-font-size-md);--zt-action-sheet-description-line-height: var(--zt-line-height-md);--zt-action-sheet-item-background: var(--zt-background-2);--zt-action-sheet-item-font-size: var(--zt-font-size-lg);--zt-action-sheet-item-line-height: 24px;--zt-action-sheet-item-text-color: var(--zt-text-color);--zt-action-sheet-item-disabled-text-color: var(--zt-text-color-a2);--zt-action-sheet-subname-color: var(--zt-text-color-a6);--zt-action-sheet-subname-font-size: var(--zt-font-size-sm);--zt-action-sheet-subname-line-height: var(--zt-line-height-xs);--zt-action-sheet-close-icon-size: 22px;--zt-action-sheet-close-icon-color: var(--zt-gray-5);--zt-action-sheet-close-icon-padding: 0 var(--zt-padding-md);--zt-action-sheet-cancel-text-color: var(--zt-text-color);--zt-action-sheet-loading-icon-size: 16px}.zt-action-sheet{display:flex;flex-direction:column;max-height:var(--zt-action-sheet-max-height);overflow:hidden;color:var(--zt-action-sheet-item-text-color)}.zt-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-action-sheet__item,.zt-action-sheet__cancel{display:block;width:100%;padding:10px var(--zt-padding-md);font-size:var(--zt-action-sheet-item-font-size);background:var(--zt-action-sheet-item-background);border:none;cursor:pointer}.zt-action-sheet__item{line-height:var(--zt-action-sheet-item-line-height)}.zt-action-sheet__item:active{background-color:var(--zt-gray-a04)}.zt-action-sheet__item--loading,.zt-action-sheet__item--disabled{color:var(--zt-action-sheet-item-disabled-text-color)}.zt-action-sheet__item--loading:active,.zt-action-sheet__item--disabled:active{background-color:var(--zt-action-sheet-item-background)}.zt-action-sheet__item--disabled{cursor:not-allowed}.zt-action-sheet__item--loading{cursor:default}.zt-action-sheet__item--with-sub{padding-top:8px;padding-bottom:8px}.zt-action-sheet__cancel{padding:8px 16px;flex-shrink:0;box-sizing:border-box;color:var(--zt-action-sheet-cancel-text-color)}.zt-action-sheet__cancel-btn{width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:44px;font-size:16px;color:var(--zt-text-color);line-height:24px}.zt-action-sheet__cancel-btn:active{opacity:var(--zt-active-opacity)}.zt-action-sheet__subname{margin-top:var(--zt-padding-xxs);color:var(--zt-action-sheet-subname-color);font-size:var(--zt-action-sheet-subname-font-size);line-height:var(--zt-action-sheet-subname-line-height)}.zt-action-sheet__header{flex-shrink:0;font-weight:var(--zt-font-bold);font-size:var(--zt-action-sheet-header-font-size);line-height:var(--zt-action-sheet-header-height);text-align:center}.zt-action-sheet__description{position:relative;flex-shrink:0;padding:12px var(--zt-padding-md);color:var(--zt-action-sheet-description-color);font-size:var(--zt-action-sheet-description-font-size);line-height:var(--zt-action-sheet-description-line-height);text-align:center}.zt-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-action-sheet__description--custom{padding:0}.zt-action-sheet__loading-icon .zt-loading__spinner{width:var(--zt-action-sheet-loading-icon-size);height:var(--zt-action-sheet-loading-icon-size)}.zt-action-sheet__close{position:absolute;top:0;right:0;padding:var(--zt-action-sheet-close-icon-padding);color:var(--zt-action-sheet-close-icon-color);font-size:var(--zt-action-sheet-close-icon-size);line-height:inherit}

package/es/action-sheet/index.d.ts

@@ -0,0 +1,135 @@
+export declare const ActionSheet: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actions: {
+        type: import("vue").PropType<import("./ActionSheet").ActionSheetAction[]>;
+        default: () => import("./ActionSheet").ActionSheetAction[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickAction: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actions: {
+        type: import("vue").PropType<import("./ActionSheet").ActionSheetAction[]>;
+        default: () => import("./ActionSheet").ActionSheetAction[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickAction: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    overlay: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+    round: boolean;
+    closeIcon: string;
+    closeable: boolean;
+    closeOnPopstate: boolean;
+    safeAreaInsetBottom: boolean;
+    actions: import("./ActionSheet").ActionSheetAction[];
+    closeOnClickAction: boolean;
+}>>;
+export default ActionSheet;
+export { actionSheetProps } from './ActionSheet';
+export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtActionSheet: typeof ActionSheet;
+    }
+}

package/es/action-sheet/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _ActionSheet from "./ActionSheet.mjs";
+const ActionSheet = withInstall(_ActionSheet);
+var stdin_default = ActionSheet;
+import { actionSheetProps } from "./ActionSheet.mjs";
+export {
+  ActionSheet,
+  actionSheetProps,
+  stdin_default as default
+};

package/es/action-sheet/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/action-sheet/style/index.mjs

@@ -0,0 +1,7 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../loading/index.css";
+import "../index.css";

package/es/avatar/Avatar.d.ts

@@ -0,0 +1,55 @@
+import { ExtractPropTypes } from 'vue';
+import { AvatarShape, AvatarSize } from './types';
+declare const avatarProps: {
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<AvatarSize>;
+        default: AvatarSize;
+    };
+    shape: {
+        type: import("vue").PropType<AvatarShape>;
+        default: AvatarShape;
+    };
+    text: StringConstructor;
+    textBgColor: StringConstructor;
+};
+export declare type AvatarProps = ExtractPropTypes<typeof avatarProps>;
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<AvatarSize>;
+        default: AvatarSize;
+    };
+    shape: {
+        type: import("vue").PropType<AvatarShape>;
+        default: AvatarShape;
+    };
+    text: StringConstructor;
+    textBgColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<AvatarSize>;
+        default: AvatarSize;
+    };
+    shape: {
+        type: import("vue").PropType<AvatarShape>;
+        default: AvatarShape;
+    };
+    text: StringConstructor;
+    textBgColor: StringConstructor;
+}>>, {
+    shape: AvatarShape;
+    src: string;
+    size: AvatarSize;
+}>;
+export default _default;

package/es/avatar/Avatar.mjs

@@ -0,0 +1,65 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent } from "vue";
+import { createNamespace, makeStringProp } from "../utils/index.mjs";
+import ZtImage from "../image/index.mjs";
+const [name, bem] = createNamespace("avatar");
+const avatarProps = {
+  src: makeStringProp(""),
+  size: makeStringProp("medium"),
+  shape: makeStringProp("square"),
+  text: String,
+  textBgColor: String
+};
+var stdin_default = defineComponent({
+  name,
+  props: avatarProps,
+  setup(props) {
+    const headText = computed(() => {
+      var _a;
+      if (props.text) {
+        const len = ((_a = props == null ? void 0 : props.text) == null ? void 0 : _a.length) || 0;
+        if (len === 1) {
+          return props.text;
+        } else if (len > 1) {
+          return props.text.substring(len - 2, 2);
+        }
+      }
+      return "";
+    });
+    const classArr = computed(() => {
+      const arr = [];
+      if (props.size) {
+        arr.push(props.size);
+      }
+      arr.push(props.shape);
+      return arr;
+    });
+    const style = computed(() => {
+      if (props.textBgColor) {
+        return {
+          backgroundColor: props.textBgColor
+        };
+      }
+    });
+    const renderText = () => _createVNode("div", {
+      "class": bem("img", classArr.value),
+      "style": style.value
+    }, [headText.value]);
+    return () => {
+      if (!props.src) {
+        return renderText();
+      }
+      return _createVNode(ZtImage, {
+        "round": props.shape === "round",
+        "class": bem("img", classArr.value),
+        "style": style.value,
+        "src": props.src
+      }, {
+        error: renderText()
+      });
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/avatar/index.css

@@ -0,0 +1 @@
+:root{--zt-avatar-background-color: var(--zt-blue);--zt-avatar-color: var(--zt-white);--zt-avatar-size-small: 32px;--zt-avatar-font-size-small: 12px;--zt-avatar-size-medium: 48px;--zt-avatar-font-size-medium: 16px;--zt-avatar-size-large: 60px;--zt-avatar-font-size-large: 20px;--zt-avatar-square-radius: 4px}.zt-avatar{font-weight:700;display:flex;justify-content:center;align-items:center}.zt-avatar__img{background-color:var(--zt-avatar-background-color);color:var(--zt-avatar-color);text-align:center}.zt-avatar__img--small{width:var(--zt-avatar-size-small);height:var(--zt-avatar-size-small);font-size:var(--zt-avatar-font-size-small);line-height:var(--zt-avatar-size-small)}.zt-avatar__img--medium{width:var(--zt-avatar-size-medium);height:var(--zt-avatar-size-medium);font-size:var(--zt-avatar-font-size-medium);line-height:var(--zt-avatar-size-medium)}.zt-avatar__img--large{width:var(--zt-avatar-size-large);height:var(--zt-avatar-size-large);font-size:var(--zt-avatar-font-size-large);line-height:var(--zt-avatar-size-large)}.zt-avatar__img--square{border-radius:var(--zt-avatar-square-radius)}.zt-avatar__img--round{border-radius:var(--zt-radius-max)}

package/es/avatar/index.d.ts

@@ -0,0 +1,43 @@
+export declare const Avatar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").AvatarSize>;
+        default: import("./types").AvatarSize;
+    };
+    shape: {
+        type: import("vue").PropType<import("./types").AvatarShape>;
+        default: import("./types").AvatarShape;
+    };
+    text: StringConstructor;
+    textBgColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").AvatarSize>;
+        default: import("./types").AvatarSize;
+    };
+    shape: {
+        type: import("vue").PropType<import("./types").AvatarShape>;
+        default: import("./types").AvatarShape;
+    };
+    text: StringConstructor;
+    textBgColor: StringConstructor;
+}>>, {
+    shape: import("./types").AvatarShape;
+    src: string;
+    size: import("./types").AvatarSize;
+}>>;
+export default Avatar;
+export type { AvatarProps } from './Avatar';
+export type { AvatarShape, AvatarSize } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtAvatar: typeof Avatar;
+    }
+}

package/es/avatar/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Avatar from "./Avatar.mjs";
+const Avatar = withInstall(_Avatar);
+var stdin_default = Avatar;
+export {
+  Avatar,
+  stdin_default as default
+};

package/es/avatar/style/index.d.ts

@@ -0,0 +1 @@
+export {};