geoiq-frontend-ui-kit
Version:
This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.
92 lines (91 loc) • 2.36 kB
JavaScript
import * as e from "react";
import { Slot as o } from "@radix-ui/react-slot";
import { ChevronRight as l, MoreHorizontal as c } from "lucide-react";
import { cn as m } from "./index.es79.js";
const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
i.displayName = "Breadcrumb";
const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
"ol",
{
ref: t,
className: m(
"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
r
),
...a
}
));
d.displayName = "BreadcrumbList";
const p = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
"li",
{
ref: t,
className: m("inline-flex items-center gap-1.5", r),
...a
}
));
p.displayName = "BreadcrumbItem";
const u = e.forwardRef(({ asChild: r, className: a, ...t }, s) => {
const n = r ? o : "a";
return /* @__PURE__ */ e.createElement(
n,
{
ref: s,
className: m("transition-colors hover:text-foreground", a),
...t
}
);
});
u.displayName = "BreadcrumbLink";
const f = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
"span",
{
ref: t,
role: "link",
"aria-disabled": "true",
"aria-current": "page",
className: m("font-normal text-foreground", r),
...a
}
));
f.displayName = "BreadcrumbPage";
const b = ({
children: r,
className: a,
...t
}) => /* @__PURE__ */ e.createElement(
"li",
{
role: "presentation",
"aria-hidden": "true",
className: m("[&>svg]:size-3.5", a),
...t
},
r ?? /* @__PURE__ */ e.createElement(l, null)
);
b.displayName = "BreadcrumbSeparator";
const N = ({
className: r,
...a
}) => /* @__PURE__ */ e.createElement(
"span",
{
role: "presentation",
"aria-hidden": "true",
className: m("flex h-9 w-9 items-center justify-center", r),
...a
},
/* @__PURE__ */ e.createElement(c, { className: "h-4 w-4" }),
/* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "More")
);
N.displayName = "BreadcrumbElipssis";
export {
i as Breadcrumb,
N as BreadcrumbEllipsis,
p as BreadcrumbItem,
u as BreadcrumbLink,
d as BreadcrumbList,
f as BreadcrumbPage,
b as BreadcrumbSeparator
};
//# sourceMappingURL=index.es109.js.map