@ostack.tech/ui 0.1.2 → 0.2.1

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

@@ -1,9 +1,9 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type CSSProperties, type ReactElement } from "react";
 import { type Responsive } from "../../utils/useResponsiveValues.ts";
 /** Possible stack directions. */
 export type FlexDirection = "column" | "column-reverse" | "row" | "row-reverse";
 /** Properties of the stack component. */
-export interface StackProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface StackProps 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
@@ -24,11 +24,11 @@ export interface StackProps extends React.ComponentPropsWithoutRef<"div"> {
      */
     gap?: Responsive<number | string>;
     /** Adds a divider between elements. */
-    divider?: React.ReactElement;
-    justifyContent?: Responsive<React.CSSProperties["justifyContent"]>;
-    alignItems?: Responsive<React.CSSProperties["alignItems"]>;
-    alignContent?: Responsive<React.CSSProperties["alignContent"]>;
-    wrap?: Responsive<React.CSSProperties["flexWrap"]>;
+    divider?: ReactElement;
+    justifyContent?: Responsive<CSSProperties["justifyContent"]>;
+    alignItems?: Responsive<CSSProperties["alignItems"]>;
+    alignContent?: Responsive<CSSProperties["alignContent"]>;
+    wrap?: Responsive<CSSProperties["flexWrap"]>;
 }
 /**
  * The Stack component manages the layout of immediate children along the
@@ -39,4 +39,4 @@ export interface StackProps extends React.ComponentPropsWithoutRef<"div"> {
  * owl](https://css-tricks.com/lobotomized-owls/) selector (`* + *`) for
  * spacing.
  */
-export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Stepper/Step.d.ts

@@ -1,17 +1,17 @@
 import { Tabs as TabsPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from "react";
 import { type ControlStatus } from "../../utils/control.ts";
 import { Label } from "../Label";
 /** Properties of the step component. */
-export interface StepProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.TabsTrigger>, "asChild" | "value"> {
+export interface StepProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.TabsTrigger>, "asChild" | "value"> {
     /** Index of the step. */
     index?: number;
     /** Status of the step. */
     status?: ControlStatus;
     /** Properties to pass to the container element. */
-    containerProps?: React.ComponentPropsWithRef<"div">;
+    containerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the step's label component. */
-    labelProps?: Omit<React.ComponentPropsWithRef<typeof Label>, "htmlFor">;
+    labelProps?: Omit<ComponentPropsWithRef<typeof Label>, "htmlFor">;
 }
 /** Step trigger component. */
-export declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Step: import("react").ForwardRefExoticComponent<StepProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Stepper/StepContent.d.ts

@@ -1,9 +1,9 @@
 import { Tabs as TabsPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the step content component. */
-export interface StepContentProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.TabsContent>, "value"> {
+export interface StepContentProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.TabsContent>, "value"> {
     /** Index of the step that corresponds to this content. */
     index: number;
 }
 /** Step content component. */
-export declare const StepContent: React.ForwardRefExoticComponent<StepContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const StepContent: import("react").ForwardRefExoticComponent<StepContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Stepper/StepList.d.ts

@@ -1,7 +1,7 @@
 import { Tabs as TabsPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the step list component. */
-export interface StepListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+export interface StepListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
 }
 /**
  * Component containing the list of steps.
@@ -9,4 +9,4 @@ export interface StepListProps extends React.ComponentPropsWithoutRef<typeof Tab
  * The `index` of each `Step` is automatically added when `Step`s are direct
  * children of `StepList`.
  */
-export declare const StepList: React.ForwardRefExoticComponent<StepListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const StepList: import("react").ForwardRefExoticComponent<StepListProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
 import { Tabs as TabsPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 /** Properties of the stepper component. */
-export interface StepperProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "defaultValue" | "value" | "onValueChange" | "orientation" | "dir" | "children"> {
+export interface StepperProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "defaultValue" | "value" | "onValueChange" | "orientation" | "dir" | "children"> {
     /**
      * Index of the default active step.
      *
@@ -17,8 +17,8 @@ export interface StepperProps extends Omit<React.ComponentPropsWithoutRef<typeof
      */
     onActiveStepChange?: (newActiveStep: number) => void;
     /** Reference to interact with the stepper's API. */
-    apiRef?: React.Ref<StepperApi | undefined>;
-    children?: React.ReactNode | ((api: StepperApi) => React.ReactNode);
+    apiRef?: Ref<StepperApi | undefined>;
+    children?: ReactNode | ((api: StepperApi) => ReactNode);
 }
 export interface StepperApi {
     /** Currently active step. */
@@ -56,4 +56,4 @@ export interface StepperApi {
  * - `goTo`: Provides direct access to a specific step. While not used in all
  *   implementations, it adds flexibility for custom navigation flows.
  */
-export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Stepper: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Stepper/StepperContext.d.ts

@@ -1,9 +1,8 @@
-import * as React from "react";
 /** Value of the stepper's context. */
 export interface StepperContextValue {
     activeStep: number;
 }
 /** Stepper's context. */
-export declare const StepperContext: React.Context<StepperContextValue | null>;
+export declare const StepperContext: import("react").Context<StepperContextValue | null>;
 /** Hook exposing the stepper's context. */
 export declare function useStepperContext(): StepperContextValue;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type CSSProperties } from "react";
 import { type ControlStatus } from "../../utils/control.ts";
 /** Default column width in `"fixed"` mode. */
 export declare const DEFAULT_TABLE_COLUMN_WIDTH = 150;
@@ -7,7 +7,7 @@ export type TableVariant = "default" | "control";
 /** Possible table layouts. */
 export type TableLayout = "auto" | "fixed";
 /** Properties of the table component. */
-export interface TableProps extends React.ComponentPropsWithoutRef<"table"> {
+export interface TableProps extends ComponentPropsWithoutRef<"table"> {
     /**
      * Marks the table as being meant for editable content (cells containing form
      * controls).
@@ -49,9 +49,9 @@ export interface TableProps extends React.ComponentPropsWithoutRef<"table"> {
      */
     defaultColumnWidth?: number;
     /** Sets the maximum height of the table. */
-    maxHeight?: React.CSSProperties["maxHeight"];
+    maxHeight?: CSSProperties["maxHeight"];
     /** Properties to pass to the container element. */
-    containerProps?: React.ComponentPropsWithRef<"div">;
+    containerProps?: ComponentPropsWithRef<"div">;
 }
 /**
  * Use the table component to display structured data in a tabular format.
@@ -119,4 +119,4 @@ export interface TableProps extends React.ComponentPropsWithoutRef<"table"> {
  * }
  * ```
  */
-export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;

package/dist/types/components/Table/TableBody.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the table body component. */
-export interface TableBodyProps extends React.ComponentPropsWithoutRef<"tbody"> {
+export interface TableBodyProps extends ComponentPropsWithoutRef<"tbody"> {
 }
 /** Table body component. */
-export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/types/components/Table/TableCell.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type CSSProperties } from "react";
 import { type ControlStatus } from "../../utils/control.ts";
 /** Type of table cell. */
 export type TableCellVariant = "header" | "data";
 /** Sticky position of the table cell. */
 export type TableCellSticky = "left" | "right";
 /** Properties of the table row component. */
-export interface TableCellProps extends Omit<React.ComponentPropsWithoutRef<"td" | "th">, "align"> {
+export interface TableCellProps extends Omit<ComponentPropsWithoutRef<"td" | "th">, "align"> {
     /**
      * Whether this cell should be rendered as a table header cell (`th` element).
      * By default, `true` within a `TableHead` component, and `false` otherwise.
@@ -15,7 +15,7 @@ export interface TableCellProps extends Omit<React.ComponentPropsWithoutRef<"td"
      * Specifies how to align the cell's content. Numeric fields should typically
      * be right aligned.
      */
-    align?: React.CSSProperties["textAlign"];
+    align?: CSSProperties["textAlign"];
     /**
      * Style variant to use. By default, defaults to `"header"` when the cell is a
      * `header`, and to `"data"` otherwise.
@@ -42,4 +42,4 @@ export interface TableCellProps extends Omit<React.ComponentPropsWithoutRef<"td"
     sticky?: TableCellSticky;
 }
 /** Table row component. */
-export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableDataCellElement>>;
+export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableDataCellElement>>;

package/dist/types/components/Table/TableColumn.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 import { type SortDirection } from "../../utils/sorting.ts";
 import { type Button } from "../Button";
 import { type Icon } from "../Icon";
@@ -7,13 +7,13 @@ import { type Popover, type PopoverContent } from "../Popover";
 import { type Stack } from "../Stack";
 import { type TableCell } from "./TableCell.tsx";
 /** Properties of a table column. */
-export interface TableColumnProps extends Omit<React.ComponentPropsWithoutRef<typeof TableCell>, "rowSpan" | "scope"> {
+export interface TableColumnProps extends Omit<ComponentPropsWithoutRef<typeof TableCell>, "rowSpan" | "scope"> {
     /** Column's label. */
-    label?: React.ReactNode;
+    label?: ReactNode;
     /** String representation of the label (defaults to `label`). */
     labelText?: string;
     /** Optional helper text displayed as a popover triggered by an icon button. */
-    helperText?: React.ReactNode;
+    helperText?: ReactNode;
     /** Label of the helper button announced to assistive technologies. */
     helperButtonLabel?: string;
     /**
@@ -55,23 +55,23 @@ export interface TableColumnProps extends Omit<React.ComponentPropsWithoutRef<ty
      */
     onSort?: (direction: SortDirection | null) => void;
     /** Properties to pass to the container component. */
-    containerProps?: React.ComponentPropsWithRef<typeof Stack>;
+    containerProps?: ComponentPropsWithRef<typeof Stack>;
     /** Properties to pass to the label component. */
-    labelProps?: React.ComponentPropsWithRef<"div">;
+    labelProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the sort button. */
-    sortButtonProps?: React.ComponentPropsWithRef<typeof Button>;
+    sortButtonProps?: ComponentPropsWithRef<typeof Button>;
     /** Properties to pass to the component containing the sort icons. */
-    sortIconContainerProps?: React.ComponentPropsWithRef<"div">;
+    sortIconContainerProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the sort ascending icon component. */
-    sortAscIconProps?: React.ComponentPropsWithRef<typeof Icon>;
+    sortAscIconProps?: ComponentPropsWithRef<typeof Icon>;
     /** Properties to pass to the sort descending icon component. */
-    sortDescIconProps?: React.ComponentPropsWithRef<typeof Icon>;
+    sortDescIconProps?: ComponentPropsWithRef<typeof 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>;
 }
 /**
  * Table column component.
@@ -80,4 +80,4 @@ export interface TableColumnProps extends Omit<React.ComponentPropsWithoutRef<ty
  * `TableHead` component to automatically create an appropriate header based on
  * the columns.
  */
-export declare const TableColumn: React.ForwardRefExoticComponent<TableColumnProps & React.RefAttributes<HTMLTableDataCellElement>>;
+export declare const TableColumn: import("react").ForwardRefExoticComponent<TableColumnProps & import("react").RefAttributes<HTMLTableDataCellElement>>;

package/dist/types/components/Table/TableContext.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { type ControlStatus } from "../../utils/control.ts";
 import { type ScrollPosition } from "../../utils/useScrollPosition.ts";
 import { type TableLayout } from "./Table.tsx";
@@ -25,7 +24,7 @@ export interface TableActions {
 /** Table store. */
 export type TableStore = ReturnType<typeof useCreateTableContext>["store"];
 /** Table context. */
-export declare const TableContext: React.Context<TableContextValue | null>;
+export declare const TableContext: import("react").Context<TableContextValue | null>;
 /** Hook which creates the table store. */
 export declare function useCreateTableContext(editable: boolean, status: ControlStatus | undefined, layout: TableLayout, defaultColumnWidth: number, onTableMinWidthChange: (minWidth: string | undefined) => void, onTableMaxWidthChange: (maxWidth: string | undefined) => void): {
     editable: boolean;
@@ -47,14 +46,14 @@ export declare function useTableContext(): TableContextValue;
 /** Hook returning the number of columns of the table. */
 export declare function useTableNumberOfColumns(): number | undefined;
 /** Table head context. */
-export declare const TableHeadContext: React.Context<boolean>;
+export declare const TableHeadContext: import("react").Context<boolean>;
 /** Hook exposing whether a component is being rendered within a table head. */
 export declare function useIsInTableHead(): boolean;
 /** Table foot context. */
-export declare const TableFootContext: React.Context<boolean>;
+export declare const TableFootContext: import("react").Context<boolean>;
 /** Hook exposing whether a component is being rendered within a table foot. */
 export declare function useIsInTableFoot(): boolean;
 /** Context present within a table cell. */
-export declare const TableCellContext: React.Context<boolean>;
+export declare const TableCellContext: import("react").Context<boolean>;
 /** Hook exposing whether a component is being rendered within a table cell. */
 export declare function useIsInTableCell(): boolean;

package/dist/types/components/Table/TableFoot.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the table foot component. */
-export interface TableFootProps extends React.ComponentPropsWithoutRef<"tfoot"> {
+export interface TableFootProps extends ComponentPropsWithoutRef<"tfoot"> {
     /**
      * Whether the table foot should be sticky.
      *
@@ -9,4 +9,4 @@ export interface TableFootProps extends React.ComponentPropsWithoutRef<"tfoot">
     sticky?: boolean;
 }
 /** Table foot component. */
-export declare const TableFoot: React.ForwardRefExoticComponent<TableFootProps & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFoot: import("react").ForwardRefExoticComponent<TableFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/types/components/Table/TableHead.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type RefAttributes } from "react";
 import { type SortDirection } from "../../utils/sorting.ts";
 /** Properties of the table head component. */
-export interface TableHeadProps extends React.ComponentPropsWithoutRef<"thead"> {
+export interface TableHeadProps extends ComponentPropsWithoutRef<"thead"> {
     /**
      * Whether the table head should be sticky.
      *
@@ -17,7 +17,7 @@ export interface TableHeadProps extends React.ComponentPropsWithoutRef<"thead">
      */
     sortByColumnDescription?: (columnName: string, sortDirection: SortDirection | null) => string;
     /** Properties to pass to each row component. */
-    rowProps?: React.ComponentPropsWithoutRef<"tr"> | ((index: number) => React.ComponentPropsWithoutRef<"tr">);
+    rowProps?: ComponentPropsWithoutRef<"tr"> | ((index: number) => ComponentPropsWithoutRef<"tr">);
 }
 /** Table head component. */
-export declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableHead: import("react").ForwardRefExoticComponent<TableHeadProps & RefAttributes<HTMLTableSectionElement>>;

package/dist/types/components/Table/TableRow.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Default table row height (with a single line of text or with form controls). */
 export declare const DEFAULT_TABLE_ROW_HEIGHT = 41;
 /** Properties of the table row component. */
-export interface TableRowProps extends React.ComponentPropsWithoutRef<"tr"> {
+export interface TableRowProps extends ComponentPropsWithoutRef<"tr"> {
     /** Whether this row should be marked as being selected. */
     selected?: boolean;
 }
 /** Table row component. */
-export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;

package/dist/types/components/Tabs/Tab.d.ts

@@ -1,14 +1,14 @@
 import { Tabs as TabsPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from "react";
 import { type ControlStatus } from "../../utils/control.ts";
 /** Properties of the tab component. */
-export interface TabProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.TabsTrigger>, "asChild" | "value"> {
+export interface TabProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.TabsTrigger>, "asChild" | "value"> {
     /** Value representing this tab. */
     value: string | number;
     /** Status of the tab. */
     status?: ControlStatus;
     /** Properties to pass to the inner tab element. */
-    tabInnerProps?: React.ComponentPropsWithRef<"div">;
+    tabInnerProps?: ComponentPropsWithRef<"div">;
 }
 /** Tab trigger component. */
-export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Tabs/TabContent.d.ts

@@ -1,9 +1,9 @@
 import { Tabs as TabsPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the tab content component. */
-export interface TabContentProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.TabsContent>, "value"> {
+export interface TabContentProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.TabsContent>, "value"> {
     /** Value of the tab that corresponds to this content. */
     value: string | number;
 }
 /** Tab content component. */
-export declare const TabContent: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabContent: import("react").ForwardRefExoticComponent<TabContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Tabs/TabList.d.ts

@@ -1,11 +1,11 @@
 import { Tabs as TabsPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from "react";
 /** Properties of the tab list component. */
-export interface TabListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+export interface TabListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
     /** Properties to pass to the root element. */
-    rootProps?: React.ComponentPropsWithRef<"div">;
+    rootProps?: ComponentPropsWithRef<"div">;
     /** Properties to pass to the container element. */
-    containerProps?: React.ComponentPropsWithRef<"div">;
+    containerProps?: ComponentPropsWithRef<"div">;
 }
 /** Component containing all tabs. */
-export declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,9 @@
 import { Tabs as TabsPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Tabs variants. */
 export type TabsVariant = "default" | "annexes";
 /** Properties of the tabs component. */
-export interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "defaultValue" | "value" | "orientation" | "dir"> {
+export interface TabsProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "defaultValue" | "value" | "orientation" | "dir"> {
     /**
      * Tabs variant.
      *
@@ -48,4 +48,4 @@ export interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof Ta
  * }
  * ```
  */
-export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Tabs/TabsContext.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { type ScrollPosition } from "../../utils/useScrollPosition.ts";
 import { type TabsVariant } from "./Tabs.tsx";
 /** Value of the tabs' context. */
@@ -16,7 +15,7 @@ export interface TabsState {
 /** Tabs' store. */
 export type TabsStore = ReturnType<typeof useCreateTabsContext>["store"];
 /** Tabs' context. */
-export declare const TabsContext: React.Context<TabsContextValue | null>;
+export declare const TabsContext: import("react").Context<TabsContextValue | null>;
 /** Hook which creates the tabs' store. */
 export declare function useCreateTabsContext(variant: TabsVariant, defaultValue?: string | number, value?: string | number): {
     variant: TabsVariant;

package/dist/types/components/Tag/Tag.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 { CloseButton } from "../CloseButton";
 import { CollapsibleContent } from "../Collapsible";
@@ -10,7 +10,7 @@ export type TagColor = AccentColor;
 /** Tag's icon placement. */
 export type TagIconPlacement = "start" | "end";
 /** Properties of the tag component. */
-export interface TagProps extends React.ComponentPropsWithoutRef<"span"> {
+export interface TagProps 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
@@ -68,13 +68,13 @@ export interface TagProps extends React.ComponentPropsWithoutRef<"span"> {
      */
     showCloseButton?: boolean;
     /** Properties to pass to the container element. */
-    containerProps?: React.ComponentPropsWithRef<typeof CollapsibleContent>;
+    containerProps?: ComponentPropsWithRef<typeof CollapsibleContent>;
     /** Properties to pass to the content element. */
-    contentProps?: React.ComponentPropsWithRef<"span">;
+    contentProps?: ComponentPropsWithRef<"span">;
     /** 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 close button component. */
-    closeButtonProps?: React.ComponentPropsWithRef<typeof CloseButton>;
+    closeButtonProps?: ComponentPropsWithRef<typeof CloseButton>;
 }
 /**
  * Component displaying a stylised tag.
@@ -89,4 +89,4 @@ export interface TagProps extends React.ComponentPropsWithoutRef<"span"> {
  * }
  * ```
  */
-export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { type InputPropsBase } from "../Input";
 /** Properties of the text area component. */
-export interface TextAreaProps extends Omit<InputPropsBase, "asChild" | "children">, React.ComponentPropsWithoutRef<"textarea"> {
+export interface TextAreaProps extends Omit<InputPropsBase, "asChild" | "children">, ComponentPropsWithoutRef<"textarea"> {
 }
 /**
  * The `TextArea` component is a flexible, multiline input field designed for
@@ -18,4 +18,4 @@ export interface TextAreaProps extends Omit<InputPropsBase, "asChild" | "childre
  * This setup ensures that the `TextArea` can adapt to different use cases while
  * maintaining a consistent and accessible form structure.
  */
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -1,5 +1,5 @@
 import { Toast as ToastPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from "react";
 import { CloseButton } from "../CloseButton";
 import { Icon, type IconProp } from "../Icon";
 /** Toast variants. */
@@ -10,7 +10,7 @@ export type ToastSeverity = "neutral" | "info" | "success" | "danger" | "warning
 export type ToastProps = ToastPropsWithAction | ToastPropsWithoutAction;
 /** Properties of the toast component when it has an action. */
 export interface ToastPropsWithAction extends ToastPropsBase {
-    action: React.ReactNode;
+    action: ReactNode;
     actionAltText: string;
 }
 /** Properties of the toast component when it does not have an action. */
@@ -19,7 +19,7 @@ export interface ToastPropsWithoutAction extends ToastPropsBase {
     actionAltText?: undefined;
 }
 /** Base properties of the toast component. */
-export interface ToastPropsBase extends Pick<React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root>, "type" | "duration" | "defaultOpen" | "open" | "onOpenChange" | "onEscapeKeyDown" | "onPause" | "onResume" | "onSwipeStart" | "onSwipeEnd" | "forceMount">, Omit<React.ComponentPropsWithoutRef<"div">, "onPause"> {
+export interface ToastPropsBase extends Pick<ComponentPropsWithoutRef<typeof ToastPrimitive.Root>, "type" | "duration" | "defaultOpen" | "open" | "onOpenChange" | "onEscapeKeyDown" | "onPause" | "onResume" | "onSwipeStart" | "onSwipeEnd" | "forceMount">, Omit<ComponentPropsWithoutRef<"div">, "onPause"> {
     /**
      * Toast variant.
      *
@@ -33,7 +33,7 @@ export interface ToastPropsBase extends Pick<React.ComponentPropsWithoutRef<type
      */
     severity?: ToastSeverity;
     /** Alert action. */
-    action?: React.ReactNode;
+    action?: ReactNode;
     /**
      * Describes an alternative way to achieve the action for assistive technology
      * users who cannot access the toast easily.
@@ -49,17 +49,17 @@ export interface ToastPropsBase extends Pick<React.ComponentPropsWithoutRef<type
      */
     showCloseButton?: boolean;
     /** Properties to pass to the root component. */
-    rootProps?: Omit<React.ComponentPropsWithRef<"li">, "onPause">;
+    rootProps?: Omit<ComponentPropsWithRef<"li">, "onPause">;
     /** Properties to pass to the container component. */
-    containerProps?: React.ComponentPropsWithRef<"div">;
+    containerProps?: 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 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 `Toast` component is a simple and powerful element that provides
@@ -76,4 +76,4 @@ export interface ToastPropsBase extends Pick<React.ComponentPropsWithoutRef<type
  *   is typically used to highlight the main subject or category of the toast
  *   notification.
  */
-export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Toast/ToastProvider.d.ts

@@ -1,9 +1,9 @@
 import { Toast as ToastPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Direction of pointer swipe that should close the toast */
 export type ToastSwipeDirection = "up" | "down" | "left" | "right";
 /** Properties of the toast provider. */
-export interface ToastProviderProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitive.Provider> {
+export interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastPrimitive.Provider> {
 }
 /**
  * The provider that wraps the toasts and their viewport. It usually wraps the

package/dist/types/components/Toast/ToastTitle.d.ts

@@ -1,7 +1,7 @@
 import { Toast as ToastPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the toast title. */
-export interface ToastTitleProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title> {
+export interface ToastTitleProps extends ComponentPropsWithoutRef<typeof ToastPrimitive.Title> {
 }
 /** An optional title for the toast. */
-export declare const ToastTitle: React.ForwardRefExoticComponent<ToastTitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastTitle: import("react").ForwardRefExoticComponent<ToastTitleProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Toast/ToastViewport.d.ts

@@ -1,10 +1,10 @@
 import { Toast as ToastPrimitive } from "radix-ui";
-import * as React from "react";
+import { type ComponentPropsWithoutRef } from "react";
 /** Properties of the toast viewport component. */
-export interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport> {
+export interface ToastViewportProps extends ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport> {
 }
 /**
  * The fixed area where toasts appear. Users can jump to the viewport by
  * pressing a hotkey.
  */
-export declare const ToastViewport: React.ForwardRefExoticComponent<ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
+export declare const ToastViewport: import("react").ForwardRefExoticComponent<ToastViewportProps & import("react").RefAttributes<HTMLOListElement>>;