@wistia/vhs 3.0.0 → 3.0.1-beta.5af3ebb3.c232538

package/dist/index.d.mts

@@ -512,7 +512,7 @@ declare const Link: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps
      * The visual type of Link to display
      */
     variant?: "dangerous" | "primary" | "secondary";
-} & react.RefAttributes<unknown>>;
+} & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type WrapperProviderLinkType = ((props: DefaultLinkWrapperProps) => JSX.Element) | undefined;
 
@@ -1358,7 +1358,7 @@ type ButtonLinkProps = ComponentPropsWithRef<'a'> & {
      * A Promise to invoke before navigating to location.
      * _Caution: if used with `external` type prop a new window will **not** be opened_
      */
-    beforeAction?: () => unknown;
+    beforeAction?: (() => Promise<void>) | (() => void);
     /**
      * The content that will be rendered inside the button
      */
@@ -1444,7 +1444,7 @@ type ButtonLinkProps = ComponentPropsWithRef<'a'> & {
  * **Note:** the props table below is incomplete; please
  * refer to [Link](?path=/docs/link--link-stories) for additional props.
  */
-declare const ButtonLink: react.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & react.RefAttributes<unknown>>;
+declare const ButtonLink: react.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
     /**
@@ -2389,7 +2389,7 @@ type MenuPropsWithLabel = DefaultMenuProps & {
 type MenuPropsWithCustomTrigger = DefaultMenuProps & {
     label?: never;
     /** Replace the default trigger */
-    trigger: ReactNode;
+    trigger: JSX.Element;
 };
 type MenuProps = MenuPropsWithCustomTrigger | MenuPropsWithLabel;
 declare const Menu: {

package/dist/index.d.ts

@@ -512,7 +512,7 @@ declare const Link: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps
      * The visual type of Link to display
      */
     variant?: "dangerous" | "primary" | "secondary";
-} & react.RefAttributes<unknown>>;
+} & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type WrapperProviderLinkType = ((props: DefaultLinkWrapperProps) => JSX.Element) | undefined;
 
@@ -1358,7 +1358,7 @@ type ButtonLinkProps = ComponentPropsWithRef<'a'> & {
      * A Promise to invoke before navigating to location.
      * _Caution: if used with `external` type prop a new window will **not** be opened_
      */
-    beforeAction?: () => unknown;
+    beforeAction?: (() => Promise<void>) | (() => void);
     /**
      * The content that will be rendered inside the button
      */
@@ -1444,7 +1444,7 @@ type ButtonLinkProps = ComponentPropsWithRef<'a'> & {
  * **Note:** the props table below is incomplete; please
  * refer to [Link](?path=/docs/link--link-stories) for additional props.
  */
-declare const ButtonLink: react.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & react.RefAttributes<unknown>>;
+declare const ButtonLink: react.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
     /**
@@ -2389,7 +2389,7 @@ type MenuPropsWithLabel = DefaultMenuProps & {
 type MenuPropsWithCustomTrigger = DefaultMenuProps & {
     label?: never;
     /** Replace the default trigger */
-    trigger: ReactNode;
+    trigger: JSX.Element;
 };
 type MenuProps = MenuPropsWithCustomTrigger | MenuPropsWithLabel;
 declare const Menu: {

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v3.0.0
+ * @license @wistia/vhs v3.0.1-beta.5af3ebb3.c232538
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -6549,45 +6549,39 @@ var ButtonLink = forwardRef6(
       }
       return null;
     };
-    return (
-      // @ts-expect-error FIXME
-      /* @__PURE__ */ jsx140(
-        StyledButtonLink,
-        {
-          ref,
-          $buttonColor: buttonColor,
-          $forceState: forceState,
-          $fullWidth: fullWidth,
-          $icon: icon,
-          $iconPosition: iconPosition,
-          $isLoading: false,
-          $labelWrap: labelWrap,
-          $size: size,
-          $square: square,
-          $textAlign: textAlign,
-          $variant: variant,
-          beforeAction,
-          disabled,
-          href,
-          params,
-          type,
-          unstyled: true,
-          ...otherProps,
-          children: /* @__PURE__ */ jsx140(
-            ButtonContent,
-            {
-              icon,
-              iconName,
-              iconPosition,
-              isLoading: false,
-              size,
-              textAlign,
-              children: getContent()
-            }
-          )
-        }
-      )
-    );
+    const styledProps = {
+      ref,
+      $buttonColor: buttonColor,
+      $forceState: forceState,
+      $fullWidth: fullWidth,
+      $icon: icon,
+      $iconPosition: iconPosition,
+      $isLoading: false,
+      $labelWrap: labelWrap,
+      $size: size,
+      $square: square,
+      $textAlign: textAlign,
+      $variant: variant,
+      beforeAction,
+      disabled,
+      href,
+      params,
+      type,
+      unstyled: true,
+      ...otherProps
+    };
+    return /* @__PURE__ */ jsx140(StyledButtonLink, { ...styledProps, children: /* @__PURE__ */ jsx140(
+      ButtonContent,
+      {
+        icon,
+        iconName,
+        iconPosition,
+        isLoading: false,
+        size,
+        textAlign,
+        children: getContent()
+      }
+    ) });
   }
 );
 ButtonLink.displayName = "ButtonLink_VHS";
@@ -10842,7 +10836,7 @@ import {
   DropdownMenuItemIndicator,
   DropdownMenuSubTrigger
 } from "@radix-ui/react-dropdown-menu";
-import { isNonEmptyString as isNonEmptyString13, isNotNil as isNotNil31, isNotUndefined as isNotUndefined13, isUndefined as isUndefined3 } from "@wistia/type-guards";
+import { isNonEmptyString as isNonEmptyString13, isNotNil as isNotNil31, isNotUndefined as isNotUndefined13 } from "@wistia/type-guards";
 import styled51, { css as css24 } from "styled-components";
 import { darken as darken5 } from "polished";
 import { jsx as jsx194, jsxs as jsxs35 } from "react/jsx-runtime";
@@ -10953,10 +10947,7 @@ var MenuItem = ({
   variant = "primary",
   ...props
 }) => {
-  let as = renderAs;
-  if (isUndefined3(renderAs)) {
-    as = isNotUndefined13(href) ? "a" : "div";
-  }
+  const as = renderAs ?? (isNotUndefined13(href) ? "a" : "div");
   const targetProp = as === "a" && isNonEmptyString13(target) ? { target } : {};
   return /* @__PURE__ */ jsx194(
     DropdownMenuItem,
@@ -12417,7 +12408,7 @@ RangeSelectorCalendar.displayName = "RangeSelectorCalendar";
 import { useCallback as useCallback14, useEffect as useEffect23, useRef as useRef15, useState as useState23 } from "react";
 import styled65 from "styled-components";
 import { endOfDay as endOfDay3 } from "date-fns";
-import { isNotUndefined as isNotUndefined17, isUndefined as isUndefined5, isNotNil as isNotNil41 } from "@wistia/type-guards";
+import { isNotUndefined as isNotUndefined17, isUndefined as isUndefined4, isNotNil as isNotNil41 } from "@wistia/type-guards";
 
 // src/private/components/RangeSelectorInput/ErrorMessages.tsx
 import styled64 from "styled-components";
@@ -12626,7 +12617,7 @@ var orderRange = (range) => {
 };
 
 // src/private/components/RangeSelectorInput/selection.ts
-import { isNotUndefined as isNotUndefined16, isUndefined as isUndefined4, isNotNil as isNotNil40 } from "@wistia/type-guards";
+import { isNotUndefined as isNotUndefined16, isUndefined as isUndefined3, isNotNil as isNotNil40 } from "@wistia/type-guards";
 var getCursorPosition = (ref) => {
   const startPos = ref.current?.selectionStart;
   const endPos = ref.current?.selectionEnd;
@@ -12653,7 +12644,7 @@ var getSelectionFromMove = (selection, move, positions) => {
 var getSelectionFromCursor = (ref, positions) => {
   const pos = getCursorPosition(ref);
   for (let i = 0; i < positions.length; i++) {
-    if (isUndefined4(positions[i])) {
+    if (isUndefined3(positions[i])) {
       return [];
     }
     const { start, end, type } = positions[i];
@@ -12671,7 +12662,7 @@ var getFirstDefaultPosition = (value) => {
   const dvp = getValueParts(INITIAL_VALUE);
   const parts = ["month1", "day1", "year1", "month2", "day2", "year2"];
   for (let i = 0; i < parts.length; i++) {
-    if (isUndefined4(parts[i])) {
+    if (isUndefined3(parts[i])) {
       return -1;
     }
     if (vp[parts[i]] === dvp[parts[i]]) {
@@ -12848,7 +12839,7 @@ var RangeSelectorInput = ({
   const [errorMessages, setErrorMessages] = useState23([]);
   const ref = useRef15(null);
   const [currentSelection, setCurrentSelection] = useState23([0, -1]);
-  const selectionLength = isUndefined5(currentSelection) || isUndefined5(currentSelection[1]) || isUndefined5(currentSelection[0]) ? 0 : currentSelection[1] - currentSelection[0];
+  const selectionLength = isUndefined4(currentSelection) || isUndefined4(currentSelection[1]) || isUndefined4(currentSelection[0]) ? 0 : currentSelection[1] - currentSelection[0];
   const valueParts = getValueParts(value);
   const applyChange = useCallback14(
     (nextRange) => {
@@ -13391,32 +13382,26 @@ var Slider = ({
             );
           },
           renderThumb: (thumbProps, thumbState) => {
-            const { key, ...restProps } = thumbProps;
-            return (
-              // @ts-expect-error complains about styled-components `as` prop
-              /* @__PURE__ */ jsx209(
-                StyledThumb,
-                {
-                  ...restProps,
-                  "data-testid": `${dataTestId}-thumb-${thumbState.index}`
-                },
-                key
-              )
+            const { key, as, ...restProps } = thumbProps;
+            return /* @__PURE__ */ jsx209(
+              StyledThumb,
+              {
+                ...restProps,
+                "data-testid": `${dataTestId}-thumb-${thumbState.index}`
+              },
+              key
             );
           },
           renderTrack: (trackProps, trackState) => {
-            const { key, ...restProps } = trackProps;
-            return (
-              // @ts-expect-error complains about styled-components `as` prop
-              /* @__PURE__ */ jsx209(
-                StyledTrack,
-                {
-                  ...restProps,
-                  $isFilledTrack: checkIfFilledTrack(trackState),
-                  "data-testid": `${dataTestId}-track-${trackState.index}`
-                },
-                key
-              )
+            const { key, as, ...restProps } = trackProps;
+            return /* @__PURE__ */ jsx209(
+              StyledTrack,
+              {
+                ...restProps,
+                $isFilledTrack: checkIfFilledTrack(trackState),
+                "data-testid": `${dataTestId}-track-${trackState.index}`
+              },
+              key
             );
           },
           step,