UNPKG

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
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