@dss-kit/ui-kit 0.1.7 → 0.1.8

package/dist/components/builders/Text/Text.d.ts

@@ -1,330 +1,477 @@
-import { default as React } from 'react';
-import { AccentType, FontWeight, InverseType, NegativeType, PositiveType, PrimaryType, SecondaryType, TertiaryType, WarningType } from '../../../types/tokens.types';
-import { SystemStyleProps } from './utils/systemToClass';
-export type TextColor = PrimaryType | SecondaryType | TertiaryType | PositiveType | NegativeType | WarningType | AccentType | InverseType;
-export type TextVariant = "title-1" | "title-2" | "title-3" | "headline-1" | "headline-2" | "headline-3" | "body-1" | "body-2" | "caption-1" | "caption-2";
+import { default as React } from "react";
+import {
+  AccentType,
+  FontWeight,
+  InverseType,
+  NegativeType,
+  PositiveType,
+  PrimaryType,
+  SecondaryType,
+  TertiaryType,
+  WarningType,
+} from "../../../types/tokens.types";
+import { SystemStyleProps } from "./utils/systemToClass";
+export type TextColor =
+  | PrimaryType
+  | SecondaryType
+  | TertiaryType
+  | PositiveType
+  | NegativeType
+  | WarningType
+  | AccentType
+  | InverseType;
+export type TextVariant =
+  | "title-1"
+  | "title-2"
+  | "title-3"
+  | "headline-1"
+  | "headline-2"
+  | "headline-3"
+  | "body-1"
+  | "body-2"
+  | "caption-1"
+  | "caption-2";
 type TextTag = "span" | "p" | "h1" | "h2" | "h3";
-export type TextProps<T extends TextTag = "span" | "p" | "h1" | "h2" | "h3"> = Omit<React.HTMLAttributes<HTMLElement>, "className"> & SystemStyleProps & {
-    className?: string;
-    /** @default "body-1" */
-    variant?: TextVariant;
-    /** @default "medium" */
-    fontWeight?: FontWeight;
-    /** @default "p" */
-    tag?: T;
-    /** @default "primary" */
-    colorName?: TextColor;
-    /** Opacity при клике (от 0 до 1) */
-    clickOpacity?: number;
-    /** Длительность анимации opacity в ms */
-    opacityDuration?: number;
-    style?: React.CSSProperties;
-};
-export declare const Text: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & SystemStyleProps & {
-    className?: string;
-    /** @default "body-1" */
-    variant?: TextVariant;
-    /** @default "medium" */
-    fontWeight?: FontWeight;
-    /** @default "p" */
-    tag?: "p" | "h1" | "h2" | "h3" | "span" | undefined;
-    /** @default "primary" */
-    colorName?: TextColor;
-    /** Opacity при клике (от 0 до 1) */
-    clickOpacity?: number;
-    /** Длительность анимации opacity в ms */
-    opacityDuration?: number;
-    style?: React.CSSProperties;
-} & React.RefAttributes<HTMLParagraphElement>>;
-export declare const AnimatedText: React.ComponentType<Omit<{
-    center?: boolean | undefined;
-    left?: boolean | undefined;
-    right?: boolean | undefined;
-    overflow?: import("csstype").Property.Overflow | undefined;
-    hidden?: boolean | undefined;
-    flex?: string | number | undefined;
-    mt?: string | number | undefined;
-    mr?: string | number | undefined;
-    mb?: string | number | undefined;
-    ml?: string | number | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
-    ref?: React.LegacyRef<HTMLParagraphElement> | undefined;
-    key?: React.Key | null | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: React.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-    onChange?: React.FormEventHandler<HTMLElement> | undefined;
-    onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onInput?: React.FormEventHandler<HTMLElement> | undefined;
-    onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onReset?: React.FormEventHandler<HTMLElement> | undefined;
-    onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
-    onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
-    onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onError?: React.ReactEventHandler<HTMLElement> | undefined;
-    onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
-    onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPause?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
-    onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
-    onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
-    onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDrop?: React.DragEventHandler<HTMLElement> | undefined;
-    onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onScroll?: React.UIEventHandler<HTMLElement> | undefined;
-    onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
-    onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
-    onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    cursor?: import("csstype").Property.Cursor | undefined;
-    fontWeight?: FontWeight | undefined;
-    textOverflow?: import("csstype").Property.TextOverflow | undefined;
-    whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
-    wordBreak?: import("csstype").Property.WordBreak | undefined;
-    disabled?: boolean | undefined;
-    capitalize?: boolean | undefined;
-    lowercase?: boolean | undefined;
-    uppercase?: boolean | undefined;
-    decoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
-    variant?: TextVariant | undefined;
-    tag?: "p" | "h1" | "h2" | "h3" | "span" | undefined;
-    colorName?: TextColor | undefined;
-    clickOpacity?: number | undefined;
-    opacityDuration?: number | undefined;
-} & import('framer-motion').MotionProps, "children"> & {
-    children?: React.ReactNode | import('motion-dom').MotionValue<number> | import('motion-dom').MotionValue<string>;
-}>;
-export {};
-//# sourceMappingURL=Text.d.ts.map
+export type TextProps<T extends TextTag = "span" | "p" | "h1" | "h2" | "h3"> =
+  Omit<React.HTMLAttributes<HTMLElement>, "className"> &
+    SystemStyleProps & {
+      className?: string;
+      /** @default "body-1" */
+      variant?: TextVariant;
+      /** @default "medium" */
+      fontWeight?: FontWeight;
+      /** @default "p" */
+      tag?: T;
+      /** @default "primary" */
+      colorName?: TextColor;
+      /** Opacity при клике (от 0 до 1) */
+      clickOpacity?: number;
+      /** Длительность анимации opacity в ms */
+      opacityDuration?: number;
+      style?: React.CSSProperties;
+    };
+export declare const Text: React.ForwardRefExoticComponent<
+  Omit<React.HTMLAttributes<HTMLElement>, "className"> &
+    SystemStyleProps & {
+      className?: string;
+      /** @default "body-1" */
+      variant?: TextVariant;
+      /** @default "medium" */
+      fontWeight?: FontWeight;
+      /** @default "p" */
+      tag?: "p" | "h1" | "h2" | "h3" | "span" | undefined;
+      /** @default "primary" */
+      colorName?: TextColor;
+      /** Opacity при клике (от 0 до 1) */
+      clickOpacity?: number;
+      /** Длительность анимации opacity в ms */
+      opacityDuration?: number;
+      style?: React.CSSProperties;
+    } & React.RefAttributes<HTMLParagraphElement>
+>;
+export declare const AnimatedText: React.ComponentType<
+  Omit<
+    {
+      center?: boolean | undefined;
+      left?: boolean | undefined;
+      right?: boolean | undefined;
+      overflow?: import("csstype").Property.Overflow | undefined;
+      hidden?: boolean | undefined;
+      flex?: string | number | undefined;
+      mt?: string | number | undefined;
+      mr?: string | number | undefined;
+      mb?: string | number | undefined;
+      ml?: string | number | undefined;
+      slot?: string | undefined;
+      title?: string | undefined;
+      ref?: React.LegacyRef<HTMLParagraphElement> | undefined;
+      key?: React.Key | null | undefined;
+      defaultChecked?: boolean | undefined;
+      defaultValue?: string | number | readonly string[] | undefined;
+      suppressContentEditableWarning?: boolean | undefined;
+      suppressHydrationWarning?: boolean | undefined;
+      accessKey?: string | undefined;
+      autoCapitalize?:
+        | (string & {})
+        | "none"
+        | "off"
+        | "on"
+        | "sentences"
+        | "words"
+        | "characters"
+        | undefined;
+      autoFocus?: boolean | undefined;
+      className?: string | undefined;
+      contentEditable?:
+        | "inherit"
+        | (boolean | "true" | "false")
+        | "plaintext-only"
+        | undefined;
+      contextMenu?: string | undefined;
+      dir?: string | undefined;
+      draggable?: (boolean | "true" | "false") | undefined;
+      enterKeyHint?:
+        | "search"
+        | "enter"
+        | "done"
+        | "go"
+        | "next"
+        | "previous"
+        | "send"
+        | undefined;
+      id?: string | undefined;
+      lang?: string | undefined;
+      nonce?: string | undefined;
+      spellCheck?: (boolean | "true" | "false") | undefined;
+      tabIndex?: number | undefined;
+      translate?: "yes" | "no" | undefined;
+      radioGroup?: string | undefined;
+      role?: React.AriaRole | undefined;
+      about?: string | undefined;
+      content?: string | undefined;
+      datatype?: string | undefined;
+      inlist?: any;
+      prefix?: string | undefined;
+      property?: string | undefined;
+      rel?: string | undefined;
+      resource?: string | undefined;
+      rev?: string | undefined;
+      typeof?: string | undefined;
+      vocab?: string | undefined;
+      autoCorrect?: string | undefined;
+      autoSave?: string | undefined;
+      color?: string | undefined;
+      itemProp?: string | undefined;
+      itemScope?: boolean | undefined;
+      itemType?: string | undefined;
+      itemID?: string | undefined;
+      itemRef?: string | undefined;
+      results?: number | undefined;
+      security?: string | undefined;
+      unselectable?: "off" | "on" | undefined;
+      inputMode?:
+        | "none"
+        | "search"
+        | "text"
+        | "tel"
+        | "url"
+        | "email"
+        | "numeric"
+        | "decimal"
+        | undefined;
+      is?: string | undefined;
+      exportparts?: string | undefined;
+      part?: string | undefined;
+      "aria-activedescendant"?: string | undefined;
+      "aria-atomic"?: (boolean | "true" | "false") | undefined;
+      "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+      "aria-braillelabel"?: string | undefined;
+      "aria-brailleroledescription"?: string | undefined;
+      "aria-busy"?: (boolean | "true" | "false") | undefined;
+      "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+      "aria-colcount"?: number | undefined;
+      "aria-colindex"?: number | undefined;
+      "aria-colindextext"?: string | undefined;
+      "aria-colspan"?: number | undefined;
+      "aria-controls"?: string | undefined;
+      "aria-current"?:
+        | boolean
+        | "time"
+        | "page"
+        | "true"
+        | "false"
+        | "step"
+        | "location"
+        | "date"
+        | undefined;
+      "aria-describedby"?: string | undefined;
+      "aria-description"?: string | undefined;
+      "aria-details"?: string | undefined;
+      "aria-disabled"?: (boolean | "true" | "false") | undefined;
+      "aria-dropeffect"?:
+        | "none"
+        | "link"
+        | "copy"
+        | "execute"
+        | "move"
+        | "popup"
+        | undefined;
+      "aria-errormessage"?: string | undefined;
+      "aria-expanded"?: (boolean | "true" | "false") | undefined;
+      "aria-flowto"?: string | undefined;
+      "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+      "aria-haspopup"?:
+        | boolean
+        | "grid"
+        | "dialog"
+        | "menu"
+        | "true"
+        | "false"
+        | "listbox"
+        | "tree"
+        | undefined;
+      "aria-hidden"?: (boolean | "true" | "false") | undefined;
+      "aria-invalid"?:
+        | boolean
+        | "true"
+        | "false"
+        | "grammar"
+        | "spelling"
+        | undefined;
+      "aria-keyshortcuts"?: string | undefined;
+      "aria-label"?: string | undefined;
+      "aria-labelledby"?: string | undefined;
+      "aria-level"?: number | undefined;
+      "aria-live"?: "off" | "assertive" | "polite" | undefined;
+      "aria-modal"?: (boolean | "true" | "false") | undefined;
+      "aria-multiline"?: (boolean | "true" | "false") | undefined;
+      "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+      "aria-orientation"?: "horizontal" | "vertical" | undefined;
+      "aria-owns"?: string | undefined;
+      "aria-placeholder"?: string | undefined;
+      "aria-posinset"?: number | undefined;
+      "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+      "aria-readonly"?: (boolean | "true" | "false") | undefined;
+      "aria-relevant"?:
+        | "text"
+        | "all"
+        | "additions"
+        | "additions removals"
+        | "additions text"
+        | "removals"
+        | "removals additions"
+        | "removals text"
+        | "text additions"
+        | "text removals"
+        | undefined;
+      "aria-required"?: (boolean | "true" | "false") | undefined;
+      "aria-roledescription"?: string | undefined;
+      "aria-rowcount"?: number | undefined;
+      "aria-rowindex"?: number | undefined;
+      "aria-rowindextext"?: string | undefined;
+      "aria-rowspan"?: number | undefined;
+      "aria-selected"?: (boolean | "true" | "false") | undefined;
+      "aria-setsize"?: number | undefined;
+      "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+      "aria-valuemax"?: number | undefined;
+      "aria-valuemin"?: number | undefined;
+      "aria-valuenow"?: number | undefined;
+      "aria-valuetext"?: string | undefined;
+      dangerouslySetInnerHTML?:
+        | {
+            __html: string | TrustedHTML;
+          }
+        | undefined;
+      onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
+      onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+      onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
+      onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+      onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
+      onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+      onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
+      onCompositionEndCapture?:
+        | React.CompositionEventHandler<HTMLElement>
+        | undefined;
+      onCompositionStart?:
+        | React.CompositionEventHandler<HTMLElement>
+        | undefined;
+      onCompositionStartCapture?:
+        | React.CompositionEventHandler<HTMLElement>
+        | undefined;
+      onCompositionUpdate?:
+        | React.CompositionEventHandler<HTMLElement>
+        | undefined;
+      onCompositionUpdateCapture?:
+        | React.CompositionEventHandler<HTMLElement>
+        | undefined;
+      onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+      onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+      onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+      onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+      onChange?: React.FormEventHandler<HTMLElement> | undefined;
+      onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
+      onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
+      onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
+      onInput?: React.FormEventHandler<HTMLElement> | undefined;
+      onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
+      onReset?: React.FormEventHandler<HTMLElement> | undefined;
+      onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
+      onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
+      onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
+      onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
+      onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
+      onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
+      onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onError?: React.ReactEventHandler<HTMLElement> | undefined;
+      onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+      onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+      onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
+      onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+      onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
+      onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+      onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
+      onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+      onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
+      onCanPlayThroughCapture?:
+        | React.ReactEventHandler<HTMLElement>
+        | undefined;
+      onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
+      onDurationChangeCapture?:
+        | React.ReactEventHandler<HTMLElement>
+        | undefined;
+      onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
+      onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
+      onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
+      onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
+      onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
+      onLoadedMetadataCapture?:
+        | React.ReactEventHandler<HTMLElement>
+        | undefined;
+      onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
+      onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onPause?: React.ReactEventHandler<HTMLElement> | undefined;
+      onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+      onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
+      onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
+      onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
+      onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
+      onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
+      onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
+      onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
+      onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
+      onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
+      onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
+      onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
+      onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+      onClick?: React.MouseEventHandler<HTMLElement> | undefined;
+      onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+      onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
+      onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+      onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
+      onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+      onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
+      onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
+      onDrop?: React.DragEventHandler<HTMLElement> | undefined;
+      onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
+      onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
+      onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+      onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
+      onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+      onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
+      onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+      onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
+      onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+      onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
+      onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+      onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
+      onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+      onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerCancelCapture?:
+        | React.PointerEventHandler<HTMLElement>
+        | undefined;
+      onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
+      onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+      onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+      onGotPointerCaptureCapture?:
+        | React.PointerEventHandler<HTMLElement>
+        | undefined;
+      onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+      onLostPointerCaptureCapture?:
+        | React.PointerEventHandler<HTMLElement>
+        | undefined;
+      onScroll?: React.UIEventHandler<HTMLElement> | undefined;
+      onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
+      onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
+      onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
+      onAnimationStartCapture?:
+        | React.AnimationEventHandler<HTMLElement>
+        | undefined;
+      onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
+      onAnimationEndCapture?:
+        | React.AnimationEventHandler<HTMLElement>
+        | undefined;
+      onAnimationIteration?:
+        | React.AnimationEventHandler<HTMLElement>
+        | undefined;
+      onAnimationIterationCapture?:
+        | React.AnimationEventHandler<HTMLElement>
+        | undefined;
+      onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
+      onTransitionEndCapture?:
+        | React.TransitionEventHandler<HTMLElement>
+        | undefined;
+      cursor?: import("csstype").Property.Cursor | undefined;
+      fontWeight?: FontWeight | undefined;
+      textOverflow?: import("csstype").Property.TextOverflow | undefined;
+      whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
+      wordBreak?: import("csstype").Property.WordBreak | undefined;
+      disabled?: boolean | undefined;
+      capitalize?: boolean | undefined;
+      lowercase?: boolean | undefined;
+      uppercase?: boolean | undefined;
+      decoration?:
+        | import("csstype").Property.TextDecoration<string | number>
+        | undefined;
+      variant?: TextVariant | undefined;
+      tag?: "p" | "h1" | "h2" | "h3" | "span" | undefined;
+      colorName?: TextColor | undefined;
+      clickOpacity?: number | undefined;
+      opacityDuration?: number | undefined;
+    } & import("framer-motion").MotionProps,
+    "children"
+  > & {
+    children?:
+      | React.ReactNode
+      | import("motion-dom").MotionValue<number>
+      | import("motion-dom").MotionValue<string>;
+  }
+>;
+//# sourceMappingURL=Text.d.ts.map