@ufoui/core 0.0.58 → 0.0.124

package/assets/index.d.ts

@@ -1 +1,2 @@
 export * from './icons';
+export * from './spinners';

package/assets/spinners.d.ts

@@ -0,0 +1,86 @@
+import { default as React } from 'react';
+/** Generic SVG props used by spinner assets. */
+type SvgProps = React.ComponentPropsWithoutRef<'svg'>;
+/** Circle-specific SVG props for spinner ring parts. */
+type CircleProps = React.ComponentPropsWithoutRef<'circle'>;
+/**
+ * Props for {@link SpinnerRingSvg}.
+ *
+ * @category Assets
+ */
+interface SpinnerRingSvgProps extends SvgProps {
+    /** Props forwarded to the ring track circle element. */
+    trackProps?: CircleProps;
+    /** Props forwarded to the ring indicator circle element. */
+    indicatorProps?: CircleProps;
+}
+/**
+ * Ring spinner SVG asset.
+ *
+ * @category Assets
+ * @function
+ * @param props - SVG props including optional `trackProps` and `indicatorProps`.
+ * @param props.trackProps - Props forwarded to the track `<circle>`.
+ * @param props.indicatorProps - Props forwarded to the indicator `<circle>`.
+ *
+ * @example
+ * <SpinnerRingSvg className="uui-spinner" />
+ */
+export declare const SpinnerRingSvg: ({ trackProps, indicatorProps, ...props }: SpinnerRingSvgProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Three-dots spinner SVG asset.
+ *
+ * @category Assets
+ * @function
+ * @param props - Standard SVG props.
+ */
+export declare const SpinnerDotsSvg: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Blade-style spinner SVG asset.
+ *
+ * @category Assets
+ * @function
+ * @param props - Standard SVG props.
+ */
+export declare const SpinnerBladeSvg: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Vertical-bars spinner SVG asset.
+ *
+ * @category Assets
+ * @function
+ * @param props - Standard SVG props.
+ */
+export declare const SpinnerBarsSvg: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Orbit spinner SVG asset.
+ *
+ * @category Assets
+ * @function
+ * @param props - Standard SVG props.
+ */
+export declare const SpinnerOrbitSvg: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Arc spinner SVG asset.
+ *
+ * @category Assets
+ * @function
+ * @param props - Standard SVG props.
+ */
+export declare const SpinnerArcSvg: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Step-bar spinner SVG asset.
+ *
+ * @category Assets
+ * @function
+ * @param props - Standard SVG props.
+ */
+export declare const SpinnerStepBarSvg: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Dual-ring spinner SVG asset.
+ *
+ * @category Assets
+ * @function
+ * @param props - Standard SVG props.
+ */
+export declare const SpinnerDualRingSvg: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/accordion/accordion.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { BoxBaseProps } from '../base';
 import { BaseColor, BorderColor, ElementBorder, ElementDensity, ElementElevation, ElementFont, ElementShape } from '../../utils';
-import { MotionAnimation, MotionStyle } from '../../types';
+import { ElementAnimation } from '../../types';
 export type AccordionVariant = 'text' | 'pills' | 'grouped' | 'segmented';
 export type AccordionConfig = {
     variant?: AccordionVariant;
@@ -12,9 +12,7 @@ export type AccordionConfig = {
     border?: ElementBorder;
     borderColor?: BorderColor;
     shape?: ElementShape;
-    animation?: MotionAnimation;
-    motionStyle?: MotionStyle;
-    duration?: number;
+    animation?: ElementAnimation;
     color?: BaseColor;
     disabled?: boolean;
 };
@@ -35,9 +33,7 @@ export interface AccordionProps extends Omit<BoxBaseProps, 'type' | 'gap' | 'gap
     border?: ElementBorder;
     borderColor?: BorderColor;
     font?: ElementFont;
-    animation?: MotionAnimation;
-    motionStyle?: MotionStyle;
-    duration?: number;
+    animation?: ElementAnimation;
 }
 /**
  * Container component that manages accordion selection state.
@@ -49,4 +45,4 @@ export interface AccordionProps extends Omit<BoxBaseProps, 'type' | 'gap' | 'gap
  *
  * @category Accordion
  */
-export declare const Accordion: ({ type, variant, children, density, border, borderColor, elevation, showIcon, font, shape, animation, motionStyle, duration, color, disabled, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ type, variant, children, density, border, borderColor, elevation, showIcon, font, shape, animation, color, disabled, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/components/accordion/accordionItem.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode } from 'react';
 import { IS_ACCORDION_ITEM } from './accordionItem.guards';
 import { AccordionVariant } from './accordion';
 import { ElementFocusEffect, ElementFont, ElementHoverEffect, ElementPressedEffect, ElementSelectedEffect, ElementTouchEffect, SurfaceColor } from '../../utils';
-import { MotionAnimation, MotionStyle } from '../../types';
+import { ElementAnimation } from '../../types';
 /**
  * Props for {@link AccordionItem}.
  *
@@ -21,9 +21,7 @@ export interface AccordionItemProps {
     showIcon?: boolean;
     variant?: AccordionVariant;
     font?: ElementFont;
-    animation?: MotionAnimation;
-    motionStyle?: MotionStyle;
-    duration?: number;
+    animation?: ElementAnimation;
     flush?: boolean;
     divided?: boolean;
     onFocus?: React.FocusEventHandler<HTMLButtonElement>;
@@ -52,7 +50,7 @@ export interface AccordionItemProps {
  * @category Accordion
  */
 export declare const AccordionItem: {
-    ({ value, label, children, leading, trailing, showIcon, icon, font, variant, animation, duration, motionStyle, flush, divided, onFocus, onBlur, color, disabled, hoverEffects, focusEffects, pressedEffects, touchEffects, selectedEffects, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ value, label, children, leading, trailing, showIcon, icon, font, variant, animation, flush, divided, onFocus, onBlur, color, disabled, hoverEffects, focusEffects, pressedEffects, touchEffects, selectedEffects, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
     /**
      * Marks this component as an AccordionItem for runtime type guards.
      *

package/components/actions/actions.d.ts

@@ -0,0 +1,55 @@
+import { default as React, ReactElement, ReactNode } from 'react';
+/**
+ * Slot contract for components that can act as actions.
+ *
+ * @category Actions
+ */
+export interface ActionProps {
+    /** Text label for the action. */
+    label?: string;
+    /** Accessible label for actions without visible text. */
+    'aria-label'?: string;
+    /** Leading icon for the action. */
+    icon?: React.ReactElement;
+    /** Custom leading slot content. */
+    leading?: ReactNode;
+    /** Custom trailing slot content. */
+    trailing?: ReactNode;
+    /** Disables the action. */
+    disabled?: boolean;
+}
+/**
+ * Props for action groups used by surface components such as cards and dialogs.
+ *
+ * @category Actions
+ */
+export interface ActionsProps {
+    /** Action elements rendered inside the group. */
+    actions?: ReactNode;
+    /** Alignment of the action group. */
+    align?: 'start' | 'center' | 'end';
+    /** Stacks actions vertically instead of horizontally. */
+    stack?: boolean;
+    /** Additional class names for the action wrapper. */
+    className?: string;
+    /** Maximum number of visible actions before the rest collapse into an overflow menu. */
+    maxActions?: number;
+    /** Accessible label for the overflow actions button. Default: "More actions" */
+    moreLabel?: string;
+    /** Custom icon for the overflow actions button. */
+    moreIcon?: ReactElement;
+}
+/**
+ * Shared action group renderer used by components that expose footer or inline actions.
+ *
+ * Filters children to known action elements and applies placement, alignment,
+ * and stacking styles.
+ *
+ * @category Actions
+ */
+declare const Actions: {
+    ({ actions, className, align, stack, maxActions, moreLabel, moreIcon }: ActionsProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { Actions as DialogActions, Actions as CardActions };
+export type { ActionsProps as DialogActionsProps, ActionsProps as CardActionsProps };

package/components/actions/actions.guards.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode } from 'react';
+import { ActionProps } from './actions';
+export declare const IS_ACTION: unique symbol;
+/**
+ * Type guard that checks whether a React node is an action component.
+ *
+ * Identifies action elements by the internal {@link IS_ACTION} symbol
+ * attached to the component type.
+ *
+ * @param el - React node to test.
+ * @returns `true` if the node is an action element.
+ *
+ * @internal
+ */
+export declare function isAction(el: ReactNode): el is ReactElement<ActionProps>;

package/components/avatar/avatar.d.ts

@@ -6,7 +6,7 @@ import { ElementSize } from '../../utils';
  *
  * @category Avatar
  */
-export interface AvatarProps extends Omit<BoxBaseProps, 'component' | 'elementClass'> {
+export interface AvatarProps extends Omit<BoxBaseProps, 'as' | 'elementClass'> {
     /** Size token controlling width and height. */
     size?: ElementSize;
     /** Image source URL. */

package/components/base/boxBase.d.ts

@@ -32,6 +32,8 @@ export interface BoxBaseProps extends Omit<HTMLAttributes<HTMLElement>, 'color'
     alignContent?: CSSProperties['alignContent'];
     /** Maps to `align-items` (cross-axis alignment). */
     alignItems?: CSSProperties['alignItems'];
+    /** Custom HTML element/component. Default: `div`. */
+    as?: ElementType;
     /** Border width (0–5). */
     border?: ElementBorder;
     /** Border color token. */
@@ -44,8 +46,6 @@ export interface BoxBaseProps extends Omit<HTMLAttributes<HTMLElement>, 'color'
     color?: BaseColor;
     /** Grid template columns (`3` → `repeat(3, 1fr)`). */
     cols?: number | string;
-    /** Custom HTML element/component. Default: `div`. */
-    component?: ElementType;
     /** Layout direction (`row` or `col`) for flex. Ignored if `row` or `col` is set. */
     direction?: BoxDirection;
     /** Native disabled attribute. Applied when supported by the rendered element. */
@@ -70,6 +70,8 @@ export interface BoxBaseProps extends Omit<HTMLAttributes<HTMLElement>, 'color'
     gapY?: number | string;
     /** Enables flex-grow (fills remaining space). */
     grow?: boolean;
+    /** Height. */
+    h?: number | string;
     /** Renders as `inline-flex`, `inline-grid` or `inline-block`. */
     inline?: boolean;
     /** Maps to `justify-content` (main-axis alignment). */
@@ -98,12 +100,10 @@ export interface BoxBaseProps extends Omit<HTMLAttributes<HTMLElement>, 'color'
     shape?: ElementShape;
     /** Layout mode (`flex`, `grid`, `block`). Default: `flex`. */
     type?: BoxType;
-    /** Enables wrapping (`flex-wrap: wrap`). */
-    wrap?: boolean;
     /** Width. */
     w?: number | string;
-    /** Height. */
-    h?: number | string;
+    /** Enables wrapping (`flex-wrap: wrap`). */
+    wrap?: boolean;
 }
 /**
  * `BoxBase` — core layout primitive powering all semantic containers

package/components/base/checkboxBase.d.ts

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
 import { BorderColor, ElementBorder, ElementDensity, ElementElevation, ElementFocusEffect, ElementFont, ElementHoverEffect, ElementOutline, ElementPlacement, ElementPressedEffect, ElementSelectedEffect, ElementShape, ElementSize, ElementTextPlacement, ElementTouchEffect, SemanticColor, SurfaceColor } from '../../utils';
-import { MotionAnimation, MotionStyle } from '../../types';
+import { ElementAnimation } from '../../types';
 /**
  * Props for the CheckboxBase component.
  *
@@ -10,8 +10,8 @@ import { MotionAnimation, MotionStyle } from '../../types';
  * @category Base components
  */
 export interface CheckboxBaseProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'color' | 'size'> {
-    /** Animation preset for check and uncheck transitions. */
-    animation?: MotionAnimation;
+    /** Motion value (`MotionAnimation` or full motion config). */
+    animation?: ElementAnimation;
     /** Border style. */
     border?: ElementBorder;
     /** Border color override. */
@@ -30,8 +30,6 @@ export interface CheckboxBaseProps extends Omit<React.InputHTMLAttributes<HTMLIn
     descriptionColor?: SurfaceColor;
     /** Font applied to the description text. */
     descriptionFont?: ElementFont;
-    /** Duration in milliseconds for the check or uncheck animation. */
-    duration?: number;
     /** Required root class name for styling. */
     elementClass: string;
     /** Elevation level applied to the glyph. */
@@ -60,8 +58,6 @@ export interface CheckboxBaseProps extends Omit<React.InputHTMLAttributes<HTMLIn
     label?: string;
     /** Text color override for the label. */
     labelColor?: SurfaceColor;
-    /** Motion style applied to animated elements. */
-    motionStyle?: MotionStyle;
     /** DOM name attribute. */
     name?: string;
     /** Change event handler. */

package/components/base/dialogBase.d.ts

@@ -1,6 +1,6 @@
 import { default as React, ReactElement, ReactNode } from 'react';
 import { BorderColor, ElementElevation, ElementFont, ElementOutline, ElementShape, ElementSize, SurfaceColor } from '../../utils';
-import { DialogAnimation, DialogIconSlot, DialogType, MotionStyle } from '../../types';
+import { DialogIconSlot, DialogType, ElementAnimation } from '../../types';
 /**
  * Props for the DialogBase component.
  *
@@ -38,10 +38,8 @@ export interface DialogBaseProps {
     fit?: boolean;
     /** Renders the panel in detached layout style. */
     detached?: boolean;
-    /** Animation preset; `'none'` disables motion. */
-    animation?: DialogAnimation;
-    /** Duration in milliseconds for open and close animations. Default: 500 */
-    duration?: number;
+    /** Motion value (`MotionAnimation` or full motion config). */
+    animation?: ElementAnimation;
     /** Whether the dialog closes when the backdrop is clicked. Default: true */
     closeOnBackdrop?: boolean;
     /** Whether the dialog closes when Escape is pressed. Default: true */
@@ -90,8 +88,6 @@ export interface DialogBaseProps {
     onBack?: () => void;
     /** Additional class names for the dialog panel. */
     className?: string;
-    /** Motion style helper classes for the panel. */
-    motionStyle?: MotionStyle;
     /** Enables modal behaviour, focus trap, aria-modal, and body scroll lock when applicable. */
     modal?: boolean;
     /** Focuses the dialog when opened (with modal focus trap). */

package/components/base/textBase.d.ts

@@ -1,5 +1,6 @@
 import { default as React, HTMLAttributes, ReactNode } from 'react';
-import { BorderColor, ElementBorder, ElementElevation, ElementFont, ElementShape, SurfaceColor } from '../../utils';
+import { BorderColor, ElementBorder, ElementElevation, ElementFont, ElementShape } from '../../utils';
+import { TextColor } from '../../types';
 /**
  * Props for {@link TextBase}.
  *
@@ -10,23 +11,23 @@ import { BorderColor, ElementBorder, ElementElevation, ElementFont, ElementShape
  */
 export interface TextBaseProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     /** Custom HTML element/component. Default: span. */
-    component?: React.ElementType;
-    /** Font token controlling typography (size, weight, line-height). */
-    font?: ElementFont;
-    /** Surface background token. */
-    color?: SurfaceColor;
-    /** Elevation level (0–5). */
-    elevation?: ElementElevation;
-    /** Shape/border-radius token. */
-    shape?: ElementShape;
+    as?: React.ElementType;
     /** Border width (0–5). */
     border?: ElementBorder;
     /** Border color token. */
     borderColor?: BorderColor;
-    /** Semantic UUI element class (e.g. uui-text, uui-heading). */
-    elementClass?: string;
     /** Text content. */
     children?: ReactNode;
+    /** Text color token. */
+    color?: TextColor;
+    /** Semantic UUI element class (e.g. uui-text, uui-heading). */
+    elementClass?: string;
+    /** Elevation level (0–5). */
+    elevation?: ElementElevation;
+    /** Font token controlling typography (size, weight, line-height). */
+    font?: ElementFont;
+    /** Shape/border-radius token. */
+    shape?: ElementShape;
 }
 /**
  * TextBase — core typography primitive powering semantic text components.

package/components/breadcrumbs/breadcrumbs.d.ts

@@ -1,7 +1,7 @@
 import { default as React, ElementType, ReactNode } from 'react';
 import { BoxBaseProps } from '../base';
 import { ElementDensity, ElementFont, SurfaceColor } from '../../utils';
-import { MotionAnimation, MotionStyle } from '../../types';
+import { ElementAnimation } from '../../types';
 /**
  * Breadcrumb item.
  *
@@ -30,14 +30,12 @@ export interface BreadcrumbsProps extends BoxBaseProps {
     renderItem?: (item: BreadcrumbItem, index: number) => ReactNode;
     renderSeparator?: (index: number) => ReactNode;
     renderCollapse?: (items: BreadcrumbItem[]) => ReactNode;
-    component?: ElementType;
+    as?: ElementType;
     itemComponent?: ElementType;
     density?: ElementDensity;
     font?: ElementFont;
     color?: SurfaceColor;
-    animation?: MotionAnimation;
-    motionStyle?: MotionStyle;
-    duration?: number;
+    animation?: ElementAnimation;
 }
 /**
  * Breadcrumbs navigation component.

package/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonBaseProps } from '../base/buttonBase';
+import { ButtonBaseProps } from '../base';
 /**
  * Props for {@link Button}.
  * Extends {@link ButtonBaseProps}.

package/components/card/card.d.ts

@@ -1,6 +1,6 @@
-import { default as React, ElementType, ReactElement, ReactNode } from 'react';
-import { BorderColor, ElementElevation, ElementFont, ElementShape, SurfaceColor } from '../../utils';
-import { DialogAnimation, DialogIconSlot, MotionStyle } from '../../types';
+import { default as React, ElementType, ReactNode } from 'react';
+import { BorderColor, ElementElevation, ElementShape, SurfaceColor } from '../../utils';
+import { ElementAnimation } from '../../types';
 import { BoxBaseProps } from '../base';
 export type CardVariant = 'elevated' | 'filled' | 'outlined';
 /**
@@ -12,19 +12,17 @@ export type CardVariant = 'elevated' | 'filled' | 'outlined';
  */
 export interface CardProps extends Omit<BoxBaseProps, 'type' | 'elementClass' | 'color' | 'elevation' | 'borderColor'> {
     /** Underlying element/component. Default: `article`. */
-    component?: ElementType;
+    as?: ElementType;
     /** Card content. */
     children?: ReactNode;
+    /** Removes default inner spacing from the card content area. */
+    flush?: boolean;
     /** Card variant. Default: `elevated`. */
     variant?: CardVariant;
     /** Whether the card is visible. */
     open?: boolean;
-    /** Entry/exit animation preset. Use `none` to disable. */
-    animation?: DialogAnimation;
-    /** Animation duration in ms. */
-    duration?: number;
-    /** Motion style helper classes. */
-    motionStyle?: MotionStyle;
+    /** Motion value (`MotionAnimation` or full motion config). */
+    animation?: ElementAnimation;
     /** Surface color token override. */
     color?: SurfaceColor;
     /** Elevation override. */
@@ -33,48 +31,7 @@ export interface CardProps extends Omit<BoxBaseProps, 'type' | 'elementClass' |
     shape?: ElementShape;
     /** Border color override (used by outlined cards). */
     borderColor?: BorderColor;
-    /** Visual title text. */
-    label?: string;
     /** Accessible label for cards without visible title. */
     'aria-label'?: string;
-    /** Card icon. */
-    icon?: ReactElement;
-    showIcon?: boolean;
-    iconColor?: SurfaceColor;
-    iconSlot?: DialogIconSlot;
-    /** Title alignment. */
-    titleAlign?: 'start' | 'center' | 'end';
-    /** Header leading slot content. */
-    leading?: ReactNode;
-    /** Header trailing slot content. */
-    trailing?: ReactNode;
-    /** Header/content actions. */
-    actions?: ReactNode;
-    /** Actions placement. Default: `bottom`. */
-    actionsPlacement?: 'top' | 'subtitle' | 'bottom' | 'inline';
-    /** Actions alignment. */
-    actionsAlign?: 'start' | 'center' | 'end';
-    /** Stack actions vertically. */
-    actionsStack?: boolean;
-    /** Maximum number of visible actions before overflow. */
-    maxActions?: number;
-    /** Overflow button label. */
-    moreLabel?: string;
-    /** Overflow button icon. */
-    moreIcon?: ReactElement;
-    /** Shows close button in header. */
-    showClose?: boolean;
-    /** Close button icon override. */
-    closeIcon?: ReactElement;
-    /** Shows back button in header. */
-    showBack?: boolean;
-    /** Back button icon override. */
-    backIcon?: ReactElement;
-    /** Back button handler. Defaults to onClose. */
-    onBack?: () => void;
-    /** Close button handler. */
-    onClose?: () => void;
-    /** Header title font token. */
-    titleFont?: ElementFont;
 }
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;

package/components/card/cardHeader.d.ts

@@ -0,0 +1,49 @@
+import { ReactElement, ReactNode } from 'react';
+import { CardActionsProps } from '../actions/actions';
+import { ElementFont } from '../../utils';
+/**
+ * Props for {@link CardHeader}.
+ *
+ * @category Card
+ */
+export interface CardHeaderProps {
+    /** Optional content before the title row. */
+    leading?: ReactNode;
+    /** Title alignment passed to {@link CardTitle}. */
+    titleAlign?: 'start' | 'center' | 'end';
+    /** Title text. */
+    label?: string;
+    /** Secondary text shown below the title. */
+    subtitle?: string;
+    /** Action buttons (see {@link CardActions}). */
+    actions?: CardActionsProps['actions'];
+    actionsAlign?: CardActionsProps['align'];
+    actionsStack?: CardActionsProps['stack'];
+    maxActions?: CardActionsProps['maxActions'];
+    moreLabel?: CardActionsProps['moreLabel'];
+    moreIcon?: CardActionsProps['moreIcon'];
+    /** Optional content after actions / before close in the header row. */
+    trailing?: ReactNode;
+    /** When true, renders the close control with {@link closeIcon}. */
+    showClose?: boolean;
+    /** Invoked when the close control is activated. */
+    onClose?: () => void;
+    /** Icon element for the close control (already resolved to default or override). */
+    closeIcon?: ReactElement;
+    font?: ElementFont;
+}
+/**
+ * Card title row: leading/icon, title, inline actions, trailing, and close.
+ *
+ * @remarks
+ * Non-inline actions are omitted here and rendered below the content by the parent.
+ *
+ * @function
+ * @param props Component properties.
+ *
+ * @category Card
+ */
+export declare const CardHeader: {
+    ({ leading, titleAlign, label, actions, actionsAlign, actionsStack, maxActions, moreLabel, moreIcon, trailing, showClose, onClose, closeIcon, font, }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/components/card/cardMedia.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface CardMediaProps {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const CardMedia: {
+    ({ children, className }: CardMediaProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/components/card/cardTitle.d.ts

@@ -0,0 +1,11 @@
+import { ElementFont } from '../../utils';
+export interface CardTitleProps {
+    label?: string;
+    className?: string;
+    font?: ElementFont;
+    align?: 'start' | 'center' | 'end';
+}
+export declare const CardTitle: {
+    ({ label, className, align, font, }: CardTitleProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/components/collapse/collapse.d.ts

@@ -1,24 +1,20 @@
 import { ReactNode } from 'react';
 import { BoxBaseProps } from '../base';
-import { MotionAnimation, MotionStyle } from '../../types';
+import { ElementAnimation } from '../../types';
 /**
  * Props for the Collapse component.
  *
  * @category Collapse
  */
 export interface CollapseProps extends Omit<BoxBaseProps, 'elevation'> {
-    /** Motion animation key. Default: slideDown. */
-    animation?: MotionAnimation;
+    /** Motion value (`MotionAnimation` or full motion config). */
+    animation?: ElementAnimation;
     /** Content rendered inside the container. */
     children?: ReactNode;
     /** Additional root class name. */
     className?: string;
-    /** Animation duration in milliseconds. Default: 220. */
-    duration?: number;
-    /** Motion style variant. */
-    motionStyle?: MotionStyle;
     /** Controls whether the container is expanded. */
-    open: boolean;
+    open?: boolean;
 }
 /**
  * Animated container that expands and collapses vertically.

package/components/dialogs/dialogHeader.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { DialogActionsProps } from './dialogActions';
+import { DialogActionsProps } from '../actions/actions';
 import { ElementFont, SurfaceColor } from '../../utils';
 import { DialogIconSlot } from '../../types';
 /**

package/components/dialogs/index.d.ts

@@ -1,5 +1,5 @@
 export * from './dialog';
-export * from './dialogActions';
+export * from '../actions/actions';
 export * from './dialogContent';
 export * from './dialogHeader';
 export * from './dialogTitle';

package/components/fieldset/fieldset.d.ts

@@ -7,7 +7,7 @@ import { BoxBaseProps } from '../base';
  *
  * @category Fieldset
  */
-export interface FieldsetProps extends Omit<BoxBaseProps, 'component' | 'elementClass'> {
+export interface FieldsetProps extends Omit<BoxBaseProps, 'as' | 'elementClass'> {
     /** Supporting text displayed below the fieldset content. */
     description?: string;
     /** Text color of the description. */