@glimstone/vue 4.1.1 → 4.2.2

package/README.md

@@ -45,6 +45,9 @@ const { confirm, ConfirmHost } = useConfirm({ title: "Confirm", cancel: "Cancel"
 - The engines are composables: `useLabelMode`, `useRainbow`, `useShape`,
   `useMotion`, `useAccent` and `useHue`, each a writable ref that follows the
   document.
+- A component that waits for the app's answer, such as `SignInCard`, takes
+  async callbacks as props (`:on-sign-in`, or `@sign-in`, which Vue binds to the
+  same prop), since an emitted event cannot answer.
 - `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`).

package/dist/SignInCard.vue.d.ts

@@ -0,0 +1,61 @@
+import { type ResetAnswer, type SignInAnswer, type SignInText } from "@glimstone/core";
+type __VLS_Props = {
+    /** The address of the app's logo. It stands large above the name. */
+    logo?: string;
+    /** The page's heading. */
+    appName: string;
+    text: SignInText;
+    /** Offers Sign in with a passkey. Pass it only where a passkey can answer on this address. */
+    passkey?: boolean;
+    /** Offers Forgot password? and the reset form. */
+    reset?: boolean;
+    /** The shortest new password the reset form takes, as the server says. */
+    minPassword?: number;
+    /** One line at the top of the sign-in form, such as "You are signed out". */
+    note?: string;
+    /** The label keys behind the buttons, which pick their glyphs. */
+    labelKeys?: Partial<Record<"signIn" | "passkey" | "forgot" | "back" | "setPassword", string>>;
+    /** The start of the fields' ids: `-password`, `-code`, `-reset-code`, `-new` and `-confirm` follow it. */
+    idPrefix?: string;
+    /** Puts the focus in the first empty field when the card opens. */
+    autoFocus?: boolean;
+    /** `code` is set once the app asked for one, and `passkey` when a passkey started the sign-in. */
+    onSignIn: (input: {
+        password: string;
+        code?: string;
+        passkey: boolean;
+    }) => Promise<SignInAnswer>;
+    onPasskey?: () => Promise<SignInAnswer>;
+    /** Writes a code to the log. The reset form shows only once this answers ok. */
+    onAskCode?: () => Promise<ResetAnswer>;
+    onSetPassword?: (input: {
+        code: string;
+        password: string;
+    }) => Promise<ResetAnswer>;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        logo?: (props: {}) => any;
+    } & {
+        step?: (props: {}) => any;
+    } & {
+        fields?: (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<{}>, {
+    reset: boolean;
+    autoFocus: boolean;
+    passkey: boolean;
+    minPassword: number;
+}, {}, {}, {}, 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/SignInField.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    label: string;
+    /** The id of the field in the slot. */
+    for: string;
+    /** What the field asks for, drawn as an "(i)" beside the label. */
+    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/index.d.ts

@@ -32,6 +32,8 @@ export { default as ReadmeButton } from "./ReadmeButton.vue";
 export { default as RowMark } from "./RowMark.vue";
 export { default as Selector } from "./Selector.vue";
 export { default as SidebarRow } from "./SidebarRow.vue";
+export { default as SignInCard } from "./SignInCard.vue";
+export { default as SignInField } from "./SignInField.vue";
 export { default as SubCard } from "./SubCard.vue";
 export { default as Table } from "./Table.vue";
 export { default as TextArea } from "./TextArea.vue";
@@ -49,6 +51,7 @@ export type { InfoAboutCardProps, InfoHelpCardProps, InfoVersionCardProps } from
 export type { SelectEntry, SelectGroup, SelectOption, SelectSubmenu } from "./selectParts";
 export type { SelectorItem } from "./selectorItem";
 export type { MenuBarMenu, MenuEntry, MenuHead, MenuItem, TreeNode, WindowAction } from "./windowParts";
+export type { ResetAnswer, SignInAnswer, SignInText } from "@glimstone/core";
 export type { ButtonSize, ColorName, ColorPickerPanelText, FieldWidth, MeterSize, PillTone, SelectRows, TableColumn, ToastAction, WindowSize } from "@glimstone/core";
 export { selectorTabId } from "@glimstone/core";
 export { useTipBubble, type TipBubble } from "./tipBubble";