@antdv-next/mobile 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Antdv Next
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,103 @@
-# Temporary Holding Version
+<div align="center">
+  <img src="https://raw.githubusercontent.com/antdv-next/antdv-next-mobile/main/docs/public/logo.svg" width="72" alt="logo" />
+  <h1>Antdv Mobile</h1>
+  <p>Mobile UI component library for Vue 3, API-aligned with <a href="https://github.com/antdv-next/antdv-next">antdv-next</a>.</p>
+  <p><a href="https://m.antdv-next.com">Documentation · m.antdv-next.com</a></p>
+  <p>English · <a href="https://github.com/antdv-next/antdv-next-mobile/blob/main/packages/antdv-mobile/README.zh-CN.md">中文</a></p>
+</div>
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+## Features
+
+- **Same API as PC**: `v-model:open`, `v-model:value`, `items`, `options`, `rootClass`, `classes`, `Modal.confirm`, `message.success` ... if you know antdv-next, you already know this library.
+- **Designed for touch**: bottom popups, wheel pickers, swipe gestures, pull-to-refresh, safe-area support.
+- **Pure CSS variable theme**: zero runtime styles. Light / dark / compact algorithms combine and nest, and one variable restyles the whole app.
+- **`<script setup>` + TypeScript**: every component is written with the Composition API and fully typed.
+- **Import on demand**: ESM output, styles are loaded together with each component.
+- **Composables**: `useRequest`, `useLoadMore`, `useCountDown`, `useSwipe`, `useKeyboard` and 30+ more are exported with the library.
+- **Internationalization**: `zh_CN` and `en_US` are built in.
+
+## Install
+
+```bash
+pnpm add @antdv-next/mobile
+```
+
+## Usage
+
+```ts
+import AntdvMobile from '@antdv-next/mobile'
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).use(AntdvMobile).mount('#app')
+```
+
+```vue
+<script setup lang="ts">
+import { theme } from '@antdv-next/mobile'
+import { ref } from 'vue'
+
+const open = ref(false)
+</script>
+
+<template>
+  <am-config-provider :theme="{ algorithm: theme.darkAlgorithm, token: { colorPrimary: '#00b96b' } }">
+    <am-button type="primary" block @click="open = true">
+      Open
+    </am-button>
+    <am-popup v-model:open="open" round closable>
+      Hello
+    </am-popup>
+  </am-config-provider>
+</template>
+```
+
+The built-in texts are Chinese by default. Switch to English with a language pack:
+
+```vue
+<script setup lang="ts">
+import enUS from '@antdv-next/mobile/locale/en_US'
+</script>
+
+<template>
+  <am-config-provider :locale="enUS">
+    <App />
+  </am-config-provider>
+</template>
+```
+
+## Theme
+
+```css
+:root {
+  --am-color-primary: #7c3aed;
+  --am-border-radius: 12px;
+}
+```
+
+```ts
+import { applyTheme, theme } from '@antdv-next/mobile'
+
+applyTheme({ algorithm: [theme.darkAlgorithm, theme.compactAlgorithm] })
+```
+
+## Development
+
+```bash
+pnpm install
+pnpm dev          # docs site + phone simulator at http://localhost:5180
+pnpm test         # unit tests
+pnpm typecheck    # type check
+pnpm build        # build the library
+pnpm build:site   # build the docs site
+```
+
+See [AGENTS.md](https://github.com/antdv-next/antdv-next-mobile/blob/main/AGENTS.md) for the project layout and contribution conventions.
+
+## Browser Support
+
+iOS Safari 16.2+, Android Chrome / WebView 111+ (the theme relies on CSS `color-mix()`).
+
+## License
+
+[MIT](https://github.com/antdv-next/antdv-next-mobile/blob/main/LICENSE)

package/README.zh-CN.md

@@ -0,0 +1,89 @@
+<div align="center">
+  <img src="https://raw.githubusercontent.com/antdv-next/antdv-next-mobile/main/docs/public/logo.svg" width="72" alt="logo" />
+  <h1>Antdv Mobile</h1>
+  <p>Vue 3 移动端组件库，API 与 <a href="https://github.com/antdv-next/antdv-next">antdv-next</a> 对齐。</p>
+  <p><a href="https://m.antdv-next.com">文档 · m.antdv-next.com</a></p>
+  <p><a href="https://github.com/antdv-next/antdv-next-mobile/blob/main/packages/antdv-mobile/README.md">English</a> · 中文</p>
+</div>
+
+## 特性
+
+- **与 PC 端 API 对齐**：`v-model:open`、`v-model:value`、`items`、`options`、`rootClass`、`classes`、`Modal.confirm`、`message.success`…… 会用 antdv-next 就会用它。
+- **为触屏设计**：底部弹层、滚轮选择器、手势滑动、下拉刷新、安全区适配。
+- **纯 CSS 变量主题**：零运行时样式，亮色 / 暗色 / 紧凑算法可组合、可嵌套，改一个变量即可全局换肤。
+- **`<script setup>` + TypeScript**：全部组件使用组合式 API 编写，类型完备。
+- **按需引入**：ESM 产物，样式随组件自动加载。
+- **组合式 API**：`useRequest`、`useLoadMore`、`useCountDown`、`useSwipe`、`useKeyboard` 等 30 余个常用函数随库导出。
+- **国际化**：内置 `zh_CN`、`en_US`。
+
+## 安装
+
+```bash
+pnpm add @antdv-next/mobile
+```
+
+## 使用
+
+```ts
+import AntdvMobile from '@antdv-next/mobile'
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).use(AntdvMobile).mount('#app')
+```
+
+```vue
+<script setup lang="ts">
+import { theme } from '@antdv-next/mobile'
+import { ref } from 'vue'
+
+const open = ref(false)
+</script>
+
+<template>
+  <am-config-provider :theme="{ algorithm: theme.darkAlgorithm, token: { colorPrimary: '#00b96b' } }">
+    <am-button type="primary" block @click="open = true">
+      打开
+    </am-button>
+    <am-popup v-model:open="open" round closable>
+      Hello
+    </am-popup>
+  </am-config-provider>
+</template>
+```
+
+## 主题
+
+```css
+:root {
+  --am-color-primary: #7c3aed;
+  --am-border-radius: 12px;
+}
+```
+
+```ts
+import { applyTheme, theme } from '@antdv-next/mobile'
+
+applyTheme({ algorithm: [theme.darkAlgorithm, theme.compactAlgorithm] })
+```
+
+## 开发
+
+```bash
+pnpm install
+pnpm dev          # 文档站 + 手机模拟器 http://localhost:5180
+pnpm test         # 单元测试
+pnpm typecheck    # 类型检查
+pnpm build        # 构建组件库
+pnpm build:site   # 构建文档站
+```
+
+目录结构与贡献约定见 [AGENTS.md](https://github.com/antdv-next/antdv-next-mobile/blob/main/AGENTS.md)。
+
+## 浏览器支持
+
+iOS Safari 16.2+、Android Chrome / WebView 111+（主题依赖 CSS `color-mix()`）。
+
+## License
+
+[MIT](https://github.com/antdv-next/antdv-next-mobile/blob/main/LICENSE)

package/dist/_base/BaseBadge.js

@@ -0,0 +1,4 @@
+import BaseBadge_vue_vue_type_script_setup_true_lang_default from "./BaseBadge.vue_vue_type_script_setup_true_lang.js";
+// src/_base/BaseBadge.vue
+var BaseBadge_default = BaseBadge_vue_vue_type_script_setup_true_lang_default;
+export { BaseBadge_default as default };

package/dist/_base/BaseBadge.vue.d.ts

@@ -0,0 +1,28 @@
+import '../style';
+import './style/badge.css';
+type __VLS_Props = {
+    /** number / text to show; `true` is a dot */
+    count?: number | string | boolean | null;
+    dot?: boolean;
+    overflowCount?: number;
+    showZero?: boolean;
+    /** any css color; default is the error color */
+    color?: string;
+};
+type __VLS_Slots = {
+    default?: () => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    dot: boolean;
+    count: string | number | boolean | null;
+    overflowCount: number;
+    showZero: boolean;
+}, {}, {}, {}, 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/_base/BaseBadge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import "../style/index2.js";
+import './style/badge.css';/* empty css            */
+import { computed, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString } from "vue";
+// src/_base/BaseBadge.vue?vue&type=script&setup=true&lang.ts
+/**
+* Count / dot bubble shared by Badge, TabBar, SideBar and FloatButton.
+* Positioning is left to the consumer (it is an inline element by default).
+*/
+var BaseBadge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmBaseBadge",
+	__name: "BaseBadge",
+	props: {
+		count: {
+			type: [
+				Number,
+				String,
+				Boolean,
+				null
+			],
+			default: void 0
+		},
+		dot: {
+			type: Boolean,
+			default: false
+		},
+		overflowCount: { default: 99 },
+		showZero: {
+			type: Boolean,
+			default: false
+		},
+		color: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const isDot = computed(() => props.dot || props.count === true);
+		const isZero = computed(() => props.count === 0 || props.count === "0");
+		const visible = computed(() => {
+			if (isDot.value) return !isZero.value || props.showZero;
+			const { count } = props;
+			if (count === void 0 || count === null || count === false || count === "") return false;
+			return !isZero.value || props.showZero;
+		});
+		const text = computed(() => {
+			const { count, overflowCount } = props;
+			if (typeof count === "number" || typeof count === "string" && count !== "" && !Number.isNaN(Number(count))) return Number(count) > overflowCount ? `${overflowCount}+` : String(count);
+			return typeof count === "string" ? count : "";
+		});
+		return (_ctx, _cache) => {
+			return visible.value ? (openBlock(), createElementBlock("sup", {
+				key: 0,
+				class: normalizeClass(["am-base-badge", { "am-base-badge-dot": isDot.value }]),
+				style: normalizeStyle(__props.color ? { background: __props.color } : void 0)
+			}, [!isDot.value ? renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(text.value), 1)], void 0, 0) : createCommentVNode("", true)], 6)) : createCommentVNode("", true);
+		};
+	}
+});
+export { BaseBadge_vue_vue_type_script_setup_true_lang_default as default };

package/dist/_base/Portal.js

@@ -0,0 +1,4 @@
+import Portal_vue_vue_type_script_lang_default from "./Portal.vue_vue_type_script_lang.js";
+// src/_base/Portal.vue
+var Portal_default = Portal_vue_vue_type_script_lang_default;
+export { Portal_default as default };

package/dist/_base/Portal.vue.d.ts

@@ -0,0 +1,61 @@
+import type { PropType, SlotsType } from 'vue';
+import type { GetContainer } from '../_util/type';
+export interface PortalSlotContext {
+    /** class / style / dir of the theme scope; empty when rendered in place (it inherits naturally) */
+    theme: {
+        class?: string[];
+        style?: Record<string, string>;
+        dir?: string;
+    };
+    teleported: boolean;
+}
+/**
+ * Base of every layer that leaves the normal flow (Popup, Mask, Toast, Message, Popover,
+ * Dropdown panel, NumberKeyboard, ImagePreview ...).
+ *
+ * It resolves the mount node (`getContainer` prop > ConfigProvider `getPopupContainer` > body)
+ * and hands the theme scope of the current ConfigProvider to the slot, so a teleported root
+ * keeps its theme:
+ *
+ * ```vue
+ * <Portal :get-container="getContainer" v-slot="{ theme }">
+ *   <div class="am-foo-root" :class="theme.class" :style="theme.style" :dir="theme.dir" />
+ * </Portal>
+ * ```
+ *
+ * Written as a render function on purpose: the slot content must be a direct child of
+ * `<Teleport>`. Going through `<slot>` would wrap it in a fragment whose anchor nodes live in
+ * the target container and break unmounting when that container was emptied first.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** `false` renders in place, `undefined` uses the ConfigProvider default (body) */
+    getContainer: {
+        type: PropType<GetContainer>;
+        default: undefined;
+    };
+    /** target when `getContainer` is undefined: `'body'` (default) or `'inline'` */
+    fallback: {
+        type: PropType<"body" | "inline">;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** `false` renders in place, `undefined` uses the ConfigProvider default (body) */
+    getContainer: {
+        type: PropType<GetContainer>;
+        default: undefined;
+    };
+    /** target when `getContainer` is undefined: `'body'` (default) or `'inline'` */
+    fallback: {
+        type: PropType<"body" | "inline">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    getContainer: GetContainer;
+    fallback: "body" | "inline";
+}, SlotsType<{
+    default?: (ctx: PortalSlotContext) => any;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/_base/Portal.vue_vue_type_script_lang.js

@@ -0,0 +1,67 @@
+import { resolveContainer } from "../_util/index.js";
+import { useConfig, usePopupTheme } from "../config-provider/context.js";
+import { provideNoCompact } from "./compact.js";
+import { Teleport, computed, defineComponent, h } from "vue";
+// src/_base/Portal.vue?vue&type=script&lang.ts
+var inlineTheme = {};
+/**
+* Base of every layer that leaves the normal flow (Popup, Mask, Toast, Message, Popover,
+* Dropdown panel, NumberKeyboard, ImagePreview ...).
+*
+* It resolves the mount node (`getContainer` prop > ConfigProvider `getPopupContainer` > body)
+* and hands the theme scope of the current ConfigProvider to the slot, so a teleported root
+* keeps its theme:
+*
+* ```vue
+* <Portal :get-container="getContainer" v-slot="{ theme }">
+*   <div class="am-foo-root" :class="theme.class" :style="theme.style" :dir="theme.dir" />
+* </Portal>
+* ```
+*
+* Written as a render function on purpose: the slot content must be a direct child of
+* `<Teleport>`. Going through `<slot>` would wrap it in a fragment whose anchor nodes live in
+* the target container and break unmounting when that container was emptied first.
+*/
+var Portal_vue_vue_type_script_lang_default = defineComponent({
+	name: "AmPortal",
+	props: {
+		/** `false` renders in place, `undefined` uses the ConfigProvider default (body) */
+		getContainer: {
+			type: [
+				String,
+				Object,
+				Function,
+				Boolean
+			],
+			default: void 0
+		},
+		/** target when `getContainer` is undefined: `'body'` (default) or `'inline'` */
+		fallback: {
+			type: String,
+			default: "body"
+		}
+	},
+	slots: Object,
+	setup(props, { slots }) {
+		const config = useConfig();
+		const popupTheme = usePopupTheme();
+		provideNoCompact();
+		const container = computed(() => {
+			if (props.getContainer === false) return null;
+			if (props.getContainer !== void 0) return resolveContainer(props.getContainer);
+			if (props.fallback === "inline") return null;
+			return config.getPopupContainer.value?.() ?? resolveContainer();
+		});
+		return () => {
+			const target = container.value;
+			return h(Teleport, {
+				to: target ?? "body",
+				disabled: !target
+			}, slots.default?.({
+				theme: target ? popupTheme.value : inlineTheme,
+				teleported: !!target
+			}));
+		};
+	}
+});
+export { Portal_vue_vue_type_script_lang_default as default };

package/dist/_base/Spinner.js

@@ -0,0 +1,4 @@
+import Spinner_vue_vue_type_script_setup_true_lang_default from "./Spinner.vue_vue_type_script_setup_true_lang.js";
+// src/_base/Spinner.vue
+var Spinner_default = Spinner_vue_vue_type_script_setup_true_lang_default;
+export { Spinner_default as default };

package/dist/_base/Spinner.vue.d.ts

@@ -0,0 +1,4 @@
+import '../style';
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/_base/Spinner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+import "../style/index2.js";
+import { createBlock, defineComponent, openBlock, unref } from "vue";
+import { LoadingOutlined } from "@antdv-next/icons";
+// src/_base/Spinner.vue?vue&type=script&setup=true&lang.ts
+/**
+* The one loading indicator of the library (Button, Switch, Toast, List, InfiniteScroll ...).
+* Inherits `color` and `font-size`; restyle it once here to change every spinner.
+*/
+var Spinner_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmSpinner",
+	__name: "Spinner",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(LoadingOutlined), { class: "am-spinner am-spin-icon" });
+		};
+	}
+});
+export { Spinner_vue_vue_type_script_setup_true_lang_default as default };

package/dist/_base/compact.d.ts

@@ -0,0 +1,58 @@
+import type { ComputedRef, InjectionKey, PropType } from 'vue';
+import type { SizeType } from '../_util/type';
+export type CompactOrientation = 'horizontal' | 'vertical';
+export interface CompactItemContext {
+    size: SizeType;
+    orientation: CompactOrientation;
+    isFirstItem: boolean;
+    isLastItem: boolean;
+}
+/** `null` means "explicitly not in a compact group" (set by Portal for teleported content). */
+export declare const compactItemContextKey: InjectionKey<ComputedRef<CompactItemContext> | null>;
+export interface UseCompactItemContextReturn {
+    /** rendered inside a `Space.Compact` */
+    inCompact: ComputedRef<boolean>;
+    /** size of the compact group; wins over ConfigProvider `componentSize`, loses to the component's own `size` */
+    size: ComputedRef<SizeType>;
+    /** classes for the element that draws the border / background of the component */
+    classes: ComputedRef<string[]>;
+}
+/**
+ * Lets a bordered component (Button, Input, InputNumber, picker triggers, Space.Addon ...)
+ * take part in a `Space.Compact` group: put `classes` on the root and merge `size`.
+ * The seam styles (radius, collapsed borders, stacking) live in `space/style/compact.css`.
+ */
+export declare function useCompactItemContext(): UseCompactItemContextReturn;
+/** Stops the compact styling for everything below (popups, panels rendered inside a compact item). */
+export declare function provideNoCompact(): void;
+/** Provides the position of one child of `Space.Compact`. */
+export declare const CompactItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    size: {
+        type: PropType<SizeType>;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<CompactOrientation>;
+        default: string;
+    };
+    isFirstItem: BooleanConstructor;
+    isLastItem: BooleanConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: PropType<SizeType>;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<CompactOrientation>;
+        default: string;
+    };
+    isFirstItem: BooleanConstructor;
+    isLastItem: BooleanConstructor;
+}>> & Readonly<{}>, {
+    size: SizeType;
+    isFirstItem: boolean;
+    isLastItem: boolean;
+    orientation: CompactOrientation;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/_base/compact.js

@@ -0,0 +1,57 @@
+import { computed, defineComponent, inject, provide } from "vue";
+// src/_base/compact.ts
+/** `null` means "explicitly not in a compact group" (set by Portal for teleported content). */
+var compactItemContextKey = Symbol("AmCompactItemContext");
+/**
+* Lets a bordered component (Button, Input, InputNumber, picker triggers, Space.Addon ...)
+* take part in a `Space.Compact` group: put `classes` on the root and merge `size`.
+* The seam styles (radius, collapsed borders, stacking) live in `space/style/compact.css`.
+*/
+function useCompactItemContext() {
+	const context = inject(compactItemContextKey, null);
+	const inCompact = computed(() => !!context);
+	const classes = computed(() => {
+		const ctx = context?.value;
+		if (!ctx) return [];
+		const prefix = ctx.orientation === "vertical" ? "am-compact-vertical" : "am-compact";
+		const list = [`${prefix}-item`];
+		if (ctx.isFirstItem) list.push(`${prefix}-first-item`);
+		if (ctx.isLastItem) list.push(`${prefix}-last-item`);
+		return list;
+	});
+	return {
+		inCompact,
+		size: computed(() => context?.value.size),
+		classes
+	};
+}
+/** Stops the compact styling for everything below (popups, panels rendered inside a compact item). */
+function provideNoCompact() {
+	provide(compactItemContextKey, null);
+}
+/** Provides the position of one child of `Space.Compact`. */
+var CompactItem = defineComponent({
+	name: "AmCompactItem",
+	props: {
+		size: {
+			type: String,
+			default: void 0
+		},
+		orientation: {
+			type: String,
+			default: "horizontal"
+		},
+		isFirstItem: Boolean,
+		isLastItem: Boolean
+	},
+	setup(props, { slots }) {
+		provide(compactItemContextKey, computed(() => ({
+			size: props.size,
+			orientation: props.orientation,
+			isFirstItem: props.isFirstItem,
+			isLastItem: props.isLastItem
+		})));
+		return () => slots.default?.();
+	}
+});
+export { CompactItem, compactItemContextKey, provideNoCompact, useCompactItemContext };

package/dist/_base/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Internal base layer. Upper-level components are composed from these primitives
+ * (plus the public base components Popup, Mask, Button, VirtualList) instead of
+ * re-implementing teleporting, theming, spinners, badges or windowing.
+ */
+export { default as BaseBadge } from './BaseBadge.vue';
+export * from './compact';
+export { default as Portal } from './Portal.vue';
+export { default as Spinner } from './Spinner.vue';

package/dist/_base/style/badge.css

@@ -0,0 +1,34 @@
+.am-base-badge {
+  --am-base-badge-size: 18px;
+  --am-base-badge-dot-size: 8px;
+  --am-base-badge-font-size: var(--am-font-size-sm);
+  --am-base-badge-padding: 5px;
+  --am-base-badge-bg: var(--am-color-error);
+  --am-base-badge-color: var(--am-color-text-light-solid);
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-width: var(--am-base-badge-size);
+  height: var(--am-base-badge-size);
+  padding: 0 var(--am-base-badge-padding);
+  color: var(--am-base-badge-color);
+  font-weight: 400;
+  font-size: var(--am-base-badge-font-size);
+  font-family: var(--am-font-family);
+  line-height: 1;
+  white-space: nowrap;
+  vertical-align: baseline;
+  background: var(--am-base-badge-bg);
+  border-radius: calc(var(--am-base-badge-size) / 2);
+  font-variant-numeric: tabular-nums;
+}
+
+.am-base-badge-dot {
+  min-width: var(--am-base-badge-dot-size);
+  width: var(--am-base-badge-dot-size);
+  height: var(--am-base-badge-dot-size);
+  padding: 0;
+  border-radius: 50%;
+}

package/dist/_util/RenderNode.d.ts

@@ -0,0 +1,32 @@
+import type { PropType } from 'vue';
+import type { RenderNodeFn } from './type';
+/**
+ * Renders a `VueNode` / `RenderNodeFn` prop inside an SFC template.
+ *
+ * ```vue
+ * <slot name="icon"><RenderNode :node="icon" /></slot>
+ * ```
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    node: {
+        type: PropType<RenderNodeFn>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<any>;
+        default: undefined;
+    };
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    node: {
+        type: PropType<RenderNodeFn>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<any>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    node: RenderNodeFn;
+    params: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;