@wistia/vhs 4.0.0-beta.d8f9ac3a.4f6efd8 → 4.0.0-beta.f802874f.b96ce51

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v4.0.0-beta.d8f9ac3a.4f6efd8
+ * @license @wistia/vhs v4.0.0-beta.f802874f.b96ce51
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -6622,7 +6622,9 @@ var disabledStyle3 = css13`
 var errorHoverStyle = css13`
   border-color: transparent;
 `;
-var errorFocusedStyle = css13``;
+var errorFocusedStyle = css13`
+  outline: none;
+`;
 var errorStyle = css13`
   background-color: ${({ theme: theme2 }) => theme2.color.error100};
   border: 1px solid ${({ theme: theme2 }) => theme2.color.error500};
@@ -8919,7 +8921,7 @@ import { isNotUndefined as isNotUndefined11 } from "@wistia/type-guards";
 import { useCallback as useCallback12, useMemo as useMemo7, useEffect as useEffect18 } from "react";
 import { styled as styled41 } from "styled-components";
 import { Editable, withReact, Slate, ReactEditor } from "slate-react";
-import { createEditor, Transforms as Transforms5, Element as Element6, Text as Text4 } from "slate";
+import { createEditor, Transforms as Transforms5, Element as Element6, Text as Text4, Editor as Editor4 } from "slate";
 import { withHistory } from "slate-history";
 import isHotkey from "is-hotkey";
 import { isNil as isNil14, isNotNil as isNotNil26, isNonEmptyString as isNonEmptyString11 } from "@wistia/type-guards";
@@ -9231,7 +9233,7 @@ import { useSelected, useFocused } from "slate-react";
 import { styled as styled39, css as css21 } from "styled-components";
 import { jsx as jsx170, jsxs as jsxs28 } from "react/jsx-runtime";
 var Wrapper = styled39.span`
-  display: 'inline-block';
+  display: inline-block;
   user-select: none;
 `;
 var Image = styled39.img`
@@ -10072,6 +10074,13 @@ var RichTextEditor = ({
       }
     }
   }, [editor]);
+  const handleEditorClick = useCallback12(() => {
+    const isEditorFocused = ReactEditor.isFocused(editor);
+    if (!isEditorFocused) {
+      ReactEditor.focus(editor);
+      Transforms5.select(editor, Editor4.end(editor, []));
+    }
+  }, [editor]);
   return (
     // eslint-disable-next-line styled-components-a11y/click-events-have-key-events, styled-components-a11y/no-static-element-interactions
     /* @__PURE__ */ jsx184(
@@ -10080,7 +10089,7 @@ var RichTextEditor = ({
         "data-testid": dataTestId,
         disabled,
         height,
-        onClick: () => ReactEditor.focus(editor),
+        onClick: handleEditorClick,
         children: /* @__PURE__ */ jsxs30(
           Slate,
           {