@ostack.tech/ui 0.1.2 → 0.2.0

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 import { CloseButton } from "../CloseButton";
 import { CollapsibleContent } from "../Collapsible";
 import { Icon, type IconProp } from "../Icon";
@@ -7,7 +7,7 @@ export type AlertVariant = "solid" | "subtle" | "outlined";
 /** Alert severities. */
 export type AlertSeverity = "neutral" | "info" | "success" | "danger" | "warning";
 /** Properties of the alert component. */
-export interface AlertProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface AlertProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Alert variant.
      *
@@ -21,7 +21,7 @@ export interface AlertProps extends React.ComponentPropsWithoutRef<"div"> {
      */
     severity?: AlertSeverity;
     /** Alert action. */
-    action?: React.ReactNode;
+    action?: ReactNode;
     /**
      * Whether the alert should be open by default.
      *
@@ -47,15 +47,15 @@ export interface AlertProps extends React.ComponentPropsWithoutRef<"div"> {
      */
     showCloseButton?: boolean;
     /** Properties to pass to the container component. */
-    containerProps?: React.ComponentPropsWithRef<typeof CollapsibleContent>;
+    containerProps?: ComponentPropsWithRef<typeof CollapsibleContent>;
     /** 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 content component. */
-    contentProps?: React.ComponentPropsWithRef<"div">;
+    contentProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the component containing the action/close button. */
-    actionContainerProps?: React.ComponentPropsWithRef<"div">;
+    actionContainerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the close button component. */
-    closeButtonProps?: React.ComponentPropsWithRef<typeof CloseButton>;
+    closeButtonProps?: ComponentPropsWithRef<typeof CloseButton>;
 }
 /**
  * The alert component can be used to attract the user's attentions.
@@ -79,4 +79,4 @@ export interface AlertProps extends React.ComponentPropsWithoutRef<"div"> {
  * }
  * ```
  */
-export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Alert/AlertTitle.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the alert title component. */
-export interface AlertTitleProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface AlertTitleProps 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 AlertTitleProps extends React.ComponentPropsWithoutRef<"div"> {
     asChild?: boolean;
 }
 /** Title of the alert. */
-export declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertTitle: import("react").ForwardRefExoticComponent<AlertTitleProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/AlertDialog/AlertDialogAction.d.ts

@@ -1,10 +1,10 @@
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the alert dialog action component. */
-export interface AlertDialogActionProps extends Omit<React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>, "asChild"> {
+export interface AlertDialogActionProps extends Omit<ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>, "asChild"> {
 }
 /**
  * Button which closes the alert dialog by accepting the action. These buttons
  * should be distinguished visually from `AlertDialogCancel` buttons.
  */
-export declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogAction: import("react").ForwardRefExoticComponent<AlertDialogActionProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/AlertDialog/AlertDialogBody.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { DialogBody } from "../Dialog";
 /** Properties to the alert dialog body component. */
-export interface AlertDialogBodyProps extends React.ComponentPropsWithoutRef<typeof DialogBody> {
+export interface AlertDialogBodyProps extends ComponentPropsWithoutRef<typeof DialogBody> {
 }
 /** Body section of the alert dialog. */
-export declare const AlertDialogBody: React.ForwardRefExoticComponent<AlertDialogBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogBody: import("react").ForwardRefExoticComponent<AlertDialogBodyProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/AlertDialog/AlertDialogCancel.d.ts

@@ -1,10 +1,10 @@
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the alert dialog cancel component. */
-export interface AlertDialogCancelProps extends Omit<React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>, "asChild"> {
+export interface AlertDialogCancelProps extends Omit<ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>, "asChild"> {
 }
 /**
  * Button which closes the alert dialog by cancelling the action. These buttons
  * should be distinguished visually from `AlertDialogAction` buttons.
  */
-export declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<AlertDialogCancelProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/AlertDialog/AlertDialogContent.d.ts

@@ -1,5 +1,5 @@
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from "react";
 import { type DialogContentColor, type DialogContentSize, type DialogContentVariant } from "../Dialog";
 import { Overlay } from "../Overlay";
 /** Alert dialog content variants. */
@@ -9,7 +9,7 @@ export type AlertDialogContentColor = DialogContentColor;
 /** Possible alert dialog content sizes. */
 export type AlertDialogContentSize = DialogContentSize;
 /** Properties of the alert dialog content component. */
-export interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
+export interface AlertDialogContentProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
     /**
      * Dialog content variant.
      *
@@ -37,9 +37,9 @@ export interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<
      */
     size?: AlertDialogContentSize;
     /** Properties to pass to the portal component. */
-    portalProps?: Omit<React.ComponentPropsWithRef<typeof AlertDialogPrimitive.Portal>, "forceMount">;
+    portalProps?: Omit<ComponentPropsWithRef<typeof AlertDialogPrimitive.Portal>, "forceMount">;
     /** Properties to pass to the dialog's overlay component. */
-    overlayProps?: React.ComponentPropsWithRef<typeof Overlay>;
+    overlayProps?: ComponentPropsWithRef<typeof Overlay>;
 }
 /** Content to be rendered in the open alert dialog. */
-export declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogContent: import("react").ForwardRefExoticComponent<AlertDialogContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/AlertDialog/AlertDialogDescription.d.ts

@@ -1,7 +1,7 @@
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the alert dialog description component. */
-export interface AlertDialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> {
+export interface AlertDialogDescriptionProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> {
 }
 /**
  * Optional accessible description to be announced when the alert dialog is
@@ -11,4 +11,4 @@ export interface AlertDialogDescriptionProps extends React.ComponentPropsWithout
  * the description entirely, pass `aria-describedby={undefined}` to the
  * `AlertDialogContent` and omit this component.
  */
-export declare const AlertDialogDescription: React.ForwardRefExoticComponent<AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export declare const AlertDialogDescription: import("react").ForwardRefExoticComponent<AlertDialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/types/components/AlertDialog/AlertDialogFooter.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { DialogFooter } from "../Dialog";
 /** Properties to the alert dialog footer component. */
-export interface AlertDialogFooterProps extends React.ComponentPropsWithoutRef<typeof DialogFooter> {
+export interface AlertDialogFooterProps extends ComponentPropsWithoutRef<typeof DialogFooter> {
 }
 /** Footer section of the alert dialog. */
-export declare const AlertDialogFooter: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogFooter: import("react").ForwardRefExoticComponent<AlertDialogFooterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/AlertDialog/AlertDialogHeader.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { CardHeader } from "../Card";
 /** Properties of the alert dialog header component. */
-export interface AlertDialogHeaderProps extends React.ComponentPropsWithoutRef<typeof CardHeader> {
+export interface AlertDialogHeaderProps extends ComponentPropsWithoutRef<typeof CardHeader> {
 }
 /** Header section of the alert dialog. */
-export declare const AlertDialogHeader: React.ForwardRefExoticComponent<AlertDialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogHeader: import("react").ForwardRefExoticComponent<AlertDialogHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/AlertDialog/AlertDialogTitle.d.ts

@@ -1,7 +1,7 @@
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the alert dialog title component. */
-export interface AlertDialogTitleProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> {
+export interface AlertDialogTitleProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> {
 }
 /** Accessible title to be announced when the alert dialog is opened. */
-export declare const AlertDialogTitle: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AlertDialogTitle: import("react").ForwardRefExoticComponent<AlertDialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/types/components/AlertDialog/AlertDialogTrigger.d.ts

@@ -1,7 +1,7 @@
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the alert dialog trigger component. */
-export interface AlertDialogTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger>, "asChild"> {
+export interface AlertDialogTriggerProps extends Omit<ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger>, "asChild"> {
 }
 /** The button which, when pressed, opens the alert dialog */
-export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from "react";
 import { type AccentColor } from "../../utils/accent.ts";
 import { Icon, type IconProp } from "../Icon";
 import { Spinner } from "../Spinner";
@@ -11,7 +11,7 @@ export type ButtonSize = "sm" | "md" | "lg" | "xl";
 /** Button's icon placement. */
 export type ButtonIconPlacement = "start" | "end";
 /** Properties of the button component. */
-export interface ButtonProps extends React.ComponentPropsWithoutRef<"button"> {
+export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     /**
      * 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
@@ -49,7 +49,7 @@ export interface ButtonProps extends React.ComponentPropsWithoutRef<"button"> {
      *
      * @default null
      */
-    icon?: IconProp | React.ReactElement | null;
+    icon?: IconProp | ReactElement | null;
     /**
      * Whether to display the icon at the start or end of the button. This
      * property also affects the placement of the spinner.
@@ -88,11 +88,11 @@ export interface ButtonProps extends React.ComponentPropsWithoutRef<"button"> {
      * Content of the button when it is in "loading" state. If not provided, the
      * button content will remain unchanged.
      */
-    loadingContent?: React.ReactNode;
+    loadingContent?: ReactNode;
     /** 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>;
 }
 /**
  * The button component is used to trigger actions or events, such as opening a
@@ -108,4 +108,4 @@ export interface ButtonProps extends React.ComponentPropsWithoutRef<"button"> {
  * }
  * ```
  */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -1,5 +1,5 @@
 import { type Locale } from "date-fns";
-import * as React from "react";
+import { type ComponentPropsWithRef } from "react";
 import { type DayPickerProps } from "react-day-picker";
 import { type IconButton } from "../IconButton";
 import { type Select } from "../Select";
@@ -24,15 +24,15 @@ export interface CalendarProps extends Omit<DayPickerProps, "mode" | "selected"
     /** Label of the "next month" button. */
     nextMonthLabel?: string;
     /** Properties to pass to the caption element. */
-    captionProps?: React.ComponentPropsWithRef<"div">;
+    captionProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the previous button component. */
-    previousButtonProps?: React.ComponentPropsWithRef<typeof IconButton>;
+    previousButtonProps?: ComponentPropsWithRef<typeof IconButton>;
     /** Properties to pass to the next button component. */
-    nextButtonProps?: React.ComponentPropsWithRef<typeof IconButton>;
+    nextButtonProps?: ComponentPropsWithRef<typeof IconButton>;
     /** Properties to pass to the month select component. */
-    monthSelectProps?: Omit<React.ComponentPropsWithRef<typeof Select>, "multiple" | "defaultValue" | "value">;
+    monthSelectProps?: Omit<ComponentPropsWithRef<typeof Select>, "multiple" | "defaultValue" | "value">;
     /** Properties to pass to the year select component. */
-    yearSelectProps?: Omit<React.ComponentPropsWithRef<typeof Select>, "multiple" | "defaultValue" | "value">;
+    yearSelectProps?: Omit<ComponentPropsWithRef<typeof Select>, "multiple" | "defaultValue" | "value">;
 }
 /**
  * Calendar component built on top of [React

package/dist/types/components/Calendar/CalendarContext.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { type CalendarProps } from "./Calendar.tsx";
 /** Value of the calendar context. */
 export interface CalendarContextValue {
@@ -13,6 +12,6 @@ export interface CalendarContextValue {
     yearSelectProps: CalendarProps["yearSelectProps"];
 }
 /** Calendar context. */
-export declare const CalendarContext: React.Context<CalendarContextValue | null>;
+export declare const CalendarContext: import("react").Context<CalendarContextValue | null>;
 /** Hook providing access to the calendar context. */
 export declare function useCalendarContext(): CalendarContextValue;

package/dist/types/components/Calendar/CalendarDay.d.ts

@@ -1,11 +1,10 @@
-import * as React from "react";
 /**
  * Reimplementation of the React Day Picker's day component to provide a
  * consistent inner element (even when the day isn't interactive), as well as a
  * wrapper over the day text which lets us style it without styling the whole
  * button.
  */
-export declare const CalendarDay: React.NamedExoticComponent<{
+export declare const CalendarDay: import("react").NamedExoticComponent<{
     day: import("react-day-picker").CalendarDay;
     modifiers: import("react-day-picker").Modifiers;
-} & React.HTMLAttributes<HTMLDivElement>>;
+} & import("react").HTMLAttributes<HTMLDivElement>>;

package/dist/types/components/Calendar/CalendarMonthCaption.d.ts

@@ -1,9 +1,8 @@
-import * as React from "react";
 /**
  * Reimplementation of the React Day Picker's caption component to provide both
  * navigation arrows and dropdown selections.
  */
-export declare const CalendarMonthCaption: React.NamedExoticComponent<{
+export declare const CalendarMonthCaption: import("react").NamedExoticComponent<{
     calendarMonth: import("react-day-picker").CalendarMonth;
     displayIndex: number;
-} & React.HTMLAttributes<HTMLDivElement>>;
+} & import("react").HTMLAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,11 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type AccentColor } from "../../utils/accent.ts";
 /** Card variants. */
 export type CardVariant = "solid" | "subtle" | "outlined" | "ghost";
 /** Possible card colours. */
 export type CardColor = AccentColor;
 /** Properties of the card component. */
-export interface CardProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface CardProps 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
@@ -67,4 +67,4 @@ export interface CardProps extends React.ComponentPropsWithoutRef<"div"> {
  * }
  * ```
  */
-export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/CardBody.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the card body component. */
-export interface CardBodyProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface CardBodyProps 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 CardBodyProps extends React.ComponentPropsWithoutRef<"div"> {
     asChild?: boolean;
 }
 /** Body section of the `Card` component. */
-export declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardBody: import("react").ForwardRefExoticComponent<CardBodyProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/CardFooter.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the card footer component. */
-export interface CardFooterProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface CardFooterProps 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 CardFooterProps extends React.ComponentPropsWithoutRef<"div"> {
     asChild?: boolean;
 }
 /** Footer section of the `Card` component. */
-export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: import("react").ForwardRefExoticComponent<CardFooterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/CardHeader.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the card header component. */
-export interface CardHeaderProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface CardHeaderProps 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 CardHeaderProps extends React.ComponentPropsWithoutRef<"div"> {
     asChild?: boolean;
 }
 /** Header section of the `Card` component. */
-export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: import("react").ForwardRefExoticComponent<CardHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/CardTitle.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type HeadingLevel } from "../Heading";
 /** Properties of the card title component. */
-export interface CardTitleProps extends React.ComponentPropsWithoutRef<"h2"> {
+export interface CardTitleProps 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 CardTitleProps extends React.ComponentPropsWithoutRef<"h2"> {
     level?: HeadingLevel;
 }
 /** Title of the `Card` component. */
-export declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const CardTitle: import("react").ForwardRefExoticComponent<CardTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -1,5 +1,5 @@
 import { Checkbox as CheckboxPrimitive } 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 { ControlCode } from "../ControlCode";
 import { Icon } from "../Icon";
@@ -8,7 +8,7 @@ import { Spinner } from "../Spinner";
 /** `checked` state of a checkbox. */
 export type CheckboxChecked = CheckboxPrimitive.CheckedState;
 /** Properties of the checkbox component. */
-export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "asChild"> {
+export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "asChild"> {
     /**
      * Checkbox style variant. Defaults to the default variant unless when
      * rendering inside a table cell (in which case it defaults to `"cell"`).
@@ -17,7 +17,7 @@ export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeo
     /** Sets the status of the checkbox. */
     status?: ControlStatus;
     /** Checkbox code. */
-    code?: React.ReactNode;
+    code?: ReactNode;
     /** Sets the checkbox as read-only. */
     readOnly?: boolean;
     /**
@@ -33,19 +33,19 @@ export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeo
      * 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 container component. */
-    containerProps?: React.ComponentPropsWithRef<"div">;
+    containerProps?: 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 Icon>;
+    indicatorProps?: ComponentPropsWithRef<typeof Icon>;
     /** Properties to pass to the label component. */
-    labelProps?: Omit<React.ComponentPropsWithRef<typeof Label>, "required">;
+    labelProps?: Omit<ComponentPropsWithRef<typeof Label>, "required">;
     /** Properties to pass to the spinner component. */
-    spinnerProps?: Omit<React.ComponentPropsWithRef<typeof Spinner>, "size">;
+    spinnerProps?: Omit<ComponentPropsWithRef<typeof Spinner>, "size">;
 }
 /**
  * The `Checkbox` component allows a user to toggle a “button” between checked
@@ -64,4 +64,4 @@ export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeo
  * }
  * ```
  */
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,9 +1,9 @@
-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 { ControlCode } from "../ControlCode";
 import { Spinner } from "../Spinner";
 /** Properties of the checkbox group component. */
-export interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface CheckboxGroupProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Whether to display the checkbox group inline. Defaults to `false` unless
      * when rending inside a table cell.
@@ -17,7 +17,7 @@ export interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<"div"
     /** Sets the status of the checkbox group. */
     status?: ControlStatus;
     /** Checkbox group code. */
-    code?: React.ReactNode;
+    code?: ReactNode;
     /** Checkbox group name. */
     name?: string;
     /**
@@ -45,15 +45,15 @@ export interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<"div"
      * 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 spinner. */
-    endContainerProps?: React.ComponentPropsWithRef<"div">;
+    endContainerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the spinner component. */
-    spinnerProps?: Omit<React.ComponentPropsWithRef<typeof Spinner>, "size">;
+    spinnerProps?: Omit<ComponentPropsWithRef<typeof Spinner>, "size">;
 }
 /**
  * The `CheckboxGroup` component displays a set of `Checkbox` components,
@@ -82,4 +82,4 @@ export interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<"div"
  * }
  * ```
  */
-export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -1,8 +1,7 @@
-import * as React from "react";
 export interface CheckboxGroupContextValue {
     name?: string;
     value: string[];
     onCheckedChange: (value: string, checked: boolean) => void;
 }
 /** Checkbox group context. */
-export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue | null>;
+export declare const CheckboxGroupContext: import("react").Context<CheckboxGroupContextValue | null>;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ReactNode } from "react";
 /** Properties of the clear context component. */
 export interface ClearContextsProps {
     /**
@@ -25,7 +25,7 @@ export interface ClearContextsProps {
      * @default true
      */
     tableCell?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /** Component used to clear component contexts. */
-export declare function ClearContexts({ dataTableCell, field, link, tableCell, children, }: ClearContextsProps): React.ReactNode;
+export declare function ClearContexts({ dataTableCell, field, link, tableCell, children, }: ClearContextsProps): ReactNode;

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

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { IconButton } from "../IconButton";
 /** Properties of the close button component. */
-export interface CloseButtonProps extends Partial<React.ComponentPropsWithoutRef<typeof IconButton>> {
+export interface CloseButtonProps extends Partial<ComponentPropsWithoutRef<typeof IconButton>> {
 }
 /** Component rendering a “close” button. */
-export declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CloseButton: import("react").ForwardRefExoticComponent<CloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -1,9 +1,9 @@
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Direction in which to collapse/expand content. */
 export type CollapsibleDirection = "horizontal" | "vertical";
 /** Properties of the collapsible component. */
-export interface CollapsibleProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root> {
+export interface CollapsibleProps extends ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root> {
     /**
      * Direction in which to collapse/expand content.
      *
@@ -22,4 +22,4 @@ export interface CollapsibleProps extends React.ComponentPropsWithoutRef<typeof
  * - `CollapsibleContent`: The content that are shown or hidden based on trigger's
  *   state.
  */
-export declare const Collapsible: React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;