@ostack.tech/ui 0.1.0

package/dist/types/components/Dialog/DialogFooter.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { CardFooter } from "../Card";
+/** Properties of the dialog footer component. */
+export interface DialogFooterProps extends React.ComponentPropsWithoutRef<typeof CardFooter> {
+}
+/** Footer section of the dialog. */
+export declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Dialog/DialogHeader.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { CardHeader } from "../Card";
+import { CloseButton } from "../CloseButton";
+/** Properties of the dialog header component. */
+export interface DialogHeaderProps extends React.ComponentPropsWithoutRef<typeof CardHeader> {
+    /**
+     * Whether to show a close button.
+     *
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /** Properties to pass to the close button component. */
+    closeButtonProps?: React.ComponentPropsWithRef<typeof CloseButton>;
+}
+/** Header section of the dialog. */
+export declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Dialog/DialogTitle.d.ts

@@ -0,0 +1,7 @@
+import { Dialog as DialogPrimitive } from "radix-ui";
+import * as React from "react";
+/** Properties of the dialog title component. */
+export interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+}
+/** Accessible title to be announced when the dialog is opened. */
+export declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/types/components/Dialog/DialogTrigger.d.ts

@@ -0,0 +1,7 @@
+import { Dialog as DialogPrimitive } from "radix-ui";
+import * as React from "react";
+/** Properties of the dialog trigger component. */
+export interface DialogTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>, "asChild"> {
+}
+/** The button which, when pressed, opens the dialog. */
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Dialog/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./Dialog.tsx";
+export * from "./DialogBody.tsx";
+export * from "./DialogClose.tsx";
+export * from "./DialogContent.tsx";
+export * from "./DialogDescription.tsx";
+export * from "./DialogFooter.tsx";
+export * from "./DialogHeader.tsx";
+export * from "./DialogTitle.tsx";
+export * from "./DialogTrigger.tsx";

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

@@ -0,0 +1,65 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import type * as React from "react";
+/** Properties of the dropdown menu component. */
+export interface DropdownMenuProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>, "dir"> {
+}
+/**
+ * Menu displayed within a dropdown, containing a set of actions.
+ *
+ * Built on top of the [Radix Dropdown Menu
+ * primitive](https://www.radix-ui.com/primitives/docs/components/dropdown-menu)
+ * and the `MenuList` component.
+ *
+ * It composes the following subcomponents:
+ *
+ * - `DropdownMenuTrigger`: Contains the element that triggers the dropdown menu.
+ * - `DropdownMenuContent`: Represents the menu itself. It appears once the
+ *   trigger is pressed.
+ * - `DropdownMenuGroup`: Groups items under an optional label.
+ * - `DropdownMenuItem`: An item of the dropdown menu.
+ * - `DropdownMenuCheckboxItem`: An item that can be controlled and rendered like
+ *   a checkbox.
+ * - `DropdownMenuRadioGroup`: Used to group multiple radio items.
+ * - `DropdownMenuRadioItem`: An item that can be controlled and rendered like a
+ *   radio.
+ * - `DropdownMenuSub`: Container of a submenu.
+ * - `DropdownMenuSubTrigger`: An item that opens a submenu. Must be rendered
+ *   inside a submenu container.
+ * - `DropdownMenuSubContent`: Content of a submenu. Must be rendered inside a
+ *   submenu container.
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * import {
+ *   Button,
+ *   DropdownMenu,
+ *   DropdownMenuContent,
+ *   DropdownMenuItem,
+ *   DropdownMenuTrigger,
+ * } from "@ostack.tech/ui";
+ *
+ * function ActionsMenu() {
+ *   return (
+ *     <DropdownMenu>
+ *       <DropdownMenuTrigger>
+ *         <Button>Actions</Button>
+ *       </DropdownMenuTrigger>
+ *
+ *       <DropdownMenuContent>
+ *         <DropdownMenuItem onSelect={openDocument}>
+ *           Open…
+ *         </DropdownMenuItem>
+ *         <DropdownMenuItem onSelect={editDocument}>
+ *           Edit…
+ *         </DropdownMenuItem>
+ *         <DropdownMenuItem onSelect={printDocument}>
+ *           Print…
+ *         </DropdownMenuItem>
+ *       </DropdownMenuContent>
+ *     </DropdownMenu>
+ *   );
+ * }
+ * ```
+ */
+export declare const DropdownMenu: React.ComponentType<DropdownMenuProps>;

package/dist/types/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts

@@ -0,0 +1,24 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+import { type CheckboxChecked } from "../Checkbox";
+import { Icon } from "../Icon";
+import { type MenuListItemProps } from "../MenuList";
+/** Properties of the dropdown menu checkbox item. */
+export interface DropdownMenuCheckboxItemProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>, "asChild" | "color">, Pick<MenuListItemProps, "color" | "loading" | "enabledWhenLoading" | "loadingContent" | "iconPlacement" | "actionProps" | "contentProps" | "iconProps" | "spinnerProps"> {
+    /**
+     * Whether to show the checkbox.
+     *
+     * @default true
+     */
+    showCheckbox?: boolean;
+    /**
+     * Function called whenever the item's checked status changes.
+     *
+     * @param value Checked status.
+     */
+    onCheckedChange?: (value: CheckboxChecked) => void;
+    /** Properties to pass to the checkbox indicator component. */
+    indicatorProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon">;
+}
+/** A dropdown menu item that can be controlled and rendered like a checkbox. */
+export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/DropdownMenuContent.d.ts

@@ -0,0 +1,20 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+import { MenuList, type MenuListProps } from "../MenuList";
+/** Properties of the dropdown menu content component. */
+export interface DropdownMenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, "asChild">, Pick<MenuListProps, "variant" | "iconPlacement"> {
+    /**
+     * Whether to show an arrow pointing to the anchor.
+     *
+     * @default true
+     */
+    showArrow?: boolean;
+    /** Properties to pass to the portal component. */
+    portalProps?: Omit<React.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Portal>, "forceMount">;
+    /** Properties to pass to the arrow component. */
+    arrowProps?: React.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Arrow>;
+    /** Properties to pass to the menu list component. */
+    menuListProps?: Omit<React.ComponentPropsWithRef<typeof MenuList>, "variant" | "iconPlacement" | "asChild">;
+}
+/** The component that pops out when the dropdown menu is open. */
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/DropdownMenuGroup.d.ts

@@ -0,0 +1,8 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+import { type MenuListGroupProps } from "../MenuList/MenuListGroup.tsx";
+/** Properties of the dropdown menu group. */
+export interface DropdownMenuGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group>, "asChild">, Pick<MenuListGroupProps, "label" | "itemProps" | "labelProps"> {
+}
+/** Component used to group multiple dropdown menu items. */
+export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/DropdownMenuItem.d.ts

@@ -0,0 +1,15 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+import { type MenuListItemProps } from "../MenuList";
+/** Properties of the dropdown menu item. */
+export interface DropdownMenuItemProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>, "asChild" | "color">, Pick<MenuListItemProps, "selected" | "color" | "loading" | "enabledWhenLoading" | "loadingContent" | "icon" | "iconPlacement" | "href" | "target" | "rel" | "actionProps" | "contentProps" | "iconProps" | "spinnerProps"> {
+    /**
+     * Render the item as a link. When set, you can pass `href`, `target`, and
+     * `rel` properties to the item.
+     *
+     * @default false
+     */
+    asLink?: boolean;
+}
+/** Component containing a dropdown menu item. */
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/DropdownMenuRadioGroup.d.ts

@@ -0,0 +1,8 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+import { type MenuListGroupProps } from "../MenuList/MenuListGroup.tsx";
+/** Properties of the dropdown menu radio group. */
+export interface DropdownMenuRadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioGroup>, "asChild">, Pick<MenuListGroupProps, "label" | "itemProps" | "labelProps"> {
+}
+/** Component used to group multiple dropdown menu radio items. */
+export declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/DropdownMenuRadioItem.d.ts

@@ -0,0 +1,16 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+import { type MenuListItemProps } from "../MenuList";
+/** Properties of the dropdown menu radio item. */
+export interface DropdownMenuRadioItemProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>, "asChild" | "color">, Pick<MenuListItemProps, "color" | "loading" | "enabledWhenLoading" | "loadingContent" | "iconPlacement" | "actionProps" | "contentProps" | "iconProps" | "spinnerProps"> {
+    /**
+     * Whether to show the radio.
+     *
+     * @default true
+     */
+    showRadio?: boolean;
+    /** Properties to pass to the indicator component. */
+    indicatorProps?: React.ComponentPropsWithRef<typeof DropdownMenuPrimitive.ItemIndicator>;
+}
+/** A dropdown menu item that can be controlled and rendered like a radio. */
+export declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/DropdownMenuSub.d.ts

@@ -0,0 +1,3 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+/** Container used to render a submenu. */
+export declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;

package/dist/types/components/DropdownMenu/DropdownMenuSubContent.d.ts

@@ -0,0 +1,13 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+import { MenuList, type MenuListProps } from "../MenuList";
+/** Properties of the dropdown menu sub content component. */
+export interface DropdownMenuSubContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>, "asChild">, Pick<MenuListProps, "variant" | "iconPlacement"> {
+    /** Properties to pass to the menu list component. */
+    menuListProps?: Omit<React.ComponentPropsWithRef<typeof MenuList>, "variant" | "iconPlacement" | "asChild">;
+}
+/**
+ * The component that pops out when a submenu is open. Must be rendered inside
+ * `DropdownMenuSub`.
+ */
+export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/DropdownMenuSubTrigger.d.ts

@@ -0,0 +1,11 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+import { type MenuListItemProps } from "../MenuList";
+/** Properties of the dropdown menu submenu trigger. */
+export interface DropdownMenuSubTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>, "asChild" | "color">, Pick<MenuListItemProps, "color" | "icon" | "disabled" | "actionProps" | "contentProps" | "iconProps"> {
+}
+/**
+ * A dropdown menu item that opens a submenu. Must be rendered within a
+ * `DropdownMenuSub`.
+ */
+export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/DropdownMenuTrigger.d.ts

@@ -0,0 +1,7 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+/** Properties of the dropdown menu trigger component. */
+export interface DropdownMenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>, "asChild"> {
+}
+/** Trigger component for the dropdown menu. */
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/DropdownMenu/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./DropdownMenu.tsx";
+export * from "./DropdownMenuCheckboxItem.tsx";
+export * from "./DropdownMenuContent.tsx";
+export * from "./DropdownMenuGroup.tsx";
+export * from "./DropdownMenuItem.tsx";
+export * from "./DropdownMenuRadioGroup.tsx";
+export * from "./DropdownMenuRadioItem.tsx";
+export * from "./DropdownMenuSub.tsx";
+export * from "./DropdownMenuSubContent.tsx";
+export * from "./DropdownMenuSubTrigger.tsx";
+export * from "./DropdownMenuTrigger.tsx";

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

@@ -0,0 +1,97 @@
+import * as React from "react";
+import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";
+import { Alert } from "../Alert";
+import { IconButton } from "../IconButton";
+/** Properties provided to the fallback element. */
+export interface FallbackProps {
+    /** Error that occurred. */
+    error: any;
+    /**
+     * Function which, when called, rerenders the boundary `children`.
+     *
+     * @param args Arguments passed to the `onReset` callback.
+     */
+    resetErrorBoundary: (...args: unknown[]) => void;
+}
+/** Properties of the error boundary component. */
+export interface ErrorBoundaryProps extends Pick<React.ComponentPropsWithoutRef<typeof ReactErrorBoundary>, "resetKeys" | "onError" | "onReset"> {
+    /**
+     * Fallback component to render in the event of an error while rendering
+     * `children`.
+     *
+     * This component completely replaces the default fallback and, as such, when
+     * provided, other properties related to the default `Alert` fallback such as
+     * `showError`, `fallbackTitle`, and `fallbackMessage` are ignored.
+     *
+     * By default, a “danger” `Alert` is displayed with a message (specified via
+     * `fallbackMessage`) or the error that occurred when `showError` is set.
+     */
+    fallback?: React.ReactNode | React.ComponentType<FallbackProps> | ((props: FallbackProps) => React.ReactNode);
+    /**
+     * Whether to show the error that occurred in the default fallback `Alert`.
+     *
+     * By default, the error is shown only when not in production mode.
+     */
+    showError?: boolean;
+    /**
+     * Whether to show a button to reset the error boundary in the default
+     * fallback `Alert`.
+     *
+     * @default true
+     */
+    showResetButton?: boolean;
+    /**
+     * Title to display in the default fallback `Alert` component in the event of
+     * an error occurring while rendering `children`. This property is ignored if
+     * `fallback` is provided or if `showError` is set.
+     *
+     * By default, the locale's message is used.
+     */
+    fallbackTitle?: React.ReactNode | ((error?: unknown) => React.ReactNode);
+    /**
+     * Message to display in the default fallback `Alert` component in the event
+     * of an error occurring while rendering `children`. This property is ignored
+     * if `fallback` is provided or if `showError` is set.
+     *
+     * By default, the locale's message is used.
+     */
+    fallbackMessage?: React.ReactNode | ((error?: unknown) => React.ReactNode);
+    /**
+     * Label of the button used to reset the error boundary.
+     *
+     * By default, the locale's label is used.
+     */
+    resetButtonLabel?: React.ReactNode;
+    /** Properties to pass to the default fallback `Alert` component. */
+    fallbackProps?: React.ComponentPropsWithRef<typeof Alert>;
+    /**
+     * Properties to pass to the `IconButton` component used to reset the error
+     * boundary.
+     */
+    resetButtonProps?: React.ComponentPropsWithRef<typeof IconButton>;
+    children?: React.ReactNode;
+}
+/**
+ * Generic error boundary which, by default, when an error occurs while
+ * rendering `children`, displays an `Alert` with a generic message, together
+ * with the error itself when in development mode.
+ *
+ * You can provide an alternative fallback component via the `fallback` property
+ * or simply an alternative fallback message via the `fallbackMessage`
+ * property.
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * import { ErrorBoundary } from "@ostack.tech/ui";
+ *
+ * function ProtectedApp() {
+ *   return (
+ *     <ErrorBoundary>
+ *       <App />
+ *     </ErrorBoundary>
+ *   );
+ * }
+ * ```
+ */
+export declare const ErrorBoundary: React.ForwardRefExoticComponent<ErrorBoundaryProps & React.RefAttributes<ReactErrorBoundary>>;

package/dist/types/components/ErrorBoundary/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ErrorBoundary.tsx";
+export * from "./useErrorBoundary.ts";

package/dist/types/components/ErrorBoundary/useErrorBoundary.d.ts

@@ -0,0 +1 @@
+export { useErrorBoundary } from "react-error-boundary";

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+/** Possible types of feedback. */
+export type FeedbackType = "success" | "error" | "warning";
+/** Properties of the feedback component. */
+export type FeedbackProps = React.ComponentPropsWithoutRef<"div" | "li"> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    /**
+     * Type of feedback.
+     *
+     * @default error
+     */
+    type?: FeedbackType;
+    /** Text prefixed to the feedback to be announced by assistive technologies. */
+    visuallyHiddenPrefix?: React.ReactNode | ((type: FeedbackType) => React.ReactNode);
+};
+/** Component used to provide some feedback to a form control. */
+export declare const Feedback: React.ForwardRefExoticComponent<FeedbackProps & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;

package/dist/types/components/Feedback/index.d.ts

@@ -0,0 +1 @@
+export * from "./Feedback.tsx";

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+/** Properties of the feedback list component. */
+export interface FeedbackListProps extends React.ComponentPropsWithoutRef<"ul"> {
+}
+/** Component used to provide a list of feedbacks to a form control. */
+export declare const FeedbackList: React.ForwardRefExoticComponent<FeedbackListProps & React.RefAttributes<HTMLUListElement>>;

package/dist/types/components/FeedbackList/FeedbackListContext.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+/** Context present within a feedback list. */
+export declare const FeedbackListContext: React.Context<boolean>;
+/** Hook exposing whether a component is being rendered within a feedback list. */
+export declare function useIsInFeedbackList(): boolean;

package/dist/types/components/FeedbackList/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FeedbackList.tsx";
+export * from "./FeedbackListContext.ts";

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

@@ -0,0 +1,34 @@
+import { type IconProp } from "@fortawesome/fontawesome-svg-core";
+import * as React from "react";
+import { IconButton, type IconButtonSize } from "../IconButton";
+import { PopoverContent } from "../Popover";
+/** Properties of the feedback popover component. */
+export interface FeedbackPopoverProps extends React.ComponentPropsWithoutRef<typeof PopoverContent> {
+    /** Default open state of the feedback popover. */
+    defaultOpen?: boolean;
+    /** Controlled open state of the feedback popover. */
+    open?: boolean;
+    /**
+     * Function called whenever the open state of the feedback popover changes.
+     *
+     * @param open New open state.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether to display the popover in modal mode. */
+    modal?: boolean;
+    /** Size of the icon button. */
+    size?: IconButtonSize;
+    /** Icon to show. Each feedback type has its own default icon. */
+    icon?: IconProp;
+    /** Label of the feedback popover button. */
+    label?: React.ReactNode;
+    /** Properties to pass to the element containing the button. */
+    buttonContainerProps?: React.ComponentPropsWithRef<"div">;
+    /** Properties to pass to the `IconButton` component. */
+    iconButtonProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "size" | "icon" | "label">;
+}
+/**
+ * Component used to provide feedback to a form control, where the feedback is
+ * displayed within a popover.
+ */
+export declare const FeedbackPopover: React.ForwardRefExoticComponent<FeedbackPopoverProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/FeedbackPopover/FeedbackPopoverContext.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type FeedbackType } from "../Feedback";
+/** Value of the feedback popover context. */
+export interface FeedbackPopoverContextValue {
+    onAddFeedback: (type: FeedbackType) => void;
+    onRemoveFeedback: (type: FeedbackType) => void;
+}
+/** Feedback popover context. */
+export declare const FeedbackPopoverContext: React.Context<FeedbackPopoverContextValue | null>;
+/** Hook providing access to the feedback popover context. */
+export declare function useFeedbackPopoverContext(): FeedbackPopoverContextValue | null;

package/dist/types/components/FeedbackPopover/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FeedbackPopover.tsx";
+export * from "./FeedbackPopoverContext.ts";

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+/** Properties of the field component. */
+export interface FieldProps extends React.ComponentPropsWithoutRef<"div"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+}
+/**
+ * The `Field` component groups form controls such as `Input`, `Select`,
+ * `RadioButton`, `Checkbox`, and similar components that are used for user
+ * input, with an associated `Label`, `HelperText`, and feedback such as errors
+ * or validation messages.
+ *
+ * It provides automatic linking of the `Label` to the control, and marks the
+ * control as "required" when requested by the control.
+ */
+export declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Field/FieldContext.d.ts

@@ -0,0 +1,86 @@
+import * as React from "react";
+/** Value of the field context. */
+export type FieldContextValue = FieldStore;
+/** State of the field. */
+export interface FieldState {
+    controlId?: string;
+    controlTagName?: string;
+    controlFocused: boolean;
+    controlHasCode: boolean;
+    controlRequired: boolean;
+    label?: React.ReactNode;
+    labelId?: string;
+    descriptionIds: string[];
+    errorMessageIds: string[];
+    actions: FieldActions;
+}
+/** Actions of the field. */
+export interface FieldActions {
+    addDescriptionId: (descriptionId: string) => void;
+    removeDescriptionId: (descriptionId: string) => void;
+    addErrorMessageId: (errorMessageId: string) => void;
+    removeErrorMessageId: (errorMessageId: string) => void;
+}
+/** Field store. */
+export type FieldStore = ReturnType<typeof useCreateFieldContext>;
+/** Field context. */
+export declare const FieldContext: React.Context<(Omit<import("zustand").StoreApi<FieldState>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: FieldState, previousSelectedState: FieldState) => void): () => void;
+        <U>(selector: (state: FieldState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+}) | null>;
+/** Hook which creates the field context value. */
+export declare function useCreateFieldContext(): Omit<import("zustand").StoreApi<FieldState>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: FieldState, previousSelectedState: FieldState) => void): () => void;
+        <U>(selector: (state: FieldState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+};
+/** Hook exposing the field control's id. */
+export declare function useFieldControlId(): string | undefined;
+/** Hook exposing the field control's tag name. */
+export declare function useFieldControlTagName(): string | undefined;
+/** Hook exposing whether the field's control is focused. */
+export declare function useFieldControlFocused(): boolean | undefined;
+/** Hook exposing whether the field's control is required. */
+export declare function useFieldControlRequired(): boolean | undefined;
+/** Hook exposing the field label's id. */
+export declare function useFieldLabelId(): string | undefined;
+/** Hook exposing the field's description ids. */
+export declare function useFieldDescriptionIds(): string[] | undefined;
+/** Hook exposing the field's error message ids. */
+export declare function useFieldErrorMessageIds(): string[] | undefined;
+/** Hook that makes a field aware of its control's information. */
+export declare function useSetFieldControl(controlId: string | undefined, controlTagName: string | undefined, controlCodeId: string | undefined, controlHasCode?: boolean | undefined, controlRequired?: boolean | undefined): {
+    controlId: string;
+    codeId: string | undefined;
+};
+/**
+ * Hook which returns a function that can be used to set the focus status of the
+ * field's control.
+ */
+export declare function useSetFieldControlFocused(): (controlFocused: boolean) => void | undefined;
+/** Hook that makes the field aware of its label. */
+export declare function useSetFieldLabel(label: React.ReactNode, labelId: string | undefined): string | undefined;
+/** Options available to the {@link useOnFieldLabelChange} hook. */
+export interface UseOnFieldLabelChangeOptions {
+    /**
+     * Whether to run the callback immediately with the current label.
+     *
+     * @default true
+     */
+    fireImmediately?: boolean;
+}
+/** Hook which runs the provided callback whenever the field's label changes. */
+export declare function useOnFieldLabelChange(cb: (label: React.ReactNode) => (() => void) | void, { fireImmediately }?: UseOnFieldLabelChangeOptions): void;
+/** Hook that makes the field aware of some helper text. */
+export declare function useSetFieldHelperText(helperTextId: string | undefined): string | undefined;
+/** Hook that makes the field aware of some feedback. */
+export declare function useSetFieldFeedback(feedbackId: string | undefined, isError: boolean): string | undefined;

package/dist/types/components/Field/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Field.tsx";
+export { type FieldActions, useFieldControlFocused, useFieldControlId, useFieldControlRequired, useFieldControlTagName, useFieldDescriptionIds, useFieldErrorMessageIds, useFieldLabelId, useOnFieldLabelChange, useSetFieldControl, useSetFieldControlFocused, useSetFieldFeedback, useSetFieldHelperText, useSetFieldLabel, } from "./FieldContext.ts";

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

@@ -0,0 +1,30 @@
+import * as React from "react";
+/** Properties of the field group component. */
+export interface FieldGroupProps extends React.ComponentPropsWithoutRef<"div"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+}
+/**
+ * Component used to group a set of fields of a form, improving the organization
+ * and usability of forms. By combining a header and body layout, it makes forms
+ * more readable and accessible, especially for complex interfaces. The header
+ * gives the group a clear title, while the body contains all related input
+ * controls.
+ *
+ * This component is especially useful for creating forms where logical grouping
+ * of fields is essential for user comprehension. It ensures consistency in
+ * design and simplifies the process of building accessible and maintainable
+ * forms.
+ *
+ * It composes the following subcomponents:
+ *
+ * - `FieldGroupHeader`: Acts as the headers for the group, typically containing
+ *   the `FieldGroupTitle` of the section.
+ * - `FieldGroupTitle`: Displays the title within the header.
+ * - `FieldGroupBody`: The container for all fields and controls within the group.
+ */
+export declare const FieldGroup: React.ForwardRefExoticComponent<FieldGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/FieldGroup/FieldGroupBody.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+/** Properties of the field group body component. */
+export interface FieldGroupBodyProps extends React.ComponentPropsWithoutRef<"div"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+}
+/** Component used to display the body of a field group. */
+export declare const FieldGroupBody: React.ForwardRefExoticComponent<FieldGroupBodyProps & React.RefAttributes<HTMLDivElement>>;