@astryx-vue/core 0.1.3 → 0.2.1

package/dist/{index-BoRIw-bP.d.ts → index-Bt7ewoz2.d.ts}

@@ -1,5 +1,12 @@
+import { Component } from "vue";
 //#region src/Toast/types.d.ts
 type ToastType = 'info' | 'success' | 'warning' | 'error';
+/**
+ * What happens when a new toast reuses a `uniqueID` that is already on screen.
+ *
+ * `overwrite` replaces that toast in place. `ignore` drops the new toast.
+ */
+type ToastCollisionBehavior = 'ignore' | 'overwrite';
 interface ToastOptions {
   /**
    * Visual type of the toast.
@@ -20,9 +27,31 @@ interface ToastOptions {
    * @default 5000
    */
   duration?: number;
+  /**
+   * Identity shared by toasts that should collapse into one. A later toast with
+   * the same id overwrites the visible one, unless `collisionBehavior` is
+   * `ignore`.
+   */
+  uniqueID?: string;
+  /**
+   * How a `uniqueID` clash is resolved.
+   * @default 'overwrite'
+   */
+  collisionBehavior?: ToastCollisionBehavior;
+  /**
+   * Trailing action rendered after the message, such as an undo button.
+   * Pass a component; for a one-off render, pass a function component.
+   */
+  endContent?: Component;
 }
-interface ToastItem extends Required<ToastOptions> {
+interface ToastItem {
   id: string;
+  type: ToastType;
+  body: string;
+  autoClose: boolean;
+  duration: number;
+  uniqueID?: string;
+  endContent?: Component;
   /**
    * True once the toast has been asked to close. The toast stays mounted so it
    * can play its exit transition, then leaves the store.
@@ -41,6 +70,7 @@ type __VLS_Props$1 = ToastOptions & {
 };
 type __VLS_Slots = {
   default: () => unknown;
+  end: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props$1, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   close: () => any;
@@ -86,4 +116,4 @@ interface UseToastReturn {
 }
 declare function useToast(): UseToastReturn;
 //#endregion
-export { ToastOptions as a, ToastItem as i, _default as n, ToastPlacement as o, _default$1 as r, ToastType as s, useToast as t };
+export { ToastItem as a, ToastType as c, ToastCollisionBehavior as i, _default as n, ToastOptions as o, _default$1 as r, ToastPlacement as s, useToast as t };

package/dist/{index-CjtAH60j.d.ts → index-Bu0Zd1uw.d.ts}

@@ -18,8 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<PopoverProps, {}, {}, {}
   isOpen: boolean;
   placement: LayerPlacement;
   alignment: LayerAlignment;
-  hasAutoFocus: boolean;
   isEnabled: boolean;
+  hasAutoFocus: boolean;
   role: PopoverRole;
   isModal: boolean;
   hasCloseButton: boolean;

package/dist/{index-uQrLBZfF.d.ts → index-Bu3oXIIS.d.ts}

@@ -32,6 +32,25 @@ interface AvatarProps {
    * The primary image source for the avatar.
    */
   src?: string;
+  /**
+   * When set, the avatar renders as a link.
+   */
+  href?: string;
+  /**
+   * HTML target for the link. Only applies when `href` is set.
+   */
+  target?: string;
+  /**
+   * HTML rel for the link. `noopener noreferrer` is added when `target` is `_blank`.
+   */
+  rel?: string;
+  /**
+   * Hover and focus tooltip.
+   *
+   * `true` (default) shows `name`. A string shows that text instead. `false` turns the tooltip off.
+   * @default true
+   */
+  tooltip?: boolean | string;
 }
 type AvatarStatusDotVariant = 'neutral' | 'info' | 'success' | 'warning' | 'error';
 interface AvatarStatusDotProps {
@@ -40,6 +59,10 @@ interface AvatarStatusDotProps {
    * @default 'neutral'
    */
   variant?: AvatarStatusDotVariant;
+  /**
+   * Accessible name for the status. When omitted the dot is hidden from assistive technology.
+   */
+  label?: string;
 }
 //#endregion
 //#region src/Avatar/Avatar.vue.d.ts
@@ -53,6 +76,7 @@ declare const __VLS_base: import("vue").DefineComponent<AvatarProps, {}, {}, {},
   onError?: ((event: Event) => any) | undefined;
 }>, {
   size: AvatarSize;
+  tooltip: string | boolean;
   shape: AvatarShape;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$1: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/{index-CX97hlld.d.ts → index-CBym0hSq.d.ts}

@@ -1,25 +1,8 @@
 import { s as ButtonSize } from "./types-WlmsNL1I.js";
 import { l as FieldStatusVariant, o as FieldStatusInput } from "./types-3eXh_5os.js";
+import { t as ExtendedIconName } from "./types-BKcxXW--.js";
 import { r as PopoverPlacement, t as PopoverAlignment } from "./types-Db3Owy8Q.js";
-import { Component, Ref, VNode, VNodeChild } from "vue";
-//#region src/Icon/types.d.ts
-/**
- * The semantic names of the artwork astryx-vue keeps for its own chrome.
- *
- * A name describes what the icon is for, not one particular drawing, so a theme
- * can replace the artwork with one declaration. Applications never pass these
- * names: the artwork is a library implementation detail, and a `icon` prop or
- * slot takes a CSS icon class or the application's own component instead.
- */
-type IconName = 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'check' | 'moreHorizontal' | 'copy' | 'calendar' | 'clock' | 'upload' | 'arrowUp' | 'arrowDown' | 'close' | 'funnel' | 'image';
-/**
- * A built-in name, or any other string.
- *
- * The `(string & {})` intersection keeps the built-in names available for
- * autocomplete while allowing keys contributed by a component or application.
- */
-type ExtendedIconName = IconName | (string & {});
-//#endregion
+import { Component, Ref, VNode } from "vue";
 //#region src/ComplexSelector/types.d.ts
 interface ComplexSelectorState {
   isOpen: boolean;

package/dist/index-CJlBAXwj.d.ts

@@ -0,0 +1,100 @@
+import { n as LayerPlacement, t as LayerAlignment } from "./position-DFW5ymAF.js";
+import { _ as DropdownMenuSubMenuProps, a as DropdownMenuGroupSlots, c as DropdownMenuItemProps, f as DropdownMenuPresentation, g as DropdownMenuSlots, h as DropdownMenuSize, i as DropdownMenuGroupProps, l as DropdownMenuItemSlots, p as DropdownMenuProps, t as DropdownMenuButtonProps, u as DropdownMenuItemVariant, v as DropdownMenuSubMenuSlots } from "./types-DDAAT1Xd.js";
+import { ComputedRef, InjectionKey } from "vue";
+//#region src/DropdownMenu/context.d.ts
+/**
+ * What a `DropdownMenu` tells the rows inside it.
+ *
+ * `menuSize` is a computed ref rather than a plain value: a row reads it after
+ * mount, so a snapshot would leave every row stuck at the size the trigger had
+ * when the menu was created.
+ */
+interface DropdownMenuContextValue {
+  /** Closes the menu and returns focus to the trigger. */
+  closeMenu: () => void;
+  /** Whether the root menu is open. Nested flyouts close with it. */
+  isOpen: ComputedRef<boolean>;
+  /** Size of the menu, derived from the trigger button's size. */
+  menuSize: ComputedRef<DropdownMenuSize>;
+}
+/** The surrounding menu, or `undefined` when a row stands alone. */
+declare function useDropdownMenuContext(): DropdownMenuContextValue | undefined;
+//#endregion
+//#region src/DropdownMenu/DropdownMenu.vue.d.ts
+type __VLS_Props = DropdownMenuProps;
+type __VLS_Slots$3 = DropdownMenuSlots;
+type __VLS_ModelProps = {
+  'isMenuOpen'?: boolean | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base$3: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  click: () => any;
+  openChange: (isOpen: boolean) => any;
+  "update:isMenuOpen": (...args: unknown[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  onClick?: (() => any) | undefined;
+  onOpenChange?: ((isOpen: boolean) => any) | undefined;
+  "onUpdate:isMenuOpen"?: ((...args: unknown[]) => any) | undefined;
+}>, {
+  button: DropdownMenuButtonProps;
+  placement: LayerPlacement;
+  alignment: LayerAlignment;
+  presentation: DropdownMenuPresentation;
+  hasChevron: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$4: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
+declare const _default$4: typeof __VLS_export$4;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/DropdownMenu/DropdownMenuDivider.vue.d.ts
+declare const __VLS_export$3: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default$3: typeof __VLS_export$3;
+//#endregion
+//#region src/DropdownMenu/DropdownMenuGroup.vue.d.ts
+type __VLS_Slots$2 = DropdownMenuGroupSlots;
+declare const __VLS_base$2: import("vue").DefineComponent<DropdownMenuGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
+declare const _default$2: typeof __VLS_export$2;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/DropdownMenu/DropdownMenuItem.vue.d.ts
+type __VLS_Slots$1 = DropdownMenuItemSlots;
+declare const __VLS_base$1: import("vue").DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuItemProps> & Readonly<{
+  onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+  isDisabled: boolean;
+  variant: DropdownMenuItemVariant;
+  hasCloseOnSelect: boolean;
+}, {}, {}, {}, 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;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/DropdownMenu/DropdownMenuSubMenu.vue.d.ts
+type __VLS_Slots = DropdownMenuSubMenuSlots;
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuSubMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuSubMenuProps> & Readonly<{}>, {
+  isDisabled: boolean;
+}, {}, {}, {}, 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 { _default$4 as a, _default$3 as i, _default$1 as n, DropdownMenuContextValue as o, _default$2 as r, useDropdownMenuContext as s, _default as t };

package/dist/{index-DT9S92sh.d.ts → index-CNjbOgty.d.ts}

@@ -2,6 +2,7 @@ import { ComputedRef, Ref } from "vue";
 //#region src/TabList/types.d.ts
 type TabListSize = 'sm' | 'md' | 'lg';
 type TabListLayout = 'hug' | 'fill';
+type TabListEdgeCompensation = 'inline';
 interface TabListProps {
   /**
    * Currently selected tab value.
@@ -22,6 +23,19 @@ interface TabListProps {
    * @default false
    */
   hasDivider?: boolean;
+  /**
+   * Stretch the strip to the container's inline content edges, cancelling
+   * `--container-padding-inline-*`, while the first and last labels stay on
+   * the content inset. `edgeCompensation="inline"` is the same mode and wins
+   * when both are set.
+   * @default false
+   */
+  isFullBleed?: boolean;
+  /**
+   * Canonical name for the inline bleed. `isFullBleed` selects the same mode
+   * when this is omitted.
+   */
+  edgeCompensation?: TabListEdgeCompensation;
 }
 interface TabMenuOption {
   value: string;
@@ -93,6 +107,7 @@ declare const __VLS_base: import("vue").DefineComponent<TabListProps, {}, {}, {}
   onChange?: ((value: string) => any) | undefined;
 }>, {
   size: TabListSize;
+  isFullBleed: boolean;
   hasDivider: boolean;
   layout: TabListLayout;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/{index-gW0HW02U.d.ts → index-COxy6LEW.d.ts}

@@ -125,8 +125,8 @@ declare const __VLS_base$1: import("vue").DefineComponent<__VLS_PublicProps, {
   onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
-  size: SegmentedControlSize;
   isDisabled: boolean;
+  size: SegmentedControlSize;
   layout: SegmentedControlLayout;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;

package/dist/index-CRizexSC.d.ts

@@ -0,0 +1,147 @@
+import { n as SyntaxThemeDefinition } from "./syntaxTheme-Bcs1YMF7.js";
+import { ComputedRef } from "vue";
+//#region src/Theme/types.d.ts
+/** Color mode for a theme subtree. `system` follows the page and the OS. */
+type ThemeMode = 'light' | 'dark' | 'system';
+/**
+ * A token value.
+ *
+ * A string is used as written. A two-item tuple is the light stop, then the
+ * dark stop, and becomes `light-dark()`.
+ */
+type ThemeTokenValue = string | readonly [string, string];
+/** CSS custom properties for a theme. Keys may omit the `--astryx-` prefix. */
+type ThemeTokens = Record<string, ThemeTokenValue>;
+/** Token overrides for one inverted surface. */
+interface ThemeSurfaceInput {
+  tokens?: ThemeTokens;
+}
+interface DefineThemeInput {
+  /** Theme name. Used as `data-astryx-theme`. */
+  name: string;
+  /** Semantic token overrides for this theme. */
+  tokens?: ThemeTokens;
+  /** Another theme to start from. This theme's own values win. */
+  extends?: ThemeDefinition;
+  /** Syntax colors for code in this subtree, unless a SyntaxTheme is closer. */
+  syntax?: SyntaxThemeDefinition;
+  /** Extra tokens for content on a dark surface. */
+  onDark?: ThemeSurfaceInput;
+  /** Extra tokens for content on a light surface. */
+  onLight?: ThemeSurfaceInput;
+}
+interface ThemeDefinition {
+  name: string;
+  /** Token values already written as CSS. */
+  tokens: Readonly<Record<string, string>>;
+  /** Extra tokens applied by MediaTheme when the surface is dark. */
+  onDark: Readonly<Record<string, string>>;
+  /** Extra tokens applied by MediaTheme when the surface is light. */
+  onLight: Readonly<Record<string, string>>;
+  syntax?: SyntaxThemeDefinition;
+  readonly __astryxTheme: true;
+}
+interface ThemeProps {
+  /** Theme from `defineTheme()`. */
+  theme: ThemeDefinition;
+  /**
+   * Color mode for this subtree.
+   * @default 'system'
+   */
+  mode?: ThemeMode;
+}
+/** Surface luminance, `auto` to measure it, or `off` to leave the page theme. */
+type MediaThemeMode = 'dark' | 'light' | 'auto' | 'off';
+interface MediaThemeProps {
+  /**
+   * Which surface the children sit on.
+   * `auto` measures the parent. `off` keeps the surrounding theme.
+   */
+  mode: MediaThemeMode;
+  /**
+   * Side used by `auto` before the surface can be measured, and when it cannot.
+   * @default 'dark'
+   */
+  fallback?: 'dark' | 'light';
+}
+//#endregion
+//#region src/Theme/defineTheme.d.ts
+declare function isDefinedTheme(value: unknown): value is ThemeDefinition;
+/** Accept `--color-accent`, `--astryx-color-accent`, or `color-accent`. */
+declare function normalizeTokenName(name: string): string;
+/**
+ * Create a theme object that `Theme` can apply to a subtree.
+ *
+ * Token names are the upstream names (`--color-accent`) or this package's
+ * prefixed names (`--astryx-color-accent`). A `[light, dark]` tuple becomes
+ * `light-dark()`.
+ */
+declare function defineTheme(input: DefineThemeInput): ThemeDefinition;
+/** Neutral, with no token overrides. Colors come from `@astryx-vue/themes/neutral.css`. */
+declare const neutralTheme: ThemeDefinition;
+//#endregion
+//#region src/Theme/MediaTheme.vue.d.ts
+declare var __VLS_1$1: {};
+type __VLS_Slots$1 = {} & {
+  default?: (props: typeof __VLS_1$1) => any;
+};
+declare const __VLS_base$1: import("vue").DefineComponent<MediaThemeProps, {
+  element: Readonly<import("vue").ShallowRef<HTMLElement | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MediaThemeProps> & Readonly<{}>, {
+  fallback: "dark" | "light";
+}, {}, {}, {}, 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;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/Theme/Theme.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ThemeProps, {
+  element: Readonly<import("vue").ShallowRef<HTMLElement | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ThemeProps> & Readonly<{}>, {
+  mode: ThemeMode;
+}, {}, {}, {}, 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
+//#region src/Theme/useMediaTheme.d.ts
+interface UseMediaThemeReturn {
+  /** Resolved surface. `off` means the children keep the surrounding theme. */
+  mode: ComputedRef<'dark' | 'light' | 'off'>;
+}
+/** Read the nearest MediaTheme. Outside one, the mode is `off`. */
+declare function useMediaTheme(): UseMediaThemeReturn;
+//#endregion
+//#region src/Theme/colorMode.d.ts
+type ResolvedColorMode = 'light' | 'dark';
+//#endregion
+//#region src/Theme/useTheme.d.ts
+interface UseThemeReturn {
+  /** Name of the nearest theme, or `neutral` when no theme is present. */
+  name: ComputedRef<string>;
+  /** Effective light or dark mode. `system` is resolved. */
+  mode: ComputedRef<ResolvedColorMode>;
+  /** Resolve one token for the effective mode. */
+  token: (name: string) => string;
+  /** Tokens declared by the nearest theme, resolved for the effective mode. */
+  tokens: ComputedRef<Record<string, string>>;
+}
+/**
+ * Read the nearest theme. Outside a `Theme`, the name is `neutral` and tokens
+ * are read from the document's custom properties.
+ */
+declare function useTheme(): UseThemeReturn;
+//#endregion
+export { ThemeSurfaceInput as _, _default as a, isDefinedTheme as c, DefineThemeInput as d, MediaThemeMode as f, ThemeProps as g, ThemeMode as h, useMediaTheme as i, neutralTheme as l, ThemeDefinition as m, useTheme as n, _default$1 as o, MediaThemeProps as p, UseMediaThemeReturn as r, defineTheme as s, UseThemeReturn as t, normalizeTokenName as u, ThemeTokenValue as v, ThemeTokens as y };

package/dist/{index-DYChvBOM.d.ts → index-Clmz00IK.d.ts}

@@ -9,6 +9,14 @@ interface CalendarMessages {
   nextMonth: string;
 }
 //#endregion
+//#region src/locale/messages/carousel.d.ts
+interface CarouselMessages {
+  label: string;
+  scrollLeft: string;
+  scrollRight: string;
+  slide: (current: number, total: number) => string;
+}
+//#endregion
 //#region src/locale/messages/chat.d.ts
 interface ChatMessages {
   log: string;
@@ -100,6 +108,19 @@ interface LayoutMessages {
   mobileNavigation: string;
 }
 //#endregion
+//#region src/locale/messages/lightbox.d.ts
+interface LightboxMessages {
+  close: string;
+  previous: string;
+  next: string;
+  mediaViewer: string;
+  zoom: string;
+  zoomedIn: string;
+  zoomedOut: string;
+  imagePosition: (index: number, total: number) => string;
+  mediaPosition: (alt: string, index: number, total: number) => string;
+}
+//#endregion
 //#region src/locale/messages/markdown.d.ts
 interface MarkdownMessages {
   headingLink: (title: string) => string;
@@ -148,6 +169,11 @@ interface NumberInputMessages {
   decrement: (label?: string) => string;
 }
 //#endregion
+//#region src/locale/messages/outline.d.ts
+interface OutlineMessages {
+  label: string;
+}
+//#endregion
 //#region src/locale/messages/pagination.d.ts
 interface PaginationMessages {
   nav: string;
@@ -160,6 +186,8 @@ interface PaginationMessages {
   total: (total: number, from: number, to: number) => string;
   /** 窄容器里代替页码按钮的「当前页 / 总页数」。 */
   compact: (page: number, totalPages: number) => string;
+  /** compact 变体的「Page X of Y」。 */
+  pageOf: (page: number, totalPages: number) => string;
 }
 //#endregion
 //#region src/locale/messages/selector.d.ts
@@ -268,6 +296,7 @@ interface TypeaheadMessages {
 //#region src/locale/messages.d.ts
 interface AstryxMessages {
   calendar: CalendarMessages;
+  carousel: CarouselMessages;
   chat: ChatMessages;
   citation: CitationMessages;
   commandPalette: CommandPaletteMessages;
@@ -276,11 +305,13 @@ interface AstryxMessages {
   dateTimeInput: DateTimeInputMessages;
   fileInput: FileInputMessages;
   layout: LayoutMessages;
+  lightbox: LightboxMessages;
   markdown: MarkdownMessages;
   metadataList: MetadataListMessages;
   multiSelector: MultiSelectorMessages;
   nav: NavMessages;
   numberInput: NumberInputMessages;
+  outline: OutlineMessages;
   pagination: PaginationMessages;
   selector: SelectorMessages;
   stepper: StepperMessages;

package/dist/index-Cm_TiLXU.d.ts

@@ -0,0 +1,22 @@
+import { i as TextProps, n as TextColor, o as TextType, r as TextDisplay, t as TextAs } from "./types-Bt-lSgYX.js";
+//#region src/Text/Text.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextProps> & Readonly<{}>, {
+  type: TextType;
+  as: TextAs;
+  color: TextColor;
+  display: TextDisplay;
+  maxLines: number;
+}, {}, {}, {}, 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 { _default as t };

package/dist/index-Cn-sSds-.d.ts

@@ -0,0 +1,68 @@
+//#region src/Outline/types.d.ts
+interface OutlineItem {
+  /** Matches the target heading element's id. */
+  id: string;
+  label: string;
+  /** Heading level from 1 to 6. Indentation uses levels 1–4. */
+  level: number;
+}
+type OutlineDensity = 'default' | 'compact';
+interface OutlineProps {
+  /** Ordered heading items. */
+  items: OutlineItem[];
+  /**
+   * Controlled active heading id. When set, built-in scroll-spy stays off.
+   */
+  activeId?: string;
+  /**
+   * Accessible name of the nav landmark.
+   * @default 'Table of contents' (localized)
+   */
+  label?: string;
+  /**
+   * Item padding. `compact` is for dense sidebars.
+   * @default 'default'
+   */
+  density?: OutlineDensity;
+  /**
+   * Height in pixels of a fixed header covering the top of the scroll root.
+   * Shifts both the activation line and the scroll landing by the same amount,
+   * on top of each heading's own `scroll-margin-top`.
+   * @default 0
+   */
+  offset?: number;
+  /**
+   * Scroll container to track. Omit it to use the nearest scrollable ancestor,
+   * or the viewport when there is none.
+   */
+  scrollContainer?: HTMLElement | null;
+  /**
+   * Whether activating an item smooth-scrolls to it.
+   * @default true
+   */
+  hasScrollOnClick?: boolean;
+}
+interface OutlineEmits {
+  'navigateEnd': [id: string];
+  'navigateStart': [id: string];
+  'update:activeId': [id: string];
+}
+//#endregion
+//#region src/Outline/Outline.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<OutlineProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  navigateEnd: (id: string) => any;
+  navigateStart: (id: string) => any;
+  "update:activeId": (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<OutlineProps> & Readonly<{
+  onNavigateEnd?: ((id: string) => any) | undefined;
+  onNavigateStart?: ((id: string) => any) | undefined;
+  "onUpdate:activeId"?: ((id: string) => any) | undefined;
+}>, {
+  density: OutlineDensity;
+  offset: number;
+  scrollContainer: HTMLElement | null;
+  hasScrollOnClick: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { OutlineProps as a, OutlineItem as i, OutlineDensity as n, OutlineEmits as r, _default as t };