@wssto2/vue-core 0.9.4 → 0.11.0

package/dist/shell/QuickSearchPalette.vue.d.ts

@@ -0,0 +1,12 @@
+import { type QuickSearchGroup, type QuickSearchOptions, type QuickSearchRow } from "./quickSearchControl";
+declare const _default: import("vue").DefineComponent<QuickSearchOptions, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<QuickSearchOptions> & Readonly<{}>, {
+    placeholder: import("vue").MaybeRefOrGetter<string>;
+    hint: import("vue").MaybeRefOrGetter<string>;
+    recent: () => readonly QuickSearchRow[];
+    minLength: number;
+    suggest: (query: string) => readonly QuickSearchGroup[];
+    onChoose: (row: QuickSearchRow) => void;
+    noneHint: import("vue").MaybeRefOrGetter<string>;
+    delayMs: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/shell/darkMode.d.ts

@@ -0,0 +1,26 @@
+import { type Feature } from "../app/feature";
+export interface DarkModeOptions {
+    /** Whether this person wants dark mode now: read in a reactive context (their session user's preference, a store). */
+    dark: () => boolean;
+    /** Stores the choice. It handles its own failure (a toast): the switch only flips what `dark()` says next. */
+    set: (dark: boolean) => void | Promise<void>;
+    /** The colour of an installed app's status bar, which follows the mode. Default white and `#18181B`. */
+    themeColor?: {
+        light: string;
+        dark: string;
+    };
+}
+/** Puts the mode on the page: the `dark` class the theme's tokens switch on, and the status bar colour (`<meta name="theme-color">`) when the page has one. */
+export declare function applyDarkMode(dark: boolean, themeColor?: {
+    light: string;
+    dark: string;
+}): void;
+/**
+ * The person's dark-mode preference, as an opt-in feature: a switch in the account menu and the mode on the page.
+ * Where the preference lives is the app's (usually a field of the session user, saved on the server):
+ *
+ *   darkMode({ dark: () => session.user.value?.preferences.dark_mode ?? false, set: (dark) => savePreferences({ dark_mode: dark }) })
+ *
+ * The page follows `dark()` from the moment the application mounts, signed in or not.
+ */
+export declare function darkMode(options: DarkModeOptions): Feature;

package/dist/shell/index.d.ts

@@ -23,3 +23,13 @@ export { default as ShellSidebar } from "./ShellSidebar.vue";
 export { default as ShellStage } from "./ShellStage.vue";
 export { default as ShellTopBar } from "./ShellTopBar.vue";
 export { installViewTransitions, viewTransitions } from "./viewTransitions";
+export { quickSearch } from "./quickSearch";
+export { default as QuickSearchButton } from "./QuickSearchButton.vue";
+export { default as QuickSearchPalette } from "./QuickSearchPalette.vue";
+export { useQuickSearch } from "./quickSearchControl";
+export type { QuickSearchAnswer, QuickSearchControl, QuickSearchGroup, QuickSearchOptions, QuickSearchRow } from "./quickSearchControl";
+export { applyDarkMode, darkMode } from "./darkMode";
+export type { DarkModeOptions } from "./darkMode";
+export { default as DarkModeRow } from "./DarkModeRow.vue";
+export { offlineNotice } from "./offlineNotice";
+export { default as OfflineNotice } from "./OfflineNotice.vue";