@wistia/ui 0.18.14-beta.e9acbfe3.e18434d → 0.18.15

package/dist/index.d.mts

@@ -99,7 +99,7 @@ type Rect = {
     x: number;
     y: number;
 };
-declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
+declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
 
 /**
  * Hook that wraps `useFilePicker` from the use-file-picker library
@@ -116,7 +116,7 @@ declare const useImperativeFilePicker: <T extends useImperativeFilePickerConfig
 
 type UseFocusTrapOptions = {
     disableAriaHider?: boolean;
-    focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
+    focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
 };
 declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
 
@@ -365,9 +365,7 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
  * action, or performing a delete operation. It replaces the HTML `<button>` element,
  * unless an `href` attribute is passed, in which it will render an `<a>` element.
  */
-declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
-} & {
+declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     beforeAction?: (() => Promise<void>) | (() => void);
     children: ReactNode;
     colorScheme?: ColorSchemeTypes;
@@ -398,9 +396,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
      * @ignore
      */
     type?: LinkTypes;
-}, "ref"> | Omit<BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
-} & {
+}, "ref"> | Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     beforeAction?: (() => Promise<void>) | (() => void);
     children: ReactNode;
     colorScheme?: ColorSchemeTypes;
@@ -409,9 +405,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
     rightIcon?: ReactNode | undefined;
     type?: LinkTypes | undefined;
     underline?: "always" | "hover" | "none";
-} & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
-} & {
+} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
     type?: "button" | "reset" | "submit";
 } & {
@@ -1144,7 +1138,7 @@ type ClickRegionProps = {
     /**
      * The ref to the button or link that should be clicked when the ClickRegion is clicked.
      */
-    targetRef: MutableRefObject<HTMLAnchorElement | HTMLButtonElement | null>;
+    targetRef: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
 };
 /**
  * This allows larger elements to be interactive links or buttons while maintaining acessibility.
@@ -1674,7 +1668,7 @@ type ContextMenuProps = {
 } | {
     position?: never;
     side?: never;
-    triggerRef: RefObject<HTMLElement>;
+    triggerRef: RefObject<HTMLElement | null>;
 });
 /**
  * The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
@@ -1723,7 +1717,7 @@ declare const DataCard: {
     displayName: string;
 };
 
-type DataCardsProps = ComponentPropsWithoutRef<'dl'> & {
+type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Should be at least one `DataCard` component
      */
@@ -2865,9 +2859,7 @@ type MenuItemButtonProps = ButtonProps & {
     unstyled?: never;
 };
 
-declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
-} & {
+declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     beforeAction?: (() => Promise<void>) | (() => void);
     children: react.ReactNode;
     colorScheme?: ColorSchemeTypes;
@@ -2908,9 +2900,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
      * Treats the menu item as a link when provided
      */
     href?: MenuItemButtonProps["href"];
-}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
-} & {
+}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     beforeAction?: (() => Promise<void>) | (() => void);
     children: react.ReactNode;
     colorScheme?: ColorSchemeTypes;
@@ -2919,9 +2909,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
     rightIcon?: react.ReactNode | undefined;
     type?: LinkTypes | undefined;
     underline?: "always" | "hover" | "none";
-} & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
-} & {
+} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
     type?: "button" | "reset" | "submit";
 } & {
@@ -2947,9 +2935,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
      * Treats the menu item as a link when provided
      */
     href?: MenuItemButtonProps["href"];
-}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
-} & {
+}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
     type?: "button" | "reset" | "submit";
     children: react.ReactNode;
@@ -3106,7 +3092,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Ref to the element that should receive focus when the modal opens
      */
-    initialFocusRef?: RefObject<HTMLElement>;
+    initialFocusRef?: RefObject<HTMLElement | null>;
     /**
      * Determines if the modal is currently open
      */
@@ -3154,7 +3140,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
     /**
      * Ref to the element that should receive focus when the modal opens
      */
-    initialFocusRef?: RefObject<HTMLElement>;
+    initialFocusRef?: RefObject<HTMLElement | null>;
     /**
      * Determines if the modal is currently open
      */
@@ -4373,7 +4359,8 @@ type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
     overrides: Partial<Record<CustomizableTokens, number | string>>;
 };
 /**
- * Component description goes here
+ * Used for overriding the default theme tokens with custom values.
+ * This should only be used when the ui systems team has been consulted first.
  */
 declare const CustomizableThemeWrapper: {
     ({ children, overrides, ...props }: CustomizableThemeWrapperProps): JSX.Element;

package/dist/index.d.ts

@@ -99,7 +99,7 @@ type Rect = {
     x: number;
     y: number;
 };
-declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
+declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
 
 /**
  * Hook that wraps `useFilePicker` from the use-file-picker library
@@ -116,7 +116,7 @@ declare const useImperativeFilePicker: <T extends useImperativeFilePickerConfig
 
 type UseFocusTrapOptions = {
     disableAriaHider?: boolean;
-    focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
+    focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
 };
 declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
 
@@ -365,9 +365,7 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
  * action, or performing a delete operation. It replaces the HTML `<button>` element,
  * unless an `href` attribute is passed, in which it will render an `<a>` element.
  */
-declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
-} & {
+declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     beforeAction?: (() => Promise<void>) | (() => void);
     children: ReactNode;
     colorScheme?: ColorSchemeTypes;
@@ -398,9 +396,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
      * @ignore
      */
     type?: LinkTypes;
-}, "ref"> | Omit<BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
-} & {
+}, "ref"> | Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     beforeAction?: (() => Promise<void>) | (() => void);
     children: ReactNode;
     colorScheme?: ColorSchemeTypes;
@@ -409,9 +405,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
     rightIcon?: ReactNode | undefined;
     type?: LinkTypes | undefined;
     underline?: "always" | "hover" | "none";
-} & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
-} & {
+} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
     type?: "button" | "reset" | "submit";
 } & {
@@ -1144,7 +1138,7 @@ type ClickRegionProps = {
     /**
      * The ref to the button or link that should be clicked when the ClickRegion is clicked.
      */
-    targetRef: MutableRefObject<HTMLAnchorElement | HTMLButtonElement | null>;
+    targetRef: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
 };
 /**
  * This allows larger elements to be interactive links or buttons while maintaining acessibility.
@@ -1674,7 +1668,7 @@ type ContextMenuProps = {
 } | {
     position?: never;
     side?: never;
-    triggerRef: RefObject<HTMLElement>;
+    triggerRef: RefObject<HTMLElement | null>;
 });
 /**
  * The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
@@ -1723,7 +1717,7 @@ declare const DataCard: {
     displayName: string;
 };
 
-type DataCardsProps = ComponentPropsWithoutRef<'dl'> & {
+type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Should be at least one `DataCard` component
      */
@@ -2865,9 +2859,7 @@ type MenuItemButtonProps = ButtonProps & {
     unstyled?: never;
 };
 
-declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
-} & {
+declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     beforeAction?: (() => Promise<void>) | (() => void);
     children: react.ReactNode;
     colorScheme?: ColorSchemeTypes;
@@ -2908,9 +2900,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
      * Treats the menu item as a link when provided
      */
     href?: MenuItemButtonProps["href"];
-}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
-} & {
+}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     beforeAction?: (() => Promise<void>) | (() => void);
     children: react.ReactNode;
     colorScheme?: ColorSchemeTypes;
@@ -2919,9 +2909,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
     rightIcon?: react.ReactNode | undefined;
     type?: LinkTypes | undefined;
     underline?: "always" | "hover" | "none";
-} & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
-} & {
+} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
     type?: "button" | "reset" | "submit";
 } & {
@@ -2947,9 +2935,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
      * Treats the menu item as a link when provided
      */
     href?: MenuItemButtonProps["href"];
-}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
-} & {
+}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
     type?: "button" | "reset" | "submit";
     children: react.ReactNode;
@@ -3106,7 +3092,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Ref to the element that should receive focus when the modal opens
      */
-    initialFocusRef?: RefObject<HTMLElement>;
+    initialFocusRef?: RefObject<HTMLElement | null>;
     /**
      * Determines if the modal is currently open
      */
@@ -3154,7 +3140,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
     /**
      * Ref to the element that should receive focus when the modal opens
      */
-    initialFocusRef?: RefObject<HTMLElement>;
+    initialFocusRef?: RefObject<HTMLElement | null>;
     /**
      * Determines if the modal is currently open
      */
@@ -4373,7 +4359,8 @@ type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
     overrides: Partial<Record<CustomizableTokens, number | string>>;
 };
 /**
- * Component description goes here
+ * Used for overriding the default theme tokens with custom values.
+ * This should only be used when the ui systems team has been consulted first.
  */
 declare const CustomizableThemeWrapper: {
     ({ children, overrides, ...props }: CustomizableThemeWrapperProps): JSX.Element;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.14-beta.e9acbfe3.e18434d
+ * @license @wistia/ui v0.18.15
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -2383,17 +2383,20 @@ var dateTime = {
 
 // src/helpers/mergeRefs/mergeRefs.ts
 import { isNotNil, isFunction } from "@wistia/type-guards";
-var mergeRefs = (refs) => (value) => {
-  refs.forEach((ref) => {
-    if (isFunction(ref)) {
-      ref(value);
-      return;
-    }
-    if (isNotNil(ref)) {
-      ref.current = value;
-    }
-  });
-};
+var mergeRefs = (
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  (refs) => (value) => {
+    refs.forEach((ref) => {
+      if (isFunction(ref)) {
+        ref(value);
+        return;
+      }
+      if (isNotNil(ref)) {
+        ref.current = value;
+      }
+    });
+  }
+);
 
 // src/helpers/mq/mq.ts
 import { getValueAndUnit } from "polished";
@@ -2469,7 +2472,7 @@ import { useCallback as useCallback3 } from "react";
 import { useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
 var useTimedToggle = (initialValue) => {
   const [value, setValue] = useState3(false);
-  const timeoutRef = useRef2();
+  const timeoutRef = useRef2(void 0);
   const initialValueRef = useRef2(initialValue);
   const toggleValue = (timeout) => {
     clearTimeout(timeoutRef.current);
@@ -2844,8 +2847,8 @@ var isEventTargetSupported = (eventTarget) => (
   Boolean(typeof eventTarget === "object" && eventTarget?.addEventListener)
 );
 var useEvent = (eventName, eventHandler, eventTarget = window, eventOptions = {}) => {
-  const savedEventHandler = useRef5();
-  const savedEventOptions = useRef5();
+  const savedEventHandler = useRef5(void 0);
+  const savedEventOptions = useRef5(void 0);
   useEffect4(() => {
     savedEventHandler.current = eventHandler;
   }, [eventHandler]);
@@ -3038,7 +3041,7 @@ var useOnClickOutside = (ref, handler, eventTypes = ["mousedown", "touchend"]) =
 // src/hooks/usePreviousValue/usePreviousValue.ts
 import { useEffect as useEffect6, useRef as useRef6 } from "react";
 var usePreviousValue = (value) => {
-  const ref = useRef6();
+  const ref = useRef6(void 0);
   useEffect6(() => {
     ref.current = value;
   });
@@ -14748,6 +14751,7 @@ var EditableTextDisplayComponent = forwardRef21(
 );
 EditableTextDisplayComponent.displayName = "EditableTextDisplay_UI";
 var EditableTextDisplay = makePolymorphic(
+  // @ts-expect-error makePolymorphic is causing issues with types in R19
   EditableTextDisplayComponent
 );