@glimstone/vue 0.0.0-stage → 4.0.0

package/README.md

@@ -1,3 +1,52 @@
-# Temporary Holding Version
+# @glimstone/vue
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The components of [GlimStone](https://junkerderprovinz.github.io/glimstone/) for
+Vue 3, on `@glimstone/core`. They are the same components as `@glimstone/react`,
+with the same names, the same behaviour contracts and the same look, as
+single-file components.
+
+```sh
+npm install @glimstone/core @glimstone/vue
+```
+
+```ts
+import "@glimstone/core/tokens.css";
+import { applyCachedAppearance, applyStoredLabelModes } from "@glimstone/core";
+import { setGlyphResolver } from "@glimstone/vue";
+
+applyCachedAppearance();
+applyStoredLabelModes();
+setGlyphResolver((key) => appGlyphs[key]);
+```
+
+```vue
+<script setup lang="ts">
+import { ref } from "vue";
+import { Button, Toggle, useConfirm } from "@glimstone/vue";
+import { Select } from "@glimstone/vue/Select";
+
+const quiet = ref(true);
+const zone = ref<string | null>("Europe/Vienna");
+const { confirm, ConfirmHost } = useConfirm({ title: "Confirm", cancel: "Cancel", confirm: "Confirm" });
+</script>
+
+<template>
+  <Toggle v-model="quiet" label="Quiet notifications" />
+  <Select v-model="zone" label="Time zone" :options="zones" />
+  <Button label="Delete" label-key="delete" @click="confirm('Delete the snapshot?')" />
+  <ConfirmHost />
+</template>
+```
+
+- Values bind with `v-model`; listeners and attributes such as `@click`,
+  `class` and `aria-*` fall through to the element.
+- A glyph is a component: `setGlyphResolver` returns one, and a `glyph` prop
+  takes one.
+- The engines are composables: `useLabelMode`, `useRainbow`, `useShape`,
+  `useMotion`, `useAccent` and `useHue`, each a writable ref that follows the
+  document.
+- `Select`, `Combobox` and `Slider` come from their own entries and need
+  `@zag-js/vue` with their machine packages (`@zag-js/select` and
+  `@zag-js/menu`, `@zag-js/combobox`, `@zag-js/slider`).
+- Vue counts `useId()` per app. A page that mounts several Vue apps gives each
+  its own `app.config.idPrefix`.

package/dist/Badge.vue.d.ts

@@ -0,0 +1,49 @@
+import { type BadgeShape, type BadgeSize, type BadgeTone, type NotchInset } from "@glimstone/core";
+type __VLS_Props = {
+    tone?: BadgeTone;
+    size?: BadgeSize;
+    shape?: BadgeShape;
+    as?: "span" | "button" | "a";
+    disabled?: boolean;
+    /** Let content that wraps grow the box instead of overflowing it. */
+    wrap?: boolean;
+    /** Rainbow position. Only `heading` and `active` take it, since the other
+     *  tones are status signals. */
+    hueIndex?: number;
+    /** `as="button"` only: the tooltip and accessible name of an icon-only
+     *  button; it also makes the badge icon-only for sizing. */
+    tip?: string;
+    /** Heading notch only: the card's content padding in quarter-rem steps. */
+    insetStart?: NotchInset;
+    /** Heading notch only: keep its look without positioning it. */
+    inFlow?: boolean;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    tone: BadgeTone;
+    size: BadgeSize;
+    shape: BadgeShape;
+    as: "a" | "button" | "span";
+    wrap: boolean;
+    inFlow: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/BrandMark.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    svg: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Button.vue.d.ts

@@ -0,0 +1,43 @@
+import { type Component } from "vue";
+import { type ButtonTone, type ButtonVariant, type WidthStage } from "@glimstone/core";
+type __VLS_Props = {
+    /** The button's words, present in every mode: visible, or hidden but
+     *  announced and shown as the tooltip. Keep it stable; put changing state
+     *  in `title`. */
+    label: string;
+    /** The translation key behind `label`, or `null` when the label is data
+     *  such as a path. It picks the glyph by meaning, so the same verb wears
+     *  the same symbol everywhere; an explicit `glyph` wins. */
+    labelKey: string | null;
+    /** Overrides whatever `labelKey` would have chosen. */
+    glyph?: Component;
+    tone?: ButtonTone;
+    /** "chip" inside a pill, "icon" for a row action; see ButtonVariant. */
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    type?: "button" | "submit";
+    /** Extra explanation, and the place for anything that changes. It shows
+     *  in the hover and focus bubble, joined with the label where the label
+     *  is hidden, and still reaches a disabled button. */
+    title?: string;
+    /** This button's own rainbow position, for a colour different from its card's. */
+    hueIndex?: number;
+    /** Shows a spinner in place of the glyph. Separate from `disabled`. */
+    busy?: boolean;
+    /** Forces a width stage, for two buttons in different components that should match. */
+    stage?: WidthStage;
+    /** Keeps the label visible in every mode, for a label that is content rather than a verb. */
+    keepLabel?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    el: import("vue").ShallowRef<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    type: "button" | "submit";
+    tone: ButtonTone;
+    variant: ButtonVariant;
+    busy: boolean;
+    keepLabel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Card.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** Omit it where a control inside already carries the same name. */
+    title?: string;
+    /** One line saying what this whole card does, drawn as an "(i)" beside the title. */
+    hint?: string;
+    /** This card's position in the rainbow, counted across the cards visible on the active tab. */
+    hueIndex?: number;
+    /** This card sits inside another card that already provides the surface and the padding. */
+    nested?: boolean;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Combobox.js

@@ -0,0 +1,70 @@
+import { i as e, n as t } from "./glyphs-CvCRgBMU.js";
+import { Fragment as n, Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, openBlock as p, renderList as m, shallowRef as h, toDisplayString as g, unref as _, useId as v, useModel as y, watch as b } from "vue";
+import { normalizeProps as x, useMachine as S } from "@zag-js/vue";
+import * as C from "@zag-js/combobox";
+// src/Combobox.vue?vue&type=script&setup=true&lang.ts
+var w = ["aria-label"], T = ["data-state"], E = {
+	key: 0,
+	class: "glim-select-empty"
+}, D = /* @__PURE__ */ u({
+	__name: "Combobox",
+	props: /*@__PURE__*/ d({
+		label: {},
+		hideLabel: {
+			type: Boolean,
+			default: !1
+		},
+		options: {},
+		placeholder: {},
+		empty: {},
+		toggleLabel: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(u) {
+		let d = u, D = y(u, "modelValue"), O = v(), k = h(d.options);
+		b(() => d.options, (e) => k.value = e);
+		let A = i(() => C.collection({
+			items: k.value,
+			itemToValue: (e) => e.value,
+			itemToString: (e) => e.label,
+			isItemDisabled: (e) => !!e.disabled
+		})), j = S(C.machine, i(() => ({
+			id: O,
+			collection: A.value,
+			value: D.value ? [D.value] : [],
+			placeholder: d.placeholder,
+			disabled: d.disabled,
+			positioning: {
+				sameWidth: !0,
+				gutter: 6
+			},
+			onOpenChange: ({ open: e }) => {
+				e || (k.value = d.options);
+			},
+			onInputValueChange: ({ inputValue: e }) => {
+				let t = e.toLocaleLowerCase();
+				k.value = d.options.filter((e) => e.label.toLocaleLowerCase().includes(t));
+			},
+			onValueChange: (e) => D.value = e.value[0] ?? ""
+		}))), M = i(() => C.connect(j, x));
+		return (i, d) => (p(), s("div", f(M.value.getRootProps(), { class: "glim-combobox" }), [
+			c("label", f(M.value.getLabelProps(), { class: u.hideLabel ? "glim-sr-only" : "glim-field-label" }), g(u.label), 17),
+			c("div", f(M.value.getControlProps(), { class: "glim-combobox-control" }), [c("input", f(M.value.getInputProps(), { class: "glim-combobox-input" }), null, 16), c("button", f(M.value.getTriggerProps(), {
+				"aria-label": u.toggleLabel,
+				class: "glim-combobox-toggle"
+			}), [c("span", {
+				class: "glim-select-indicator",
+				"data-state": M.value.open ? "open" : "closed"
+			}, [l(_(e))], 8, T)], 16, w)], 16),
+			(p(), a(r, { to: "body" }, [c("div", f(M.value.getPositionerProps(), { class: "glim-select-positioner" }), [c("ul", f(M.value.getContentProps(), { class: "glim-select-content" }), [k.value.length === 0 ? (p(), s("li", E, g(u.empty), 1)) : o("", !0), (p(!0), s(n, null, m(k.value, (e) => (p(), s("li", f({ key: e.value }, { ref_for: !0 }, M.value.getItemProps({ item: e }), { class: "glim-select-item" }), [c("span", f({ ref_for: !0 }, M.value.getItemTextProps({ item: e })), g(e.label), 17), c("span", f({ ref_for: !0 }, M.value.getItemIndicatorProps({ item: e }), { class: "glim-select-check" }), [l(_(t))], 16)], 16))), 128))], 16)], 16)]))
+		], 16));
+	}
+});
+export { D as Combobox };

package/dist/Combobox.vue.d.ts

@@ -0,0 +1,27 @@
+import type { SelectOption } from "./selectParts";
+type __VLS_Props = {
+    label: string;
+    hideLabel?: boolean;
+    options: SelectOption[];
+    placeholder?: string;
+    /** The line the list shows when nothing matches. */
+    empty: string;
+    /** Accessible name of the button that opens the full list. */
+    toggleLabel: string;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    /** The chosen value, or "" while nothing is chosen. */
+    modelValue: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    hideLabel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/ConfirmDialog.vue.d.ts

@@ -0,0 +1,37 @@
+import { type Component } from "vue";
+type __VLS_Props = {
+    title: string;
+    message: string;
+    /** The words of the action being confirmed, so the answer repeats "Delete"
+     *  rather than a bare "Confirm". */
+    confirmLabel: string;
+    /** Translation key behind confirmLabel, so the confirm button shows its glyph. */
+    confirmLabelKey?: string;
+    confirmGlyph?: Component;
+    cancelLabel: string;
+    /** A close button in the head, for a window that is more than a question. */
+    closeLabel?: string;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        extra?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    card: import("vue").ShallowRef<HTMLDivElement | null, HTMLDivElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/EmptyState.vue.d.ts

@@ -0,0 +1,28 @@
+import type { Component } from "vue";
+type __VLS_Props = {
+    /** The page's own glyph, so the empty state echoes the place it is on. */
+    glyph?: Component;
+    /** What is missing, such as "No backups yet" or "No backups match the filter". */
+    title: string;
+    /** One line on how to get there. */
+    hint?: string;
+    /** It stands inside a card, which already provides the surface. */
+    nested?: boolean;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    nested: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/IconTipButton.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    /** The hover and focus explanation, and the button's `aria-label`. */
+    tip: string;
+    disabled?: boolean;
+    type?: "button" | "submit";
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    type: "button" | "submit";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/InfoAboutCard.vue.d.ts

@@ -0,0 +1,4 @@
+import type { InfoAboutCardProps } from "./info";
+declare const __VLS_export: import("vue").DefineComponent<InfoAboutCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InfoAboutCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/InfoBubble.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    tip: string;
+    onAccent?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    onAccent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/InfoHelpCard.vue.d.ts

@@ -0,0 +1,6 @@
+import type { InfoHelpCardProps } from "./info";
+declare const __VLS_export: import("vue").DefineComponent<InfoHelpCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InfoHelpCardProps> & Readonly<{}>, {
+    openUrl: import("@glimstone/core").OpenUrl;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/InfoTile.vue.d.ts

@@ -0,0 +1,22 @@
+import type { InfoAboutCardProps, InfoHelpCardProps, InfoVersionCardProps } from "./info";
+type __VLS_Props = {
+    version: Omit<InfoVersionCardProps, "hueIndex">;
+    help: Omit<InfoHelpCardProps, "hueIndex">;
+    about: Omit<InfoAboutCardProps, "hueIndex">;
+    hueIndex?: number;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        'whats-new'?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/InfoVersionCard.vue.d.ts

@@ -0,0 +1,15 @@
+import type { InfoVersionCardProps } from "./info";
+type __VLS_Slots = {
+    "whats-new"?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<InfoVersionCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InfoVersionCardProps> & Readonly<{}>, {
+    openUrl: import("@glimstone/core").OpenUrl;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ListSelect.vue.d.ts

@@ -0,0 +1,37 @@
+import { type SelectWidth } from "@glimstone/core";
+import { type SelectGroup } from "./selectParts";
+declare const __VLS_export: <T extends string>(__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<{
+        label: string;
+        hideLabel?: boolean;
+        groups: SelectGroup<T>[];
+        value: T | null;
+        placeholder?: string;
+        width: SelectWidth;
+        triggerClass: string;
+        id?: string;
+        disabled?: boolean;
+        busy?: boolean;
+        tip?: string;
+        shake?: number;
+    } & {
+        onChange?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        trigger: import("vue").ShallowRef<HTMLElement | null, HTMLElement | null>;
+    }>) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "change", value: T) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/MenuChoice.vue.d.ts

@@ -0,0 +1,27 @@
+import type * as menu from "@zag-js/menu";
+import type { SelectOption } from "./selectParts";
+declare const __VLS_export: <T extends string>(__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<{
+        api: menu.Api;
+        option: SelectOption<T>;
+        value: T | null;
+        glyphs: boolean;
+    } & {
+        onChange?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "change", value: T) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/MenuSelect.vue.d.ts

@@ -0,0 +1,37 @@
+import { type SelectWidth } from "@glimstone/core";
+import { type SelectGroup } from "./selectParts";
+declare const __VLS_export: <T extends string>(__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<{
+        label: string;
+        hideLabel?: boolean;
+        groups: SelectGroup<T>[];
+        value: T | null;
+        placeholder?: string;
+        width: SelectWidth;
+        triggerClass: string;
+        id?: string;
+        disabled?: boolean;
+        busy?: boolean;
+        tip?: string;
+        shake?: number;
+    } & {
+        onChange?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        trigger: import("vue").ShallowRef<HTMLElement | null, HTMLElement | null>;
+    }>) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "change", value: T) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/MenuSubmenu.vue.d.ts

@@ -0,0 +1,31 @@
+import * as menu from "@zag-js/menu";
+import type { SelectSubmenu } from "./selectParts";
+declare const __VLS_export: <T extends string>(__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<{
+        parent: menu.Service;
+        parentApi: menu.Api;
+        triggerId: string;
+        entry: SelectSubmenu<T>;
+        value: T | null;
+        glyphs: boolean;
+        hueStyle?: Record<string, string>;
+        hueClass: string;
+    } & {
+        onChange?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "change", value: T) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/NumberField.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue?: number | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/ReadmeButton.vue.d.ts

@@ -0,0 +1,33 @@
+import { type ReadmeBrand, type ReadmePart } from "@glimstone/core";
+type __VLS_Props = {
+    brand: ReadmeBrand;
+    /** The button, then its segments. */
+    parts: [ReadmePart, ...ReadmePart[]];
+    /** The class that paints the mark at rest, such as `glim-windows-mark`. */
+    markClass?: string;
+    /** The "(i)" at the end of the unit, for what the name cannot say. */
+    hint?: string;
+    /** Holds the second lines in view while one reports what it did, such as "Copied". */
+    note?: boolean;
+    /** The second line of a unit whose first part has neither `href` nor `onClick`. */
+    soonLabel?: string;
+};
+type __VLS_Slots = {
+    mark?: () => unknown;
+    art?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    linkClick: (e: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLinkClick?: ((e: MouseEvent) => any) | undefined;
+}>, {
+    note: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};