@ostack.tech/ui-kform 0.1.1 → 0.2.0

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

@@ -1,6 +1,6 @@
 import { AbsolutePath, type Path, PathMultimap, type PathMultimapEntryId } from "@ostack.tech/kform";
 import { type Controller } from "@ostack.tech/kform-react";
-import * as React from "react";
+import { type ReactNode } from "react";
 import { type IssueMessagesByCode, type IssueMessageValue } from "../IssueMessages";
 import { type IssuesDisplayMode } from "./FormApp.tsx";
 /** Value of the form app context. */
@@ -31,19 +31,17 @@ export interface FormAppState<T> {
         }>
     ];
     deferredIssueMessageRemovalEntryIds: PathMultimapEntryId[];
-    registeredLabels: [
-        PathMultimap<{
-            label: React.ReactNode;
-            priority: number;
-        }>
-    ];
+    registeredLabels: [PathMultimap<{
+        label: ReactNode;
+        priority: number;
+    }>];
     deferredLabelRemovalEntryIds: PathMultimapEntryId[];
     actions: FormAppActions;
 }
 /** Item of a breadcrumb. */
 export interface BreadcrumbItem {
     path: AbsolutePath;
-    label: React.ReactNode;
+    label: ReactNode;
 }
 /** Actions of the form app. */
 export interface FormAppActions {
@@ -55,8 +53,8 @@ export interface FormAppActions {
     setActivePath: (path: AbsolutePath) => void;
     registerIssueMessages: (basePath: AbsolutePath, issueMessages?: Record<string, IssueMessagesByCode>, priority?: number) => (() => void) | void;
     getRegisteredIssueMessage: (path: AbsolutePath, code: string) => IssueMessageValue | null;
-    registerLabel: (path: AbsolutePath, label: React.ReactNode, priority?: number) => (() => void) | void;
-    getRegisteredLabel: (path: AbsolutePath) => React.ReactNode;
+    registerLabel: (path: AbsolutePath, label: ReactNode, priority?: number) => (() => void) | void;
+    getRegisteredLabel: (path: AbsolutePath) => ReactNode;
     getActiveIssuesPanelBreadcrumb: () => BreadcrumbItem[] | null;
     startIssuesNavigation: (options?: {
         validate?: boolean;
@@ -66,7 +64,7 @@ export interface FormAppActions {
 /** Form app store. */
 export type FormAppStore<T> = ReturnType<typeof useCreateFormAppContext<T>>["store"];
 /** Form app context. */
-export declare const FormAppContext: React.Context<FormAppContextValue<unknown> | null>;
+export declare const FormAppContext: import("react").Context<FormAppContextValue<unknown> | null>;
 /** Options used to create the data table context value. */
 export interface UseCreateFormAppContextOptions<T> extends Omit<FormAppContextValue<T>, "store"> {
     controller: Controller<T>;
@@ -121,7 +119,7 @@ export declare function useSetLeftSidebarWidth(): (width?: number) => void;
 export declare function useSetBottomPanelHeight(): (height?: number) => void;
 /**
  * Returns the current active path of the form app and a function that can be
- * used to set it, ala React.useState.
+ * used to set it, ala `useState`.
  */
 export declare function useIssuesPanelPath(): [
     AbsolutePath | null,
@@ -147,7 +145,7 @@ export declare function useRegisterIssueMessages(path: AbsolutePath | null | und
 /** Hook used to get the issue message value for the provided path and code. */
 export declare function useRegisteredIssueMessage(path: AbsolutePath | null | undefined, code: string): IssueMessageValue | null;
 /** Hook used to register a label within the form app. */
-export declare function useRegisterLabel(path: AbsolutePath | null | undefined, label: React.ReactNode, priority?: number): void;
+export declare function useRegisterLabel(path: AbsolutePath | null | undefined, label: ReactNode, priority?: number): void;
 /**
  * Hook used to get the label parts associated with the active issues panel
  * path.

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

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithoutRef, type Dispatch, type SetStateAction } from "react";
+import { type FormAppProps } from "./FormApp.tsx";
+/** Properties of the form application element component. */
+export interface FormAppElementProps extends Omit<ComponentPropsWithoutRef<"form">, "onSubmit" | "onReset">, Pick<FormAppProps, "minHeight"> {
+    formAppElement: HTMLFormElement | null;
+    setFormAppElement: Dispatch<SetStateAction<HTMLFormElement | null>>;
+}
+/** Form application element. */
+export declare const FormAppElement: import("react").ForwardRefExoticComponent<FormAppElementProps & import("react").RefAttributes<HTMLFormElement>>;

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

@@ -1,5 +1,5 @@
 import { type Path } from "@ostack.tech/kform";
-import type * as React from "react";
+import { type ReactNode } from "react";
 import { type IssueMessagesByCode } from "../IssueMessages";
 /** Properties of the form app issue messages component. */
 export interface FormAppIssueMessagesProps {
@@ -39,7 +39,7 @@ export interface FormAppIssueMessagesProps {
      * @default 0
      */
     priority?: number;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /** Component used to register new issue messages within the form app. */
-export declare function FormAppIssueMessages({ path, issueMessages, priority, children, }: FormAppIssueMessagesProps): React.ReactNode;
+export declare function FormAppIssueMessages({ path, issueMessages, priority, children, }: FormAppIssueMessagesProps): ReactNode;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Properties of the form app status component. */
 export interface FormAppStatusProps {
     /**
@@ -17,7 +17,7 @@ export interface FormAppStatusProps {
      * @default false
      */
     readOnly?: boolean;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /** Component used to apply a different form app status to part of the form. */
 export declare function FormAppStatus({ disabled, readOnly, children, }: FormAppStatusProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FormPages/FormPage.d.ts

@@ -1,10 +1,10 @@
 import { type Path } from "@ostack.tech/kform";
 import { Container, ErrorBoundary, type IconButton, type Popover, type PopoverContent, type Stack } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 import { type IssueMessages, type IssueMessagesByCode } from "../IssueMessages";
 import { type IssuesPopover } from "../IssuesPopover";
 /** Properties of the form page component. */
-export interface FormPageProps extends Omit<React.ComponentPropsWithoutRef<"div">, "children"> {
+export interface FormPageProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
     /**
      * Form page path. This should match the path of the page provided to
      * `FormPages`.
@@ -15,7 +15,7 @@ export interface FormPageProps extends Omit<React.ComponentPropsWithoutRef<"div"
     /** Sets the form page as read-only. */
     readOnly?: boolean;
     /** Form page helper text, displayed as a popover triggered by an icon button. */
-    helperText?: React.ReactNode;
+    helperText?: ReactNode;
     /**
      * 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 code).
@@ -52,35 +52,35 @@ export interface FormPageProps extends Omit<React.ComponentPropsWithoutRef<"div"
      */
     ownIssueMessages?: IssueMessagesByCode;
     /** Properties to pass to the header element. */
-    headerProps?: React.ComponentPropsWithRef<"div">;
+    headerProps?: ComponentPropsWithRef<"div">;
     /** Label of the helper button announced to assistive technologies. */
     helperButtonLabel?: string;
     /** Properties to pass to the code element. */
-    codeProps?: React.ComponentPropsWithRef<"div">;
+    codeProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the title element. */
-    titleProps?: React.ComponentPropsWithRef<"h2">;
+    titleProps?: ComponentPropsWithRef<"h2">;
     /**
      * Properties to pass to the element containing the popover components in the
      * header.
      */
-    headerPopoverContainerProps?: React.ComponentPropsWithRef<typeof Stack>;
+    headerPopoverContainerProps?: ComponentPropsWithRef<typeof Stack>;
     /** Properties to pass to the form page's issues popover component. */
-    issuesPopoverProps?: React.ComponentPropsWithRef<typeof IssuesPopover>;
+    issuesPopoverProps?: ComponentPropsWithRef<typeof IssuesPopover>;
     /** Properties to pass to the form page's issue messages component. */
-    issueMessagesProps?: Omit<React.ComponentPropsWithRef<typeof IssueMessages>, "messages">;
+    issueMessagesProps?: Omit<ComponentPropsWithRef<typeof IssueMessages>, "messages">;
     /** Properties to pass to the content element. */
-    contentProps?: React.ComponentPropsWithRef<"div">;
+    contentProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the container component. */
-    containerProps?: React.ComponentPropsWithRef<typeof Container>;
+    containerProps?: ComponentPropsWithRef<typeof Container>;
     /** Properties to pass to the `ErrorBoundary` component. */
-    errorBoundaryProps?: React.ComponentPropsWithRef<typeof ErrorBoundary>;
+    errorBoundaryProps?: ComponentPropsWithRef<typeof ErrorBoundary>;
     /** Properties to pass to the helper button component. */
-    helperButtonProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "icon">;
+    helperButtonProps?: Omit<ComponentPropsWithRef<typeof IconButton>, "icon">;
     /** Properties to pass to the helper popover component. */
-    helperPopoverProps?: React.ComponentPropsWithRef<typeof Popover>;
+    helperPopoverProps?: ComponentPropsWithRef<typeof Popover>;
     /** Properties to pass to the helper popover content component. */
-    helperPopoverContentProps?: React.ComponentPropsWithRef<typeof PopoverContent>;
-    children?: React.ReactNode;
+    helperPopoverContentProps?: ComponentPropsWithRef<typeof PopoverContent>;
+    children?: ReactNode;
 }
 /** Form page component. */
-export declare const FormPage: React.ForwardRefExoticComponent<FormPageProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FormPage: import("react").ForwardRefExoticComponent<FormPageProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/FormPages/FormPageHeader.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type FormPageProps } from "./FormPage.tsx";
 /** Properties of the form page header. */
-export interface FormPageHeaderProps extends React.ComponentPropsWithoutRef<"div">, Pick<FormPageProps, "helperText" | "helperButtonLabel" | "ownIssueMessages" | "codeProps" | "titleProps" | "headerPopoverContainerProps" | "issuesPopoverProps" | "issueMessagesProps" | "helperButtonProps" | "helperPopoverProps" | "helperPopoverContentProps"> {
+export interface FormPageHeaderProps extends ComponentPropsWithoutRef<"div">, Pick<FormPageProps, "helperText" | "helperButtonLabel" | "ownIssueMessages" | "codeProps" | "titleProps" | "headerPopoverContainerProps" | "issuesPopoverProps" | "issueMessagesProps" | "helperButtonProps" | "helperPopoverProps" | "helperPopoverContentProps"> {
 }
 /** Form page header. */
-export declare const FormPageHeader: React.ForwardRefExoticComponent<FormPageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FormPageHeader: import("react").ForwardRefExoticComponent<FormPageHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
 import { type AbsolutePath, Path } from "@ostack.tech/kform";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 /** Properties of the form page component. */
-export interface FormPagesProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface FormPagesProps extends ComponentPropsWithoutRef<"div"> {
     /** Base path for all declared form pages. */
     path?: string | Path;
     /** List of all form pages. */
@@ -16,14 +16,14 @@ export interface FormPagesProps extends React.ComponentPropsWithoutRef<"div"> {
      * @param activePagePath Path of the new active form page.
      */
     onActivePageChange?: (activePagePath: AbsolutePath | null) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /** Object representation of a form page. */
 export interface FormPageObject<T = any> {
     /** Form page path. */
     path?: string | Path;
     /** Form page's title */
-    title: React.ReactNode | ((value: T) => React.ReactNode);
+    title: ReactNode | ((value: T) => ReactNode);
     /**
      * Title of the form page as a string to display in the document's title.
      *
@@ -32,9 +32,9 @@ export interface FormPageObject<T = any> {
      */
     documentTitle?: string | null | ((value: T) => string | null);
     /** Form page's code. */
-    code?: React.ReactNode;
+    code?: ReactNode;
     /** Form page's label in the issues panel. The `title` is used by default. */
-    issuesPanelLabel?: React.ReactNode | ((value: T) => React.ReactNode);
+    issuesPanelLabel?: ReactNode | ((value: T) => ReactNode);
 }
 /** Root component used to render form pages. */
-export declare const FormPages: React.ForwardRefExoticComponent<FormPagesProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FormPages: import("react").ForwardRefExoticComponent<FormPagesProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/FormPages/FormPagesContext.d.ts

@@ -1,5 +1,5 @@
 import { AbsolutePath, type DisplayStatus, type Path, type SealedValidationIssue } from "@ostack.tech/kform";
-import * as React from "react";
+import { type ReactNode } from "react";
 import { type FormPageObject, type FormPagesProps } from "./FormPages.tsx";
 /** Value of the form pages context. */
 export type FormPagesContextValue = FormPagesStore;
@@ -13,9 +13,9 @@ export interface FormPageState {
     exists: boolean;
     deferredDisplayStatus: DisplayStatus | undefined;
     deferredIssuesToDisplay: SealedValidationIssue[];
-    title?: React.ReactNode;
+    title?: ReactNode;
     documentTitle?: string | null;
-    code?: React.ReactNode;
+    code?: ReactNode;
 }
 /** State of the form pages. */
 export interface FormPagesState {
@@ -39,7 +39,7 @@ export interface FormPagesActions {
 /** Form pages store. */
 export type FormPagesStore = ReturnType<typeof useCreateFormPagesContext>;
 /** Form pages context. */
-export declare const FormPagesContext: React.Context<(Omit<import("zustand").StoreApi<FormPagesState>, "subscribe"> & {
+export declare const FormPagesContext: import("react").Context<(Omit<import("zustand").StoreApi<FormPagesState>, "subscribe"> & {
     subscribe: {
         (listener: (selectedState: FormPagesState, previousSelectedState: FormPagesState) => void): () => void;
         <U>(selector: (state: FormPagesState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {

package/dist/types/components/FormPages/FormPagesNavigation.d.ts

@@ -1,12 +1,12 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from "react";
 import { FormPagesSelect } from "./FormPagesSelect.tsx";
 import { FormPagesSidebar } from "./FormPagesSidebar.tsx";
 /** Properties of the form pages navigation component. */
-export interface FormPagesNavigationProps extends React.ComponentPropsWithoutRef<"nav"> {
+export interface FormPagesNavigationProps extends ComponentPropsWithoutRef<"nav"> {
     /** Properties to pass to the sidebar component. */
-    sidebarProps?: React.ComponentPropsWithRef<typeof FormPagesSidebar>;
+    sidebarProps?: ComponentPropsWithRef<typeof FormPagesSidebar>;
     /** Properties to pass to the select component. */
-    selectProps?: React.ComponentPropsWithRef<typeof FormPagesSelect>;
+    selectProps?: ComponentPropsWithRef<typeof FormPagesSelect>;
 }
 /** Component allowing the navigation between form pages. */
-export declare const FormPagesNavigation: React.ForwardRefExoticComponent<FormPagesNavigationProps & React.RefAttributes<HTMLElement>>;
+export declare const FormPagesNavigation: import("react").ForwardRefExoticComponent<FormPagesNavigationProps & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/FormPages/FormPagesSelect.d.ts

@@ -1,7 +1,7 @@
 import { Select } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the form pages select component. */
-export interface FormPagesSelectProps extends Omit<React.ComponentPropsWithoutRef<typeof Select>, "multiple" | "defaultValue" | "value" | "onValueChange" | "showClearButton"> {
+export interface FormPagesSelectProps extends Omit<ComponentPropsWithoutRef<typeof Select>, "multiple" | "defaultValue" | "value" | "onValueChange" | "showClearButton"> {
 }
 /** Select component allowing the navigation between form pages. */
-export declare const FormPagesSelect: React.ForwardRefExoticComponent<FormPagesSelectProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const FormPagesSelect: import("react").ForwardRefExoticComponent<FormPagesSelectProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/FormPages/FormPagesSidebar.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the form pages sidebar component. */
-export interface FormPagesSidebarProps extends React.ComponentPropsWithoutRef<"aside"> {
+export interface FormPagesSidebarProps extends ComponentPropsWithoutRef<"aside"> {
 }
 /** Sidebar component allowing the navigation between form pages. */
-export declare const FormPagesSidebar: React.ForwardRefExoticComponent<FormPagesSidebarProps & React.RefAttributes<HTMLElement>>;
+export declare const FormPagesSidebar: import("react").ForwardRefExoticComponent<FormPagesSidebarProps & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/FormStepper/FormStepContent.d.ts

@@ -1,8 +1,8 @@
 import { type Path } from "@ostack.tech/kform";
 import { ErrorBoundary, StepContent } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 /** Properties of the form step content component. */
-export interface FormStepContentProps extends Omit<React.ComponentPropsWithoutRef<typeof StepContent>, "index" | "children"> {
+export interface FormStepContentProps extends Omit<ComponentPropsWithoutRef<typeof StepContent>, "index" | "children"> {
     /**
      * Step path. This should match the path of the step provided to
      * `FormStepper`.
@@ -13,8 +13,8 @@ export interface FormStepContentProps extends Omit<React.ComponentPropsWithoutRe
     /** Sets the step as read-only. */
     readOnly?: boolean;
     /** 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 a form step. */
-export declare const FormStepContent: React.ForwardRefExoticComponent<FormStepContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FormStepContent: import("react").ForwardRefExoticComponent<FormStepContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/FormStepper/FormStepList.d.ts

@@ -1,7 +1,7 @@
 import { StepList } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the form steps sidebar component. */
-export interface FormStepListProps extends React.ComponentPropsWithoutRef<typeof StepList> {
+export interface FormStepListProps extends ComponentPropsWithoutRef<typeof StepList> {
 }
 /** Component displaying all form steps in a list. */
-export declare const FormStepList: React.ForwardRefExoticComponent<FormStepListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FormStepList: import("react").ForwardRefExoticComponent<FormStepListProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,8 @@
 import { type AbsolutePath, Path, type SealedLocatedValidationIssue } from "@ostack.tech/kform";
 import { Stepper } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 /** Properties of the form stepper component. */
-export interface FormStepperProps extends Omit<React.ComponentPropsWithoutRef<typeof Stepper>, "defaultActiveStep" | "activeStep" | "onActiveStepChange"> {
+export interface FormStepperProps extends Omit<ComponentPropsWithoutRef<typeof Stepper>, "defaultActiveStep" | "activeStep" | "onActiveStepChange"> {
     /** Base path for all declared form steps. */
     path?: string | Path;
     /** List of all form steps. */
@@ -56,7 +56,7 @@ export interface FormStepObject<T = any> {
     /** Form step path. */
     path?: string | Path;
     /** Form step's title. */
-    title: React.ReactNode | ((value: T) => React.ReactNode);
+    title: ReactNode | ((value: T) => ReactNode);
     /**
      * Title of the form step as a string to display in the document's title.
      *
@@ -65,7 +65,7 @@ export interface FormStepObject<T = any> {
      */
     documentTitle?: string | null | ((value: T) => string | null);
     /** Label of the form step in the issues panel. Uses the `title` by default. */
-    issuesPanelLabel?: React.ReactNode | ((value: T) => React.ReactNode);
+    issuesPanelLabel?: ReactNode | ((value: T) => ReactNode);
 }
 /** Root component used to render form steps. */
-export declare const FormStepper: React.ForwardRefExoticComponent<FormStepperProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FormStepper: import("react").ForwardRefExoticComponent<FormStepperProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/FormStepper/FormStepperContext.d.ts

@@ -1,5 +1,5 @@
 import { type AbsolutePath, type DisplayStatus, type FormManager } from "@ostack.tech/kform";
-import * as React from "react";
+import { type ReactNode } from "react";
 import { type FormStepObject, type FormStepperProps } from "./FormStepper.tsx";
 /** Value of the form stepper context. */
 export type FormStepperContextValue = FormStepperStore;
@@ -14,7 +14,7 @@ export interface FormStepState {
     index: number;
     exists: boolean;
     deferredDisplayStatus: DisplayStatus | undefined;
-    title?: React.ReactNode;
+    title?: ReactNode;
     documentTitle?: string | null;
 }
 /** State of the form stepper. */
@@ -36,7 +36,7 @@ export interface FormStepperActions {
 /** Form stepper store. */
 export type FormStepperStore = ReturnType<typeof useCreateFormStepperContext>;
 /** Form stepper context. */
-export declare const FormStepperContext: React.Context<(Omit<import("zustand").StoreApi<FormStepperState>, "subscribe"> & {
+export declare const FormStepperContext: import("react").Context<(Omit<import("zustand").StoreApi<FormStepperState>, "subscribe"> & {
     subscribe: {
         (listener: (selectedState: FormStepperState, previousSelectedState: FormStepperState) => void): () => void;
         <U>(selector: (state: FormStepperState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {

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

@@ -1,13 +1,13 @@
 import { type Path, type ValidationIssueData } from "@ostack.tech/kform";
 import { Alert } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 /** Properties of the issue alert component. */
-export interface IssueAlertProps extends Omit<React.ComponentPropsWithoutRef<typeof Alert>, "severity" | "children"> {
+export interface IssueAlertProps extends Omit<ComponentPropsWithoutRef<typeof Alert>, "severity" | "children"> {
     /** Path of the value with the issue in question. */
     path?: string | Path;
     /** Code of the issue in question. */
     code: string;
-    children?: React.ReactNode | ((issueData: ValidationIssueData) => React.ReactNode);
+    children?: ReactNode | ((issueData: ValidationIssueData) => ReactNode);
 }
 /** Component used to display an issue alert. */
-export declare const IssueAlert: React.ForwardRefExoticComponent<IssueAlertProps & React.RefAttributes<HTMLDivElement>>;
+export declare const IssueAlert: import("react").ForwardRefExoticComponent<IssueAlertProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,14 +1,14 @@
 import { type AbsolutePath, type Schema, type SealedValidationIssue } from "@ostack.tech/kform";
-import * as React from "react";
+import { type ComponentPropsWithRef, type ReactNode } from "react";
 /** Properties of the issue message component. */
 export interface IssueMessageProps {
     displayIssueCode?: boolean;
-    unknownErrorMessage?: React.ReactNode;
-    unknownWarningMessage?: React.ReactNode;
+    unknownErrorMessage?: ReactNode;
+    unknownWarningMessage?: ReactNode;
     path: AbsolutePath;
     issue: SealedValidationIssue;
     schema: Schema;
-    issueCodeProps?: React.ComponentPropsWithRef<"span">;
+    issueCodeProps?: ComponentPropsWithRef<"span">;
 }
 /** Single issue message within the issue messages or issues panel components. */
 export declare function IssueMessage({ path, issue, schema, displayIssueCode, unknownErrorMessage, unknownWarningMessage, issueCodeProps, }: IssueMessageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
 import { type AbsolutePath, type Path, type Schema, type SealedValidationIssue, type ValidationIssueData } from "@ostack.tech/kform";
 import { FeedbackList } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 /** Value of an issue message. */
-export type IssueMessageValue = React.ReactNode | ((issueData: ValidationIssueData, schema: Schema, path: AbsolutePath) => React.ReactNode);
+export type IssueMessageValue = ReactNode | ((issueData: ValidationIssueData, schema: Schema, path: AbsolutePath) => ReactNode);
 /** Mapping of issue message codes to their respective message. */
 export type IssueMessagesByCode = Record<string, IssueMessageValue>;
 /** Properties of the issue messages component. */
-export interface IssueMessagesProps extends React.ComponentPropsWithoutRef<typeof FeedbackList> {
+export interface IssueMessagesProps extends ComponentPropsWithoutRef<typeof FeedbackList> {
     /** Path of the value for which to show issues. */
     path?: string | Path;
     /**
@@ -29,14 +29,14 @@ export interface IssueMessagesProps extends React.ComponentPropsWithoutRef<typeo
      * This message will always automatically include the code of the issue in
      * question.
      */
-    unknownErrorMessage?: React.ReactNode;
+    unknownErrorMessage?: ReactNode;
     /**
      * Message to show for a warning that does not have an associated message.
      *
      * This message will always automatically include the code of the issue in
      * question.
      */
-    unknownWarningMessage?: React.ReactNode;
+    unknownWarningMessage?: ReactNode;
     /**
      * Whether to render the issue messages "unwrapped", i.e. outside a containing
      * `FeedbackList`.
@@ -67,4 +67,4 @@ export interface IssueMessagesProps extends React.ComponentPropsWithoutRef<typeo
  * If `path` contains an issue without an associated issue message, a generic
  * message is displayed together with a console warning.
  */
-export declare const IssueMessages: React.ForwardRefExoticComponent<IssueMessagesProps & React.RefAttributes<HTMLUListElement>>;
+export declare const IssueMessages: import("react").ForwardRefExoticComponent<IssueMessagesProps & import("react").RefAttributes<HTMLUListElement>>;

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

@@ -1,8 +1,8 @@
 import { type IssuesTrackerOptions } from "@ostack.tech/kform-react";
 import { type Card, type CardBody, type CardHeader, type CardTitle, type CloseButton, type Icon, type IconButton, type Spinner } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 /** Properties of the issues navigation component. */
-export interface IssuesPanelProps extends Pick<IssuesTrackerOptions, "issuesOrderCompareFn">, Omit<React.ComponentPropsWithoutRef<typeof Card>, "children" | "variant" | "color"> {
+export interface IssuesPanelProps extends Pick<IssuesTrackerOptions, "issuesOrderCompareFn">, Omit<ComponentPropsWithoutRef<typeof Card>, "children" | "variant" | "color"> {
     /** Default open state of the issues navigation panel. */
     defaultOpen?: boolean;
     /** Controlled open state of the issues navigation panel. */
@@ -27,28 +27,28 @@ export interface IssuesPanelProps extends Pick<IssuesTrackerOptions, "issuesOrde
      * This message will always automatically include the code of the issue in
      * question.
      */
-    unknownErrorMessage?: React.ReactNode;
+    unknownErrorMessage?: ReactNode;
     /**
      * Message to show for a warning that does not have an associated message.
      *
      * This message will always automatically include the code of the issue in
      * question.
      */
-    unknownWarningMessage?: React.ReactNode;
+    unknownWarningMessage?: ReactNode;
     /**
      * Errors label.
      *
      * @param errors Number of errors. If undefined, the function should return a
      *   generic label with no number.
      */
-    errorsLabel?: (errors?: number) => React.ReactNode;
+    errorsLabel?: (errors?: number) => ReactNode;
     /**
      * Warnings label.
      *
      * @param warnings Number of warnings. If undefined, the function should
      *   return a generic label with no number.
      */
-    warningsLabel?: (warnings?: number) => React.ReactNode;
+    warningsLabel?: (warnings?: number) => ReactNode;
     /** Label of the focus button. */
     focusButtonLabel?: string;
     /** Label of the "previous issue" button. */
@@ -66,41 +66,41 @@ export interface IssuesPanelProps extends Pick<IssuesTrackerOptions, "issuesOrde
      * @param currentPage Current page.
      * @param totalPages Total number of pages.
      */
-    paginationLabel?: (currentPage: number, totalPages: number) => React.ReactNode;
+    paginationLabel?: (currentPage: number, totalPages: number) => ReactNode;
     /** Message to display when there are no issues to report. */
-    noIssuesMessage?: React.ReactNode;
+    noIssuesMessage?: ReactNode;
     /** Title to display when all issues of the active path have been resolved. */
-    resolvedTitle?: React.ReactNode;
+    resolvedTitle?: ReactNode;
     /** Message to display when all issues of the active path have been resolved. */
-    resolvedMessage?: React.ReactNode;
+    resolvedMessage?: ReactNode;
     /** Properties to pass to the container element. */
-    containerProps?: React.ComponentPropsWithRef<"div">;
+    containerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the card header component. */
-    headerProps?: React.ComponentPropsWithRef<typeof CardHeader>;
+    headerProps?: ComponentPropsWithRef<typeof CardHeader>;
     /** Properties to pass to the card body component. */
-    bodyProps?: React.ComponentPropsWithRef<typeof CardBody>;
+    bodyProps?: ComponentPropsWithRef<typeof CardBody>;
     /** Properties to pass to the loading `Spinner` component. */
-    loadingSpinnerProps?: React.ComponentPropsWithRef<typeof Spinner>;
+    loadingSpinnerProps?: ComponentPropsWithRef<typeof Spinner>;
     /** Properties to pass to the validating `Spinner` component. */
-    validatingSpinnerProps?: React.ComponentPropsWithRef<typeof Spinner>;
+    validatingSpinnerProps?: ComponentPropsWithRef<typeof Spinner>;
     /** Properties to pass to the pagination element. */
-    paginationProps?: React.ComponentPropsWithRef<"div">;
+    paginationProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the "focus" button component. */
-    focusButtonProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "label">;
+    focusButtonProps?: Omit<ComponentPropsWithRef<typeof IconButton>, "label">;
     /** Properties to pass to the "previous issue" button component. */
-    previousIssueButtonProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "label">;
+    previousIssueButtonProps?: Omit<ComponentPropsWithRef<typeof IconButton>, "label">;
     /** Properties to pass to the "next issue" button component. */
-    nextIssueButtonProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "label">;
+    nextIssueButtonProps?: Omit<ComponentPropsWithRef<typeof IconButton>, "label">;
     /** Properties to pass to the "first issue" button component. */
-    firstIssueButtonProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "label">;
+    firstIssueButtonProps?: Omit<ComponentPropsWithRef<typeof IconButton>, "label">;
     /** Properties to pass to the "last issue" button component. */
-    lastIssueButtonProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "label">;
+    lastIssueButtonProps?: Omit<ComponentPropsWithRef<typeof IconButton>, "label">;
     /** Properties to pass to the icon component. */
-    iconProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon">;
+    iconProps?: Omit<ComponentPropsWithRef<typeof Icon>, "icon">;
     /** Properties to pass to the title component. */
-    titleProps?: React.ComponentPropsWithRef<typeof CardTitle>;
+    titleProps?: ComponentPropsWithRef<typeof CardTitle>;
     /** Properties to pass to the close button component. */
-    closeButtonProps?: React.ComponentPropsWithRef<typeof CloseButton>;
+    closeButtonProps?: ComponentPropsWithRef<typeof CloseButton>;
 }
 /** Component used to navigate through the issues of the form. */
-export declare const IssuesPanel: React.ForwardRefExoticComponent<IssuesPanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const IssuesPanel: import("react").ForwardRefExoticComponent<IssuesPanelProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,13 +1,13 @@
 import { type AbsolutePath } from "@ostack.tech/kform";
 import { type Controller, 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 IssuesPanelMessagesCardProps extends React.ComponentPropsWithoutRef<typeof Card>, Pick<IssuesPanelProps, "displayIssueCodes" | "unknownErrorMessage" | "unknownWarningMessage" | "errorsLabel" | "warningsLabel" | "noIssuesMessage" | "resolvedTitle" | "resolvedMessage" | "headerProps" | "bodyProps" | "loadingSpinnerProps" | "titleProps" | "iconProps"> {
+export interface IssuesPanelMessagesCardProps extends ComponentPropsWithoutRef<typeof Card>, Pick<IssuesPanelProps, "displayIssueCodes" | "unknownErrorMessage" | "unknownWarningMessage" | "errorsLabel" | "warningsLabel" | "noIssuesMessage" | "resolvedTitle" | "resolvedMessage" | "headerProps" | "bodyProps" | "loadingSpinnerProps" | "titleProps" | "iconProps"> {
     currentPagePath: AbsolutePath | null;
     currentPageController: Controller;
     issuesTrackerResult: IssuesTrackerResult;
     currentPageIndex: number;
-    renderControls: (buttonsColor?: IconButtonColor) => React.ReactNode;
+    renderControls: (buttonsColor?: IconButtonColor) => ReactNode;
 }
-export declare const IssuesPanelMessagesCard: React.ForwardRefExoticComponent<IssuesPanelMessagesCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const IssuesPanelMessagesCard: import("react").ForwardRefExoticComponent<IssuesPanelMessagesCardProps & import("react").RefAttributes<HTMLDivElement>>;