@astryx-vue/core 0.1.1 → 0.2.0

package/dist/{context-BshXcNYX.js → context-Dbo22sck.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": {
@@ -73,6 +89,36 @@ const citationMessages = {
 	"zh-CN": { label: (number, title) => `引用 ${number}：${title}` }
 };
 //#endregion
+//#region src/locale/messages/command-palette.ts
+const commandPaletteMessages = {
+	"en": {
+		label: "Command palette",
+		emptySearch: "No results",
+		emptyBootstrap: "Type to search",
+		placeholder: "Search…",
+		listLabel: "Commands",
+		loading: "Loading",
+		noResultsFor: (query) => `No results for ${query}`,
+		resultCount: (count) => `${count} ${count === 1 ? "result" : "results"}`,
+		navigate: "Navigate",
+		select: "Select",
+		close: "Close"
+	},
+	"zh-CN": {
+		label: "命令面板",
+		emptySearch: "没有结果",
+		emptyBootstrap: "输入以搜索",
+		placeholder: "搜索…",
+		listLabel: "命令",
+		loading: "正在加载",
+		noResultsFor: (query) => `没有与 ${query} 匹配的结果`,
+		resultCount: (count) => `${count} 个结果`,
+		navigate: "移动",
+		select: "选择",
+		close: "关闭"
+	}
+};
+//#endregion
 //#region src/locale/messages/shared.ts
 function clearLabel(label, fallback, prefix) {
 	return label != null && label !== "" ? `${prefix}${label}` : fallback;
@@ -150,6 +196,48 @@ const fileInputMessages = {
 	}
 };
 //#endregion
+//#region src/locale/messages/layout.ts
+const layoutMessages = {
+	"en": {
+		skipToContent: "Skip to content",
+		resizeHandle: "Resize handle",
+		collapsed: "Collapsed",
+		mobileNavigation: "Navigation"
+	},
+	"zh-CN": {
+		skipToContent: "跳到正文",
+		resizeHandle: "拖拽分隔条",
+		collapsed: "已收起",
+		mobileNavigation: "导航"
+	}
+};
+//#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": {
@@ -209,6 +297,7 @@ const navMessages = {
 		collapseSidebar: "Collapse sidebar",
 		expandSidebar: "Expand sidebar",
 		openMenu: "Open menu",
+		openNavigation: "Open navigation",
 		close: "Close",
 		more: "More",
 		moreItems: (count) => `${count} more`,
@@ -223,6 +312,7 @@ const navMessages = {
 		collapseSidebar: "收起侧边栏",
 		expandSidebar: "展开侧边栏",
 		openMenu: "打开菜单",
+		openNavigation: "打开导航",
 		close: "关闭",
 		more: "更多",
 		moreItems: (count) => `还有 ${count} 项`,
@@ -244,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": {
@@ -286,6 +382,36 @@ const selectorMessages = {
 	}
 };
 //#endregion
+//#region src/locale/messages/stepper.ts
+const stepperMessages = {
+	"en": {
+		progress: "Progress",
+		optional: "Optional",
+		previous: "Previous step",
+		next: "Next step",
+		goToStep: (step) => `Go to step ${step}`,
+		goToStepWithStatus: (step, status) => `Go to step ${step}, ${status}`,
+		status: {
+			completed: "Completed",
+			warning: "Warning",
+			error: "Error"
+		}
+	},
+	"zh-CN": {
+		progress: "进度",
+		optional: "可选",
+		previous: "上一步",
+		next: "下一步",
+		goToStep: (step) => `转到第 ${step} 步`,
+		goToStepWithStatus: (step, status) => `转到第 ${step} 步，${status}`,
+		status: {
+			completed: "已完成",
+			warning: "警告",
+			error: "错误"
+		}
+	}
+};
+//#endregion
 //#region src/locale/messages/table.ts
 const tableMessages = {
 	"en": {
@@ -442,19 +568,25 @@ const typeaheadMessages = {
 const astryxMessages = {
 	"en": {
 		calendar: calendarMessages.en,
+		carousel: carouselMessages.en,
 		chat: chatMessages.en,
 		citation: citationMessages.en,
+		commandPalette: commandPaletteMessages.en,
 		dateInput: dateInputMessages.en,
 		dateRangeInput: dateRangeInputMessages.en,
 		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,
 		table: tableMessages.en,
 		thumbnail: thumbnailMessages.en,
 		timeInput: timeInputMessages.en,
@@ -466,19 +598,25 @@ const astryxMessages = {
 	},
 	"zh-CN": {
 		calendar: calendarMessages["zh-CN"],
+		carousel: carouselMessages["zh-CN"],
 		chat: chatMessages["zh-CN"],
 		citation: citationMessages["zh-CN"],
+		commandPalette: commandPaletteMessages["zh-CN"],
 		dateInput: dateInputMessages["zh-CN"],
 		dateRangeInput: dateRangeInputMessages["zh-CN"],
 		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"],
 		table: tableMessages["zh-CN"],
 		thumbnail: thumbnailMessages["zh-CN"],
 		timeInput: timeInputMessages["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/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-1uRMrk63.d.ts

@@ -0,0 +1,54 @@
+import { r as ResizableProps } from "./useResizable-CeESZS1v.js";
+import { VNodeChild } from "vue";
+//#region src/Resizable/types.d.ts
+type ResizeDirection = 'horizontal' | 'vertical';
+type ResizePosition = 'inline' | 'overlay';
+type ResizePillPlacement = 'auto' | 'start' | 'end' | 'center';
+interface ResizeHandleProps {
+  /** 拖拽方向。horizontal 改宽度，vertical 改高度。 @default 'horizontal' */
+  direction?: ResizeDirection;
+  /** inline 占一格，overlay 贴在父级边缘。 @default 'inline' */
+  position?: ResizePosition;
+  /** 面板在结束边时把拖拽方向反过来。 @default false */
+  isReversed?: boolean;
+  /** @default false */
+  isDisabled?: boolean;
+  /** 画出 1px 分隔线。线本身就是把手。 @default false */
+  hasDivider?: boolean;
+  /** 静止时也显示握把。 @default true */
+  isAlwaysVisible?: boolean;
+  /**
+   * 握把相对分隔线的位置。auto 靠面板一侧，面板收到 0 时翻到另一侧。
+   * @default 'auto'
+   */
+  pillPlacement?: ResizePillPlacement;
+  /** 分隔条的无障碍名称。不传时用当前语言的默认文案。 */
+  label?: string;
+  resizable?: ResizableProps;
+}
+interface ResizeHandleSlots {
+  default?: () => VNodeChild;
+}
+//#endregion
+//#region src/Resizable/ResizeHandle.vue.d.ts
+type __VLS_Slots = ResizeHandleSlots;
+declare const __VLS_base: import("vue").DefineComponent<ResizeHandleProps, {
+  element: Readonly<import("vue").ShallowRef<HTMLDivElement | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ResizeHandleProps> & Readonly<{}>, {
+  isDisabled: boolean;
+  position: ResizePosition;
+  direction: ResizeDirection;
+  isReversed: boolean;
+  hasDivider: boolean;
+  isAlwaysVisible: boolean;
+  pillPlacement: ResizePillPlacement;
+}, {}, {}, {}, 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 { ResizePillPlacement as a, ResizeHandleSlots as i, ResizeDirection as n, ResizePosition as o, ResizeHandleProps as r, _default as t };

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-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-BlWLperN.d.ts → index-BUXNRekN.d.ts}

@@ -39,9 +39,9 @@ declare const __VLS_base: import("vue").DefineComponent<TokenProps, {}, {}, {},
   onRemove?: ((event: Event) => any) | undefined;
 }>, {
   size: TokenSize;
-  color: "default" | "blue" | "cyan" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "gray";
-  labelHidden: boolean;
+  color: "default" | "blue" | "cyan" | "gray" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow";
   disabled: boolean;
+  labelHidden: boolean;
   removable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/index-Bainr_3n.d.ts

@@ -0,0 +1,31 @@
+import { i as IconProps, n as IconColor, o as IconSlots, r as IconName } from "./types-DZoEm_DG.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 };