@zvoove/unity-ui 2.44.0 → 2.45.1

package/dist/unity-ui.d.ts

@@ -3207,6 +3207,66 @@ export declare type ScoreCardSize = 'large' | 'medium' | 'small';
 
 export declare type ScoreCardVariant = 'negative' | 'active' | 'positive' | 'neutral' | 'ghost';
 
+export declare const ScrollableArea: ForwardRefExoticComponent<ScrollableAreaProps & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Per-edge fade flags. `block` maps to top and bottom, `inline` to left and
+ * right. Explicit sides override the matching axis.
+ */
+export declare type ScrollableAreaFade = {
+    top?: boolean;
+    right?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+    block?: boolean;
+    inline?: boolean;
+};
+
+export declare type ScrollableAreaFadeProp = boolean | ScrollableAreaFade;
+
+export declare interface ScrollableAreaProps {
+    /**
+     * Content rendered inside the scrollable area.
+     */
+    children: ReactNode;
+    /**
+     * Height of the scrollable area. When omitted, the area fills its parent
+     * (`size-full`, or `h-full` if only `width` is set).
+     */
+    height?: ResponsiveType<number | string>;
+    /**
+     * Width of the scrollable area. When omitted, the area fills its parent
+     * (`size-full`, or `w-full` if only `height` is set).
+     */
+    width?: ResponsiveType<number | string>;
+    /**
+     * Hide the scrollbar entirely. Takes precedence over `useDefaultScrollbar`.
+     * @default false
+     */
+    hideScrollbar?: boolean;
+    /**
+     * Use the browser native scrollbar instead of the overlay (Apple-like) style.
+     * @default false
+     */
+    useDefaultScrollbar?: boolean;
+    /**
+     * Show edge fades while there is remaining overflow in that direction.
+     * Fades disappear when the corresponding edge of the container is reached.
+     * Pass `true` for all edges, or an object to enable specific sides.
+     * `block` maps to top and bottom, `inline` to left and right. Explicit sides
+     * override the matching axis.
+     * @default false
+     */
+    addFade?: ScrollableAreaFadeProp;
+    /**
+     * Background color of the area. Also used as the fade gradient source when
+     * `addFade` is enabled. Pass the same token as the surrounding surface so the
+     * fade blends into the page.
+     * @default 'surface'
+     */
+    bgColor?: BackgroundColors;
+}
+
 export declare const SegmentButton: <T extends React.ElementType = "button", V = string>({ label, active, matchSiblings, icon, value, as, linkComponent, ...props }: SegmentButtonProps<T, V>) => JSX.Element;
 
 export declare type SegmentButtonProps<T extends React.ElementType, V = string> = React.ComponentPropsWithoutRef<T> & {