@ostack.tech/ui-kform 0.1.1 → 0.2.0

package/dist/types/components/IssuesPanel/IssuesPanelSummaryCard.d.ts

@@ -1,9 +1,9 @@
 import { type IssuesTrackerResult } from "@ostack.tech/kform-react";
 import { Card, type IconButtonColor } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 import { type IssuesPanelProps } from "./IssuesPanel.tsx";
-export interface IssuesPanelSummaryCardProps extends React.ComponentPropsWithoutRef<typeof Card>, Pick<IssuesPanelProps, "errorsLabel" | "warningsLabel" | "noIssuesMessage" | "headerProps" | "loadingSpinnerProps" | "titleProps" | "iconProps"> {
+export interface IssuesPanelSummaryCardProps extends ComponentPropsWithoutRef<typeof Card>, Pick<IssuesPanelProps, "errorsLabel" | "warningsLabel" | "noIssuesMessage" | "headerProps" | "loadingSpinnerProps" | "titleProps" | "iconProps"> {
     issuesTrackerResult: IssuesTrackerResult;
-    renderControls: (buttonsColor?: IconButtonColor) => React.ReactNode;
+    renderControls: (buttonsColor?: IconButtonColor) => ReactNode;
 }
-export declare const IssuesPanelSummaryCard: React.ForwardRefExoticComponent<IssuesPanelSummaryCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const IssuesPanelSummaryCard: import("react").ForwardRefExoticComponent<IssuesPanelSummaryCardProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,8 @@
 import { type Path } from "@ostack.tech/kform";
 import { FeedbackPopover } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the issues popover component. */
-export interface IssuesPopoverProps extends React.ComponentPropsWithoutRef<typeof FeedbackPopover> {
+export interface IssuesPopoverProps extends ComponentPropsWithoutRef<typeof FeedbackPopover> {
     path?: string | Path;
     /**
      * Paths relevant to this issues popover. When one of the relevant paths
@@ -12,4 +12,4 @@ export interface IssuesPopoverProps extends React.ComponentPropsWithoutRef<typeo
     relevantPaths?: (string | Path)[];
 }
 /** Component used to display issues within a popover. */
-export declare const IssuesPopover: React.ForwardRefExoticComponent<IssuesPopoverProps & React.RefAttributes<HTMLDivElement>>;
+export declare const IssuesPopover: import("react").ForwardRefExoticComponent<IssuesPopoverProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,10 @@
 import { type ButtonProps } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ReactNode } from "react";
 import { type FormLoaderOptions } from "../../utils/useFormLoader.tsx";
 /** Properties of the load action. */
 export interface LoadActionProps<T = unknown> extends Omit<ButtonProps, "children">, FormLoaderOptions<T> {
     /** Action's label. */
-    label?: React.ReactNode;
+    label?: ReactNode;
     /**
      * Keybinds for triggering the action. Set to `null` to disable the keyboard
      * shortcut.

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

@@ -1,10 +1,10 @@
 import { type Path } from "@ostack.tech/kform";
 import { type Numeric, type NumericInputController, type NumericInputOptions } from "@ostack.tech/kform-react";
 import { NumericInput } 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 numeric control component. */
-export interface NumericControlProps<T extends Numeric | null = Numeric | null> extends Omit<NumericInputOptions<T, string, React.ComponentRef<typeof NumericInput>>, "enabled" | "formatFromString" | "parseToString">, Omit<React.ComponentPropsWithoutRef<typeof NumericInput>, "defaultValue" | "value" | "onValueChange" | "valueIsUnformattedString" | "status"> {
+export interface NumericControlProps<T extends Numeric | null = Numeric | null> extends Omit<NumericInputOptions<T, string, ComponentRef<typeof NumericInput>>, "enabled" | "formatFromString" | "parseToString">, Omit<ComponentPropsWithoutRef<typeof NumericInput>, "defaultValue" | "value" | "onValueChange" | "valueIsUnformattedString" | "status"> {
     /** Path to the value. */
     path?: string | Path;
     /**
@@ -19,7 +19,7 @@ export interface NumericControlProps<T extends Numeric | null = Numeric | 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,9 +37,9 @@ export interface NumericControlProps<T extends Numeric | null = Numeric | null>
      */
     preventAutoFocus?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<NumericInputController<T, string, React.ComponentRef<typeof NumericInput>> | undefined>;
+    apiRef?: Ref<NumericInputController<T, string, ComponentRef<typeof NumericInput>> | 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">;
 }
 /** Numeric control component supporting (possibly nullable) numeric schemas. */
-export declare const NumericControl: React.ForwardRefExoticComponent<NumericControlProps<Numeric | null> & React.RefAttributes<HTMLInputElement>>;
+export declare const NumericControl: import("react").ForwardRefExoticComponent<NumericControlProps<Numeric | null> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,8 +1,8 @@
 import { type AbsolutePath, type Path } from "@ostack.tech/kform";
 import { Link } from "@ostack.tech/ui";
-import React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the path link component. */
-export interface PathLinkProps extends Omit<React.ComponentPropsWithoutRef<typeof Link>, "href"> {
+export interface PathLinkProps extends Omit<ComponentPropsWithoutRef<typeof Link>, "href"> {
     /** KForm path to link to. */
     to: string | Path;
     /**

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

@@ -1,19 +1,19 @@
 import { type Path } from "@ostack.tech/kform";
 import { type InputController, type InputOptions } from "@ostack.tech/kform-react";
 import { Radio, RadioGroup } 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";
 /** Radio in object notation. */
-export type RadioObject<T = unknown> = Omit<React.ComponentPropsWithRef<typeof Radio>, "value" | "children"> & {
+export type RadioObject<T = unknown> = Omit<ComponentPropsWithRef<typeof Radio>, "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 radio group control component. */
-export interface RadioGroupControlProps<T = unknown> extends Omit<InputOptions<T, string, React.ComponentRef<typeof RadioGroup>>, "enabled" | "format" | "parse">, Omit<React.ComponentPropsWithoutRef<typeof RadioGroup>, "defaultValue" | "value" | "onValueChange" | "children" | "status"> {
+export interface RadioGroupControlProps<T = unknown> extends Omit<InputOptions<T, string, ComponentRef<typeof RadioGroup>>, "enabled" | "format" | "parse">, Omit<ComponentPropsWithoutRef<typeof RadioGroup>, "defaultValue" | "value" | "onValueChange" | "children" | "status"> {
     /** Path to the value. */
     path?: string | Path;
     /** RadioGroup control options. */
@@ -30,7 +30,7 @@ export interface RadioGroupControlProps<T = unknown> extends Omit<InputOptions<T
      *
      * 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 RadioGroupControlProps<T = unknown> extends Omit<InputOptions<T
      */
     preventAutoFocus?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<InputController<T, string, React.ComponentRef<typeof RadioGroup>> | undefined>;
+    apiRef?: Ref<InputController<T, string, ComponentRef<typeof RadioGroup>> | 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">;
 }
 /** Radio group control component supporting schemas of any type. */
-export declare const RadioGroupControl: React.ForwardRefExoticComponent<RadioGroupControlProps<unknown> & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioGroupControl: import("react").ForwardRefExoticComponent<RadioGroupControlProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,10 @@
 import { type ButtonProps, DropdownMenuContent, IconButton } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithRef, type ReactNode } from "react";
 import { type FormSaverOptions } from "../../utils/useFormSaver.tsx";
 /** Properties of the save action. */
 export interface SaveActionProps<T = unknown> extends Omit<ButtonProps, "children">, Omit<FormSaverOptions<T>, "overwrite"> {
     /** Action's label. */
-    label?: React.ReactNode;
+    label?: ReactNode;
     /**
      * Keybinds for triggering the action. Set to `null` to disable the keyboard
      * shortcut.
@@ -27,9 +27,9 @@ export interface SaveActionProps<T = unknown> extends Omit<ButtonProps, "childre
      */
     disableOverwrite?: boolean;
     /** Label of the save options button. */
-    saveOptionsLabel?: React.ReactNode;
+    saveOptionsLabel?: ReactNode;
     /** Label of the action's "save as" sub-action. */
-    saveAsLabel?: React.ReactNode;
+    saveAsLabel?: ReactNode;
     /**
      * Keybinds for triggering the "save as" sub-action. Set to `null` to disable
      * the keyboard shortcut.
@@ -43,9 +43,9 @@ export interface SaveActionProps<T = unknown> extends Omit<ButtonProps, "childre
      */
     saveAsKeybinds?: string | string[] | null;
     /** Properties to pass to the save options button component. */
-    saveOptionsProps?: Omit<Partial<React.ComponentPropsWithRef<typeof IconButton>>, "label">;
+    saveOptionsProps?: Omit<Partial<ComponentPropsWithRef<typeof IconButton>>, "label">;
     /** Properties to pass to the save options dropdown menu component. */
-    dropdownMenuProps?: React.ComponentPropsWithRef<typeof DropdownMenuContent>;
+    dropdownMenuProps?: ComponentPropsWithRef<typeof DropdownMenuContent>;
 }
 /** Action used to save the form to a file. */
 export declare function SaveAction<T = unknown>({ label, keybinds, disableOverwrite, saveOptionsLabel, saveAsLabel, saveAsKeybinds, loading, disabled, onClick, variant, color, path, encode, fileName, extensions, description, mimeTypes, startIn, excludeAcceptAllOption, id, successMessage, errorMessage, saveOptionsProps, dropdownMenuProps, ...otherProps }: SaveActionProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,11 @@
 import { type Path } from "@ostack.tech/kform";
 import { type InputController, type InputOptions } from "@ostack.tech/kform-react";
 import { Select } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ComponentRef, type ReactNode, type Ref } from "react";
 import { type OptionObject, type OptionsGroupObject } from "../../utils/options.ts";
 import { type IssueMessages, type IssueMessagesByCode } from "../IssueMessages";
 /** Properties of the select control component. */
-export interface SelectControlProps<T = unknown> extends Omit<InputOptions<T, string, React.ComponentRef<typeof Select>>, "enabled" | "format" | "parse">, Omit<React.ComponentPropsWithoutRef<typeof Select>, "multiple" | "defaultValue" | "value" | "onValueChange" | "children" | "status"> {
+export interface SelectControlProps<T = unknown> extends Omit<InputOptions<T, string, ComponentRef<typeof Select>>, "enabled" | "format" | "parse">, Omit<ComponentPropsWithoutRef<typeof Select>, "multiple" | "defaultValue" | "value" | "onValueChange" | "children" | "status"> {
     /** Path to the value. */
     path?: string | Path;
     /** Select control options. */
@@ -22,7 +22,7 @@ export interface SelectControlProps<T = unknown> extends Omit<InputOptions<T, st
      *
      * This label has priority over the field's `ControlLabel`.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /**
      * Whether to display the issues associated with this control.
      *
@@ -40,9 +40,9 @@ export interface SelectControlProps<T = unknown> extends Omit<InputOptions<T, st
      */
     preventAutoFocus?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<InputController<T, string, React.ComponentRef<typeof Select>> | undefined>;
+    apiRef?: Ref<InputController<T, string, ComponentRef<typeof Select>> | 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">;
 }
 /** Select control component supporting schemas of any type. */
-export declare const SelectControl: React.ForwardRefExoticComponent<SelectControlProps<unknown> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectControl: import("react").ForwardRefExoticComponent<SelectControlProps<unknown> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,11 +1,11 @@
 import { type Path } from "@ostack.tech/kform";
 import { type Listable, type ListableInputController, type ListableInputOptions } from "@ostack.tech/kform-react";
 import { Select } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ComponentRef, type ReactNode, type Ref } from "react";
 import { type OptionObject, type OptionsGroupObject } from "../../utils/options.ts";
 import { type IssueMessages, type IssueMessagesByCode } from "../IssueMessages";
 /** Properties of the select multiple control component. */
-export interface SelectMultipleControlProps<T = unknown, TListable extends Listable<T> | null = Listable<T> | null> extends Omit<ListableInputOptions<T, TListable, string[], React.ComponentRef<typeof Select>>, "enabled" | "formatFromArray" | "parseToArray">, Omit<React.ComponentPropsWithoutRef<typeof Select>, "multiple" | "defaultValue" | "value" | "onValueChange" | "children" | "status"> {
+export interface SelectMultipleControlProps<T = unknown, TListable extends Listable<T> | null = Listable<T> | null> extends Omit<ListableInputOptions<T, TListable, string[], ComponentRef<typeof Select>>, "enabled" | "formatFromArray" | "parseToArray">, Omit<ComponentPropsWithoutRef<typeof Select>, "multiple" | "defaultValue" | "value" | "onValueChange" | "children" | "status"> {
     /** Path to the value. */
     path?: string | Path;
     /**
@@ -20,7 +20,7 @@ export interface SelectMultipleControlProps<T = unknown, TListable extends Lista
      *
      * This label has priority over the field's `ControlLabel`.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /**
      * Whether to display the issues associated with this control.
      *
@@ -40,9 +40,9 @@ export interface SelectMultipleControlProps<T = unknown, TListable extends Lista
      */
     preventAutoFocus?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<ListableInputController<T, TListable, string[], React.ComponentRef<typeof Select>> | undefined>;
+    apiRef?: Ref<ListableInputController<T, TListable, string[], ComponentRef<typeof Select>> | 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">;
 }
 /**
  * Select multiple control component supporting (possibly nullable) listable
@@ -52,4 +52,4 @@ export interface SelectMultipleControlProps<T = unknown, TListable extends Lista
  * the control contains no elements. Note, however, that the form may still hold
  * an empty listable as value if set programmatically.
  */
-export declare const SelectMultipleControl: React.ForwardRefExoticComponent<SelectMultipleControlProps<unknown, Listable<unknown> | null> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectMultipleControl: import("react").ForwardRefExoticComponent<SelectMultipleControlProps<unknown, Listable<unknown> | null> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,11 +1,11 @@
 import { type LocatedValidationWarning } from "@ostack.tech/kform";
 import { type SubmitOptions } from "@ostack.tech/kform-react";
 import { Alert, AlertDialogBody, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, type ButtonProps, Checkbox } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithRef, type ReactNode } from "react";
 /** Properties of the submit action. */
 export interface SubmitActionProps<T = unknown, TSubmitResult = unknown> extends Omit<ButtonProps, "children" | "onSubmit">, Pick<Required<SubmitOptions<T, TSubmitResult>>, "onSubmit">, Omit<SubmitOptions<T, TSubmitResult>, "onSubmit"> {
     /** Action's label. */
-    label?: React.ReactNode;
+    label?: ReactNode;
     /**
      * Keybinds for triggering the action. Set to `null` to disable the keyboard
      * shortcut.
@@ -26,12 +26,12 @@ export interface SubmitActionProps<T = unknown, TSubmitResult = unknown> extends
      */
     confirmWarnings?: boolean;
     /** Title of the confirmation dialog which appears when submitting the form. */
-    dialogTitle?: React.ReactNode | ((formValue: T, warnings?: LocatedValidationWarning[]) => React.ReactNode);
+    dialogTitle?: ReactNode | ((formValue: T, warnings?: LocatedValidationWarning[]) => ReactNode);
     /**
      * Description of the confirmation dialog which appears when submitting the
      * form.
      */
-    dialogDescription?: React.ReactNode | ((formValue: T, warnings?: LocatedValidationWarning[]) => React.ReactNode);
+    dialogDescription?: ReactNode | ((formValue: T, warnings?: LocatedValidationWarning[]) => ReactNode);
     /**
      * Body of the confirmation dialog which appears when submitting the form.
      *
@@ -39,56 +39,56 @@ export interface SubmitActionProps<T = unknown, TSubmitResult = unknown> extends
      * and will be displayed between the description and the “confirm warnings
      * alert”, when it exists.
      */
-    dialogBody?: React.ReactNode | ((formValue: T, warnings?: LocatedValidationWarning[]) => React.ReactNode);
+    dialogBody?: ReactNode | ((formValue: T, warnings?: LocatedValidationWarning[]) => ReactNode);
     /**
      * Label of the checkbox which prompts users to confirm that they intend to
      * proceed with submission in the event of warnings in the form.
      */
-    confirmWarningsCheckboxLabel?: React.ReactNode;
+    confirmWarningsCheckboxLabel?: ReactNode;
     /**
      * Text of the OK button in the confirmation dialog which appears when
      * submitting the form.
      */
-    dialogOkText?: React.ReactNode;
+    dialogOkText?: ReactNode;
     /**
      * Text of the cancel button in the confirmation dialog which appears when
      * submitting the form.
      */
-    dialogCancelText?: React.ReactNode;
+    dialogCancelText?: ReactNode;
     /**
      * Message to show in a toast after a successful submission.
      *
      * @param submitResult Result of `onSubmit`.
      * @returns Message to show in a toast.
      */
-    successMessage?: (submitResult: TSubmitResult) => React.ReactNode;
+    successMessage?: (submitResult: TSubmitResult) => ReactNode;
     /**
      * Message to show in a toast when an error occurs while submitting the form.
      *
      * @param error Error that occurred.
      * @returns Message to show in a toast.
      */
-    errorMessage?: (error: unknown) => React.ReactNode;
+    errorMessage?: (error: unknown) => ReactNode;
     /** Properties to pass to the confirmation dialog content component. */
-    dialogContentProps?: Omit<React.ComponentPropsWithRef<typeof AlertDialogContent>, "children">;
+    dialogContentProps?: Omit<ComponentPropsWithRef<typeof AlertDialogContent>, "children">;
     /** Properties to pass to the confirmation dialog header component. */
-    dialogHeaderProps?: Omit<React.ComponentPropsWithRef<typeof AlertDialogHeader>, "children">;
+    dialogHeaderProps?: Omit<ComponentPropsWithRef<typeof AlertDialogHeader>, "children">;
     /** Properties to pass to the confirmation dialog title component. */
-    dialogTitleProps?: Omit<React.ComponentPropsWithRef<typeof AlertDialogTitle>, "children">;
+    dialogTitleProps?: Omit<ComponentPropsWithRef<typeof AlertDialogTitle>, "children">;
     /** Properties to pass to the confirmation dialog body component. */
-    dialogBodyProps?: Omit<React.ComponentPropsWithRef<typeof AlertDialogBody>, "children">;
+    dialogBodyProps?: Omit<ComponentPropsWithRef<typeof AlertDialogBody>, "children">;
     /** Properties to pass to the confirmation dialog description component. */
-    dialogDescriptionProps?: Omit<React.ComponentPropsWithRef<typeof AlertDialogDescription>, "children">;
+    dialogDescriptionProps?: Omit<ComponentPropsWithRef<typeof AlertDialogDescription>, "children">;
     /** Properties to pass to the confirmation dialog footer component. */
-    dialogFooterProps?: Omit<React.ComponentPropsWithRef<typeof AlertDialogFooter>, "children">;
+    dialogFooterProps?: Omit<ComponentPropsWithRef<typeof AlertDialogFooter>, "children">;
     /** Properties to pass to the confirmation dialog OK button component. */
-    dialogOkButtonProps?: Omit<React.ComponentPropsWithRef<typeof Button>, "children">;
+    dialogOkButtonProps?: Omit<ComponentPropsWithRef<typeof Button>, "children">;
     /** Properties to pass to the confirmation dialog cancel button component. */
-    dialogCancelButtonProps?: Omit<React.ComponentPropsWithRef<typeof Button>, "children">;
+    dialogCancelButtonProps?: Omit<ComponentPropsWithRef<typeof Button>, "children">;
     /** Properties to pass to the alert used to confirm warnings. */
-    confirmWarningsAlertProps?: Omit<React.ComponentPropsWithRef<typeof Alert>, "children">;
+    confirmWarningsAlertProps?: Omit<ComponentPropsWithRef<typeof Alert>, "children">;
     /** Properties to pass to the checkbox used to confirm warnings. */
-    confirmWarningsCheckboxProps?: Omit<React.ComponentPropsWithRef<typeof Checkbox>, "checked" | "onCheckedChange" | "children">;
+    confirmWarningsCheckboxProps?: Omit<ComponentPropsWithRef<typeof Checkbox>, "checked" | "onCheckedChange" | "children">;
 }
 /** Action used to submit the form. */
 export declare function SubmitAction<T = unknown, TSubmitResult = unknown>({ onSubmit, onInvalidSubmit, onSuccessfulSubmit, onFailedSubmit, setTouchedOnSubmit, validateOnSubmit, setPristineOnSuccessfulSubmit, convertExternalIssuesTableRowIndicesToIds, label, keybinds, confirmWarnings, loading, disabled, onClick, dialogTitle, dialogDescription, dialogBody, confirmWarningsCheckboxLabel, dialogOkText, dialogCancelText, successMessage, errorMessage, dialogContentProps, dialogHeaderProps, dialogTitleProps, dialogBodyProps, dialogDescriptionProps, dialogFooterProps, dialogOkButtonProps, dialogCancelButtonProps, confirmWarningsAlertProps, confirmWarningsCheckboxProps, ...otherProps }: SubmitActionProps<T, TSubmitResult>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
 import { type Path, type Table } from "@ostack.tech/kform";
 import { type ControllerOptions } from "@ostack.tech/kform-react";
 import { DataTable } 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";
 import { type TableControlApi } from "./TableControlApi.ts";
 import { type TableControlColumn, type TableControlColumns } from "./TableControlColumn.tsx";
 /** Properties of the table control component. */
-export interface TableControlProps<T = unknown, TTable extends Table<T> | null = Table<T> | null> extends Omit<React.ComponentPropsWithoutRef<typeof DataTable>, "columns" | "rows" | "getRows" | "rowKey" | "loading" | "defaultFilter" | "filter" | "onFilterChange" | "defaultSortBy" | "sortBy" | "defaultSortDirection" | "sortDirection" | "onSort" | "showSelectionColumn" | "defaultSelectedRows" | "selectedRows" | "onSelectedRowsChange" | "apiRef">, Omit<ControllerOptions<TTable>, "enabled"> {
+export interface TableControlProps<T = unknown, TTable extends Table<T> | null = Table<T> | null> extends Omit<ComponentPropsWithoutRef<typeof DataTable>, "columns" | "rows" | "getRows" | "rowKey" | "loading" | "defaultFilter" | "filter" | "onFilterChange" | "defaultSortBy" | "sortBy" | "defaultSortDirection" | "sortDirection" | "onSort" | "showSelectionColumn" | "defaultSelectedRows" | "selectedRows" | "onSelectedRowsChange" | "apiRef">, Omit<ControllerOptions<TTable>, "enabled"> {
     /** Control's path. */
     path?: string | Path;
     /**
@@ -21,7 +21,7 @@ export interface TableControlProps<T = unknown, TTable extends Table<T> | null =
      *
      * This label has priority over the table's `ControlLabel`.
      */
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     /**
      * Whether to display the issues associated with this control.
      *
@@ -50,15 +50,15 @@ export interface TableControlProps<T = unknown, TTable extends Table<T> | null =
      */
     preventAutoFocus?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<TableControlApi<T, TTable> | undefined>;
+    apiRef?: Ref<TableControlApi<T, TTable> | 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">;
 }
 /** Table control component supporting (possibly nullable) collection schemas. */
-export declare const TableControl: React.ForwardRefExoticComponent<TableControlProps<unknown, Table<unknown> | null> & React.RefAttributes<HTMLTableElement>>;
+export declare const TableControl: import("react").ForwardRefExoticComponent<TableControlProps<unknown, Table<unknown> | null> & import("react").RefAttributes<HTMLTableElement>>;
 /** Properties of the table control cell renderer. */
 export interface TableControlCellRendererProps<T = unknown> {
     render: NonNullable<TableControlColumn<T>["render"]>;
 }
 /** Renderer of a table control cell. */
-export declare function TableControlCellRenderer<T = unknown>({ render, }: TableControlCellRendererProps<T>): React.ReactNode;
+export declare function TableControlCellRenderer<T = unknown>({ render, }: TableControlCellRendererProps<T>): ReactNode;

package/dist/types/components/TableControl/TableControlAddRowTrigger.d.ts

@@ -1,12 +1,12 @@
 import { Button } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 /** Properties of the table control add row trigger component. */
-export interface TableControlAddRowTriggerProps extends React.ComponentPropsWithoutRef<typeof Button> {
+export interface TableControlAddRowTriggerProps extends ComponentPropsWithoutRef<typeof Button> {
     /**
      * Text displayed on the button rendered by default when no `children` are
      * provided. If `children` are provided, this property has no effect.
      */
-    defaultButtonText?: React.ReactNode;
+    defaultButtonText?: ReactNode;
     /** Function called after the row has been added. */
     onRowAdded?: () => void;
     /**
@@ -22,4 +22,4 @@ export interface TableControlAddRowTriggerProps extends React.ComponentPropsWith
  * By default, it renders a button with text `defaultButtonText`, however, this
  * can be overriden by providing `children`.
  */
-export declare const TableControlAddRowTrigger: React.ForwardRefExoticComponent<TableControlAddRowTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TableControlAddRowTrigger: import("react").ForwardRefExoticComponent<TableControlAddRowTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/TableControl/TableControlApi.d.ts

@@ -1,7 +1,7 @@
 import { type Table, type TableRowId } from "@ostack.tech/kform";
 import { type Controller } from "@ostack.tech/kform-react";
 import { type DataTableScrollToOptions } from "@ostack.tech/ui";
-import * as React from "react";
+import { type RefObject } from "react";
 /** Imperative table control API. */
 export type TableControlApi<T = unknown, TTable extends Table<T> | null = Table<T> | null> = Controller<TTable> & {
     /**
@@ -22,4 +22,4 @@ export type TableControlApi<T = unknown, TTable extends Table<T> | null = Table<
     goToId: (id: TableRowId, scrollOptions?: DataTableScrollToOptions) => void;
 };
 /** Hook used to access the table control API. */
-export declare function useTableControlApiRef<T = unknown, TTable extends Table<T> | null = Table<T> | null>(): React.RefObject<TableControlApi<T, TTable> | null>;
+export declare function useTableControlApiRef<T = unknown, TTable extends Table<T> | null = Table<T> | null>(): RefObject<TableControlApi<T, TTable> | null>;

package/dist/types/components/TableControl/TableControlCell.d.ts

@@ -1,7 +1,7 @@
 import { DataTableCell } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the table control cell. */
-export interface TableControlCellProps extends React.ComponentPropsWithoutRef<typeof DataTableCell> {
+export interface TableControlCellProps extends ComponentPropsWithoutRef<typeof DataTableCell> {
 }
 /** Cell of the table control. */
-export declare const TableControlCell: React.ForwardRefExoticComponent<TableControlCellProps & React.RefAttributes<HTMLTableDataCellElement>>;
+export declare const TableControlCell: import("react").ForwardRefExoticComponent<TableControlCellProps & import("react").RefAttributes<HTMLTableDataCellElement>>;

package/dist/types/components/TableControl/TableControlColumn.d.ts

@@ -1,6 +1,6 @@
 import { type Controller } from "@ostack.tech/kform-react";
 import { type DataTableColumn } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithRef, type ReactNode } from "react";
 import { TableControlRemoveRowTrigger } from "./TableControlRemoveRowTrigger.tsx";
 /** Array of table control columns. */
 export type TableControlColumns<T = unknown> = (TableControlColumn<T> | ((tableControlStatus: TableControlStatus) => TableControlColumn<T> | false | null | undefined) | false | null | undefined)[];
@@ -21,7 +21,7 @@ export interface TableControlColumn<T = unknown, TValue = any> extends Omit<Data
     /** Sub columns of this column. */
     subColumns?: TableControlColumns<T>;
     /** Function used to render the cell's content. */
-    render?: (rowController: TableControlRowController<T>) => React.ReactNode;
+    render?: (rowController: TableControlRowController<T>) => ReactNode;
 }
 /**
  * Pre-configured column used to display the index of each row. By default, it
@@ -54,5 +54,5 @@ export declare function tableControlIndexColumn<T = unknown, TValue = any>(overr
  * @returns Table control column used to display the actions of each row.
  */
 export declare function tableControlActionsColumn<T = unknown, TValue = any>({ removeRowProps, ...columnOverrides }?: TableControlColumn<T, TValue> & {
-    removeRowProps?: React.ComponentPropsWithRef<typeof TableControlRemoveRowTrigger>;
+    removeRowProps?: ComponentPropsWithRef<typeof TableControlRemoveRowTrigger>;
 }): (tableControlStatus: TableControlStatus) => TableControlColumn<T, TValue> | false;

package/dist/types/components/TableControl/TableControlContent.d.ts

@@ -1,7 +1,7 @@
 import { DataTableContent } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the table control content component. */
-export interface TableControlContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DataTableContent>, "status"> {
+export interface TableControlContentProps extends Omit<ComponentPropsWithoutRef<typeof DataTableContent>, "status"> {
 }
 /** Component containing the content of the table control. */
-export declare const TableControlContent: React.ForwardRefExoticComponent<TableControlContentProps & React.RefAttributes<HTMLTableElement>>;
+export declare const TableControlContent: import("react").ForwardRefExoticComponent<TableControlContentProps & import("react").RefAttributes<HTMLTableElement>>;

package/dist/types/components/TableControl/TableControlContext.d.ts

@@ -1,12 +1,12 @@
 import { type AbsolutePath, type Table, type TableRowId } from "@ostack.tech/kform";
 import { type FormatterController } from "@ostack.tech/kform-react";
-import * as React from "react";
+import { type Ref } from "react";
 import { type UseRegisterControlResult } from "../../utils/useRegisterControl.tsx";
 import { type TableControlRowController } from "./TableControlColumn.tsx";
 /** Value of the table control context. */
 export interface TableControlContextValue<T = any, TTable extends Table<T> | null = Table<T> | null> {
     controller: TableControlController<T, TTable>;
-    autofocusRef: React.Ref<HTMLDivElement>;
+    autofocusRef: Ref<HTMLDivElement>;
     handleFocus: UseRegisterControlResult<HTMLDivElement>["handleFocus"];
     size?: number;
     maxRows?: number;
@@ -17,10 +17,10 @@ export type TableControlController<T = any, TTable extends Table<T> | null = Tab
     removeRow: (path: AbsolutePath) => PromiseLike<void> | void;
 };
 /** Table control context. */
-export declare const TableControlContext: React.Context<TableControlContextValue<any, Table<any> | null> | null>;
+export declare const TableControlContext: import("react").Context<TableControlContextValue<any, Table<any> | null> | null>;
 /** Hook providing access to the table control context. */
 export declare function useTableControlContext<T = unknown, TTable extends Table<T> | null = Table<T> | null>(): TableControlContextValue<T, TTable>;
 /** Table control row context. */
-export declare const TableControlRowContext: React.Context<TableControlRowController | null>;
+export declare const TableControlRowContext: import("react").Context<TableControlRowController | null>;
 /** Hook providing access to the table control row context. */
 export declare function useTableControlRowContext<T>(): TableControlRowController<T>;

package/dist/types/components/TableControl/TableControlRemoveRowTrigger.d.ts

@@ -1,7 +1,7 @@
 import { IconButton } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 /** Properties of the table control remove row trigger component. */
-export interface TableControlRemoveRowTriggerProps extends Omit<Partial<React.ComponentPropsWithoutRef<typeof IconButton>>, "children"> {
+export interface TableControlRemoveRowTriggerProps extends Omit<Partial<ComponentPropsWithoutRef<typeof IconButton>>, "children"> {
     /**
      * Whether to show a confirmation message when removing a row.
      *
@@ -19,25 +19,25 @@ export interface TableControlRemoveRowTriggerProps extends Omit<Partial<React.Co
      * Label displayed on the icon button rendered by default when no `children`
      * are provided. If `children` are provided, this property has no effect.
      */
-    defaultButtonLabel?: React.ReactNode;
+    defaultButtonLabel?: ReactNode;
     /** Title of the confirmation dialog when `showConfirmation` is `true`. */
-    confirmDialogTitle?: React.ReactNode;
+    confirmDialogTitle?: ReactNode;
     /**
      * Message of the confirmation dialog when `showConfirmation` is `true`.
      *
      * @param index Index of the row being removed.
      */
-    confirmDialogMessage?: (index: number) => React.ReactNode;
+    confirmDialogMessage?: (index: number) => ReactNode;
     /**
      * Ok button text of the confirmation dialog when `showConfirmation` is
      * `true`.
      */
-    confirmDialogOkText?: React.ReactNode;
+    confirmDialogOkText?: ReactNode;
     /**
      * Cancel button text of the confirmation dialog when `showConfirmation` is
      * `true`.
      */
-    confirmDialogCancelText?: React.ReactNode;
+    confirmDialogCancelText?: ReactNode;
     /**
      * Whether to show the trigger when the table is read-only.
      *
@@ -50,7 +50,7 @@ export interface TableControlRemoveRowTriggerProps extends Omit<Partial<React.Co
      * passed as children which will receive an argument with whether the row is
      * currently being removed.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
  * Trigger used to remove a row of a table controlled by a table control.
@@ -58,4 +58,4 @@ export interface TableControlRemoveRowTriggerProps extends Omit<Partial<React.Co
  * By default, it renders an icon button with label `defaultButtonLabel`,
  * however, this can be overriden by providing `children`.
  */
-export declare const TableControlRemoveRowTrigger: React.ForwardRefExoticComponent<TableControlRemoveRowTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TableControlRemoveRowTrigger: import("react").ForwardRefExoticComponent<TableControlRemoveRowTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/TableControl/TableControlRow.d.ts

@@ -1,7 +1,7 @@
 import { DataTableRow } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the table control row. */
-export interface TableControlRowProps extends React.ComponentPropsWithoutRef<typeof DataTableRow> {
+export interface TableControlRowProps extends ComponentPropsWithoutRef<typeof DataTableRow> {
 }
 /** Row of a table control. */
-export declare const TableControlRow: React.NamedExoticComponent<TableControlRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableControlRow: import("react").NamedExoticComponent<TableControlRowProps & import("react").RefAttributes<HTMLTableRowElement>>;