@glimstone/vue 0.0.0-stage → 4.1.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/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

@@ -0,0 +1,70 @@
+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";
+// 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/ContextMenu.vue.d.ts

@@ -0,0 +1,27 @@
+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 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,22 @@
+type __VLS_Props = {
+    value: string;
+    /** The field's accessible name, such as "Token". */
+    label: string;
+    /** 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/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/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/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/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

@@ -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];
+}) & {};