@bgord/ui 0.5.2 → 0.5.5

package/dist/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./button";
 export * from "./dialog";
+export * from "./revalidate-on-focus";

package/dist/components/revalidate-on-focus.d.ts

@@ -0,0 +1 @@
+export declare function RevalidateOnFocus(): null;

package/dist/index.js

@@ -1,600 +1 @@
-// src/components/button.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-function Button() {
-  return /* @__PURE__ */ jsxDEV("button", {
-    type: "button",
-    children: "Click"
-  }, undefined, false, undefined, this);
-}
-// 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;
-    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-client-filter.ts
-import { useCallback, useMemo } from "react";
-
-// src/services/field.ts
-class Field {
-  static emptyValue = undefined;
-  static isEmpty(value) {
-    return value === undefined || value === "" || value === null;
-  }
-  static compare(one, another) {
-    if (Field.isEmpty(one) && Field.isEmpty(another)) {
-      return true;
-    }
-    return one === another;
-  }
-  value = Field.emptyValue;
-  constructor(value) {
-    this.value = Field.isEmpty(value) ? Field.emptyValue : value;
-  }
-  get() {
-    return this.value;
-  }
-  isEmpty() {
-    return Field.isEmpty(this.value);
-  }
-}
-
-// src/hooks/use-field.ts
-import { useEffect as useEffect2, useState } from "react";
-import { useSearchParams } from "react-router";
-var useFieldStrategyEnum;
-((useFieldStrategyEnum2) => {
-  useFieldStrategyEnum2["params"] = "params";
-  useFieldStrategyEnum2["local"] = "local";
-})(useFieldStrategyEnum ||= {});
-function useField(config) {
-  const strategy = config.strategy ?? "local" /* local */;
-  const [params, setParams] = useSearchParams();
-  const givenValue = new Field(params.get(config.name));
-  const defaultValue = new Field(config.defaultValue);
-  const [currentValue, _setCurrentValue] = useState(givenValue.isEmpty() ? defaultValue.get() : givenValue.get());
-  const setCurrentValue = (value2) => {
-    const candidate = new Field(value2);
-    _setCurrentValue(candidate.get());
-  };
-  useEffect2(() => {
-    const current = new Field(currentValue);
-    if (strategy === "params" /* params */) {
-      if (current.isEmpty()) {
-        params.delete(config.name);
-        setParams(params);
-      } else {
-        params.set(config.name, current.get());
-        setParams(params);
-      }
-    }
-    if (strategy === "local" /* local */) {}
-  }, [currentValue, params, setParams, config.name, strategy]);
-  const value = Field.isEmpty(currentValue) ? "" : currentValue;
-  const onChange = (event) => setCurrentValue(event.currentTarget.value);
-  return {
-    strategy,
-    defaultValue: defaultValue.get(),
-    currentValue,
-    value,
-    set: setCurrentValue,
-    handleChange: onChange,
-    clear: () => setCurrentValue(defaultValue.get()),
-    label: { props: { htmlFor: config.name } },
-    input: { props: { id: config.name, name: config.name, value, onChange } },
-    changed: !Field.compare(currentValue, defaultValue.get()),
-    unchanged: Field.compare(currentValue, defaultValue.get()),
-    empty: Field.isEmpty(currentValue)
-  };
-}
-
-class LocalFields {
-  static clearAll(fields) {
-    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 as useCallback3, useRef as useRef2 } from "react";
-
-// src/hooks/use-toggle.ts
-import { useState as useState2 } from "react";
-function useToggle({ name, defaultValue = false }) {
-  const [on, setOn] = useState2(defaultValue);
-  const enable = () => setOn(true);
-  const disable = () => setOn(false);
-  const toggle = () => setOn((v) => !v);
-  const off = !on;
-  const props = {
-    controller: {
-      "aria-expanded": on ? "true" : "false",
-      "aria-controls": name,
-      role: "button",
-      tabIndex: 0
-    },
-    target: {
-      id: name,
-      role: "region",
-      "aria-hidden": on ? "false" : "true"
-    }
-  };
-  return { on, off, enable, disable, toggle, props };
-}
-function extractUseToggle(_props) {
-  const { on, off, enable, disable, toggle, props, ...rest } = _props;
-  return {
-    toggle: { on, off, enable, disable, toggle, props },
-    rest
-  };
-}
-
-// src/hooks/use-hover.ts
-function useHover({
-  enabled = true
-} = {}) {
-  const { on: isOn, enable, disable } = useToggle({ name: "is-hovering" });
-  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 = useCallback3((node) => {
-    const prev = nodeRef.current;
-    if (prev) {
-      prev.removeEventListener(enterEvent, enable);
-      prev.removeEventListener(leaveEvent, disable);
-    }
-    nodeRef.current = node;
-    if (node && enabled) {
-      node.addEventListener(enterEvent, enable);
-      node.addEventListener(leaveEvent, disable);
-    }
-  }, [enterEvent, leaveEvent, enabled, enable, disable]);
-  return {
-    attach: { ref },
-    isHovering: isOn && enabled
-  };
-}
-// 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) {
-    return fields.every((field) => field.unchanged);
-  }
-  static allEmpty(fields) {
-    return fields.every((field) => field.empty);
-  }
-  static anyEmpty(fields) {
-    return fields.some((field) => field.empty);
-  }
-  static anyUnchanged(fields) {
-    return fields.some((field) => field.unchanged);
-  }
-  static anyChanged(fields) {
-    return fields.some((field) => field.changed);
-  }
-}
-// src/services/form.ts
-class Form {
-  static inputPattern(config) {
-    const required = config.required ?? true;
-    if (config.min && !config.max)
-      return { pattern: `.{${config.min}}`, required };
-    if (config.min && config.max)
-      return { pattern: `.{${config.min},${config.max}}`, required };
-    if (!config.min && config.max)
-      return { pattern: `.{,${config.max}}`, required };
-    return { pattern: undefined, required };
-  }
-  static textareaPattern(config) {
-    const required = config.required ?? true;
-    if (config.min && !config.max)
-      return { minLength: config.min, required };
-    if (config.min && config.max)
-      return { minLength: config.min, maxLength: config.max, required };
-    if (!config.min && config.max)
-      return { maxLength: config.max, required };
-    return { required };
-  }
-}
-// src/services/get-safe-window.ts
-function getSafeWindow() {
-  if (typeof window === "undefined")
-    return;
-  return window;
-}
-// src/services/rhythm.ts
-var DEFAULT_BASE_PX = 12;
-function Rhythm(base = DEFAULT_BASE_PX) {
-  return {
-    times(times) {
-      const result = base * times;
-      const dimensions = {
-        height: { height: px(result) },
-        minHeight: { minHeight: px(result) },
-        maxHeight: { maxHeight: px(result) },
-        width: { width: px(result) },
-        minWidth: { minWidth: px(result) },
-        maxWidth: { maxWidth: px(result) },
-        square: { height: px(result), width: px(result) }
-      };
-      const style = {
-        height: { style: { height: px(result) } },
-        minHeight: { style: { minHeight: px(result) } },
-        maxHeight: { style: { maxHeight: px(result) } },
-        width: { style: { width: px(result) } },
-        minWidth: { style: { minWidth: px(result) } },
-        maxWidth: { style: { maxWidth: px(result) } },
-        square: { style: { height: px(result), width: px(result) } }
-      };
-      return { px: px(result), raw: result, style, ...dimensions };
-    }
-  };
-}
-function px(number) {
-  return `${number}px`;
-}
-// src/services/weak-etag.ts
-class WeakETag {
-  static fromRevision(revision) {
-    return { "if-match": `W/${revision}` };
-  }
-}
-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,
-  LocalFields,
-  Form,
-  Fields,
-  Field,
-  ETag,
-  Dialog,
-  Credentials,
-  Cookies2 as Cookies,
-  Button,
-  AuthGuard
-};
+import{jsx as U}from"react/jsx-runtime";function he(){return U("button",{type:"button",children:"Click"})}import{useEffect as ie,useRef as me}from"react";import{useEffect as q}from"react";function R(e,t){q(()=>{if(typeof document==="undefined")return;function r(n){let o=e.current;if(!o)return;if(o.contains(n.target))if(n.target===o){let{left:i,right:m,top:x,bottom:a}=o.getBoundingClientRect(),p=n instanceof MouseEvent?n.clientX:n.touches[0].clientX,y=n instanceof MouseEvent?n.clientY:n.touches[0].clientY;if(p>=i&&p<=m&&y>=x&&y<=a)return}else return;t(n)}return document.addEventListener("mousedown",r),document.addEventListener("touchstart",r),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("touchstart",r)}},[e,t])}import{useCallback as $,useMemo as h}from"react";class s{static emptyValue=void 0;static isEmpty(e){return e===void 0||e===""||e===null}static compare(e,t){if(s.isEmpty(e)&&s.isEmpty(t))return!0;return e===t}value=s.emptyValue;constructor(e){this.value=s.isEmpty(e)?s.emptyValue:e}get(){return this.value}isEmpty(){return s.isEmpty(this.value)}}import{useEffect as P,useState as M}from"react";import{useSearchParams as W}from"react-router";var w;((r)=>{r.params="params";r.local="local"})(w||={});function g(e){let t=e.strategy??"local",[r,n]=W(),o=new s(r.get(e.name)),i=new s(e.defaultValue),[m,x]=M(o.isEmpty()?i.get():o.get()),a=(c)=>{let k=new s(c);x(k.get())};P(()=>{let c=new s(m);if(t==="params")if(c.isEmpty())r.delete(e.name),n(r);else r.set(e.name,c.get()),n(r)},[m,r,n,e.name,t]);let p=s.isEmpty(m)?"":m,y=(c)=>a(c.currentTarget.value);return{strategy:t,defaultValue:i.get(),currentValue:m,value:p,set:a,handleChange:y,clear:()=>a(i.get()),label:{props:{htmlFor:e.name}},input:{props:{id:e.name,name:e.name,value:p,onChange:y}},changed:!s.compare(m,i.get()),unchanged:s.compare(m,i.get()),empty:s.isEmpty(m)}}class I{static clearAll(e){return()=>e.forEach((t)=>t.clear())}}function l(e){let t=g({...e,strategy:"local"}),r=$((i)=>{if(t.empty)return!0;return s.compare(i,t.currentValue)},[t.empty,t.currentValue]),n=h(()=>e.filterFn??r,[e.filterFn,r]),o=h(()=>Object.entries(e.enum).map(([i,m])=>({name:i,value:m})),[e.enum]);return h(()=>({...t,filterFn:n,options:o,strategy:"local"}),[t,n,o])}import D from"react";function Ie(e){let[t,r]=D.useState("idle"),n=(m)=>{if(m.preventDefault(),t==="idle")r("exiting")},o=(m)=>{if(m.animationName!==e.animation)return;e.actionFn(),r("gone")},i=t==="exiting"?{"data-animation":e.animation,onAnimationEnd:o}:void 0;return{visible:t!=="gone",attach:i,trigger:n}}import{useCallback as B,useMemo as X,useRef as J}from"react";import{useEffect as v,useMemo as K}from"react";import{tinykeys as _}from"tinykeys";function T(e,t){let r=t?.enabled??!0,n=K(()=>e,[JSON.stringify(Object.keys(e))]);v(()=>{if(!r)return;let o=_(window,n);return()=>o()},[n,r])}function Je(e){let t=J(null),r=B(()=>{if(t.current)t.current.focus()},[]);return T({[e]:r}),X(()=>({ref:t}),[])}import{useCallback as N,useRef as Q}from"react";import{useState as O}from"react";function L({name:e,defaultValue:t=!1}){let[r,n]=O(t);return{on:r,off:!r,enable:()=>n(!0),disable:()=>n(!1),toggle:()=>n((p)=>!p),props:{controller:{"aria-expanded":r?"true":"false","aria-controls":e,role:"button",tabIndex:0},target:{id:e,role:"region","aria-hidden":r?"false":"true"}}}}function A(e){let{on:t,off:r,enable:n,disable:o,toggle:i,props:m,...x}=e;return{toggle:{on:t,off:r,enable:n,disable:o,toggle:i,props:m},rest:x}}function je({enabled:e=!0}={}){let{on:t,enable:r,disable:n}=L({name:"is-hovering"}),o=Q(null),i=typeof window!=="undefined"&&"PointerEvent"in window?"pointerenter":"mouseenter",m=typeof window!=="undefined"&&"PointerEvent"in window?"pointerleave":"mouseleave";return{attach:{ref:N((a)=>{let p=o.current;if(p)p.removeEventListener(i,r),p.removeEventListener(m,n);if(o.current=a,a&&e)a.addEventListener(i,r),a.addEventListener(m,n)},[i,m,e,r,n])},isHovering:t&&e}}import Y from"js-cookie";import{useCallback as z,useEffect as V}from"react";import{useRevalidator as ee}from"react-router";import{createContext as Z,use as b,useCallback as j}from"react";import{polishPlurals as G}from"polish-plurals";function C(e){if(e.language==="en"){let t=e.plural??`${e.singular}s`;if(e.value===1)return e.singular;return t}if(e.language==="pl"){let t=e.value??1;if(t===1)return e.singular;return G(e.singular,String(e.plural),String(e.genitive),t)}return console.warn(`[@bgord/frontend] missing pluralization function for language: ${e.language}.`),e.singular}var F=Z({translations:{},language:"en"});function nt(){let e=b(F);if(e===void 0)throw new Error("useTranslations must be used within the TranslationsContext");return j((r,n)=>{let o=e.translations[r];if(!o)return console.warn(`[@bgord/ui] missing translation for key: ${r}`),r;if(!n)return o;return Object.entries(n).reduce((i,[m,x])=>{let a=new RegExp(`{{${m}}}`,"g");return i.replace(a,String(x))},o)},[e.translations])}function f(){let e=b(F);if(e===void 0)throw new Error("useLanguage must be used within the TranslationsContext");return e.language}function ot(){let e=f();return(t)=>C({...t,language:e})}function yt(e){let t=f(),r=ee(),n=l({enum:e,defaultValue:t,name:"language"}),o=z(()=>{let i=new s(n.currentValue);if(!i.isEmpty()&&n.changed)Y.set("language",String(i.get())),r.revalidate()},[n.currentValue,n.changed]);return V(()=>{o()},[o]),n}import{useCallback as te,useMemo as re}from"react";function ht(){let e=te((t)=>{if(t.key!=="Enter"||!t.metaKey)return;t.preventDefault(),t.currentTarget.form?.requestSubmit()},[]);return re(()=>({onKeyDown:e}),[e])}import{useEffect as ne}from"react";function H(e=!0){ne(()=>{if(typeof document==="undefined")return;let t=document.body.style.overflow;if(e)document.body.style.overflow="hidden";return()=>{document.body.style.overflow=t}},[e])}import{jsx as se}from"react/jsx-runtime";function Pt(e){let{toggle:t,rest:r}=A(e),n=me(null);return ie(()=>{if(e.on)n.current?.showModal();else n.current?.close()},[e.on]),T({Escape:t.disable}),H(e.on),R(n,t.disable),se("dialog",{ref:n,tabIndex:0,"aria-modal":"true","data-disp":e.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",...r})}import{useEffect as ue}from"react";import{useRevalidator as ae}from"react-router";function Dt(){let e=ae();return ue(()=>{let t=()=>e.revalidate();return window.addEventListener("focus",t),()=>window.removeEventListener("focus",t)},[e]),null}import{redirect as E}from"react-router";class d{static extractFrom(e){return e.headers.get("cookie")??""}}class pe{API_URL;constructor(e){this.API_URL=`${e}/api/auth`}async getServerSession(e){let t=d.extractFrom(e),r=await fetch(`${this.API_URL}/get-session`,{headers:{cookie:t,accept:"application/json"}});if(!r.ok)return null;return await r.json()}async requireSession(e){let t=await this.getServerSession(e);if(t?.user)return t;throw E("/")}async requireNoSession(e,t="/home"){if((await this.getServerSession(e))?.user)throw E(t)}async removeSession(e,t="/login"){let r=d.extractFrom(e),n=await fetch(`${import.meta.env.VITE_API_URL}/api/auth/sign-out`,{method:"POST",headers:{cookie:r}}),o=new Headers;throw n.headers.forEach((i,m)=>{if(m.toLowerCase()==="set-cookie")o.append("set-cookie",i)}),E(t,{headers:o})}}function S(){}var xe=()=>console.warn("Copying to clipboard not supported");async function jt(e){let t=e.onFailure??xe,r=e.onSuccess??S;if(!navigator.clipboard)t();try{await navigator.clipboard.writeText(e.text),r()}catch(n){t(n)}}var zt={email:{inputMode:"email",autoComplete:"email",autoCapitalize:"none",spellCheck:"false"},password:{new:{autoComplete:"new-password"},current:{autoComplete:"current-password"}}};class ce{static fromRevision(e){return{"if-match":String(e)}}}function tr(e){return function(){for(let t of e)t()}}class ye{static allUnchanged(e){return e.every((t)=>t.unchanged)}static allEmpty(e){return e.every((t)=>t.empty)}static anyEmpty(e){return e.some((t)=>t.empty)}static anyUnchanged(e){return e.some((t)=>t.unchanged)}static anyChanged(e){return e.some((t)=>t.changed)}}class Te{static inputPattern(e){let t=e.required??!0;if(e.min&&!e.max)return{pattern:`.{${e.min}}`,required:t};if(e.min&&e.max)return{pattern:`.{${e.min},${e.max}}`,required:t};if(!e.min&&e.max)return{pattern:`.{,${e.max}}`,required:t};return{pattern:void 0,required:t}}static textareaPattern(e){let t=e.required??!0;if(e.min&&!e.max)return{minLength:e.min,required:t};if(e.min&&e.max)return{minLength:e.min,maxLength:e.max,required:t};if(!e.min&&e.max)return{maxLength:e.max,required:t};return{required:t}}}function ir(){if(typeof window==="undefined")return;return window}function sr(e=12){return{times(t){let r=e*t,n={height:{height:u(r)},minHeight:{minHeight:u(r)},maxHeight:{maxHeight:u(r)},width:{width:u(r)},minWidth:{minWidth:u(r)},maxWidth:{maxWidth:u(r)},square:{height:u(r),width:u(r)}},o={height:{style:{height:u(r)}},minHeight:{style:{minHeight:u(r)}},maxHeight:{style:{maxHeight:u(r)}},width:{style:{width:u(r)}},minWidth:{style:{minWidth:u(r)}},maxWidth:{style:{maxWidth:u(r)}},square:{style:{height:u(r),width:u(r)}}};return{px:u(r),raw:r,style:o,...n}}}}function u(e){return`${e}px`}class de{static fromRevision(e){return{"if-match":`W/${e}`}}}export{nt as useTranslations,L as useToggle,H as useScrollLock,ot as usePluralize,ht as useMetaEnterSubmit,yt as useLanguageSelector,f as useLanguage,T as useKeyboardShortcuts,je as useHover,Je as useFocusKeyboardShortcut,w as useFieldStrategyEnum,g as useField,Ie as useExitAction,l as useClientFilter,R as useClickOutside,C as pluralize,S as noop,ir as getSafeWindow,A as extractUseToggle,tr as exec,jt as copyToClipboard,de as WeakETag,F as TranslationsContext,sr as Rhythm,Dt as RevalidateOnFocus,I as LocalFields,Te as Form,ye as Fields,s as Field,ce as ETag,Pt as Dialog,zt as Credentials,d as Cookies,he as Button,pe as AuthGuard};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bgord/ui",
-  "version": "0.5.2",
+  "version": "0.5.5",
   "type": "module",
   "exports": {
     ".": {
@@ -17,7 +17,7 @@
     "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",
+    "build:js": "NODE_ENV=production bun build src/index.ts --minify --format esm --outdir dist --packages external --external react --external react-dom --external react/jsx-runtime --external react-router",
     "build:types": "bunx tsc --emitDeclarationOnly",
     "build": "bun run build:js && bun run build:types"
   },

package/readme.md

@@ -27,6 +27,7 @@ src/
 ├── components
 │   ├── button.tsx
 │   ├── dialog.tsx
+│   └── revalidate-on-focus.tsx
 ├── hooks
 │   ├── use-click-outside.ts
 │   ├── use-client-filter.ts