@bgord/ui 0.6.4 → 0.7.2

package/dist/hooks/index.d.ts

@@ -1,10 +1,12 @@
 export * from "./use-click-outside";
+export * from "./use-date-field";
 export * from "./use-exit-action";
-export * from "./use-field";
 export * from "./use-file";
 export * from "./use-focus-shortcut";
 export * from "./use-hover";
 export * from "./use-meta-enter-submit";
+export * from "./use-number-field";
 export * from "./use-scroll-lock";
 export * from "./use-shortcuts";
+export * from "./use-text-field";
 export * from "./use-toggle";

package/dist/hooks/use-date-field.d.ts

@@ -0,0 +1,34 @@
+import { type DateFieldValueType } from "../services/date-field";
+type DateFieldNameType = string;
+export type DateFieldElementType = HTMLInputElement;
+export type UseDateFieldConfigType<T extends string = string> = {
+    name: DateFieldNameType;
+    defaultValue?: DateFieldValueType<T>;
+};
+export type UseDateFieldReturnType<T extends string = string> = {
+    defaultValue: DateFieldValueType<T>;
+    value: DateFieldValueType<T>;
+    set: (value: DateFieldValueType<T>) => void;
+    handleChange: (event: React.ChangeEvent<DateFieldElementType>) => void;
+    clear: () => void;
+    label: {
+        props: {
+            htmlFor: DateFieldNameType;
+        };
+    };
+    input: {
+        props: {
+            id: DateFieldNameType;
+            name: DateFieldNameType;
+            value: string;
+            min?: string;
+            max?: string;
+            onChange: (event: React.ChangeEvent<DateFieldElementType>) => void;
+        };
+    };
+    changed: boolean;
+    unchanged: boolean;
+    empty: boolean;
+};
+export declare function useDateField<T extends string = string>(config: UseDateFieldConfigType<T>): UseDateFieldReturnType<T>;
+export {};

package/dist/hooks/use-number-field.d.ts

@@ -0,0 +1,32 @@
+import { type NumberFieldValueType } from "../services/number-field";
+type NumberFieldNameType = string;
+export type NumberFieldElementType = HTMLInputElement;
+export type UseNumberFieldConfigType<T extends number = number> = {
+    name: NumberFieldNameType;
+    defaultValue?: NumberFieldValueType<T>;
+};
+export type UseNumberFieldReturnType<T extends number = number> = {
+    defaultValue: NumberFieldValueType<T>;
+    value: NumberFieldValueType<T>;
+    set: (value: NumberFieldValueType<T>) => void;
+    handleChange: (event: React.ChangeEvent<NumberFieldElementType>) => void;
+    clear: () => void;
+    label: {
+        props: {
+            htmlFor: NumberFieldNameType;
+        };
+    };
+    input: {
+        props: {
+            id: NumberFieldNameType;
+            name: NumberFieldNameType;
+            value: string;
+            onChange: (event: React.ChangeEvent<NumberFieldElementType>) => void;
+        };
+    };
+    changed: boolean;
+    unchanged: boolean;
+    empty: boolean;
+};
+export declare function useNumberField<T extends number = number>(config: UseNumberFieldConfigType<T>): UseNumberFieldReturnType<T>;
+export {};

package/dist/hooks/use-text-field.d.ts

@@ -0,0 +1,32 @@
+import { type TextFieldValueType } from "../services/text-field";
+type TextFieldNameType = string;
+export type TextFieldElementType = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export type UseTextFieldConfigType<T extends string = string> = {
+    name: TextFieldNameType;
+    defaultValue?: TextFieldValueType<T>;
+};
+export type UseTextFieldReturnType<T extends string = string> = {
+    defaultValue: TextFieldValueType<T>;
+    value: TextFieldValueType<T>;
+    set: (value: TextFieldValueType<T>) => void;
+    handleChange: (event: React.ChangeEvent<TextFieldElementType>) => void;
+    clear: () => void;
+    label: {
+        props: {
+            htmlFor: TextFieldNameType;
+        };
+    };
+    input: {
+        props: {
+            id: TextFieldNameType;
+            name: TextFieldNameType;
+            value: string;
+            onChange: (event: React.ChangeEvent<TextFieldElementType>) => void;
+        };
+    };
+    changed: boolean;
+    unchanged: boolean;
+    empty: boolean;
+};
+export declare function useTextField<T extends string = string>(config: UseTextFieldConfigType<T>): UseTextFieldReturnType<T>;
+export {};

package/dist/index.js

@@ -1 +1 @@
-import{useEffect as $,useRef as J}from"react";import{useEffect as C}from"react";function R(e,t){C(()=>{if(typeof document>"u")return;function r(n){let o=e.current;if(!o)return;if(o.contains(n.target))if(n.target===o){let{left:i,right:a,top:s,bottom:p}=o.getBoundingClientRect(),m=n instanceof MouseEvent?n.clientX:n.touches[0].clientX,f=n instanceof MouseEvent?n.clientY:n.touches[0].clientY;if(m>=i&&m<=a&&f>=s&&f<=p)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 I from"react";function le(e){let[t,r]=I.useState("idle"),n=(a)=>{if(a.preventDefault(),t==="idle")r("exiting")},o=(a)=>{if(a.animationName!==e.animation)return;e.action(),r("gone")},i=t==="exiting"?{"data-animation":e.animation,onAnimationEnd:o}:void 0;return{visible:t!=="gone",attach:i,trigger:n}}import{useState as A}from"react";class c{static emptyValue=void 0;static isEmpty(e){return e===void 0||e===""||e===null}static compare(e,t){if(c.isEmpty(e)&&c.isEmpty(t))return!0;return e===t}value=c.emptyValue;constructor(e){this.value=c.isEmpty(e)?c.emptyValue:e}get(){return this.value}isEmpty(){return c.isEmpty(this.value)}}function de(e){let t=new c(e.defaultValue),[r,n]=A(t.get()),o=c.isEmpty(r)?"":r,i=(s)=>n(new c(s).get()),a=(s)=>i(s.currentTarget.value);return{defaultValue:t.get(),value:o,set:i,handleChange:a,clear:()=>i(t.get()),label:{props:{htmlFor:e.name}},input:{props:{id:e.name,name:e.name,value:o,onChange:a}},changed:!c.compare(r,t.get()),unchanged:c.compare(r,t.get()),empty:c.isEmpty(r)}}import{useMemo as k,useState as h}from"react";var H;((n)=>{n.idle="idle";n.selected="selected";n.error="error"})(H||={});function xe(e,t){let r=t?.maxSizeBytes??Number.POSITIVE_INFINITY,[n,o]=h(0),[i,a]=h("idle"),[s,p]=h(null);function m(u){let y=u.currentTarget.files;if(!y?.[0])return;let x=y[0];if(x.size>r){a("error");return}if(!t.mimeTypes.includes(x.type)){a("error");return}return p(x),a("selected"),x}function f(){o((u)=>u+1),p(null),a("idle")}let U=k(()=>s?URL.createObjectURL(s):void 0,[s]);function v(u){return u.some((y)=>y===i)}let g={actions:{selectFile:m,clearFile:f},input:{props:{id:e,name:e,multiple:!1,accept:t.mimeTypes.join(",")},key:n},label:{props:{htmlFor:e}},matches:v};if(i==="idle")return{data:null,isError:!1,isIdle:!0,isSelected:!1,state:i,...g};if(i==="selected")return{data:s,isError:!1,isIdle:!1,isSelected:!0,preview:U,state:i,...g};return{data:null,isError:!0,isIdle:!1,isSelected:!1,state:i,...g}}import{useCallback as P,useMemo as W,useRef as q}from"react";import{useEffect as M}from"react";import{tinykeys as O}from"tinykeys";function T(e,t){let r=t?.enabled??!0;M(()=>{if(!r)return;let n=O(window,e);return()=>n()},[e,r])}function Re(e){let t=q(null),r=P(()=>{if(t.current)t.current.focus()},[]);return T({[e]:r}),W(()=>({ref:t}),[])}import{useCallback as D,useRef as N}from"react";import{useState as X}from"react";function S({name:e,defaultValue:t=!1}){let[r,n]=X(t);return{on:r,off:!r,enable:()=>n(!0),disable:()=>n(!1),toggle:()=>n((m)=>!m),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 F(e){let{on:t,off:r,enable:n,disable:o,toggle:i,props:a,...s}=e;return{toggle:{on:t,off:r,enable:n,disable:o,toggle:i,props:a},rest:s}}function Ce(e){let t=e?.enabled??!0,r=S({name:"_internal"}),n=N(null),o=typeof window<"u"&&"PointerEvent"in window?"pointerenter":"mouseenter",i=typeof window<"u"&&"PointerEvent"in window?"pointerleave":"mouseleave";return{attach:{ref:D((s)=>{let p=n.current;if(p)p.removeEventListener(o,r.enable),p.removeEventListener(i,r.disable);if(n.current=s,s&&t)s.addEventListener(o,r.enable),s.addEventListener(i,r.disable)},[o,i,t,r.enable,r.disable])},hovering:r.on&&t}}import{useCallback as B}from"react";function ke(){return{onKeyDown:B((t)=>{if(!t.metaKey||t.key!=="Enter")return;t.preventDefault(),t.currentTarget.form?.requestSubmit()},[])}}import{useEffect as K}from"react";function w(e=!0){K(()=>{if(typeof document>"u")return;let t=document.body.style.overflow;if(e)document.body.style.overflow="hidden";return()=>{document.body.style.overflow=t}},[e])}function d(){}import{jsx as Y}from"react/jsx-runtime";function Ve(e){let t=e.locked??!1,{toggle:r,rest:n}=F(e),o=J(null);return $(()=>{if(e.on)o.current?.showModal();else o.current?.close()},[e.on]),T({Escape:t?d:r.disable}),w(e.on),R(o,t?d:r.disable),Y("dialog",{ref:o,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",...n})}var et={email:{inputMode:"email",autoComplete:"email",autoCapitalize:"none",spellCheck:"false"},password:{new:{autoComplete:"new-password"},current:{autoComplete:"current-password"}},off:{autoComplete:"off",spellCheck:!1}};class j{static async copy(e){let t=e.onSuccess??d;if(!navigator.clipboard)return;await navigator.clipboard.writeText(e.text),t()}}import V from"js-cookie";class z{static extractFrom(e){return e.headers.get("cookie")??""}static set(e,t){V.set(e,t)}}class G{static fromRevision(e){return{"if-match":String(e)}}}function at(e){return function(){for(let t of e)t()}}class Q{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 Z{static input(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 textarea(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}}static exact(e){let t=e.required??!0;return{pattern:e.text,required:t}}static date={min:{today:()=>new Date().toISOString().split("T")[0]},max:{today:()=>new Date().toISOString().split("T")[0]}}}function mt(){if(typeof window>"u")return;return window}import{polishPlurals as ee}from"polish-plurals";function L(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 ee(e.singular,String(e.plural),String(e.genitive),t)}return console.warn(`[@bgord/frontend] missing pluralization function for language: ${e.language}.`),e.singular}function yt(e=12){return{times(t){let r=e*t,n={height:{height:l(r)},minHeight:{minHeight:l(r)},maxHeight:{maxHeight:l(r)},width:{width:l(r)},minWidth:{minWidth:l(r)},maxWidth:{maxWidth:l(r)},square:{height:l(r),width:l(r)}},o={height:{style:{height:l(r)}},minHeight:{style:{minHeight:l(r)}},maxHeight:{style:{maxHeight:l(r)}},width:{style:{width:l(r)}},minWidth:{style:{minWidth:l(r)}},maxWidth:{style:{maxWidth:l(r)}},square:{style:{height:l(r),width:l(r)}}};return{px:l(r),raw:r,style:o,...n}}}}function l(e){return`${e}px`}import{createContext as te,use as E,useCallback as re}from"react";var b=te({translations:{},language:"en",supportedLanguages:{en:"en"}});function ht(){let e=E(b);if(e===void 0)throw Error("useTranslations must be used within the TranslationsContext");return re((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,[a,s])=>{let p=new RegExp(`{{${a}}}`,"g");return i.replace(p,String(s))},o)},[e.translations])}function ne(){let e=E(b);if(e===void 0)throw Error("useLanguage must be used within the TranslationsContext");return e.language}function Et(){let e=E(b);if(e===void 0)throw Error("useSupportedLanguages must be used within the TranslationsContext");return e.supportedLanguages}function bt(){let e=ne();return(t)=>L({...t,language:e})}class oe{static fromRevision(e){return{"if-match":`W/${e}`}}}export{ht as useTranslations,S as useToggle,Et as useSupportedLanguages,T as useShortcuts,w as useScrollLock,bt as usePluralize,ke as useMetaEnterSubmit,ne as useLanguage,Ce as useHover,Re as useFocusKeyboardShortcut,xe as useFile,de as useField,le as useExitAction,R as useClickOutside,L as pluralize,d as noop,mt as getSafeWindow,F as extractUseToggle,at as exec,oe as WeakETag,H as UseFileState,b as TranslationsContext,yt as Rhythm,Z as Form,Q as Fields,c as Field,G as ETag,Ve as Dialog,z as Cookies,j as Clipboard,et as Autocomplete};
+import{useEffect as z,useRef as G}from"react";import{useEffect as A}from"react";function S(e,t){A(()=>{if(typeof document>"u")return;function n(r){let o=e.current;if(!o)return;if(o.contains(r.target))if(r.target===o){let{left:i,right:a,top:s,bottom:l}=o.getBoundingClientRect(),p=r instanceof MouseEvent?r.clientX:r.touches[0].clientX,y=r instanceof MouseEvent?r.clientY:r.touches[0].clientY;if(p>=i&&p<=a&&y>=s&&y<=l)return}else return;t(r)}return document.addEventListener("mousedown",n),document.addEventListener("touchstart",n),()=>{document.removeEventListener("mousedown",n),document.removeEventListener("touchstart",n)}},[e,t])}import{useState as w}from"react";class d{static EMPTY=void 0;value=d.EMPTY;constructor(e){this.value=d.isEmpty(e)?d.EMPTY:e}get(){return this.value}isEmpty(){return d.isEmpty(this.value)}static isEmpty(e){return e===void 0||e===null||e===""}static compare(e,t){if(d.isEmpty(e)&&d.isEmpty(t))return!0;return e===t}}function ye(e){let t=new d(e.defaultValue),[n,r]=w(t.get()),[o,i]=w(d.isEmpty(t.get())?"":t.get()),a=(l)=>{let p=new d(l).get();r(p),i(d.isEmpty(p)?"":String(p))},s=(l)=>{let p=l.currentTarget,y=p.value;if(i(y),y==="")return r(d.EMPTY);if(!/^\d{4}-\d{2}-\d{2}$/.test(y))return;if(!p.validity.valid)return;r(y)};return{defaultValue:t.get(),value:n,set:a,handleChange:s,clear:()=>a(t.get()),label:{props:{htmlFor:e.name}},input:{props:{id:e.name,name:e.name,value:o,onChange:s}},changed:!d.compare(n,t.get()),unchanged:d.compare(n,t.get()),empty:d.isEmpty(n)}}import M from"react";function ge(e){let[t,n]=M.useState("idle"),r=(a)=>{if(a.preventDefault(),t==="idle")n("exiting")},o=(a)=>{if(a.animationName!==e.animation)return;e.action(),n("gone")},i=t==="exiting"?{"data-animation":e.animation,onAnimationEnd:o}:void 0;return{visible:t!=="gone",attach:i,trigger:r}}import{useMemo as H,useState as F}from"react";var k;((r)=>{r.idle="idle";r.selected="selected";r.error="error"})(k||={});function Ee(e,t){let n=t?.maxSizeBytes??Number.POSITIVE_INFINITY,[r,o]=F(0),[i,a]=F("idle"),[s,l]=F(null);function p(f){let x=f.currentTarget.files;if(!x?.[0])return;let h=x[0];if(h.size>n){a("error");return}if(!t.mimeTypes.includes(h.type)){a("error");return}return l(h),a("selected"),h}function y(){o((f)=>f+1),l(null),a("idle")}let T=H(()=>s?URL.createObjectURL(s):void 0,[s]);function L(f){return f.some((x)=>x===i)}let U={actions:{selectFile:p,clearFile:y},input:{props:{id:e,name:e,multiple:!1,accept:t.mimeTypes.join(",")},key:r},label:{props:{htmlFor:e}},matches:L};if(i==="idle")return{data:null,isError:!1,isIdle:!0,isSelected:!1,state:i,...U};if(i==="selected")return{data:s,isError:!1,isIdle:!1,isSelected:!0,preview:T,state:i,...U};return{data:null,isError:!0,isIdle:!1,isSelected:!1,state:i,...U}}import{useCallback as W,useMemo as q,useRef as X}from"react";import{useEffect as O}from"react";import{tinykeys as P}from"tinykeys";function E(e,t){let n=t?.enabled??!0;O(()=>{if(!n)return;let r=P(window,e);return()=>r()},[e,n])}function De(e){let t=X(null),n=W(()=>{if(t.current)t.current.focus()},[]);return E({[e]:n}),q(()=>({ref:t}),[])}import{useCallback as K,useRef as Y}from"react";import{useState as B}from"react";function D({name:e,defaultValue:t=!1}){let[n,r]=B(t);return{on:n,off:!n,enable:()=>r(!0),disable:()=>r(!1),toggle:()=>r((p)=>!p),props:{controller:{"aria-expanded":n?"true":"false","aria-controls":e,role:"button",tabIndex:0},target:{id:e,role:"region","aria-hidden":n?"false":"true"}}}}function C(e){let{on:t,off:n,enable:r,disable:o,toggle:i,props:a,...s}=e;return{toggle:{on:t,off:n,enable:r,disable:o,toggle:i,props:a},rest:s}}function Ae(e){let t=e?.enabled??!0,n=D({name:"_internal"}),r=Y(null),o=typeof window<"u"&&"PointerEvent"in window?"pointerenter":"mouseenter",i=typeof window<"u"&&"PointerEvent"in window?"pointerleave":"mouseleave";return{attach:{ref:K((s)=>{let l=r.current;if(l)l.removeEventListener(o,n.enable),l.removeEventListener(i,n.disable);if(r.current=s,s&&t)s.addEventListener(o,n.enable),s.addEventListener(i,n.disable)},[o,i,t,n.enable,n.disable])},hovering:n.on&&t}}import{useCallback as $}from"react";function ke(){return{onKeyDown:$((t)=>{if(!t.metaKey||t.key!=="Enter")return;t.preventDefault(),t.currentTarget.form?.requestSubmit()},[])}}import{useState as v}from"react";class m{static EMPTY=void 0;value=m.EMPTY;constructor(e){this.value=m.isEmpty(e)?m.EMPTY:e}get(){return this.value}isEmpty(){return m.isEmpty(this.value)}static isEmpty(e){return e===void 0||e===null||Number.isNaN(e)}static compare(e,t){if(m.isEmpty(e)&&m.isEmpty(t))return!0;return e===t}}function Xe(e){let t=new m(e.defaultValue),[n,r]=v(t.get()),[o,i]=v(m.isEmpty(t.get())?"":String(t.get())),a=(l)=>{let p=new m(l).get();r(p),i(m.isEmpty(p)?"":String(p))},s=(l)=>{let p=l.currentTarget,y=p.value;if(i(y),y==="")return r(m.EMPTY);let T=p.valueAsNumber;if(!Number.isFinite(T))return;if(!l.currentTarget.validity.valid)return;r(T)};return{defaultValue:t.get(),value:n,set:a,handleChange:s,clear:()=>a(t.get()),label:{props:{htmlFor:e.name}},input:{props:{id:e.name,name:e.name,value:o,onChange:s}},changed:!m.compare(n,t.get()),unchanged:m.compare(n,t.get()),empty:m.isEmpty(n)}}import{useEffect as _}from"react";function V(e=!0){_(()=>{if(typeof document>"u")return;let t=document.body.style.overflow;if(e)document.body.style.overflow="hidden";return()=>{document.body.style.overflow=t}},[e])}import{useState as J}from"react";class u{static EMPTY=void 0;value=u.EMPTY;constructor(e){this.value=u.isEmpty(e)?u.EMPTY:e}get(){return this.value}isEmpty(){return u.isEmpty(this.value)}static isEmpty(e){return e===void 0||e===""||e===null}static compare(e,t){if(u.isEmpty(e)&&u.isEmpty(t))return!0;return e===t}}function je(e){let t=new u(e.defaultValue),[n,r]=J(t.get()),o=(a)=>r(new u(a).get()),i=(a)=>o(a.currentTarget.value);return{defaultValue:t.get(),value:n,set:o,handleChange:i,clear:()=>o(t.get()),label:{props:{htmlFor:e.name}},input:{props:{id:e.name,name:e.name,value:u.isEmpty(n)?"":n,onChange:i}},changed:!u.compare(n,t.get()),unchanged:u.compare(n,t.get()),empty:u.isEmpty(n)}}function g(){}import{jsx as N}from"react/jsx-runtime";function dt(e){let t=e.locked??!1,{toggle:n,rest:r}=C(e),o=G(null);return z(()=>{if(e.on)o.current?.showModal();else o.current?.close()},[e.on]),E({Escape:t?g:n.disable}),V(e.on),S(o,t?g:n.disable),N("dialog",{ref:o,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})}var ft={email:{inputMode:"email",autoComplete:"email",autoCapitalize:"none",spellCheck:"false"},password:{new:{autoComplete:"new-password"},current:{autoComplete:"current-password"}},off:{autoComplete:"off",spellCheck:!1}};class Q{static async copy(e){let t=e.onSuccess??g;if(!navigator.clipboard)return;await navigator.clipboard.writeText(e.text),t()}}import Z from"js-cookie";class ee{static extractFrom(e){return e.headers.get("cookie")??""}static set(e,t){Z.set(e,t)}}class te{static fromRevision(e){return{"if-match":String(e)}}}function bt(e){return function(){for(let t of e)t()}}class ne{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 re{static input(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 textarea(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}}static exact(e){let t=e.required??!0;return{pattern:e.text,required:t}}static date={min:{today:()=>new Date().toISOString().split("T")[0],tomorrow:()=>{let e=new Date;return new Date(e.setDate(e.getDate()+1)).toISOString().split("T")[0]},yesterday:()=>{let e=new Date;return new Date(e.setDate(e.getDate()-1)).toISOString().split("T")[0]}},max:{today:()=>new Date().toISOString().split("T")[0],tomorrow:()=>{let e=new Date;return new Date(e.setDate(e.getDate()+1)).toISOString().split("T")[0]},yesterday:()=>{let e=new Date;return new Date(e.setDate(e.getDate()-1)).toISOString().split("T")[0]}}}}function Dt(){if(typeof window>"u")return;return window}import{polishPlurals as oe}from"polish-plurals";function I(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 oe(e.singular,String(e.plural),String(e.genitive),t)}return console.warn(`[@bgord/frontend] missing pluralization function for language: ${e.language}.`),e.singular}function It(e=12){return{times(t){let n=e*t,r={height:{height:c(n)},minHeight:{minHeight:c(n)},maxHeight:{maxHeight:c(n)},width:{width:c(n)},minWidth:{minWidth:c(n)},maxWidth:{maxWidth:c(n)},square:{height:c(n),width:c(n)}},o={height:{style:{height:c(n)}},minHeight:{style:{minHeight:c(n)}},maxHeight:{style:{maxHeight:c(n)}},width:{style:{width:c(n)}},minWidth:{style:{minWidth:c(n)}},maxWidth:{style:{maxWidth:c(n)}},square:{style:{height:c(n),width:c(n)}}};return{px:c(n),raw:n,style:o,...r}}}}function c(e){return`${e}px`}import{createContext as ie,use as b,useCallback as ae}from"react";var R=ie({translations:{},language:"en",supportedLanguages:{en:"en"}});function Ht(){let e=b(R);if(e===void 0)throw Error("useTranslations must be used within the TranslationsContext");return ae((n,r)=>{let o=e.translations[n];if(!o)return console.warn(`[@bgord/ui] missing translation for key: ${n}`),n;if(!r)return o;return Object.entries(r).reduce((i,[a,s])=>{let l=new RegExp(`{{${a}}}`,"g");return i.replace(l,String(s))},o)},[e.translations])}function se(){let e=b(R);if(e===void 0)throw Error("useLanguage must be used within the TranslationsContext");return e.language}function kt(){let e=b(R);if(e===void 0)throw Error("useSupportedLanguages must be used within the TranslationsContext");return e.supportedLanguages}function Ot(){let e=se();return(t)=>I({...t,language:e})}class le{static fromRevision(e){return{"if-match":`W/${e}`}}}export{Ht as useTranslations,D as useToggle,je as useTextField,kt as useSupportedLanguages,E as useShortcuts,V as useScrollLock,Ot as usePluralize,Xe as useNumberField,ke as useMetaEnterSubmit,se as useLanguage,Ae as useHover,De as useFocusKeyboardShortcut,Ee as useFile,ge as useExitAction,ye as useDateField,S as useClickOutside,I as pluralize,g as noop,Dt as getSafeWindow,C as extractUseToggle,bt as exec,le as WeakETag,k as UseFileState,R as TranslationsContext,u as TextField,It as Rhythm,m as NumberField,re as Form,ne as Fields,te as ETag,dt as Dialog,d as DateField,ee as Cookies,Q as Clipboard,ft as Autocomplete};

package/dist/services/date-field.d.ts

@@ -0,0 +1,10 @@
+export type DateFieldValueType<T extends string = string> = T | undefined;
+export declare class DateField<T extends string = string> {
+    static readonly EMPTY: undefined;
+    private readonly value;
+    constructor(value: DateFieldValueType<T>);
+    get(): DateFieldValueType<T>;
+    isEmpty(): boolean;
+    static isEmpty<V extends string>(value: DateFieldValueType<V> | null): boolean;
+    static compare<V extends string>(one: DateFieldValueType<V>, another: DateFieldValueType<V>): boolean;
+}

package/dist/services/form.d.ts

@@ -15,9 +15,13 @@ export declare class Form {
     static date: {
         min: {
             today: () => string;
+            tomorrow: () => string;
+            yesterday: () => string;
         };
         max: {
             today: () => string;
+            tomorrow: () => string;
+            yesterday: () => string;
         };
     };
 }

package/dist/services/index.d.ts

@@ -1,14 +1,16 @@
 export * from "./autocomplete";
 export * from "./clipboard";
 export * from "./cookies";
+export * from "./date-field";
 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 "./number-field";
 export * from "./pluralize";
 export * from "./rhythm";
+export * from "./text-field";
 export * from "./translations";
 export * from "./weak-etag";

package/dist/services/number-field.d.ts

@@ -0,0 +1,10 @@
+export type NumberFieldValueType<T extends number = number> = T | undefined;
+export declare class NumberField<T extends number = number> {
+    static readonly EMPTY: undefined;
+    private readonly value;
+    constructor(value: NumberFieldValueType<T>);
+    get(): NumberFieldValueType<T>;
+    isEmpty(): boolean;
+    static isEmpty<V extends number>(value: NumberFieldValueType<V> | null): boolean;
+    static compare<V extends number>(one: NumberFieldValueType<V>, another: NumberFieldValueType<V>): boolean;
+}

package/dist/services/text-field.d.ts

@@ -0,0 +1,10 @@
+export type TextFieldValueType<T extends string = string> = T | undefined;
+export declare class TextField<T extends string = string> {
+    static readonly EMPTY: undefined;
+    private readonly value;
+    constructor(value: TextFieldValueType<T>);
+    get(): TextFieldValueType<T>;
+    isEmpty(): boolean;
+    static isEmpty<V extends string>(value: TextFieldValueType<V>): boolean;
+    static compare<V extends string>(one: TextFieldValueType<V>, another: TextFieldValueType<V>): boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bgord/ui",
-  "version": "0.6.4",
+  "version": "0.7.2",
   "type": "module",
   "exports": {
     ".": {
@@ -13,8 +13,7 @@
   ],
   "peerDependencies": {
     "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-router": "7.9.4"
+    "react-dom": "19.2.0"
   },
   "scripts": {
     "build": "bash scripts/package-build.sh",
@@ -43,7 +42,6 @@
     "shellcheck": "4.1.0"
   },
   "dependencies": {
-    "better-auth": "1.3.31",
     "js-cookie": "3.0.5",
     "polish-plurals": "1.1.0",
     "tinykeys": "3.0.0"

package/readme.md

@@ -28,28 +28,32 @@ src/
 │   ├── dialog.tsx
 ├── hooks
 │   ├── use-click-outside.ts
+│   ├── use-date-field.ts
 │   ├── use-exit-action.ts
-│   ├── use-field.ts
 │   ├── use-file.ts
 │   ├── use-focus-shortcut.ts
 │   ├── use-hover.ts
 │   ├── use-meta-enter-submit.ts
+│   ├── use-number-field.ts
 │   ├── use-scroll-lock.ts
 │   ├── use-shortcuts.ts
+│   ├── use-text-field.ts
 │   └── use-toggle.ts
 └── services
     ├── autocomplete.ts
     ├── clipboard.ts
     ├── cookies.ts
+    ├── date-field.ts
     ├── etag.ts
     ├── exec.ts
-    ├── field.ts
     ├── fields.ts
     ├── form.ts
     ├── get-safe-window.ts
     ├── noop.ts
+    ├── number-field.ts
     ├── pluralize.ts
     ├── rhythm.ts
+    ├── text-field.ts
     ├── translations.tsx
     └── weak-etag.ts
 ```

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

@@ -1,32 +0,0 @@
-import { type FieldValueAllowedTypes } from "../services/field";
-type FieldNameType = string;
-export type FieldElementType = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-export type useFieldConfigType<T extends FieldValueAllowedTypes> = {
-    name: FieldNameType;
-    defaultValue?: T;
-};
-export type useFieldReturnType<T extends FieldValueAllowedTypes> = {
-    defaultValue: T;
-    value: NonNullable<T>;
-    set: (value: T) => void;
-    handleChange: (event: React.ChangeEvent<FieldElementType>) => void;
-    clear: () => void;
-    label: {
-        props: {
-            htmlFor: FieldNameType;
-        };
-    };
-    input: {
-        props: {
-            id: FieldNameType;
-            name: FieldNameType;
-            value: NonNullable<T>;
-            onChange: (event: React.ChangeEvent<FieldElementType>) => void;
-        };
-    };
-    changed: boolean;
-    unchanged: boolean;
-    empty: boolean;
-};
-export declare function useField<T extends FieldValueAllowedTypes>(config: useFieldConfigType<T>): useFieldReturnType<T>;
-export {};

package/dist/services/field.d.ts

@@ -1,10 +0,0 @@
-export type FieldValueAllowedTypes = string | number | undefined | null;
-export declare class Field<T extends FieldValueAllowedTypes> {
-    static readonly emptyValue: undefined;
-    static isEmpty(value: FieldValueAllowedTypes): boolean;
-    static compare(one: FieldValueAllowedTypes, another: FieldValueAllowedTypes): boolean;
-    private readonly value;
-    constructor(value: FieldValueAllowedTypes);
-    get(): T;
-    isEmpty(): boolean;
-}