@ufoui/core 0.0.58 → 0.0.124

package/components/item/item.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+/**
+ * Props for the {@link Item} component.
+ *
+ * @category Item
+ */
+export interface ItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Secondary supporting text. */
+    description?: string;
+    /** Disables interactions and focus. */
+    disabled?: boolean;
+    /** Leading slot content. */
+    leading?: React.ReactNode;
+    /** Primary label text. */
+    label?: string;
+    /** Trailing slot content. */
+    trailing?: React.ReactNode;
+    /** Value identifier used for selection. */
+    value?: string;
+}
+/**
+ * **Item** — dumb renderer for list, listbox and menu contexts.
+ *
+ * Reads ARIA role and density from {@link SelectionContext}. Registers
+ * itself with the roving focus controller provided by the parent `List`.
+ *
+ * @remarks
+ * Export aliases: `ListItem`, `Option`.
+ *
+ * @example
+ * ```tsx
+ * <List variant="listbox" type="single">
+ *   <Item value="a" label="Apple" />
+ *   <Item value="b" label="Banana" description="Yellow fruit" />
+ * </List>
+ * ```
+ *
+ * @function
+ * @category Item
+ */
+export declare const Item: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLDivElement>>;
+/** @category Item */
+export declare const Option: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLDivElement>>;

package/components/item/item.guards.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ReactElement } from 'react';
+import { ItemProps } from './item';
+export declare const IS_ITEM: unique symbol;
+/**
+ * Type guard that checks whether a React node is an Item component.
+ *
+ * @param el - React node to test.
+ * @returns `true` if the node is an Item element.
+ *
+ * @internal
+ */
+export declare function isItem(el: React.ReactNode): el is ReactElement<ItemProps>;

package/components/layout/article.d.ts

@@ -5,7 +5,7 @@ import { BoxBaseProps } from '../base/boxBase';
  *
  * @category Box
  */
-export type ArticleProps = Omit<BoxBaseProps, 'elementClass' | 'component'>;
+export type ArticleProps = Omit<BoxBaseProps, 'elementClass' | 'as'>;
 /**
  * Semantic layout wrapper for the native `<article>` element.
  * Intended for self-contained content units composed of Sections and optional Aside.

package/components/layout/aside.d.ts

@@ -5,7 +5,7 @@ import { BoxBaseProps } from '../base/boxBase';
  *
  * @category Box
  */
-export type AsideProps = Omit<BoxBaseProps, 'elementClass' | 'component'>;
+export type AsideProps = Omit<BoxBaseProps, 'elementClass' | 'as'>;
 /**
  * Semantic layout wrapper for the native `<aside>` element.
  *

package/components/layout/content.d.ts

@@ -5,7 +5,7 @@ import { BoxBaseProps } from '../base/boxBase';
  *
  * @category Box
  */
-export type ContentProps = Omit<BoxBaseProps, 'elementClass' | 'component'>;
+export type ContentProps = Omit<BoxBaseProps, 'elementClass' | 'as'>;
 /**
  * Layout wrapper for the main article content.
  *

package/components/layout/footer.d.ts

@@ -5,7 +5,7 @@ import { BoxBaseProps } from '../base/boxBase';
  *
  * @category Box
  */
-export type FooterProps = Omit<BoxBaseProps, 'elementClass' | 'component'>;
+export type FooterProps = Omit<BoxBaseProps, 'elementClass' | 'as'>;
 /**
  * Semantic layout wrapper for the native `<footer>` element.
  *

package/components/layout/header.d.ts

@@ -5,7 +5,7 @@ import { BoxBaseProps } from '../base/boxBase';
  *
  * @category Box
  */
-export type HeaderProps = Omit<BoxBaseProps, 'elementClass' | 'component'>;
+export type HeaderProps = Omit<BoxBaseProps, 'elementClass' | 'as'>;
 /**
  * Semantic layout wrapper for the native `<header>` element.
  *

package/components/layout/main.d.ts

@@ -5,7 +5,7 @@ import { BoxBaseProps } from '../base/boxBase';
  *
  * @category Box
  */
-export type MainProps = Omit<BoxBaseProps, 'elementClass' | 'component'>;
+export type MainProps = Omit<BoxBaseProps, 'elementClass' | 'as'>;
 /**
  * Semantic layout wrapper for the native `<main>` element.
  *

package/components/layout/nav.d.ts

@@ -5,7 +5,7 @@ import { BoxBaseProps } from '../base/boxBase';
  *
  * @category Box
  */
-export type NavProps = Omit<BoxBaseProps, 'elementClass' | 'component'>;
+export type NavProps = Omit<BoxBaseProps, 'elementClass' | 'as'>;
 /**
  * Semantic layout wrapper for the native `<nav>` element.
  *

package/components/layout/section.d.ts

@@ -5,7 +5,7 @@ import { BoxBaseProps } from '../base/boxBase';
  *
  * @category Box
  */
-export type SectionProps = Omit<BoxBaseProps, 'elementClass' | 'component'>;
+export type SectionProps = Omit<BoxBaseProps, 'elementClass' | 'as'>;
 /**
  * Semantic layout wrapper for the native `<section>` element.
  *

package/components/list/list.d.ts

@@ -1,8 +1,49 @@
 import { ReactNode } from 'react';
+import { ElementDensity } from '../../utils';
 import { BoxBaseProps } from '../base/boxBase';
-export interface ListProps extends Omit<BoxBaseProps, 'type'> {
-    type?: 'single' | 'multiple';
-    defaultValue?: string;
+/** @category List */
+export type ListVariant = 'list' | 'listbox';
+/** @category List */
+export interface ListConfig {
+    density?: ElementDensity;
+    itemRole: 'listitem' | 'option';
+    variant: ListVariant;
+}
+/**
+ * Props for the {@link List} component.
+ *
+ * @category List
+ */
+export interface ListProps extends Omit<BoxBaseProps, 'type' | 'onChange'> {
     children: ReactNode;
+    /** Uncontrolled initial selected value(s). */
+    defaultValue?: string | string[];
+    /** Density preset propagated to all child items. */
+    density?: ElementDensity;
+    /** Change handler called with the new selected values array. */
+    onChange?: (values: string[]) => void;
+    /** Selection type for listbox variant. */
+    type?: 'single' | 'multiple';
+    /** Controlled selected value(s). */
+    value?: string | string[];
+    /** Switches between display list and selectable listbox. */
+    variant?: ListVariant;
 }
-export declare const List: ({ type, defaultValue, children }: ListProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * **List** — vertical container for {@link Item} elements.
+ *
+ * When `variant="listbox"` is set, enables keyboard navigation and
+ * selection via {@link SelectionContext}. Supports both controlled
+ * (`value` + `onChange`) and uncontrolled (`defaultValue`) modes.
+ *
+ * @example
+ * ```tsx
+ * <List variant="listbox" type="single" defaultValue="a">
+ *   <Item value="a" label="Apple" />
+ *   <Item value="b" label="Banana" />
+ * </List>
+ * ```
+ *
+ * @category List
+ */
+export declare const List: ({ children, className, variant, type, value, defaultValue, onChange, density, ...props }: ListProps) => import("react/jsx-runtime").JSX.Element;

package/components/listbox/listBox.d.ts

@@ -0,0 +1,25 @@
+import { ListProps } from '../list/list';
+/**
+ * Props for the {@link ListBox} component.
+ *
+ * @category ListBox
+ */
+export type ListBoxProps = Omit<ListProps, 'variant'>;
+/**
+ * **ListBox** — thin semantic wrapper over `List` that presets `variant="listbox"`.
+ *
+ * @remarks
+ * Prefer using `List` with `variant="listbox"` directly when composing
+ * with `Select` or other controlled parents.
+ *
+ * @example
+ * ```tsx
+ * <ListBox type="single" defaultValue="a">
+ *   <Item value="a" label="Apple" />
+ *   <Item value="b" label="Banana" />
+ * </ListBox>
+ * ```
+ *
+ * @category ListBox
+ */
+export declare const ListBox: (props: ListBoxProps) => import("react/jsx-runtime").JSX.Element;

package/components/progress/progress.d.ts

@@ -1,27 +1,51 @@
-import { default as React } from 'react';
-import { ElementSize, SemanticColor } from '../../utils';
-import { BoxBaseProps } from '../base';
+import { HTMLAttributes } from 'react';
+import { ElementSize, SemanticColor, SurfaceColor, WrapperProps } from '../../utils';
 /**
  * Props for {@link Progress}.
  *
+ * Supports both linear and circular progress indicators, in determinate
+ * (`value` provided) and indeterminate (`value` omitted) modes.
+ *
  * @category Progress
  */
-export interface ProgressProps extends Omit<BoxBaseProps, 'children'> {
-    variant?: 'linear' | 'circular';
-    value?: number;
-    min?: number;
-    max?: number;
+export interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, Omit<WrapperProps, 'shape'> {
+    /** Semantic color of the active indicator. */
     color?: SemanticColor;
+    /** Maximum value of the progress range. */
+    max?: number;
+    /** Minimum value of the progress range. */
+    min?: number;
+    /** Size preset of the progress component. */
     size?: ElementSize;
-    thickness?: number;
+    /** Surface color of the track/background. */
+    trackColor?: SurfaceColor;
+    /** Current value for determinate mode. Leave undefined for indeterminate mode. */
+    value?: number;
+    /** Visual style of the indicator. */
+    variant?: 'linear' | 'circular';
 }
 /**
  * Visual progress indicator.
  *
- * @function
+ * Renders either a linear bar or a circular ring. The component is:
+ * - determinate when `value` is provided,
+ * - indeterminate when `value` is omitted.
  *
+ * @function
  * @param props - Component props.
  *
  * @category Progress
+ *
+ * @example
+ * <Progress value={42} />
+ *
+ * @example
+ * <Progress variant="circular" value={75} />
+ *
+ * @example
+ * <Progress variant="linear" />
  */
-export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Progress: {
+    ({ variant, value, min, max, color, trackColor, size, className, style, ...rest }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/components/select/select.d.ts

@@ -1,32 +1,41 @@
 import { ReactNode } from 'react';
 import { FieldBaseProps } from '../base/fieldBase';
 /**
- * Props for {@link Select}.
+ * Props for the {@link Select} component.
  *
  * @category Field
  */
-export interface SelectProps extends Omit<FieldBaseProps, 'elementClass' | 'value' | 'onChange'> {
-    /** Current selected value. */
-    value?: string | string[];
-    /** Placeholder displayed when no value is selected. */
-    placeholder?: string;
-    /** Change handler called with the selected value. */
+export interface SelectProps extends Omit<FieldBaseProps, 'elementClass' | 'value' | 'onChange' | 'trailing' | 'defaultValue'> {
+    /** Select options — `Item` or `Option` elements. */
+    children?: ReactNode;
+    /** Change handler called with the new selected value. */
     onChange?: (value: string | string[] | undefined) => void;
+    /** Uncontrolled initial selected value. */
+    defaultValue?: string | string[];
     /** Enables multiple value selection. */
     multiple?: boolean;
-    /** Makes the control read-only. */
-    readOnly?: boolean;
-    /** Custom renderer for the selected value. */
-    renderValue?: (value: string | string[] | undefined) => ReactNode;
-    /** Select options. */
-    children?: ReactNode;
+    /** Placeholder displayed when no value is selected. */
+    placeholder?: string;
+    /** Controlled selected value. */
+    value?: string | string[];
 }
 /**
- * **Select** – form control used to choose one or multiple values
- * from a predefined list of options.
+ * **Select** — field control that opens a listbox dropdown for picking values.
+ *
+ * Composes `FieldBase` (trigger) with `List variant="listbox"` (dropdown).
+ * Supports single and multiple selection, controlled and uncontrolled modes.
  *
- * @param props
+ * @example
+ * ```tsx
+ * <Select label="Fruit" value={fruit} onChange={v => setFruit(v as string)}>
+ *   <Item value="apple" label="Apple" />
+ *   <Item value="banana" label="Banana" />
+ * </Select>
+ * ```
  *
  * @category Field
- * @function
  */
+export declare const Select: {
+    ({ value, defaultValue, onChange, multiple, placeholder, children, density, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/components/slider/slider.d.ts

@@ -1,11 +1,89 @@
-export interface SliderProps {
-    value?: number;
-    defaultValue?: number;
-    min?: number;
+import { default as React } from 'react';
+import { ElementDensity, ElementFocusEffect, ElementFont, ElementOrientation, ElementSize, ElementTextPlacement, SemanticColor, SurfaceColor } from '../../utils';
+/**
+ * Props for the {@link Slider} component.
+ * @category Slider
+ */
+export interface SliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Semantic color of the active track and handle. */
+    color?: SemanticColor;
+    /** Default value for uncontrolled mode. Use `[start, end]` with `type="range"`. */
+    defaultValue?: number | [number, number];
+    /** Visual density of the layout. */
+    density?: ElementDensity;
+    /** Supporting text displayed below the slider. */
+    description?: string;
+    /** Disables interaction. */
+    disabled?: boolean;
+    /** Error message. Overrides `description` when set. */
+    error?: string;
+    /** Focus ring effects. */
+    focusEffects?: ElementFocusEffect[];
+    /** Font token for the label. */
+    font?: ElementFont;
+    /** Format function for the value indicator. */
+    formatValue?: (value: number) => string;
+    /** DOM id of the slider. Auto-generated when omitted. */
+    id?: string;
+    /** Text label. */
+    label?: string;
+    /** Show stop indicators at each step position (MD3 discrete mode). */
+    stops?: boolean;
+    /** Maximum value. */
     max?: number;
-    step?: number;
+    /** Minimum value. */
+    min?: number;
+    /** Name for the hidden form input. */
     name?: string;
-    disabled?: boolean;
-    onChange?: (value: number) => void;
+    /** Change handler. Returns `number` for single or `[number, number]` for range. */
+    onChange?: (value: number | [number, number]) => void;
+    /** Called after a drag gesture ends. */
+    onChangeCommitted?: (value: number | [number, number]) => void;
+    /** Track orientation. */
+    orientation?: ElementOrientation;
+    /** Prevents value changes; sets `aria-readonly`. */
+    readOnly?: boolean;
+    /** Required field indicator. */
+    required?: boolean;
+    /** Value indicator display mode. `true`/`"hover"` → on hover+focus; `"always"` → always visible. */
+    showValue?: boolean | 'always' | 'hover';
+    /** Track thickness. MD3: XS=16dp, S=24dp, M=40dp (default), L=56dp, XL=96dp. */
+    size?: ElementSize;
+    /** Step increment for keyboard and stop indicators. */
+    step?: number;
+    /** Label placement relative to the slider. */
+    textPlacement?: ElementTextPlacement;
+    /**
+     * Slider behaviour type.
+     * - `"standard"` — single handle, active track from the left edge (default).
+     * - `"centered"` — single handle, active track grows from the midpoint.
+     * - `"range"` — two handles; pass `[start, end]` as `value` / `defaultValue`.
+     */
+    type?: 'standard' | 'centered' | 'range';
+    /** Color of the inactive track. */
+    trackColor?: SurfaceColor;
+    /** Controlled value. Use `[start, end]` with `type="range"`. */
+    value?: number | [number, number];
 }
-export declare const Slider: import('react').ForwardRefExoticComponent<SliderProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * MD3-compliant slider for selecting a value or range along a track.
+ *
+ * Track thickness is controlled by `size` (MD3: XS=16dp, S=24dp, M=40dp, L=56dp, XL=96dp).
+ * Use `orientation="vertical"` and set a height via `style` for vertical sliders.
+ *
+ * @function
+ * @category Slider
+ *
+ * @example
+ * <Slider defaultValue={40} label="Volume" />
+ *
+ * @example
+ * <Slider type="range" defaultValue={[20, 80]} label="Price range" showValue />
+ *
+ * @example
+ * <Slider type="centered" defaultValue={0} min={-100} max={100} label="Balance" />
+ *
+ * @example
+ * <Slider orientation="vertical" defaultValue={60} style={{ height: '200px' }} />
+ */
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;

package/components/slider/sliderHandle.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { ElementFocusEffect } from '../../utils';
+export interface SliderHandleProps {
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    disabled?: boolean;
+    displayValue: string;
+    focusEffects: ElementFocusEffect[];
+    focusVisible: boolean;
+    handleRef: React.Ref<HTMLSpanElement>;
+    isFocused: boolean;
+    max: number;
+    min: number;
+    onBlur: React.FocusEventHandler<HTMLElement>;
+    onFocus: React.FocusEventHandler<HTMLElement>;
+    onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+    onPointer: (e: React.PointerEvent<HTMLSpanElement>, type: 'down' | 'move' | 'up') => void;
+    orientation: 'horizontal' | 'vertical';
+    pct: number;
+    readOnly?: boolean;
+    showValue: 'always' | 'hover' | 'none';
+    value: number;
+}
+export declare const SliderHandle: ({ ariaLabel, ariaLabelledby, disabled, displayValue, focusEffects, focusVisible, handleRef, isFocused, max, min, onBlur, onFocus, onKeyDown, onPointer, orientation, pct, readOnly, showValue, value, }: SliderHandleProps) => import("react/jsx-runtime").JSX.Element;

package/components/spinner/spinner.d.ts

@@ -1,7 +1,48 @@
-export type SpinnerVariant = 'circular' | 'dots' | 'bars' | 'ring' | 'bars2' | 'orbit' | 'arc' | 'stepBar';
-export interface SpinnerProps {
+import { default as React } from 'react';
+import { BaseColor, ElementSize, WrapperProps } from '../../utils';
+export type SpinnerVariant = 'ring' | 'dots' | 'blade' | 'bars' | 'orbit' | 'arc' | 'stepBar' | 'dualRing';
+/**
+ * Props for the spinner component.
+ *
+ * @remarks
+ * Supports wrapper-level spacing and positioning props from {@link WrapperProps}
+ * such as `m`, `mx`, `my`, `top`, `left`, `position`, and `zIndex`.
+ *
+ * @category Spinner
+ */
+export interface SpinnerProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'color' | 'children'>, WrapperProps {
+    /** Visual spinner variant. */
     variant?: SpinnerVariant;
+    /** Semantic color token applied to the spinner. */
+    color?: BaseColor;
+    /** Size token controlling spinner dimensions. */
+    size?: ElementSize;
+    /** Additional class names for the root svg element. */
     className?: string;
+    /** Applies inline alignment (`vertical-align: middle`) for text-flow usage. */
     inline?: boolean;
+    /** Accessible label. When provided, spinner is announced as a status. */
+    ariaLabel?: string;
+    /** When true, spinner ignores token-based sizing and fills its container (`width/height: 100%`). */
+    fluid?: boolean;
 }
-export declare function Spinner({ variant, inline, className, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a loading spinner in one of the supported variants.
+ *
+ * By default spinner is decorative. Provide `ariaLabel` to expose it as an accessible status.
+ *
+ * @function Spinner
+ * @param props Component properties.
+ *
+ * @example
+ * <Spinner />
+ *
+ * @example
+ * <Spinner variant="dots" size="medium" color="primary" />
+ *
+ * @example
+ * <Spinner position="absolute" top={8} right={8} />
+ *
+ * @category Spinner
+ */
+export declare const Spinner: ({ variant, fluid, color, size, inline, className, ariaLabel, style, ...rest }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/components/toast/toast.d.ts

@@ -1,7 +1,7 @@
 import { default as React, ReactNode } from 'react';
 import { ElementElevation, ElementShape, SurfaceColor, ToastStatus } from '../../utils';
 import { BoxBaseProps } from '../base';
-import { MotionAnimation, MotionStyle } from '../../types';
+import { ElementAnimation } from '../../types';
 /**
  * Props for Toast component.
  *
@@ -30,12 +30,8 @@ export interface ToastProps extends Omit<BoxBaseProps, 'children'> {
     status?: ToastStatus;
     /** Shape token. Default: smooth */
     shape?: ElementShape;
-    /** Animation preset used by internal motion elements. */
-    animation?: MotionAnimation;
-    /** Animation duration in milliseconds. */
-    duration?: number;
-    /** Motion style applied to animated elements. */
-    motionStyle?: MotionStyle;
+    /** Motion value (`MotionAnimation` or full motion config). */
+    animation?: ElementAnimation;
     leaving?: boolean;
     onExitComplete?: (id: string) => void;
 }

package/components/toolbar/toolbar.d.ts

@@ -7,7 +7,7 @@ import { BoxBaseProps } from '../base/boxBase';
  *
  * @category Toolbar
  */
-export interface ToolbarProps extends Omit<BoxBaseProps, 'component' | 'elementClass' | 'direction' | 'row' | 'col'> {
+export interface ToolbarProps extends Omit<BoxBaseProps, 'as' | 'elementClass' | 'direction' | 'row' | 'col'> {
     /** Visual variant of the toolbar. */
     variant?: 'docked' | 'floating';
     /** Surface color token applied to container. */

package/components/typography/h1.d.ts

@@ -5,7 +5,7 @@ import { TextBaseProps } from '../base/textBase';
  *
  * @category Typography
  */
-export type H1Props = Omit<TextBaseProps, 'component'>;
+export type H1Props = Omit<TextBaseProps, 'as'>;
 /**
  * H1 semantic heading.
  * Renders native h1 element with default headlineLarge font.

package/components/typography/h2.d.ts

@@ -5,7 +5,7 @@ import { TextBaseProps } from '../base/textBase';
  *
  * @category Typography
  */
-export type H2Props = Omit<TextBaseProps, 'component'>;
+export type H2Props = Omit<TextBaseProps, 'as'>;
 /**
  * H2 semantic heading.
  * Renders native h2 element with default headlineMedium font.

package/components/typography/h3.d.ts

@@ -5,7 +5,7 @@ import { TextBaseProps } from '../base/textBase';
  *
  * @category Typography
  */
-export type H3Props = Omit<TextBaseProps, 'component'>;
+export type H3Props = Omit<TextBaseProps, 'as'>;
 /**
  * H3 semantic heading.
  * Renders native h3 element with default headlineSmall font.

package/components/typography/h4.d.ts

@@ -5,7 +5,7 @@ import { TextBaseProps } from '../base/textBase';
  *
  * @category Typography
  */
-export type H4Props = Omit<TextBaseProps, 'component'>;
+export type H4Props = Omit<TextBaseProps, 'as'>;
 /**
  * H4 semantic heading.
  * Renders native h4 element with default titleLarge font.

package/components/typography/h5.d.ts

@@ -5,7 +5,7 @@ import { TextBaseProps } from '../base/textBase';
  *
  * @category Typography
  */
-export type H5Props = Omit<TextBaseProps, 'component'>;
+export type H5Props = Omit<TextBaseProps, 'as'>;
 /**
  * H5 semantic heading.
  * Renders native h5 element with default titleMedium font.

package/components/typography/h6.d.ts

@@ -5,7 +5,7 @@ import { TextBaseProps } from '../base/textBase';
  *
  * @category Typography
  */
-export type H6Props = Omit<TextBaseProps, 'component'>;
+export type H6Props = Omit<TextBaseProps, 'as'>;
 /**
  * H6 semantic heading.
  * Renders native h6 element with default titleSmall font.

package/components/typography/label.d.ts

@@ -5,7 +5,7 @@ import { TextBaseProps } from '../base/textBase';
  *
  * @category Typography
  */
-export type LabelProps = Omit<TextBaseProps, 'component'>;
+export type LabelProps = Omit<TextBaseProps, 'as'>;
 /**
  * Label semantic text.
  * Renders native label element with default labelLarge font.

package/components/typography/p.d.ts

@@ -5,7 +5,7 @@ import { TextBaseProps } from '../base/textBase';
  *
  * @category Typography
  */
-export type PProps = Omit<TextBaseProps, 'component'>;
+export type PProps = Omit<TextBaseProps, 'as'>;
 /**
  * P semantic paragraph.
  * Renders native p element.

package/components/typography/span.d.ts

@@ -5,7 +5,7 @@ import { TextBaseProps } from '../base/textBase';
  *
  * @category Typography
  */
-export type SpanProps = Omit<TextBaseProps, 'component'>;
+export type SpanProps = Omit<TextBaseProps, 'as'>;
 /**
  * Span semantic inline text wrapper.
  * Renders native span element.

package/hooks/index.d.ts

@@ -1,4 +1,6 @@
 export * from './useAnimate';
+export * from './useUpdateEffect';
+export * from './useMotion';
 export * from './useClickOutside';
 export * from './useEscapeHandler';
 export * from './useFocusVisible';