@appquality/unguess-design-system 3.1.91-beta-attachments → 3.1.91-highlight

package/build/stories/chat/index.d.ts

@@ -25,7 +25,7 @@ declare const Chat: {
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -33,7 +33,6 @@ declare const Chat: {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -70,14 +69,18 @@ declare const Chat: {
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "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" | "date" | "step" | "true" | "false" | "page" | "location" | undefined;
         "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -107,6 +110,7 @@ declare const Chat: {
         "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;
@@ -258,9 +262,7 @@ declare const Chat: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;

package/build/stories/chat/index.stories.d.ts

@@ -1,7 +1,6 @@
 import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { Editor as TipTapEditor } from "@tiptap/react";
-import { ChatEditorArgs, SuggestedUser } from "./_types";
-import { MediaType } from "./parts/comment";
+import { ChatEditorArgs, CommentMedia, SuggestedUser } from "./_types";
 import { Data } from "./context/chatContext";
 interface EditorStoryArgs extends ChatEditorArgs {
     children?: any;
@@ -13,20 +12,20 @@ interface EditorStoryArgs extends ChatEditorArgs {
         };
         message: string;
         date: string;
-        media?: MediaType[];
+        media?: CommentMedia[];
     }[];
     editorText?: string;
     background?: string;
     onSave: (editor: TipTapEditor, mentions: SuggestedUser[]) => void;
-    onFileUpload?: (files: File[]) => Promise<Data>;
+    onFileUpload?: (files: (File & CommentMedia)[]) => Promise<Data>;
     placeholderOptions?: Partial<PlaceholderOptions>;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-export declare const Placeholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-export declare const Menus: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-export declare const WithInternals: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-export declare const CustomBackground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./_types").ChatArgs & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+export declare const Placeholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+export declare const Menus: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+export declare const WithInternals: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+export declare const CustomBackground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./_types").ChatArgs & {
     children?: import("react").ReactNode;
 }>;
 export default _default;

package/build/stories/chat/parts/MediaLightbox.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { CommentMedia } from "../_types";
+interface MediaLightBoxProps {
+    isOpen: boolean;
+    header: React.ReactNode;
+    onClose: () => void;
+    slideChange: (index: number) => void;
+    selectedImageIndex: number;
+    thumbnails: CommentMedia[];
+    videoRefs: React.MutableRefObject<Array<HTMLVideoElement | null>>;
+    details?: React.ReactNode;
+}
+declare const MediaLightBox: ({ header, onClose, slideChange, selectedImageIndex, thumbnails, videoRefs, isOpen, details }: MediaLightBoxProps) => import("react/jsx-runtime").JSX.Element | null;
+export default MediaLightBox;

package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    src?: string;
+    type: string;
+    clickThumbnail?: () => void;
+    isLoadingMedia?: boolean;
+    removeThumbnail?: () => void;
+    showX?: boolean;
+    error?: string;
+}
+declare const Thumbnail: ({ src, type, removeThumbnail, clickThumbnail, showX, isLoadingMedia, error, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Thumbnail;

package/build/stories/chat/parts/ThumbnailContainer/index.d.ts

@@ -1,12 +1,5 @@
-export interface FileElement {
-    fileName: string;
-    fileType: string;
-    status: "success" | "failed" | "uploading";
-    errorCode?: "FILE_TOO_BIG" | "INVALID_FILE_EXTENSION" | "GENERIC_ERROR";
-    previewUrl: string;
-}
 interface Props {
-    openLightbox: (file: File, index: number) => void;
+    openLightbox: (index: number) => void;
 }
 declare const ThumbnailContainer: ({ openLightbox }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default ThumbnailContainer;

package/build/stories/chat/parts/comment.d.ts

@@ -1,15 +1,10 @@
 import { PropsWithChildren } from "react";
-import { Author } from "../_types";
-export type MediaType = {
-    url: string;
-    id: number;
-    type: "image" | "video";
-};
+import { Author, CommentMedia } from "../_types";
 export declare const Comment: ({ author, message, children, date, media, header, }: PropsWithChildren<{
     author: Author;
     message: string;
     date: string;
-    media?: MediaType[] | undefined;
+    media?: CommentMedia[] | undefined;
     header: {
         title: string;
         message?: string | undefined;

package/build/stories/chat/parts/containers.d.ts

@@ -10,7 +10,7 @@ export declare const ChatContainer: import("styled-components").IStyledComponent
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
@@ -18,7 +18,6 @@ export declare const ChatContainer: import("styled-components").IStyledComponent
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     style?: import("react").CSSProperties | undefined;
@@ -55,14 +54,18 @@ export declare const ChatContainer: import("styled-components").IStyledComponent
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
     "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
     "aria-checked"?: boolean | "mixed" | "false" | "true" | 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" | "false" | "true" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
@@ -92,6 +95,7 @@ export declare const ChatContainer: import("styled-components").IStyledComponent
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
@@ -243,9 +247,7 @@ export declare const ChatContainer: import("styled-components").IStyledComponent
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -268,15 +270,17 @@ export declare const ChatContainer: import("styled-components").IStyledComponent
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }> & ((props: import("../../cards/_types").CardProps) => import("react/jsx-runtime").JSX.Element);
 export declare const MessagesContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChatArgs>>;
-export declare const EditorContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-forms").IFauxInputProps & import("react").RefAttributes<HTMLDivElement>, {
+export declare const EditorContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-forms").IFauxInputProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
     editable: boolean;
 }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IFauxInputProps & import("react").RefAttributes<HTMLDivElement>> & {
     EndIcon: {
-        (props: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): JSX.Element;
+        (props: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
         displayName: string;
     };
     StartIcon: {
-        (props: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): JSX.Element;
+        (props: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
         displayName: string;
     };
 };

package/build/stories/chat/parts/header.d.ts

@@ -8,7 +8,7 @@ export declare const ChatTitle: import("styled-components").IStyledComponent<"we
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -16,7 +16,6 @@ export declare const ChatTitle: import("styled-components").IStyledComponent<"we
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
@@ -53,14 +52,18 @@ export declare const ChatTitle: import("styled-components").IStyledComponent<"we
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "list" | "none" | "inline" | "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" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -90,6 +93,7 @@ export declare const ChatTitle: import("styled-components").IStyledComponent<"we
     "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;
@@ -241,9 +245,7 @@ export declare const ChatTitle: import("styled-components").IStyledComponent<"we
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;

package/build/stories/color-swatch/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { ColorSwatchProps } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorSwatchProps>;
-export declare const WithoutLabels: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorSwatchProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ColorSwatchProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ColorSwatchProps>;
+export declare const WithoutLabels: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ColorSwatchProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ColorSwatchProps>;
 export default _default;

package/build/stories/drawers/index.stories.d.ts

@@ -1,4 +1,4 @@
 import { DrawerArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, DrawerArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, DrawerArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, DrawerArgs>;
 export default _default;

package/build/stories/dropdowns/autocomplete/index.stories.d.ts

@@ -2,7 +2,7 @@ import { AutocompleteArgs } from "./_types";
 interface AutocompleteStoryArgs extends AutocompleteArgs {
     allowNew?: boolean;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AutocompleteStoryArgs>;
-export declare const WithMedia: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AutocompleteStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AutocompleteArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, AutocompleteStoryArgs>;
+export declare const WithMedia: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, AutocompleteStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, AutocompleteArgs>;
 export default _default;

package/build/stories/dropdowns/countermultiselect/index.stories.d.ts

@@ -1,4 +1,4 @@
 import { CounterMultiselectArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CounterMultiselectArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, CounterMultiselectArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CounterMultiselectArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, CounterMultiselectArgs>;
 export default _default;

package/build/stories/dropdowns/field/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 declare const Field: import("styled-components").IStyledComponent<"web", {
+    style?: import("react").CSSProperties | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -7,7 +8,7 @@ declare const Field: import("styled-components").IStyledComponent<"web", {
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -15,10 +16,8 @@ declare const Field: import("styled-components").IStyledComponent<"web", {
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
@@ -52,14 +51,18 @@ declare const Field: import("styled-components").IStyledComponent<"web", {
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "list" | "none" | "inline" | "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" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -89,6 +92,7 @@ declare const Field: import("styled-components").IStyledComponent<"web", {
     "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;
@@ -240,9 +244,7 @@ declare const Field: import("styled-components").IStyledComponent<"web", {
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -263,7 +265,7 @@ declare const Field: import("styled-components").IStyledComponent<"web", {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }> & import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export { Field };

package/build/stories/dropdowns/menu/index.stories.d.ts

@@ -1,4 +1,4 @@
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
-export declare const Nested: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./_types").MenuArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, any>;
+export declare const Nested: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, any>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./_types").MenuArgs>;
 export default _default;

package/build/stories/dropdowns/select/index.d.ts

@@ -23,7 +23,7 @@ declare const Dropdown: {
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -31,7 +31,6 @@ declare const Dropdown: {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -68,14 +67,18 @@ declare const Dropdown: {
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "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" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -105,6 +108,7 @@ declare const Dropdown: {
         "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;
@@ -256,9 +260,7 @@ declare const Dropdown: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLLIElement> | undefined;

package/build/stories/dropdowns/select/index.stories.d.ts

@@ -12,9 +12,9 @@ interface MenuStoryArgs {
     validation?: "success" | "warning" | "error";
     hasHelpText?: boolean;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MenuStoryArgs>;
-export declare const Validation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MenuStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, DropdownArgs & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, MenuStoryArgs>;
+export declare const Validation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, MenuStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, DropdownArgs & {
     children?: import("react").ReactNode;
 }>;
 export default _default;

package/build/stories/editor/index.stories.d.ts

@@ -2,12 +2,12 @@ import { EditorArgs } from "./_types";
 interface EditorStoryArgs extends EditorArgs {
     children?: any;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-export declare const Placeholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-export declare const BubbleMenu: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-export declare const ReadOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-export declare const Validation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, EditorArgs & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+export declare const Placeholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+export declare const BubbleMenu: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+export declare const ReadOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+export declare const Validation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, EditorStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, EditorArgs & {
     children?: import("react").ReactNode;
 }>;
 export default _default;

package/build/stories/editorWithHighlight/_data.d.ts

@@ -0,0 +1,17 @@
+export declare const paragraphs: {
+    end: number;
+    text: string;
+    start: number;
+    words: {
+        end: number;
+        word: string;
+        start: number;
+        speaker: number;
+    }[];
+    speaker: number;
+    sentences: {
+        end: number;
+        text: string;
+        start: number;
+    }[];
+}[];

package/build/stories/editorWithHighlight/floatingMenu.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "@tiptap/react";
+export declare const FloatingMenu: (props: {
+    editor: Editor;
+    onClick: (editor: Editor) => void;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/build/stories/editorWithHighlight/index.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { Editor } from "@tiptap/react";
+declare const EditorWithHighlight: {
+    ({ editor }: {
+        editor: Editor;
+    }): import("react/jsx-runtime").JSX.Element | null;
+    useEditor: ({ content, currentTime, onSetCurrentTime, }: {
+        content?: {
+            start: number;
+            end: number;
+            speaker: number;
+            words: {
+                start: number;
+                end: number;
+                word: string;
+            }[];
+        }[] | undefined;
+        currentTime?: number | undefined;
+        onSetCurrentTime?: ((time: number) => void) | undefined;
+    }, deps?: import("react").DependencyList | undefined) => Editor | null;
+    Search: {
+        ({ editor }: {
+            editor: Editor;
+        }): import("react/jsx-runtime").JSX.Element;
+        Style: import("styled-components").RuleSet<object>;
+    };
+    FloatingMenu: (props: {
+        editor: Editor;
+        onClick: (editor: Editor) => void;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+};
+export { EditorWithHighlight };

package/build/stories/editorWithHighlight/index.stories.d.ts

@@ -0,0 +1,7 @@
+type StoryArgs = {};
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const Running: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const FakeRunning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const WithSearch: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;

package/build/stories/editorWithHighlight/nodes/active.d.ts

@@ -0,0 +1,4 @@
+import { Node } from "@tiptap/core";
+export declare const Active: ({ onSetCurrentTime, }: {
+    onSetCurrentTime?: ((time: number) => void) | undefined;
+}) => Node<any, any>;

package/build/stories/editorWithHighlight/nodes/observation/Component.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from "@tiptap/react";
+import { Node as PMNode } from "prosemirror-model";
+export declare const Component: ({ node, editor, }: {
+    node: PMNode;
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/editorWithHighlight/nodes/observation/index.d.ts

@@ -0,0 +1,2 @@
+import { Node } from "@tiptap/core";
+export declare const Observation: Node<any, any>;

package/build/stories/editorWithHighlight/nodes/paragraph/Component.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from "@tiptap/react";
+import { Node as PMNode } from "prosemirror-model";
+export declare const Component: ({ node, editor, }: {
+    node: PMNode;
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/editorWithHighlight/nodes/paragraph/index.d.ts

@@ -0,0 +1,2 @@
+import { Node } from "@tiptap/core";
+export declare const Paragraph: Node<any, any>;

package/build/stories/editorWithHighlight/nodes/word.d.ts

@@ -0,0 +1,2 @@
+import { Node } from "@tiptap/core";
+export declare const Word: Node<any, any>;

package/build/stories/editorWithHighlight/search.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from "@tiptap/react";
+declare const Search: {
+    ({ editor }: {
+        editor: Editor;
+    }): import("react/jsx-runtime").JSX.Element;
+    Style: import("styled-components").RuleSet<object>;
+};
+export { Search };