@ostack.tech/ui 0.1.2 → 0.2.1

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

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ElementType, type ReactNode } from "react";
 /** Properties of the menu list group component. */
-export interface MenuListGroupProps extends React.ComponentPropsWithoutRef<"ul"> {
+export interface MenuListGroupProps 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
@@ -8,17 +8,17 @@ export interface MenuListGroupProps extends React.ComponentPropsWithoutRef<"ul">
      */
     asChild?: boolean;
     /** Optional label of the menu list group. */
-    label?: React.ReactNode;
+    label?: ReactNode;
     /**
      * What the item element containing the group should be rendered as. Defaults
      * to `"li"` unless `asChild` is provided, in which case it defaults to
      * `"div"`.
      */
-    itemAs?: React.ElementType;
+    itemAs?: ElementType;
     /** Properties to pass to the item element containing the group. */
-    itemProps?: React.ComponentPropsWithRef<"li">;
+    itemProps?: ComponentPropsWithRef<"li">;
     /** Properties to pass to the label element. */
-    labelProps?: React.ComponentPropsWithRef<"div">;
+    labelProps?: ComponentPropsWithRef<"div">;
 }
 /** Menu list group component. */
-export declare const MenuListGroup: React.ForwardRefExoticComponent<MenuListGroupProps & React.RefAttributes<HTMLUListElement>>;
+export declare const MenuListGroup: import("react").ForwardRefExoticComponent<MenuListGroupProps & import("react").RefAttributes<HTMLUListElement>>;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ComponentProps, type ComponentPropsWithoutRef, type ComponentPropsWithRef, type MouseEvent, type ReactElement, type ReactNode } from "react";
 import { type AccentColor } from "../../utils/accent.ts";
 import { Icon, type IconProp } from "../Icon";
 import { Spinner } from "../Spinner";
@@ -6,7 +6,7 @@ import { type MenuListIconPlacement } from "./MenuList.tsx";
 /** Menu list item colours. */
 export type MenuListItemColor = AccentColor;
 /** Properties of the menu list item component. */
-export interface MenuListItemProps extends Omit<React.ComponentPropsWithoutRef<"li">, "onSelect"> {
+export interface MenuListItemProps extends Omit<ComponentPropsWithoutRef<"li">, "onSelect"> {
     /**
      * 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
@@ -26,7 +26,7 @@ export interface MenuListItemProps extends Omit<React.ComponentPropsWithoutRef<"
      */
     selected?: boolean;
     /** Event handler for when the item has been selected. */
-    onSelect?: (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLDivElement>) => void;
+    onSelect?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLDivElement>) => void;
     /** Accent colour of the menu list item. */
     color?: MenuListItemColor;
     /**
@@ -48,13 +48,13 @@ export interface MenuListItemProps extends Omit<React.ComponentPropsWithoutRef<"
      * Content of the item when it is in "loading" state. If not provided, the
      * item content will remain unchanged.
      */
-    loadingContent?: React.ReactNode;
+    loadingContent?: ReactNode;
     /**
      * Optional item icon.
      *
      * @default null
      */
-    icon?: IconProp | React.ReactElement | null;
+    icon?: IconProp | ReactElement | null;
     /**
      * Placement of the icon.
      *
@@ -68,19 +68,19 @@ export interface MenuListItemProps extends Omit<React.ComponentPropsWithoutRef<"
      */
     disabled?: boolean;
     /** Href for the link, when `itemType` is set to `"link"`. */
-    href?: React.ComponentProps<"a">["href"];
+    href?: ComponentProps<"a">["href"];
     /** Target of the link, when `itemType` is set to `"link"`. */
-    target?: React.ComponentProps<"a">["target"];
+    target?: ComponentProps<"a">["target"];
     /** Rel of the link, when `itemType` is set to `"link"`. */
-    rel?: React.ComponentProps<"a">["rel"];
+    rel?: ComponentProps<"a">["rel"];
     /** Properties to pass to the action element of the item. */
-    actionProps?: Omit<React.ComponentPropsWithRef<"button" | "a" | "div">, "disabled" | "href" | "target" | "rel">;
+    actionProps?: Omit<ComponentPropsWithRef<"button" | "a" | "div">, "disabled" | "href" | "target" | "rel">;
     /** Properties to pass to the content element of the item. */
-    contentProps?: React.ComponentPropsWithRef<"div">;
+    contentProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the icon component. */
-    iconProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon">;
+    iconProps?: Omit<ComponentPropsWithRef<typeof Icon>, "icon">;
     /** Properties to pass to the spinner component. */
-    spinnerProps?: React.ComponentPropsWithRef<typeof Spinner>;
+    spinnerProps?: ComponentPropsWithRef<typeof Spinner>;
 }
 /** Menu list item component. */
-export declare const MenuListItem: React.ForwardRefExoticComponent<MenuListItemProps & React.RefAttributes<HTMLLIElement>>;
+export declare const MenuListItem: import("react").ForwardRefExoticComponent<MenuListItemProps & import("react").RefAttributes<HTMLLIElement>>;

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

@@ -1,8 +1,8 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type NumericTransformerOptions } from "../../utils/useNumericTransformer.tsx";
 import { Input } from "../Input";
 /** Properties of the numeric input component. */
-export interface NumericInputProps extends NumericTransformerOptions, Omit<React.ComponentPropsWithoutRef<typeof Input>, "defaultValue" | "value" | "onValueChange" | "type" | "min" | "max"> {
+export interface NumericInputProps extends NumericTransformerOptions, Omit<ComponentPropsWithoutRef<typeof Input>, "defaultValue" | "value" | "onValueChange" | "type" | "min" | "max"> {
     type?: "text" | "tel" | "password";
     /** Numeric input's default value. */
     defaultValue?: string | number | null;
@@ -83,4 +83,4 @@ export interface NumericValueRepresentations {
  * can ensure proper associations between `Label`, `NumericInput`, and
  * `HelperText`, improving clarity and accessibility for users.
  */
-export declare const NumericInput: React.ForwardRefExoticComponent<NumericInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const NumericInput: import("react").ForwardRefExoticComponent<NumericInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type InputPropsBase } from "../Input";
 /** Properties of the output component. */
-export interface OutputProps extends Omit<InputPropsBase, "asChild" | "children" | "showClearButton" | "clearButtonLabel">, React.ComponentPropsWithoutRef<"output"> {
+export interface OutputProps extends Omit<InputPropsBase, "asChild" | "children" | "showClearButton" | "clearButtonLabel">, ComponentPropsWithoutRef<"output"> {
 }
 /**
  * The output component is used to display the result of a calculation or user
@@ -22,4 +22,4 @@ export interface OutputProps extends Omit<InputPropsBase, "asChild" | "children"
  * }
  * ```
  */
-export declare const Output: React.ForwardRefExoticComponent<OutputProps & React.RefAttributes<HTMLOutputElement>>;
+export declare const Output: import("react").ForwardRefExoticComponent<OutputProps & import("react").RefAttributes<HTMLOutputElement>>;

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

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

package/dist/types/components/Popover/PopoverClose.d.ts

@@ -1,7 +1,7 @@
 import { Popover as PopoverPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the popover close component. */
-export interface PopoverCloseProps extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>, "asChild"> {
+export interface PopoverCloseProps extends Omit<ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>, "asChild"> {
 }
 /** The button that closes an open popover. */
-export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverClose: import("react").ForwardRefExoticComponent<PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Popover/PopoverContent.d.ts

@@ -1,7 +1,7 @@
 import { Popover as PopoverPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from "react";
 /** Properties of the popover content component. */
-export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+export interface PopoverContentProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
     /**
      * Whether to show an arrow pointing to the anchor.
      *
@@ -9,9 +9,9 @@ export interface PopoverContentProps extends React.ComponentPropsWithoutRef<type
      */
     showArrow?: boolean;
     /** Properties to pass to the portal component. */
-    portalProps?: Omit<React.ComponentPropsWithRef<typeof PopoverPrimitive.Portal>, "forceMount">;
+    portalProps?: Omit<ComponentPropsWithRef<typeof PopoverPrimitive.Portal>, "forceMount">;
     /** Properties to pass to the arrow component. */
-    arrowProps?: React.ComponentPropsWithRef<typeof PopoverPrimitive.Arrow>;
+    arrowProps?: ComponentPropsWithRef<typeof PopoverPrimitive.Arrow>;
 }
 /** The component that pops out when the popover is open. */
-export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverContent: import("react").ForwardRefExoticComponent<PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Popover/PopoverTrigger.d.ts

@@ -1,10 +1,10 @@
 import { Popover as PopoverPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the popover trigger component. */
-export interface PopoverTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>, "asChild"> {
+export interface PopoverTriggerProps extends Omit<ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>, "asChild"> {
 }
 /**
  * The button that toggles the popover. By default, the `PopoverContent` will
  * position itself against the trigger.
  */
-export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,7 @@
 import { Portal as PortalPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the portal component. */
-export interface PortalProps extends React.ComponentPropsWithoutRef<typeof PortalPrimitive.Root> {
+export interface PortalProps extends ComponentPropsWithoutRef<typeof PortalPrimitive.Root> {
 }
 /**
  * Portal component used to render a React subtree in a different part of the
@@ -10,4 +10,4 @@ export interface PortalProps extends React.ComponentPropsWithoutRef<typeof Porta
  * The rendered subtree is automatically wrapper in a `Root` component, so that
  * styles are rendered correctly.
  */
-export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Portal/PortalContext.d.ts

@@ -1,10 +1,9 @@
-import * as React from "react";
 /** Value of the portal context. */
 export interface PortalContextValue {
     /** Container where portals should render by default. */
     container?: Element | DocumentFragment | null;
 }
 /** Portal context. */
-export declare const PortalContext: React.Context<PortalContextValue | null>;
+export declare const PortalContext: import("react").Context<PortalContextValue | null>;
 /** Hook providing access to the portal context. */
 export declare function usePortalContext(): PortalContextValue | null;

package/dist/types/components/RadioGroup/Radio.d.ts

@@ -1,17 +1,17 @@
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 import { type ControlStatus } from "../../utils/control.ts";
 import { ControlCode } from "../ControlCode";
 import { Label } from "../Label";
 import { Spinner } from "../Spinner";
 /** Properties of a radio component. */
-export interface RadioProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "value"> {
+export interface RadioProps extends Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "value"> {
     /** Radio value. */
-    value?: React.ComponentPropsWithoutRef<"input">["value"];
+    value?: ComponentPropsWithoutRef<"input">["value"];
     /** Sets the status of the radio. */
     status?: ControlStatus;
     /** Radio code. */
-    code?: React.ReactNode;
+    code?: ReactNode;
     /** Sets the radio as read-only. */
     readOnly?: boolean;
     /**
@@ -22,15 +22,15 @@ export interface RadioProps extends Omit<React.ComponentPropsWithoutRef<typeof R
      */
     loading?: boolean;
     /** Properties to pass to the root component. */
-    rootProps?: React.ComponentPropsWithRef<"div">;
+    rootProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the code component. */
-    codeProps?: React.ComponentPropsWithRef<typeof ControlCode>;
+    codeProps?: ComponentPropsWithRef<typeof ControlCode>;
     /** Properties to pass to the indicator component. */
-    indicatorProps?: React.ComponentPropsWithRef<typeof RadioGroupPrimitive.Indicator>;
+    indicatorProps?: ComponentPropsWithRef<typeof RadioGroupPrimitive.Indicator>;
     /** Properties to pass to the label component. */
-    labelProps?: React.ComponentPropsWithRef<typeof Label>;
+    labelProps?: ComponentPropsWithRef<typeof Label>;
     /** Properties to pass to the spinner component. */
-    spinnerProps?: Omit<React.ComponentPropsWithRef<typeof Spinner>, "size">;
+    spinnerProps?: Omit<ComponentPropsWithRef<typeof Spinner>, "size">;
 }
 /** Radio component. Must be used within a radio group. */
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,12 +1,12 @@
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type FocusEvent, type ReactNode } from "react";
 import { type ControlStatus, type ControlVariant } from "../../utils/control.ts";
 import { CloseButton } from "../CloseButton";
 import { ControlCode } from "../ControlCode";
 import { type ShowClearButton } from "../Input";
 import { Spinner } from "../Spinner";
 /** Properties of the radio group component. */
-export interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, "asChild"> {
+export interface RadioGroupProps extends Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, "asChild"> {
     /** Whether to display the radio group inline. */
     inline?: boolean;
     /**
@@ -26,7 +26,7 @@ export interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typ
      */
     loading?: boolean;
     /** Radio group code. */
-    code?: React.ReactNode;
+    code?: ReactNode;
     /**
      * Whether to show a button to clear the radio group.
      *
@@ -41,20 +41,20 @@ export interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typ
      * 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 code component. */
-    codeProps?: React.ComponentPropsWithRef<typeof ControlCode>;
+    codeProps?: ComponentPropsWithRef<typeof ControlCode>;
     /** Properties to pass to the container component. */
-    containerProps?: React.ComponentPropsWithRef<"div">;
+    containerProps?: ComponentPropsWithRef<"div">;
     /**
      * Properties to pass to the end element containing the clear button and
      * spinner.
      */
-    endContainerProps?: React.ComponentPropsWithRef<"div">;
+    endContainerProps?: 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 `RadioGroup` component displays a set of `Radio` button components,
@@ -80,4 +80,4 @@ export interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typ
  * }
  * ```
  */
-export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { type LocalizationObject } from "../../locale";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from "react";
 import { DocumentTitleProvider } from "../../providers/DocumentTitleProvider";
 import { ErrorReportingProvider } from "../../providers/ErrorReportingProvider";
-import { ErrorBoundary } from "../ErrorBoundary";
+import { type LocalizationObject } from "../../providers/LocalizationProvider/LocalizationObject.ts";
+import { type ErrorBoundary } from "../ErrorBoundary";
 import { type ToastSwipeDirection } from "../Toast";
 /** Properties of the ostack/UI root component. */
-export interface RootProps extends React.ComponentPropsWithoutRef<"div">, Pick<React.ComponentPropsWithoutRef<typeof ErrorReportingProvider>, "reportError" | "errorReportingUrl" | "errorReportingMethod" | "encodeErrorReport" | "encodedErrorReportMimeType" | "errorReportingOptions">, Pick<React.ComponentPropsWithoutRef<typeof DocumentTitleProvider>, "baseDocumentTitle"> {
+export interface RootProps extends ComponentPropsWithoutRef<"div">, Pick<ComponentPropsWithoutRef<typeof ErrorReportingProvider>, "reportError" | "errorReportingUrl" | "errorReportingMethod" | "encodeErrorReport" | "encodedErrorReportMimeType" | "errorReportingOptions">, Pick<ComponentPropsWithoutRef<typeof DocumentTitleProvider>, "baseDocumentTitle"> {
     /**
      * 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
@@ -23,12 +23,16 @@ export interface RootProps extends React.ComponentPropsWithoutRef<"div">, Pick<R
      * enabled in production.
      */
     enableErrorReporting?: boolean;
+    /** Uncontrolled locale to use. */
+    defaultLocale?: LocalizationObject;
+    /** Controlled locale to use. */
+    locale?: LocalizationObject;
     /**
-     * Locale to use for the components.
+     * Function called when the locale changes.
      *
-     * @default defaultLocale
+     * @param locale - New locale.
      */
-    locale?: LocalizationObject;
+    onLocaleChange?: (locale: LocalizationObject) => void;
     /**
      * String which separates the breadcrumbs from the base document title.
      *
@@ -107,9 +111,9 @@ export interface RootProps extends React.ComponentPropsWithoutRef<"div">, Pick<R
      */
     toastViewportLabel?: string;
     /** Properties to pass to the `ToastViewport` component. */
-    toastViewportProps?: React.ComponentPropsWithRef<"ol">;
+    toastViewportProps?: ComponentPropsWithRef<"ol">;
     /** Properties to pass to the `ErrorBoundary` component. */
-    errorBoundaryProps?: React.ComponentPropsWithRef<typeof ErrorBoundary>;
+    errorBoundaryProps?: ComponentPropsWithRef<typeof ErrorBoundary>;
 }
 /**
  * Root component that should wrap an ostack/UI application, exposing all
@@ -118,4 +122,4 @@ export interface RootProps extends React.ComponentPropsWithoutRef<"div">, Pick<R
  * It further wraps the whole application in an error boundary with support for
  * error reporting.
  */
-export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Root: import("react").ForwardRefExoticComponent<RootProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Root/RootContext.d.ts

@@ -1,6 +1,5 @@
-import * as React from "react";
 /** Root context. */
-export declare const RootContext: React.Context<boolean>;
+export declare const RootContext: import("react").Context<boolean>;
 /**
  * Hook exposing whether a component is being rendered within the `Root`
  * component.

package/dist/types/components/Root/RootElement.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithoutRef } from "react";
+import { type RootProps } from "./Root.tsx";
+/** Properties of the root element component. */
+export interface RootElementProps extends ComponentPropsWithoutRef<"div">, Pick<RootProps, "asChild" | "errorBoundaryProps"> {
+    /** Whether to wrap children in an error boundary. */
+    includeErrorBoundary: boolean;
+}
+/** Root element. */
+export declare const RootElement: import("react").ForwardRefExoticComponent<RootElementProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
 export * from "./Root.tsx";
-export * from "./RootContext.ts";
+export { useIsInRoot } from "./RootContext.ts";

package/dist/types/components/Select/Option.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { CommandMenuItem } from "../CommandMenu";
 /** Properties of the option component. */
-export interface OptionProps extends Omit<React.ComponentPropsWithoutRef<typeof CommandMenuItem>, "value" | "asLink" | "onSelect" | "selected" | "icon" | "target" | "href"> {
+export interface OptionProps extends Omit<ComponentPropsWithoutRef<typeof CommandMenuItem>, "value" | "asLink" | "onSelect" | "selected" | "icon" | "target" | "href"> {
     /**
      * A unique value for this item. If no value is provided, it will be inferred
      * from `children` or the rendered `textContent`. If your `textContent`
@@ -10,4 +10,4 @@ export interface OptionProps extends Omit<React.ComponentPropsWithoutRef<typeof
     value?: string | number;
 }
 /** An option which can be selected in a `Select`. */
-export declare const Option: React.NamedExoticComponent<OptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Option: import("react").NamedExoticComponent<OptionProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Select/OptionsGroup.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { CommandMenuGroup } from "../CommandMenu";
 /** Properties of the options group component. */
-export interface OptionsGroupProps extends React.ComponentPropsWithoutRef<typeof CommandMenuGroup> {
+export interface OptionsGroupProps extends ComponentPropsWithoutRef<typeof CommandMenuGroup> {
 }
 /** Component used to group options within a `Select`. */
-export declare const OptionsGroup: React.ForwardRefExoticComponent<OptionsGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const OptionsGroup: import("react").ForwardRefExoticComponent<OptionsGroupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,11 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type CSSProperties, type ReactNode } from "react";
 import { CommandMenu } from "../CommandMenu";
 import { type IconButton } from "../IconButton";
 import { type Input } from "../Input";
 import { PopoverContent, PopoverTrigger } from "../Popover";
 import { type Tag } from "../Tag";
 /** Base properties of the select component. */
-export interface SelectPropsBase<T extends string | number | readonly string[] = string | number | readonly string[]> extends React.ComponentPropsWithoutRef<typeof PopoverTrigger>, Pick<React.ComponentPropsWithoutRef<typeof Input>, "name" | "required" | "variant" | "status" | "code" | "readOnly" | "loading" | "align" | "startAdornment" | "endAdornment" | "showClearButton" | "onBlurToOutside" | "rootProps" | "codeProps" | "containerProps" | "clearButtonProps" | "spinnerProps">, Pick<React.ComponentPropsWithoutRef<typeof CommandMenu>, "searchPlaceholder" | "searchValue" | "onSearchValueChange"> {
+export interface SelectPropsBase<T extends string | number | readonly string[] = string | number | readonly string[]> extends ComponentPropsWithoutRef<typeof PopoverTrigger>, Pick<ComponentPropsWithoutRef<typeof Input>, "name" | "required" | "variant" | "status" | "code" | "readOnly" | "loading" | "align" | "startAdornment" | "endAdornment" | "showClearButton" | "onBlurToOutside" | "rootProps" | "codeProps" | "containerProps" | "clearButtonProps" | "spinnerProps">, Pick<ComponentPropsWithoutRef<typeof CommandMenu>, "searchPlaceholder" | "searchValue" | "onSearchValueChange"> {
     /**
      * Whether multiple options can be selected. If not set, at most one option
      * can be selected at a time.
@@ -37,7 +37,7 @@ export interface SelectPropsBase<T extends string | number | readonly string[] =
     /** Function called whenever the menu's open state changes. */
     onOpenChange?: (open: boolean) => void;
     /** Select's placeholder. */
-    placeholder?: React.ReactNode;
+    placeholder?: ReactNode;
     /** Accessible label for the list of options. Not shown visibly. */
     optionsLabel?: string;
     /**
@@ -51,23 +51,23 @@ export interface SelectPropsBase<T extends string | number | readonly string[] =
     /** Estimated progress of loading the list of options. */
     loadingOptionsProgress?: number;
     /** Message to display when no options were found. */
-    emptyMessage?: React.ReactNode;
+    emptyMessage?: ReactNode;
     /**
      * When `multiple` is set, this property controls the maximum width the
      * content of a value tag representing a selected option can reach. By
      * default, selected value tags have no width limit.
      */
-    valueTagMaxWidth?: React.CSSProperties["maxWidth"];
+    valueTagMaxWidth?: CSSProperties["maxWidth"];
     /** Properties to pass to the element holding the whole value or placeholder. */
-    valueProps?: React.ComponentPropsWithRef<"div">;
+    valueProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to each `Tag` holding a value, when `multiple` is set. */
-    valueTagProps?: Omit<React.ComponentPropsWithoutRef<typeof Tag>, "defaultOpen" | "open" | "onOpenChange" | "color" | "showCloseButton">;
+    valueTagProps?: Omit<ComponentPropsWithoutRef<typeof Tag>, "defaultOpen" | "open" | "onOpenChange" | "color" | "showCloseButton">;
     /** Properties to pass to the arrow `Icon` component. */
-    arrowProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "icon" | "label">;
+    arrowProps?: Omit<ComponentPropsWithRef<typeof IconButton>, "icon" | "label">;
     /** Properties to pass to the `Popover` component. */
-    popoverProps?: React.ComponentPropsWithRef<typeof PopoverContent>;
+    popoverProps?: ComponentPropsWithRef<typeof PopoverContent>;
     /** Options to pass to the `CommandMenu` component. */
-    commandMenuProps?: Omit<React.ComponentPropsWithRef<typeof CommandMenu>, "defaultValue" | "value" | "onValueChange" | "iconPlacement" | "searchPlaceholder" | "searchValue" | "onSearchValueChange" | "listLabel" | "loading" | "loadingLabel" | "loadingProgress" | "emptyMessage">;
+    commandMenuProps?: Omit<ComponentPropsWithRef<typeof CommandMenu>, "defaultValue" | "value" | "onValueChange" | "iconPlacement" | "searchPlaceholder" | "searchValue" | "onSearchValueChange" | "listLabel" | "loading" | "loadingLabel" | "loadingProgress" | "emptyMessage">;
 }
 /** Properties of the select component with `multiple` not set. */
 export interface SelectSingleProps extends SelectPropsBase<string | number> {
@@ -114,4 +114,4 @@ export type SelectProps = SelectSingleProps | SelectMultipleProps;
  * }
  * ```
  */
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Select/SelectContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type Dispatch, type ReactNode, type SetStateAction } from "react";
 import { type AccentColor } from "../../utils/accent.ts";
 import { type ControlStatus } from "../../utils/control.ts";
 import { type SelectProps } from "./Select.tsx";
@@ -7,7 +7,7 @@ export interface SelectContextValue {
     registering?: boolean;
     multiple: boolean;
     value: string | string[];
-    setValue: React.Dispatch<React.SetStateAction<string | number | readonly string[]>>;
+    setValue: Dispatch<SetStateAction<string | number | readonly string[]>>;
     onOptionSelect: (value: string) => void;
     status?: ControlStatus;
     disabled?: boolean;
@@ -17,7 +17,7 @@ export interface SelectContextValue {
 }
 /** State of an option. */
 export interface OptionState {
-    content: React.ReactNode;
+    content: ReactNode;
     color?: AccentColor;
     disabled?: boolean;
 }
@@ -34,19 +34,19 @@ export interface SelectActions {
 /** Select store. */
 export type SelectStore = ReturnType<typeof useCreateSelectContext>["store"];
 /** Select context. */
-export declare const SelectContext: React.Context<SelectContextValue | null>;
+export declare const SelectContext: import("react").Context<SelectContextValue | null>;
 /** Options to pass to the `useCreateSelectContext` hook. */
 export type UseCreateSelectContextOptions = Omit<SelectContextValue, "store">;
 /** Hook which creates the select context. */
 export declare function useCreateSelectContext({ multiple, value, setValue, onOptionSelect, status, disabled, readOnly, valueTagProps, }: UseCreateSelectContextOptions): {
     multiple: boolean;
     value: string | string[];
-    setValue: React.Dispatch<React.SetStateAction<string | number | readonly string[]>>;
+    setValue: Dispatch<SetStateAction<string | number | readonly string[]>>;
     onOptionSelect: (value: string) => void;
     status: ControlStatus | undefined;
     disabled: boolean | undefined;
     readOnly: boolean | undefined;
-    valueTagProps: Omit<Omit<import("../Tag/Tag.tsx").TagProps & React.RefAttributes<HTMLSpanElement>, "ref">, "color" | "defaultOpen" | "open" | "onOpenChange" | "showCloseButton"> | undefined;
+    valueTagProps: Omit<Omit<import("../Tag/Tag.tsx").TagProps & import("react").RefAttributes<HTMLSpanElement>, "ref">, "color" | "open" | "defaultOpen" | "onOpenChange" | "showCloseButton"> | undefined;
     store: Omit<import("zustand").StoreApi<SelectState>, "subscribe"> & {
         subscribe: {
             (listener: (selectedState: SelectState, previousSelectedState: SelectState) => void): () => void;

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

@@ -1,7 +1,7 @@
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the separator component. */
-export interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+export interface SeparatorProps extends ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
 }
 /** Component that visually or semantically separates content. */
-export declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Slot/Slottable.d.ts

@@ -1,10 +1,10 @@
-import type * as React from "react";
+import { type ComponentType, type ReactNode } from "react";
 /** Properties of the `Slottable` component. */
 export interface SlottableProps {
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
  * Component that can be used a child of `Slot`, where the content shall be
  * rendered.
  */
-export declare const Slottable: React.ComponentType<SlottableProps>;
+export declare const Slottable: ComponentType<SlottableProps>;

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

@@ -1,11 +1,11 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type AccentColor } from "../../utils/accent.ts";
 /** Possible sizes of the spinner. */
 export type SpinnerSize = "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
 /** Possible colours of the spinner. */
 export type SpinnerColor = AccentColor;
 /** Properties of the spinner component. */
-export interface SpinnerProps extends React.ComponentPropsWithoutRef<"span"> {
+export interface SpinnerProps extends ComponentPropsWithoutRef<"span"> {
     /**
      * 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
@@ -44,4 +44,4 @@ export interface SpinnerProps extends React.ComponentPropsWithoutRef<"span"> {
  * }
  * ```
  */
-export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLSpanElement>>;