zudoku 0.0.0-fed343e → 0.0.0-feda542

package/dist/lib/authentication/use-broadcast/shared.d.ts

@@ -0,0 +1,48 @@
+import { StateCreator, StoreMutatorIdentifier } from "zustand";
+export type SharedOptions = {
+    /**
+     * The name of the broadcast channel
+     * It must be unique
+     */
+    name?: string;
+    /**
+     * Main timeout
+     * If the main tab / window doesn't respond in this time, this tab / window will become the main
+     * @default 100 ms
+     */
+    mainTimeout?: number;
+    /**
+     * If true, the store will only synchronize once with the main tab. After that, the store will be unsynchronized.
+     * @default false
+     */
+    unsync?: boolean;
+    /**
+     * Callback when this tab / window becomes the main tab / window
+     * Triggered only in the main tab / window
+     */
+    onBecomeMain?: (id: number) => void;
+    /**
+     * Callback when a new tab is opened / closed
+     * Triggered only in the main tab / window
+     */
+    onTabsChange?: (ids: number[]) => void;
+};
+/**
+ * The Shared type
+ */
+export type Shared = <T, Mps extends [StoreMutatorIdentifier, unknown][] = [], Mcs extends [StoreMutatorIdentifier, unknown][] = []>(f: StateCreator<T, Mps, Mcs>, options?: SharedOptions) => StateCreator<T, Mps, Mcs>;
+/**
+ * Shared middleware
+ *
+ * @example
+ * import { create } from 'zustand';
+ * import { shared } from 'use-broadcast-ts';
+ *
+ * const useStore = create(
+ *      shared(
+ *          (set) => ({ count: 0 }),
+ *          { name: 'my-store' }
+ *      )
+ * );
+ */
+export declare const shared: Shared;

package/dist/lib/authentication/use-broadcast/shared.js

@@ -0,0 +1,243 @@
+// https://github.com/Romainlg29/use-broadcast/
+/**
+ * Shared implementation
+ * @param f Zustand state creator
+ * @param options The options
+ */
+const sharedImpl = (f, options) => (set, get, store) => {
+    /**
+     * The broadcast channel is not supported in SSR
+     */
+    if (typeof window === "undefined" &&
+        !(typeof WorkerGlobalScope !== "undefined" &&
+            self instanceof WorkerGlobalScope)) {
+        // eslint-disable-next-line no-console
+        console.warn("BroadcastChannel is not supported in this environment. The store will not be shared.");
+        return f(set, get, store);
+    }
+    /**
+     * If BroadcastChannel is not supported, return the basic store
+     */
+    if (typeof BroadcastChannel === "undefined") {
+        // eslint-disable-next-line no-console
+        console.warn("BroadcastChannel is not supported in this browser. The store will not be shared.");
+        return f(set, get, store);
+    }
+    /**
+     * Is the store synced with the other tabs
+     */
+    let isSynced = get() !== undefined;
+    /**
+     * Is this tab / window the main tab / window
+     * When a new tab / window is opened, it will be synced with the main
+     */
+    let isMain = false;
+    /**
+     * The broadcast channel name
+     */
+    const name = options?.name ?? f.toString();
+    /**
+     * The id of the tab / window
+     */
+    let id = 0;
+    /**
+     * Store a list of all the tabs / windows
+     * Only for the main tab / window
+     */
+    const tabs = [0];
+    /**
+     * Create the broadcast channel
+     */
+    const channel = new BroadcastChannel(name);
+    /**
+     * Handle the Zustand set function
+     * Trigger a postMessage to all the other tabs
+     */
+    const onSet = (...args) => {
+        /**
+         * Get the previous states
+         */
+        const previous = get();
+        /**
+         * Update the states
+         */
+        set(...args);
+        /**
+         * If the stores should not be synced, return.
+         */
+        if (options?.unsync) {
+            return;
+        }
+        /**
+         * Get the fresh states
+         */
+        const updated = get();
+        /**
+         * Get the states that changed
+         */
+        const state = Object.entries(updated).reduce((obj, [key, val]) => {
+            if (previous[key] !== val) {
+                obj = { ...obj, [key]: val };
+            }
+            return obj;
+        }, {});
+        /**
+         * Send the states to all the other tabs
+         */
+        channel.postMessage({ action: "change", state });
+    };
+    /**
+     * Subscribe to the broadcast channel
+     */
+    channel.onmessage = (e) => {
+        if (e.data.action === "sync") {
+            /**
+             * If this tab / window is not the main, return
+             */
+            if (!isMain) {
+                return;
+            }
+            /**
+             * Remove all the functions and symbols from the store
+             */
+            const state = Object.entries(get()).reduce((obj, [key, val]) => {
+                if (typeof val !== "function" && typeof val !== "symbol") {
+                    obj = { ...obj, [key]: val };
+                }
+                return obj;
+            }, {});
+            /**
+             * Send the state to the other tabs
+             */
+            channel.postMessage({ action: "change", state });
+            /**
+             * Set the new tab / window id
+             */
+            const new_id = tabs[tabs.length - 1] + 1;
+            tabs.push(new_id);
+            options?.onTabsChange?.(tabs);
+            channel.postMessage({ action: "add_new_tab", id: new_id });
+            return;
+        }
+        /**
+         * Set an id for the tab / window if it doesn't have one
+         */
+        if (e.data.action === "add_new_tab" && !isMain && id === 0) {
+            id = e.data.id;
+            return;
+        }
+        /**
+         * On receiving a new state, update the state
+         */
+        if (e.data.action === "change") {
+            /**
+             * Update the state
+             */
+            set(e.data.state);
+            /**
+             * Set the synced attribute
+             */
+            isSynced = true;
+        }
+        /**
+         * On receiving a close message, remove the tab / window id from the list
+         */
+        if (e.data.action === "close") {
+            if (!isMain) {
+                return;
+            }
+            const index = tabs.indexOf(e.data.id);
+            if (index !== -1) {
+                tabs.splice(index, 1);
+                options?.onTabsChange?.(tabs);
+            }
+        }
+        /**
+         * On receiving a change_main message, change the main tab / window
+         */
+        if (e.data.action === "change_main") {
+            if (e.data.id === id) {
+                isMain = true;
+                tabs.splice(0, tabs.length, ...e.data.tabs);
+                options?.onBecomeMain?.(id);
+            }
+        }
+    };
+    /**
+     * Synchronize with the main tab
+     */
+    const synchronize = () => {
+        channel.postMessage({ action: "sync" });
+        /**
+         * If isSynced is false after 100ms, this tab is the main tab
+         */
+        setTimeout(() => {
+            if (!isSynced) {
+                isMain = true;
+                isSynced = true;
+                options?.onBecomeMain?.(id);
+            }
+        }, options?.mainTimeout ?? 100);
+    };
+    /**
+     * Handle case when the tab / window is closed
+     */
+    const onClose = () => {
+        channel.postMessage({ action: "close", id });
+        /**
+         * If we're closing the main, make the second the new main
+         */
+        if (isMain) {
+            /**
+             * If there is only one tab left, close the channel and return
+             */
+            if (tabs.length === 1) {
+                /**
+                 * Clean up
+                 */
+                channel.close();
+                return;
+            }
+            const remaining_tabs = tabs.filter((tab) => tab !== id);
+            channel.postMessage({
+                action: "change_main",
+                id: remaining_tabs[0],
+                tabs: remaining_tabs,
+            });
+            return;
+        }
+    };
+    /**
+     * Add close event listener
+     */
+    if (typeof window !== "undefined") {
+        window.addEventListener("beforeunload", onClose);
+    }
+    /**
+     * Synchronize with the main tab
+     */
+    if (!isSynced) {
+        synchronize();
+    }
+    /**
+     * Modify and return the Zustand store
+     */
+    store.setState = onSet;
+    return f(onSet, get, store);
+};
+/**
+ * Shared middleware
+ *
+ * @example
+ * import { create } from 'zustand';
+ * import { shared } from 'use-broadcast-ts';
+ *
+ * const useStore = create(
+ *      shared(
+ *          (set) => ({ count: 0 }),
+ *          { name: 'my-store' }
+ *      )
+ * );
+ */
+export const shared = sharedImpl;
+//# sourceMappingURL=shared.js.map

package/dist/lib/authentication/use-broadcast/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/lib/authentication/use-broadcast/shared.ts"],"names":[],"mappings":"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"}

package/dist/lib/authentication/use-broadcast/useBroadcast.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Our hook will return an object with three properties:
+ * - send: a function that will send a message to all other tabs
+ * - state: the current state of the broadcast
+ * - subscribe: a function that will subscribe to the broadcast (Only if options.subscribe is true)
+ */
+export type UseBroadcastReturn<T> = {
+    send: (val: T) => void;
+    state: T | undefined;
+    subscribe: (callback: (e: T) => void) => () => void;
+};
+/**
+ * The options for the useBroadcast hook
+ */
+export type UseBroadcastOptions = {
+    subscribe?: boolean;
+};
+/**
+ *
+ * @param name The name of the broadcast channel
+ * @param val The initial value of the broadcast
+ * @returns Returns an object with three properties: send, state and subscribe
+ */
+export declare const useBroadcast: <T>(name: string, val?: T, options?: UseBroadcastOptions) => UseBroadcastReturn<T>;

package/dist/lib/authentication/use-broadcast/useBroadcast.js

@@ -0,0 +1,106 @@
+// https://github.com/Romainlg29/use-broadcast/
+import { useEffect, useRef, useState } from "react";
+/**
+ *
+ * @param name The name of the broadcast channel
+ * @param val The initial value of the broadcast
+ * @returns Returns an object with three properties: send, state and subscribe
+ */
+export const useBroadcast = (name, val, options) => {
+    /**
+     * Store the state of the broadcast
+     */
+    const [state, setState] = useState(val);
+    /**
+     * Store the BroadcastChannel instance
+     */
+    const channel = useRef(null);
+    /**
+     * Store the listeners
+     */
+    const listeners = useRef([]);
+    /**
+     * This function send the value to all the other tabs
+     * @param val The value to send
+     */
+    const send = (val) => {
+        if (!channel.current) {
+            return;
+        }
+        /**
+         * Send the value to all the other tabs
+         */
+        channel.current.postMessage(val);
+        if (!options?.subscribe) {
+            setState(val);
+        }
+        /**
+         * Dispatch the event to the listeners
+         */
+        listeners.current.forEach((listener) => listener(val));
+    };
+    /**
+     * This function subscribe to the broadcast
+     * @param callback The callback function
+     * @returns Returns a function that unsubscribe the callback
+     */
+    const subscribe = (callback) => {
+        /**
+         * Add the callback to the listeners
+         */
+        listeners.current.push(callback);
+        /**
+         * Return a function that unsubscribe the callback
+         */
+        return () => listeners.current.splice(listeners.current.indexOf(callback), 1);
+    };
+    useEffect(() => {
+        /**
+         * If BroadcastChannel is not supported, we log an error and return
+         */
+        if (typeof window === "undefined") {
+            // eslint-disable-next-line no-console
+            console.error("Window is undefined!");
+            return;
+        }
+        if (!window.BroadcastChannel) {
+            // eslint-disable-next-line no-console
+            console.error("BroadcastChannel is not supported!");
+            return;
+        }
+        /**
+         * If the channel is null, we create a new one
+         */
+        if (!channel.current) {
+            channel.current = new BroadcastChannel(name);
+        }
+        /**
+         * Subscribe to the message event
+         * @param e The message event
+         */
+        channel.current.onmessage = (e) => {
+            /**
+             * Update the state
+             */
+            if (!options?.subscribe) {
+                setState(e.data);
+            }
+            /**
+             * Dispatch an event to the listeners
+             */
+            listeners.current.forEach((listener) => listener(e.data));
+        };
+        /**
+         * Cleanup
+         */
+        return () => {
+            if (!channel.current) {
+                return;
+            }
+            channel.current.close();
+            channel.current = null;
+        };
+    }, [name, options]);
+    return { send, state, subscribe };
+};
+//# sourceMappingURL=useBroadcast.js.map

package/dist/lib/authentication/use-broadcast/useBroadcast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBroadcast.js","sourceRoot":"","sources":["../../../../src/lib/authentication/use-broadcast/useBroadcast.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqBpD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,IAAY,EACZ,GAAO,EACP,OAA6B,EACN,EAAE;IACzB;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,GAAG,CAAC,CAAC;IAEvD;;OAEG;IACH,MAAM,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEtD;;OAEG;IACH,MAAM,SAAS,GAAG,MAAM,CAAqB,EAAE,CAAC,CAAC;IAEjD;;;OAGG;IACH,MAAM,IAAI,GAAG,CAAC,GAAM,EAAE,EAAE;QACtB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED;;WAEG;QACH,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAEjC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC;YACxB,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;QAED;;WAEG;QACH,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF;;;;OAIG;IACH,MAAM,SAAS,GAAG,CAAC,QAAwB,EAAE,EAAE;QAC7C;;WAEG;QACH,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEjC;;WAEG;QACH,OAAO,GAAG,EAAE,CACV,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb;;WAEG;QACH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;YACtC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;YAC7B,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAC;YACpD,OAAO;QACT,CAAC;QAED;;WAEG;QACH,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,CAAC,OAAO,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC;QAED;;;WAGG;QACH,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE;YAChC;;eAEG;YACH,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC;gBACxB,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;YAED;;eAEG;YACH,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEF;;WAEG;QACH,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACrB,OAAO;YACT,CAAC;YAED,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACxB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AACpC,CAAC,CAAC"}

package/dist/lib/components/AnchorLink.d.ts

@@ -1,5 +1,5 @@
-import { type LinkProps } from "react-router-dom";
+import { type NavLinkProps } from "react-router";
 /**
  * Link that scrolls to anchor even if the hash is already set in the URL.
  */
-export declare const AnchorLink: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnchorLink: (props: NavLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/AnchorLink.js

@@ -1,17 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Link, useLocation } from "react-router-dom";
+import { NavLink, useHref, useLocation } from "react-router";
+import { useScrollToHash } from "../util/useScrollToAnchor.js";
 /**
  * Link that scrolls to anchor even if the hash is already set in the URL.
  */
 export const AnchorLink = (props) => {
     const location = useLocation();
-    const hash = typeof props.to === "string" ? props.to : props.to.hash;
+    const scrollToHash = useScrollToHash();
+    const href = useHref(props.to);
+    const [pathname, hash] = href.split("#");
     const handleClick = (event) => {
-        if (!hash?.startsWith("#") || hash !== location.hash)
+        props.onClick?.(event);
+        if (hash !== location.hash.slice(1) || pathname !== location.pathname)
             return;
         event.preventDefault();
-        document.getElementById(hash.slice(1))?.scrollIntoView();
+        scrollToHash(hash);
     };
-    return _jsx(Link, { onClick: handleClick, ...props });
+    return _jsx(NavLink, { ...props, onClick: handleClick });
 };
 //# sourceMappingURL=AnchorLink.js.map

package/dist/lib/components/AnchorLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorLink.js","sourceRoot":"","sources":["../../../src/lib/components/AnchorLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC7C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;IAErE,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI;YAAE,OAAO;QAE7D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,KAAM,KAAK,GAAI,CAAC;AACnD,CAAC,CAAC"}
+{"version":3,"file":"AnchorLink.js","sourceRoot":"","sources":["../../../src/lib/components/AnchorLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAqB,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAmB,EAAE,EAAE;IAChD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC/B,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEzC,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,QAAQ,KAAK,QAAQ,CAAC,QAAQ;YACnE,OAAO;QAET,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,KAAC,OAAO,OAAK,KAAK,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC;AACtD,CAAC,CAAC"}

package/dist/lib/components/Autocomplete.d.ts

@@ -0,0 +1,13 @@
+import { type KeyboardEvent, type Ref } from "react";
+type AutocompleteProps = {
+    value: string;
+    options: readonly string[];
+    onChange: (e: string) => void;
+    className?: string;
+    placeholder?: string;
+    onEnterPress?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    ref?: Ref<HTMLInputElement>;
+    shouldFilter?: boolean;
+};
+export declare const Autocomplete: ({ shouldFilter, ...props }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Autocomplete.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PopoverAnchor } from "@radix-ui/react-popover";
+import { useCommandState } from "cmdk";
+import { useRef, useState } from "react";
+import { Command, CommandInlineInput, CommandItem, CommandList, } from "zudoku/ui/Command.js";
+import { Popover, PopoverContent } from "zudoku/ui/Popover.js";
+import { cn } from "../util/cn.js";
+const AutocompletePopover = ({ value, options, onChange, className, placeholder = "Enter value", onEnterPress, ref, }) => {
+    const [open, setOpen] = useState(false);
+    const [dontClose, setDontClose] = useState(false);
+    const count = useCommandState((state) => state.filtered.count);
+    const inputRef = useRef(null);
+    return (_jsxs(Popover, { open: open, children: [_jsx(PopoverAnchor, { children: _jsx(CommandInlineInput, { ref: (el) => {
+                        inputRef.current = el;
+                        if (typeof ref === "function") {
+                            ref(el);
+                        }
+                        else if (ref) {
+                            ref.current = el;
+                        }
+                    }, value: value, placeholder: placeholder, className: cn("h-9 bg-transparent", className), onFocus: () => setOpen(true), onBlur: () => {
+                        if (dontClose) {
+                            return;
+                        }
+                        setOpen(false);
+                    }, onKeyDown: (e) => {
+                        if (e.key === "Enter") {
+                            setOpen(false);
+                            inputRef.current?.blur();
+                            onEnterPress?.(e);
+                        }
+                    }, onValueChange: (e) => onChange(e) }) }), _jsx(PopoverContent, { onMouseEnter: () => setDontClose(true), onMouseLeave: () => setDontClose(false), onOpenAutoFocus: (e) => e.preventDefault(), className: cn("p-0 w-[--radix-popover-trigger-width]", {
+                    "border-0": count === 0,
+                }), align: "start", side: "bottom", onWheel: (e) => {
+                    // See: https://github.com/radix-ui/primitives/issues/1159
+                    e.stopPropagation();
+                }, onTouchMove: (e) => {
+                    e.stopPropagation();
+                }, children: _jsx(CommandList, { className: "max-h-[140px]", children: options.map((enumValue) => (_jsx(CommandItem, { value: enumValue, onSelect: (selected) => {
+                            onChange(selected);
+                            setOpen(false);
+                        }, className: "cursor-pointer", children: enumValue }, enumValue))) }) })] }));
+};
+export const Autocomplete = ({ shouldFilter, ...props }) => {
+    return (_jsx(Command, { className: "bg-transparent", shouldFilter: shouldFilter, children: _jsx(AutocompletePopover, { ...props }) }));
+};
+//# sourceMappingURL=Autocomplete.js.map

package/dist/lib/components/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/lib/components/Autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/lib/components/Banner.js

@@ -16,6 +16,12 @@ export const Banner = () => {
     if (!page?.banner || !isBannerOpen) {
         return _jsx("style", { children: `:root { --banner-height: 0px; }` });
     }
-    return (_jsxs("div", { className: cn("relative text-primary-foreground text-sm font-medium px-4 py-2 flex gap-2 items-center", page.banner.color ? COLOR_MAP[page.banner.color] : "bg-primary"), children: [_jsx("div", { className: "w-full", children: page.banner.message }), page.banner.dismissible && (_jsx("button", { type: "button", className: "md:absolute md:right-4 -m-1.5 p-1.5 hover:bg-accent-foreground/10 rounded-md", onClick: () => setIsBannerOpen(false), children: _jsx(CircleXIcon, { size: 16 }) }))] }));
+    const mappedColor = page.banner.color && page.banner.color in COLOR_MAP
+        ? COLOR_MAP[page.banner.color]
+        : !page.banner.color
+            ? "bg-primary"
+            : undefined;
+    const style = !mappedColor ? { backgroundColor: page.banner.color } : {};
+    return (_jsxs("div", { className: cn("relative text-primary-foreground text-sm font-medium px-4 py-2 flex gap-2 items-center", mappedColor), "data-pagefind-ignore": "all", style: style, children: [_jsx("div", { className: "w-full", children: page.banner.message }), page.banner.dismissible && (_jsx("button", { type: "button", className: "md:absolute md:right-4 -m-1.5 p-1.5 hover:bg-accent-foreground/10 rounded-md", onClick: () => setIsBannerOpen(false), children: _jsx(CircleXIcon, { size: 16 }) }))] }));
 };
 //# sourceMappingURL=Banner.js.map

package/dist/lib/components/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/lib/components/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,aAAa;IACnB,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,aAAa;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QACnC,OAAO,0BAAQ,iCAAiC,GAAS,CAAC;IAC5D,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAChE,aAED,cAAK,SAAS,EAAC,QAAQ,YAAE,IAAI,CAAC,MAAM,CAAC,OAAO,GAAO,EAClD,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,CAC1B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8EAA8E,EACxF,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,YAErC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/lib/components/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,aAAa;IACnB,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,aAAa;CACb,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QACnC,OAAO,0BAAQ,iCAAiC,GAAS,CAAC;IAC5D,CAAC;IAED,MAAM,WAAW,GACf,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS;QACjD,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAA+B,CAAC;QACxD,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;YAClB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,SAAS,CAAC;IAElB,MAAM,KAAK,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,WAAW,CACZ,0BACoB,KAAK,EAC1B,KAAK,EAAE,KAAK,aAEZ,cAAK,SAAS,EAAC,QAAQ,YAAE,IAAI,CAAC,MAAM,CAAC,OAAO,GAAO,EAClD,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,CAC1B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8EAA8E,EACxF,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,YAErC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/Bootstrap.d.ts

@@ -1,13 +1,15 @@
+import { QueryClient } from "@tanstack/react-query";
 import { type HelmetData } from "@zudoku/react-helmet-async";
-import { type createBrowserRouter } from "react-router-dom";
-import { type createStaticRouter, type StaticHandlerContext } from "react-router-dom/server.js";
+import { type createBrowserRouter, type createStaticRouter, type StaticHandlerContext } from "react-router";
 declare const Bootstrap: ({ router, hydrate, }: {
     hydrate?: boolean;
     router: ReturnType<typeof createBrowserRouter>;
 }) => import("react/jsx-runtime").JSX.Element;
-declare const BootstrapStatic: ({ router, context, helmetContext, }: {
+declare const BootstrapStatic: ({ router, context, queryClient, helmetContext, bypassProtection, }: {
     helmetContext: HelmetData["context"];
     context: StaticHandlerContext;
+    queryClient: QueryClient;
     router: ReturnType<typeof createStaticRouter>;
+    bypassProtection?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export { Bootstrap, BootstrapStatic };

package/dist/lib/components/Bootstrap.js

@@ -1,12 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { HydrationBoundary, QueryClient, QueryClientProvider, } from "@tanstack/react-query";
 import { HelmetProvider } from "@zudoku/react-helmet-async";
 import { StrictMode } from "react";
-import { RouterProvider } from "react-router-dom";
-import { StaticRouterProvider, } from "react-router-dom/server.js";
+import { StaticRouterProvider, } from "react-router";
+import { RouterProvider } from "react-router/dom";
 import { StaggeredRenderContext } from "../plugins/openapi/StaggeredRender.js";
-const Bootstrap = ({ router, hydrate = false, }) => {
-    return (_jsx(StrictMode, { children: _jsx(HelmetProvider, { children: _jsx(StaggeredRenderContext.Provider, { value: { stagger: !hydrate }, children: _jsx(RouterProvider, { router: router }) }) }) }));
-};
-const BootstrapStatic = ({ router, context, helmetContext, }) => (_jsx(StrictMode, { children: _jsx(HelmetProvider, { context: helmetContext, children: _jsx(StaticRouterProvider, { router: router, context: context }) }) }));
+import { BypassProtectedRoutesContext } from "./context/BypassProtectedRoutesContext.js";
+const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            staleTime: 1000 * 60 * 5,
+        },
+    },
+});
+const Bootstrap = ({ router, hydrate = false, }) => (_jsx(StrictMode, { children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(HydrationBoundary, { state: hydrate ? window.DATA : undefined, children: _jsx(BypassProtectedRoutesContext, { value: false, children: _jsx(HelmetProvider, { children: _jsx(StaggeredRenderContext.Provider, { value: { stagger: !hydrate }, children: _jsx(RouterProvider, { router: router }) }) }) }) }) }) }));
+const BootstrapStatic = ({ router, context, queryClient, helmetContext, bypassProtection = false, }) => (_jsx(StrictMode, { children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(HelmetProvider, { context: helmetContext, children: _jsx(BypassProtectedRoutesContext, { value: bypassProtection, children: _jsx(StaticRouterProvider, { router: router, context: context }) }) }) }) }));
 export { Bootstrap, BootstrapStatic };
 //# sourceMappingURL=Bootstrap.js.map

package/dist/lib/components/Bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bootstrap.js","sourceRoot":"","sources":["../../../src/lib/components/Bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAA4B,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAGL,oBAAoB,GACrB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,OAAO,GAAG,KAAK,GAIhB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,cACT,KAAC,cAAc,cACb,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,YAC3D,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GACF,GACnB,GACN,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACvB,MAAM,EACN,OAAO,EACP,aAAa,GAKd,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,cACT,KAAC,cAAc,IAAC,OAAO,EAAE,aAAa,YACpC,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,GAC3C,GACN,CACd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Bootstrap.js","sourceRoot":"","sources":["../../../src/lib/components/Bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAmB,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAIL,oBAAoB,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IAClC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC;SACzB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,OAAO,GAAG,KAAK,GAIhB,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,cACT,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,KAAC,iBAAiB,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAE,MAAc,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,YAClE,KAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,YACxC,KAAC,cAAc,cACb,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,YAC3D,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GACF,GACnB,GACY,GACb,GACA,GACX,CACd,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACvB,MAAM,EACN,OAAO,EACP,WAAW,EACX,aAAa,EACb,gBAAgB,GAAG,KAAK,GAOzB,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,cACT,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,KAAC,cAAc,IAAC,OAAO,EAAE,aAAa,YACpC,KAAC,4BAA4B,IAAC,KAAK,EAAE,gBAAgB,YACnD,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,GAC7B,GAChB,GACG,GACX,CACd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC"}

package/dist/lib/components/ClientOnly.d.ts

@@ -1,3 +1,5 @@
+import { type ReactNode } from "react";
 export declare const ClientOnly: (props: {
-    children: React.ReactNode;
-}) => import("react").ReactNode;
+    children: ReactNode;
+    fallback?: ReactNode;
+}) => ReactNode;

package/dist/lib/components/ClientOnly.js

@@ -2,6 +2,6 @@ import { useSyncExternalStore } from "react";
 const noop = () => () => { };
 export const ClientOnly = (props) => {
     const value = useSyncExternalStore(noop, () => "client", () => "server");
-    return value === "client" ? props.children : null;
+    return value === "client" ? props.children : props.fallback;
 };
 //# sourceMappingURL=ClientOnly.js.map