@zvoove/unity-ui 2.43.0 → 2.45.0

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> & {
@@ -4141,7 +4201,7 @@ export declare interface TableSectionRow {
 }
 
 export declare const Tabs: {
-    <T extends React.ElementType = "button">({ items, activeItem, onChange, hideBorder, itemsAlignment, isSticky, panels, linkComponent: LinkComponent, }: TabsProps<T>): JSX.Element;
+    <T extends React.ElementType = "button">({ items, activeItem, onChange, hideBorder, itemsAlignment, isSticky, panels, panelPadding, linkComponent: LinkComponent, }: TabsProps<T>): JSX.Element;
     displayName: string;
 };
 
@@ -4178,6 +4238,11 @@ export declare interface TabsProps<T extends React.ElementType = 'button'> {
      * The alignment of the tabs.
      */
     itemsAlignment?: 'left' | 'center' | 'right' | 'between' | 'around' | 'evenly';
+    /**
+     * Padding applied to each panel.
+     * @default 'md'
+     */
+    panelPadding?: SpacingKeys;
 }
 
 export declare const TabStepper: {
@@ -4491,7 +4556,7 @@ export declare interface TopBarProps {
     density?: 'default' | '-2' | '-4';
 }
 
-export declare const Typography: ({ children, variant, size, as: AsComponent, color, textAlign, truncate, truncatedBy, textTransform, hyphenate, wrap, ...props }: TypographyProps) => JSX.Element;
+export declare const Typography: ({ children, variant, size, as: AsComponent, color, textAlign, truncate, truncatedBy, textTransform, hyphenate, wrap, className, ...props }: TypographyProps) => JSX.Element;
 
 declare type TypographyElements = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
@@ -4544,8 +4609,9 @@ export declare type TypographyProps<T extends TypographyElements = 'p'> = Omit<R
      */
     truncate?: number;
     /**
-     * Whether overflowing text is truncated at word boundaries or individual letters.
-     * Use with `truncate`. The `letter` value applies `word-break: break-all`.
+     * Controls whether text wraps at word boundaries or individual letters.
+     * Can be used with or without `truncate`. The `letter` value applies
+     * `word-break: break-all`.
      * @default 'word'
      */
     truncatedBy?: 'word' | 'letter';