@llamaindex/ui
Version:
A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications
133 lines (129 loc) • 4.11 kB
JavaScript
'use strict';
var chunk64FRNQ3S_js = require('./chunk-64FRNQ3S.js');
var chunkHK7TFVDA_js = require('./chunk-HK7TFVDA.js');
var chunkORMEWXMH_js = require('./chunk-ORMEWXMH.js');
var lucideReact = require('lucide-react');
var jsxRuntime = require('react/jsx-runtime');
function Pagination(_a) {
var _b = _a, { className } = _b, props = chunkORMEWXMH_js.__objRest(_b, ["className"]);
return /* @__PURE__ */ jsxRuntime.jsx(
"nav",
chunkORMEWXMH_js.__spreadValues({
role: "navigation",
"aria-label": "pagination",
"data-slot": "pagination",
className: chunkHK7TFVDA_js.cn("mx-auto flex w-full justify-center", className)
}, props)
);
}
function PaginationContent(_a) {
var _b = _a, {
className
} = _b, props = chunkORMEWXMH_js.__objRest(_b, [
"className"
]);
return /* @__PURE__ */ jsxRuntime.jsx(
"ul",
chunkORMEWXMH_js.__spreadValues({
"data-slot": "pagination-content",
className: chunkHK7TFVDA_js.cn("flex flex-row items-center gap-1", className)
}, props)
);
}
function PaginationItem(_a) {
var props = chunkORMEWXMH_js.__objRest(_a, []);
return /* @__PURE__ */ jsxRuntime.jsx("li", chunkORMEWXMH_js.__spreadValues({ "data-slot": "pagination-item" }, props));
}
function PaginationLink(_a) {
var _b = _a, {
className,
isActive,
size = "icon"
} = _b, props = chunkORMEWXMH_js.__objRest(_b, [
"className",
"isActive",
"size"
]);
return /* @__PURE__ */ jsxRuntime.jsx(
"a",
chunkORMEWXMH_js.__spreadValues({
"aria-current": isActive ? "page" : void 0,
"data-slot": "pagination-link",
"data-active": isActive,
className: chunkHK7TFVDA_js.cn(
chunk64FRNQ3S_js.buttonVariants({
variant: isActive ? "outline" : "ghost",
size
}),
className
)
}, props)
);
}
function PaginationPrevious(_a) {
var _b = _a, {
className
} = _b, props = chunkORMEWXMH_js.__objRest(_b, [
"className"
]);
return /* @__PURE__ */ jsxRuntime.jsxs(
PaginationLink,
chunkORMEWXMH_js.__spreadProps(chunkORMEWXMH_js.__spreadValues({
"aria-label": "Go to previous page",
size: "default",
className: chunkHK7TFVDA_js.cn("gap-1 px-2.5 sm:pl-2.5", className)
}, props), {
children: [
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, {}),
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Previous" })
]
})
);
}
function PaginationNext(_a) {
var _b = _a, {
className
} = _b, props = chunkORMEWXMH_js.__objRest(_b, [
"className"
]);
return /* @__PURE__ */ jsxRuntime.jsxs(
PaginationLink,
chunkORMEWXMH_js.__spreadProps(chunkORMEWXMH_js.__spreadValues({
"aria-label": "Go to next page",
size: "default",
className: chunkHK7TFVDA_js.cn("gap-1 px-2.5 sm:pr-2.5", className)
}, props), {
children: [
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Next" }),
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {})
]
})
);
}
function PaginationEllipsis(_a) {
var _b = _a, {
className
} = _b, props = chunkORMEWXMH_js.__objRest(_b, [
"className"
]);
return /* @__PURE__ */ jsxRuntime.jsxs(
"span",
chunkORMEWXMH_js.__spreadProps(chunkORMEWXMH_js.__spreadValues({
"aria-hidden": true,
"data-slot": "pagination-ellipsis",
className: chunkHK7TFVDA_js.cn("flex size-9 items-center justify-center", className)
}, props), {
children: [
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, { className: "size-4" }),
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
]
})
);
}
exports.Pagination = Pagination;
exports.PaginationContent = PaginationContent;
exports.PaginationEllipsis = PaginationEllipsis;
exports.PaginationItem = PaginationItem;
exports.PaginationLink = PaginationLink;
exports.PaginationNext = PaginationNext;
exports.PaginationPrevious = PaginationPrevious;