@llamaindex/ui
Version:
A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications
90 lines (84 loc) • 2.77 kB
JavaScript
var chunkHK7TFVDA_js = require('./chunk-HK7TFVDA.js');
var chunkORMEWXMH_js = require('./chunk-ORMEWXMH.js');
var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
var jsxRuntime = require('react/jsx-runtime');
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n.default = e;
return Object.freeze(n);
}
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
function ScrollArea(_a) {
var _b = _a, {
className,
children
} = _b, props = chunkORMEWXMH_js.__objRest(_b, [
"className",
"children"
]);
return /* @__PURE__ */ jsxRuntime.jsxs(
ScrollAreaPrimitive__namespace.Root,
chunkORMEWXMH_js.__spreadProps(chunkORMEWXMH_js.__spreadValues({
"data-slot": "scroll-area",
className: chunkHK7TFVDA_js.cn("relative", className)
}, props), {
children: [
/* @__PURE__ */ jsxRuntime.jsx(
ScrollAreaPrimitive__namespace.Viewport,
{
"data-slot": "scroll-area-viewport",
className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
children
}
),
/* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
/* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
]
})
);
}
function ScrollBar(_a) {
var _b = _a, {
className,
orientation = "vertical"
} = _b, props = chunkORMEWXMH_js.__objRest(_b, [
"className",
"orientation"
]);
return /* @__PURE__ */ jsxRuntime.jsx(
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
chunkORMEWXMH_js.__spreadProps(chunkORMEWXMH_js.__spreadValues({
"data-slot": "scroll-area-scrollbar",
orientation,
className: chunkHK7TFVDA_js.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
)
}, props), {
children: /* @__PURE__ */ jsxRuntime.jsx(
ScrollAreaPrimitive__namespace.ScrollAreaThumb,
{
"data-slot": "scroll-area-thumb",
className: "bg-border relative flex-1 rounded-full"
}
)
})
);
}
exports.ScrollArea = ScrollArea;
exports.ScrollBar = ScrollBar;
;