@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
JavaScript
;
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;