@react-fabric/form 1.0.0-beta.49 → 1.0.0-beta.51

package/dist/types/form/Controller.d.ts

@@ -4,7 +4,7 @@ export interface ControllerProps {
      * field name
      */
     name?: string;
-    children: ReactElement | ((props: {
+    children: ReactElement<KeyValue> | ((props: {
         name: string;
         error?: string;
         checked: boolean;

package/dist/types/input/Checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type RefProp } from "@react-fabric/core/dist/types/types";
 interface CheckboxProps extends RefProp<HTMLInputElement> {
     /**

package/dist/types/input/ColorPicker.d.ts

@@ -15,7 +15,7 @@ export interface ColorProps {
     /**
      * color value
      */
-    value?: string;
+    value?: string | null;
     /**
      * change handler
      */

package/dist/types/input/Field.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ChildrenProp, type CssProp } from "@react-fabric/core/dist/types/types";
 export interface FieldProps extends ChildrenProp, CssProp {
     /**

package/dist/types/input/Radio.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type RefProp } from "@react-fabric/core/dist/types/types";
 export interface RadioProps extends RefProp<HTMLInputElement> {
     name?: string;

package/dist/types/input/RadioGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ChildrenProp, type CssProp } from "@react-fabric/core/dist/types/types";
 import { type Radio } from "./Radio";
 export interface RadioGroupProps extends ChildrenProp<typeof Radio>, CssProp {

package/dist/types/input/Switch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ColorType, type RefProp } from "@react-fabric/core/dist/types/types";
 export interface SwitchProps extends RefProp<HTMLInputElement> {
     /**

package/dist/types/ranger/index.d.ts

@@ -18,7 +18,7 @@ type RangerConfig = {
     steps: number[];
 });
 export declare const useRanger: (opts: RangerConfig) => {
-    trackElRef: import("react").RefObject<HTMLDivElement>;
+    trackElRef: import("react").RefObject<HTMLDivElement | null>;
     activeHandleIndex: number | undefined;
     ticks: {
         key: number;
@@ -33,7 +33,7 @@ export declare const useRanger: (opts: RangerConfig) => {
         value: number;
         active: boolean;
         props: {
-            ref: import("react").RefObject<HTMLDivElement>;
+            ref: import("react").RefObject<HTMLDivElement | null>;
             onMouseDownCapture: (e: ME) => void;
             onTouchStartCapture: (e: TE) => void;
         } | {

package/dist/types/select/useSelect.d.ts

@@ -27,20 +27,10 @@ export declare const useSelect: ({ options, value, defaultOpen, autoComplete, mu
     onSelect?: (item: AnyObject) => void;
     onChange?: (value: AnyObject) => void;
 }) => {
-    state: State | {
-        value: any;
-        activeIndex: null;
-        selectedIndex: any;
-        multiple: boolean;
-        emptyValue: AnyObject;
-        open: boolean;
-        loading: boolean;
-        query?: string | undefined;
-        items: AnyObject[];
-    };
-    listRef: import("react").MutableRefObject<HTMLElement[]>;
-    focusableRef: import("react").RefObject<HTMLElement>;
-    listContentRef: import("react").MutableRefObject<any[]>;
+    state: State;
+    listRef: import("react").RefObject<HTMLElement[]>;
+    focusableRef: import("react").RefObject<HTMLElement | null>;
+    listContentRef: import("react").RefObject<any[]>;
     handleChange: (value?: AnyObject) => void;
     handleRemove: (index?: number) => void;
     handleQuery: (query: string) => void;

package/dist/types/types/index.d.ts

@@ -4,7 +4,7 @@ export interface InputProps<V = string> extends TestProps {
     /**
      * value
      */
-    value?: V;
+    value?: V | null;
     /**
      * change handler
      */

package/dist/types/types/schema.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Elements } from "@react-fabric/core/dist/types/types";
 import { type DateLike } from "@react-fabric/date";
 export declare enum DATA_TYPES {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-fabric/form",
-  "version": "1.0.0-beta.49",
+  "version": "1.0.0-beta.51",
   "description": "RUF: Form package",
   "author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
   "license": "MIT",
@@ -41,19 +41,19 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/react": "^0.27.9",
     "@hookform/resolvers": "^3.9.0",
-    "@react-fabric/core": "^1.0.0-beta.49",
-    "@react-fabric/date": "^1.0.0-beta.49",
-    "@react-fabric/utilities": "^1.0.0-beta.49",
+    "@react-fabric/core": "^1.0.0-beta.51",
+    "@react-fabric/date": "^1.0.0-beta.51",
+    "@react-fabric/utilities": "^1.0.0-beta.50",
     "classnames": "^2.5.1",
     "color": "^4.2.3",
     "react-color": "^2.19.3",
     "react-hook-form": "^7.52.1"
   },
   "peerDependencies": {
-    "i18next": "^23.15.1",
+    "i18next": "^25.2.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-i18next": "^15.0.2"
+    "react-i18next": "^15.5.2"
   },
   "devDependencies": {
     "@types/axios": "^0.14.0",
@@ -63,5 +63,5 @@
     "node": ">=18.12.0",
     "npm": ">=8.19.0"
   },
-  "gitHead": "29b3ed65e9f9687d738dd7c6facdb9fedafb4219"
+  "gitHead": "a1b04de4663045f82992bff2aef8db26608eac74"
 }

package/src/form/Controller.tsx

@@ -35,7 +35,7 @@ export interface ControllerProps {
    */
   name?: string;
   children:
-    | ReactElement
+    | ReactElement<KeyValue>
     | ((props: {
         name: string;
         error?: string;

package/src/input/ColorPicker.tsx

@@ -49,7 +49,7 @@ export interface ColorProps {
   /**
    * color value
    */
-  value?: string;
+  value?: string | null;
   /**
    * change handler
    */

package/src/types/index.ts

@@ -31,7 +31,7 @@ export interface InputProps<V = string> extends TestProps {
   /**
    * value
    */
-  value?: V;
+  value?: V | null;
   /**
    * change handler
    */