UNPKG

@llamaindex/ui

Version:

A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications

75 lines (69 loc) 3.03 kB
'use strict'; var chunkHK7TFVDA_js = require('./chunk-HK7TFVDA.js'); var chunkORMEWXMH_js = require('./chunk-ORMEWXMH.js'); var lucideReact = require('lucide-react'); var ResizablePrimitive = require('react-resizable-panels'); 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 ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive); function ResizablePanelGroup(_a) { var _b = _a, { className } = _b, props = chunkORMEWXMH_js.__objRest(_b, [ "className" ]); return /* @__PURE__ */ jsxRuntime.jsx( ResizablePrimitive__namespace.PanelGroup, chunkORMEWXMH_js.__spreadValues({ "data-slot": "resizable-panel-group", className: chunkHK7TFVDA_js.cn( "flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className ) }, props) ); } function ResizablePanel(_a) { var props = chunkORMEWXMH_js.__objRest(_a, []); return /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.Panel, chunkORMEWXMH_js.__spreadValues({ "data-slot": "resizable-panel" }, props)); } function ResizableHandle(_a) { var _b = _a, { withHandle, className } = _b, props = chunkORMEWXMH_js.__objRest(_b, [ "withHandle", "className" ]); return /* @__PURE__ */ jsxRuntime.jsx( ResizablePrimitive__namespace.PanelResizeHandle, chunkORMEWXMH_js.__spreadProps(chunkORMEWXMH_js.__spreadValues({ "data-slot": "resizable-handle", className: chunkHK7TFVDA_js.cn( "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className ) }, props), { children: withHandle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVerticalIcon, { className: "size-2.5" }) }) }) ); } exports.ResizableHandle = ResizableHandle; exports.ResizablePanel = ResizablePanel; exports.ResizablePanelGroup = ResizablePanelGroup;