@astryx-vue/core 0.1.3 → 0.2.1

package/dist/{context-D6ECRdc5.js → context-DzcK4T_C.js}

@@ -13,6 +13,22 @@ const calendarMessages = {
 	}
 };
 //#endregion
+//#region src/locale/messages/carousel.ts
+const carouselMessages = {
+	"en": {
+		label: "Carousel",
+		scrollLeft: "Scroll left",
+		scrollRight: "Scroll right",
+		slide: (current, total) => `Slide ${current} of ${total}`
+	},
+	"zh-CN": {
+		label: "轮播",
+		scrollLeft: "向左滚动",
+		scrollRight: "向右滚动",
+		slide: (current, total) => `第 ${current} 张幻灯片，共 ${total} 张`
+	}
+};
+//#endregion
 //#region src/locale/messages/chat.ts
 const chatMessages = {
 	"en": {
@@ -196,6 +212,32 @@ const layoutMessages = {
 	}
 };
 //#endregion
+//#region src/locale/messages/lightbox.ts
+const lightboxMessages = {
+	"en": {
+		close: "Close",
+		previous: "Previous",
+		next: "Next",
+		mediaViewer: "Media viewer",
+		zoom: "Zoom",
+		zoomedIn: "Zoomed in, use arrow keys to pan",
+		zoomedOut: "Zoomed out",
+		imagePosition: (index, total) => `Image ${index} of ${total}`,
+		mediaPosition: (alt, index, total) => `${alt}, ${index} of ${total}`
+	},
+	"zh-CN": {
+		close: "关闭",
+		previous: "上一个",
+		next: "下一个",
+		mediaViewer: "媒体查看器",
+		zoom: "缩放",
+		zoomedIn: "已放大，使用箭头键平移",
+		zoomedOut: "已缩小",
+		imagePosition: (index, total) => `第 ${index} 张图片，共 ${total} 张`,
+		mediaPosition: (alt, index, total) => `${alt}，第 ${index} 项，共 ${total} 项`
+	}
+};
+//#endregion
 //#region src/locale/messages/markdown.ts
 const markdownMessages = {
 	"en": {
@@ -292,6 +334,12 @@ const numberInputMessages = {
 	}
 };
 //#endregion
+//#region src/locale/messages/outline.ts
+const outlineMessages = {
+	"en": { label: "Table of contents" },
+	"zh-CN": { label: "目录" }
+};
+//#endregion
 //#region src/locale/messages/pagination.ts
 const paginationMessages = {
 	"en": {
@@ -303,7 +351,8 @@ const paginationMessages = {
 		perPage: "Per page",
 		pageSize: (count) => `${count} / page`,
 		total: (total, from, to) => `${from}–${to} of ${total}`,
-		compact: (page, totalPages) => `${page} / ${totalPages}`
+		compact: (page, totalPages) => `${page} / ${totalPages}`,
+		pageOf: (page, totalPages) => `Page ${page} of ${totalPages}`
 	},
 	"zh-CN": {
 		nav: "分页导航",
@@ -314,7 +363,8 @@ const paginationMessages = {
 		perPage: "每页",
 		pageSize: (count) => `${count} 条/页`,
 		total: (total, from, to) => `共 ${total} 条，显示 ${from}-${to}`,
-		compact: (page, totalPages) => `${page} / ${totalPages}`
+		compact: (page, totalPages) => `${page} / ${totalPages}`,
+		pageOf: (page, totalPages) => `第 ${page} 页，共 ${totalPages} 页`
 	}
 };
 //#endregion
@@ -520,6 +570,7 @@ const typeaheadMessages = {
 const astryxMessages = {
 	"en": {
 		calendar: calendarMessages.en,
+		carousel: carouselMessages.en,
 		chat: chatMessages.en,
 		citation: citationMessages.en,
 		commandPalette: commandPaletteMessages.en,
@@ -528,11 +579,13 @@ const astryxMessages = {
 		dateTimeInput: dateTimeInputMessages.en,
 		fileInput: fileInputMessages.en,
 		layout: layoutMessages.en,
+		lightbox: lightboxMessages.en,
 		markdown: markdownMessages.en,
 		metadataList: metadataListMessages.en,
 		multiSelector: multiSelectorMessages.en,
 		nav: navMessages.en,
 		numberInput: numberInputMessages.en,
+		outline: outlineMessages.en,
 		pagination: paginationMessages.en,
 		selector: selectorMessages.en,
 		stepper: stepperMessages.en,
@@ -547,6 +600,7 @@ const astryxMessages = {
 	},
 	"zh-CN": {
 		calendar: calendarMessages["zh-CN"],
+		carousel: carouselMessages["zh-CN"],
 		chat: chatMessages["zh-CN"],
 		citation: citationMessages["zh-CN"],
 		commandPalette: commandPaletteMessages["zh-CN"],
@@ -555,11 +609,13 @@ const astryxMessages = {
 		dateTimeInput: dateTimeInputMessages["zh-CN"],
 		fileInput: fileInputMessages["zh-CN"],
 		layout: layoutMessages["zh-CN"],
+		lightbox: lightboxMessages["zh-CN"],
 		markdown: markdownMessages["zh-CN"],
 		metadataList: metadataListMessages["zh-CN"],
 		multiSelector: multiSelectorMessages["zh-CN"],
 		nav: navMessages["zh-CN"],
 		numberInput: numberInputMessages["zh-CN"],
+		outline: outlineMessages["zh-CN"],
 		pagination: paginationMessages["zh-CN"],
 		selector: selectorMessages["zh-CN"],
 		stepper: stepperMessages["zh-CN"],

package/dist/context-O2Vb8cJl.js

@@ -0,0 +1,57 @@
+//#region src/Code/syntaxContext.ts
+const syntaxThemeKey = Symbol("astryx-syntax-theme");
+//#endregion
+//#region src/Theme/colorMode.ts
+/**
+* Split `light-dark(light, dark)` at the top-level comma.
+* Nested functions such as `rgb()` keep their own commas.
+*/
+function splitLightDark(value) {
+	const trimmed = value.trim();
+	if (!trimmed.startsWith("light-dark(") || !trimmed.endsWith(")")) return null;
+	const body = trimmed.slice(11, -1);
+	let depth = 0;
+	for (let index = 0; index < body.length; index += 1) {
+		const char = body[index];
+		if (char === "(") depth += 1;
+		else if (char === ")") depth -= 1;
+		else if (char === "," && depth === 0) {
+			const light = body.slice(0, index).trim();
+			const dark = body.slice(index + 1).trim();
+			return light && dark ? [light, dark] : null;
+		}
+	}
+	return null;
+}
+/**
+* Pick the stop `light-dark()` would use for the effective mode.
+* A value that is not `light-dark()` is returned unchanged.
+*/
+function resolveLightDark(value, mode) {
+	const parts = splitLightDark(value);
+	if (!parts) return value.trim();
+	return mode === "dark" ? parts[1] : parts[0];
+}
+/**
+* The mode `light-dark()` is using on the page.
+*
+* An explicit theme mode is handled by the caller. This reads the document
+* attribute, the docs site's `dark` class, then the OS preference that was
+* already measured.
+*/
+function readColorMode(prefersDark) {
+	if (typeof document !== "undefined") {
+		const attr = document.documentElement.getAttribute("data-astryx-color-mode");
+		if (attr === "light" || attr === "dark") return attr;
+		if (document.documentElement.classList.contains("dark")) return "dark";
+	}
+	return prefersDark ? "dark" : "light";
+}
+//#endregion
+//#region src/Theme/context.ts
+const themeContextKey = Symbol("astryx-theme");
+/** Present when this component is already inside a Theme. */
+const themeNestingKey = Symbol("astryx-theme-nesting");
+const mediaThemeKey = Symbol("astryx-media-theme");
+//#endregion
+export { resolveLightDark as a, readColorMode as i, themeContextKey as n, syntaxThemeKey as o, themeNestingKey as r, mediaThemeKey as t };

package/dist/formatInstant-BDWUIxS7.js

@@ -0,0 +1,119 @@
+//#region src/Timestamp/formatInstant.ts
+const DATE_SHORT = {
+	month: "short",
+	day: "numeric",
+	year: "numeric"
+};
+const DATE_LONG = {
+	year: "numeric",
+	month: "long",
+	day: "numeric"
+};
+const DATE_WEEKDAY = {
+	weekday: "short",
+	month: "short",
+	day: "numeric",
+	year: "numeric"
+};
+const TIME = {
+	hour: "numeric",
+	minute: "2-digit"
+};
+const DATE_TIME = {
+	...DATE_SHORT,
+	...TIME
+};
+const FULL = {
+	year: "numeric",
+	month: "long",
+	day: "numeric",
+	hour: "numeric",
+	minute: "2-digit",
+	second: "2-digit",
+	timeZoneName: "short"
+};
+function pad(value) {
+	return String(value).padStart(2, "0");
+}
+function wallClock(date, timeZone) {
+	if (timeZone == null) return {
+		year: date.getFullYear(),
+		month: date.getMonth() + 1,
+		day: date.getDate(),
+		hour: date.getHours(),
+		minute: date.getMinutes(),
+		second: date.getSeconds()
+	};
+	const parts = new Intl.DateTimeFormat("en-US", {
+		timeZone,
+		hourCycle: "h23",
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit"
+	}).formatToParts(date);
+	const read = (type) => Number(parts.find((part) => part.type === type)?.value ?? 0);
+	return {
+		year: read("year"),
+		month: read("month"),
+		day: read("day"),
+		hour: read("hour"),
+		minute: read("minute"),
+		second: read("second")
+	};
+}
+function formatInstant(date, format, locale, { timeZone, isTimezoneShown = false, timeZoneNameStyle = "short" } = {}) {
+	const zone = timeZone == null ? {} : { timeZone };
+	const zoneName = isTimezoneShown ? { timeZoneName: "short" } : {};
+	switch (format) {
+		case "full": return new Intl.DateTimeFormat(locale, {
+			...FULL,
+			timeZoneName: timeZoneNameStyle,
+			...zone,
+			calendar: "gregory"
+		}).format(date);
+		case "date": return new Intl.DateTimeFormat(locale, {
+			...DATE_SHORT,
+			...zone,
+			calendar: "gregory"
+		}).format(date);
+		case "date_long": return new Intl.DateTimeFormat(locale, {
+			...DATE_LONG,
+			...zone,
+			calendar: "gregory"
+		}).format(date);
+		case "date_weekday": return new Intl.DateTimeFormat(locale, {
+			...DATE_WEEKDAY,
+			...zone,
+			calendar: "gregory"
+		}).format(date);
+		case "date_time": return new Intl.DateTimeFormat(locale, {
+			...DATE_TIME,
+			...zoneName,
+			...zone,
+			calendar: "gregory"
+		}).format(date);
+		case "time": return new Intl.DateTimeFormat(locale, {
+			...TIME,
+			...zoneName,
+			...zone
+		}).format(date);
+		case "system_date": {
+			const clock = wallClock(date, timeZone);
+			return `${clock.year}-${pad(clock.month)}-${pad(clock.day)}`;
+		}
+		case "system_date_time": {
+			const clock = wallClock(date, timeZone);
+			return `${clock.year}-${pad(clock.month)}-${pad(clock.day)} ${pad(clock.hour)}:${pad(clock.minute)}:${pad(clock.second)}`;
+		}
+		case "system_time": {
+			const clock = wallClock(date, timeZone);
+			return `${pad(clock.hour)}:${pad(clock.minute)}:${pad(clock.second)}`;
+		}
+		case "unix_seconds": return String(Math.floor(date.getTime() / 1e3));
+	}
+}
+//#endregion
+export { formatInstant as t };

package/dist/index-1AZ4KZhg.d.ts

@@ -0,0 +1,96 @@
+import { ComputedRef, Ref } from "vue";
+//#region src/Lightbox/types.d.ts
+type LightboxMediaType = 'image' | 'video';
+interface LightboxMedia {
+  src: string;
+  alt: string;
+  caption?: string;
+  /**
+   * Zoom and pan are only available for images.
+   * @default 'image'
+   */
+  type?: LightboxMediaType;
+}
+interface LightboxProps {
+  /** Whether the lightbox is open. Bind with `v-model:is-open`. */
+  isOpen: boolean;
+  /**
+   * One item, or a gallery. An array shows previous, next, and a counter.
+   */
+  media: LightboxMedia | readonly LightboxMedia[];
+  /**
+   * Controlled gallery index. Bind with `v-model:index`.
+   */
+  index?: number;
+  /**
+   * Initial index when `index` is omitted.
+   * @default 0
+   */
+  defaultIndex?: number;
+  /**
+   * Double-click, Enter, Space, `+`, and `-` zoom images. Arrow keys pan while zoomed.
+   * @default false
+   */
+  hasZoom?: boolean;
+  /**
+   * Start video playback when a video item is shown.
+   * @default false
+   */
+  hasAutoPlay?: boolean;
+}
+interface LightboxEmits {
+  'update:isOpen': [isOpen: boolean];
+  'update:index': [index: number];
+}
+interface UseLightboxOptions {
+  media: LightboxMedia | readonly LightboxMedia[];
+  hasZoom?: boolean;
+  hasAutoPlay?: boolean;
+}
+interface LightboxTriggerProps {
+  'role': 'button';
+  'tabindex': 0;
+  'aria-haspopup': 'dialog';
+  'onClick': () => void;
+  'onKeydown': (event: KeyboardEvent) => void;
+}
+//#endregion
+//#region src/Lightbox/Lightbox.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<LightboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:isOpen": (isOpen: boolean) => any;
+  "update:index": (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<LightboxProps> & Readonly<{
+  "onUpdate:isOpen"?: ((isOpen: boolean) => any) | undefined;
+  "onUpdate:index"?: ((index: number) => any) | undefined;
+}>, {
+  defaultIndex: number;
+  hasZoom: boolean;
+  hasAutoPlay: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+//#region src/Lightbox/useLightbox.d.ts
+interface LightboxBindings {
+  'hasAutoPlay': boolean | undefined;
+  'hasZoom': boolean | undefined;
+  'index': number;
+  'isOpen': boolean;
+  'media': LightboxMedia | readonly LightboxMedia[];
+  'onUpdate:index': (next: number) => void;
+  'onUpdate:isOpen': (next: boolean) => void;
+}
+/**
+ * Owns the open state and gallery index for a `Lightbox`.
+ * Bind `bindings` onto `Lightbox`, and call `open(index)` from a thumbnail.
+ */
+declare function useLightbox(options: UseLightboxOptions): {
+  bindings: ComputedRef<LightboxBindings>;
+  close: () => void;
+  getTriggerProps: (next: number) => LightboxTriggerProps;
+  index: Ref<number>;
+  isOpen: Ref<boolean>;
+  open: (next?: number) => void;
+  triggerProps: ComputedRef<LightboxTriggerProps>;
+};
+//#endregion
+export { LightboxMediaType as a, UseLightboxOptions as c, LightboxMedia as i, _default as n, LightboxProps as o, LightboxEmits as r, LightboxTriggerProps as s, useLightbox as t };

package/dist/index-3p2BDVHq.d.ts

@@ -0,0 +1,31 @@
+import { i as IconProps, n as IconColor, o as IconSlots, r as IconName } from "./types-BKcxXW--.js";
+//#region src/Icon/glyphs.d.ts
+/**
+ * A name that resolves to built-in artwork: one of the semantic names the
+ * components use, or a namespaced key such as `owner:key` that a component
+ * owns.
+ */
+type IconGlyphName = IconName | `${string}:${string}`;
+/**
+ * The artwork kept for the components' own chrome. Applications bring their own
+ * icons; this list only has to cover what astryx-vue draws itself.
+ */
+declare const ICON_GLYPHS: readonly ["chevronDown", "chevronLeft", "chevronRight", "check", "moreHorizontal", "copy", "calendar", "clock", "upload", "arrowUp", "arrowDown", "close", "funnel", "image"];
+declare function isIconGlyph(value: string): value is IconGlyphName;
+/** The CSS-safe form of a name, used as the `astryx-icon--<slug>` class. */
+declare function iconGlyphSlug(name: IconGlyphName): string;
+//#endregion
+//#region src/Icon/Icon.vue.d.ts
+type __VLS_Slots = IconSlots;
+declare const __VLS_base: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {
+  color: IconColor;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { isIconGlyph as a, iconGlyphSlug as i, ICON_GLYPHS as n, IconGlyphName as r, _default as t };

package/dist/{index-BuubzuE8.d.ts → index-BDZCJ9ri.d.ts}

@@ -175,8 +175,8 @@ declare const __VLS_base$1: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
   position: OverlayPosition;
   align: OverlayAlign;
-  scrim: OverlayScrimMode;
   showOn: OverlayShowOn;
+  scrim: OverlayScrimMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
 declare const _default$1: typeof __VLS_export$1;
@@ -192,8 +192,8 @@ declare const __VLS_base: import("vue").DefineComponent<OverlayScrimProps, {}, {
   isOpen: boolean;
   position: OverlayPosition;
   align: OverlayAlign;
-  scrim: OverlayScrimMode;
   showOn: OverlayShowOn;
+  scrim: OverlayScrimMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/{index-FEy8qFSD.d.ts → index-BHqRH7QW.d.ts}

@@ -72,8 +72,8 @@ interface TokenizerSlots<T extends SearchableItem = SearchableItem> {
 //#region src/Tokenizer/Tokenizer.vue.d.ts
 declare const __VLS_export: <T extends SearchableItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<TokenizerProps<T> & {
-    onChange?: ((value: T[], change: TokenizerChange<T>) => any) | undefined;
     onSearch?: ((query: string) => any) | undefined;
+    onChange?: ((value: T[], change: TokenizerChange<T>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     onOpenChange?: ((isOpen: boolean) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -85,7 +85,7 @@ declare const __VLS_export: <T extends SearchableItem>(__VLS_props: NonNullable<
   }>) => void;
   attrs: any;
   slots: TokenizerSlots<T>;
-  emit: ((evt: "change", value: T[], change: TokenizerChange<T>) => void) & ((evt: "search", query: string) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "openChange", isOpen: boolean) => void);
+  emit: ((evt: "search", query: string) => void) & ((evt: "change", value: T[], change: TokenizerChange<T>) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "openChange", isOpen: boolean) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/{index-CTolyeii.d.ts → index-BLOEjvaM.d.ts}

@@ -15,6 +15,14 @@ type ContextMenuSize = 'sm' | 'md' | 'lg';
  * text flow.
  */
 type ContextMenuTriggerElement = 'div' | 'span';
+/**
+ * How the actions are presented.
+ *
+ * `popover` anchors a menu to the pointer, `bottom-sheet` presents a
+ * thumb-reachable sheet, and `adaptive` uses the sheet at 768px and below
+ * when the primary pointer is coarse.
+ */
+type ContextMenuPresentation = 'popover' | 'bottom-sheet' | 'adaptive';
 /** A menu width as a number of pixels or any CSS length. */
 type ContextMenuWidth = number | string;
 /**
@@ -134,6 +142,11 @@ interface ContextMenuProps {
    * @default 'div'
    */
   triggerAs?: ContextMenuTriggerElement;
+  /**
+   * How the menu is presented.
+   * @default 'popover'
+   */
+  presentation?: ContextMenuPresentation;
   /**
    * Open state of the menu. Bind it with `v-model:is-open` to control the
    * menu from the outside; leave it unbound and the menu manages its own
@@ -314,8 +327,9 @@ declare const __VLS_base$3: import("vue").DefineComponent<__VLS_PublicProps, {
   "onUpdate:isOpen"?: ((...args: unknown[]) => any) | undefined;
 }>, {
   label: string;
-  size: ContextMenuSize;
   isDisabled: boolean;
+  size: ContextMenuSize;
+  presentation: ContextMenuPresentation;
   triggerAs: ContextMenuTriggerElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$4: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
@@ -381,4 +395,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { ContextMenuSlots as C, ContextMenuTriggerElement as D, ContextMenuSubMenuSlots as E, ContextMenuVariant as O, ContextMenuSize as S, ContextMenuSubMenuProps as T, ContextMenuItemSlots as _, _default$4 as a, ContextMenuProps as b, ContextMenuDividerData as c, ContextMenuGroupProps as d, ContextMenuGroupSlots as f, ContextMenuItemProps as g, ContextMenuItemIcon as h, _default$3 as i, ContextMenuWidth as k, ContextMenuDividerProps as l, ContextMenuItemEmits as m, _default$1 as n, useContextMenu as o, ContextMenuItemData as p, _default$2 as r, useContextMenuSize as s, _default as t, ContextMenuEmits as u, ContextMenuItemTarget as v, ContextMenuSubMenuEmits as w, ContextMenuSection as x, ContextMenuOption as y };
+export { ContextMenuWidth as A, ContextMenuSize as C, ContextMenuSubMenuSlots as D, ContextMenuSubMenuProps as E, ContextMenuTriggerElement as O, ContextMenuSection as S, ContextMenuSubMenuEmits as T, ContextMenuItemSlots as _, _default$4 as a, ContextMenuPresentation as b, ContextMenuDividerData as c, ContextMenuGroupProps as d, ContextMenuGroupSlots as f, ContextMenuItemProps as g, ContextMenuItemIcon as h, _default$3 as i, ContextMenuVariant as k, ContextMenuDividerProps as l, ContextMenuItemEmits as m, _default$1 as n, useContextMenu as o, ContextMenuItemData as p, _default$2 as r, useContextMenuSize as s, _default as t, ContextMenuEmits as u, ContextMenuItemTarget as v, ContextMenuSlots as w, ContextMenuProps as x, ContextMenuOption as y };

package/dist/index-BMrggCw-.d.ts

@@ -0,0 +1,52 @@
+import { a as TextSize, n as TextColor, o as TextType, s as TextWeight } from "./types-Bt-lSgYX.js";
+//#region src/Timer/format.d.ts
+type TimerFormat = 'elapsed' | 'clock';
+interface TimerPresentation {
+  dateTime: string;
+  text: string;
+}
+declare function getPresentation(elapsedMilliseconds: number, format: TimerFormat): TimerPresentation;
+//#endregion
+//#region src/Timer/types.d.ts
+/** Timer can inherit the surrounding type, which Text itself does not offer. */
+type TimerType = TextType | 'inherit';
+type TimerColor = TextColor | 'disabled';
+interface TimerProps {
+  /**
+   * Unix time in milliseconds when the measured operation began.
+   * Omit it to start counting from this Timer's mount.
+   */
+  startTime?: number;
+  /**
+   * Standard duration representation.
+   * `elapsed` uses compact units and drops seconds after one hour.
+   * `clock` stays second-precise (`m:ss` or `h:mm:ss`).
+   * @default 'elapsed'
+   */
+  format?: 'elapsed' | 'clock';
+  /**
+   * Semantic text type. Matches Timestamp typography.
+   * `inherit` takes the surrounding font instead of a text type.
+   * @default 'supporting'
+   */
+  type?: TimerType;
+  /** Explicit font size. Overrides the size that comes from `type`. */
+  size?: TextSize;
+  /**
+   * Text color.
+   * @default 'secondary'
+   */
+  color?: TimerColor;
+  /** Font weight override. */
+  weight?: TextWeight;
+}
+//#endregion
+//#region src/Timer/Timer.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<TimerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TimerProps> & Readonly<{}>, {
+  type: TimerType;
+  color: TimerColor;
+  format: "clock" | "elapsed";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { TimerFormat as a, TimerType as i, TimerColor as n, TimerPresentation as o, TimerProps as r, getPresentation as s, _default as t };

package/dist/{index-z4p2k9VR.d.ts → index-Bgv4ZmBl.d.ts}

@@ -1,8 +1,20 @@
 import { CalendarDate } from "@internationalized/date";
 //#region src/Calendar/types.d.ts
+interface CalendarRangeValue {
+  start: Date | null;
+  end: Date | null;
+}
 interface CalendarProps {
-  /** 当前选中的日期 */
+  /** 当前选中的日期。`mode="range"` 时改用 `range`。 */
   modelValue?: Date | null;
+  /** 选一天，或选一段起止日期。 */
+  mode?: 'single' | 'range';
+  /** 范围模式下的起止日期，用 `v-model:range` 绑定。 */
+  range?: CalendarRangeValue | null;
+  /** 并排显示的月份数。 */
+  numberOfMonths?: 1 | 2;
+  /** 打开时先显示这一天所在的月份。 */
+  focusDate?: Date;
   /** 最小可选日期 */
   min?: Date;
   /** 最大可选日期 */
@@ -16,6 +28,7 @@ interface CalendarProps {
 }
 interface CalendarEmits {
   (event: 'update:modelValue', value: Date | null): void;
+  (event: 'update:range', value: CalendarRangeValue): void;
   (event: 'change', value: Date | null): void;
 }
 interface CalendarSlots {
@@ -36,12 +49,17 @@ type __VLS_Slots = CalendarSlots;
 declare const __VLS_base: import("vue").DefineComponent<CalendarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   change: (value: Date | null) => any;
   "update:modelValue": (value: Date | null) => any;
+  "update:range": (value: CalendarRangeValue) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarProps> & Readonly<{
   onChange?: ((value: Date | null) => any) | undefined;
   "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
+  "onUpdate:range"?: ((value: CalendarRangeValue) => any) | undefined;
 }>, {
   modelValue: Date | null;
+  mode: "single" | "range";
   disabled: boolean;
+  range: CalendarRangeValue | null;
+  numberOfMonths: 1 | 2;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -51,4 +69,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { CalendarSlots as i, CalendarEmits as n, CalendarProps as r, _default as t };
+export { CalendarSlots as a, CalendarRangeValue as i, CalendarEmits as n, CalendarProps as r, _default as t };