@glimstone/vue 4.1.0 → 4.1.2

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/Combobox.js

@@ -1,14 +1,15 @@
-import { a as e, n as t } from "./glyphs-Cgknt-k1.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

@@ -8,6 +8,8 @@ type __VLS_Props = {
     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;

package/dist/CopyField.vue.d.ts

@@ -1,7 +1,9 @@
+import { type FieldWidth } from "@glimstone/core";
 type __VLS_Props = {
     value: string;
-    /** The field's accessible name, such as "Token". */
-    label: 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;

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/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/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/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

@@ -16,8 +16,8 @@ type __VLS_Props = {
 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;
-    threshold: number;
     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

@@ -1,4 +1,8 @@
+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;
@@ -10,7 +14,9 @@ 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, {
+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;

package/dist/PathField.vue.d.ts

@@ -0,0 +1,40 @@
+import { type Component } from "vue";
+import { type FieldWidth } from "@glimstone/core";
+type __VLS_Props = {
+    /** Handed the path in the field. Answers with a path, or with nothing when the person left. */
+    pick: (current: string) => string | null | undefined | Promise<string | null | undefined>;
+    /** The accessible name. Inside a FieldRow the row gives it. */
+    label?: string;
+    width?: FieldWidth;
+    /** The button's words. */
+    text?: {
+        pick: string;
+    };
+    /** The button's glyph, an open folder unless set, such as a file for a picker of files. */
+    glyph?: Component;
+    /** Shows the button's glyph alone, as it does by itself with less than 20rem of room. */
+    compact?: boolean;
+    /** Attributes for the button, such as a data hook. */
+    buttonAttrs?: Record<string, 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;
+    picked: (path: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onPicked?: ((path: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    text: {
+        pick: string;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/RowMark.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    on?: 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;