@glimstone/vue 0.0.0-stage → 4.0.0

package/dist/Slider.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    label: string;
+    min: number;
+    max: number;
+    step?: number;
+    /** How the value reads, on screen and to a screen reader. */
+    format: (value: number) => string;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: number;
+};
+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: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    step: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/SubCard.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    /** The group's name, set small and uppercase above it. */
+    title: string;
+    /** One line on what the group does, drawn as an "(i)" beside the title. */
+    hint?: string;
+};
+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/TipBubble.vue.d.ts

@@ -0,0 +1,7 @@
+import type { TipBubble } from "./tipBubble";
+type __VLS_Props = {
+    state: TipBubble;
+};
+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/TipWrap-rNAEgvb0.js

@@ -0,0 +1,51 @@
+import { Teleport as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, h as o, onScopeDispose as s, openBlock as c, ref as l, shallowRef as u, toDisplayString as d, useId as f, watch as p } from "vue";
+import { dismissBubbleOn as m, placeBubble as h, pointerWasLast as g, trackInputModality as _ } from "@glimstone/core";
+// src/tipBubble.ts
+function v(e, n = () => !1) {
+	let r = l(!1), i = u(null), a = u(null), o = f(), c = t(e), d = t(() => !!c.value && r.value);
+	p(n, () => r.value = !1), _();
+	let v = () => {
+		c.value && (r.value = !0);
+	}, y = () => {
+		r.value = !1;
+	}, b;
+	return p(d, (e) => {
+		b?.(), b = void 0, e && (i.value && a.value && h(i.value, a.value), b = m(y));
+	}, { flush: "post" }), s(() => b?.()), {
+		trigger: i,
+		bubble: a,
+		id: o,
+		text: c,
+		shown: d,
+		describedBy: t(() => d.value ? o : void 0),
+		show: v,
+		hide: y,
+		showOnFocus: () => {
+			g() || v();
+		}
+	};
+}
+// src/TipBubble.vue?vue&type=script&setup=true&lang.ts
+var y = ["id"], b = /* @__PURE__ */ a({
+	__name: "TipBubble",
+	props: { state: {} },
+	setup(t) {
+		return (a, o) => (c(), n(e, { to: "body" }, [t.state.shown.value ? (c(), i("div", {
+			key: 0,
+			ref: (e) => t.state.bubble.value = e,
+			id: t.state.id,
+			role: "tooltip",
+			class: "glim-bubble glim-fade"
+		}, d(t.state.text.value), 9, y)) : r("", !0)]));
+	}
+}), x = (e, { slots: t }) => e.on ? o("span", {
+	class: "glim-tip-wrap",
+	onMouseenter: e.show,
+	onMouseleave: e.hide
+}, t.default?.()) : t.default?.();
+x.props = [
+	"on",
+	"show",
+	"hide"
+];
+export { b as n, v as r, x as t };

package/dist/TipWrap.d.ts

@@ -0,0 +1,11 @@
+import { type FunctionalComponent } from "vue";
+/**
+ * Boxes a disabled trigger with a tip in a span that still sees the pointer,
+ * since a disabled <button> emits no mouse events. Otherwise the trigger
+ * renders as it is.
+ */
+export declare const TipWrap: FunctionalComponent<{
+    on: boolean;
+    show: () => void;
+    hide: () => void;
+}>;

package/dist/ToastViewport.vue.d.ts

@@ -0,0 +1,25 @@
+import { type ToastSeverity } from "@glimstone/core";
+type __VLS_Props = {
+    toasts: {
+        id: string;
+        message: string;
+        severity: ToastSeverity;
+    }[];
+    /** Accessible name for each dismiss button. */
+    dismissLabel: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focusin: (id: string) => any;
+    focusout: (id: string) => any;
+    enter: (id: string) => any;
+    dismiss: (id: string) => any;
+    leave: (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onFocusin?: ((id: string) => any) | undefined;
+    onFocusout?: ((id: string) => any) | undefined;
+    onEnter?: ((id: string) => any) | undefined;
+    onDismiss?: ((id: string) => any) | undefined;
+    onLeave?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Toggle.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    label: string;
+    /** Use it only when the caller draws the same text right next to the
+     *  switch, never because a card title further up already says it. */
+    hideLabel?: 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;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/UnavailableNotice.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    title: string;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    } & {
+        action?: (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/confirm.d.ts

@@ -0,0 +1,20 @@
+import { type Component } from "vue";
+export interface ConfirmText {
+    /** The dialog's title, the same for every question, such as "Confirm". */
+    title: string;
+    cancel: string;
+    /** The confirm button's words where a question passes none of its own. */
+    confirm: string;
+}
+export interface ConfirmOptions {
+    confirmLabel?: string;
+    confirmLabelKey?: string;
+    confirmGlyph?: Component;
+    /** A switch or two the answer needs, shown under the question. */
+    extra?: Component;
+}
+export declare function useConfirm(text: ConfirmText): {
+    confirm: (message: string, options?: ConfirmOptions) => Promise<boolean>;
+    dismiss: () => void;
+    ConfirmHost: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
+};

package/dist/engines.d.ts

@@ -0,0 +1,12 @@
+import { type Ref, type WritableComputedRef } from "vue";
+import { type LabelAxis, type LabelMode, type Motion, type RainbowState, type Shape } from "@glimstone/core";
+/** One axis of the label engine. Writing it stores the mode and tells every control. */
+export declare function useLabelMode(axis: LabelAxis): WritableComputedRef<LabelMode>;
+/** The rainbow state. Writing it applies the new state to the document. */
+export declare function useRainbow(): WritableComputedRef<RainbowState>;
+/** The custom properties that put an element at a rainbow position. */
+export declare function useHue(index: () => number | undefined): Ref<Record<string, string> | undefined>;
+export declare function useShape(): WritableComputedRef<Shape>;
+export declare function useMotion(): WritableComputedRef<Motion>;
+/** The accent the user chose, or "" for the default. */
+export declare function useAccent(): WritableComputedRef<string>;

package/dist/entries/combobox.d.ts

@@ -0,0 +1 @@
+export { default as Combobox } from "../Combobox.vue";

package/dist/entries/select.d.ts

@@ -0,0 +1 @@
+export { default as Select } from "../Select.vue";

package/dist/entries/slider.d.ts

@@ -0,0 +1 @@
+export { default as Slider } from "../Slider.vue";

package/dist/glyphs-CvCRgBMU.js

@@ -0,0 +1,27 @@
+import { h as e } from "vue";
+import { MARKS as t } from "@glimstone/core";
+// src/glyphs.ts
+var n = null;
+function r(e) {
+	n = e;
+}
+function i(e) {
+	return n ? n(e) : void 0;
+}
+var a = ({ mark: t }) => e("svg", {
+	width: t.size,
+	height: t.size,
+	viewBox: t.viewBox,
+	fill: "currentColor",
+	"aria-hidden": "true",
+	innerHTML: t.body
+});
+a.props = ["mark"];
+function o(t) {
+	return () => e(a, {
+		mark: t,
+		class: "glim-mark"
+	});
+}
+var s = o(t.close), c = o(t.cancel), l = o(t.check), u = o(t.expand), d = o(t.windowMinimise), f = o(t.windowMaximise), p = o(t.windowRestore);
+export { f as a, a as c, u as i, i as l, l as n, d as o, s as r, p as s, c as t, r as u };

package/dist/glyphs.d.ts

@@ -0,0 +1,21 @@
+import { type Component, type FunctionalComponent } from "vue";
+import { type Mark } from "@glimstone/core";
+/**
+ * Register the app's label-key-to-glyph mapping, once, at boot. A button that is
+ * given no glyph cannot be shown in glyph mode, and one place to ask saves
+ * passing an icon at every call site.
+ */
+export declare function setGlyphResolver(fn: (labelKey: string) => Component | undefined): void;
+/** The mark for a label key, or nothing when no app resolver knows it. */
+export declare function glyphFor(labelKey: string): Component | undefined;
+/** A mark from the core, drawn in the current colour. A `class` falls through to the <svg>. */
+export declare const MarkSvg: FunctionalComponent<{
+    mark: Mark;
+}>;
+export declare const IconClose: FunctionalComponent<{}, {}, any, {}>;
+export declare const IconCancel: FunctionalComponent<{}, {}, any, {}>;
+export declare const IconCheck: FunctionalComponent<{}, {}, any, {}>;
+export declare const IconExpand: FunctionalComponent<{}, {}, any, {}>;
+export declare const IconWindowMinimise: FunctionalComponent<{}, {}, any, {}>;
+export declare const IconWindowMaximise: FunctionalComponent<{}, {}, any, {}>;
+export declare const IconWindowRestore: FunctionalComponent<{}, {}, any, {}>;

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+export { default as Badge } from "./Badge.vue";
+export { default as BrandMark } from "./BrandMark.vue";
+export { default as Button } from "./Button.vue";
+export { default as Card } from "./Card.vue";
+export { default as ConfirmDialog } from "./ConfirmDialog.vue";
+export { default as EmptyState } from "./EmptyState.vue";
+export { default as IconTipButton } from "./IconTipButton.vue";
+export { default as InfoAboutCard } from "./InfoAboutCard.vue";
+export { default as InfoBubble } from "./InfoBubble.vue";
+export { default as InfoHelpCard } from "./InfoHelpCard.vue";
+export { default as InfoTile } from "./InfoTile.vue";
+export { default as InfoVersionCard } from "./InfoVersionCard.vue";
+export { default as NumberField } from "./NumberField.vue";
+export { default as ReadmeButton } from "./ReadmeButton.vue";
+export { default as Selector } from "./Selector.vue";
+export { default as SidebarRow } from "./SidebarRow.vue";
+export { default as SubCard } from "./SubCard.vue";
+export { default as ToastViewport } from "./ToastViewport.vue";
+export { default as Toggle } from "./Toggle.vue";
+export { default as UnavailableNotice } from "./UnavailableNotice.vue";
+export { useConfirm, type ConfirmOptions, type ConfirmText } from "./confirm";
+export { useAccent, useHue, useLabelMode, useMotion, useRainbow, useShape } from "./engines";
+export * from "./glyphs";
+export type { InfoAboutCardProps, InfoHelpCardProps, InfoVersionCardProps } from "./info";
+export type { SelectEntry, SelectGroup, SelectOption, SelectSubmenu } from "./selectParts";
+export type { SelectorItem } from "./selectorItem";
+export { selectorTabId } from "@glimstone/core";
+export { useTipBubble, type TipBubble } from "./tipBubble";
+export { GLIMSTONE_VERSION } from "@glimstone/core";