@ostack.tech/ui 0.1.2 → 0.2.1

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

@@ -1,9 +1,9 @@
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from "react";
 /** Properties of the tooltip component. */
-export interface TooltipProps extends Omit<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, "asChild" | "content" | "forceMount"> {
+export interface TooltipProps extends Omit<ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, "asChild" | "content" | "forceMount"> {
     /** Tooltip's content. */
-    content: React.ReactNode;
+    content: ReactNode;
     /**
      * Whether to show an arrow pointing to the anchor.
      *
@@ -11,7 +11,7 @@ export interface TooltipProps extends Omit<React.ComponentPropsWithoutRef<typeof
      */
     showArrow?: boolean;
     /** Tooltip's trigger element. */
-    children: React.ReactElement;
+    children: ReactElement;
     /** The open state of the tooltip when it is initially rendered. */
     defaultOpen?: boolean;
     /**
@@ -34,9 +34,9 @@ export interface TooltipProps extends Omit<React.ComponentPropsWithoutRef<typeof
     /** Used to force mounting when more control is needed. */
     forceMount?: true;
     /** Properties to pass to the portal component. */
-    portalProps?: Omit<React.ComponentPropsWithRef<typeof TooltipPrimitive.Portal>, "forceMount">;
+    portalProps?: Omit<ComponentPropsWithRef<typeof TooltipPrimitive.Portal>, "forceMount">;
     /** Properties to pass to the arrow component. */
-    arrowProps?: React.ComponentPropsWithRef<typeof TooltipPrimitive.Arrow>;
+    arrowProps?: ComponentPropsWithRef<typeof TooltipPrimitive.Arrow>;
 }
 /**
  * The `Tooltip` component renders a popup that displays information related to
@@ -52,4 +52,4 @@ export interface TooltipProps extends Omit<React.ComponentPropsWithoutRef<typeof
  * please refer to the
  * [docs](https://www.radix-ui.com/primitives/docs/components/tooltip).
  */
-export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./components/Root";
-export * from "./locale";
+export * from "./locales";
 export * from "./components/Alert";
 export * from "./components/AlertDialog";
 export * from "./components/Button";

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" | "dateFnsLocale">;

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

@@ -0,0 +1,3 @@
+import { type LocalizationObject } from "../providers/LocalizationProvider/LocalizationObject.ts";
+/** `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/AlertDialogProvider/AlertDialogProvider.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Properties of the alert dialog provider. */
 export interface AlertDialogProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /** Alert dialog provider. */
 export declare function AlertDialogProvider({ children }: AlertDialogProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/providers/AlertDialogProvider/AlertDialogProviderContext.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 import { type AlertDialogBody, type AlertDialogContent, type AlertDialogContentColor, type AlertDialogContentSize, type AlertDialogContentVariant, type AlertDialogDescription, type AlertDialogFooter, type AlertDialogHeader, type AlertDialogTitle } from "../../components/AlertDialog";
 import { type Button } from "../../components/Button";
 /** Options that can be provided to both `alert` and `confirm` alert dialogs. */
 export interface AlertDialogOptions {
     /** Alert dialog's title. */
-    title?: React.ReactNode;
+    title?: ReactNode;
     /**
      * Alert dialog content variant.
      *
@@ -28,35 +28,35 @@ export interface AlertDialogOptions {
     /** Alert dialog content size. */
     size?: AlertDialogContentSize;
     /** Alert dialog's extra body content, displayed after the description. */
-    extraBodyContent?: React.ReactNode;
+    extraBodyContent?: ReactNode;
     /** Alert dialog's action text. */
-    okText?: React.ReactNode;
+    okText?: ReactNode;
     /**
      * Element that caused the alert dialog to be triggered. This element will be
      * automatically focused when the dialog closes.
      */
     triggerElement?: HTMLElement | null;
     /** Properties to pass to the alert dialog's content component. */
-    contentProps?: Omit<React.ComponentPropsWithoutRef<typeof AlertDialogContent>, "solid" | "color" | "size">;
+    contentProps?: Omit<ComponentPropsWithoutRef<typeof AlertDialogContent>, "solid" | "color" | "size">;
     /** Properties to pass to the alert dialog's header component. */
-    headerProps?: React.ComponentPropsWithRef<typeof AlertDialogHeader>;
+    headerProps?: ComponentPropsWithRef<typeof AlertDialogHeader>;
     /** Properties to pass to the alert dialog's title component. */
-    titleProps?: React.ComponentPropsWithRef<typeof AlertDialogTitle>;
+    titleProps?: ComponentPropsWithRef<typeof AlertDialogTitle>;
     /** Properties to pass to the alert dialog's body component. */
-    bodyProps?: React.ComponentPropsWithRef<typeof AlertDialogBody>;
+    bodyProps?: ComponentPropsWithRef<typeof AlertDialogBody>;
     /** Properties to pass to the alert dialog's description component. */
-    descriptionProps?: React.ComponentPropsWithRef<typeof AlertDialogDescription>;
+    descriptionProps?: ComponentPropsWithRef<typeof AlertDialogDescription>;
     /** Properties to pass to the alert dialog's footer component. */
-    footerProps?: React.ComponentPropsWithRef<typeof AlertDialogFooter>;
+    footerProps?: ComponentPropsWithRef<typeof AlertDialogFooter>;
     /** Properties to pass to the alert dialog's OK button component. */
-    okButtonProps?: Omit<React.ComponentPropsWithRef<typeof Button>, "onClick">;
+    okButtonProps?: Omit<ComponentPropsWithRef<typeof Button>, "onClick">;
 }
 /** Options that can be provided to a `confirm` alert dialog. */
 export interface ConfirmDialogOptions extends AlertDialogOptions {
     /** Alert dialog's cancel text. */
-    cancelText?: React.ReactNode;
+    cancelText?: ReactNode;
     /** Properties to pass to the alert dialog's cancel button component. */
-    cancelButtonProps?: Omit<React.ComponentPropsWithRef<typeof Button>, "onClick">;
+    cancelButtonProps?: Omit<ComponentPropsWithRef<typeof Button>, "onClick">;
 }
 /** Value of the alert dialog context. */
 export interface AlertDialogProviderContextValue {
@@ -72,7 +72,7 @@ export interface AlertDialogProviderContextValue {
      * @returns A promise that resolves with the value called in `resolve`, or
      *   `undefined` if the dialog was closed for another reason.
      */
-    prompt: <T>(renderContent: (resolve: (value?: T | PromiseLike<T>) => void) => React.ReactNode) => Promise<T | undefined>;
+    prompt: <T>(renderContent: (resolve: (value?: T | PromiseLike<T>) => void) => ReactNode) => Promise<T | undefined>;
     /**
      * Displays an alert (similar to the browser's `alert`, but non-blocking) via
      * an alert dialog.
@@ -81,7 +81,7 @@ export interface AlertDialogProviderContextValue {
      * @param dialogOptions Dialog options.
      * @returns A promise that resolves once the dialog has been dismissed.
      */
-    alert: (description: React.ReactNode, dialogOptions?: AlertDialogOptions) => Promise<void>;
+    alert: (description: ReactNode, dialogOptions?: AlertDialogOptions) => Promise<void>;
     /**
      * Displays a confirmation dialog (similar to the browser's `confirm` but
      * non-blocking) via an alert dialog.
@@ -91,7 +91,7 @@ export interface AlertDialogProviderContextValue {
      * @returns A promise that resolves with a boolean representing whether the
      *   dialog has been confirmed or cancelled.
      */
-    confirm: (description: React.ReactNode, dialogOptions?: ConfirmDialogOptions) => Promise<boolean>;
+    confirm: (description: ReactNode, dialogOptions?: ConfirmDialogOptions) => Promise<boolean>;
 }
 /** Alert dialog context. */
-export declare const AlertDialogProviderContext: React.Context<AlertDialogProviderContextValue | undefined>;
+export declare const AlertDialogProviderContext: import("react").Context<AlertDialogProviderContextValue | undefined>;

package/dist/types/providers/DocumentTitleProvider/DocumentTitle.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Properties of the document title component. */
 export interface DocumentTitleProps {
     /** Title to set as a breadcrumb of the document title. */
     title?: string;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  * Component used to set the provided title as a breadcrumb of the document

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Properties of the document title provider. */
 export interface DocumentTitleProviderProps {
     /** Base document title. Defaults to the existing document title at load time. */
@@ -15,7 +15,7 @@ export interface DocumentTitleProviderProps {
      * @default " ‹ "
      */
     breadcrumbsSeparator?: string;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /** Default base separator. */
 export declare const DEFAULT_DOCUMENT_TITLE_BASE_SEPARATOR = " | ";

package/dist/types/providers/DocumentTitleProvider/DocumentTitleProviderContext.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 /** Value of the document title provider context. */
 export interface DocumentTitleProviderContextValue {
     baseDocumentTitle: string | null;
@@ -6,7 +5,7 @@ export interface DocumentTitleProviderContextValue {
     breadcrumbsSeparator: string;
 }
 /** Document title provider context. */
-export declare const DocumentTitleProviderContext: React.Context<DocumentTitleProviderContextValue | null>;
+export declare const DocumentTitleProviderContext: import("react").Context<DocumentTitleProviderContextValue | null>;
 /** State of the document title component. */
 export interface DocumentTitleState {
     breadcrumbs: string[];
@@ -21,7 +20,7 @@ export interface DocumentTitleActions {
 /** Document title store. */
 export type DocumentTitleStore = ReturnType<typeof useCreateDocumentTitleStore>;
 /** Document title context. */
-export declare const DocumentTitleContext: React.Context<(Omit<import("zustand").StoreApi<DocumentTitleState>, "subscribe"> & {
+export declare const DocumentTitleContext: import("react").Context<(Omit<import("zustand").StoreApi<DocumentTitleState>, "subscribe"> & {
     subscribe: {
         (listener: (selectedState: DocumentTitleState, previousSelectedState: DocumentTitleState) => void): () => void;
         <U>(selector: (state: DocumentTitleState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {

package/dist/types/providers/ErrorReportingProvider/ErrorReport.d.ts

@@ -1,4 +1,4 @@
-import type * as React from "react";
+import { type ErrorInfo } from "react";
 /** Error report. */
 export interface ErrorReport {
     /** Hash of the error information, providing a unique identifier for the error. */
@@ -32,4 +32,4 @@ export interface ErrorReport {
  * @param info Optional React error information.
  * @returns Error report.
  */
-export declare function buildErrorReport(error: unknown, info?: React.ErrorInfo): ErrorReport;
+export declare function buildErrorReport(error: unknown, info?: ErrorInfo): ErrorReport;

package/dist/types/providers/ErrorReportingProvider/ErrorReportingContext.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ErrorInfo } from "react";
 /** Value of the error reporting context. */
 export interface ErrorReportingContextValue {
-    onError: (error: Error, info?: React.ErrorInfo) => void;
+    onError: (error: Error, info?: ErrorInfo) => void;
 }
 /** Error reporting context. */
-export declare const ErrorReportingContext: React.Context<ErrorReportingContextValue | null>;
+export declare const ErrorReportingContext: import("react").Context<ErrorReportingContextValue | null>;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 import { type ErrorReport } from "./ErrorReport.ts";
 /** Properties of the error reporting provider. */
 export interface ErrorReportingProviderProps {
@@ -58,7 +58,7 @@ export interface ErrorReportingProviderProps {
      * This property is ignored when a custom `reportError` is provided.
      */
     errorReportingOptions?: Omit<RequestInit, "method" | "body">;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
  * Provider used to report errors caught in error boundaries throughout the

package/dist/types/providers/ErrorReportingProvider/useErrorReporter.d.ts

@@ -1,3 +1,2 @@
-import * as React from "react";
 /** Hook used to report an error. */
-export declare function useErrorReporter(): (error: Error, info?: React.ErrorInfo) => void;
+export declare function useErrorReporter(): (error: Error, info?: import("react").ErrorInfo) => void;

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,22 +1,22 @@
 import { type Locale as DateFnsLocale } from "date-fns";
-import { type CalendarProps } from "../components/Calendar";
-import { type CloseButtonProps } from "../components/CloseButton";
-import { type CommandMenuDialogProps, type CommandMenuProps } from "../components/CommandMenu";
-import { type ControlCodeProps } from "../components/ControlCode";
-import { type DataTableContentProps, type DataTableFilterProps, type DataTablePaginationProps, type DataTableRowsPerPageProps } from "../components/DataTable";
-import { type DateInputProps } from "../components/DateInput";
-import { type DateRangeInputProps } from "../components/DateRangeInput";
-import { type ErrorBoundaryProps } from "../components/ErrorBoundary";
-import { type FeedbackProps } from "../components/Feedback";
-import { type FeedbackPopoverProps } from "../components/FeedbackPopover";
-import { type FieldGroupHeaderProps } from "../components/FieldGroup";
-import { type InputProps } from "../components/Input";
-import { type LabelProps } from "../components/Label";
-import { type NumericInputProps } from "../components/NumericInput";
-import { type SelectProps } from "../components/Select";
-import { type TableColumnProps, type TableHeadProps } from "../components/Table";
-import { type ToastProviderProps, type ToastViewportProps } from "../components/Toast";
-import { type ConfirmDialogOptions } from "../providers/AlertDialogProvider";
+import { type CalendarProps } from "../../components/Calendar";
+import { type CloseButtonProps } from "../../components/CloseButton";
+import { type CommandMenuDialogProps, type CommandMenuProps } from "../../components/CommandMenu";
+import { type ControlCodeProps } from "../../components/ControlCode";
+import { type DataTableContentProps, type DataTableFilterProps, type DataTablePaginationProps, type DataTableRowsPerPageProps } from "../../components/DataTable";
+import { type DateInputProps } from "../../components/DateInput";
+import { type DateRangeInputProps } from "../../components/DateRangeInput";
+import { type ErrorBoundaryProps } from "../../components/ErrorBoundary";
+import { type FeedbackProps } from "../../components/Feedback";
+import { type FeedbackPopoverProps } from "../../components/FeedbackPopover";
+import { type FieldGroupHeaderProps } from "../../components/FieldGroup";
+import { type InputProps } from "../../components/Input";
+import { type LabelProps } from "../../components/Label";
+import { type NumericInputProps } from "../../components/NumericInput";
+import { type SelectProps } from "../../components/Select";
+import { type TableColumnProps, type TableHeadProps } from "../../components/Table";
+import { type ToastProviderProps, type ToastViewportProps } from "../../components/Toast";
+import { type ConfirmDialogOptions } from "../AlertDialogProvider";
 /** Localization object representation. */
 export interface LocalizationObject {
     languageTag: string;

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

@@ -1,10 +1,18 @@
-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;
+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/PrefixProvider/PrefixContext.d.ts

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

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

@@ -1,9 +1,9 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Properties of the prefix provider. */
 export interface PrefixProviderProps {
     /** Prefix to use. */
     prefix?: string;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /** Prefix provider. */
-export declare function PrefixProvider({ prefix, children }: PrefixProviderProps): 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 PrefixProvider({ prefix, children }: PrefixProviderProps): 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/PrefixProvider/defaultPrefix.d.ts

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

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

@@ -1,3 +1,4 @@
+export { setDefaultPrefix } from "./defaultPrefix.ts";
 export * from "./PrefixContext.ts";
 export * from "./PrefixProvider.tsx";
 export * from "./usePrefix.ts";

package/dist/types/providers/PrefixProvider/usePrefix.d.ts

@@ -2,7 +2,7 @@
  * Function which prefixes the provided `toPrefix` string. If no argument is
  * provided, the prefix is returned as-is.
  */
-export type PrefixFn = (toPrefix: string) => string;
+export type PrefixFn = (toPrefix?: string) => string;
 /**
  * Hook which returns a function which can be used to prefix a string with the
  * current prefix.

package/dist/types/providers/ToastManagerProvider/ToastManagerContext.d.ts

@@ -1,16 +1,16 @@
-import * as React from "react";
+import { type ComponentPropsWithRef, type ReactNode } from "react";
 import { type Toast, type ToastDescription, type ToastTitle } from "../../components/Toast";
 import { type DistributedOmit } from "../../utils/typeUtils.ts";
 /** Toast options. */
-export type ToastOptions = DistributedOmit<React.ComponentPropsWithRef<typeof Toast>, "defaultOpen" | "open" | "title"> & {
+export type ToastOptions = DistributedOmit<ComponentPropsWithRef<typeof Toast>, "defaultOpen" | "open" | "title"> & {
     /** Toast's title. */
-    title?: React.ReactNode;
+    title?: ReactNode;
     /** HTML `title` prop. */
     htmlTitle?: string;
     /** Properties to pass to the title component. */
-    titleProps?: React.ComponentPropsWithRef<typeof ToastTitle>;
+    titleProps?: ComponentPropsWithRef<typeof ToastTitle>;
     /** Properties to pass to the description component. */
-    descriptionProps?: React.ComponentPropsWithRef<typeof ToastDescription>;
+    descriptionProps?: ComponentPropsWithRef<typeof ToastDescription>;
 };
 /** Toast identifier. */
 export type ToastId = number;
@@ -23,7 +23,7 @@ export interface ToastManagerContextValue {
      * @param toastOptions Toast's options.
      * @returns Toast's unique identifier.
      */
-    addToast: (description: React.ReactNode, toastOptions?: ToastOptions) => ToastId;
+    addToast: (description: ReactNode, toastOptions?: ToastOptions) => ToastId;
     /**
      * Removes an existing toast with the given identifier.
      *
@@ -32,4 +32,4 @@ export interface ToastManagerContextValue {
     removeToast: (toastId: ToastId) => void;
 }
 /** Toast manager context. */
-export declare const ToastManagerContext: React.Context<ToastManagerContextValue | undefined>;
+export declare const ToastManagerContext: import("react").Context<ToastManagerContextValue | undefined>;

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

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Properties of the toast manager provider. */
 export interface ToastManagerProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  * Toast manager provider.

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

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { type AccentColor } from "./accent.ts";
 /** Possible status of a control. */
 export type ControlStatus = "valid" | "invalid" | "warned";
@@ -16,7 +15,7 @@ export interface ControlContextValue {
     readOnly?: boolean;
 }
 /** Control context. */
-export declare const ControlContext: React.Context<ControlContextValue | null>;
+export declare const ControlContext: import("react").Context<ControlContextValue | null>;
 /** Hook providing access to the control context. */
 export declare function useControlContext(): ControlContextValue | null;
 /** Transforms a control status into a colour accent. */

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type Ref as ReactRef, type RefCallback } from "react";
 /**
  * Combines multiple references into a single stable callback reference while
  * respecting React's rules for references.
@@ -6,4 +6,4 @@ import * as React from "react";
  * @param refs References to combine.
  * @returns Stable callback reference.
  */
-export declare function useCombinedRef<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+export declare function useCombinedRef<T>(...refs: (ReactRef<T> | undefined)[]): RefCallback<T>;

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

@@ -1,3 +1,3 @@
-import * as React from "react";
+import { type Dispatch, type SetStateAction } from "react";
 /** Helper hook to handle controlled or uncontrolled values. */
-export declare function useControllableState<T>(initialValue: T | (() => T), controlledValue: T | undefined): [T, React.Dispatch<React.SetStateAction<T>>];
+export declare function useControllableState<T>(initialValue: T | (() => T), controlledValue: T | undefined): [T, Dispatch<SetStateAction<T>>];

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

@@ -1,3 +1,3 @@
-import * as React from "react";
+import { useLayoutEffect as reactUseLayoutEffect } from "react";
 /** `useLayoutEffect` hook which performs a noop when run on the server. */
-export declare const useLayoutEffect: typeof React.useLayoutEffect;
+export declare const useLayoutEffect: typeof reactUseLayoutEffect;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ostack.tech/ui",
   "description": "ostack/UI component library.",
-  "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.cjs",
+  "main": "dist/ostack-ui.js",
   "types": "dist/types/index.d.ts",
   "sass": "scss/index.scss",
   "style": "dist/ostack-ui.css",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/ostack-ui.js",
-      "require": "./dist/ostack-ui.cjs"
+      "import": "./dist/ostack-ui.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.css",
     "./scss": "./scss/index.scss",
     "./scss/*": "./scss/*",
     "./package.json": "./package.json"
   },
+  "sideEffects": false,
   "files": [
     "dist/",
     "scss/"