rei-kit 2.4.1 → 2.5.0

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,13 @@ 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 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';