@ostack.tech/ui-kform 0.1.2 → 0.2.1

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

@@ -1,18 +1,18 @@
 import { type Path } from "@ostack.tech/kform";
 import { type InputController, type InputOptions } from "@ostack.tech/kform-react";
 import { Input, TextArea } 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 text control component. */
 export type TextControlProps<T extends string | null = string | null> = TextControlPropsSingleline<T> | TextControlPropsMultiline<T>;
-export type TextControlPropsSingleline<T extends string | null = string | null> = Omit<React.ComponentPropsWithoutRef<typeof Input>, "defaultValue" | "value" | "status"> & TextControlPropsBase<T> & {
+export type TextControlPropsSingleline<T extends string | null = string | null> = Omit<ComponentPropsWithoutRef<typeof Input>, "defaultValue" | "value" | "status"> & TextControlPropsBase<T> & {
     multiline?: false;
 };
-export type TextControlPropsMultiline<T extends string | null = string | null> = Omit<React.ComponentPropsWithoutRef<typeof TextArea>, "defaultValue" | "value" | "status"> & TextControlPropsBase<T> & {
+export type TextControlPropsMultiline<T extends string | null = string | null> = Omit<ComponentPropsWithoutRef<typeof TextArea>, "defaultValue" | "value" | "status"> & TextControlPropsBase<T> & {
     multiline: true;
     pattern?: never;
 };
-export type TextControlPropsBase<T extends string | null = string | null> = Omit<InputOptions<T, string, React.ComponentRef<typeof Input | typeof TextArea>>, "enabled" | "format" | "parse"> & {
+export type TextControlPropsBase<T extends string | null = string | null> = Omit<InputOptions<T, string, ComponentRef<typeof Input | typeof TextArea>>, "enabled" | "format" | "parse"> & {
     /** Path to the value. */
     path?: string | Path;
     /**
@@ -27,7 +27,7 @@ export type TextControlPropsBase<T extends string | null = string | null> = Omit
      *
      * 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 type TextControlPropsBase<T extends string | null = string | null> = Omit
     /** Whether to render a multiline text control. */
     multiline?: boolean;
     /** Reference to the control's API. */
-    apiRef?: React.Ref<InputController<T, string, React.ComponentRef<typeof Input | typeof TextArea>> | undefined>;
+    apiRef?: Ref<InputController<T, string, ComponentRef<typeof Input | typeof TextArea>> | undefined>;
     /** Properties to pass to the `IssueMessages` component. */
-    issueMessagesProps?: Omit<React.ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages">;
+    issueMessagesProps?: Omit<ComponentPropsWithRef<typeof IssueMessages>, "path" | "issues" | "messages">;
 };
 /**
  * Text control component supporting (possibly nullable) schemas of type
@@ -63,4 +63,4 @@ export type TextControlPropsBase<T extends string | null = string | null> = Omit
  * The component further supports either single or multiple lines via the
  * `multiline` prop.
  */
-export declare const TextControl: React.ForwardRefExoticComponent<TextControlProps<string | null> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export declare const TextControl: import("react").ForwardRefExoticComponent<TextControlProps<string | null> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

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

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the top bar component. */
-export interface TopBarProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface TopBarProps extends ComponentPropsWithoutRef<"div"> {
 }
 /** Top bar component. */
-export declare const TopBar: React.ForwardRefExoticComponent<TopBarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TopBar: import("react").ForwardRefExoticComponent<TopBarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/TopBar/TopBarActions.d.ts

@@ -1,7 +1,7 @@
 import { Stack } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the top bar actions component. */
-export interface TopBarActionsProps extends React.ComponentPropsWithoutRef<typeof Stack> {
+export interface TopBarActionsProps extends ComponentPropsWithoutRef<typeof Stack> {
 }
 /** Container used to display actions within the top bar. */
-export declare const TopBarActions: React.ForwardRefExoticComponent<TopBarActionsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TopBarActions: import("react").ForwardRefExoticComponent<TopBarActionsProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,9 @@
 import { type ButtonProps } from "@ostack.tech/ui";
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Properties of the validate action. */
 export interface ValidateActionProps extends Omit<ButtonProps, "children"> {
     /** Action's label. */
-    label?: React.ReactNode;
+    label?: ReactNode;
     /**
      * Keybinds for triggering the action. Set to `null` to disable the keyboard
      * shortcut.

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./locale";
+export * from "./locales";
 export * from "./components/Annexes";
 export * from "./components/CheckboxControl";
 export * from "./components/CheckboxGroupControl";

package/dist/types/locales/en-GB.d.ts

@@ -0,0 +1,3 @@
+import { type LocalizationObject } from "../providers/LocalizationProvider";
+/** `en-GB` locale. */
+export declare const enGB: LocalizationObject;

package/dist/types/locales/en-US.d.ts

@@ -0,0 +1,3 @@
+import { type LocalizationObject } from "../providers/LocalizationProvider";
+/** `en-US` locale. */
+export declare const enUS: LocalizationObject;

package/dist/types/{locale → locales}/en.d.ts

@@ -1,3 +1,3 @@
-import { type LocalizationObject } from "./LocalizationObject.ts";
+import { type LocalizationObject } from "../providers/LocalizationProvider";
 /** `en` locale (partial). */
-export declare const en: Omit<LocalizationObject, "languageTag" | "uiLocale">;
+export declare const en: Omit<LocalizationObject, "languageTag" | "baseLocale">;

package/dist/types/locales/fr.d.ts

@@ -0,0 +1,3 @@
+import { type LocalizationObject } from "../providers/LocalizationProvider";
+/** `fr` locale. */
+export declare const fr: LocalizationObject;

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

@@ -0,0 +1,4 @@
+export * from "./en-GB.tsx";
+export * from "./en-US.tsx";
+export * from "./fr.tsx";
+export * from "./pt.tsx";

package/dist/types/locales/pt.d.ts

@@ -0,0 +1,3 @@
+import { type LocalizationObject } from "../providers/LocalizationProvider";
+/** `pt` locale. */
+export declare const pt: LocalizationObject;

package/dist/types/providers/LocalizationProvider/LocalizationContext.d.ts

@@ -1,6 +1,8 @@
-import * as React from "react";
-import { type LocalizationObject } from "../../locale/LocalizationObject.ts";
+import { type LocalizationObject } from "./LocalizationObject.ts";
 /** Value of the localisation context. */
-export type LocalizationContextValue = LocalizationObject;
+export interface LocalizationContextValue {
+    locale: LocalizationObject;
+    setLocale: (locale: LocalizationObject) => void;
+}
 /** Localisation context. */
-export declare const LocalizationContext: React.Context<LocalizationObject>;
+export declare const LocalizationContext: import("react").Context<LocalizationContextValue | null>;

package/dist/types/{locale → providers/LocalizationProvider}/LocalizationObject.d.ts

@@ -1,21 +1,20 @@
 import { type LocalizationObject as UiLocalizationObject } from "@ostack.tech/ui";
-import { type AnnexesManagerProps } from "../components/Annexes";
-import { type DateRangeControlProps } from "../components/DateRangeControl";
-import { type FileControlProps } from "../components/FileControl";
-import { type FormAppProps } from "../components/FormApp";
-import { type FormPageProps, type FormPagesNavigationProps } from "../components/FormPages";
-import { type IssueMessagesProps } from "../components/IssueMessages";
-import { type IssuesPanelProps } from "../components/IssuesPanel";
-import { type IssuesPopoverProps } from "../components/IssuesPopover";
-import { type LoadActionProps } from "../components/LoadAction";
-import { type SaveActionProps } from "../components/SaveAction";
-import { type SubmitActionProps } from "../components/SubmitAction";
-import { type TableControlAddRowTriggerProps, type TableControlRemoveRowTriggerProps } from "../components/TableControl";
-import { type ValidateActionProps } from "../components/ValidateAction";
+import { type AnnexesManagerProps } from "../../components/Annexes";
+import { type DateRangeControlProps } from "../../components/DateRangeControl";
+import { type FileControlProps } from "../../components/FileControl";
+import { type FormAppProps } from "../../components/FormApp";
+import { type FormPageProps, type FormPagesNavigationProps } from "../../components/FormPages";
+import { type IssueMessagesProps } from "../../components/IssueMessages";
+import { type IssuesPanelProps } from "../../components/IssuesPanel";
+import { type IssuesPopoverProps } from "../../components/IssuesPopover";
+import { type LoadActionProps } from "../../components/LoadAction";
+import { type SaveActionProps } from "../../components/SaveAction";
+import { type SubmitActionProps } from "../../components/SubmitAction";
+import { type TableControlAddRowTriggerProps, type TableControlRemoveRowTriggerProps } from "../../components/TableControl";
+import { type ValidateActionProps } from "../../components/ValidateAction";
 /** Localization object representation. */
 export interface LocalizationObject {
-    languageTag: string;
-    uiLocale: UiLocalizationObject;
+    baseLocale: UiLocalizationObject;
     AnnexesManager: Pick<AnnexesManagerProps, "aria-label" | "menuButtonText" | "addAnnexText" | "removeAnnexButtonLabel" | "removeAnnexKeyboardHint" | "removeAnnexConfirmDialogTitle" | "removeAnnexConfirmDialogMessage" | "removeAnnexConfirmDialogOkText" | "removeAnnexConfirmDialogCancelText">;
     DateRangeControl: Pick<DateRangeControlProps, "issuesPanelStartLabelSuffix" | "issuesPanelEndLabelSuffix">;
     FileControl: Pick<FileControlProps, "viewFileButtonLabel" | "downloadFileButtonLabel" | "fallbackText">;

package/dist/types/providers/LocalizationProvider/LocalizationProvider.d.ts

@@ -1,10 +1,21 @@
-import * as React from "react";
-import { type LocalizationObject } from "../../locale/LocalizationObject.ts";
+import { type ReactNode } from "react";
+import { type LocalizationObject } from "./LocalizationObject.ts";
 /** Properties of the localisation provider. */
 export interface LocalizationProviderProps {
-    /** Locale to use for the components. */
+    /** Uncontrolled locale to use. */
+    defaultLocale?: LocalizationObject;
+    /** Controlled locale to use. */
     locale?: LocalizationObject;
-    children: React.ReactNode;
+    /**
+     * Function called when the locale changes.
+     *
+     * @param locale New locale.
+     */
+    onLocaleChange?: (locale: LocalizationObject) => void;
+    children: ReactNode;
 }
-/** Localisation provider. */
-export declare function LocalizationProvider({ locale, children, }: LocalizationProviderProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+/**
+ * Localisation provider (also sets the `@ostack.tech/ui` localisation
+ * provider).
+ */
+export declare function LocalizationProvider({ defaultLocale, locale: controlledLocale, onLocaleChange, children, }: LocalizationProviderProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -1,3 +1,4 @@
 export * from "./LocalizationContext.ts";
+export * from "./LocalizationObject.ts";
 export * from "./LocalizationProvider.tsx";
 export * from "./useLocale.ts";

package/dist/types/providers/LocalizationProvider/useLocale.d.ts

@@ -1,3 +1,6 @@
-import { type LocalizationObject } from "../../locale/LocalizationObject.ts";
-/** Hook used to get the current locale. */
-export declare function useLocale(): LocalizationObject;
+import { type LocalizationObject } from "./LocalizationObject.ts";
+/** Hook used to get and set the current locale. */
+export declare function useLocale(): [
+    LocalizationObject,
+    (locale: LocalizationObject) => void
+];

package/dist/types/providers/PrefixSuffixProvider/PrefixSuffixContext.d.ts

@@ -1,5 +1,2 @@
-import * as React from "react";
-/** Default library prefix-suffix. */
-export declare const DEFAULT_PREFIX_SUFFIX = "kform-";
 /** Prefix-suffix context. */
-export declare const PrefixSuffixContext: React.Context<string>;
+export declare const PrefixSuffixContext: import("react").Context<string | null>;

package/dist/types/providers/PrefixSuffixProvider/PrefixSuffixProvider.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Properties of the prefix-suffix provider. */
 export interface PrefixSuffixProviderProps {
     /** Suffix to add to ostack/UI's prefix. */
     prefixSuffix?: string;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /** Prefix-suffix provider. */
-export declare function PrefixSuffixProvider({ prefixSuffix, children, }: PrefixSuffixProviderProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function PrefixSuffixProvider({ prefixSuffix, children, }: PrefixSuffixProviderProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/providers/PrefixSuffixProvider/defaultPrefixSuffix.d.ts

@@ -0,0 +1,12 @@
+/** Store holding the default prefix-suffix. */
+export declare const defaultPrefixSuffixStore: import("zustand").StoreApi<{
+    defaultPrefixSuffix: string;
+}>;
+/**
+ * Function used to set the default library's prefix-suffix. The default library
+ * prefix-suffix can be overridden by providing a `prefixSuffix` property to the
+ * `PrefixSuffixProvider` or `FormApp` components.
+ *
+ * @param defaultPrefixSuffix Prefix-suffix to set as the library's default.
+ */
+export declare function setDefaultPrefixSuffix(defaultPrefixSuffix: string): void;

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

@@ -1,3 +1,4 @@
+export { setDefaultPrefixSuffix } from "./defaultPrefixSuffix.ts";
 export * from "./PrefixSuffixContext.ts";
 export * from "./PrefixSuffixProvider.tsx";
 export * from "./usePrefix.ts";

package/dist/types/utils/options.d.ts

@@ -1,18 +1,18 @@
 import { type OptionProps, type OptionsGroupProps } from "@ostack.tech/ui";
-import type * as React from "react";
+import { type Key, type ReactNode } from "react";
 /** Object representation of an options group. */
 export type OptionsGroupObject<T = unknown> = Omit<OptionsGroupProps, "children"> & {
     /** Group's options. */
     options: OptionObject<T>[];
     /** Group's unique key. */
-    key?: React.Key;
+    key?: Key;
 };
 /** Object representation of an option. */
 export type OptionObject<T = unknown> = Omit<OptionProps, "value" | "children"> & {
     /** Option value. */
     value: T;
     /** Option's rendered text. */
-    text?: React.ReactNode;
+    text?: ReactNode;
     /** Option's unique key. */
-    key?: React.Key;
+    key?: Key;
 };

package/dist/types/utils/selectionTransformations.d.ts

@@ -1,5 +1,6 @@
 import { type Schema } from "@ostack.tech/kform";
 import { type Listable } from "@ostack.tech/kform-react";
+import { type JSX } from "react";
 import { type OptionObject, type OptionsGroupObject } from "./options.ts";
 /**
  * Parses a selection value from the (string) index of an option (or empty
@@ -29,4 +30,4 @@ export declare function formatSelectionValuesAsOptionIndices<T>(arrayValue: T[]
  * @param options Option objects.
  * @returns React nodes representing the objects.
  */
-export declare function optionObjectsToNodes<T>(options: (OptionsGroupObject<T> | OptionObject<T>)[]): React.JSX.Element[];
+export declare function optionObjectsToNodes<T>(options: (OptionsGroupObject<T> | OptionObject<T>)[]): JSX.Element[];

package/dist/types/utils/useControlAutofocus.d.ts

@@ -1,5 +1,5 @@
 import { type Controller } from "@ostack.tech/kform-react";
-import * as React from "react";
+import { type RefObject } from "react";
 /**
  * Function used to scroll an element into view.
  *
@@ -16,7 +16,7 @@ export type ScrollIntoViewFn = (el: HTMLElement, options?: ScrollIntoViewOptions
  * @returns Reference that should be set on the focusable element of the
  *   control.
  */
-export declare function useControlAutofocus<T = unknown, TElem extends HTMLElement = HTMLElement>({ usePath, useExists }: Controller<T>, enabled?: boolean): React.MutableRefObject<TElem | null>;
+export declare function useControlAutofocus<T = unknown, TElem extends HTMLElement = HTMLElement>({ usePath, useExists }: Controller<T>, enabled?: boolean): RefObject<TElem | null>;
 /**
  * Visibly focuses the provided element.
  *

package/dist/types/utils/useControlIssues.d.ts

@@ -1,5 +1,5 @@
 import { type SealedValidationIssue } from "@ostack.tech/kform";
-import * as React from "react";
+import { type ComponentPropsWithRef, type ReactNode } from "react";
 import { IssueMessages, type IssueMessagesByCode } from "../components/IssueMessages";
 /** Options of the `useControlIssues` hook. */
 export interface UseControlIssuesOptions {
@@ -10,7 +10,7 @@ export interface UseControlIssuesOptions {
     /** Whether issues should be displayed. */
     displayIssues?: boolean;
     /** 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">;
 }
 /**
  * Hook which helps a control component render its issues.
@@ -24,4 +24,4 @@ export interface UseControlIssuesOptions {
  *   the issues are to appear within a popover. This will be `null` if the
  *   issues should not appear in a popover.
  */
-export declare function useControlIssues({ issuesToDisplay, issueMessages, displayIssues, issueMessagesProps, }: UseControlIssuesOptions): [React.ReactNode, React.ReactNode];
+export declare function useControlIssues({ issuesToDisplay, issueMessages, displayIssues, issueMessagesProps, }: UseControlIssuesOptions): [ReactNode, ReactNode];

package/dist/types/utils/useFormLoader.d.ts

@@ -1,6 +1,6 @@
 import { AbsolutePath } from "@ostack.tech/kform";
 import { type FileSystemHandle, type FileWithHandle, type WellKnownDirectory } from "browser-fs-access";
-import * as React from "react";
+import { type ReactNode } from "react";
 /**
  * Options that can be passed to the {@link useFormLoader} hook, or to its
  * resulting `load` function.
@@ -53,7 +53,7 @@ export interface FormLoaderOptions<T = unknown> {
      * @param file Loaded file.
      * @returns Message to show in a toast.
      */
-    successMessage?: (file: FileWithHandle) => React.ReactNode;
+    successMessage?: (file: FileWithHandle) => ReactNode;
     /**
      * Message to show in a toast when an error occurs while loading the form from
      * a file.
@@ -63,7 +63,7 @@ export interface FormLoaderOptions<T = unknown> {
      * @param error Error that occurred.
      * @returns Message to show in a toast.
      */
-    errorMessage?: (file: FileWithHandle | null, error: unknown) => React.ReactNode;
+    errorMessage?: (file: FileWithHandle | null, error: unknown) => ReactNode;
 }
 /** Result of the {@link useFormLoader} hook. */
 export interface FormLoaderResult<T> {

package/dist/types/utils/useFormSaver.d.ts

@@ -1,6 +1,6 @@
 import { AbsolutePath } from "@ostack.tech/kform";
 import { type FileSystemHandle, type WellKnownDirectory } from "browser-fs-access";
-import * as React from "react";
+import { type ReactNode } from "react";
 /**
  * Options that can be passed to the {@link useFormSaver} hook, or to its
  * resulting `save`/`saveAs` functions.
@@ -66,7 +66,7 @@ export interface FormSaverOptions<T = unknown> {
      * @param fileHandle Handle to the saved file.
      * @returns Message to show in a toast.
      */
-    successMessage?: (fileHandle: FileSystemFileHandle) => React.ReactNode;
+    successMessage?: (fileHandle: FileSystemFileHandle) => ReactNode;
     /**
      * Message to show in a toast when an error occurs while saving the form to a
      * file.
@@ -76,7 +76,7 @@ export interface FormSaverOptions<T = unknown> {
      * @param error Error that occurred.
      * @returns Message to show in a toast.
      */
-    errorMessage?: (fileHandle: FileSystemFileHandle | null, error: unknown) => React.ReactNode;
+    errorMessage?: (fileHandle: FileSystemFileHandle | null, error: unknown) => ReactNode;
 }
 /** Result of the {@link useFormSaver} hook. */
 export interface FormSaverResult<T> {

package/dist/types/utils/useRegisterControl.d.ts

@@ -1,14 +1,14 @@
 import { type DisplayStatus, type SealedValidationIssue } from "@ostack.tech/kform";
 import { type Controller } from "@ostack.tech/kform-react";
-import * as React from "react";
+import { type FocusEvent, type ReactNode, type Ref, type RefObject } from "react";
 /** Options when registering the control. */
 export interface UseRegisterControlOptions<T> {
     controller: Controller<T>;
-    issuesPanelLabel?: React.ReactNode;
+    issuesPanelLabel?: ReactNode;
     ariaLabel?: string;
-    issuesPanelLabelSuffix?: React.ReactNode;
+    issuesPanelLabelSuffix?: ReactNode;
     preventAutoFocus?: boolean;
-    apiRef?: React.Ref<Controller<T> | undefined>;
+    apiRef?: Ref<Controller<T> | undefined>;
 }
 /** Result of registering the control. */
 export interface UseRegisterControlResult<TElem> {
@@ -17,8 +17,8 @@ export interface UseRegisterControlResult<TElem> {
     displayReadOnly: boolean;
     displayStatusToDisplay: DisplayStatus | undefined;
     issuesToDisplay: SealedValidationIssue[];
-    autofocusRef: React.MutableRefObject<TElem | null>;
-    handleFocus: (event: React.FocusEvent) => void;
+    autofocusRef: RefObject<TElem | null>;
+    handleFocus: (event: FocusEvent) => void;
 }
 /** Hook used to register a control within the form app. */
 export declare function useRegisterControl<T, TElem extends HTMLElement = HTMLElement>({ controller, issuesPanelLabel, ariaLabel, issuesPanelLabelSuffix, preventAutoFocus, apiRef, }: UseRegisterControlOptions<T>): UseRegisterControlResult<TElem>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ostack.tech/ui-kform",
   "description": "Integration of ostack/UI with ostack/KForm.",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "homepage": "https://ui.ostack.tech/",
   "author": {
     "name": "Opensoft",
@@ -16,21 +16,37 @@
   "engines": {
     "node": ">=10"
   },
-  "main": "dist/ostack-ui-kform.cjs",
+  "main": "dist/ostack-ui-kform.js",
   "types": "dist/types/index.d.ts",
   "sass": "scss/index.scss",
   "style": "dist/ostack-ui-kform.css",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/ostack-ui-kform.js",
-      "require": "./dist/ostack-ui-kform.cjs"
+      "import": "./dist/ostack-ui-kform.js"
+    },
+    "./locales/en-GB": {
+      "types": "./dist/types/locales/en-GB.d.ts",
+      "import": "./dist/locales/en-GB.js"
+    },
+    "./locales/en-US": {
+      "types": "./dist/types/locales/en-US.d.ts",
+      "import": "./dist/locales/en-US.js"
+    },
+    "./locales/fr": {
+      "types": "./dist/types/locales/fr.d.ts",
+      "import": "./dist/locales/fr.js"
+    },
+    "./locales/pt": {
+      "types": "./dist/types/locales/pt.d.ts",
+      "import": "./dist/locales/pt.js"
     },
     "./css": "./dist/ostack-ui-kform.css",
     "./scss": "./scss/index.scss",
     "./scss/*": "./scss/*",
     "./package.json": "./package.json"
   },
+  "sideEffects": false,
   "files": [
     "dist/",
     "scss/"
@@ -51,7 +67,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.0 || ^7.0.0",
     "@ostack.tech/kform": "~0.31.0",
     "@ostack.tech/kform-react": "~0.31.0",
-    "@ostack.tech/ui": "~0.1.2",
+    "@ostack.tech/ui": "~0.2.1",
     "@types/react": "^18.0.0 || ^19.0.0",
     "@types/react-dom": "^18.0.0 || ^19.0.0",
     "date-fns": "^4.1.0",