@bgord/ui 0.6.3 → 0.6.4

package/dist/components/dialog.d.ts

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

package/dist/hooks/index.d.ts

@@ -1,5 +1,4 @@
 export * from "./use-click-outside";
-export * from "./use-client-filter";
 export * from "./use-exit-action";
 export * from "./use-field";
 export * from "./use-file";

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

@@ -1,127 +1,32 @@
 import { type FieldValueAllowedTypes } from "../services/field";
-/** Type for field names */
-type NewFieldNameType = string;
-/** Valid HTML elements that can be used as field inputs */
+type FieldNameType = string;
 export type FieldElementType = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-/**
- * Defines the strategy for field value persistence
- * @enum {string}
- */
-export declare enum useFieldStrategyEnum {
-    /** Store field value in URL parameters */
-    params = "params",
-    /** Store field value in local state */
-    local = "local"
-}
-/**
- * Configuration options for the useField hook
- * @template T - Type of the field value
- */
 export type useFieldConfigType<T extends FieldValueAllowedTypes> = {
-    /** Unique identifier for the field */
-    name: NewFieldNameType;
-    /** Initial value for the field */
+    name: FieldNameType;
     defaultValue?: T;
-    /** Strategy for value persistence */
-    strategy?: useFieldStrategyEnum;
 };
-/**
- * Return type for the useField hook
- * @template T - Type of the field value
- */
 export type useFieldReturnType<T extends FieldValueAllowedTypes> = {
-    /** Current persistence strategy */
-    strategy: useFieldStrategyEnum;
-    /** Initial field value */
     defaultValue: T;
-    /** Current field value */
-    currentValue: T;
-    /** Non-nullable field value, empty string for empty values */
     value: NonNullable<T>;
-    /** Function to set field value */
     set: (value: T) => void;
-    /** Change event handler for controlled components */
     handleChange: (event: React.ChangeEvent<FieldElementType>) => void;
-    /** Reset field to default value */
     clear: () => void;
-    /** Props for field label */
     label: {
         props: {
-            htmlFor: NewFieldNameType;
+            htmlFor: FieldNameType;
         };
     };
-    /** Props for field input */
     input: {
         props: {
-            id: NewFieldNameType;
-            name: NewFieldNameType;
+            id: FieldNameType;
+            name: FieldNameType;
             value: NonNullable<T>;
             onChange: (event: React.ChangeEvent<FieldElementType>) => void;
         };
     };
-    /** Whether field value differs from default */
     changed: boolean;
-    /** Whether field value equals default */
     unchanged: boolean;
-    /** Whether field is empty */
     empty: boolean;
 };
-/**
- * Hook for managing form field state with URL parameters or local state
- *
- * @template T - Type of the field value
- * @param {useFieldConfigType<T>} config - Field configuration
- * @returns {useFieldReturnType<T>} Field state and handlers
- *
- * @example
- * ```tsx
- * // Using local strategy
- * function NameField() {
- *   const field = useField({
- *     name: "username",
- *     defaultValue: "",
- *     strategy: useFieldStrategyEnum.local
- *   });
- *
- *   return (
- *     <div>
- *       <label {...field.label.props}>Username:</label>
- *       <input
- *         {...field.input.props}
- *         type="text"
- *         value={field.value}
- *         onChange={field.handleChange}
- *       />
- *     </div>
- *   );
- * }
- *
- * // Using URL parameters strategy
- * function SearchField() {
- *   const field = useField({
- *     name: "q",
- *     strategy: useFieldStrategyEnum.params
- *   });
- *
- *   return (
- *     <input
- *       type="search"
- *       {...field.input.props}
- *       value={field.value}
- *       onChange={field.handleChange}
- *     />
- *   );
- * }
- * ```
- */
 export declare function useField<T extends FieldValueAllowedTypes>(config: useFieldConfigType<T>): useFieldReturnType<T>;
-/**
- * Utility class for working with local fields
- * @static
- */
-export declare class LocalFields {
-    static clearAll(fields: {
-        clear: VoidFunction;
-    }[]): () => void;
-}
 export {};

package/dist/index.js

@@ -1 +1 @@
-import{useEffect as Z,useRef as V}from"react";import{useEffect as H}from"react";function R(e,t){H(()=>{if(typeof document>"u")return;function n(r){let i=e.current;if(!i)return;if(i.contains(r.target))if(r.target===i){let{left:o,right:s,top:l,bottom:u}=i.getBoundingClientRect(),m=r instanceof MouseEvent?r.clientX:r.touches[0].clientX,d=r instanceof MouseEvent?r.clientY:r.touches[0].clientY;if(m>=o&&m<=s&&d>=l&&d<=u)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{useCallback as q,useMemo as b}from"react";class a{static emptyValue=void 0;static isEmpty(e){return e===void 0||e===""||e===null}static compare(e,t){if(a.isEmpty(e)&&a.isEmpty(t))return!0;return e===t}value=a.emptyValue;constructor(e){this.value=a.isEmpty(e)?a.emptyValue:e}get(){return this.value}isEmpty(){return a.isEmpty(this.value)}}import{useEffect as k,useState as M}from"react";import{useSearchParams as X}from"react-router";var S;((n)=>{n.params="params";n.local="local"})(S||={});function w(e){let t=e.strategy??"local",[n,r]=X(),i=new a(n.get(e.name)),o=new a(e.defaultValue),[s,l]=M(i.isEmpty()?o.get():i.get()),u=(c)=>{let g=new a(c);l(g.get())};k(()=>{let c=new a(s);if(t==="params")if(c.isEmpty())n.delete(e.name),r(n);else n.set(e.name,c.get()),r(n)},[s,n,r,e.name,t]);let m=a.isEmpty(s)?"":s,d=(c)=>u(c.currentTarget.value);return{strategy:t,defaultValue:o.get(),currentValue:s,value:m,set:u,handleChange:d,clear:()=>u(o.get()),label:{props:{htmlFor:e.name}},input:{props:{id:e.name,name:e.name,value:m,onChange:d}},changed:!a.compare(s,o.get()),unchanged:a.compare(s,o.get()),empty:a.isEmpty(s)}}class O{static clearAll(e){return()=>e.forEach((t)=>t.clear())}}function Ue(e){let t=w({...e,strategy:"local"}),n=q((o)=>{if(t.empty)return!0;return a.compare(o,t.currentValue)},[t.empty,t.currentValue]),r=b(()=>e.filterFn??n,[e.filterFn,n]),i=b(()=>Object.entries(e.enum).map(([o,s])=>({name:o,value:s})),[e.enum]);return b(()=>({...t,filterFn:r,options:i,strategy:"local"}),[t,r,i])}import W from"react";function Se(e){let[t,n]=W.useState("idle"),r=(s)=>{if(s.preventDefault(),t==="idle")n("exiting")},i=(s)=>{if(s.animationName!==e.animation)return;e.action(),n("gone")},o=t==="exiting"?{"data-animation":e.animation,onAnimationEnd:i}:void 0;return{visible:t!=="gone",attach:o,trigger:r}}import{useMemo as N,useState as E}from"react";var P;((r)=>{r.idle="idle";r.selected="selected";r.error="error"})(P||={});function Ae(e,t){let n=t?.maxSizeBytes??Number.POSITIVE_INFINITY,[r,i]=E(0),[o,s]=E("idle"),[l,u]=E(null);function m(y){let f=y.currentTarget.files;if(!f?.[0])return;let T=f[0];if(T.size>n){s("error");return}if(!t.mimeTypes.includes(T.type)){s("error");return}return u(T),s("selected"),T}function d(){i((y)=>y+1),u(null),s("idle")}let c=N(()=>l?URL.createObjectURL(l):void 0,[l]);function g(y){return y.some((f)=>f===o)}let h={actions:{selectFile:m,clearFile:d},input:{props:{id:e,name:e,multiple:!1,accept:t.mimeTypes.join(",")},key:r},label:{props:{htmlFor:e}},matches:g};if(o==="idle")return{data:null,isError:!1,isIdle:!0,isSelected:!1,state:o,...h};if(o==="selected")return{data:l,isError:!1,isIdle:!1,isSelected:!0,preview:c,state:o,...h};return{data:null,isError:!0,isIdle:!1,isSelected:!1,state:o,...h}}import{useCallback as B,useMemo as K,useRef as $}from"react";import{useEffect as D}from"react";import{tinykeys as J}from"tinykeys";function x(e,t){let n=t?.enabled??!0;D(()=>{if(!n)return;let r=J(window,e);return()=>r()},[e,n])}function Xe(e){let t=$(null),n=B(()=>{if(t.current)t.current.focus()},[]);return x({[e]:n}),K(()=>({ref:t}),[])}import{useCallback as j,useRef as Y}from"react";import{useState as _}from"react";function C({name:e,defaultValue:t=!1}){let[n,r]=_(t);return{on:n,off:!n,enable:()=>r(!0),disable:()=>r(!1),toggle:()=>r((m)=>!m),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 A(e){let{on:t,off:n,enable:r,disable:i,toggle:o,props:s,...l}=e;return{toggle:{on:t,off:n,enable:r,disable:i,toggle:o,props:s},rest:l}}function De(e){let t=e?.enabled??!0,n=C({name:"_internal"}),r=Y(null),i=typeof window<"u"&&"PointerEvent"in window?"pointerenter":"mouseenter",o=typeof window<"u"&&"PointerEvent"in window?"pointerleave":"mouseleave";return{attach:{ref:j((l)=>{let u=r.current;if(u)u.removeEventListener(i,n.enable),u.removeEventListener(o,n.disable);if(r.current=l,l&&t)l.addEventListener(i,n.enable),l.addEventListener(o,n.disable)},[i,o,t,n.enable,n.disable])},hovering:n.on&&t}}import{useCallback as Q}from"react";function Ke(){return{onKeyDown:Q((t)=>{if(!t.metaKey||t.key!=="Enter")return;t.preventDefault(),t.currentTarget.form?.requestSubmit()},[])}}import{useEffect as z}from"react";function I(e=!0){z(()=>{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{jsx as ee}from"react/jsx-runtime";function st(e){let{toggle:t,rest:n}=A(e),r=V(null);return Z(()=>{if(e.on)r.current?.showModal();else r.current?.close()},[e.on]),x({Escape:t.disable}),I(e.on),R(r,t.disable),ee("dialog",{ref:r,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 mt={email:{inputMode:"email",autoComplete:"email",autoCapitalize:"none",spellCheck:"false"},password:{new:{autoComplete:"new-password"},current:{autoComplete:"current-password"}},off:{autoComplete:"off",spellCheck:!1}};function L(){}class te{static async copy(e){let t=e.onSuccess??L;if(!navigator.clipboard)return;await navigator.clipboard.writeText(e.text),t()}}import ne from"js-cookie";class re{static extractFrom(e){return e.headers.get("cookie")??""}static set(e,t){ne.set(e,t)}}class oe{static fromRevision(e){return{"if-match":String(e)}}}function ht(e){return function(){for(let t of e)t()}}class ie{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 se{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}}}function Ft(){if(typeof window>"u")return;return window}import{polishPlurals as le}from"polish-plurals";function v(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 le(e.singular,String(e.plural),String(e.genitive),t)}return console.warn(`[@bgord/frontend] missing pluralization function for language: ${e.language}.`),e.singular}function Ct(e=12){return{times(t){let n=e*t,r={height:{height:p(n)},minHeight:{minHeight:p(n)},maxHeight:{maxHeight:p(n)},width:{width:p(n)},minWidth:{minWidth:p(n)},maxWidth:{maxWidth:p(n)},square:{height:p(n),width:p(n)}},i={height:{style:{height:p(n)}},minHeight:{style:{minHeight:p(n)}},maxHeight:{style:{maxHeight:p(n)}},width:{style:{width:p(n)}},minWidth:{style:{minWidth:p(n)}},maxWidth:{style:{maxWidth:p(n)}},square:{style:{height:p(n),width:p(n)}}};return{px:p(n),raw:n,style:i,...r}}}}function p(e){return`${e}px`}import{createContext as ae,use as U,useCallback as pe}from"react";var F=ae({translations:{},language:"en",supportedLanguages:{en:"en"}});function vt(){let e=U(F);if(e===void 0)throw Error("useTranslations must be used within the TranslationsContext");return pe((n,r)=>{let i=e.translations[n];if(!i)return console.warn(`[@bgord/ui] missing translation for key: ${n}`),n;if(!r)return i;return Object.entries(r).reduce((o,[s,l])=>{let u=new RegExp(`{{${s}}}`,"g");return o.replace(u,String(l))},i)},[e.translations])}function ue(){let e=U(F);if(e===void 0)throw Error("useLanguage must be used within the TranslationsContext");return e.language}function Ht(){let e=U(F);if(e===void 0)throw Error("useSupportedLanguages must be used within the TranslationsContext");return e.supportedLanguages}function kt(){let e=ue();return(t)=>v({...t,language:e})}class me{static fromRevision(e){return{"if-match":`W/${e}`}}}export{vt as useTranslations,C as useToggle,Ht as useSupportedLanguages,x as useShortcuts,I as useScrollLock,kt as usePluralize,Ke as useMetaEnterSubmit,ue as useLanguage,De as useHover,Xe as useFocusKeyboardShortcut,Ae as useFile,S as useFieldStrategyEnum,w as useField,Se as useExitAction,Ue as useClientFilter,R as useClickOutside,v as pluralize,L as noop,Ft as getSafeWindow,A as extractUseToggle,ht as exec,me as WeakETag,P as UseFileState,F as TranslationsContext,Ct as Rhythm,O as LocalFields,se as Form,ie as Fields,a as Field,oe as ETag,st as Dialog,re as Cookies,te as Clipboard,mt as Autocomplete};
+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};

package/dist/services/autocomplete.d.ts

@@ -1,10 +1,20 @@
-type AutocompleteType = {
-    email: React.JSX.IntrinsicElements["input"];
+export declare const Autocomplete: {
+    email: {
+        inputMode: string;
+        autoComplete: string;
+        autoCapitalize: string;
+        spellCheck: string;
+    };
     password: {
-        new: React.JSX.IntrinsicElements["input"];
-        current: React.JSX.IntrinsicElements["input"];
+        new: {
+            autoComplete: string;
+        };
+        current: {
+            autoComplete: string;
+        };
+    };
+    off: {
+        autoComplete: string;
+        spellCheck: boolean;
     };
-    off: React.JSX.IntrinsicElements["input"];
 };
-export declare const Autocomplete: AutocompleteType;
-export {};

package/dist/services/form.d.ts

@@ -12,5 +12,13 @@ export declare class Form {
     static input(config: PatternTextConfigType): React.ComponentPropsWithoutRef<"input">;
     static textarea(config: PatternTextConfigType): React.ComponentPropsWithoutRef<"textarea">;
     static exact(config: PatternExactConfigType): React.ComponentPropsWithoutRef<"input">;
+    static date: {
+        min: {
+            today: () => string;
+        };
+        max: {
+            today: () => string;
+        };
+    };
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bgord/ui",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "type": "module",
   "exports": {
     ".": {

package/readme.md

@@ -28,7 +28,6 @@ src/
 │   ├── dialog.tsx
 ├── hooks
 │   ├── use-click-outside.ts
-│   ├── use-client-filter.ts
 │   ├── use-exit-action.ts
 │   ├── use-field.ts
 │   ├── use-file.ts

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

@@ -1,20 +0,0 @@
-import { type FieldValueAllowedTypes } from "../services/field";
-import { type useFieldConfigType, type 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 {};