@glimstone/vue 4.0.0 → 4.1.0

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,4 +1,4 @@
-import { i as e, n as t } from "./glyphs-CvCRgBMU.js";
+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";

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/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/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/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/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;
+    threshold: number;
+    quiet: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/PasswordField.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** 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, {}, {}, {}, {}, 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;

package/dist/Pill.vue.d.ts

@@ -0,0 +1,23 @@
+import { type PillTone } from "@glimstone/core";
+type __VLS_Props = {
+    /** `state` lifts a word that says what the row is doing; the other three
+     *  wash the pill in their state colour. */
+    tone?: PillTone;
+};
+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<{}>, {
+    tone: PillTone;
+}, {}, {}, {}, 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/ProgressBar.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    /** From 0 to 1. Without it the bar runs indeterminate, while the work has no measure yet. */
+    value?: number | null;
+    /** The accessible name, such as what is being copied. */
+    label: string;
+    /** The work waits: the fill takes the waiting tone and the sheen stops. */
+    paused?: boolean;
+    /** The work stopped on an error: the fill takes the fault colour. */
+    failed?: boolean;
+    /** The progress in words, such as "1.2 GB of 4 GB", read out instead of the percentage. */
+    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<{}>, {
+    value: number | null;
+    failed: boolean;
+    paused: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Select.js

@@ -1,4 +1,4 @@
-import { i as e, n as t } from "./glyphs-CvCRgBMU.js";
+import { a as e, n as t } from "./glyphs-Cgknt-k1.js";
 import { n, r, t as i } from "./TipWrap-rNAEgvb0.js";
 import { Fragment as a, Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeProps as v, onMounted as y, onScopeDispose as b, openBlock as x, renderList as S, resolveDynamicComponent as C, shallowRef as w, toDisplayString as T, unref as E, useId as D, useModel as O, watch as k, withCtx as A } from "vue";
 import { SELECT_POSITIONING as j, closeOnPageMove as M, defaultWidth as N, enableWheelStep as P, faceLabels as F, flattenRuns as I, hasSubmenu as L, homeRow as R, isSubmenu as z, pageDir as B, readPortalHue as V, selectContentClass as H, selectRootClass as U, selectTriggerClass as W, shake as G, wheelValue as K } from "@glimstone/core";

package/dist/Selector.vue.d.ts

@@ -42,12 +42,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     select: SelectMode;
     size: SelectorSize;
     variant: SelectorVariant;
+    hue: boolean;
     inline: boolean;
     orientation: SelectorOrientation;
     equalWidth: boolean;
     buttonHeight: boolean;
     pairsOnPhone: boolean;
-    hue: boolean;
     activation: SelectorActivation;
     fit: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/Window.vue.d.ts

@@ -0,0 +1,42 @@
+import { type WindowSize } from "@glimstone/core";
+import type { WindowAction } from "./windowParts";
+type __VLS_Props = {
+    /** The notch's words, also the window's accessible name. */
+    title: string;
+    /** The foot's buttons, in reading order. Cancel or Close is added before
+     *  them unless one of them is a way out itself. */
+    actions?: WindowAction[];
+    /** A quiet line at the start of the foot; the `start` slot takes markup. */
+    start?: string;
+    /** `normal` for a question or a form, `wide` for a list, `full` for a tool. */
+    size?: WindowSize;
+    /** The words of the way out the window adds. */
+    text: {
+        cancel: string;
+        close: string;
+    };
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    } & {
+        start?: (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, {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    size: WindowSize;
+    actions: WindowAction[];
+}, {}, {}, {}, 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/{glyphs-CvCRgBMU.js → glyphs-Cgknt-k1.js}

@@ -23,5 +23,5 @@ function o(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 };
+var s = o(t.close), c = o(t.cancel), l = o(t.check), u = o(t.expand), d = o(t.pencil), f = o(t.windowMinimise), p = o(t.windowMaximise), m = o(t.windowRestore), h = o(t.eye), g = o(t.eyeOff), _ = o(t.copy);
+export { u as a, d as c, m as d, a as f, _ as i, p as l, r as m, l as n, h as o, i as p, s as r, g as s, c as t, f as u };

package/dist/glyphs.d.ts

@@ -16,6 +16,10 @@ 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 IconPencil: FunctionalComponent<{}, {}, any, {}>;
 export declare const IconWindowMinimise: FunctionalComponent<{}, {}, any, {}>;
 export declare const IconWindowMaximise: FunctionalComponent<{}, {}, any, {}>;
 export declare const IconWindowRestore: FunctionalComponent<{}, {}, any, {}>;
+export declare const IconEye: FunctionalComponent<{}, {}, any, {}>;
+export declare const IconEyeOff: FunctionalComponent<{}, {}, any, {}>;
+export declare const IconCopy: FunctionalComponent<{}, {}, any, {}>;

package/dist/index.d.ts

@@ -2,7 +2,11 @@ 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 Checkbox } from "./Checkbox.vue";
+export { default as ColorPicker } from "./ColorPicker.vue";
 export { default as ConfirmDialog } from "./ConfirmDialog.vue";
+export { default as ContextMenu } from "./ContextMenu.vue";
+export { default as CopyField } from "./CopyField.vue";
 export { default as EmptyState } from "./EmptyState.vue";
 export { default as IconTipButton } from "./IconTipButton.vue";
 export { default as InfoAboutCard } from "./InfoAboutCard.vue";
@@ -10,7 +14,13 @@ 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 Kbd } from "./Kbd.vue";
+export { default as MenuBar } from "./MenuBar.vue";
+export { default as Meter } from "./Meter.vue";
 export { default as NumberField } from "./NumberField.vue";
+export { default as PasswordField } from "./PasswordField.vue";
+export { default as Pill } from "./Pill.vue";
+export { default as ProgressBar } from "./ProgressBar.vue";
 export { default as ReadmeButton } from "./ReadmeButton.vue";
 export { default as Selector } from "./Selector.vue";
 export { default as SidebarRow } from "./SidebarRow.vue";
@@ -18,12 +28,15 @@ 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 { default as Window } from "./Window.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 type { MenuBarMenu, MenuEntry, MenuHead, MenuItem, WindowAction } from "./windowParts";
+export type { ColorName, ColorPickerPanelText, MeterSize, PillTone, WindowSize } from "@glimstone/core";
 export { selectorTabId } from "@glimstone/core";
 export { useTipBubble, type TipBubble } from "./tipBubble";
 export { GLIMSTONE_VERSION } from "@glimstone/core";