@anoki/fse-ui/dist/index.es445.js

FSE UI components library

import * as e from "react";
import l from "./index.es616.js";
import { scrollAreaPropDefs as r } from "./index.es628.js";
import { extractMarginProps as E } from "./index.es629.js";
import { getMarginStyles as z } from "./index.es630.js";
import { getResponsiveClassNames as i } from "./index.es631.js";
import { getSubtree as C } from "./index.es632.js";
import { mergeStyles as R } from "./index.es633.js";
import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es634.js";
const D = e.forwardRef((p, u) => {
  const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
  return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));
});
D.displayName = "ScrollArea";
export {
  D as ScrollArea
};
//# sourceMappingURL=index.es445.js.map