rei-kit 2.4.1 → 2.6.0

package/dist/components/PinInput.vue.d.ts

@@ -0,0 +1,44 @@
+/**
+ * A short code typed one character per box — a sign-in code, a PIN.
+ *
+ * No `maxlength` on the boxes: iOS fills a one-time code into the first box
+ * in one go, and a limit of one would cut it to its first digit.
+ *
+ * The boxes are a way of showing the length, not of splitting the work:
+ * typing moves to the next box on its own, Backspace on an empty box goes
+ * back and clears, the arrows move, and pasting "482913" anywhere fills all
+ * six. The first box carries `autocomplete="one-time-code"`, so a phone
+ * offers the code from the message it just received.
+ *
+ * `complete` fires once when the last box is filled — the moment to submit,
+ * so nobody has to find a button after typing six digits.
+ */
+type __VLS_Props = {
+    /** How many characters. */
+    length?: number | undefined;
+    /** The group's accessible name, e.g. "Verification code". */
+    label: string;
+    /** Each box's accessible name, from its 1-based position: `(n, total) => \`Digit ${n} of ${total}\``. */
+    cellLabel: (position: number, total: number) => string;
+    /** `numeric` takes digits and opens the number pad; `alphanumeric` takes letters too. */
+    type?: 'numeric' | 'alphanumeric' | undefined;
+    /** Show dots instead of the characters, for a PIN. */
+    mask?: boolean | undefined;
+    /** A message under the boxes; also marks them invalid. */
+    error?: string | undefined;
+    disabled?: boolean | undefined;
+};
+type __VLS_ModelProps = {
+    /** The code so far, with `v-model`. Always shorter than or as long as `length`. */
+    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;
+    complete: (code: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+    onComplete?: (code: string) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ToggleGroup.vue.d.ts

@@ -0,0 +1,41 @@
+import { Component } from 'vue';
+declare const __VLS_export: <V extends string, M extends "single" | "multiple" = "single">(__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<({
+        options: readonly {
+            value: V;
+            /** Visible text — or, with an icon and `iconOnly`, the accessible name. */
+            label: string;
+            icon?: Component | undefined;
+            /** Show the icon alone. The label becomes the button's accessible name. */
+            iconOnly?: boolean | undefined;
+            disabled?: boolean | undefined;
+        }[];
+        /** The group's accessible name. */
+        label: string;
+        /** `single`: at most one pressed. `multiple`: any number. */
+        mode?: M | undefined;
+        /** In `single` mode, never let the last pressed button go. */
+        required?: boolean | undefined;
+        size?: "sm" | "md" | undefined;
+    } & {
+        /** The pressed value — or, in `multiple` mode, the pressed values. */
+        modelValue?: M extends "multiple" ? V[] : V | undefined;
+    }) & {
+        "onUpdate:modelValue"?: (value: M extends "multiple" ? V[] : V | undefined) => any;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (event: "update:modelValue", value: M extends "multiple" ? V[] : V | undefined) => 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/composables/use-toast.d.ts

@@ -22,16 +22,34 @@
  * same corner. The store lives at module scope and `ToastHost` renders it.
  */
 export type ToastTone = 'info' | 'success' | 'warning' | 'danger';
+/**
+ * One button on a toast — nearly always "Undo".
+ *
+ * The toast is dismissed when it is pressed, so the handler only has to do
+ * the undoing.
+ */
+export interface ToastAction {
+    /** The button's text. Already translated. */
+    readonly label: string;
+    readonly onClick: () => void;
+}
 export interface Toast {
     readonly id: number;
     readonly message: string;
     readonly tone: ToastTone;
     /** Milliseconds on screen. `0` stays until dismissed. */
     readonly duration: number;
+    readonly action?: ToastAction | undefined;
 }
 export interface ToastOptions {
     /** Milliseconds on screen; `0` stays until dismissed. */
     duration?: number | undefined;
+    /**
+     * A button on the toast. An undo is the kindest confirmation there is: act
+     * first, and let the reader take it back, instead of asking "are you sure"
+     * before every delete.
+     */
+    action?: ToastAction | undefined;
 }
 /** Removes a toast, whether it timed out or was dismissed. */
 declare function dismiss(id: number): void;
@@ -58,6 +76,10 @@ declare function resume(id: number): void;
  *
  * const id = toast.info(t('export.preparing'), { duration: 0 })
  * toast.dismiss(id)
+ *
+ * toast.success(t('entry.deleted'), {
+ *   action: { label: t('common.undo'), onClick: () => restore(entry) },
+ * })
  * ```
  */
 export declare function useToast(): {
@@ -67,11 +89,19 @@ export declare function useToast(): {
         readonly message: string;
         readonly tone: ToastTone;
         readonly duration: number;
+        readonly action?: {
+            readonly label: string;
+            readonly onClick: () => void;
+        } | undefined;
     }[], readonly {
         readonly id: number;
         readonly message: string;
         readonly tone: ToastTone;
         readonly duration: number;
+        readonly action?: {
+            readonly label: string;
+            readonly onClick: () => void;
+        } | undefined;
     }[]>>;
     info: (message: string, options?: ToastOptions) => number;
     success: (message: string, options?: ToastOptions) => number;

package/dist/index.d.ts

@@ -44,7 +44,7 @@ export { useDragScroll } from './composables/use-drag-scroll';
 export { useMediaQuery } from './composables/use-media-query';
 export { useVisualViewport } from './composables/use-visual-viewport';
 export { useToast } from './composables/use-toast';
-export type { Toast, ToastOptions, ToastTone } from './composables/use-toast';
+export type { Toast, ToastAction, ToastOptions, ToastTone } from './composables/use-toast';
 export type { VisualViewportRect } from './composables/use-visual-viewport';
 export { default as BaseAvatar } from './components/BaseAvatar.vue';
 export { default as BaseAlert } from './components/BaseAlert.vue';
@@ -85,5 +85,17 @@ export { default as LocaleLinks } from './components/LocaleLinks.vue';
 export { default as GoogleButton } from './components/GoogleButton.vue';
 export { default as TabBar } from './components/TabBar.vue';
 export type { TabItem } from './components/TabBar.vue';
+export { default as BaseCalendar } from './components/BaseCalendar.vue';
+export type { DateRange } from './components/BaseCalendar.vue';
+export { default as BaseDatePicker } from './components/BaseDatePicker.vue';
+export type { DatePreset } from './components/BaseDatePicker.vue';
+export { default as BasePopover } from './components/BasePopover.vue';
+export type { PopoverTriggerProps } from './components/BasePopover.vue';
+export { default as ToggleGroup } from './components/ToggleGroup.vue';
+export { default as NumberInput } from './components/NumberInput.vue';
+export { default as PinInput } from './components/PinInput.vue';
+export { default as CircularProgress } from './components/CircularProgress.vue';
+export { default as BaseStepper } from './components/BaseStepper.vue';
+export type { StepperStep } from './components/BaseStepper.vue';
 export { createI18nRuntime } from './i18n/runtime';
 export type { I18nRuntimeOptions, LocalePreference } from './i18n/runtime';