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

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

@@ -0,0 +1,14 @@
+export declare const 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?: React.DependencyList) => import("@tiptap/react").Editor | null;

package/build/stories/forms/checkbox/cards/index.stories.d.ts

@@ -5,7 +5,7 @@ interface FormProps {
         onSubmit: (e: any) => void;
     };
 }
-export declare const SingleCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxCardArgs>;
-export declare const MultipleCards: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, CheckboxCardArgs>;
+export declare const SingleCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CheckboxCardArgs>;
+export declare const MultipleCards: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, FormProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, CheckboxCardArgs>;
 export default _default;

package/build/stories/forms/checkbox/index.stories.d.ts

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

package/build/stories/forms/input/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { InputArgs } from "./_types";
 declare const Hint: import("styled-components").IStyledComponent<"web", {
+    style?: import("react").CSSProperties | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -8,7 +10,7 @@ declare const Hint: 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;
@@ -16,10 +18,8 @@ declare const Hint: 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;
@@ -47,20 +47,24 @@ declare const Hint: import("styled-components").IStyledComponent<"web", {
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
+    unselectable?: "off" | "on" | undefined;
     inputMode?: "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "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" | "date" | "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;
@@ -90,6 +94,7 @@ declare const Hint: 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;
@@ -118,7 +123,6 @@ declare const Hint: import("styled-components").IStyledComponent<"web", {
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -241,9 +245,7 @@ declare const Hint: 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;
@@ -264,8 +266,8 @@ declare const Hint: 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>>;
 /**
    * An Input lets users enter text into a field.

package/build/stories/forms/input/index.stories.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { InputArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InputArgs & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs>;
+export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs>;
+export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs>;
+export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs & import("react").RefAttributes<HTMLInputElement>>;
 export default _default;

package/build/stories/forms/input-toggle/index.d.ts

@@ -15,14 +15,13 @@ declare const InputToggle: {
         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;
         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;
@@ -59,14 +58,18 @@ declare const InputToggle: {
         "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 | "step" | "time" | "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;
@@ -96,6 +99,7 @@ declare const InputToggle: {
         "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;
@@ -247,9 +251,7 @@ declare const InputToggle: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;

package/build/stories/forms/input-toggle/index.stories.d.ts

@@ -3,10 +3,10 @@ interface InputStoryArgs extends InputToggleArgs {
     label: string;
     message: string;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const WithLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InputToggleArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+export declare const WithLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, InputToggleArgs>;
 export default _default;

package/build/stories/forms/mediaInput/index.stories.d.ts

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

package/build/stories/forms/radio/cards/index.stories.d.ts

@@ -5,7 +5,7 @@ interface FormProps {
         onSubmit: (e: any) => void;
     };
 }
-export declare const SingleCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RadioCardArgs>;
-export declare const MultipleCards: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RadioCardArgs>;
+export declare const SingleCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, RadioCardArgs>;
+export declare const MultipleCards: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, FormProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, RadioCardArgs>;
 export default _default;

package/build/stories/forms/radio/index.stories.d.ts

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

package/build/stories/forms/textarea/index.stories.d.ts

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

package/build/stories/forms/toggle/index.stories.d.ts

@@ -3,6 +3,6 @@ import { ToggleArgs } from "./_types";
 interface ToggleStoryProps extends ToggleArgs {
     label: LabelArgs;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ToggleStoryProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ToggleArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ToggleStoryProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ToggleArgs>;
 export default _default;

package/build/stories/grid/col/index.stories.d.ts

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

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

@@ -3,8 +3,8 @@ import { GridArgs } from "./_types";
 interface GridProps extends GridArgs {
     rows: Array<RowStoryArg>;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, GridProps>;
-export declare const EqualColumns: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, GridProps>;
-export declare const OneWiderColumn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, GridProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, GridArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, GridProps>;
+export declare const EqualColumns: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, GridProps>;
+export declare const OneWiderColumn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, GridProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, GridArgs>;
 export default _default;

package/build/stories/grid/row/index.stories.d.ts

@@ -3,6 +3,6 @@ import { ColArgs } from "../col/_types";
 export interface RowStoryArg extends RowArgs {
     cols: Array<ColArgs>;
 }
-export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RowStoryArg>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RowArgs>;
+export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, RowStoryArg>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, RowArgs>;
 export default _default;

package/build/stories/highlight/CreateObservationButton.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+declare const CreateObservationButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("../buttons/button/_types").ButtonArgs & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, {
+    position: {
+        x: number;
+        y: number;
+    };
+}>> & import("react").ForwardRefExoticComponent<import("../buttons/button/_types").ButtonArgs & import("react").RefAttributes<HTMLButtonElement>> & {
+    EndIcon: {
+        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    StartIcon: {
+        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export { CreateObservationButton };

package/build/stories/highlight/_types.d.ts

@@ -0,0 +1,39 @@
+import { ISpanProps } from "@zendeskgarden/react-typography";
+import { ReactNode } from "react";
+import { IBookmark } from "../player/_types";
+export interface HighlightArgs {
+    /**
+     * Applies a font color. Use [PALETTE](/components/palette#palette) colors
+     * when possible. Accepts all hex values.
+     */
+    hue?: string;
+    /** Updates the element's HTML tag */
+    tag?: any;
+    /** Applies bold font style. Font weight is inherited by default. */
+    isBold?: boolean;
+    /** Renders with monospace font */
+    isMonospace?: boolean;
+    /** Adjusts the font size. By default font size is medium */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
+    search?: string;
+    onSelectionButtonClick?: (part: {
+        from: number;
+        to: number;
+        text: string;
+    }) => void;
+    i18n?: {
+        selectionButtonLabel: string;
+    };
+}
+export interface Observation extends Omit<IBookmark, "onClick"> {
+    color?: string;
+}
+export interface WordProps extends ISpanProps {
+    start: number;
+    end: number;
+    currentTime?: number;
+    observations?: Observation[];
+    text: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
+    tooltipContent?: (observations: Observation[]) => ReactNode;
+}

package/build/stories/highlight/demo-parts/data.d.ts

@@ -0,0 +1,55 @@
+export declare const DemoTranscript: {
+    metadata: {
+        transaction_key: string;
+        request_id: string;
+        sha256: string;
+        created: string;
+        duration: number;
+        channels: number;
+        models: string[];
+        model_info: {
+            "4accafca-a091-473d-8241-f5a847cb5766": {
+                name: string;
+                version: string;
+                arch: string;
+            };
+        };
+    };
+    results: {
+        channels: {
+            alternatives: {
+                transcript: string;
+                confidence: number;
+                words: {
+                    word: string;
+                    start: number;
+                    end: number;
+                    confidence: number;
+                    speaker: number;
+                    speaker_confidence: number;
+                    punctuated_word: string;
+                }[];
+                paragraphs: {
+                    transcript: string;
+                    paragraphs: {
+                        sentences: {
+                            text: string;
+                            start: number;
+                            end: number;
+                        }[];
+                        speaker: number;
+                        num_words: number;
+                        start: number;
+                        end: number;
+                        sentiment: number;
+                    }[];
+                };
+            }[];
+        }[];
+    };
+};
+export declare const DemoSentiment: {
+    role: string;
+    rate: number;
+    content: string;
+};

package/build/stories/highlight/demo-parts/sentiment-tag.d.ts

@@ -0,0 +1,7 @@
+export declare const getSentiment: (value: number) => {
+    color: string;
+    text: import("react/jsx-runtime").JSX.Element;
+} | {
+    color: string;
+    text: string;
+};

package/build/stories/highlight/demo-parts/transcript-base.d.ts

@@ -0,0 +1,5 @@
+import { StoryArgs } from "../index.stories";
+export declare const Transcript: (args: StoryArgs & {
+    currentTime: number;
+    offset: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/highlight/demo-parts/transcript-diarization.d.ts

@@ -0,0 +1,5 @@
+import { StoryArgs } from "../index.stories";
+export declare const TDiarization: (args: StoryArgs & {
+    currentTime: number;
+    offset: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/highlight/demo-parts/transcript-paragraph.d.ts

@@ -0,0 +1,5 @@
+import { StoryArgs } from "../index.stories";
+export declare const TParagraph: (args: StoryArgs & {
+    currentTime: number;
+    offset: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/highlight/demo-parts/transcript-sentiment.d.ts

@@ -0,0 +1,5 @@
+import { StoryArgs } from "../index.stories";
+export declare const TSentiment: (args: StoryArgs & {
+    currentTime: number;
+    offset: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/highlight/highlightContext.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type HighlightContextType = {
+    searchTerm: string;
+};
+export declare const HighlightContext: React.Context<HighlightContextType | null>;
+export declare const HighlightContextProvider: ({ term, children, }: {
+    term?: string | undefined;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useHighlightContext: () => HighlightContextType;

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

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+import { HighlightArgs, WordProps } from "./_types";
+/**
+ *  Use Highlight to use highlight interation on any text element
+ */
+declare const Highlight: {
+    (props: PropsWithChildren<HighlightArgs>): import("react/jsx-runtime").JSX.Element;
+    Word: (props: WordProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Highlight };

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

@@ -0,0 +1,18 @@
+import { HighlightArgs, WordProps } from "./_types";
+export interface StoryArgs extends HighlightArgs {
+    words: Array<WordProps & {
+        speaker: number;
+    }>;
+    currentTime: number;
+    includeSearch?: boolean;
+}
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const WithSelectionButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const WithTooltip: 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>;
+export declare const VideoSync: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const Demo: 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, HighlightArgs & {
+    children?: import("react").ReactNode;
+}>;
+export default _default;

package/build/stories/highlight/searchable.d.ts

@@ -0,0 +1,3 @@
+export declare const Searchable: ({ text, }: {
+    text: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

package/build/stories/info-cards/index.stories.d.ts

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

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { LabelArgs } from "./_types";
 export declare const StyledLabel: import("styled-components").IStyledComponent<"web", {
+    form?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
     isRegular?: boolean | undefined;
     hidden?: boolean | undefined;
-    form?: string | undefined;
     htmlFor?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -12,17 +13,15 @@ export declare const StyledLabel: import("styled-components").IStyledComponent<"
     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;
     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;
@@ -56,14 +55,18 @@ export declare const StyledLabel: import("styled-components").IStyledComponent<"
     "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;
@@ -93,6 +96,7 @@ export declare const StyledLabel: 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 | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
@@ -244,9 +248,7 @@ export declare const StyledLabel: import("styled-components").IStyledComponent<"
     onPointerCancel?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
@@ -267,8 +269,8 @@ export declare const StyledLabel: import("styled-components").IStyledComponent<"
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
-    ref?: import("react").Ref<HTMLLabelElement> | undefined;
     key?: import("react").Key | null | undefined;
+    ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
 }> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").ILabelProps & import("react").RefAttributes<HTMLLabelElement>>;
 /**
  * A Label is used to specify a title for an input.