@telia/teddy 0.0.70 → 0.0.71

package/dist/components/scroll-area/index.d.ts

@@ -4,9 +4,13 @@ import { ButtonProps } from './scroll-area-button';
 
 export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-scroll-area').ScrollAreaProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: ("button" | "scrollbar") | undefined;
+    scrollBehavior?: "auto" | "smooth" | undefined;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         asChild?: boolean | undefined;
+        isSelected?: boolean | undefined;
+        scrollBehavior?: "auto" | "smooth" | undefined;
+        scrollBehaviorOnMount?: "auto" | "smooth" | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Button: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
         display?: import('../../utils/generate-styling').DisplayChildren | undefined;

package/dist/components/scroll-area/scroll-area-bar.cjs

@@ -91,10 +91,13 @@ const Button = React.forwardRef(
           const scroll = (_a = context == null ? void 0 : context.scrollRef) == null ? void 0 : _a.getBoundingClientRect();
           const scrollDirection = direction === "up" || direction === "left" ? -1 : 1;
           const scrollAxis = direction === "up" || direction === "down" ? "top" : "left";
-          const scrollAmount = ((direction === "up" || direction === "down" ? scroll == null ? void 0 : scroll.height : scroll == null ? void 0 : scroll.width) || 0) * 0.7;
+          const buttonSize = direction === "up" || direction === "down" ? e.currentTarget.offsetHeight : e.currentTarget.offsetWidth;
+          const scrollAmount = ((direction === "up" || direction === "down" ? scroll == null ? void 0 : scroll.height : scroll == null ? void 0 : scroll.width) || 0) - buttonSize * 2;
+          const hasReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+          const scrollBehavior = hasReducedMotion ? "auto" : (context == null ? void 0 : context.scrollBehavior) ?? "smooth";
           (_b = context == null ? void 0 : context.scrollRef) == null ? void 0 : _b.scrollBy({
             [scrollAxis]: scrollAmount * scrollDirection,
-            behavior: "smooth"
+            behavior: scrollBehavior
           });
         }),
         ref: forwardRef,
@@ -112,40 +115,56 @@ const Button = React.forwardRef(
 components_button_button.Button.displayName = "Button";
 const rootClassName = "teddy-scroll-area";
 const RootContext = React.createContext(void 0);
+function isScrollable(element) {
+  if (!element)
+    return null;
+  const buffer = 1;
+  const scrollLeft = element.scrollLeft;
+  const scrollWidth = element.scrollWidth;
+  const offsetWidth = element.offsetWidth;
+  const maxScrollLeft = scrollWidth - offsetWidth;
+  const isRtl = getComputedStyle(element).direction === "rtl";
+  let left;
+  let right;
+  if (isRtl) {
+    const normalizedScrollLeft = Math.abs(scrollLeft);
+    left = normalizedScrollLeft < maxScrollLeft - buffer;
+    right = normalizedScrollLeft > buffer;
+  } else {
+    left = scrollLeft > buffer;
+    right = scrollLeft < maxScrollLeft - buffer;
+  }
+  const scrollTop = element.scrollTop;
+  const maxScrollTop = element.scrollHeight - element.offsetHeight;
+  const top = scrollTop > buffer;
+  const bottom = scrollTop < maxScrollTop - buffer;
+  return {
+    left,
+    right,
+    top,
+    bottom
+  };
+}
 const Root = React.forwardRef(
-  ({ className, variant, children, ...props }, forwardRef) => {
+  ({ className, variant, scrollBehavior = "smooth", children, ...props }, forwardRef) => {
     const [scrollRef, setScrollRef] = React.useState(null);
     const [hasScroll, setHasScroll] = React.useState(null);
-    const initialHasScrollLeft = scrollRef ? scrollRef.scrollLeft > 0 : null;
-    const initialHasScrollRight = scrollRef ? scrollRef.scrollLeft < scrollRef.scrollWidth - scrollRef.clientWidth : null;
-    const initialHasScrollTop = scrollRef ? scrollRef.scrollTop > 0 : null;
-    const initialHasScrollBottom = scrollRef ? scrollRef.scrollTop < scrollRef.scrollHeight - scrollRef.clientHeight : null;
-    const hasScrollLeft = hasScroll ? hasScroll.left : initialHasScrollLeft;
-    const hasScrollRight = hasScroll ? hasScroll.right : initialHasScrollRight;
-    const hasScrollTop = hasScroll ? hasScroll.top : initialHasScrollTop;
-    const hasScrollBottom = hasScroll ? hasScroll.bottom : initialHasScrollBottom;
+    const initialScrollable = isScrollable(scrollRef);
+    const hasScrollLeft = hasScroll ? hasScroll.left : initialScrollable == null ? void 0 : initialScrollable.left;
+    const hasScrollRight = hasScroll ? hasScroll.right : initialScrollable == null ? void 0 : initialScrollable.right;
+    const hasScrollTop = hasScroll ? hasScroll.top : initialScrollable == null ? void 0 : initialScrollable.top;
+    const hasScrollBottom = hasScroll ? hasScroll.bottom : initialScrollable == null ? void 0 : initialScrollable.bottom;
     const hasScrollHorizontal = hasScrollLeft || hasScrollRight;
     const hasScrollVertical = hasScrollTop || hasScrollBottom;
-    const classes = clsx([styles[`${rootClassName}`]], className);
     function handleScroll(e) {
       const target = e.currentTarget;
-      const { scrollLeft, scrollWidth, clientWidth, scrollTop, scrollHeight, clientHeight } = target;
-      const buffer = 1;
-      const hasScrollLeft2 = scrollLeft > 0;
-      const hasScrollRight2 = scrollLeft < scrollWidth - clientWidth - buffer;
-      const hasScrollTop2 = scrollTop > 0;
-      const hasScrollBottom2 = scrollTop < scrollHeight - clientHeight - buffer;
-      setHasScroll({
-        left: hasScrollLeft2,
-        right: hasScrollRight2,
-        top: hasScrollTop2,
-        bottom: hasScrollBottom2
-      });
+      setHasScroll(isScrollable(target));
     }
+    const classes = clsx([styles[`${rootClassName}`]], className);
     return /* @__PURE__ */ jsxRuntime.jsx(
       RootContext.Provider,
       {
-        value: { scrollRef, variant, hasScrollTop, hasScrollBottom, hasScrollLeft, hasScrollRight },
+        value: { scrollRef, variant, hasScrollTop, hasScrollBottom, hasScrollLeft, hasScrollRight, scrollBehavior },
         children: /* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaPrimitive__namespace.Root, { ...props, ref: forwardRef, className: classes, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             ScrollAreaPrimitive__namespace.Viewport,

package/dist/components/scroll-area/scroll-area-bar.js

@@ -72,10 +72,13 @@ const Button = React__default.forwardRef(
           const scroll = (_a = context == null ? void 0 : context.scrollRef) == null ? void 0 : _a.getBoundingClientRect();
           const scrollDirection = direction === "up" || direction === "left" ? -1 : 1;
           const scrollAxis = direction === "up" || direction === "down" ? "top" : "left";
-          const scrollAmount = ((direction === "up" || direction === "down" ? scroll == null ? void 0 : scroll.height : scroll == null ? void 0 : scroll.width) || 0) * 0.7;
+          const buttonSize = direction === "up" || direction === "down" ? e.currentTarget.offsetHeight : e.currentTarget.offsetWidth;
+          const scrollAmount = ((direction === "up" || direction === "down" ? scroll == null ? void 0 : scroll.height : scroll == null ? void 0 : scroll.width) || 0) - buttonSize * 2;
+          const hasReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+          const scrollBehavior = hasReducedMotion ? "auto" : (context == null ? void 0 : context.scrollBehavior) ?? "smooth";
           (_b = context == null ? void 0 : context.scrollRef) == null ? void 0 : _b.scrollBy({
             [scrollAxis]: scrollAmount * scrollDirection,
-            behavior: "smooth"
+            behavior: scrollBehavior
           });
         }),
         ref: forwardRef,
@@ -93,40 +96,56 @@ const Button = React__default.forwardRef(
 Button$1.displayName = "Button";
 const rootClassName = "teddy-scroll-area";
 const RootContext = React__default.createContext(void 0);
+function isScrollable(element) {
+  if (!element)
+    return null;
+  const buffer = 1;
+  const scrollLeft = element.scrollLeft;
+  const scrollWidth = element.scrollWidth;
+  const offsetWidth = element.offsetWidth;
+  const maxScrollLeft = scrollWidth - offsetWidth;
+  const isRtl = getComputedStyle(element).direction === "rtl";
+  let left;
+  let right;
+  if (isRtl) {
+    const normalizedScrollLeft = Math.abs(scrollLeft);
+    left = normalizedScrollLeft < maxScrollLeft - buffer;
+    right = normalizedScrollLeft > buffer;
+  } else {
+    left = scrollLeft > buffer;
+    right = scrollLeft < maxScrollLeft - buffer;
+  }
+  const scrollTop = element.scrollTop;
+  const maxScrollTop = element.scrollHeight - element.offsetHeight;
+  const top = scrollTop > buffer;
+  const bottom = scrollTop < maxScrollTop - buffer;
+  return {
+    left,
+    right,
+    top,
+    bottom
+  };
+}
 const Root = React__default.forwardRef(
-  ({ className, variant, children, ...props }, forwardRef) => {
+  ({ className, variant, scrollBehavior = "smooth", children, ...props }, forwardRef) => {
     const [scrollRef, setScrollRef] = React__default.useState(null);
     const [hasScroll, setHasScroll] = React__default.useState(null);
-    const initialHasScrollLeft = scrollRef ? scrollRef.scrollLeft > 0 : null;
-    const initialHasScrollRight = scrollRef ? scrollRef.scrollLeft < scrollRef.scrollWidth - scrollRef.clientWidth : null;
-    const initialHasScrollTop = scrollRef ? scrollRef.scrollTop > 0 : null;
-    const initialHasScrollBottom = scrollRef ? scrollRef.scrollTop < scrollRef.scrollHeight - scrollRef.clientHeight : null;
-    const hasScrollLeft = hasScroll ? hasScroll.left : initialHasScrollLeft;
-    const hasScrollRight = hasScroll ? hasScroll.right : initialHasScrollRight;
-    const hasScrollTop = hasScroll ? hasScroll.top : initialHasScrollTop;
-    const hasScrollBottom = hasScroll ? hasScroll.bottom : initialHasScrollBottom;
+    const initialScrollable = isScrollable(scrollRef);
+    const hasScrollLeft = hasScroll ? hasScroll.left : initialScrollable == null ? void 0 : initialScrollable.left;
+    const hasScrollRight = hasScroll ? hasScroll.right : initialScrollable == null ? void 0 : initialScrollable.right;
+    const hasScrollTop = hasScroll ? hasScroll.top : initialScrollable == null ? void 0 : initialScrollable.top;
+    const hasScrollBottom = hasScroll ? hasScroll.bottom : initialScrollable == null ? void 0 : initialScrollable.bottom;
     const hasScrollHorizontal = hasScrollLeft || hasScrollRight;
     const hasScrollVertical = hasScrollTop || hasScrollBottom;
-    const classes = clsx([styles[`${rootClassName}`]], className);
     function handleScroll(e) {
       const target = e.currentTarget;
-      const { scrollLeft, scrollWidth, clientWidth, scrollTop, scrollHeight, clientHeight } = target;
-      const buffer = 1;
-      const hasScrollLeft2 = scrollLeft > 0;
-      const hasScrollRight2 = scrollLeft < scrollWidth - clientWidth - buffer;
-      const hasScrollTop2 = scrollTop > 0;
-      const hasScrollBottom2 = scrollTop < scrollHeight - clientHeight - buffer;
-      setHasScroll({
-        left: hasScrollLeft2,
-        right: hasScrollRight2,
-        top: hasScrollTop2,
-        bottom: hasScrollBottom2
-      });
+      setHasScroll(isScrollable(target));
     }
+    const classes = clsx([styles[`${rootClassName}`]], className);
     return /* @__PURE__ */ jsx(
       RootContext.Provider,
       {
-        value: { scrollRef, variant, hasScrollTop, hasScrollBottom, hasScrollLeft, hasScrollRight },
+        value: { scrollRef, variant, hasScrollTop, hasScrollBottom, hasScrollLeft, hasScrollRight, scrollBehavior },
         children: /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, { ...props, ref: forwardRef, className: classes, children: [
           /* @__PURE__ */ jsx(
             ScrollAreaPrimitive.Viewport,

package/dist/components/scroll-area/scroll-area-item.cjs

@@ -6,33 +6,46 @@ const clsx = require("clsx");
 const components_scrollArea_scrollAreaBar = require("./scroll-area-bar.cjs");
 const reactSlot = require("@radix-ui/react-slot");
 const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs");
+const utils_composeRefs = require("../../utils/composeRefs.cjs");
+function scrollItemToCenter(item, scrollArea, scrollBehavior) {
+  const itemRect = item.getBoundingClientRect();
+  const scrollAreaRect = scrollArea.getBoundingClientRect();
+  const scrollViewVerticalCenter = (scrollAreaRect.top || 0) + (scrollAreaRect.height || 0) / 2;
+  const itemVerticalCenter = (itemRect.top || 0) + (itemRect.height || 0) / 2;
+  const scrollViewHorizontalCenter = (scrollAreaRect.left || 0) + (scrollAreaRect.width || 0) / 2;
+  const itemHorizontalCenter = (itemRect.left || 0) + (itemRect.width || 0) / 2;
+  const hasReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  scrollArea.scrollBy({
+    top: itemVerticalCenter - scrollViewVerticalCenter,
+    left: itemHorizontalCenter - scrollViewHorizontalCenter,
+    behavior: hasReducedMotion ? "auto" : scrollBehavior
+  });
+}
 const Item = React.forwardRef(
-  ({ className, asChild, ...props }, forwardRef) => {
+  ({ className, asChild, isSelected, scrollBehavior, scrollBehaviorOnMount, ...props }, forwardRef) => {
     const classes = clsx([components_scrollArea_scrollAreaBar.styles[`${components_scrollArea_scrollAreaBar.rootClassName}__item`]], className);
     const Comp = asChild ? reactSlot.Slot : "div";
+    const ref = React.useRef(null);
+    const composedRef = utils_composeRefs.useComposedRefs(ref, forwardRef);
     const context = React.useContext(components_scrollArea_scrollAreaBar.RootContext);
+    const internalScrollBehavior = scrollBehavior ?? (context == null ? void 0 : context.scrollBehavior) ?? "smooth";
+    React.useEffect(() => {
+      if (isSelected && ref.current && (context == null ? void 0 : context.scrollRef)) {
+        scrollItemToCenter(ref.current, context == null ? void 0 : context.scrollRef, scrollBehaviorOnMount ?? "smooth");
+      }
+    }, [isSelected, ref, context == null ? void 0 : context.scrollRef, scrollBehaviorOnMount]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
         ...props,
         onClick: utils_composeEventHandlers.composeEventHandlers(props.onClick, (e) => {
-          var _a, _b;
           if (e.defaultPrevented)
             return;
-          const scroll = (_a = context == null ? void 0 : context.scrollRef) == null ? void 0 : _a.getBoundingClientRect();
-          const item = e.currentTarget.getBoundingClientRect();
-          const scrollViewVerticalCenter = ((scroll == null ? void 0 : scroll.top) || 0) + ((scroll == null ? void 0 : scroll.height) || 0) / 2;
-          const itemVerticalCenter = ((item == null ? void 0 : item.top) || 0) + ((item == null ? void 0 : item.height) || 0) / 2;
-          const scrollViewHorizontalCenter = ((scroll == null ? void 0 : scroll.left) || 0) + ((scroll == null ? void 0 : scroll.width) || 0) / 2;
-          const itemHorizontalCenter = ((item == null ? void 0 : item.left) || 0) + ((item == null ? void 0 : item.width) || 0) / 2;
-          const hasReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-          (_b = context == null ? void 0 : context.scrollRef) == null ? void 0 : _b.scrollBy({
-            top: itemVerticalCenter - scrollViewVerticalCenter,
-            left: itemHorizontalCenter - scrollViewHorizontalCenter,
-            behavior: hasReducedMotion ? "auto" : "smooth"
-          });
+          if (!ref.current || !(context == null ? void 0 : context.scrollRef))
+            return;
+          scrollItemToCenter(ref.current, context == null ? void 0 : context.scrollRef, internalScrollBehavior);
         }),
-        ref: forwardRef,
+        ref: composedRef,
         className: classes
       }
     );

package/dist/components/scroll-area/scroll-area-item.d.ts

@@ -2,7 +2,13 @@ import { default as React } from 'react';
 
 export type ItemProps = React.ComponentPropsWithoutRef<'div'> & {
     asChild?: boolean;
+    isSelected?: boolean;
+    scrollBehavior?: 'smooth' | 'auto';
+    scrollBehaviorOnMount?: 'smooth' | 'auto';
 };
 export declare const Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    scrollBehavior?: "auto" | "smooth" | undefined;
+    scrollBehaviorOnMount?: "auto" | "smooth" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/scroll-area/scroll-area-item.js

@@ -4,33 +4,46 @@ import clsx from "clsx";
 import { s as styles, r as rootClassName, a as RootContext } from "./scroll-area-bar.js";
 import { Slot } from "@radix-ui/react-slot";
 import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
+import { useComposedRefs } from "../../utils/composeRefs.js";
+function scrollItemToCenter(item, scrollArea, scrollBehavior) {
+  const itemRect = item.getBoundingClientRect();
+  const scrollAreaRect = scrollArea.getBoundingClientRect();
+  const scrollViewVerticalCenter = (scrollAreaRect.top || 0) + (scrollAreaRect.height || 0) / 2;
+  const itemVerticalCenter = (itemRect.top || 0) + (itemRect.height || 0) / 2;
+  const scrollViewHorizontalCenter = (scrollAreaRect.left || 0) + (scrollAreaRect.width || 0) / 2;
+  const itemHorizontalCenter = (itemRect.left || 0) + (itemRect.width || 0) / 2;
+  const hasReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  scrollArea.scrollBy({
+    top: itemVerticalCenter - scrollViewVerticalCenter,
+    left: itemHorizontalCenter - scrollViewHorizontalCenter,
+    behavior: hasReducedMotion ? "auto" : scrollBehavior
+  });
+}
 const Item = React__default.forwardRef(
-  ({ className, asChild, ...props }, forwardRef) => {
+  ({ className, asChild, isSelected, scrollBehavior, scrollBehaviorOnMount, ...props }, forwardRef) => {
     const classes = clsx([styles[`${rootClassName}__item`]], className);
     const Comp = asChild ? Slot : "div";
+    const ref = React__default.useRef(null);
+    const composedRef = useComposedRefs(ref, forwardRef);
     const context = React__default.useContext(RootContext);
+    const internalScrollBehavior = scrollBehavior ?? (context == null ? void 0 : context.scrollBehavior) ?? "smooth";
+    React__default.useEffect(() => {
+      if (isSelected && ref.current && (context == null ? void 0 : context.scrollRef)) {
+        scrollItemToCenter(ref.current, context == null ? void 0 : context.scrollRef, scrollBehaviorOnMount ?? "smooth");
+      }
+    }, [isSelected, ref, context == null ? void 0 : context.scrollRef, scrollBehaviorOnMount]);
     return /* @__PURE__ */ jsx(
       Comp,
       {
         ...props,
         onClick: composeEventHandlers(props.onClick, (e) => {
-          var _a, _b;
           if (e.defaultPrevented)
             return;
-          const scroll = (_a = context == null ? void 0 : context.scrollRef) == null ? void 0 : _a.getBoundingClientRect();
-          const item = e.currentTarget.getBoundingClientRect();
-          const scrollViewVerticalCenter = ((scroll == null ? void 0 : scroll.top) || 0) + ((scroll == null ? void 0 : scroll.height) || 0) / 2;
-          const itemVerticalCenter = ((item == null ? void 0 : item.top) || 0) + ((item == null ? void 0 : item.height) || 0) / 2;
-          const scrollViewHorizontalCenter = ((scroll == null ? void 0 : scroll.left) || 0) + ((scroll == null ? void 0 : scroll.width) || 0) / 2;
-          const itemHorizontalCenter = ((item == null ? void 0 : item.left) || 0) + ((item == null ? void 0 : item.width) || 0) / 2;
-          const hasReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-          (_b = context == null ? void 0 : context.scrollRef) == null ? void 0 : _b.scrollBy({
-            top: itemVerticalCenter - scrollViewVerticalCenter,
-            left: itemHorizontalCenter - scrollViewHorizontalCenter,
-            behavior: hasReducedMotion ? "auto" : "smooth"
-          });
+          if (!ref.current || !(context == null ? void 0 : context.scrollRef))
+            return;
+          scrollItemToCenter(ref.current, context == null ? void 0 : context.scrollRef, internalScrollBehavior);
         }),
-        ref: forwardRef,
+        ref: composedRef,
         className: classes
       }
     );

package/dist/components/scroll-area/scroll-area-root.d.ts

@@ -10,14 +10,16 @@ export type RootProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitiv
      *  - `undefined`: The scrollbar will not be visible
      */
     variant?: Variant | undefined;
+    scrollBehavior?: 'smooth' | 'auto';
 };
 type RootContextType = {
     scrollRef: HTMLDivElement | null;
     variant?: Variant;
-    hasScrollTop: boolean | null;
-    hasScrollBottom: boolean | null;
-    hasScrollLeft: boolean | null;
-    hasScrollRight: boolean | null;
+    hasScrollTop: boolean | undefined;
+    hasScrollBottom: boolean | undefined;
+    hasScrollLeft: boolean | undefined;
+    hasScrollRight: boolean | undefined;
+    scrollBehavior: 'smooth' | 'auto';
 };
 export declare const RootContext: React.Context<RootContextType | undefined>;
 export declare const Root: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -27,5 +29,6 @@ export declare const Root: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimit
      *  - `undefined`: The scrollbar will not be visible
      */
     variant?: Variant | undefined;
+    scrollBehavior?: "auto" | "smooth" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -25,6 +25,7 @@ export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<i
     } & import('react').RefAttributes<HTMLDivElement>>;
     Scroll: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-scroll-area').ScrollAreaProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
         variant?: ("button" | "scrollbar") | undefined;
+        scrollBehavior?: "auto" | "smooth" | undefined;
     } & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     ScrollButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
         display?: import('../../utils/generate-styling').DisplayChildren | undefined;

package/dist/components/tabs/tabs-scroll.d.ts

@@ -6,4 +6,5 @@ export declare const ScrollContext: React.Context<boolean>;
 /** */
 export declare const Scroll: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-scroll-area').ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: ("button" | "scrollbar") | undefined;
+    scrollBehavior?: "auto" | "smooth" | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.70",
+  "version": "0.0.71",
   "sideEffects": [
     "**/*.css"
   ],