UNPKG

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