@glimstone/vue 4.0.0 → 4.1.1

package/dist/Button.vue.d.ts

@@ -1,5 +1,5 @@
 import { type Component } from "vue";
-import { type ButtonTone, type ButtonVariant, type WidthStage } from "@glimstone/core";
+import { type ButtonSize, 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
@@ -15,6 +15,8 @@ type __VLS_Props = {
     /** "chip" inside a pill, "icon" for a row action; see ButtonVariant. */
     variant?: ButtonVariant;
     disabled?: boolean;
+    /** Makes it a link with the button's look. A disabled one stays a disabled button. */
+    href?: string;
     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
@@ -28,8 +30,21 @@ type __VLS_Props = {
     stage?: WidthStage;
     /** Keeps the label visible in every mode, for a label that is content rather than a verb. */
     keepLabel?: boolean;
+    /** Its glyph alone in a square in every label mode, where the words have no room. The label stays the name and the bubble. */
+    compact?: boolean;
+    /** Turns compact while the window is narrower than this many pixels. */
+    compactBelow?: number;
+    size?: ButtonSize;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        before?: (props: {}) => any;
+    } & {
+        after?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: 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;
@@ -39,5 +54,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     busy: boolean;
     keepLabel: 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/Card.vue.d.ts

@@ -10,6 +10,8 @@ type __VLS_Props = {
 };
 declare const __VLS_template: () => {
     __VLS_Slots: {
+        title?: (props: {}) => any;
+    } & {
         default?: (props: {}) => any;
     };
 };

package/dist/Checkbox.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    /** Always the accessible name; shown beside the box unless hideLabel. */
+    label: string;
+    /** For a grid whose row and column headings already say it, such as permissions. */
+    hideLabel?: boolean;
+    /** The box alone, without the frame and its hover ground, for a row or a cell of a dense list. Hides the label. */
+    slim?: boolean;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: boolean;
+};
+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: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    hideLabel: boolean;
+    slim: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/ColorPicker.vue.d.ts

@@ -0,0 +1,30 @@
+import { type ColorName, type ColorPickerPanelText } from "@glimstone/core";
+type __VLS_Props = {
+    /** The control that opened the picker. With it the picker floats beside it
+     *  and closes on Escape, on a click beside it and after Apply. */
+    anchor?: HTMLElement | null;
+    /** The names a colour is matched against, nearest in OKLab. `false` shows none. */
+    names?: readonly ColorName[] | false;
+    /** The words, read when the picker opens. */
+    text?: Partial<ColorPickerPanelText>;
+};
+type __VLS_ModelProps = {
+    modelValue: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (hex: string) => any;
+    close: () => any;
+    "update:modelValue": (value: string) => any;
+    apply: (hex: string, name: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onInput?: ((hex: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onApply?: ((hex: string, name: string | null) => any) | undefined;
+}>, {
+    anchor: HTMLElement | null;
+    names: false | readonly ColorName[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Combobox.js

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

package/dist/Combobox.vue.d.ts

@@ -1,6 +1,6 @@
 import type { SelectOption } from "./selectParts";
 type __VLS_Props = {
-    label: string;
+    label?: string;
     hideLabel?: boolean;
     options: SelectOption[];
     placeholder?: string;

package/dist/ContextMenu.vue.d.ts

@@ -0,0 +1,29 @@
+import type { MenuEntry } from "./windowParts";
+type __VLS_Props = {
+    /** The point the menu hangs from, in viewport pixels, such as the pointer's. */
+    x: number;
+    y: number;
+    items: MenuEntry[];
+    /** Stand the menu on the point instead, for a menu opened from a bar at the bottom. */
+    above?: boolean;
+    /** The menu's accessible name. */
+    label?: string;
+    /** The menu element's id, for a caller or a script that looks for it. */
+    id?: string;
+    /** The control that opened the menu. A click on it is not a click outside,
+     *  and focus goes back to it; without one, focus goes back to wherever it was. */
+    opener?: HTMLElement | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    step: (direction: 1 | -1) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onStep?: ((direction: 1 | -1) => any) | undefined;
+}>, {
+    label: string;
+    above: boolean;
+    opener: HTMLElement | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/CopyField.vue.d.ts

@@ -0,0 +1,24 @@
+import { type FieldWidth } from "@glimstone/core";
+type __VLS_Props = {
+    value: string;
+    /** The field's accessible name, such as "Token". Inside a FieldRow the row gives it. */
+    label?: string;
+    width?: FieldWidth;
+    /** The button's words, before and for a moment after it copied. */
+    text?: {
+        copy: string;
+        copied: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (done: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: ((done: boolean) => any) | undefined;
+}>, {
+    text: {
+        copy: string;
+        copied: string;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/FieldRow.vue.d.ts

@@ -0,0 +1,32 @@
+import { type PillTone } from "@glimstone/core";
+type __VLS_Props = {
+    /** The row's name, and the accessible name of the control in it. */
+    label: string;
+    /** What the row does, drawn as an "(i)" beside the name. */
+    hint?: string;
+    /** A row with only a value to show holds it as a pill. */
+    value?: string | number;
+    /** The pill's tone. */
+    tone?: PillTone;
+    /** In a FieldRowGroup with columns, spans all of them. */
+    wide?: boolean;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        label?: (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<{}>, {}, {}, {}, {}, 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/FieldRowGroup.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    /** Rows side by side, each column lining up its own names. A `wide` row spans them all. */
+    columns?: 1 | 2;
+};
+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/GlyphField.vue.d.ts

@@ -0,0 +1,35 @@
+import { type Component } from "vue";
+import { type FieldWidth } from "@glimstone/core";
+type __VLS_Props = {
+    glyph: Component;
+    /** The accessible name. Inside a FieldRow the row gives it. */
+    label?: string;
+    /** Sets a path or a token in monospace. */
+    mono?: boolean;
+    width?: FieldWidth;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        after?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    input: import("vue").ShallowRef<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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;
+}>, {}, {}, {}, {}, 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/GlyphTile.vue.d.ts

@@ -0,0 +1,13 @@
+import type { Component } from "vue";
+type __VLS_Props = {
+    glyph: Component;
+    /** Takes the accent off the glyph, such as for a file among folders. */
+    quiet?: boolean;
+    /** Sets it on the third surface, for a place where a bare glyph gets lost. */
+    ground?: boolean;
+    /** Fills it with the accent, as a row around it being reached does. */
+    active?: boolean;
+};
+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/IconButton.vue.d.ts

@@ -0,0 +1,18 @@
+import type { Component } from "vue";
+type __VLS_Props = {
+    /** The hover and focus explanation, and the button's accessible name. */
+    tip: string;
+    glyph: Component;
+    /** Makes it a link in the same square. */
+    href?: string;
+    /** Set for a button that stays on or off: it says so, and the accent washes it while it is on. */
+    pressed?: boolean;
+    /** Draws no button and keeps its square, so the others of a row stay where they are. */
+    absent?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    pressed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/IconTipButton.vue.d.ts

@@ -2,6 +2,8 @@ type __VLS_Props = {
     /** The hover and focus explanation, and the button's `aria-label`. */
     tip: string;
     disabled?: boolean;
+    /** Makes it a link. A disabled one stays a disabled button. */
+    href?: string;
     type?: "button" | "submit";
 };
 declare const __VLS_template: () => {

package/dist/Kbd.vue.d.ts

@@ -0,0 +1,15 @@
+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<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/ListRow.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    name: string;
+    /** More about the row, drawn as an "(i)" beside the name. */
+    tip?: string | null;
+    /** Sets the name in monospace, for a path. */
+    mono?: boolean;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        tile?: (props: {}) => any;
+    } & {
+        badges?: (props: {}) => any;
+    } & {
+        actions?: (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/ListSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { type SelectWidth } from "@glimstone/core";
+import { type SelectRows, 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<{
@@ -8,8 +8,11 @@ declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<
         value: T | null;
         placeholder?: string;
         width: SelectWidth;
+        rows: SelectRows;
         triggerClass: string;
         id?: string;
+        triggerAttrs?: Record<string, string>;
+        listId?: string;
         disabled?: boolean;
         busy?: boolean;
         tip?: string;

package/dist/MenuBar.vue.d.ts

@@ -0,0 +1,13 @@
+import type { MenuBarMenu } from "./windowParts";
+type __VLS_Props = {
+    /** The bar's accessible name, such as "Menu". */
+    label: string;
+    menus: MenuBarMenu[];
+};
+/** Opens a menu by its index and puts the focus on its first row. */
+declare function show(at: number): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    open: typeof show;
+}, {}, {}, {}, 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/MenuChoice.vue.d.ts

@@ -1,11 +1,12 @@
 import type * as menu from "@zag-js/menu";
+import type { SelectRowParts } from "@glimstone/core";
 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;
+        parts: SelectRowParts;
     } & {
         onChange?: ((value: T) => any) | undefined;
     }> & (typeof globalThis extends {

package/dist/MenuRows.vue.d.ts

@@ -0,0 +1,12 @@
+import type { MenuEntry } from "./windowParts";
+type __VLS_Props = {
+    entries: MenuEntry[];
+    openAt?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pick: (row: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: ((row: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/MenuSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { type SelectWidth } from "@glimstone/core";
+import { type SelectRows, 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<{
@@ -8,8 +8,11 @@ declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<
         value: T | null;
         placeholder?: string;
         width: SelectWidth;
+        rows: SelectRows;
         triggerClass: string;
         id?: string;
+        triggerAttrs?: Record<string, string>;
+        listId?: string;
         disabled?: boolean;
         busy?: boolean;
         tip?: string;

package/dist/MenuSubmenu.vue.d.ts

@@ -1,4 +1,5 @@
 import * as menu from "@zag-js/menu";
+import { type SelectRowParts } from "@glimstone/core";
 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<{
@@ -7,7 +8,7 @@ declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<
         triggerId: string;
         entry: SelectSubmenu<T>;
         value: T | null;
-        glyphs: boolean;
+        parts: SelectRowParts;
         hueStyle?: Record<string, string>;
         hueClass: string;
     } & {

package/dist/Meter.vue.d.ts

@@ -0,0 +1,23 @@
+import { type MeterSize } from "@glimstone/core";
+type __VLS_Props = {
+    /** From 0 to 1. Without it the meter shows stripes while the level is still being read. */
+    value?: number | null;
+    /** The accessible name, such as the disk's. */
+    label: string;
+    /** `small` sits beside a row's name, `medium` is as wide as its column. */
+    size?: MeterSize;
+    /** From here on the fill is the fault colour. */
+    threshold?: number;
+    /** Slim and grey, for a footer line or a dense list. Inside a button it takes the accent when the button is reached. */
+    quiet?: boolean;
+    /** The level in words, such as "120 GB free of 4 TB": read out, and shown in the bubble. */
+    valueText?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: MeterSize;
+    value: number | null;
+    quiet: boolean;
+    threshold: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/PasswordField.vue.d.ts

@@ -0,0 +1,31 @@
+import { type FieldWidth } from "@glimstone/core";
+type __VLS_Props = {
+    width?: FieldWidth;
+    /** Attributes for the eye, such as a data hook. */
+    eyeAttrs?: Record<string, string>;
+    /** The eye's name and bubble while the secret is hidden, and once it shows. */
+    text?: {
+        show: string;
+        hide: string;
+    };
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    input: import("vue").ShallowRef<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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;
+    text: {
+        show: string;
+        hide: string;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;