@astryx-vue/core 0.1.3 → 0.2.0

package/dist/{index-Df2YvC8o.d.ts → index-C6iJwTL0.d.ts}

@@ -8,25 +8,26 @@ import "./index-DRmb-oUa.js";
 import "./index-CFfXQMkd.js";
 import "./index-C8wDPDcP.js";
 import "./index-BiMGXtD-.js";
-import "./index-B4OOtNP8.js";
+import "./index-C7mxUcDR.js";
 import "./index-z4p2k9VR.js";
 import { n as CardElevation, o as CardVariant, r as CardProps } from "./index-BfOtLyNH.js";
+import "./index-CsVS37na.js";
 import "./index-CEB7Ywvw.js";
 import "./index-DJo-BmXZ.js";
 import { i as CheckboxSize } from "./index-DEiLb6hI.js";
 import { c as FieldStatusType, l as FieldStatusVariant, n as FieldLabelSlots, o as FieldStatusInput, t as FieldLabelProps } from "./types-3eXh_5os.js";
 import { u as ListDensity } from "./types-CAZY4Xua.js";
 import "./index-iHf0OCyv.js";
-import "./index-mQ6EPmaG.js";
+import "./index-DsyKhauk.js";
 import "./index-DA52oIdw.js";
 import "./index-Be1czg3M.js";
-import "./index-CX97hlld.js";
 import { n as LayerPlacement, t as LayerAlignment } from "./position-DFW5ymAF.js";
+import "./index-C59PdX9L.js";
 import { D as ScrollRole, E as ScrollOverscroll, O as ScrollStickyContainment, c as TimePresentation, i as HourFormat, o as NativePicker, w as ScrollAxis, xt as WeekStartsOn, yt as ISODateRange } from "./index-SMh42NI8.js";
 import "./index-CTolyeii.js";
-import "./index-ZJyk8RtQ.js";
+import "./index-DtjAdYEc.js";
 import "./index-CZeoAr0a.js";
-import "./index-Byar3h1e.js";
+import "./index-HV6W3xCx.js";
 import "./index-B8MbfMwV.js";
 import "./index--Xrukl7L.js";
 import "./index-iBLzInje.js";
@@ -35,30 +36,33 @@ import "./index-BrJzFA5X.js";
 import "./index-CDDMDHJM.js";
 import "./index-CGZ2xi3r.js";
 import "./index-kaKBOZSU.js";
+import "./index-Bainr_3n.js";
 import "./index-Yl4kJKpq.js";
 import "./index-IbUN4M8V.js";
 import "./index-BtrAhmSP.js";
 import "./index-CDdRQQF3.js";
 import { n as SizeValue, t as PaddingInput } from "./size-BuTzpgnR.js";
-import "./index-DXDGk38y.js";
+import "./index-1AZ4KZhg.js";
+import "./index-Bn_odHQ9.js";
 import "./index-D-ZuubCK.js";
-import { l as AstryxLocale } from "./index-DYChvBOM.js";
+import { l as AstryxLocale } from "./index-DoFCm2Q2.js";
 import "./index-DfgHJE7H.js";
 import "./index-utZGF4GR.js";
 import "./index-BeR-1LgF.js";
-import "./index-DGNqi2za.js";
+import "./index-DOUEn7V0.js";
 import { a as NavItemSize, s as NavLinkComponent } from "./types-BG23kC3S.js";
 import "./index-fa72tWIU.js";
-import "./index-CT8KEpec.js";
-import "./index-2u4l3wq8.js";
+import "./index-D0TlUOtG.js";
+import "./index-NzLDrOkk.js";
+import "./index-Cn-sSds-.js";
 import "./index-BuubzuE8.js";
 import "./index-Ck8qy6Rf.js";
-import "./index-CjtAH60j.js";
+import "./index-Bu0Zd1uw.js";
 import "./index-DEeJowZf.js";
 import "./index-1uRMrk63.js";
 import "./index-nKlTsNfV.js";
 import "./index-gW0HW02U.js";
-import "./index-C6RecznD.js";
+import "./index-BtPZKO20.js";
 import "./index-Dt_9IR_M.js";
 import "./index-BIPc1v82.js";
 import "./index-yaS9_EpM.js";
@@ -67,14 +71,17 @@ import "./index-BmAxqw1G.js";
 import "./index-CVn0GBdB.js";
 import "./index-DXSs3rwa.js";
 import "./index-DT9S92sh.js";
-import { c as TextWeight, o as TextSize, r as TextColor, s as TextType } from "./index-BzqRns96.js";
+import { a as TextSize, n as TextColor, o as TextType, s as TextWeight } from "./types-Bt-lSgYX.js";
+import "./index-Cm_TiLXU.js";
+import "./index-CRizexSC.js";
 import "./index-CtlkhQ55.js";
+import "./index-BMrggCw-.js";
 import "./index-BoRIw-bP.js";
-import "./index-4FM5lQdV.js";
-import "./index-FEy8qFSD.js";
+import "./index-BUXNRekN.js";
+import "./index-BHqRH7QW.js";
 import "./index-C5p2NeCr.js";
 import "./index-C_2Z65Rp.js";
-import "./index-Bqb_Fyju.js";
+import "./index-jdjcb3Js.js";
 import "./index-DGV6SCWO.js";
 import { Component, ComputedRef, InjectionKey, Ref, VNode, VNodeChild } from "vue";
 //#region src/Banner/types.d.ts
@@ -162,10 +169,10 @@ type __VLS_Slots$29 = ButtonGroupSlots;
 declare const __VLS_base$29: import("vue").DefineComponent<ButtonGroupProps, {
   element: Readonly<import("vue").ShallowRef<HTMLDivElement | null>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-  orientation: ButtonGroupOrientation;
   size: ButtonSize;
-  isDisabled: boolean;
   elevation: ButtonElevation;
+  isDisabled: boolean;
+  orientation: ButtonGroupOrientation;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$37: __VLS_WithSlots$29<typeof __VLS_base$29, __VLS_Slots$29>;
 declare const _default$37: typeof __VLS_export$37;
@@ -361,8 +368,8 @@ declare const __VLS_base$25: import("vue").DefineComponent<ClickableCardProps, {
 }, string, import("vue").PublicProps, Readonly<ClickableCardProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-  isDisabled: boolean;
   elevation: CardElevation;
+  isDisabled: boolean;
   variant: CardVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$33: __VLS_WithSlots$25<typeof __VLS_base$25, __VLS_Slots$25>;
@@ -421,7 +428,7 @@ declare const __VLS_export$32: import("vue").DefineComponent<__VLS_PublicProps$1
   onChange?: ((value: ISODateRange | null) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
-  size: "md" | "sm" | "lg";
+  size: "sm" | "md" | "lg";
   modelValue: ISODateRange | null;
   statusVariant: "tooltip" | FieldStatusVariant;
   hasClear: boolean;
@@ -911,8 +918,8 @@ declare const __VLS_base$20: import("vue").DefineComponent<__VLS_PublicProps$7,
   onChange?: ((value: RadioValue, event: RadioChangeEvent) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
-  orientation: RadioOrientation;
   size: RadioSize;
+  orientation: RadioOrientation;
   statusVariant: "tooltip" | FieldStatusVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$25: __VLS_WithSlots$20<typeof __VLS_base$20, __VLS_Slots$20>;
@@ -1036,8 +1043,8 @@ declare const __VLS_base$17: import("vue").DefineComponent<__VLS_PublicProps$6,
   onChange?: ((isSelected: boolean) => any) | undefined;
   "onUpdate:isSelected"?: ((value: boolean) => any) | undefined;
 }>, {
-  isDisabled: boolean;
   elevation: CardElevation;
+  isDisabled: boolean;
   variant: CardVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$22: __VLS_WithSlots$17<typeof __VLS_base$17, __VLS_Slots$17>;
@@ -1371,15 +1378,15 @@ declare const __VLS_base$11: import("vue").DefineComponent<__VLS_PublicProps$4,
   blur: typeof blur$2;
   select: typeof select$1;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: string, event: TextAreaChangeEvent) => any;
   clear: (event: MouseEvent) => any;
+  change: (value: string, event: TextAreaChangeEvent) => any;
   "update:modelValue": (value: string) => any;
   enter: (event: KeyboardEvent) => any;
   keydown: (event: KeyboardEvent) => any;
   actionError: (error: unknown, value: string, event: TextAreaChangeEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps$4> & Readonly<{
-  onChange?: ((value: string, event: TextAreaChangeEvent) => any) | undefined;
   onClear?: ((event: MouseEvent) => any) | undefined;
+  onChange?: ((value: string, event: TextAreaChangeEvent) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEnter?: ((event: KeyboardEvent) => any) | undefined;
   onKeydown?: ((event: KeyboardEvent) => any) | undefined;
@@ -1458,22 +1465,22 @@ declare const __VLS_base$10: import("vue").DefineComponent<__VLS_PublicProps$3,
   blur: typeof blur$1;
   select: typeof select;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: string, event: TextInputChangeEvent) => any;
   clear: (event: MouseEvent) => any;
+  change: (value: string, event: TextInputChangeEvent) => any;
   "update:modelValue": (value: string) => any;
   enter: (event: KeyboardEvent) => any;
   keydown: (event: KeyboardEvent) => any;
   actionError: (error: unknown, value: string, event: TextInputChangeEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps$3> & Readonly<{
-  onChange?: ((value: string, event: TextInputChangeEvent) => any) | undefined;
   onClear?: ((event: MouseEvent) => any) | undefined;
+  onChange?: ((value: string, event: TextInputChangeEvent) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEnter?: ((event: KeyboardEvent) => any) | undefined;
   onKeydown?: ((event: KeyboardEvent) => any) | undefined;
   onActionError?: ((error: unknown, value: string, event: TextInputChangeEvent) => any) | undefined;
 }>, {
-  type: TextInputType;
   size: TextInputSize;
+  type: TextInputType;
   loadingLabel: string;
   statusVariant: "tooltip" | FieldStatusVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -1814,8 +1821,8 @@ declare const __VLS_base$9: import("vue").DefineComponent<__VLS_PublicProps$1, {
   "onUpdate:isPressed"?: ((value: boolean) => any) | undefined;
   onPressedChange?: ((isPressed: boolean, event: MouseEvent) => any) | undefined;
 }>, {
-  isDisabled: boolean;
   elevation: ButtonElevation;
+  isDisabled: boolean;
   isLoading: boolean;
   isIconOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -1841,10 +1848,10 @@ declare const __VLS_base$8: import("vue").DefineComponent<__VLS_PublicProps, {},
   "onUpdate:value"?: ((value: ToggleButtonGroupValue) => any) | undefined;
   onChange?: ((value: ToggleButtonGroupValue) => any) | undefined;
 }>, {
-  type: ToggleButtonGroupType;
-  orientation: ToggleButtonGroupOrientation;
   size: ButtonSize;
   isDisabled: boolean;
+  type: ToggleButtonGroupType;
+  orientation: ToggleButtonGroupOrientation;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$10: __VLS_WithSlots$8<typeof __VLS_base$8, __VLS_Slots$8>;
 declare const _default$10: typeof __VLS_export$10;
@@ -1882,9 +1889,9 @@ interface ToolbarSlots {
 //#region src/Toolbar/Toolbar.vue.d.ts
 type __VLS_Slots$7 = ToolbarSlots;
 declare const __VLS_base$7: import("vue").DefineComponent<ToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToolbarProps> & Readonly<{}>, {
-  orientation: ToolbarOrientation;
   size: ToolbarSize;
   variant: ToolbarVariant;
+  orientation: ToolbarOrientation;
   gap: SpacingStep;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$9: __VLS_WithSlots$7<typeof __VLS_base$7, __VLS_Slots$7>;

package/dist/{index-B4OOtNP8.d.ts → index-C7mxUcDR.d.ts}

@@ -8,11 +8,11 @@ declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {
 }, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-  type: "button" | "reset" | "submit";
-  isDisabled: boolean;
   elevation: ButtonElevation;
+  isDisabled: boolean;
   isLoading: boolean;
   isIconOnly: boolean;
+  type: "button" | "reset" | "submit";
   isInterruptible: boolean;
   loadingLabel: string;
   variant: ButtonVariant;

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-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 };

package/dist/index-CsVS37na.d.ts

@@ -0,0 +1,81 @@
+import { n as SpacingStep } from "./types-D7QNSqoN.js";
+import { VNode } from "vue";
+//#region src/Carousel/types.d.ts
+/** Gap steps the carousel actually spaces with. Padding accepts every spacing step. */
+type CarouselGap = 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4;
+interface CarouselHandle {
+  /** Scroll forward by roughly one viewport. With `hasLoop`, wraps to the start at the end. */
+  scrollNext: () => void;
+  /** Scroll backward by roughly one viewport. With `hasLoop`, wraps to the end at the start. */
+  scrollPrev: () => void;
+  /**
+   * Scroll the item at the 0-based index to the start edge.
+   * The index is clamped. Only the carousel scrolls.
+   */
+  scrollTo: (index: number) => void;
+  /** Whether a forward scroll is available. With `hasLoop`, true whenever the content overflows. */
+  canScrollNext: () => boolean;
+  /** Whether a backward scroll is available. With `hasLoop`, true whenever the content overflows. */
+  canScrollPrev: () => boolean;
+}
+interface CarouselProps {
+  /**
+   * Gap between items, as a spacing step.
+   * @default 1
+   */
+  gap?: CarouselGap;
+  /**
+   * Show previous and next buttons when the content overflows.
+   * @default true
+   */
+  hasButtons?: boolean;
+  /**
+   * Fade the edges that hide overflow, so it is obvious there is more to scroll.
+   * @default true
+   */
+  hasEdgeFade?: boolean;
+  /**
+   * Wrap from the last item back to the first, and the other way around.
+   * Buttons stay available at both edges. Has no effect when the content fits.
+   * @default false
+   */
+  hasLoop?: boolean;
+  /**
+   * Snap each direct child to the start edge.
+   * @default false
+   */
+  hasSnap?: boolean;
+  /**
+   * Inline padding inside the scrollport, with matching scroll-padding so snap
+   * points line up with the content edge.
+   */
+  padding?: SpacingStep;
+  /**
+   * Accessible name of the carousel region.
+   * @default 'Carousel' (localized)
+   */
+  label?: string;
+}
+interface CarouselSlots {
+  /** Carousel items, rendered in a horizontal scrollport. */
+  default?: () => VNode[];
+}
+//#endregion
+//#region src/Carousel/Carousel.vue.d.ts
+type __VLS_Slots = CarouselSlots;
+declare const __VLS_base: import("vue").DefineComponent<CarouselProps, CarouselHandle, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CarouselProps> & Readonly<{}>, {
+  gap: CarouselGap;
+  hasButtons: boolean;
+  hasEdgeFade: boolean;
+  hasLoop: boolean;
+  hasSnap: 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 { CarouselSlots as a, CarouselProps as i, CarouselGap as n, CarouselHandle as r, _default as t };

package/dist/{index-CT8KEpec.d.ts → index-D0TlUOtG.d.ts}

@@ -86,8 +86,8 @@ declare const __VLS_base$2: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
   placement: "above" | "below" | "start" | "end";
   alignment: "start" | "end" | "center";
-  hover: boolean;
   hideDelay: number;
+  hover: boolean;
   showDelay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;

package/dist/{index-DGNqi2za.d.ts → index-DOUEn7V0.d.ts}

@@ -76,13 +76,13 @@ declare const __VLS_base: import("vue").DefineComponent<MultiSelectorProps, {
   focus: () => void | undefined;
   blur: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: (string | number)[]) => any;
   search: (query: string) => any;
+  change: (value: (string | number)[]) => any;
   "update:modelValue": (value: (string | number)[]) => any;
   openChange: (isOpen: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<MultiSelectorProps> & Readonly<{
-  onChange?: ((value: (string | number)[]) => any) | undefined;
   onSearch?: ((query: string) => any) | undefined;
+  onChange?: ((value: (string | number)[]) => any) | undefined;
   "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
   onOpenChange?: ((isOpen: boolean) => any) | undefined;
 }>, {
@@ -91,8 +91,8 @@ declare const __VLS_base: import("vue").DefineComponent<MultiSelectorProps, {
   variant: MultiSelectorVariant;
   status: MultiSelectorStatus;
   modelValue: readonly (string | number)[];
-  labelHidden: boolean;
   disabled: boolean;
+  labelHidden: boolean;
   clearable: boolean;
   optional: boolean;
   presentation: MultiSelectorPresentation;

package/dist/{index-DYChvBOM.d.ts → index-DoFCm2Q2.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;
@@ -268,6 +294,7 @@ interface TypeaheadMessages {
 //#region src/locale/messages.d.ts
 interface AstryxMessages {
   calendar: CalendarMessages;
+  carousel: CarouselMessages;
   chat: ChatMessages;
   citation: CitationMessages;
   commandPalette: CommandPaletteMessages;
@@ -276,11 +303,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;