UNPKG

@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
'use strict'; 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;