dgz-ui
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript
83 lines (82 loc) • 2.02 kB
JavaScript
import { jsx as s, jsxs as m } from "react/jsx-runtime";
import { r as o } from "./index-Br4MVOGV.es.js";
import * as t from "react";
import { useTranslation as l } from "react-i18next";
import { c as i } from "./utils-CnvKSirc.es.js";
import { E as c } from "./ellipsis-9FjKj8zv.es.js";
const n = t.forwardRef(({ ...a }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...a }));
n.displayName = "Breadcrumb";
const d = t.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ s(
"ol",
{
ref: e,
className: i("flex flex-wrap items-center gap-1.5 break-words", a),
...r
}
));
d.displayName = "BreadcrumbList";
const p = t.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ s(
"li",
{
ref: e,
className: i("inline-flex items-center gap-1.5", a),
...r
}
));
p.displayName = "BreadcrumbItem";
const f = t.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ s(
"span",
{
ref: e,
role: "link",
"aria-disabled": "true",
"aria-current": "page",
className: i("text-foreground font-normal", a),
...r
}
));
f.displayName = "BreadcrumbPage";
const u = ({
children: a,
className: r,
...e
}) => /* @__PURE__ */ s(
"li",
{
role: "presentation",
"aria-hidden": "true",
className: i("text-secondary [&>svg]:size-4", r),
...e,
children: a ?? /* @__PURE__ */ s(o, { size: 20 })
}
);
u.displayName = "BreadcrumbSeparator";
const b = ({
className: a,
...r
}) => {
const { t: e } = l();
return /* @__PURE__ */ m(
"span",
{
role: "presentation",
"aria-hidden": "true",
className: i("flex h-9 w-9 items-center justify-center", a),
...r,
children: [
/* @__PURE__ */ s(c, { className: "h-4 w-4" }),
/* @__PURE__ */ s("span", { className: "sr-only", children: e("More") })
]
}
);
};
b.displayName = "BreadcrumbEllipsis";
export {
n as B,
b as a,
p as b,
d as c,
f as d,
u as e
};
//# sourceMappingURL=breadcrumb-BrMrkZfa.es.js.map