@wistia/ui 0.15.2 → 0.15.3-beta.558b0844.88edfec

package/dist/index.d.mts

@@ -3504,12 +3504,18 @@ declare const ScreenReaderOnly: {
     displayName: string;
 };
 
-type ScrollAreaProps = HTMLAttributes<HTMLDivElement>;
 /**
  * ScrollArea is a simple scrollable container with shadow effects to indicate
  * scrollability.
  */
-declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * When true, disables scrolling. Useful to temporarily prevent scrolling,
+     * like when drag-and-dropping an item from inside to outside of the scroll
+     * area.
+     */
+    locked?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
 
 type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
     /**

package/dist/index.d.ts

@@ -3504,12 +3504,18 @@ declare const ScreenReaderOnly: {
     displayName: string;
 };
 
-type ScrollAreaProps = HTMLAttributes<HTMLDivElement>;
 /**
  * ScrollArea is a simple scrollable container with shadow effects to indicate
  * scrollability.
  */
-declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * When true, disables scrolling. Useful to temporarily prevent scrolling,
+     * like when drag-and-dropping an item from inside to outside of the scroll
+     * area.
+     */
+    locked?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
 
 type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
     /**

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.15.2
+ * @license @wistia/ui v0.15.3-beta.558b0844.88edfec
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -9600,12 +9600,12 @@ var Form = forwardRef11(
           ref,
           $fullWidth: fullWidth,
           alignItems: fullWidth ? "stretch" : "flex-start",
-          as: StyledForm,
           gap: "space-05",
           id,
           onBlur: handleBlur2,
           onReset: handleReset,
           onSubmit: handleSubmit,
+          renderAs: StyledForm,
           children
         }
       ) })
@@ -16348,7 +16348,7 @@ var Container10 = styled87.div`
   flex: 1 1 auto;
 `;
 var ScrollContainer = styled87.div`
-  overflow: auto;
+  overflow: ${({ $locked }) => $locked ? "hidden" : "auto"};
   height: 100%;
   width: 100%;
 `;
@@ -16388,7 +16388,7 @@ var ShadowAtRight = styled87(Shadow)`
   width: 0;
 `;
 var ScrollArea = forwardRef31(
-  ({ children, onScroll, style, ...props }, forwardedRef) => {
+  ({ children, onScroll, style, locked = false, ...props }, forwardedRef) => {
     const scrollContainerRefInternal = useRef21(null);
     const [shadowState, setShadowState] = useState23({
       canScrollUp: false,
@@ -16429,6 +16429,7 @@ var ScrollArea = forwardRef31(
         ScrollContainer,
         {
           ref: scrollContainerRef,
+          $locked: locked,
           onScroll: onScrollScrollContainer,
           ...props,
           children