@wistia/ui 0.8.17 → 0.8.18

package/dist/index.d.mts

@@ -141,6 +141,8 @@ declare const useActiveMq: () => MediaQueryLabels[];
 type EventType = 'focusin' | 'focusout' | 'mousedown' | 'mouseup' | 'touchend' | 'touchstart';
 declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
 
+declare const usePreviousValue: <T>(value: T) => T | undefined;
+
 declare const colorSchemeOptions: readonly ["default", "inherit", "error", "info", "success", "warning", "blue", "green", "orange", "pink", "purple", "yellow", "vendor-hubspot", "vendor-marketo", "vendor-pardot"];
 type ColorSchemeTypes = (typeof colorSchemeOptions)[number];
 type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
@@ -1776,7 +1778,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
     type?: 'email' | 'multiline' | 'number' | 'phone' | 'search' | 'text' | 'url';
 };
 /**
- * For displaying photos and graphics
+ * Capture user input with a text field. Should be used within a [Form]() and [FormField]().
  */
 declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "type"> & {
     /**
@@ -3219,4 +3221,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useFocusTrap, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useFocusTrap, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };

package/dist/index.d.ts

@@ -141,6 +141,8 @@ declare const useActiveMq: () => MediaQueryLabels[];
 type EventType = 'focusin' | 'focusout' | 'mousedown' | 'mouseup' | 'touchend' | 'touchstart';
 declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
 
+declare const usePreviousValue: <T>(value: T) => T | undefined;
+
 declare const colorSchemeOptions: readonly ["default", "inherit", "error", "info", "success", "warning", "blue", "green", "orange", "pink", "purple", "yellow", "vendor-hubspot", "vendor-marketo", "vendor-pardot"];
 type ColorSchemeTypes = (typeof colorSchemeOptions)[number];
 type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
@@ -1776,7 +1778,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
     type?: 'email' | 'multiline' | 'number' | 'phone' | 'search' | 'text' | 'url';
 };
 /**
- * For displaying photos and graphics
+ * Capture user input with a text field. Should be used within a [Form]() and [FormField]().
  */
 declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "type"> & {
     /**
@@ -3219,4 +3221,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useFocusTrap, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useFocusTrap, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.8.17
+ * @license @wistia/ui v0.8.18
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -2480,6 +2480,16 @@ var useOnClickOutside = (ref, handler, eventTypes = ["mousedown", "touchend"]) =
   }, [ref, handler, eventTypes]);
 };
 
+// src/hooks/usePreviousValue/usePreviousValue.ts
+import { useEffect as useEffect6, useRef as useRef5 } from "react";
+var usePreviousValue = (value) => {
+  const ref = useRef5();
+  useEffect6(() => {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
 // src/hooks/useToast/useToast.tsx
 import { useCallback as useCallback6 } from "react";
 import { toast as sonnerToast } from "sonner";
@@ -7323,7 +7333,7 @@ var ActionButton = forwardRef3(
 ActionButton.displayName = "ActionButton";
 
 // src/components/Avatar/Avatar.tsx
-import { useState as useState7, useMemo as useMemo3, useEffect as useEffect6 } from "react";
+import { useState as useState7, useMemo as useMemo3, useEffect as useEffect7 } from "react";
 import { isNil as isNil8, isNotNil as isNotNil8 } from "@wistia/type-guards";
 import styled9 from "styled-components";
 
@@ -7532,7 +7542,7 @@ var Avatar = ({
   ...props
 }) => {
   const [imageLoadState, setImageLoadState] = useState7("loading");
-  useEffect6(() => {
+  useEffect7(() => {
     setImageLoadState("loading");
   }, [imageUrl]);
   const handleImageLoad = () => {
@@ -8336,9 +8346,9 @@ var Checkbox = forwardRef7(
 Checkbox.displayName = "Checkbox";
 
 // src/components/ClickRegion/ClickRegion.tsx
-import { Children as Children3, cloneElement as cloneElement3, useCallback as useCallback7, useEffect as useEffect7 } from "react";
+import { Children as Children3, cloneElement as cloneElement3, useCallback as useCallback7, useEffect as useEffect8 } from "react";
 var ClickRegion = ({ children, targetRef }) => {
-  useEffect7(() => {
+  useEffect8(() => {
     if (targetRef.current && targetRef.current.tagName === "A") {
       targetRef.current.setAttribute("data-click-region-target-link", "");
     } else if (targetRef.current && targetRef.current.tagName === "BUTTON") {
@@ -8975,7 +8985,7 @@ Divider.displayName = "Divider";
 
 // src/components/EditableHeading/EditableHeading.tsx
 import styled31, { css as css27 } from "styled-components";
-import { useState as useState8, useRef as useRef6 } from "react";
+import { useState as useState8, useRef as useRef7 } from "react";
 
 // src/components/Tooltip/Tooltip.tsx
 import {
@@ -9079,7 +9089,7 @@ var Tooltip = ({
 Tooltip.displayName = "Tooltip";
 
 // src/components/Input/Input.tsx
-import { forwardRef as forwardRef10, cloneElement as cloneElement4, useRef as useRef5 } from "react";
+import { forwardRef as forwardRef10, cloneElement as cloneElement4, useRef as useRef6 } from "react";
 import styled30, { css as css26 } from "styled-components";
 import { isNil as isNil13, isNotNil as isNotNil16, isRecord as isRecord4 } from "@wistia/type-guards";
 
@@ -9224,7 +9234,7 @@ var Input = forwardRef10(
     rightIcon,
     ...props
   }, externalRef) => {
-    const internalRef = useRef5();
+    const internalRef = useRef6();
     const ref = (
       // eslint-disable-next-line react-compiler/react-compiler
       isNotNil16(externalRef) && isRecord4(externalRef) && "current" in externalRef ? externalRef : internalRef
@@ -9337,7 +9347,7 @@ var EditableHeading = ({
   const [value, setValue] = useState8(children);
   const [previousValue, setPreviousValue] = useState8(children);
   const [headingHeight, setHeadingHeight] = useState8("60");
-  const headingRef = useRef6(null);
+  const headingRef = useRef7(null);
   const handleSetEditing = (editing) => {
     if (editingDisabled) return;
     if (editing && headingRef.current) {
@@ -9416,7 +9426,7 @@ var EditableHeading = ({
 };
 
 // src/components/Form/Form.tsx
-import { forwardRef as forwardRef12, useRef as useRef7, useMemo as useMemo4, createContext as createContext3, useState as useState9, useId as useId2 } from "react";
+import { forwardRef as forwardRef12, useRef as useRef8, useMemo as useMemo4, createContext as createContext3, useState as useState9, useId as useId2 } from "react";
 import styled33 from "styled-components";
 import { isNotUndefined as isNotUndefined7, isUndefined as isUndefined3 } from "@wistia/type-guards";
 
@@ -9464,7 +9474,7 @@ var FormContext = createContext3({
   values: {},
   errors: {},
   hasSubmitted: false,
-  formId: "",
+  formId: "NO_FORM",
   labelPosition: "block"
 });
 var FormComponent = ({
@@ -9478,7 +9488,7 @@ var FormComponent = ({
 }, forwardedRef) => {
   const [errors, setErrors] = useState9({});
   const [hasSubmitted, setHasSubmitted] = useState9(false);
-  const innerRef = useRef7();
+  const innerRef = useRef8();
   const ref = forwardedRef ?? innerRef;
   const autoId = useId2();
   const id = props.id ?? autoId;
@@ -9590,14 +9600,14 @@ var useFormState = (action, initialData = {}) => {
 };
 
 // src/components/Form/FormErrorSummary.tsx
-import { useContext as useContext3, useRef as useRef8 } from "react";
+import { useContext as useContext3, useRef as useRef9 } from "react";
 import { isArray, isNotUndefined as isNotUndefined8 } from "@wistia/type-guards";
 import { jsx as jsx223, jsxs as jsxs22 } from "react/jsx-runtime";
 var ErrorItem = ({ name, error, formId }) => {
   return /* @__PURE__ */ jsx223("li", { children: /* @__PURE__ */ jsx223(Link, { href: `#${formId}-${name}`, children: error }) }, name);
 };
 var FormErrorSummary = ({ description }) => {
-  const ref = useRef8(null);
+  const ref = useRef9(null);
   const { formId, errors, hasSubmitted } = useContext3(FormContext);
   const isValid = Object.keys(errors).length === 0;
   if (isValid || !hasSubmitted) {
@@ -9697,7 +9707,7 @@ import { createContext as createContext4, useMemo as useMemo5 } from "react";
 
 // src/components/FormGroup/FormGroup.tsx
 import styled35 from "styled-components";
-import { useRef as useRef9 } from "react";
+import { useRef as useRef10 } from "react";
 import { jsx as jsx225, jsxs as jsxs23 } from "react/jsx-runtime";
 var StyledFieldset = styled35.fieldset`
   border: 0;
@@ -9706,7 +9716,7 @@ var StyledLegend = styled35.legend`
   margin-bottom: var(--space-01);
 `;
 var FormGroup = ({ children, label, ...props }) => {
-  const ref = useRef9();
+  const ref = useRef10();
   return /* @__PURE__ */ jsxs23(
     Stack,
     {
@@ -9950,7 +9960,7 @@ IconButton.displayName = "IconButton";
 
 // src/components/InputClickToCopy/InputClickToCopy.tsx
 import styled38 from "styled-components";
-import { forwardRef as forwardRef14, useEffect as useEffect8, useState as useState11 } from "react";
+import { forwardRef as forwardRef14, useEffect as useEffect9, useState as useState11 } from "react";
 import { isFunction as isFunction3 } from "@wistia/type-guards";
 import { jsx as jsx230 } from "react/jsx-runtime";
 var StyledInput2 = styled38(Input)`
@@ -9966,7 +9976,7 @@ var COPY_SUCCESS_DURATION = 2e3;
 var InputClickToCopy = forwardRef14(
   ({ value, onCopy, ...props }, ref) => {
     const [isCopied, setIsCopied] = useState11(false);
-    useEffect8(() => {
+    useEffect9(() => {
       if (isCopied) {
         const timeout = setTimeout(() => {
           setIsCopied(false);
@@ -10647,14 +10657,14 @@ import styled46 from "styled-components";
 import { Content as DialogContent } from "@radix-ui/react-dialog";
 
 // src/private/hooks/useFocusRestore/useFocusRestore.ts
-import { useRef as useRef10, useEffect as useEffect9 } from "react";
+import { useRef as useRef11, useEffect as useEffect10 } from "react";
 import { isNotNil as isNotNil22 } from "@wistia/type-guards";
 var useFocusRestore = () => {
-  const previouslyFocusedRef = useRef10(null);
-  useEffect9(() => {
+  const previouslyFocusedRef = useRef11(null);
+  useEffect10(() => {
     previouslyFocusedRef.current = document.activeElement;
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     return () => {
       if (isNotNil22(previouslyFocusedRef.current)) {
         setTimeout(() => {
@@ -11302,7 +11312,7 @@ var SegmentedControl = forwardRef21(
 SegmentedControl.displayName = "SegmentedControl";
 
 // src/components/SegmentedControl/SegmentedControlItem.tsx
-import { forwardRef as forwardRef22, useEffect as useEffect10, useRef as useRef11 } from "react";
+import { forwardRef as forwardRef22, useEffect as useEffect11, useRef as useRef12 } from "react";
 import styled54, { css as css33 } from "styled-components";
 import { Item as ToggleGroupItem } from "@radix-ui/react-toggle-group";
 import { isNotNil as isNotNil26 } from "@wistia/type-guards";
@@ -11374,7 +11384,7 @@ var SegmentedControlItem = forwardRef22(
   ({ disabled, icon, label, "aria-label": ariaLabel, value }, forwardedRef) => {
     const selectedValue = useSegmentedControlValue();
     const { setSelectedItemMeasurements } = useSelectedItemStyle();
-    const buttonRef = useRef11(null);
+    const buttonRef = useRef12(null);
     const combinedRef = mergeRefs([buttonRef, forwardedRef]);
     const handleClick = (event) => {
       const target = event.target;
@@ -11383,7 +11393,7 @@ var SegmentedControlItem = forwardRef22(
         event.preventDefault();
       }
     };
-    useEffect10(() => {
+    useEffect11(() => {
       const buttonElem = buttonRef.current;
       if (!buttonElem) {
         return void 0;
@@ -11960,7 +11970,7 @@ var TabList = ({
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabItem.tsx
-import { forwardRef as forwardRef26, useEffect as useEffect11, useRef as useRef12 } from "react";
+import { forwardRef as forwardRef26, useEffect as useEffect12, useRef as useRef13 } from "react";
 import styled67 from "styled-components";
 import { Trigger as RadixTab } from "@radix-ui/react-tabs";
 import { isNotNil as isNotNil28 } from "@wistia/type-guards";
@@ -11990,9 +12000,9 @@ var TabItem = forwardRef26(
   ({ disabled = false, icon, label, "aria-label": ariaLabel, value }, forwardedRef) => {
     const selectedValue = useTabsValue();
     const { setSelectedItemMeasurements } = useSelectedItemStyle();
-    const buttonRef = useRef12(null);
+    const buttonRef = useRef13(null);
     const combinedRef = mergeRefs([buttonRef, forwardedRef]);
-    useEffect11(() => {
+    useEffect12(() => {
       const buttonElem = buttonRef.current;
       if (!buttonElem) {
         return void 0;
@@ -12941,6 +12951,7 @@ export {
   useLockBodyScroll,
   useMq,
   useOnClickOutside,
+  usePreviousValue,
   useToast,
   useWindowSize
 };