@astryx-vue/core 0.2.3 → 0.2.4

package/dist/{searchResultMessage-DN0HeRRB.js → searchResultMessage-CCnq-_ce.js}

@@ -1,6 +1,6 @@
 import { n as useButtonTooltip } from "./Button-DrqeomlE.js";
 import { t as _sfc_main$1 } from "./ButtonTooltip-nWWrth8j.js";
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, unref, useId, useTemplateRef, withModifiers } from "vue";
 //#region src/Field/StatusGlyph.vue

package/dist/syntaxTheme-CwVEcVDk.d.ts

@@ -0,0 +1,57 @@
+//#region src/Code/syntaxTheme.d.ts
+declare const SYNTAX_TOKEN_KEYS: readonly ["keyword", "string", "comment", "number", "function", "type", "variable", "operator", "constant", "tag", "attribute", "property", "punctuation", "background"];
+type SyntaxTokenKey = (typeof SYNTAX_TOKEN_KEYS)[number];
+/**
+ * Diff row slots. Optional on a syntax theme. The names continue
+ * `--astryx-code-syntax-*`: `added` is `--astryx-code-syntax-added`.
+ * A theme that omits them keeps the page theme's row tints, and takes its
+ * own punctuation color for the markers and no extra header paint.
+ */
+declare const DIFF_SYNTAX_TOKEN_KEYS: readonly ["added", "removed", "diff-header", "added-marker", "removed-marker"];
+type SyntaxDiffTokenKey = (typeof DIFF_SYNTAX_TOKEN_KEYS)[number];
+interface SyntaxThemeTokens {
+  'keyword': string;
+  'string': string;
+  'comment': string;
+  'number': string;
+  'function': string;
+  'type': string;
+  'variable': string;
+  'operator': string;
+  'constant': string;
+  'tag': string;
+  'attribute': string;
+  'property': string;
+  'punctuation': string;
+  'background': string;
+  /** Whole-row tint behind an added line. */
+  'added'?: string;
+  /** Whole-row tint behind a removed line. */
+  'removed'?: string;
+  /** Whole-row paint behind a hunk or file header. */
+  'diff-header'?: string;
+  /** Line number and `+` glyph on an added row. */
+  'added-marker'?: string;
+  /** Line number and `-` glyph on a removed row. */
+  'removed-marker'?: string;
+}
+/** A string is used as written. A tuple is the light stop, then the dark stop. */
+type SyntaxTokenValue = string | readonly [string, string];
+interface SyntaxThemeDefinition {
+  name: string;
+  tokens: SyntaxThemeTokens;
+}
+interface SyntaxThemeInput {
+  name: string;
+  tokens: { [K in SyntaxTokenKey]: SyntaxTokenValue; } & { [K in SyntaxDiffTokenKey]?: SyntaxTokenValue; };
+}
+/**
+ * Create a syntax theme. The 14 color tokens are required.
+ * Diff row slots are optional and use the same `--astryx-code-syntax-*` names.
+ * `[light, dark]` tuples are stored as `light-dark()`.
+ */
+declare function defineSyntaxTheme(theme: SyntaxThemeInput): SyntaxThemeDefinition;
+/** GitHub Dark (GitHub Primer team), MIT. */
+declare const githubDark: SyntaxThemeDefinition;
+//#endregion
+export { SyntaxThemeInput as a, SyntaxTokenValue as c, SyntaxThemeDefinition as i, defineSyntaxTheme as l, SYNTAX_TOKEN_KEYS as n, SyntaxThemeTokens as o, SyntaxDiffTokenKey as r, SyntaxTokenKey as s, DIFF_SYNTAX_TOKEN_KEYS as t, githubDark as u };

package/dist/{syntaxTheme-ClpWALZX.js → syntaxTheme-R7xnu5x5.js}

@@ -15,12 +15,26 @@ const SYNTAX_TOKEN_KEYS = [
 	"punctuation",
 	"background"
 ];
+/**
+* Diff row slots. Optional on a syntax theme. The names continue
+* `--astryx-code-syntax-*`: `added` is `--astryx-code-syntax-added`.
+* A theme that omits them keeps the page theme's row tints, and takes its
+* own punctuation color for the markers and no extra header paint.
+*/
+const DIFF_SYNTAX_TOKEN_KEYS = [
+	"added",
+	"removed",
+	"diff-header",
+	"added-marker",
+	"removed-marker"
+];
 function resolveSyntaxToken(value) {
 	if (typeof value === "string") return value;
 	return `light-dark(${value[0]}, ${value[1]})`;
 }
 /**
-* Create a syntax theme. All 14 tokens are required.
+* Create a syntax theme. The 14 color tokens are required.
+* Diff row slots are optional and use the same `--astryx-code-syntax-*` names.
 * `[light, dark]` tuples are stored as `light-dark()`.
 */
 function defineSyntaxTheme(theme) {
@@ -31,6 +45,10 @@ function defineSyntaxTheme(theme) {
 		const value = theme.tokens[key];
 		if (value != null) tokens[key] = resolveSyntaxToken(value);
 	}
+	for (const key of DIFF_SYNTAX_TOKEN_KEYS) {
+		const value = theme.tokens[key];
+		if (value != null) tokens[key] = resolveSyntaxToken(value);
+	}
 	return {
 		name: theme.name,
 		tokens
@@ -66,10 +84,13 @@ function syntaxThemeStyle(theme) {
 	const blue = value & 255;
 	if ((red * 299 + green * 587 + blue * 114) / 1e3 < 140) style["--astryx-code-block-border"] = "rgb(255 255 255 / 12%)";
 	for (const [key, color] of Object.entries(theme.tokens)) {
-		if (key === "background") continue;
+		if (key === "background" || color == null) continue;
 		style[`--astryx-code-syntax-${key}`] = color;
 	}
+	if (theme.tokens["added-marker"] == null) style["--astryx-code-syntax-added-marker"] = "var(--astryx-code-syntax-punctuation)";
+	if (theme.tokens["removed-marker"] == null) style["--astryx-code-syntax-removed-marker"] = "var(--astryx-code-syntax-punctuation)";
+	if (theme.tokens["diff-header"] == null) style["--astryx-code-syntax-diff-header"] = "transparent";
 	return style;
 }
 //#endregion
-export { syntaxThemeStyle as i, defineSyntaxTheme as n, githubDark as r, SYNTAX_TOKEN_KEYS as t };
+export { syntaxThemeStyle as a, githubDark as i, SYNTAX_TOKEN_KEYS as n, defineSyntaxTheme as r, DIFF_SYNTAX_TOKEN_KEYS as t };

package/dist/{types-Bt-lSgYX.d.ts → types-D9nP_X-c.d.ts}

@@ -7,6 +7,8 @@ type TextWrap = 'wrap' | 'nowrap' | 'balance' | 'pretty';
 type TextWordBreak = 'normal' | 'break-word' | 'break-all';
 type TextDisplay = 'block' | 'inline';
 type TextAs = 'span' | 'p' | 'div' | 'label';
+type TextJustify = 'start' | 'center' | 'end';
+type TextTruncateTooltip = boolean | 'above' | 'below' | 'start' | 'end';
 interface TextProps {
   /**
    * Semantic text type. Determines size, weight, and line-height.
@@ -54,12 +56,23 @@ interface TextProps {
    * @default 'span'
    */
   as?: TextAs;
+  /**
+   * Text alignment. `start` and `end` follow the writing direction.
+   * @default 'start'
+   */
+  justify?: TextJustify;
   /**
    * Maximum lines before truncation. 0 means no truncation.
    * A positive value forces block layout so the ellipsis has a width.
    * @default 0
    */
   maxLines?: number;
+  /**
+   * 截断之后要不要把全文放进提示。`true` 出现在上方，方位字符串指定位置，`false` 关掉。
+   * 没被截断时不会弹出。
+   * @default true
+   */
+  hasTruncateTooltip?: TextTruncateTooltip;
 }
 //#endregion
-export { TextSize as a, TextWordBreak as c, TextProps as i, TextWrap as l, TextColor as n, TextType as o, TextDisplay as r, TextWeight as s, TextAs as t };
+export { TextProps as a, TextType as c, TextWrap as d, TextJustify as i, TextWeight as l, TextColor as n, TextSize as o, TextDisplay as r, TextTruncateTooltip as s, TextAs as t, TextWordBreak as u };

package/dist/{types-CAZY4Xua.d.ts → types-DGYHIu4I.d.ts}

@@ -1,5 +1,24 @@
 import { Component, MaybeRefOrGetter, VNodeChild } from "vue";
 //#region src/List/types.d.ts
+/** 滑动露出的一侧。`leading` 是往行内末尾拖，`trailing` 是往行内开头拖。 */
+type ItemSwipeSide = 'leading' | 'trailing';
+/** `reveal` 松手后停开；`commit` 越过阈值就滑出并触发最外侧，一侧只适合一个操作。 */
+type ItemSwipeBehavior = 'reveal' | 'commit';
+/** 横滑露出的一个操作。数组里越靠后越靠外。 */
+interface ItemSwipeAction {
+  id?: string;
+  label: string;
+  icon?: Component;
+  onActivate: () => void;
+  isDisabled?: boolean;
+  variant?: 'neutral' | 'accent' | 'destructive';
+  /** 触发后行停在滑出的位置，不再弹回。行本身不会被删掉。 */
+  hasRemoval?: boolean;
+}
+interface ItemSwipeActions {
+  leading?: ItemSwipeAction[];
+  trailing?: ItemSwipeAction[];
+}
 /**
  * Spacing density for list rows.
  *
@@ -124,6 +143,16 @@ interface ListItemProps {
    * @default false
    */
   isSelected?: boolean;
+  /**
+   * 触摸横滑露出的操作。鼠标不会开始这次拖动。
+   * 每个操作还要在行自己的内容里能点到，否则键盘和鼠标够不着。
+   */
+  swipeActions?: ItemSwipeActions;
+  /**
+   * 松手之后怎么收场。
+   * @default 'reveal'
+   */
+  swipeBehavior?: ItemSwipeBehavior;
 }
 interface ListItemSlots {
   /** Leading content before the label: an icon, an avatar, a checkbox. */
@@ -178,4 +207,4 @@ interface ItemSlots extends ListItemSlots {
   marker?: () => VNodeChild;
 }
 //#endregion
-export { ItemLayout as a, ItemTarget as c, ListEdgeCompensation as d, ListItemProps as f, ListSlots as g, ListProps as h, ItemLabel as i, ItemText as l, ListMarkerStyle as m, ItemDensity as n, ItemProps as o, ListItemSlots as p, ItemElement as r, ItemSlots as s, ItemAlign as t, ListDensity as u };
+export { ListItemSlots as _, ItemLayout as a, ListSlots as b, ItemSwipeAction as c, ItemSwipeSide as d, ItemTarget as f, ListItemProps as g, ListEdgeCompensation as h, ItemLabel as i, ItemSwipeActions as l, ListDensity as m, ItemDensity as n, ItemProps as o, ItemText as p, ItemElement as r, ItemSlots as s, ItemAlign as t, ItemSwipeBehavior as u, ListMarkerStyle as v, ListProps as y };

package/dist/types-D_J66aPN.d.ts

@@ -0,0 +1,85 @@
+import { l as TextWeight, o as TextSize } from "./types-D9nP_X-c.js";
+import { Component } from "vue";
+//#region src/Link/types.d.ts
+type LinkColor = 'primary' | 'secondary' | 'accent' | 'inherit';
+type LinkSize = TextSize;
+type LinkWeight = TextWeight;
+/** Custom root used instead of `<a>` when `href` is set. Pass `RouterLink` or another component that accepts `href` and `to`. */
+type LinkRoot = string | Component;
+interface LinkProps {
+  /**
+   * Custom root used instead of `<a>` when `href` is set and the link is enabled.
+   * The component receives `href` and `to`. Disabled links stay a plain anchor.
+   */
+  as?: LinkRoot;
+  /**
+   * Accessible name. Set this when the visible content is not the name,
+   * for example an icon-only link. It replaces the link text for assistive technology.
+   */
+  label?: string;
+  /**
+   * Link destination URL.
+   */
+  href?: string;
+  /**
+   * Whether the link opens in a new tab and shows an external indicator.
+   * @default false
+   */
+  isExternalLink?: boolean;
+  /**
+   * Screen-reader text after an external link. Defaults to the current locale.
+   */
+  newTabLabel?: string;
+  /**
+   * Whether the link always shows an underline.
+   * @default false
+   */
+  hasUnderline?: boolean;
+  /**
+   * Text color.
+   * @default 'accent'
+   */
+  color?: LinkColor;
+  /**
+   * Whether the link is disabled.
+   * @default false
+   */
+  isDisabled?: boolean;
+  /**
+   * HTML target attribute.
+   */
+  target?: string;
+  /**
+   * HTML rel attribute.
+   */
+  rel?: string;
+  /**
+   * Causes the browser to download the linked URL.
+   */
+  download?: string | boolean;
+  /**
+   * Tooltip text shown on hover and keyboard focus.
+   */
+  tooltip?: string;
+  /**
+   * Whether the link stands alone, rather than sitting inside body text.
+   * Applies body font size and line height.
+   * @default false
+   */
+  isStandalone?: boolean;
+  /**
+   * Font size. Uses the same steps as Text.
+   */
+  size?: LinkSize;
+  /**
+   * Font weight. `normal` is the same as `regular`.
+   */
+  weight?: LinkWeight;
+  /**
+   * Maximum lines before the label truncates. `0` does not truncate.
+   * @default 0
+   */
+  maxLines?: number;
+}
+//#endregion
+export { LinkWeight as a, LinkSize as i, LinkProps as n, LinkRoot as r, LinkColor as t };

package/dist/types-gKsEkk2g.d.ts

@@ -0,0 +1,320 @@
+import { i as SyntaxThemeDefinition } from "./syntaxTheme-CwVEcVDk.js";
+import { t as SemanticIconMap } from "./semantic-CKH9XVqa.js";
+import { Component } from "vue";
+//#region src/Indicator/types.d.ts
+/**
+ * Each family owns its own states.
+ *
+ * A radio is only chosen or not. A checkbox can also be partial. Keeping the
+ * families apart means a radio graphic is never asked to draw a mixed state.
+ */
+interface IndicatorFamilyMap {
+  singleSelection: 'unchecked' | 'checked';
+  multiSelection: 'unchecked' | 'checked' | 'indeterminate';
+}
+type IndicatorFamily = keyof IndicatorFamilyMap & string;
+type IndicatorState<F extends IndicatorFamily = IndicatorFamily> = IndicatorFamilyMap[F];
+/** Matches the control sizes of the inputs that draw these graphics. */
+type IndicatorSize = 'sm' | 'md';
+/**
+ * Which edge of a row the mark sits on.
+ *
+ * Logical, not physical: start is the left edge in left-to-right text.
+ * The row decides this. The graphic itself has no position.
+ */
+type IndicatorPosition = 'start' | 'end';
+/**
+ * Props every indicator accepts.
+ *
+ * The graphic is decorative. The control that draws it keeps the input, the
+ * role, the accessible name, and the keyboard. Hover and focus reach the
+ * graphic through the `astryx-indicator-scope` class on that control, not
+ * through a prop.
+ */
+interface IndicatorProps<F extends IndicatorFamily = IndicatorFamily> {
+  /** Which state to draw. The family decides which states exist. */
+  state: IndicatorState<F>;
+  /**
+   * Control size. `sm` is 20px and `md` is 24px.
+   * @default 'md'
+   */
+  size?: IndicatorSize;
+  /**
+   * Whether the owning control is disabled. Visual only.
+   * @default false
+   */
+  isDisabled?: boolean;
+}
+/** A component that can stand in for one indicator name. */
+type IndicatorComponent<F extends IndicatorFamily = IndicatorFamily> = Component<IndicatorProps<F>>;
+/**
+ * Names a theme can replace.
+ *
+ * Packages can add names by augmenting this interface. Core has no default
+ * for a name it does not know, so `getIndicator` returns undefined for those
+ * and the caller supplies the fallback.
+ */
+interface IndicatorMap {
+  /** The mark on a chosen option. A check by default, and nothing when unchosen. */
+  check: 'singleSelection';
+  /** The circle of a radio. */
+  radio: 'singleSelection';
+  /** The box of a checkbox, including the partial state. */
+  checkbox: 'multiSelection';
+}
+type IndicatorName = keyof IndicatorMap & string;
+type CoreIndicatorName = 'check' | 'checkbox' | 'radio';
+/**
+ * Theme overrides, keyed by indicator name.
+ *
+ * One entry replaces that graphic everywhere it is drawn. Mapping `check` to
+ * the radio graphic turns every single-selection mark into a radio.
+ */
+interface IndicatorRegistry {
+  check?: IndicatorComponent<'singleSelection'>;
+  radio?: IndicatorComponent<'singleSelection'>;
+  checkbox?: IndicatorComponent<'multiSelection'>;
+  [name: string]: Component | undefined;
+}
+//#endregion
+//#region src/Theme/expandColorScale.d.ts
+/**
+ * Palette seed for `defineTheme({ color })`.
+ *
+ * `accent` is one hex, or a light stop then a dark stop. Omit it to recolor
+ * only the neutrals. `neutralStyle` is how much of the seed hue stays in
+ * those neutrals. `high` contrast pulls text and borders further apart.
+ */
+interface ColorScaleConfig {
+  accent?: string | readonly [light: string, dark: string];
+  /** @default 'cool' */
+  neutralStyle?: 'warm' | 'cool' | 'neutral';
+  /** @default 'standard' */
+  contrast?: 'standard' | 'high';
+}
+type ColorScaleTokens = Record<string, string>;
+/**
+ * Semantic color tokens derived from an accent.
+ *
+ * Status colors, chart colors, and on-dark / on-light stay out of this map.
+ * `--color-accent-muted`, `--color-text-accent`, and `--color-icon-accent`
+ * point at `var(--color-accent)`. `--color-on-accent` is baked from the seed,
+ * because the contrast pick cannot be expressed as a CSS reference.
+ *
+ * Names are the upstream names. `defineTheme()` adds the `--astryx-` prefix.
+ */
+declare function expandColorScale(config?: ColorScaleConfig): ColorScaleTokens;
+//#endregion
+//#region src/Theme/expandMotionScale.d.ts
+/**
+ * Duration scale. `min` is `base × ratio`, `max` is `base / ratio`,
+ * both rounded to 5ms. `slow` is optional. `easing` sets `--ease-standard`.
+ */
+interface MotionScaleConfig {
+  /** Micro-interactions, in ms. */
+  fast: number;
+  /** Enter and exit, in ms. */
+  medium: number;
+  /** Continuous motion, in ms. */
+  slow?: number;
+  /**
+   * Neighbor ratio. Typical range is 0.65–0.85.
+   * Neutral uses 0.75.
+   */
+  ratio: number;
+  /** Optional `--ease-standard` curve. */
+  easing?: string;
+}
+type MotionScaleTokens = Record<string, string>;
+/** `--duration-*` and an optional `--ease-standard`. */
+declare function expandMotionScale(config: MotionScaleConfig): MotionScaleTokens;
+//#endregion
+//#region src/Theme/expandRadiusScale.d.ts
+/**
+ * Radius scale. `none` stays 0 and `full` stays 9999px.
+ * The steps are inner ×1, element ×2, container ×3, page and chat ×7.
+ */
+interface RadiusScaleConfig {
+  /** Base unit in px. */
+  base: number;
+  /** Multiplier for every step except none and full. 0 makes those corners square. */
+  multiplier: number;
+}
+type RadiusScaleTokens = Record<string, string>;
+/** `--radius-*` tokens. Names are unprefixed; `defineTheme()` adds `--astryx-`. */
+declare function expandRadiusScale(config: RadiusScaleConfig): RadiusScaleTokens;
+//#endregion
+//#region src/Theme/expandTypeScale.d.ts
+/** Per-level heading weights. Values are CSS font-weight values. */
+type HeadingWeightOverrides = Partial<Record<1 | 2 | 3 | 4 | 5 | 6, string>>;
+/** Per-role text weights. Extra keys are kept for a theme's own roles. */
+type TextWeightOverrides = Partial<Record<string, string>>;
+/**
+ * Geometric type scale. `base` is the body size in px. `ratio` is the step.
+ * Size at a step is `round(base × ratio^step)`.
+ */
+interface TypeScaleConfig {
+  base: number;
+  ratio: number;
+  weights?: {
+    heading?: HeadingWeightOverrides;
+    text?: TextWeightOverrides;
+  };
+}
+type TypeScaleTokens = Record<string, string>;
+/**
+ * Raw `--font-size-*` steps, then heading and text roles.
+ *
+ * Sizes on the roles point at the raw steps with `var()`. Line heights are
+ * unitless ratios snapped onto a 4px grid. Weights point at `--font-weight-*`.
+ */
+declare function expandTypeScale(config: TypeScaleConfig): TypeScaleTokens;
+//#endregion
+//#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;
+}
+/**
+ * CSS declarations for one component state.
+ *
+ * A key that starts with `:` is a pseudo-class, for example `:hover`.
+ * `:hover` is the enabled control: disabled and `aria-disabled` elements skip it.
+ */
+type StyleOverrides = Record<string, string | Record<string, string>>;
+/**
+ * Per-component style overrides.
+ *
+ * `base` matches the component root. `variant:secondary` matches that variant.
+ * `variant:destructive+size:sm` matches both at once.
+ * Component names are the public names, such as `button` or `radio-indicator`.
+ */
+type ComponentStyleMap = Record<string, Record<string, StyleOverrides>>;
+/** One font role. Heading inherits body family and fallbacks when it omits them. */
+interface TypographyRole {
+  /** Primary family name. A name with spaces is quoted. */
+  family?: string;
+  /** Fallback stack, already written as CSS. */
+  fallbacks?: string;
+  /** Default weight name (`semibold`) or a CSS font-weight value. */
+  weight?: string;
+  /** Heading levels 1–6. Ignored on body and code. */
+  weights?: Partial<Record<1 | 2 | 3 | 4 | 5 | 6, string>>;
+}
+/**
+ * Fonts and the type scale.
+ *
+ * Loading the family is the caller's job. This only writes the tokens.
+ */
+interface TypographyConfig {
+  scale?: TypeScaleConfig;
+  body?: TypographyRole;
+  /** Family and fallbacks fall back to `body` when omitted. */
+  heading?: TypographyRole;
+  code?: TypographyRole;
+}
+interface DefineThemeInput {
+  /** Theme name. Used as `data-astryx-theme`. */
+  name: string;
+  /** Semantic token overrides. These win over generated values, token by token. */
+  tokens?: ThemeTokens;
+  /**
+   * Accent palette. Neutrals, surfaces, text, icons, and borders come from the
+   * seed. Explicit `tokens` still win.
+   */
+  color?: ColorScaleConfig;
+  /** Fonts and a type scale from `base` and `ratio`. */
+  typography?: TypographyConfig;
+  /** Radius steps from a base pixel size and a multiplier. */
+  radius?: RadiusScaleConfig;
+  /** Duration steps from fast, medium, slow, and a ratio. */
+  motion?: MotionScaleConfig;
+  /**
+   * Component style overrides, scoped to this theme name.
+   * `Theme` injects the compiled sheet. `css` on the result is that sheet.
+   */
+  components?: ComponentStyleMap;
+  /** 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;
+  /**
+   * Semantic icon name to Iconify id.
+   *
+   * Entries replace the built-in map by name and merge with the theme this
+   * one extends. A name that is not listed keeps the built-in id.
+   */
+  icons?: SemanticIconMap;
+  /**
+   * Indicator graphics, replaced by name.
+   *
+   * One entry reaches every control that draws that indicator. Entries merge
+   * with the theme this one extends.
+   */
+  indicators?: IndicatorRegistry;
+}
+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;
+  /** Semantic icon overrides. Absent when this theme does not set any. */
+  icons?: SemanticIconMap;
+  /** Indicator overrides. Absent when this theme does not set any. */
+  indicators?: IndicatorRegistry;
+  /**
+   * Merged component style map. Present when this theme or its base sets one.
+   * A child theme starts from this map.
+   */
+  components?: ComponentStyleMap;
+  /**
+   * Compiled component rules, scoped to `[data-astryx-theme="<name>"]`
+   * and placed in the `astryx.overrides` layer.
+   */
+  css?: string;
+  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
+export { IndicatorRegistry as A, IndicatorComponent as C, IndicatorName as D, IndicatorMap as E, IndicatorState as M, IndicatorPosition as O, CoreIndicatorName as S, IndicatorFamilyMap as T, expandRadiusScale as _, StyleOverrides as a, ColorScaleConfig as b, ThemeProps as c, ThemeTokens as d, TypographyConfig as f, RadiusScaleConfig as g, expandTypeScale as h, MediaThemeProps as i, IndicatorSize as j, IndicatorProps as k, ThemeSurfaceInput as l, TypeScaleConfig as m, DefineThemeInput as n, ThemeDefinition as o, TypographyRole as p, MediaThemeMode as r, ThemeMode as s, ComponentStyleMap as t, ThemeTokenValue as u, MotionScaleConfig as v, IndicatorFamily as w, expandColorScale as x, expandMotionScale as y };

package/dist/{useMenuDrillIn-OaEwjK44.js → useMenuDrillIn-BgjJcY3K.js}

@@ -1,5 +1,5 @@
 import { t as _sfc_main$4 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$5 } from "./Item-C1z6gXn8.js";
+import { t as _sfc_main$5 } from "./Item-DrYJL1TG.js";
 import { t as _sfc_main$6 } from "./CheckboxIndicator-D37cm2Rh.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, openBlock, provide, ref, renderSlot, toDisplayString, unref, useModel, useSlots, watch, withCtx } from "vue";
 import "../styles/dropdown-menu.css";