UNPKG

@llamaindex/ui

Version:

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

115 lines (111 loc) 3.74 kB
'use strict'; var chunkHK7TFVDA_js = require('./chunk-HK7TFVDA.js'); var chunkORMEWXMH_js = require('./chunk-ORMEWXMH.js'); var reactSlot = require('@radix-ui/react-slot'); var lucideReact = require('lucide-react'); var jsxRuntime = require('react/jsx-runtime'); function Breadcrumb(_a) { var props = chunkORMEWXMH_js.__objRest(_a, []); return /* @__PURE__ */ jsxRuntime.jsx("nav", chunkORMEWXMH_js.__spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props)); } function BreadcrumbList(_a) { var _b = _a, { className } = _b, props = chunkORMEWXMH_js.__objRest(_b, ["className"]); return /* @__PURE__ */ jsxRuntime.jsx( "ol", chunkORMEWXMH_js.__spreadValues({ "data-slot": "breadcrumb-list", className: chunkHK7TFVDA_js.cn( "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className ) }, props) ); } function BreadcrumbItem(_a) { var _b = _a, { className } = _b, props = chunkORMEWXMH_js.__objRest(_b, ["className"]); return /* @__PURE__ */ jsxRuntime.jsx( "li", chunkORMEWXMH_js.__spreadValues({ "data-slot": "breadcrumb-item", className: chunkHK7TFVDA_js.cn("inline-flex items-center gap-1.5", className) }, props) ); } function BreadcrumbLink(_a) { var _b = _a, { asChild, className } = _b, props = chunkORMEWXMH_js.__objRest(_b, [ "asChild", "className" ]); const Comp = asChild ? reactSlot.Slot : "a"; return /* @__PURE__ */ jsxRuntime.jsx( Comp, chunkORMEWXMH_js.__spreadValues({ "data-slot": "breadcrumb-link", className: chunkHK7TFVDA_js.cn("hover:text-foreground transition-colors", className) }, props) ); } function BreadcrumbPage(_a) { var _b = _a, { className } = _b, props = chunkORMEWXMH_js.__objRest(_b, ["className"]); return /* @__PURE__ */ jsxRuntime.jsx( "span", chunkORMEWXMH_js.__spreadValues({ "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: chunkHK7TFVDA_js.cn("text-foreground font-normal", className) }, props) ); } function BreadcrumbSeparator(_a) { var _b = _a, { children, className } = _b, props = chunkORMEWXMH_js.__objRest(_b, [ "children", "className" ]); return /* @__PURE__ */ jsxRuntime.jsx( "li", chunkORMEWXMH_js.__spreadProps(chunkORMEWXMH_js.__spreadValues({ "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: chunkHK7TFVDA_js.cn("[&>svg]:size-3.5", className) }, props), { children: children != null ? children : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {}) }) ); } function BreadcrumbEllipsis(_a) { var _b = _a, { className } = _b, props = chunkORMEWXMH_js.__objRest(_b, [ "className" ]); return /* @__PURE__ */ jsxRuntime.jsxs( "span", chunkORMEWXMH_js.__spreadProps(chunkORMEWXMH_js.__spreadValues({ "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: chunkHK7TFVDA_js.cn("flex size-9 items-center justify-center", className) }, props), { children: [ /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }), /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More" }) ] }) ); } exports.Breadcrumb = Breadcrumb; exports.BreadcrumbEllipsis = BreadcrumbEllipsis; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator;