@bgord/ui 0.4.1 → 0.5.2

package/dist/components/dialog.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import * as hooks from "../hooks";
+export type DialogPropsType = hooks.UseToggleReturnType & React.JSX.IntrinsicElements["dialog"];
+export declare function Dialog(props: DialogPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -1 +1,2 @@
 export * from "./button";
+export * from "./dialog";

package/dist/hooks/index.d.ts

@@ -1,4 +1,11 @@
+export * from "./use-click-outside";
+export * from "./use-client-filter";
 export * from "./use-exit-action";
 export * from "./use-field";
+export * from "./use-focus-shortcut";
 export * from "./use-hover";
+export * from "./use-language-selector";
+export * from "./use-meta-enter-submit";
+export * from "./use-scroll-lock";
+export * from "./use-shortcuts";
 export * from "./use-toggle";

package/dist/hooks/use-click-outside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from "react";
+export declare function useClickOutside<T extends HTMLElement>(ref: RefObject<T | null>, handler: (e: MouseEvent | TouchEvent) => void): void;

package/dist/hooks/use-client-filter.d.ts

@@ -0,0 +1,20 @@
+import { FieldValueAllowedTypes } from "../services/field";
+import { useFieldConfigType, useFieldReturnType, useFieldStrategyEnum } from "./use-field";
+export type useClientFilterQueryType = string | undefined;
+type useClientFilterConfigType<T extends FieldValueAllowedTypes> = Omit<useFieldConfigType<T>, "strategy"> & {
+    enum: {
+        [key: string]: useClientFilterQueryType;
+    };
+    filterFn?: (value: T) => boolean;
+};
+export type useClientFilterReturnType<T extends FieldValueAllowedTypes> = useFieldReturnType<T> & {
+    filterFn: NonNullable<useClientFilterConfigType<T>["filterFn"]>;
+    options: {
+        name: string;
+        value: useClientFilterConfigType<T>["enum"][0];
+    }[];
+} & {
+    strategy: useFieldStrategyEnum.local;
+};
+export declare function useClientFilter<T extends FieldValueAllowedTypes>(config: useClientFilterConfigType<T>): useClientFilterReturnType<T>;
+export {};

package/dist/hooks/use-focus-shortcut.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from "react";
+type FocusableElement = HTMLElement & {
+    focus(): void;
+};
+export declare function useFocusKeyboardShortcut<T extends FocusableElement = HTMLInputElement>(shortcut: string): {
+    ref: Ref<T>;
+};
+export {};

package/dist/hooks/use-language-selector.d.ts

@@ -0,0 +1,4 @@
+import { useClientFilterReturnType } from "./use-client-filter";
+type LanguageType = string;
+export declare function useLanguageSelector(supportedLanguages: Record<LanguageType, LanguageType>): useClientFilterReturnType<LanguageType>;
+export {};

package/dist/hooks/use-meta-enter-submit.d.ts

@@ -0,0 +1,3 @@
+export declare function useMetaEnterSubmit(): {
+    onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+};

package/dist/hooks/use-scroll-lock.d.ts

@@ -0,0 +1 @@
+export declare function useScrollLock(enabled?: boolean): void;

package/dist/hooks/use-shortcuts.d.ts

@@ -0,0 +1,8 @@
+interface UseKeyboardShortcutsConfigType {
+    [keybinding: string]: (event: KeyboardEvent) => void;
+}
+type UseKeyboardShortcutsOptionsType = {
+    enabled?: boolean;
+};
+export declare function useKeyboardShortcuts(config: UseKeyboardShortcutsConfigType, options?: UseKeyboardShortcutsOptionsType): void;
+export {};

package/dist/index.js

@@ -6,27 +6,43 @@ function Button() {
     children: "Click"
   }, undefined, false, undefined, this);
 }
-// src/hooks/use-exit-action.ts
-import React from "react";
-function useExitAction(options) {
-  const [phase, setPhase] = React.useState("idle" /* idle */);
-  const trigger = (event) => {
-    event.preventDefault();
-    if (phase === "idle")
-      setPhase("exiting" /* exiting */);
-  };
-  const onAnimationEnd = (event) => {
-    if (event.animationName !== options.animation)
+// src/components/dialog.tsx
+import { useEffect as useEffect6, useRef as useRef3 } from "react";
+
+// src/hooks/use-click-outside.ts
+import { useEffect } from "react";
+function useClickOutside(ref, handler) {
+  useEffect(() => {
+    if (typeof document === "undefined")
       return;
-    options.actionFn();
-    setPhase("gone" /* gone */);
-  };
-  const attach = phase === "exiting" ? { "data-animation": options.animation, onAnimationEnd } : undefined;
-  return { visible: phase !== "gone", attach, trigger };
+    function listener(event) {
+      const el = ref.current;
+      if (!el)
+        return;
+      if (el.contains(event.target)) {
+        if (event.target === el) {
+          const { left, right, top, bottom } = el.getBoundingClientRect();
+          const clientX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
+          const clientY = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;
+          const isInRect = clientX >= left && clientX <= right && clientY >= top && clientY <= bottom;
+          if (isInRect)
+            return;
+        } else {
+          return;
+        }
+      }
+      handler(event);
+    }
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
 }
-// src/hooks/use-field.ts
-import { useEffect, useState } from "react";
-import { useSearchParams } from "react-router";
+// src/hooks/use-client-filter.ts
+import { useCallback, useMemo } from "react";
 
 // src/services/field.ts
 class Field {
@@ -53,6 +69,8 @@ class Field {
 }
 
 // src/hooks/use-field.ts
+import { useEffect as useEffect2, useState } from "react";
+import { useSearchParams } from "react-router";
 var useFieldStrategyEnum;
 ((useFieldStrategyEnum2) => {
   useFieldStrategyEnum2["params"] = "params";
@@ -68,7 +86,7 @@ function useField(config) {
     const candidate = new Field(value2);
     _setCurrentValue(candidate.get());
   };
-  useEffect(() => {
+  useEffect2(() => {
     const current = new Field(currentValue);
     if (strategy === "params" /* params */) {
       if (current.isEmpty()) {
@@ -104,8 +122,75 @@ class LocalFields {
     return () => fields.forEach((field) => field.clear());
   }
 }
+
+// src/hooks/use-client-filter.ts
+function useClientFilter(config) {
+  const query = useField({
+    ...config,
+    strategy: "local" /* local */
+  });
+  const defaultFilterFn = useCallback((given) => {
+    if (query.empty)
+      return true;
+    return Field.compare(given, query.currentValue);
+  }, [query.empty, query.currentValue]);
+  const filterFn = useMemo(() => config.filterFn ?? defaultFilterFn, [config.filterFn, defaultFilterFn]);
+  const options = useMemo(() => Object.entries(config.enum).map(([name, value]) => ({ name, value })), [config.enum]);
+  return useMemo(() => ({
+    ...query,
+    filterFn,
+    options,
+    strategy: "local" /* local */
+  }), [query, filterFn, options]);
+}
+// src/hooks/use-exit-action.ts
+import React from "react";
+function useExitAction(options) {
+  const [phase, setPhase] = React.useState("idle" /* idle */);
+  const trigger = (event) => {
+    event.preventDefault();
+    if (phase === "idle")
+      setPhase("exiting" /* exiting */);
+  };
+  const onAnimationEnd = (event) => {
+    if (event.animationName !== options.animation)
+      return;
+    options.actionFn();
+    setPhase("gone" /* gone */);
+  };
+  const attach = phase === "exiting" ? { "data-animation": options.animation, onAnimationEnd } : undefined;
+  return { visible: phase !== "gone", attach, trigger };
+}
+// src/hooks/use-focus-shortcut.ts
+import { useCallback as useCallback2, useMemo as useMemo3, useRef } from "react";
+
+// src/hooks/use-shortcuts.ts
+import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
+import { tinykeys } from "tinykeys";
+function useKeyboardShortcuts(config, options) {
+  const enabled = options?.enabled ?? true;
+  const memoizedConfig = useMemo2(() => config, [JSON.stringify(Object.keys(config))]);
+  useEffect3(() => {
+    if (!enabled)
+      return;
+    const unsubscribe = tinykeys(window, memoizedConfig);
+    return () => unsubscribe();
+  }, [memoizedConfig, enabled]);
+}
+
+// src/hooks/use-focus-shortcut.ts
+function useFocusKeyboardShortcut(shortcut) {
+  const ref = useRef(null);
+  const handleFocus = useCallback2(() => {
+    if (ref.current) {
+      ref.current.focus();
+    }
+  }, []);
+  useKeyboardShortcuts({ [shortcut]: handleFocus });
+  return useMemo3(() => ({ ref }), []);
+}
 // src/hooks/use-hover.ts
-import { useCallback, useRef } from "react";
+import { useCallback as useCallback3, useRef as useRef2 } from "react";
 
 // src/hooks/use-toggle.ts
 import { useState as useState2 } from "react";
@@ -143,10 +228,10 @@ function useHover({
   enabled = true
 } = {}) {
   const { on: isOn, enable, disable } = useToggle({ name: "is-hovering" });
-  const nodeRef = useRef(null);
+  const nodeRef = useRef2(null);
   const enterEvent = typeof window !== "undefined" && "PointerEvent" in window ? "pointerenter" : "mouseenter";
   const leaveEvent = typeof window !== "undefined" && "PointerEvent" in window ? "pointerleave" : "mouseleave";
-  const ref = useCallback((node) => {
+  const ref = useCallback3((node) => {
     const prev = nodeRef.current;
     if (prev) {
       prev.removeEventListener(enterEvent, enable);
@@ -163,25 +248,236 @@ function useHover({
     isHovering: isOn && enabled
   };
 }
-// src/services/colorful.ts
-function Colorful(color) {
-  const value = `var(--${color})`;
-  const options = {
-    color: { color: value },
-    background: { background: value }
-  };
-  const style = {
-    color: { style: { color: value } },
-    background: { style: { background: value } }
-  };
-  return { ...options, style };
+// src/hooks/use-language-selector.tsx
+import Cookies from "js-cookie";
+import { useCallback as useCallback5, useEffect as useEffect4 } from "react";
+import { useRevalidator } from "react-router";
+
+// src/services/translations.tsx
+import { createContext, use, useCallback as useCallback4 } from "react";
+
+// src/services/pluralize.ts
+import { polishPlurals } from "polish-plurals";
+function pluralize(options) {
+  if (options.language === "en" /* en */) {
+    const plural = options.plural ?? `${options.singular}s`;
+    if (options.value === 1)
+      return options.singular;
+    return plural;
+  }
+  if (options.language === "pl" /* pl */) {
+    const value = options.value ?? 1;
+    if (value === 1)
+      return options.singular;
+    return polishPlurals(options.singular, String(options.plural), String(options.genitive), value);
+  }
+  console.warn(`[@bgord/frontend] missing pluralization function for language: ${options.language}.`);
+  return options.singular;
 }
+
+// src/services/translations.tsx
+var TranslationsContext = createContext({
+  translations: {},
+  language: "en"
+});
+function useTranslations() {
+  const value = use(TranslationsContext);
+  if (value === undefined) {
+    throw new Error("useTranslations must be used within the TranslationsContext");
+  }
+  const translate = useCallback4((key, variables) => {
+    const translation = value.translations[key];
+    if (!translation) {
+      console.warn(`[@bgord/ui] missing translation for key: ${key}`);
+      return key;
+    }
+    if (!variables)
+      return translation;
+    return Object.entries(variables).reduce((result, [placeholder, value2]) => {
+      const regex = new RegExp(`{{${placeholder}}}`, "g");
+      return result.replace(regex, String(value2));
+    }, translation);
+  }, [value.translations]);
+  return translate;
+}
+function useLanguage() {
+  const value = use(TranslationsContext);
+  if (value === undefined) {
+    throw new Error("useLanguage must be used within the TranslationsContext");
+  }
+  return value.language;
+}
+function usePluralize() {
+  const language = useLanguage();
+  return (options) => pluralize({ ...options, language });
+}
+
+// src/hooks/use-language-selector.tsx
+function useLanguageSelector(supportedLanguages) {
+  const language = useLanguage();
+  const revalidator = useRevalidator();
+  const field = useClientFilter({
+    enum: supportedLanguages,
+    defaultValue: language,
+    name: "language"
+  });
+  const handleLanguageChange = useCallback5(() => {
+    const current = new Field(field.currentValue);
+    if (!current.isEmpty() && field.changed) {
+      Cookies.set("language", String(current.get()));
+      revalidator.revalidate();
+    }
+  }, [field.currentValue, field.changed]);
+  useEffect4(() => {
+    handleLanguageChange();
+  }, [handleLanguageChange]);
+  return field;
+}
+// src/hooks/use-meta-enter-submit.tsx
+import { useCallback as useCallback6, useMemo as useMemo4 } from "react";
+function useMetaEnterSubmit() {
+  const handleMetaEnterSubmit = useCallback6((event) => {
+    if (event.key !== "Enter" || !event.metaKey)
+      return;
+    event.preventDefault();
+    event.currentTarget.form?.requestSubmit();
+  }, []);
+  return useMemo4(() => ({ onKeyDown: handleMetaEnterSubmit }), [handleMetaEnterSubmit]);
+}
+// src/hooks/use-scroll-lock.ts
+import { useEffect as useEffect5 } from "react";
+function useScrollLock(enabled = true) {
+  useEffect5(() => {
+    if (typeof document === "undefined")
+      return;
+    const originalOverflow = document.body.style.overflow;
+    if (enabled) {
+      document.body.style.overflow = "hidden";
+    }
+    return () => {
+      document.body.style.overflow = originalOverflow;
+    };
+  }, [enabled]);
+}
+// src/components/dialog.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function Dialog(props) {
+  const { toggle: dialog, rest } = extractUseToggle(props);
+  const ref = useRef3(null);
+  useEffect6(() => {
+    if (props.on) {
+      ref.current?.showModal();
+    } else {
+      ref.current?.close();
+    }
+  }, [props.on]);
+  useKeyboardShortcuts({ Escape: dialog.disable });
+  useScrollLock(props.on);
+  useClickOutside(ref, dialog.disable);
+  return /* @__PURE__ */ jsxDEV2("dialog", {
+    ref,
+    tabIndex: 0,
+    "aria-modal": "true",
+    "data-disp": props.on ? "flex" : "none",
+    "data-dir": "column",
+    "data-mx": "auto",
+    "data-p": "5",
+    "data-position": "fixed",
+    "data-z": "2",
+    "data-bg": "neutral-900",
+    "data-br": "xs",
+    "data-backdrop": "stronger",
+    "data-animation": "grow-fade-in",
+    ...rest
+  }, undefined, false, undefined, this);
+}
+// src/services/auth-guard.ts
+import { redirect } from "react-router";
+
+// src/services/cookies.ts
+class Cookies2 {
+  static extractFrom(request) {
+    return request.headers.get("cookie") ?? "";
+  }
+}
+
+// src/services/auth-guard.ts
+class AuthGuard {
+  API_URL;
+  constructor(BASE_URL) {
+    this.API_URL = `${BASE_URL}/api/auth`;
+  }
+  async getServerSession(request) {
+    const cookie = Cookies2.extractFrom(request);
+    const res = await fetch(`${this.API_URL}/get-session`, {
+      headers: { cookie, accept: "application/json" }
+    });
+    if (!res.ok)
+      return null;
+    const session = await res.json();
+    return session;
+  }
+  async requireSession(request) {
+    const session = await this.getServerSession(request);
+    if (session?.user)
+      return session;
+    throw redirect("/");
+  }
+  async requireNoSession(request, target = "/home") {
+    const session = await this.getServerSession(request);
+    if (session?.user)
+      throw redirect(target);
+  }
+  async removeSession(request, target = "/login") {
+    const cookie = Cookies2.extractFrom(request);
+    const res = await fetch(`${import.meta.env.VITE_API_URL}/api/auth/sign-out`, {
+      method: "POST",
+      headers: { cookie }
+    });
+    const headers = new Headers;
+    res.headers.forEach((value, key) => {
+      if (key.toLowerCase() === "set-cookie")
+        headers.append("set-cookie", value);
+    });
+    throw redirect(target, { headers });
+  }
+}
+// src/services/noop.ts
+function noop() {}
+
+// src/services/copy-to-clipboard.ts
+var defaultOnCopyToClipboardFailure = () => console.warn("Copying to clipboard not supported");
+async function copyToClipboard(options) {
+  const onFailure = options.onFailure ?? defaultOnCopyToClipboardFailure;
+  const onSuccess = options.onSuccess ?? noop;
+  if (!navigator.clipboard)
+    onFailure();
+  try {
+    await navigator.clipboard.writeText(options.text);
+    onSuccess();
+  } catch (error) {
+    onFailure(error);
+  }
+}
+// src/services/credentials.ts
+var Credentials = {
+  email: { inputMode: "email", autoComplete: "email", autoCapitalize: "none", spellCheck: "false" },
+  password: { new: { autoComplete: "new-password" }, current: { autoComplete: "current-password" } }
+};
 // src/services/etag.ts
 class ETag {
   static fromRevision(revision) {
     return { "if-match": String(revision) };
   }
 }
+// src/services/exec.ts
+function exec(list) {
+  return function() {
+    for (const item of list) {
+      item();
+    }
+  };
+}
 // src/services/fields.ts
 class Fields {
   static allUnchanged(fields) {
@@ -223,23 +519,11 @@ class Form {
     return { required };
   }
 }
-// src/services/pluralize.ts
-import { polishPlurals } from "polish-plurals";
-function pluralize(options) {
-  if (options.language === "en" /* en */) {
-    const plural = options.plural ?? `${options.singular}s`;
-    if (options.value === 1)
-      return options.singular;
-    return plural;
-  }
-  if (options.language === "pl" /* pl */) {
-    const value = options.value ?? 1;
-    if (value === 1)
-      return options.singular;
-    return polishPlurals(options.singular, String(options.plural), String(options.genitive), value);
-  }
-  console.warn(`[@bgord/frontend] missing pluralization function for language: ${options.language}.`);
-  return options.singular;
+// src/services/get-safe-window.ts
+function getSafeWindow() {
+  if (typeof window === "undefined")
+    return;
+  return window;
 }
 // src/services/rhythm.ts
 var DEFAULT_BASE_PX = 12;
@@ -272,43 +556,6 @@ function Rhythm(base = DEFAULT_BASE_PX) {
 function px(number) {
   return `${number}px`;
 }
-// src/services/translations.tsx
-import { createContext, use, useCallback as useCallback2 } from "react";
-var TranslationsContext = createContext({
-  translations: {},
-  language: "en"
-});
-function useTranslations() {
-  const value = use(TranslationsContext);
-  if (value === undefined) {
-    throw new Error("useTranslations must be used within the TranslationsContext");
-  }
-  const translate = useCallback2((key, variables) => {
-    const translation = value.translations[key];
-    if (!translation) {
-      console.warn(`[@bgord/ui] missing translation for key: ${key}`);
-      return key;
-    }
-    if (!variables)
-      return translation;
-    return Object.entries(variables).reduce((result, [placeholder, value2]) => {
-      const regex = new RegExp(`{{${placeholder}}}`, "g");
-      return result.replace(regex, String(value2));
-    }, translation);
-  }, [value.translations]);
-  return translate;
-}
-function useLanguage() {
-  const value = use(TranslationsContext);
-  if (value === undefined) {
-    throw new Error("useLanguage must be used within the TranslationsContext");
-  }
-  return value.language;
-}
-function usePluralize() {
-  const language = useLanguage();
-  return (options) => pluralize({ ...options, language });
-}
 // src/services/weak-etag.ts
 class WeakETag {
   static fromRevision(revision) {
@@ -318,14 +565,25 @@ class WeakETag {
 export {
   useTranslations,
   useToggle,
+  useScrollLock,
   usePluralize,
+  useMetaEnterSubmit,
+  useLanguageSelector,
   useLanguage,
+  useKeyboardShortcuts,
   useHover,
+  useFocusKeyboardShortcut,
   useFieldStrategyEnum,
   useField,
   useExitAction,
+  useClientFilter,
+  useClickOutside,
   pluralize,
+  noop,
+  getSafeWindow,
   extractUseToggle,
+  exec,
+  copyToClipboard,
   WeakETag,
   TranslationsContext,
   Rhythm,
@@ -334,6 +592,9 @@ export {
   Fields,
   Field,
   ETag,
-  Colorful,
-  Button
+  Dialog,
+  Credentials,
+  Cookies2 as Cookies,
+  Button,
+  AuthGuard
 };

package/dist/services/auth-guard.d.ts

@@ -0,0 +1,9 @@
+import type { createAuthClient } from "better-auth/react";
+export declare class AuthGuard<T extends ReturnType<typeof createAuthClient>["$Infer"]["Session"]> {
+    private readonly API_URL;
+    constructor(BASE_URL: string);
+    getServerSession(request: Request): Promise<T | null>;
+    requireSession(request: Request): Promise<T | null>;
+    requireNoSession(request: Request, target?: string): Promise<void>;
+    removeSession(request: Request, target?: string): Promise<void>;
+}

package/dist/services/cookies.d.ts

@@ -0,0 +1,3 @@
+export declare class Cookies {
+    static extractFrom(request: Request): string;
+}

package/dist/services/copy-to-clipboard.d.ts

@@ -0,0 +1,10 @@
+type CopyToClipboardTextType = string;
+type OnCopyToClipboardFailureType = (error?: unknown) => void;
+type OnCopyToClipboardSuccessType = VoidFunction;
+export type CopyToClipboardOptionsType = {
+    text: CopyToClipboardTextType;
+    onFailure?: OnCopyToClipboardFailureType;
+    onSuccess?: OnCopyToClipboardSuccessType;
+};
+export declare function copyToClipboard(options: CopyToClipboardOptionsType): Promise<void>;
+export {};

package/dist/services/credentials.d.ts

@@ -0,0 +1,9 @@
+type CredentialsType = {
+    email: React.JSX.IntrinsicElements["input"];
+    password: {
+        new: React.JSX.IntrinsicElements["input"];
+        current: React.JSX.IntrinsicElements["input"];
+    };
+};
+export declare const Credentials: CredentialsType;
+export {};

package/dist/services/exec.d.ts

@@ -0,0 +1,3 @@
+type ExecFunctionListType = Array<() => void>;
+export declare function exec(list: ExecFunctionListType): () => void;
+export {};

package/dist/services/get-safe-window.d.ts

@@ -0,0 +1 @@
+export declare function getSafeWindow(): (Window & typeof globalThis) | undefined;

package/dist/services/index.d.ts

@@ -1,8 +1,14 @@
-export * from "./colorful";
+export * from "./auth-guard";
+export * from "./cookies";
+export * from "./copy-to-clipboard";
+export * from "./credentials";
 export * from "./etag";
+export * from "./exec";
 export * from "./field";
 export * from "./fields";
 export * from "./form";
+export * from "./get-safe-window";
+export * from "./noop";
 export * from "./pluralize";
 export * from "./rhythm";
 export * from "./translations";

package/dist/services/noop.d.ts

@@ -0,0 +1 @@
+export declare function noop(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bgord/ui",
-  "version": "0.4.1",
+  "version": "0.5.2",
   "type": "module",
   "exports": {
     ".": {
@@ -12,9 +12,9 @@
     "dist"
   ],
   "peerDependencies": {
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-router": "7.6.3"
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "react-router": "7.7.1"
   },
   "scripts": {
     "build:js": "bun build src/index.ts --format esm --outdir dist --packages external --external react --external react-dom --external react/jsx-runtime --external react-router",
@@ -25,24 +25,28 @@
     "access": "public"
   },
   "devDependencies": {
-    "@happy-dom/global-registrator": "18.0.1",
-    "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.3.0",
-    "@testing-library/user-event": "14.6.1",
-    "@types/bun": "1.2.18",
-    "@types/react": "19.1.8",
-    "@types/react-dom": "19.1.6",
     "@biomejs/biome": "2.0.6",
     "@commitlint/cli": "19.8.1",
     "@commitlint/config-conventional": "19.8.1",
-    "cspell": "9.1.5",
-    "knip": "5.61.3",
+    "@happy-dom/global-registrator": "18.0.1",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.6.4",
+    "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "14.6.1",
+    "@types/bun": "1.2.19",
+    "@types/js-cookie": "^3.0.6",
+    "@types/react": "19.1.9",
+    "@types/react-dom": "19.1.7",
+    "cspell": "9.2.0",
+    "knip": "5.62.0",
     "lefthook": "1.12.2",
     "only-allow": "1.2.1",
     "shellcheck": "3.1.0"
   },
   "dependencies": {
-    "polish-plurals": "^1.1.0"
+    "better-auth": "1.3.4",
+    "js-cookie": "3.0.5",
+    "polish-plurals": "1.1.0",
+    "tinykeys": "3.0.0"
   }
 }

package/readme.md

@@ -26,17 +26,31 @@ Run the tests
 src/
 ├── components
 │   ├── button.tsx
+│   ├── dialog.tsx
 ├── hooks
+│   ├── use-click-outside.ts
+│   ├── use-client-filter.ts
 │   ├── use-exit-action.ts
 │   ├── use-field.ts
+│   ├── use-focus-shortcut.ts
 │   ├── use-hover.ts
+│   ├── use-language-selector.tsx
+│   ├── use-meta-enter-submit.tsx
+│   ├── use-scroll-lock.ts
+│   ├── use-shortcuts.ts
 │   └── use-toggle.ts
 └── services
-    ├── colorful.ts
+    ├── auth-guard.ts
+    ├── cookies.ts
+    ├── copy-to-clipboard.ts
+    ├── credentials.ts
     ├── etag.ts
+    ├── exec.ts
     ├── field.ts
     ├── fields.ts
     ├── form.ts
+    ├── get-safe-window.ts
+    ├── noop.ts
     ├── pluralize.ts
     ├── rhythm.ts
     ├── translations.tsx