@ostack.tech/ui 0.1.2 → 0.2.0

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

@@ -1,8 +1,8 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 /** Possible types of feedback. */
 export type FeedbackType = "success" | "error" | "warning";
 /** Properties of the feedback component. */
-export type FeedbackProps = React.ComponentPropsWithoutRef<"div" | "li"> & {
+export type FeedbackProps = 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
@@ -16,7 +16,7 @@ export type FeedbackProps = React.ComponentPropsWithoutRef<"div" | "li"> & {
      */
     type?: FeedbackType;
     /** Text prefixed to the feedback to be announced by assistive technologies. */
-    visuallyHiddenPrefix?: React.ReactNode | ((type: FeedbackType) => React.ReactNode);
+    visuallyHiddenPrefix?: ReactNode | ((type: FeedbackType) => ReactNode);
 };
 /** Component used to provide some feedback to a form control. */
-export declare const Feedback: React.ForwardRefExoticComponent<FeedbackProps & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;
+export declare const Feedback: import("react").ForwardRefExoticComponent<FeedbackProps & import("react").RefAttributes<HTMLDivElement | HTMLLIElement>>;

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { type IconProp } from "@fortawesome/fontawesome-svg-core";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } 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> {
+export interface FeedbackPopoverProps extends ComponentPropsWithoutRef<typeof PopoverContent> {
     /** Default open state of the feedback popover. */
     defaultOpen?: boolean;
     /** Controlled open state of the feedback popover. */
@@ -21,14 +21,14 @@ export interface FeedbackPopoverProps extends React.ComponentPropsWithoutRef<typ
     /** Icon to show. Each feedback type has its own default icon. */
     icon?: IconProp;
     /** Label of the feedback popover button. */
-    label?: React.ReactNode;
+    label?: ReactNode;
     /** Properties to pass to the element containing the button. */
-    buttonContainerProps?: React.ComponentPropsWithRef<"div">;
+    buttonContainerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the `IconButton` component. */
-    iconButtonProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "size" | "icon" | "label">;
+    iconButtonProps?: Omit<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>>;
+export declare const FeedbackPopover: import("react").ForwardRefExoticComponent<FeedbackPopoverProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the field component. */
-export interface FieldProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface FieldProps extends 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
@@ -17,4 +17,4 @@ export interface FieldProps extends React.ComponentPropsWithoutRef<"div"> {
  * 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>>;
+export declare const Field: import("react").ForwardRefExoticComponent<FieldProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Value of the field context. */
 export type FieldContextValue = FieldStore;
 /** State of the field. */
@@ -8,7 +8,7 @@ export interface FieldState {
     controlFocused: boolean;
     controlHasCode: boolean;
     controlRequired: boolean;
-    label?: React.ReactNode;
+    label?: ReactNode;
     labelId?: string;
     descriptionIds: string[];
     errorMessageIds: string[];
@@ -24,7 +24,7 @@ export interface FieldActions {
 /** Field store. */
 export type FieldStore = ReturnType<typeof useCreateFieldContext>;
 /** Field context. */
-export declare const FieldContext: React.Context<(Omit<import("zustand").StoreApi<FieldState>, "subscribe"> & {
+export declare const FieldContext: import("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?: {
@@ -68,7 +68,7 @@ export declare function useSetFieldControl(controlId: string | undefined, contro
  */
 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;
+export declare function useSetFieldLabel(label: ReactNode, labelId: string | undefined): string | undefined;
 /** Options available to the {@link useOnFieldLabelChange} hook. */
 export interface UseOnFieldLabelChangeOptions {
     /**
@@ -79,7 +79,7 @@ export interface UseOnFieldLabelChangeOptions {
     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;
+export declare function useOnFieldLabelChange(cb: (label: 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. */

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

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the field group component. */
-export interface FieldGroupProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface FieldGroupProps extends 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
@@ -27,4 +27,4 @@ export interface FieldGroupProps extends React.ComponentPropsWithoutRef<"div"> {
  * - `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>>;
+export declare const FieldGroup: import("react").ForwardRefExoticComponent<FieldGroupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the field group body component. */
-export interface FieldGroupBodyProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface FieldGroupBodyProps extends 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
@@ -9,4 +9,4 @@ export interface FieldGroupBodyProps extends React.ComponentPropsWithoutRef<"div
     asChild?: boolean;
 }
 /** Component used to display the body of a field group. */
-export declare const FieldGroupBody: React.ForwardRefExoticComponent<FieldGroupBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FieldGroupBody: import("react").ForwardRefExoticComponent<FieldGroupBodyProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,10 @@
-import * as React from "react";
+import { type Dispatch, type SetStateAction } from "react";
 /** Value of the field group context. */
 export interface FieldGroupContextValue {
-    setCodeId: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setTitleId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setCodeId: Dispatch<SetStateAction<string | undefined>>;
+    setTitleId: Dispatch<SetStateAction<string | undefined>>;
 }
 /** Field group context. */
-export declare const FieldGroupContext: React.Context<FieldGroupContextValue | null>;
+export declare const FieldGroupContext: import("react").Context<FieldGroupContextValue | null>;
 /** Hook providing access to the field group context. */
 export declare function useFieldGroupContext(): FieldGroupContextValue;

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

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 /** Properties of the field group header component. */
-export interface FieldGroupHeaderProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface FieldGroupHeaderProps extends 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
@@ -8,11 +8,11 @@ export interface FieldGroupHeaderProps extends React.ComponentPropsWithoutRef<"d
      */
     asChild?: boolean;
     /** Code associated with the field group. */
-    code?: React.ReactNode;
+    code?: ReactNode;
     /** Text prefixed to the code to be announced by assistive technologies. */
-    visuallyHiddenCodePrefix?: React.ReactNode;
+    visuallyHiddenCodePrefix?: ReactNode;
     /** Properties to pass to the code element. */
-    codeProps?: React.ComponentPropsWithoutRef<"span">;
+    codeProps?: ComponentPropsWithoutRef<"span">;
 }
 /** Component used to display the header of a field group. */
-export declare const FieldGroupHeader: React.ForwardRefExoticComponent<FieldGroupHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FieldGroupHeader: import("react").ForwardRefExoticComponent<FieldGroupHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type HeadingLevel } from "../Heading";
 /** Properties of the field group title component. */
-export interface FieldGroupTitleProps extends React.ComponentPropsWithoutRef<"h2"> {
+export interface FieldGroupTitleProps extends ComponentPropsWithoutRef<"h2"> {
     /**
      * 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
@@ -16,4 +16,4 @@ export interface FieldGroupTitleProps extends React.ComponentPropsWithoutRef<"h2
     level?: HeadingLevel;
 }
 /** Component used to display the caption of a field group. */
-export declare const FieldGroupTitle: React.ForwardRefExoticComponent<FieldGroupTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const FieldGroupTitle: import("react").ForwardRefExoticComponent<FieldGroupTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -1,11 +1,11 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type Responsive } from "../../utils/useResponsiveValues.ts";
 /** Size of a column. */
 export type GridColumnSize = number | "auto" | "content";
 /** Offset of a column. */
 export type GridOffsetSize = number | "auto";
 /** Properties of the grid component. */
-export interface GridProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface GridProps extends 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
@@ -87,4 +87,4 @@ export interface GridProps extends React.ComponentPropsWithoutRef<"div"> {
  * different column spans for each child at various breakpoints, enabling
  * flexible and adaptive designs across screen sizes.
  */
-export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,8 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Heading levels. */
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 /** Properties of the heading component. */
-export interface HeadingProps extends React.ComponentPropsWithoutRef<`h${HeadingLevel}`> {
+export interface HeadingProps extends ComponentPropsWithoutRef<`h${HeadingLevel}`> {
     /**
      * 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
@@ -31,4 +31,4 @@ export interface HeadingProps extends React.ComponentPropsWithoutRef<`h${Heading
  * }
  * ```
  */
-export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the helper text component. */
-export interface HelperTextProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface HelperTextProps extends 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
@@ -9,4 +9,4 @@ export interface HelperTextProps extends React.ComponentPropsWithoutRef<"div"> {
     asChild?: boolean;
 }
 /** Component used to provide helper text to a form control. */
-export declare const HelperText: React.ForwardRefExoticComponent<HelperTextProps & React.RefAttributes<HTMLDivElement>>;
+export declare const HelperText: import("react").ForwardRefExoticComponent<HelperTextProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
-import type { FlipProp, IconProp } from "@fortawesome/fontawesome-svg-core";
+import { type FlipProp, type IconProp } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type AccentColor } from "../../utils/accent.ts";
 export type { IconProp } from "@fortawesome/fontawesome-svg-core";
 /** Possible sizes of an icon. */
@@ -8,7 +8,7 @@ export type IconSize = "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl"
 /** Possible colours of an icon. */
 export type IconColor = AccentColor;
 /** Properties of the icon component. */
-export interface IconProps extends Omit<React.ComponentPropsWithoutRef<typeof FontAwesomeIcon>, "icon" | "size" | "flip"> {
+export interface IconProps extends Omit<ComponentPropsWithoutRef<typeof FontAwesomeIcon>, "icon" | "size" | "flip"> {
     /** Icon to display. */
     icon: IconProp;
     /**
@@ -54,4 +54,4 @@ export interface IconProps extends Omit<React.ComponentPropsWithoutRef<typeof Fo
  * }
  * ```
  */
-export declare const Icon: React.NamedExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const Icon: import("react").NamedExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from "react";
 import { type ButtonColor, type ButtonSize, type ButtonVariant } from "../Button";
 import { Icon, type IconProp } from "../Icon";
 import { Spinner } from "../Spinner";
@@ -10,14 +10,14 @@ export type IconButtonColor = ButtonColor;
 /** Icon button sizes. */
 export type IconButtonSize = ButtonSize;
 /** Properties of the icon button component. */
-export interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<"button">, "children"> {
+export interface IconButtonProps extends Omit<ComponentPropsWithoutRef<"button">, "children"> {
     /**
      * 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;
-    children?: React.ReactElement;
+    children?: ReactElement;
     /**
      * Icon button's variant.
      *
@@ -39,9 +39,9 @@ export interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<"bu
     /** Whether to display the icon button as a circle. */
     circle?: boolean;
     /** Font Awesome icon to show within the button. */
-    icon: IconProp | React.ReactElement;
+    icon: IconProp | ReactElement;
     /** Button label provided to the icon button as a tooltip. */
-    label: React.ReactNode;
+    label: ReactNode;
     /**
      * Whether to display the button in "active" state.
      *
@@ -67,11 +67,11 @@ export interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<"bu
      */
     enabledWhenLoading?: boolean;
     /** Properties to pass to the `Icon` component. */
-    iconProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon" | "label">;
+    iconProps?: Omit<ComponentPropsWithRef<typeof Icon>, "icon" | "label">;
     /** Properties to pass to the `Spinner` component. */
-    spinnerProps?: React.ComponentPropsWithRef<typeof Spinner>;
+    spinnerProps?: ComponentPropsWithRef<typeof Spinner>;
     /** Properties to pass to the `Tooltip` component. */
-    tooltipProps?: Omit<React.ComponentPropsWithRef<typeof Tooltip>, "content" | "children">;
+    tooltipProps?: Omit<ComponentPropsWithRef<typeof Tooltip>, "content" | "children">;
 }
 /**
  * The icon button component renders a button containing a single icon. Use it
@@ -98,4 +98,4 @@ export interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<"bu
  * }
  * ```
  */
-export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type CSSProperties, type FocusEvent, type ReactElement, type ReactNode } from "react";
 import { type ControlStatus, type ControlVariant } from "../../utils/control.ts";
 import { type Responsive } from "../../utils/useResponsiveValues.ts";
 import { CloseButton } from "../CloseButton";
@@ -6,7 +6,7 @@ import { type ControlAddon } from "../ControlAddon";
 import { Spinner } from "../Spinner";
 /** Accepted values for "show clear button". */
 export type ShowClearButton = boolean | "auto";
-export interface InputProps extends Omit<React.ComponentPropsWithoutRef<"input">, "children">, InputPropsBase {
+export interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "children">, InputPropsBase {
 }
 /** Properties of the input component. */
 export interface InputPropsBase {
@@ -16,7 +16,7 @@ export interface InputPropsBase {
      * element/component and change the underlying DOM node.
      */
     asChild?: boolean;
-    children?: React.ReactElement;
+    children?: ReactElement;
     /**
      * Input's style variant. Defaults to the default variant unless when
      * rendering inside a table cell (in which it defaults to `"cell"`).
@@ -25,7 +25,7 @@ export interface InputPropsBase {
     /** Sets the status of the input. */
     status?: ControlStatus;
     /** Input code. */
-    code?: React.ReactNode;
+    code?: ReactNode;
     /**
      * Adds a spinner to the input to indicate activity. Note that it doesn't
      * automatically disable the input.
@@ -34,11 +34,11 @@ export interface InputPropsBase {
      */
     loading?: boolean;
     /** Sets the input's text align. */
-    align?: Responsive<React.CSSProperties["textAlign"]>;
+    align?: Responsive<CSSProperties["textAlign"]>;
     /** Input's start adornment. */
-    startAdornment?: React.ReactNode;
+    startAdornment?: ReactNode;
     /** Input's end adornment. */
-    endAdornment?: React.ReactNode;
+    endAdornment?: ReactNode;
     /**
      * Whether to show a button to clear the input when it has content.
      *
@@ -59,17 +59,17 @@ export interface InputPropsBase {
      * This is useful when there is a need to know when the user stops interacting
      * with the control.
      */
-    onBlurToOutside?: (event: React.FocusEvent) => void;
+    onBlurToOutside?: (event: FocusEvent) => void;
     /** Properties to pass to the root component. */
-    rootProps?: React.ComponentPropsWithRef<"div">;
+    rootProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the code component. */
-    codeProps?: Omit<React.ComponentPropsWithRef<typeof ControlAddon>, "status">;
+    codeProps?: Omit<ComponentPropsWithRef<typeof ControlAddon>, "status">;
     /** Properties to pass to the container component. */
-    containerProps?: React.ComponentPropsWithRef<"div">;
+    containerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the clear button component. */
-    clearButtonProps?: React.ComponentPropsWithRef<typeof CloseButton>;
+    clearButtonProps?: ComponentPropsWithRef<typeof CloseButton>;
     /** Properties to pass to the spinner component. */
-    spinnerProps?: Omit<React.ComponentPropsWithRef<typeof Spinner>, "size">;
+    spinnerProps?: Omit<ComponentPropsWithRef<typeof Spinner>, "size">;
 }
 /**
  * The input component is used to collect user input. It is built on top of the
@@ -89,4 +89,4 @@ export interface InputPropsBase {
  * }
  * ```
  */
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/Input/InputWithContainerRef.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ComponentRef, type Ref } from "react";
 import { Input, type InputProps } from "./Input.tsx";
 /**
  * Utility input component whose `ref` is passed to the input's container. Use
@@ -9,6 +9,6 @@ import { Input, type InputProps } from "./Input.tsx";
  * container (since popovers/menus align themselves based on the element
  * referenced by their trigger).
  */
-export declare const InputWithContainerRef: React.ForwardRefExoticComponent<InputProps & {
-    inputRef?: React.Ref<React.ComponentRef<typeof Input>>;
-} & React.RefAttributes<HTMLDivElement>>;
+export declare const InputWithContainerRef: import("react").ForwardRefExoticComponent<InputProps & {
+    inputRef?: Ref<ComponentRef<typeof Input>>;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the keyboard component. */
-export interface KeyboardProps extends React.ComponentPropsWithoutRef<"kbd"> {
+export interface KeyboardProps extends ComponentPropsWithoutRef<"kbd"> {
     /**
      * 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
@@ -12,4 +12,4 @@ export interface KeyboardProps extends React.ComponentPropsWithoutRef<"kbd"> {
  * Component used to show which key or combination of keys performs a given
  * action.
  */
-export declare const Keyboard: React.ForwardRefExoticComponent<KeyboardProps & React.RefAttributes<HTMLElement>>;
+export declare const Keyboard: import("react").ForwardRefExoticComponent<KeyboardProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,30 +1,30 @@
 import { Label as LabelPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 import { Icon } from "../Icon";
 import { IconButton } from "../IconButton";
 import { Popover, PopoverContent } from "../Popover";
 /** Properties of the label component. */
-export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+export interface LabelProps extends ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
     /** Shows a "required" symbol next to the label. */
     required?: boolean;
     /** Optional helper text displayed as a popover triggered by an icon button. */
-    helperText?: React.ReactNode;
+    helperText?: ReactNode;
     /** Label of the required icon announced to assistive technologies. */
     requiredIconLabel?: string;
     /** Label of the helper button announced to assistive technologies. */
     helperButtonLabel?: string;
     /** Properties to pass to the container element. */
-    containerProps?: React.ComponentPropsWithRef<"div">;
+    containerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the required icon container element. */
-    requiredIconContainerProps?: React.ComponentPropsWithRef<"span">;
+    requiredIconContainerProps?: ComponentPropsWithRef<"span">;
     /** Properties to pass to the required icon component. */
-    requiredIconProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon">;
+    requiredIconProps?: Omit<ComponentPropsWithRef<typeof Icon>, "icon">;
     /** 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>;
+    helperPopoverContentProps?: ComponentPropsWithRef<typeof PopoverContent>;
 }
 /**
  * The `Label` component renders an accessible label which can be associated
@@ -44,4 +44,4 @@ export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelP
  * }
  * ```
  */
-export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from "react";
 import { type AccentColor } from "../../utils/accent.ts";
 import { Icon, type IconProp } from "../Icon";
 /** Link variants. */
@@ -6,7 +6,7 @@ export type LinkVariant = "default" | "alert";
 /** Link colours. */
 export type LinkColor = AccentColor;
 /** Properties of the link component. */
-export interface LinkProps extends React.ComponentPropsWithoutRef<"a"> {
+export interface LinkProps extends ComponentPropsWithoutRef<"a"> {
     /**
      * 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
@@ -37,7 +37,7 @@ export interface LinkProps extends React.ComponentPropsWithoutRef<"a"> {
     /** Link icon. By default, only `external` links have an icon. */
     icon?: IconProp | null;
     /** Properties to pass to the icon component. */
-    iconProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon">;
+    iconProps?: Omit<ComponentPropsWithRef<typeof Icon>, "icon">;
 }
 /**
  * The link component, with its `href` property, is used to create a hyperlink
@@ -55,4 +55,4 @@ export interface LinkProps extends React.ComponentPropsWithoutRef<"a"> {
  * }
  * ```
  */
-export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/types/components/Link/LinkContext.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { type LinkColor, type LinkVariant } from "./Link.tsx";
 /** Value of the link context. */
 export interface LinkContextValue {
@@ -10,6 +9,6 @@ export interface LinkContextValue {
 /** Default value of the link context. */
 export declare const LINK_CONTEXT_DEFAULT_VALUE: LinkContextValue;
 /** Context for links. */
-export declare const LinkContext: React.Context<LinkContextValue>;
+export declare const LinkContext: import("react").Context<LinkContextValue>;
 /** Hook providing access to the link context. */
 export declare function useLinkContext(): LinkContextValue;

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

@@ -1,9 +1,9 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type AccentColor } from "../../utils/accent.ts";
 /** Possible mark colours. */
 export type MarkColor = AccentColor;
 /** Properties of the mark component. */
-export interface MarkProps extends React.ComponentPropsWithoutRef<"mark"> {
+export interface MarkProps extends ComponentPropsWithoutRef<"mark"> {
     /**
      * 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
@@ -38,4 +38,4 @@ export interface MarkProps extends React.ComponentPropsWithoutRef<"mark"> {
  * }
  * ```
  */
-export declare const Mark: React.ForwardRefExoticComponent<MarkProps & React.RefAttributes<HTMLElement>>;
+export declare const Mark: import("react").ForwardRefExoticComponent<MarkProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,10 +1,10 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Menu list variants. */
 export type MenuListVariant = "solid" | "subtle";
 /** Placement of icons within menu list items. */
 export type MenuListIconPlacement = "start" | "end";
 /** Properties of the menu list component. */
-export interface MenuListProps extends React.ComponentPropsWithoutRef<"ul"> {
+export interface MenuListProps extends ComponentPropsWithoutRef<"ul"> {
     /**
      * 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
@@ -45,4 +45,4 @@ export interface MenuListProps extends React.ComponentPropsWithoutRef<"ul"> {
  * }
  * ```
  */
-export declare const MenuList: React.ForwardRefExoticComponent<MenuListProps & React.RefAttributes<HTMLUListElement>>;
+export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist/types/components/MenuList/MenuListContext.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { type MenuListIconPlacement, type MenuListVariant } from "./MenuList.tsx";
 /** Value of the menu list context. */
 export interface MenuListContextValue {
@@ -6,6 +5,6 @@ export interface MenuListContextValue {
     variant: MenuListVariant;
 }
 /** Context for menu lists. */
-export declare const MenuListContext: React.Context<MenuListContextValue>;
+export declare const MenuListContext: import("react").Context<MenuListContextValue>;
 /** Hook providing access to the menu list context. */
 export declare function useMenuListContext(): MenuListContextValue;