@xwadex/fesd-next 0.3.44-beta.5 → 0.3.44-beta.7

package/dist/components/scrollAreas/index.d.ts

@@ -4,14 +4,13 @@ export declare const ScrollAreas: {
             viewportClassName?: string;
             barClassName?: string;
             thumbClassName?: string;
-            barProps?: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-scroll-area").ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>>>;
-            thumbProps?: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>>;
+            forceMount?: true;
+            orientation: "horizontal" | "vertical";
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Handle: {
         (props: import("@radix-ui/react-scroll-area").ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement> & {
-            thumbProps?: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>>;
             thumbClassName?: string;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;

package/dist/components/scrollAreas/scrollArea.d.ts

@@ -4,8 +4,8 @@ type PropsType = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
     viewportClassName?: string;
     barClassName?: string;
     thumbClassName?: string;
-    barProps?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
-    thumbProps?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaThumb>;
+    forceMount?: true;
+    orientation: "horizontal" | "vertical";
 };
 declare const ScrollArea: {
     (props: PropsType): import("react/jsx-runtime").JSX.Element;

package/dist/components/scrollAreas/scrollArea.js

@@ -4,14 +4,8 @@ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import ScrollBar from "./scrollBar";
 import { cn } from "../../utils/index.js";
 const ScrollArea = (props) => {
-    const { className, viewportClassName, barClassName, thumbClassName, barProps, thumbProps, children, ...restProps } = props;
-    const thumbBarProps = {
-        className: barClassName,
-        thumbProps: thumbProps,
-        thumbClassName: thumbClassName,
-        ...barProps,
-    };
-    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...restProps, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: cn("focus-visible:ring-ring/50", "size-full", "rounded-[inherit]", "transition-[color,box-shadow]", "outline-none", "focus-visible:ring-[3px]", "focus-visible:outline-1", viewportClassName), children: children }), _jsx(ScrollBar, { ...thumbBarProps }), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+    const { className, viewportClassName, barClassName, thumbClassName, forceMount, orientation = "vertical", children, ...restProps } = props;
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...restProps, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: cn("focus-visible:ring-ring/50", "size-full", "rounded-[inherit]", "transition-[color,box-shadow]", "outline-none", "focus-visible:ring-[3px]", "focus-visible:outline-1", viewportClassName), children: children }), _jsx(ScrollBar, { forceMount: forceMount, orientation: orientation, thumbClassName: thumbClassName }), _jsx(ScrollAreaPrimitive.Corner, {})] }));
 };
 ScrollArea.displayName = "ScrollArea";
 export default ScrollArea;

package/dist/components/scrollAreas/scrollBar.d.ts

@@ -1,7 +1,6 @@
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import type { ComponentProps } from "../../types/index.js";
 type PropsType = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> & {
-    thumbProps?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaThumb>;
     thumbClassName?: string;
 };
 declare const ScrollBar: {

package/dist/components/scrollAreas/scrollBar.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { cn } from "../../utils/index.js";
 const ScrollBar = (props) => {
-    const { className, orientation = "vertical", thumbProps, thumbClassName, ...restProps } = props;
-    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex", "touch-none", "p-px", "transition-colors", "select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...restProps, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: cn("bg-border", "relative", "flex-1", "rounded-full", thumbClassName), ...thumbProps }) }));
+    const { className, orientation = "vertical", thumbClassName, ...restProps } = props;
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex", "touch-none", "p-px", "transition-colors", "select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...restProps, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: cn("bg-border", "relative", "flex-1", "rounded-full", thumbClassName) }) }));
 };
 ScrollBar.displayName = "ScrollBar";
 export default ScrollBar;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xwadex/fesd-next",
-	"version": "0.3.44-beta.5",
+	"version": "0.3.44-beta.7",
 	"private": false,
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",