@alfadocs/ui-kit 0.66.0 → 0.67.1

package/dist/_chunks/{scroll-area-BWqCkEGz.js → scroll-area-5wNK0Cyz.js}

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as g } from "react/jsx-runtime";
 import { forwardRef as v, useRef as z } from "react";
-import * as o from "@radix-ui/react-scroll-area";
+import * as r from "@radix-ui/react-scroll-area";
 import { c as b } from "./index-D2ZczOXr.js";
 import { u as p } from "./use-direction-Dp8h70PP.js";
 const u = b(
@@ -40,75 +40,85 @@ const u = b(
     // forced-color-adjust: auto so forced-colors paint ButtonFace/ButtonText
     "ds:[forced-color-adjust:auto]",
     // hit area extension via ::before for touch pointers (must be absolute)
-    'ds:before:absolute ds:before:content-[""] ds:before:inset-inline-[calc((var(--min-target-size)-100%)/-2)]',
-    "ds:before:inset-block-[calc((var(--min-target-size)-100%)/-2)]"
+    'ds:before:absolute ds:before:content-[""] ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)]',
+    "ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)]"
   ].join(" ")
-), w = (r) => r === "auto" || r === void 0 ? "hover" : r, S = {
+), w = (o) => o === "auto" || o === void 0 ? "hover" : o, S = {
   vertical: "ds:overflow-y-auto",
   horizontal: "ds:overflow-x-auto",
   both: "ds:overflow-auto"
 }, m = v(
   ({
-    orientation: r = "vertical",
+    orientation: o = "vertical",
     size: e = "md",
-    type: i = "auto",
-    className: l,
+    type: l = "auto",
+    className: i,
     children: t,
     scrollHideDelay: n,
     ...d
   }, c) => {
     const a = z(null), h = p(a);
     return /* @__PURE__ */ g(
-      o.Root,
+      r.Root,
       {
         ref: a,
-        type: w(i),
+        type: w(l),
         dir: h,
         scrollHideDelay: n,
         "data-component": "scroll-area",
         className: [
           "ds:relative ds:overflow-hidden",
           "ds:min-w-0 ds:min-h-0",
-          l
+          i
         ].filter(Boolean).join(" "),
         ...d,
         children: [
           /* @__PURE__ */ s(
-            o.Viewport,
+            r.Viewport,
             {
               ref: c,
               tabIndex: 0,
               className: [
                 "ds:h-full ds:w-full ds:rounded-[inherit]",
+                // Radix wraps the viewport content in an inline
+                // `display:table; min-width:100%` div that grows to the content's
+                // MAX-content width. In a vertical-only scroll area the Root's
+                // overflow-x is hidden, so anything wider than the viewport is
+                // silently CLIPPED — not scrollable (seen in the AiToolsRail inbox
+                // panel once accessible-mode type pushed content past the panel
+                // width). Forcing that wrapper to `block` makes content wrap to the
+                // viewport width instead. Horizontal / both keep the table wrapper
+                // so they can still scroll on the x-axis.
+                o === "vertical" ? "ds:[&>div]:!block" : "",
                 // keyboard focus ring on the scroll container
                 "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
                 "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                 "ds:forced-colors:focus-visible:outline-[Highlight]"
-              ].join(" "),
+              ].filter(Boolean).join(" "),
               children: t
             }
           ),
-          (r === "vertical" || r === "both") && // forceMount keeps the element in the DOM so CSS opacity transition
+          (o === "vertical" || o === "both") && // forceMount keeps the element in the DOM so CSS opacity transition
           // can animate the show/hide instead of mount/unmount snapping.
           /* @__PURE__ */ s(
-            o.Scrollbar,
+            r.Scrollbar,
             {
               forceMount: !0,
               orientation: "vertical",
               className: u({ size: e }),
-              children: /* @__PURE__ */ s(o.Thumb, { className: f() })
+              children: /* @__PURE__ */ s(r.Thumb, { className: f() })
             }
           ),
-          (r === "horizontal" || r === "both") && /* @__PURE__ */ s(
-            o.Scrollbar,
+          (o === "horizontal" || o === "both") && /* @__PURE__ */ s(
+            r.Scrollbar,
             {
               forceMount: !0,
               orientation: "horizontal",
               className: u({ size: e }),
-              children: /* @__PURE__ */ s(o.Thumb, { className: f() })
+              children: /* @__PURE__ */ s(r.Thumb, { className: f() })
             }
           ),
-          /* @__PURE__ */ s(o.Corner, {})
+          /* @__PURE__ */ s(r.Corner, {})
         ]
       }
     );
@@ -116,24 +126,24 @@ const u = b(
 );
 m.displayName = "RadixScrollArea";
 const x = v(
-  (r, e) => {
+  (o, e) => {
     const {
-      orientation: i = "vertical",
-      type: l = "auto",
+      orientation: l = "vertical",
+      type: i = "auto",
       className: t,
       children: n,
       scrollHideDelay: d,
       size: c,
       ...a
-    } = r;
-    return l === "native" ? /* @__PURE__ */ s(
+    } = o;
+    return i === "native" ? /* @__PURE__ */ s(
       "div",
       {
         ref: e,
         "data-component": "scroll-area",
         tabIndex: 0,
         className: [
-          S[i],
+          S[l],
           "ds:min-w-0 ds:min-h-0",
           "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
           "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
@@ -143,17 +153,17 @@ const x = v(
         ...a,
         children: n
       }
-    ) : /* @__PURE__ */ s(m, { ref: e, ...r });
+    ) : /* @__PURE__ */ s(m, { ref: e, ...o });
   }
 );
 x.displayName = "ScrollArea";
-const R = o.Root, T = o.Viewport, V = o.Scrollbar, H = o.Thumb, B = o.Corner;
+const R = r.Root, T = r.Viewport, V = r.Scrollbar, B = r.Thumb, H = r.Corner;
 export {
   x as S,
-  B as a,
+  H as a,
   R as b,
   V as c,
-  H as d,
+  B as d,
   T as e
 };
-//# sourceMappingURL=scroll-area-BWqCkEGz.js.map
+//# sourceMappingURL=scroll-area-5wNK0Cyz.js.map