@ostack.tech/ui-kform 0.1.2 → 0.2.1

package/dist/types/components/Annexes/Annex.d.ts

@@ -1,9 +1,9 @@
 import { type Path } from "@ostack.tech/kform";
 import { ErrorBoundary, TabContent } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 import { type IssueMessagesByCode } from "../IssueMessages";
 /** Properties of the annex component. */
-export interface AnnexProps extends Omit<React.ComponentPropsWithoutRef<typeof TabContent>, "value" | "children"> {
+export interface AnnexProps extends Omit<ComponentPropsWithoutRef<typeof TabContent>, "value" | "children"> {
     /** Annex path. This should match the path of the annex provided to `Annexes`. */
     path?: string | Path;
     /** Sets the annex as disabled. */
@@ -39,8 +39,8 @@ export interface AnnexProps extends Omit<React.ComponentPropsWithoutRef<typeof T
      */
     issueMessages?: Record<string, IssueMessagesByCode>;
     /** Properties to pass to the `ErrorBoundary` component. */
-    errorBoundaryProps?: React.ComponentPropsWithRef<typeof ErrorBoundary>;
-    children?: React.ReactNode;
+    errorBoundaryProps?: ComponentPropsWithRef<typeof ErrorBoundary>;
+    children?: ReactNode;
 }
 /** Component containing the content of an annex. */
-export declare const Annex: React.ForwardRefExoticComponent<AnnexProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Annex: import("react").ForwardRefExoticComponent<AnnexProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Annexes/Annexes.d.ts

@@ -1,8 +1,8 @@
 import { type AbsolutePath, type Path } from "@ostack.tech/kform";
 import { Tabs } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 /** Properties of the annexes component. */
-export interface AnnexesProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs>, "defaultValue" | "value" | "onValueChange"> {
+export interface AnnexesProps extends Omit<ComponentPropsWithoutRef<typeof Tabs>, "defaultValue" | "value" | "onValueChange"> {
     /** Base path for all declared annexes. */
     path?: string | Path;
     /** List of all annexes. */
@@ -29,7 +29,7 @@ export interface AnnexesProps extends Omit<React.ComponentPropsWithoutRef<typeof
      * @param removedAnnexPath Path of the removed annex.
      */
     onAnnexRemove?: (removedAnnexPath: AbsolutePath) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /** Object representation of an annex. */
 export interface AnnexObject<T = any> {
@@ -40,22 +40,22 @@ export interface AnnexObject<T = any> {
      */
     path: string | Path;
     /** Annex's title. */
-    title: React.ReactNode | ((value: T) => React.ReactNode);
+    title: ReactNode | ((value: T) => ReactNode);
     /** Annex's subtitle. */
-    subtitle?: React.ReactNode | ((value: T, index?: number) => React.ReactNode);
+    subtitle?: ReactNode | ((value: T, index?: number) => ReactNode);
     /** Annex's description. */
-    description?: React.ReactNode;
+    description?: ReactNode;
     /**
      * Annex's label in the issues panel. The `title` and `subtitle` are used by
      * default.
      */
-    issuesPanelLabel?: React.ReactNode | ((value: T) => React.ReactNode);
-    itemTitle?: React.ReactNode | ((value: T, index: number) => React.ReactNode);
+    issuesPanelLabel?: ReactNode | ((value: T) => ReactNode);
+    itemTitle?: ReactNode | ((value: T, index: number) => ReactNode);
     /**
      * Issues panel label for each annex of a collection of annexes. The
      * `subtitle` and index of the item are used by default.
      */
-    itemIssuesPanelLabel?: React.ReactNode | ((value: T, index: number) => React.ReactNode);
+    itemIssuesPanelLabel?: ReactNode | ((value: T, index: number) => ReactNode);
     /**
      * Title of the annex as a string to display in the document's title.
      *
@@ -92,4 +92,4 @@ export interface AnnexObject<T = any> {
     getValue?: (value: T) => T | null | undefined | Promise<T | null | undefined>;
 }
 /** Root component used to render form annexes. */
-export declare const Annexes: React.ForwardRefExoticComponent<AnnexesProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Annexes: import("react").ForwardRefExoticComponent<AnnexesProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Annexes/AnnexesContext.d.ts

@@ -1,5 +1,5 @@
 import { AbsolutePath, type DisplayStatus, type FormManager, type Path, type Schema, type SealedValidationIssue, type TableRowId } from "@ostack.tech/kform";
-import * as React from "react";
+import { type ReactNode } from "react";
 import { type AnnexesProps, type AnnexObject } from "./Annexes.tsx";
 /** Value of the annexes' context. */
 export type AnnexesContextValue = AnnexesStore;
@@ -10,9 +10,9 @@ export interface ResolvedAnnexObject extends AnnexObject {
 /** Annex state. */
 export interface AnnexState {
     path: AbsolutePath;
-    title: React.ReactNode;
-    subtitle?: React.ReactNode;
-    description?: React.ReactNode;
+    title: ReactNode;
+    subtitle?: ReactNode;
+    description?: ReactNode;
     documentTitle?: string | null;
     isRepetitive: boolean;
     schema: Schema;
@@ -57,7 +57,7 @@ export interface AnnexesActions {
 /** Annexes' store. */
 export type AnnexesStore = ReturnType<typeof useCreateAnnexesContext>;
 /** Annexes' context. */
-export declare const AnnexesContext: React.Context<(Omit<import("zustand").StoreApi<AnnexesState>, "subscribe"> & {
+export declare const AnnexesContext: import("react").Context<(Omit<import("zustand").StoreApi<AnnexesState>, "subscribe"> & {
     subscribe: {
         (listener: (selectedState: AnnexesState, previousSelectedState: AnnexesState) => void): () => void;
         <U>(selector: (state: AnnexesState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {

package/dist/types/components/Annexes/AnnexesManager.d.ts

@@ -1,11 +1,11 @@
 import { type Button, type DropdownMenu, type DropdownMenuContent, type TabList } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 /** Properties of the annexes' manager component. */
-export interface AnnexesManagerProps extends React.ComponentPropsWithoutRef<"nav"> {
+export interface AnnexesManagerProps extends ComponentPropsWithoutRef<"nav"> {
     /** Text of the menu button. */
-    menuButtonText?: React.ReactNode;
+    menuButtonText?: ReactNode;
     /** Text of the "add annex" item. */
-    addAnnexText?: React.ReactNode;
+    addAnnexText?: ReactNode;
     /** Label of the remove annex button, announced by assistive technologies. */
     removeAnnexButtonLabel?: string;
     /**
@@ -14,34 +14,34 @@ export interface AnnexesManagerProps extends React.ComponentPropsWithoutRef<"nav
      */
     removeAnnexKeyboardHint?: string;
     /** Title of the "remove annex" confirm dialog. */
-    removeAnnexConfirmDialogTitle?: React.ReactNode;
+    removeAnnexConfirmDialogTitle?: ReactNode;
     /**
      * Function that should return the message of the "remove annex" confirm
      * dialog, given a node with the name of the annex.
      *
      * @param annexName Node containing the name of the annex.
      */
-    removeAnnexConfirmDialogMessage?: (annexName: React.ReactNode) => React.ReactNode;
+    removeAnnexConfirmDialogMessage?: (annexName: ReactNode) => ReactNode;
     /** Text of the "remove annex" confirm dialog OK button. */
-    removeAnnexConfirmDialogOkText?: React.ReactNode;
+    removeAnnexConfirmDialogOkText?: ReactNode;
     /** Text of the "remove annex" confirm dialog cancel button. */
-    removeAnnexConfirmDialogCancelText?: React.ReactNode;
+    removeAnnexConfirmDialogCancelText?: ReactNode;
     /** Properties to pass to the menu container element. */
-    menuContainerProps?: React.ComponentPropsWithRef<"div">;
+    menuContainerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the menu trigger component. */
-    menuTriggerProps?: Omit<React.ComponentPropsWithRef<typeof Button>, "icon">;
+    menuTriggerProps?: Omit<ComponentPropsWithRef<typeof Button>, "icon">;
     /** Properties to pass to the menu content component. */
-    menuContentProps?: React.ComponentPropsWithRef<typeof DropdownMenuContent>;
+    menuContentProps?: ComponentPropsWithRef<typeof DropdownMenuContent>;
     /** Properties to pass to the menu component. */
-    menuProps?: React.ComponentPropsWithRef<typeof DropdownMenu>;
+    menuProps?: ComponentPropsWithRef<typeof DropdownMenu>;
     /** Properties to pass to the tab-list container element. */
-    tabListContainerProps?: React.ComponentPropsWithRef<"div">;
+    tabListContainerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the tab-list component. */
-    tabListProps?: React.ComponentPropsWithRef<typeof TabList>;
+    tabListProps?: ComponentPropsWithRef<typeof TabList>;
 }
 /**
  * Component used to manage the form's annexes. Provides a menu that allows
  * changing, adding, and removing annexes, as well as a list of tabs for each
  * existing annex.
  */
-export declare const AnnexesManager: React.ForwardRefExoticComponent<AnnexesManagerProps & React.RefAttributes<HTMLElement>>;
+export declare const AnnexesManager: import("react").ForwardRefExoticComponent<AnnexesManagerProps & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/Annexes/AnnexesMenu.d.ts

@@ -1,10 +1,10 @@
 import { Button, DropdownMenu, DropdownMenuContent } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from "react";
 import { type AnnexesManager } from "./AnnexesManager.tsx";
 /** Properties of the annexes' menu. */
-export interface AnnexesMenuProps extends Pick<React.ComponentPropsWithoutRef<typeof AnnexesManager>, "menuButtonText" | "addAnnexText" | "removeAnnexButtonLabel" | "removeAnnexKeyboardHint" | "removeAnnexConfirmDialogTitle" | "removeAnnexConfirmDialogMessage" | "removeAnnexConfirmDialogOkText" | "removeAnnexConfirmDialogCancelText">, React.ComponentPropsWithoutRef<typeof DropdownMenu> {
-    menuTriggerProps?: Omit<React.ComponentPropsWithRef<typeof Button>, "icon">;
-    menuContentProps?: React.ComponentPropsWithRef<typeof DropdownMenuContent>;
+export interface AnnexesMenuProps extends Pick<ComponentPropsWithoutRef<typeof AnnexesManager>, "menuButtonText" | "addAnnexText" | "removeAnnexButtonLabel" | "removeAnnexKeyboardHint" | "removeAnnexConfirmDialogTitle" | "removeAnnexConfirmDialogMessage" | "removeAnnexConfirmDialogOkText" | "removeAnnexConfirmDialogCancelText">, ComponentPropsWithoutRef<typeof DropdownMenu> {
+    menuTriggerProps?: Omit<ComponentPropsWithRef<typeof Button>, "icon">;
+    menuContentProps?: ComponentPropsWithRef<typeof DropdownMenuContent>;
 }
 /** Component that allows to navigate between, add, and remove annexes. */
 export declare function AnnexesMenu({ menuButtonText, addAnnexText, removeAnnexButtonLabel, removeAnnexKeyboardHint, removeAnnexConfirmDialogTitle, removeAnnexConfirmDialogMessage, removeAnnexConfirmDialogOkText, removeAnnexConfirmDialogCancelText, defaultOpen, open: controlledOpen, onOpenChange, menuTriggerProps, menuContentProps, ...otherProps }: AnnexesMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Annexes/AnnexesTabList.d.ts

@@ -1,8 +1,8 @@
 import { TabList } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the annex tab list component. */
-export interface AnnexTabListProps extends React.ComponentPropsWithoutRef<typeof TabList> {
+export interface AnnexTabListProps extends ComponentPropsWithoutRef<typeof TabList> {
     hideNonActiveOnSmallScreens: boolean;
 }
 /** List of annex tabs. */
-export declare const AnnexesTabList: React.ForwardRefExoticComponent<AnnexTabListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AnnexesTabList: import("react").ForwardRefExoticComponent<AnnexTabListProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/CheckboxControl/CheckboxControl.d.ts

@@ -1,10 +1,10 @@
 import { type Path } from "@ostack.tech/kform";
 import { type InputController, type InputOptions } from "@ostack.tech/kform-react";
 import { Checkbox, type CheckboxChecked } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ComponentRef, type ReactNode, type Ref } from "react";
 import { type IssueMessages, type IssueMessagesByCode } from "../IssueMessages";
 /** Properties of the checkbox control component. */
-export interface CheckboxControlProps<T extends boolean | null = boolean | null> extends Omit<InputOptions<T, CheckboxChecked, React.ComponentRef<typeof Checkbox>>, "enabled" | "format" | "parse">, Omit<React.ComponentPropsWithoutRef<typeof Checkbox>, "defaultChecked" | "checked" | "status"> {
+export interface CheckboxControlProps<T extends boolean | null = boolean | null> extends Omit<InputOptions<T, CheckboxChecked, ComponentRef<typeof Checkbox>>, "enabled" | "format" | "parse">, Omit<ComponentPropsWithoutRef<typeof Checkbox>, "defaultChecked" | "checked" | "status"> {
     /** Path to the value. */
     path?: string | Path;
     /**
@@ -19,7 +19,7 @@ export interface CheckboxControlProps<T extends boolean | null = boolean | null>
      *
      * This label has priority over the field's `ControlLabel`.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /**
      * Whether to display the issues associated with this control.
      *
@@ -37,12 +37,12 @@ export interface CheckboxControlProps<T extends boolean | null = boolean | null>
      */
     preventAutoFocus?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<InputController<T, CheckboxChecked, React.ComponentRef<typeof Checkbox>> | undefined>;
+    apiRef?: Ref<InputController<T, CheckboxChecked, ComponentRef<typeof Checkbox>> | undefined>;
     /** Properties to pass to the `IssueMessages` component. */
-    issueMessagesProps?: Omit<React.ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
+    issueMessagesProps?: Omit<ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
 }
 /**
  * Checkbox control component supporting (possibly nullable) schemas of type
  * "Boolean". `null` values are represented as an "indeterminate" checkbox.
  */
-export declare const CheckboxControl: React.ForwardRefExoticComponent<CheckboxControlProps<boolean | null> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CheckboxControl: import("react").ForwardRefExoticComponent<CheckboxControlProps<boolean | null> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/CheckboxGroupControl/CheckboxGroupControl.d.ts

@@ -1,19 +1,19 @@
 import { type Path } from "@ostack.tech/kform";
 import { type Listable, type ListableInputController, type ListableInputOptions } from "@ostack.tech/kform-react";
 import { Checkbox, CheckboxGroup } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ComponentRef, type Key, type ReactNode, type Ref } from "react";
 import { type IssueMessages, type IssueMessagesByCode } from "../IssueMessages";
 /** Checkbox in object notation. */
-export type CheckboxObject<T = unknown> = Omit<React.ComponentPropsWithRef<typeof Checkbox>, "defaultChecked" | "checked" | "value" | "children"> & {
+export type CheckboxObject<T = unknown> = Omit<ComponentPropsWithRef<typeof Checkbox>, "defaultChecked" | "checked" | "value" | "children"> & {
     /** Option value. */
     value: T;
     /** Option's rendered text. */
-    text?: React.ReactNode;
+    text?: ReactNode;
     /** Option's unique key. */
-    key?: React.Key;
+    key?: Key;
 };
 /** Properties of the checkbox group control component. */
-export interface CheckboxGroupControlProps<T = unknown, TListable extends Listable<T> | null = Listable<T> | null> extends Omit<ListableInputOptions<T, TListable, string[], React.ComponentRef<typeof CheckboxGroup>>, "enabled" | "formatFromArray" | "parseToArray">, Omit<React.ComponentPropsWithoutRef<typeof CheckboxGroup>, "defaultValue" | "value" | "onValueChange" | "children" | "status"> {
+export interface CheckboxGroupControlProps<T = unknown, TListable extends Listable<T> | null = Listable<T> | null> extends Omit<ListableInputOptions<T, TListable, string[], ComponentRef<typeof CheckboxGroup>>, "enabled" | "formatFromArray" | "parseToArray">, Omit<ComponentPropsWithoutRef<typeof CheckboxGroup>, "defaultValue" | "value" | "onValueChange" | "children" | "status"> {
     /** Path to the value. */
     path?: string | Path;
     /** Checkbox group control options. */
@@ -30,7 +30,7 @@ export interface CheckboxGroupControlProps<T = unknown, TListable extends Listab
      *
      * This label has priority over the field's `ControlLabel`.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /**
      * Whether to display the issues associated with this control.
      *
@@ -48,9 +48,9 @@ export interface CheckboxGroupControlProps<T = unknown, TListable extends Listab
      */
     preventAutoFocus?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<ListableInputController<T, TListable, string[], React.ComponentRef<typeof CheckboxGroup>> | undefined>;
+    apiRef?: Ref<ListableInputController<T, TListable, string[], ComponentRef<typeof CheckboxGroup>> | undefined>;
     /** Properties to pass to the `IssueMessages` component. */
-    issueMessagesProps?: Omit<React.ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
+    issueMessagesProps?: Omit<ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
 }
 /**
  * Checkbox group control component supporting (possibly nullable) listable
@@ -60,4 +60,4 @@ export interface CheckboxGroupControlProps<T = unknown, TListable extends Listab
  * the control contains no elements. Note, however, that the form may still hold
  * an empty listable as value if set programmatically.
  */
-export declare const CheckboxGroupControl: React.ForwardRefExoticComponent<CheckboxGroupControlProps<unknown, Listable<unknown> | null> & React.RefAttributes<HTMLDivElement>>;
+export declare const CheckboxGroupControl: import("react").ForwardRefExoticComponent<CheckboxGroupControlProps<unknown, Listable<unknown> | null> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/ControlField/ControlField.d.ts

@@ -1,8 +1,8 @@
 import { Path } from "@ostack.tech/kform";
 import { Field } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the control field component. */
-export interface ControlFieldProps extends React.ComponentPropsWithoutRef<typeof Field> {
+export interface ControlFieldProps extends ComponentPropsWithoutRef<typeof Field> {
     /** Path of the field; inner control paths will be relative to this path. */
     path?: string | Path;
     /**
@@ -47,4 +47,4 @@ export interface ControlFieldProps extends React.ComponentPropsWithoutRef<typeof
  * Aria descriptions and error messages are set on the control based on the
  * provided helper texts or feedbacks.
  */
-export declare const ControlField: React.ForwardRefExoticComponent<ControlFieldProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ControlField: import("react").ForwardRefExoticComponent<ControlFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/ControlField/ControlFieldContext.d.ts

@@ -1,6 +1,5 @@
 import { type AbsolutePath, type FormManager, type Schema, type SealedValidationIssue } from "@ostack.tech/kform";
 import { type Controller } from "@ostack.tech/kform-react";
-import * as React from "react";
 /** Value of the control field context. */
 export type ControlFieldContextValue = ControlFieldStore;
 /** State of the control field. */
@@ -18,7 +17,7 @@ export interface ControlState {
 /** Control field store. */
 export type ControlFieldStore = ReturnType<typeof useCreateControlFieldContext>;
 /** Control field context. */
-export declare const ControlFieldContext: React.Context<import("zustand").StoreApi<ControlFieldState> | null>;
+export declare const ControlFieldContext: import("react").Context<import("zustand").StoreApi<ControlFieldState> | null>;
 /** Hook which creates the control field context value. */
 export declare function useCreateControlFieldContext(): import("zustand").StoreApi<ControlFieldState>;
 /** Hook that returns access to the control field's store. */

package/dist/types/components/DateControl/DateControl.d.ts

@@ -1,10 +1,10 @@
 import { type Path } from "@ostack.tech/kform";
 import { type Temporal, type TemporalInputController, type TemporalInputOptions } from "@ostack.tech/kform-react";
 import { DateInput } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ComponentRef, type ReactNode, type Ref } from "react";
 import { type IssueMessages, type IssueMessagesByCode } from "../IssueMessages";
 /** Properties of the date control component. */
-export interface DateControlProps<T extends Temporal | null = Temporal | null> extends Omit<TemporalInputOptions<T, string, React.ComponentRef<typeof DateInput>>, "enabled" | "formatFromString" | "parseToString">, Omit<React.ComponentPropsWithoutRef<typeof DateInput>, "defaultValue" | "value" | "onValueChange" | "status"> {
+export interface DateControlProps<T extends Temporal | null = Temporal | null> extends Omit<TemporalInputOptions<T, string, ComponentRef<typeof DateInput>>, "enabled" | "formatFromString" | "parseToString">, Omit<ComponentPropsWithoutRef<typeof DateInput>, "defaultValue" | "value" | "onValueChange" | "status"> {
     /** Path to the value. */
     path?: string | Path;
     /**
@@ -19,7 +19,7 @@ export interface DateControlProps<T extends Temporal | null = Temporal | null> e
      *
      * This label has priority over the field's `ControlLabel`.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /**
      * Whether to display the issues associated with this control.
      *
@@ -37,9 +37,9 @@ export interface DateControlProps<T extends Temporal | null = Temporal | null> e
      */
     preventAutoFocus?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<TemporalInputController<T, string, React.ComponentRef<typeof DateInput>> | undefined>;
+    apiRef?: Ref<TemporalInputController<T, string, ComponentRef<typeof DateInput>> | undefined>;
     /** Properties to pass to the `IssueMessages` component. */
-    issueMessagesProps?: Omit<React.ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
+    issueMessagesProps?: Omit<ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
 }
 /** Date control component supporting nullable temporal schemas. */
-export declare const DateControl: React.ForwardRefExoticComponent<DateControlProps<Temporal | null> & React.RefAttributes<HTMLInputElement>>;
+export declare const DateControl: import("react").ForwardRefExoticComponent<DateControlProps<Temporal | null> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/DateRangeControl/DateRangeControl.d.ts

@@ -1,10 +1,10 @@
 import { type Path } from "@ostack.tech/kform";
 import { type Temporal, type TemporalInputController, type TemporalInputOptions } from "@ostack.tech/kform-react";
 import { DateRangeInput } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode, type Ref } from "react";
 import { type IssueMessages, type IssueMessagesByCode } from "../IssueMessages";
 /** Properties of the date-range control component. */
-export interface DateRangeControlProps<TStart extends Temporal | null = Temporal | null, TEnd extends Temporal | null = TStart> extends Omit<React.ComponentPropsWithoutRef<typeof DateRangeInput>, "defaultValue" | "value"> {
+export interface DateRangeControlProps<TStart extends Temporal | null = Temporal | null, TEnd extends Temporal | null = TStart> extends Omit<ComponentPropsWithoutRef<typeof DateRangeInput>, "defaultValue" | "value"> {
     /** Path to the start value. */
     startPath: string | Path;
     /** Path to the end value. */
@@ -27,17 +27,17 @@ export interface DateRangeControlProps<TStart extends Temporal | null = Temporal
      *
      * This label has priority over the field's `ControlLabel`.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /**
      * Label suffix to use in the issues panel when displaying issues associated
      * with this field's start date.
      */
-    issuesPanelStartLabelSuffix?: React.ReactNode;
+    issuesPanelStartLabelSuffix?: ReactNode;
     /**
      * Label suffix to use in the issues panel when displaying issues associated
      * with this field's end date.
      */
-    issuesPanelEndLabelSuffix?: React.ReactNode;
+    issuesPanelEndLabelSuffix?: ReactNode;
     /**
      * Whether to display the issues associated with this control.
      *
@@ -55,11 +55,11 @@ export interface DateRangeControlProps<TStart extends Temporal | null = Temporal
      */
     preventAutoFocus?: boolean;
     /** Reference to the start control's API. */
-    startApiRef?: React.Ref<TemporalInputController<TStart, string> | undefined>;
+    startApiRef?: Ref<TemporalInputController<TStart, string> | undefined>;
     /** Reference to the end control's API. */
-    endApiRef?: React.Ref<TemporalInputController<TEnd, string> | undefined>;
+    endApiRef?: Ref<TemporalInputController<TEnd, string> | undefined>;
     /** Properties to pass to the `IssueMessages` component. */
-    issueMessagesProps?: Omit<React.ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
+    issueMessagesProps?: Omit<ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
     onStartInitialized?: TemporalInputOptions<TStart, string>["onInitialized"];
     onStartFormManagerEvent?: TemporalInputOptions<TStart, string>["onFormManagerEvent"];
     onStartValueChange?: TemporalInputOptions<TStart, string>["onValueChange"];
@@ -76,4 +76,4 @@ export interface DateRangeControlProps<TStart extends Temporal | null = Temporal
     onEndTouchedStatusChange?: TemporalInputOptions<TEnd, string>["onTouchedStatusChange"];
 }
 /** Date-range control component supporting nullable temporal schemas. */
-export declare const DateRangeControl: React.ForwardRefExoticComponent<DateRangeControlProps<Temporal | null, Temporal | null> & React.RefAttributes<HTMLDivElement>>;
+export declare const DateRangeControl: import("react").ForwardRefExoticComponent<DateRangeControlProps<Temporal | null, Temporal | null> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/FileControl/FileControl.d.ts

@@ -1,7 +1,7 @@
 import { type File as KFormFile, type Path } from "@ostack.tech/kform";
 import { type FileInputController, type FileInputOptions } from "@ostack.tech/kform-react";
 import { Input } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ComponentRef, type ReactNode, type Ref } from "react";
 import { type IssueMessages, type IssueMessagesByCode } from "../IssueMessages";
 /**
  * File control's interaction with the selected file:
@@ -15,7 +15,7 @@ import { type IssueMessages, type IssueMessagesByCode } from "../IssueMessages";
  */
 export type FileControlFileInteraction = "view" | "download" | "none";
 /** Properties of the file control component. */
-export interface FileControlProps<T extends KFormFile | null = KFormFile | null> extends Omit<FileInputOptions<T, FileList, React.ComponentRef<typeof Input>>, "enabled" | "formatFromFileList" | "parseToFileList">, Omit<React.ComponentPropsWithoutRef<typeof Input>, "type" | "multiple" | "defaultValue" | "value" | "onValueChange" | "status" | "align"> {
+export interface FileControlProps<T extends KFormFile | null = KFormFile | null> extends Omit<FileInputOptions<T, FileList, ComponentRef<typeof Input>>, "enabled" | "formatFromFileList" | "parseToFileList">, Omit<ComponentPropsWithoutRef<typeof Input>, "type" | "multiple" | "defaultValue" | "value" | "onValueChange" | "status" | "align"> {
     /** Path to the value. */
     path?: string | Path;
     /**
@@ -30,7 +30,7 @@ export interface FileControlProps<T extends KFormFile | null = KFormFile | null>
      *
      * This label has priority over the field's `ControlLabel`.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /**
      * Whether to display the issues associated with this control.
      *
@@ -48,7 +48,7 @@ export interface FileControlProps<T extends KFormFile | null = KFormFile | null>
      */
     preventAutoFocus?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<FileInputController<T, FileList, React.ComponentRef<typeof Input>> | undefined>;
+    apiRef?: Ref<FileInputController<T, FileList, ComponentRef<typeof Input>> | undefined>;
     /**
      * Type of interaction with the selected file.
      *
@@ -56,13 +56,13 @@ export interface FileControlProps<T extends KFormFile | null = KFormFile | null>
      */
     fileInteraction?: FileControlFileInteraction;
     /** Label of the button used to open the file viewer. */
-    viewFileButtonLabel?: React.ReactNode;
+    viewFileButtonLabel?: ReactNode;
     /** Label of the button used to download the file. */
-    downloadFileButtonLabel?: React.ReactNode;
+    downloadFileButtonLabel?: ReactNode;
     /** Text displayed when the file cannot be viewed. */
-    fallbackText?: React.ReactNode;
+    fallbackText?: ReactNode;
     /** Properties to pass to the `IssueMessages` component. */
-    issueMessagesProps?: Omit<React.ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
+    issueMessagesProps?: Omit<ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages" | "unwrapped">;
 }
 /** File control component supporting (possibly nullable) file schemas. */
-export declare const FileControl: React.ForwardRefExoticComponent<FileControlProps<KFormFile | null> & React.RefAttributes<HTMLInputElement>>;
+export declare const FileControl: import("react").ForwardRefExoticComponent<FileControlProps<KFormFile | null> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/FormApp/FormApp.d.ts

@@ -1,20 +1,20 @@
 import { AbsolutePath, type Path, type Schema, type SchemaKt } from "@ostack.tech/kform";
 import { type Controller, type FormOptions } from "@ostack.tech/kform-react";
 import { type Responsive, Root } from "@ostack.tech/ui";
-import * as React from "react";
-import { type LocalizationObject } from "../../locale/LocalizationObject.ts";
+import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
+import { type LocalizationObject } from "../../providers/LocalizationProvider/LocalizationObject.ts";
 import { type IssueMessagesByCode } from "../IssueMessages";
 /** Mode of displaying issue messages. */
 export type IssuesDisplayMode = "inline" | "panel";
 /** Properties of the form app component. */
-export type FormAppProps<T = any> = Pick<React.ComponentPropsWithoutRef<typeof Root>, "enableErrorReporting" | "reportError" | "errorReportingUrl" | "errorReportingMethod" | "encodeErrorReport" | "encodedErrorReportMimeType" | "errorReportingOptions" | "baseDocumentTitle" | "documentTitleBaseSeparator" | "documentTitleBreadcrumbsSeparator" | "portalsContainer" | "tooltipsDelayDuration" | "tooltipsSkipDelayDuration" | "disableTooltipsHoverableContent" | "toastsLabel" | "toastsDuration" | "toastsSwipeDirection" | "toastsSwipeThreshold" | "toastViewportHotkey" | "toastViewportLabel" | "toastViewportProps" | "errorBoundaryProps"> & FormOptions<T> & Omit<React.ComponentPropsWithoutRef<"form">, "onSubmit" | "onReset"> & {
+export type FormAppProps<T = any> = Pick<ComponentPropsWithoutRef<typeof Root>, "enableErrorReporting" | "reportError" | "errorReportingUrl" | "errorReportingMethod" | "encodeErrorReport" | "encodedErrorReportMimeType" | "errorReportingOptions" | "baseDocumentTitle" | "documentTitleBaseSeparator" | "documentTitleBreadcrumbsSeparator" | "portalsContainer" | "tooltipsDelayDuration" | "tooltipsSkipDelayDuration" | "disableTooltipsHoverableContent" | "toastsLabel" | "toastsDuration" | "toastsSwipeDirection" | "toastsSwipeThreshold" | "toastViewportHotkey" | "toastViewportLabel" | "toastViewportProps" | "errorBoundaryProps"> & FormOptions<T> & Omit<ComponentPropsWithoutRef<"form">, "onSubmit" | "onReset"> & {
     /** Schema of the form. */
     schema: Schema<T> | SchemaKt;
     /**
      * Label to use in the issues panel when displaying issues associated with
      * the form app.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /** Whether to disable the whole form. */
     disabled?: boolean;
     /** Whether to set the whole form as read-only. */
@@ -26,12 +26,16 @@ export type FormAppProps<T = any> = Pick<React.ComponentPropsWithoutRef<typeof R
      * This prefix-suffix should match the `$prefix-suffix` SCSS variable.
      */
     prefixSuffix?: string;
+    /** Uncontrolled form app locale. */
+    defaultLocale?: LocalizationObject;
+    /** Controlled form app locale. */
+    locale?: LocalizationObject;
     /**
-     * Form app locale.
+     * Function called when the locale changes.
      *
-     * @default defaultLocale
+     * @param locale New locale.
      */
-    locale?: LocalizationObject;
+    onLocaleChange?: (locale: LocalizationObject) => void;
     /**
      * Mapping of issue messages from the path of the field with issues to the
      * issue messages of said field (which are themselves grouped by their
@@ -92,7 +96,7 @@ export type FormAppProps<T = any> = Pick<React.ComponentPropsWithoutRef<typeof R
      */
     minHeight?: Responsive<number | string>;
     /** Reference to the form app's API. */
-    apiRef?: React.Ref<FormAppApi<T> | undefined>;
+    apiRef?: Ref<FormAppApi<T> | undefined>;
 };
 /** Imperative form app API. */
 export type FormAppApi<T = unknown> = Controller<T> & {
@@ -121,14 +125,14 @@ export type FormAppApi<T = unknown> = Controller<T> & {
  * ostack/UI's `locale` is automatically provided to the ostack/UI `Root`
  * component from the provided `FormApp` `locale`.
  */
-export declare const FormApp: React.ForwardRefExoticComponent<Pick<Omit<import("@ostack.tech/ui").RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "reportError" | "errorReportingUrl" | "errorReportingMethod" | "encodeErrorReport" | "encodedErrorReportMimeType" | "errorReportingOptions" | "baseDocumentTitle" | "enableErrorReporting" | "documentTitleBaseSeparator" | "documentTitleBreadcrumbsSeparator" | "portalsContainer" | "tooltipsDelayDuration" | "tooltipsSkipDelayDuration" | "disableTooltipsHoverableContent" | "toastsLabel" | "toastsDuration" | "toastsSwipeDirection" | "toastsSwipeThreshold" | "toastViewportHotkey" | "toastViewportLabel" | "toastViewportProps" | "errorBoundaryProps"> & Omit<import("@ostack.tech/kform-react").ControllerOptions<any, import("@ostack.tech/kform-react").FormControllerState<any>>, "formManager"> & import("@ostack.tech/kform-react").FormOwnOptions<any, unknown> & Omit<Omit<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "onReset" | "onSubmit"> & {
+export declare const FormApp: import("react").ForwardRefExoticComponent<Pick<Omit<import("@ostack.tech/ui").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "reportError" | "errorReportingUrl" | "errorReportingMethod" | "encodeErrorReport" | "encodedErrorReportMimeType" | "errorReportingOptions" | "baseDocumentTitle" | "enableErrorReporting" | "documentTitleBaseSeparator" | "documentTitleBreadcrumbsSeparator" | "portalsContainer" | "tooltipsDelayDuration" | "tooltipsSkipDelayDuration" | "disableTooltipsHoverableContent" | "toastsLabel" | "toastsDuration" | "toastsSwipeDirection" | "toastsSwipeThreshold" | "toastViewportHotkey" | "toastViewportLabel" | "toastViewportProps" | "errorBoundaryProps"> & Omit<import("@ostack.tech/kform-react").ControllerOptions<any, import("@ostack.tech/kform-react").FormControllerState<any>>, "formManager"> & import("@ostack.tech/kform-react").FormOwnOptions<any, unknown> & Omit<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "onReset" | "onSubmit"> & {
     /** Schema of the form. */
     schema: SchemaKt | Schema<any>;
     /**
      * Label to use in the issues panel when displaying issues associated with
      * the form app.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /** Whether to disable the whole form. */
     disabled?: boolean;
     /** Whether to set the whole form as read-only. */
@@ -140,12 +144,16 @@ export declare const FormApp: React.ForwardRefExoticComponent<Pick<Omit<import("
      * This prefix-suffix should match the `$prefix-suffix` SCSS variable.
      */
     prefixSuffix?: string;
+    /** Uncontrolled form app locale. */
+    defaultLocale?: LocalizationObject;
+    /** Controlled form app locale. */
+    locale?: LocalizationObject;
     /**
-     * Form app locale.
+     * Function called when the locale changes.
      *
-     * @default defaultLocale
+     * @param locale New locale.
      */
-    locale?: LocalizationObject;
+    onLocaleChange?: (locale: LocalizationObject) => void;
     /**
      * Mapping of issue messages from the path of the field with issues to the
      * issue messages of said field (which are themselves grouped by their
@@ -206,5 +214,5 @@ export declare const FormApp: React.ForwardRefExoticComponent<Pick<Omit<import("
      */
     minHeight?: Responsive<number | string>;
     /** Reference to the form app's API. */
-    apiRef?: React.Ref<FormAppApi<any> | undefined> | undefined;
-} & React.RefAttributes<HTMLFormElement>>;
+    apiRef?: Ref<FormAppApi<any> | undefined> | undefined;
+} & import("react").RefAttributes<HTMLFormElement>>;

package/dist/types/components/FormApp/FormAppAutoFocus.d.ts

@@ -0,0 +1,2 @@
+/** Component enabling support for auto-focusing the form app via `focus("/")`. */
+export declare function FormAppAutoFocus(): null;