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