@antdv-next/mobile 0.0.0-stage → 0.1.0

package/dist/share-sheet/interface.d.ts

@@ -0,0 +1,98 @@
+import type { CSSProperties } from 'vue';
+import type { GetContainer, Key, VueNode } from '../_util/type';
+export interface ShareSheetOption {
+    /** Unique id, falls back to the index inside the row */
+    key?: Key;
+    /** Name below the icon */
+    label: VueNode;
+    /** Icon node rendered inside the round holder. Wins over `image`. */
+    icon?: VueNode;
+    /** Image url that fills the round holder, used when there is no `icon` */
+    image?: string;
+    /** Secondary text below `label` */
+    description?: VueNode;
+    disabled?: boolean;
+    class?: string;
+    style?: CSSProperties;
+}
+export interface ShareSheetSemanticClassNames {
+    root?: string;
+    mask?: string;
+    body?: string;
+    header?: string;
+    title?: string;
+    description?: string;
+    row?: string;
+    option?: string;
+    icon?: string;
+    label?: string;
+    cancel?: string;
+}
+export interface ShareSheetSemanticStyles {
+    root?: CSSProperties;
+    mask?: CSSProperties;
+    body?: CSSProperties;
+    header?: CSSProperties;
+    title?: CSSProperties;
+    description?: CSSProperties;
+    row?: CSSProperties;
+    option?: CSSProperties;
+    icon?: CSSProperties;
+    label?: CSSProperties;
+    cancel?: CSSProperties;
+}
+export interface ShareSheetProps {
+    /** Whether the sheet is visible. Supports `v-model:open`. */
+    open?: boolean;
+    /** Initial visibility when `open` is not controlled */
+    defaultOpen?: boolean;
+    /** One row (`ShareSheetOption[]`) or several rows (`ShareSheetOption[][]`) of options */
+    options?: ShareSheetOption[] | ShareSheetOption[][];
+    title?: VueNode;
+    /** Description below the title */
+    description?: VueNode;
+    /** Text of the cancel button. Default comes from the locale; `null` hides the button. */
+    cancelText?: VueNode;
+    /** Show the cancel button */
+    showCancel?: boolean;
+    /** Close after an option was selected */
+    closeOnSelect?: boolean;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    round?: boolean;
+    safeArea?: boolean;
+    destroyOnHidden?: boolean;
+    forceRender?: boolean;
+    getContainer?: GetContainer;
+    zIndex?: number;
+    rootClass?: string;
+    classes?: ShareSheetSemanticClassNames;
+    styles?: ShareSheetSemanticStyles;
+}
+export interface ShareSheetEmits {
+    'update:open': [open: boolean];
+    'openChange': [open: boolean];
+    /** An enabled option was clicked. `index` is the position inside its row. */
+    'select': [option: ShareSheetOption, index: number, rowIndex: number];
+    /** The cancel button was clicked */
+    'cancel': [event: MouseEvent];
+    /** The sheet asks to close: select, cancel, mask or ESC */
+    'close': [];
+    'afterOpenChange': [open: boolean];
+}
+export interface ShareSheetOptionSlotParams {
+    option: ShareSheetOption;
+    index: number;
+    rowIndex: number;
+}
+export interface ShareSheetSlots {
+    /** Custom content between the header and the options */
+    default?: () => any;
+    title?: () => any;
+    description?: () => any;
+    cancelText?: () => any;
+    /** Content of the round icon holder of one option */
+    icon?: (params: ShareSheetOptionSlotParams) => any;
+    /** Name of one option */
+    label?: (params: ShareSheetOptionSlotParams) => any;
+}

package/dist/share-sheet/style/index.css

@@ -0,0 +1,213 @@
+.am-share-sheet-root {
+  --am-share-sheet-header-color: var(--am-color-text-description);
+  --am-share-sheet-title-color: var(--am-color-text);
+  --am-share-sheet-option-width: 76px;
+  --am-share-sheet-option-gap: var(--am-margin-xs);
+  --am-share-sheet-row-padding: var(--am-padding) var(--am-padding-xs);
+  --am-share-sheet-icon-size: 48px;
+  --am-share-sheet-icon-font-size: 24px;
+  --am-share-sheet-icon-color: var(--am-color-text);
+  --am-share-sheet-icon-bg: var(--am-color-fill-tertiary);
+  --am-share-sheet-label-color: var(--am-color-text-secondary);
+  --am-share-sheet-label-font-size: var(--am-font-size-sm);
+  --am-share-sheet-description-color: var(--am-color-text-description);
+  --am-share-sheet-active-opacity: 0.6;
+  --am-share-sheet-cancel-height: 48px;
+  --am-share-sheet-cancel-color: var(--am-color-text-secondary);
+  --am-share-sheet-cancel-active-bg: var(--am-color-fill-tertiary);
+  --am-share-sheet-gap-size: 8px;
+  --am-share-sheet-gap-color: var(--am-color-bg-layout);
+  --am-share-sheet-max-height: 80%;
+}
+
+.am-popup.am-share-sheet {
+  display: flex;
+  flex-direction: column;
+  max-height: var(--am-share-sheet-max-height);
+  overflow: hidden;
+}
+
+.am-share-sheet-header {
+  flex: none;
+  padding: var(--am-padding) var(--am-padding-lg) 0;
+  color: var(--am-share-sheet-header-color);
+  font-size: var(--am-font-size);
+  line-height: var(--am-line-height);
+  text-align: center;
+}
+
+.am-share-sheet-title {
+  color: var(--am-share-sheet-title-color);
+  font-weight: var(--am-font-weight-strong);
+}
+
+.am-share-sheet-title + .am-share-sheet-description {
+  margin-top: var(--am-margin-xxs);
+}
+
+.am-share-sheet-description {
+  font-size: var(--am-font-size-sm);
+}
+
+.am-share-sheet-content {
+  flex: none;
+}
+
+.am-share-sheet-rows {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+}
+
+.am-share-sheet-row {
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  box-sizing: border-box;
+  padding: var(--am-share-sheet-row-padding);
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior-x: contain;
+  scrollbar-width: none;
+  touch-action: pan-x pan-y;
+}
+
+.am-share-sheet-row::-webkit-scrollbar {
+  display: none;
+}
+
+.am-share-sheet-row + .am-share-sheet-row::before {
+  position: absolute;
+  top: 0;
+  right: var(--am-padding);
+  left: var(--am-padding);
+  border-top: var(--am-line-width) var(--am-line-type) var(--am-color-split);
+  transform: scaleY(0.5);
+  transform-origin: top;
+  content: '';
+  pointer-events: none;
+}
+
+.am-share-sheet-option {
+  display: flex;
+  flex: none;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  width: var(--am-share-sheet-option-width);
+  margin: 0;
+  padding: 0 var(--am-padding-xxs);
+  color: var(--am-share-sheet-label-color);
+  font-size: var(--am-share-sheet-label-font-size);
+  font-family: inherit;
+  line-height: var(--am-line-height-sm);
+  text-align: center;
+  background: transparent;
+  border: 0;
+  outline: none;
+  cursor: pointer;
+  transition: opacity var(--am-motion-duration-fast);
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  appearance: none;
+}
+
+.am-share-sheet-option:active {
+  opacity: var(--am-share-sheet-active-opacity);
+}
+
+.am-share-sheet-icon {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: var(--am-share-sheet-icon-size);
+  height: var(--am-share-sheet-icon-size);
+  overflow: hidden;
+  color: var(--am-share-sheet-icon-color);
+  font-size: var(--am-share-sheet-icon-font-size);
+  line-height: 1;
+  background: var(--am-share-sheet-icon-bg);
+  border-radius: 50%;
+}
+
+.am-share-sheet-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  pointer-events: none;
+}
+
+.am-share-sheet-label {
+  max-width: 100%;
+  margin-top: var(--am-share-sheet-option-gap);
+  overflow-wrap: break-word;
+}
+
+.am-share-sheet-option-description {
+  max-width: 100%;
+  margin-top: 2px;
+  color: var(--am-share-sheet-description-color);
+  overflow-wrap: break-word;
+}
+
+.am-share-sheet-option-disabled {
+  color: var(--am-color-text-disabled);
+  cursor: not-allowed;
+}
+
+.am-share-sheet-option-disabled .am-share-sheet-icon {
+  opacity: 0.4;
+}
+
+.am-share-sheet-option-disabled .am-share-sheet-option-description {
+  color: inherit;
+}
+
+.am-share-sheet-option-disabled:active {
+  opacity: 1;
+}
+
+.am-share-sheet-gap {
+  flex: none;
+  height: var(--am-share-sheet-gap-size);
+  background: var(--am-share-sheet-gap-color);
+}
+
+.am-share-sheet-cancel {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: var(--am-share-sheet-cancel-height);
+  margin: 0;
+  padding: var(--am-padding-xs) var(--am-padding);
+  color: var(--am-share-sheet-cancel-color);
+  font-size: var(--am-font-size-lg);
+  font-family: inherit;
+  line-height: var(--am-line-height-lg);
+  text-align: center;
+  background: transparent;
+  border: 0;
+  outline: none;
+  cursor: pointer;
+  user-select: none;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+  appearance: none;
+}
+
+.am-share-sheet-cancel:active {
+  background: var(--am-share-sheet-cancel-active-bg);
+}
+
+[dir='rtl'] .am-share-sheet-row {
+  direction: rtl;
+}

package/dist/shimmer-text/ShimmerText.js

@@ -0,0 +1,4 @@
+import ShimmerText_vue_vue_type_script_setup_true_lang_default from "./ShimmerText.vue_vue_type_script_setup_true_lang.js";
+// src/shimmer-text/ShimmerText.vue
+var ShimmerText_default = ShimmerText_vue_vue_type_script_setup_true_lang_default;
+export { ShimmerText_default as default };

package/dist/shimmer-text/ShimmerText.vue.d.ts

@@ -0,0 +1,19 @@
+import type { ShimmerTextProps, ShimmerTextSlots } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = ShimmerTextSlots;
+declare const __VLS_base: import("vue").DefineComponent<ShimmerTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ShimmerTextProps> & Readonly<{}>, {
+    content: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    active: boolean;
+    tag: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/shimmer-text/ShimmerText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import RenderNode_default from "../_util/RenderNode.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+// src/shimmer-text/ShimmerText.vue?vue&type=script&setup=true&lang.ts
+var ShimmerText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmShimmerText",
+	inheritAttrs: false,
+	__name: "ShimmerText",
+	props: {
+		content: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		active: {
+			type: Boolean,
+			default: true
+		},
+		duration: {},
+		color: {},
+		shimmerColor: {},
+		tag: { default: "span" },
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const tokenStyle = computed(() => ({
+			"--am-shimmer-text-duration": typeof props.duration === "number" ? `${props.duration}s` : props.duration,
+			"--am-shimmer-text-color": props.color,
+			"--am-shimmer-text-shimmer-color": props.shimmerColor
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps(_ctx.$attrs, {
+				class: ["am-shimmer-text", [
+					{ "am-shimmer-text-active": __props.active },
+					__props.rootClass,
+					__props.classes?.root
+				]],
+				style: [tokenStyle.value, __props.styles?.root]
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(RenderNode_default), { node: __props.content }, null, 8, ["node"])])]),
+				_: 3
+			}, 16, ["class", "style"]);
+		};
+	}
+});
+export { ShimmerText_vue_vue_type_script_setup_true_lang_default as default };

package/dist/shimmer-text/index.d.ts

@@ -0,0 +1,35 @@
+export type * from './interface';
+declare const ShimmerText: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").ShimmerTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        content: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        active: boolean;
+        tag: string;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").ShimmerTextProps> & Readonly<{}>, {}, {}, {}, {}, {
+        content: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        active: boolean;
+        tag: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").ShimmerTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    content: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    active: boolean;
+    tag: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./interface").ShimmerTextSlots;
+}), object>;
+export default ShimmerText;

package/dist/shimmer-text/index.js

@@ -0,0 +1,5 @@
+import { withInstall } from "../_util/withInstall.js";
+import ShimmerText_default from "./ShimmerText.js";
+// src/shimmer-text/index.ts
+var ShimmerText = withInstall(ShimmerText_default, "AmShimmerText");
+export { ShimmerText as default };

package/dist/shimmer-text/interface.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties } from 'vue';
+import type { VueNode } from '../_util/type';
+export interface ShimmerTextSemanticClassNames {
+    root?: string;
+}
+export interface ShimmerTextSemanticStyles {
+    root?: CSSProperties;
+}
+export interface ShimmerTextProps {
+    /** Text content, the default slot wins */
+    content?: VueNode;
+    /** Play the shimmer. `false` renders plain text in the base color. */
+    active?: boolean;
+    /** Time of one sweep, numbers are seconds */
+    duration?: number | string;
+    /** Base text color */
+    color?: string;
+    /** Color of the moving highlight */
+    shimmerColor?: string;
+    /** Root tag */
+    tag?: string;
+    rootClass?: string;
+    classes?: ShimmerTextSemanticClassNames;
+    styles?: ShimmerTextSemanticStyles;
+}
+export interface ShimmerTextSlots {
+    default?: () => any;
+}

package/dist/shimmer-text/style/index.css

@@ -0,0 +1,56 @@
+/*
+ * ShimmerText is inline text: the root deliberately inherits font from its context
+ * instead of setting its own (the exception to the "root sets its own font" rule).
+ */
+.am-shimmer-text {
+  /* component tokens */
+  --am-shimmer-text-color: var(--am-color-text-tertiary);
+  --am-shimmer-text-shimmer-color: var(--am-color-text);
+  --am-shimmer-text-duration: 2s;
+  --am-shimmer-text-spread: 20%;
+
+  box-sizing: border-box;
+  color: var(--am-shimmer-text-color);
+}
+
+.am-shimmer-text-active {
+  /* the gradient is 3x the text wide; sliding it by 2/3 sweeps the highlight across once */
+  background-image: linear-gradient(
+    90deg,
+    var(--am-shimmer-text-color) calc(50% - var(--am-shimmer-text-spread)),
+    var(--am-shimmer-text-shimmer-color) 50%,
+    var(--am-shimmer-text-color) calc(50% + var(--am-shimmer-text-spread))
+  );
+  background-repeat: no-repeat;
+  background-position: 100% 0;
+  background-size: 300% 100%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
+  animation: am-shimmer-text var(--am-shimmer-text-duration) linear infinite;
+  -webkit-text-fill-color: transparent;
+}
+
+[dir='rtl'] .am-shimmer-text-active,
+.am-shimmer-text-active[dir='rtl'] {
+  animation-direction: reverse;
+}
+
+@keyframes am-shimmer-text {
+  from {
+    background-position: 100% 0;
+  }
+
+  to {
+    background-position: 0 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .am-shimmer-text-active {
+    background-image: none;
+    animation: none;
+    -webkit-text-fill-color: currentcolor;
+  }
+}

package/dist/side-bar/SideBar.js

@@ -0,0 +1,4 @@
+import SideBar_vue_vue_type_script_setup_true_lang_default from "./SideBar.vue_vue_type_script_setup_true_lang.js";
+// src/side-bar/SideBar.vue
+var SideBar_default = SideBar_vue_vue_type_script_setup_true_lang_default;
+export { SideBar_default as default };

package/dist/side-bar/SideBar.vue.d.ts

@@ -0,0 +1,22 @@
+import type { Key } from '../_util/type';
+import type { SideBarItem, SideBarProps, SideBarSlots } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = SideBarSlots;
+declare const __VLS_base: import("vue").DefineComponent<SideBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (key: Key) => any;
+    "update:activeKey": (key: Key) => any;
+}, string, import("vue").PublicProps, Readonly<SideBarProps> & Readonly<{
+    onChange?: ((key: Key) => any) | undefined;
+    "onUpdate:activeKey"?: ((key: Key) => any) | undefined;
+}>, {
+    items: SideBarItem[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/side-bar/SideBar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,90 @@
+import BaseBadge_default from "../_base/BaseBadge.js";
+import { useControlled } from "../_util/hooks/useControlled.js";
+import RenderNode_default from "../_util/RenderNode.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, unref, withKeys } from "vue";
+// src/side-bar/SideBar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"tabindex",
+	"aria-selected",
+	"aria-disabled",
+	"onClick",
+	"onKeydown"
+];
+var SideBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmSideBar",
+	inheritAttrs: false,
+	__name: "SideBar",
+	props: {
+		items: { default: () => [] },
+		activeKey: {},
+		defaultActiveKey: {},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: ["update:activeKey", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const [activeKey, setActiveKey] = useControlled(props, "activeKey", {
+			defaultValue: () => props.defaultActiveKey ?? props.items[0]?.key,
+			onChange: (key) => {
+				emit("update:activeKey", key);
+				emit("change", key);
+			}
+		});
+		const activeIndex = computed(() => props.items.findIndex((item) => item.key === activeKey.value));
+		function handleClick(item) {
+			if (item.disabled || item.key === activeKey.value) return;
+			setActiveKey(item.key);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+				class: ["am-side-bar", [__props.rootClass, __props.classes?.root]],
+				style: __props.styles?.root,
+				role: "tablist",
+				"aria-orientation": "vertical"
+			}), [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: item.key,
+					class: normalizeClass(["am-side-bar-item", [
+						{
+							"am-side-bar-item-active": index === activeIndex.value,
+							"am-side-bar-item-disabled": item.disabled,
+							"am-side-bar-item-prev": activeIndex.value > -1 && index === activeIndex.value - 1,
+							"am-side-bar-item-next": activeIndex.value > -1 && index === activeIndex.value + 1
+						},
+						__props.classes?.item,
+						item.class
+					]]),
+					style: normalizeStyle([__props.styles?.item, item.style]),
+					role: "tab",
+					tabindex: item.disabled ? -1 : 0,
+					"aria-selected": index === activeIndex.value,
+					"aria-disabled": item.disabled || void 0,
+					onClick: ($event) => handleClick(item),
+					onKeydown: withKeys(($event) => handleClick(item), ["enter"])
+				}, [createElementVNode("span", {
+					class: normalizeClass(["am-side-bar-item-title", __props.classes?.title]),
+					style: normalizeStyle(__props.styles?.title)
+				}, [renderSlot(_ctx.$slots, "title", {
+					item,
+					index,
+					active: index === activeIndex.value
+				}, () => [createVNode(unref(RenderNode_default), { node: item.title }, null, 8, ["node"])]), createVNode(unref(BaseBadge_default), {
+					count: item.badge,
+					"overflow-count": Infinity,
+					class: normalizeClass(["am-side-bar-badge", [{ "am-side-bar-badge-dot": item.badge === true }, __props.classes?.badge]]),
+					style: normalizeStyle(__props.styles?.badge)
+				}, null, 8, [
+					"count",
+					"class",
+					"style"
+				])], 6)], 46, _hoisted_1);
+			}), 128)), createElementVNode("div", { class: normalizeClass(["am-side-bar-rest", { "am-side-bar-item-next": activeIndex.value > -1 && activeIndex.value === __props.items.length - 1 }]) }, null, 2)], 16);
+		};
+	}
+});
+export { SideBar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/side-bar/index.d.ts

@@ -0,0 +1,38 @@
+export type * from './interface';
+declare const SideBar: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").SideBarProps> & Readonly<{
+        onChange?: ((key: import("../_util/type.ts").Key) => any) | undefined;
+        "onUpdate:activeKey"?: ((key: import("../_util/type.ts").Key) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (key: import("../_util/type.ts").Key) => any;
+        "update:activeKey": (key: import("../_util/type.ts").Key) => any;
+    }, import("vue").PublicProps, {
+        items: import("./interface").SideBarItem[];
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").SideBarProps> & Readonly<{
+        onChange?: ((key: import("../_util/type.ts").Key) => any) | undefined;
+        "onUpdate:activeKey"?: ((key: import("../_util/type.ts").Key) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        items: import("./interface").SideBarItem[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").SideBarProps> & Readonly<{
+    onChange?: ((key: import("../_util/type.ts").Key) => any) | undefined;
+    "onUpdate:activeKey"?: ((key: import("../_util/type.ts").Key) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (key: import("../_util/type.ts").Key) => any;
+    "update:activeKey": (key: import("../_util/type.ts").Key) => any;
+}, string, {
+    items: import("./interface").SideBarItem[];
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./interface").SideBarSlots;
+}), object>;
+export default SideBar;