impact-nova 2.0.1 → 2.0.3

package/dist/components/ui/ag-grid-react/headers/header-search-input.js

@@ -43,7 +43,7 @@ const kt = ({
     dateDisplayFormat: y
   }), [K, Q] = te(null), [Ye, D] = te(!1), S = (e) => Ye && K && K[e] !== void 0 ? K[e] : fe[e], X = S("searchText"), R = S("dateDisplayString"), pe = S("selectedDate"), he = S("selectedMonth"), me = S("selectedWeek"), A = (e) => {
     Q((t) => ({ ...fe, ...t, ...e }));
-  }, x = () => D(!0), F = () => {
+  }, x = () => D(!0), b = () => {
     D(!1), Q(null);
   }, N = (e, t) => {
     const a = (l) => l.replace(/[^0-9.\-+eE]/g, ""), s = (l, z) => {
@@ -59,20 +59,20 @@ const kt = ({
         parsed: w
       }), w.conditions.length === 0) return null;
       const we = (u) => {
-        let b = Ie(u.operator);
+        let F = Ie(u.operator);
         if (z === "number") {
           const ke = parseFloat(a(u.value));
           return ["contains", "notContains", "startsWith", "endsWith"].includes(
-            b
-          ) && (b = b === "notContains" ? "notEqual" : "equals"), u.operator === "inRange" ? {
-            type: b,
+            F
+          ) && (F = F === "notContains" ? "notEqual" : "equals"), u.operator === "inRange" ? {
+            type: F,
             filter: parseFloat(a(u.value)) || 0,
             filterTo: parseFloat(a(u.valueTo || "")) || 0,
             filterType: "number"
-          } : isNaN(ke) ? null : { type: b, filter: ke, filterType: "number" };
+          } : isNaN(ke) ? null : { type: F, filter: ke, filterType: "number" };
         }
         return {
-          type: b,
+          type: F,
           filter: u.value,
           filterTo: u.valueTo,
           filterType: "text"
@@ -82,7 +82,7 @@ const kt = ({
       if (w.conditions.length === 1)
         B = we(w.conditions[0]);
       else {
-        const u = w.conditions.map(we).filter((b) => b !== null);
+        const u = w.conditions.map(we).filter((F) => F !== null);
         u.length === 0 ? B = null : u.length === 1 ? B = u[0] : B = {
           filterType: z,
           operator: w.logic,
@@ -187,20 +187,20 @@ const kt = ({
       v.setFilterModel(s), v.onFilterChanged();
     },
     [v, d, n]
-  ), Fe = re(
+  ), be = re(
     (e) => {
       const t = n.filter === "agMultiColumnFilter" ? I(n).date : 0;
       $(e, t);
     },
     [n, $]
-  ), be = (e) => {
+  ), Fe = (e) => {
     const t = e.target.value.replace(/[^0-9/\-!=><+,~]/g, "");
     if (A({ dateDisplayString: t }), !t.trim()) {
-      Fe(null);
+      be(null);
       return;
     }
     const a = Ge(t);
-    a && Fe(a);
+    a && be(a);
   }, ee = () => {
     Q(null), Z(""), oe && oe();
   }, j = (e) => {
@@ -298,18 +298,18 @@ const kt = ({
         onClearAll: Ve,
         isLoading: de,
         onFocus: x,
-        onBlur: F
+        onBlur: b
       }
     ) : h === "date" && Ne ? R ? /* @__PURE__ */ r(
       G,
       {
         value: R,
-        onChange: be,
+        onChange: Fe,
         placeholder: i("filter.search"),
         className: "w-full bg-canvas-elevated",
         autoFocus: !0,
         onFocus: x,
-        onBlur: F,
+        onBlur: b,
         suffix: /* @__PURE__ */ r(
           "button",
           {
@@ -350,7 +350,7 @@ const kt = ({
         className: "w-full bg-canvas-elevated",
         showFooter: !1,
         onFocus: x,
-        onBlur: F
+        onBlur: b
       }
     ) : /* @__PURE__ */ r(
       Se,
@@ -364,7 +364,7 @@ const kt = ({
         className: "w-full bg-canvas-elevated",
         weekStartsOn: c?.weekStartsOn,
         onFocus: x,
-        onBlur: F
+        onBlur: b
       }
     ) : /* @__PURE__ */ r(
       G,
@@ -376,7 +376,7 @@ const kt = ({
         autoFocus: !0,
         ref: J,
         onFocus: x,
-        onBlur: F,
+        onBlur: b,
         suffix: X && /* @__PURE__ */ r(
           "button",
           {
@@ -391,19 +391,27 @@ const kt = ({
     ),
     /* @__PURE__ */ g("div", { className: "flex items-center gap-1.5 shrink-0", children: [
       P && /* @__PURE__ */ g(et, { children: [
-        /* @__PURE__ */ r(tt, { asChild: !0, children: /* @__PURE__ */ g("div", { className: "relative group p-1 hover:bg-brand-tint rounded-md transition-colors cursor-pointer", children: [
-          /* @__PURE__ */ r(
-            Ze,
-            {
-              size: "md",
-              className: $e(
-                "text-content-tertiary group-hover:text-brand-variant-hover",
-                Pe && "text-brand-variant-hover"
-              )
-            }
-          ),
-          Pe && /* @__PURE__ */ r("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-brand border border-white shadow-sm" })
-        ] }) }),
+        /* @__PURE__ */ r(tt, { asChild: !0, children: /* @__PURE__ */ g(
+          "button",
+          {
+            type: "button",
+            "aria-label": i("gridHeader.activeFilters"),
+            className: "relative group p-1 hover:bg-brand-tint rounded-md transition-colors cursor-pointer bg-transparent border-none",
+            children: [
+              /* @__PURE__ */ r(
+                Ze,
+                {
+                  size: "md",
+                  className: $e(
+                    "text-content-tertiary group-hover:text-brand-variant-hover",
+                    Pe && "text-brand-variant-hover"
+                  )
+                }
+              ),
+              Pe && /* @__PURE__ */ r("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-brand border border-white shadow-sm" })
+            ]
+          }
+        ) }),
         /* @__PURE__ */ g(rt, { align: "end", className: "w-[300px]", children: [
           /* @__PURE__ */ r(lt, { children: /* @__PURE__ */ r(nt, { children: i("gridHeader.activeFilters") }) }),
           /* @__PURE__ */ g(at, { className: "flex flex-col gap-4", children: [
@@ -444,10 +452,10 @@ const kt = ({
                 G,
                 {
                   value: R,
-                  onChange: be,
+                  onChange: Fe,
                   className: "w-full bg-canvas-elevated",
                   onFocus: x,
-                  onBlur: F,
+                  onBlur: b,
                   suffix: /* @__PURE__ */ r(
                     "button",
                     {
@@ -482,7 +490,7 @@ const kt = ({
                   className: "w-full bg-canvas-elevated",
                   showFooter: !1,
                   onFocus: x,
-                  onBlur: F
+                  onBlur: b
                 }
               ) : /* @__PURE__ */ r(
                 Se,
@@ -493,7 +501,7 @@ const kt = ({
                   className: "w-full bg-canvas-elevated",
                   weekStartsOn: c?.weekStartsOn,
                   onFocus: x,
-                  onBlur: F
+                  onBlur: b
                 }
               )
             ] })

package/dist/components/ui/ag-grid-react/index.js

@@ -1,27 +1,27 @@
 import { jsxs as fe, jsx as v } from "react/jsx-runtime";
-import { lazy as me, useRef as F, useState as T, useCallback as f, useMemo as y, useEffect as ge, Suspense as he } from "react";
+import { lazy as me, useRef as S, useState as w, useCallback as f, useMemo as y, useEffect as ge, Suspense as he } from "react";
 import { ModuleRegistry as Ce, AllCommunityModule as ye, ValidationModule as ve } from "ag-grid-community";
 import { AllEnterpriseModule as be } from "ag-grid-enterprise";
 import { AgGridReact as xe } from "ag-grid-react";
-import { customAgGridTheme as Fe } from "./theme.js";
-import { CustomHeader as Se } from "./headers/custom-header.js";
+import { customAgGridTheme as Se } from "./theme.js";
+import { CustomHeader as Fe } from "./headers/custom-header.js";
 import { CustomHeaderGroup as Me } from "./headers/custom-header-group.js";
 import { DefaultTextCellRenderer as Ee } from "./cell-renderers/default-text-cell-renderer.js";
 import { GridHeaderContext as Ae } from "./headers/context/grid-header-context.js";
-import { convertToAgGridFilterModel as Ge, getMultiFilterIndices as Re, convertFromAgGridFilterModel as ke } from "./headers/utils/filter-utils.js";
+import { convertToAgGridFilterModel as Re, getMultiFilterIndices as Ge, convertFromAgGridFilterModel as ke } from "./headers/utils/filter-utils.js";
 import { ColumnSettingsMenu as je } from "./headers/column-menu/column-settings-menu.js";
-import { AG_GRID_VALUE_FORMATTERS as Te } from "./value-formatters.js";
-import { useGridAutoSizeStrategyOnResize as we } from "./useGridAutoSizeStrategyOnResize.js";
+import { AG_GRID_VALUE_FORMATTERS as we } from "./value-formatters.js";
+import { useGridAutoSizeStrategyOnResize as Te } from "./useGridAutoSizeStrategyOnResize.js";
 /* empty css                */
 import { refreshGridAutoSizeStrategy as et } from "./refreshGridAutoSizeStrategy.js";
 import { subscribeGridApiEvent as rt, subscribeGridApiEvents as nt } from "./grid-api-event-subscription.js";
 const Pe = me(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
 Ce.registerModules([ye, be, ve]);
-const S = "
", H = "";
-function U(i) {
+const F = "
", O = "";
+function K(i) {
   return i.getColumns()?.some((n) => n.getColDef().headerCheckboxSelection) ?? !1;
 }
-const W = (i) => {
+const U = (i) => {
   if (!i) return;
   const n = i.cellRendererParams?.splits;
   if (Array.isArray(n) && n.length > 0) return n;
@@ -79,13 +79,13 @@ function Qe({
   onFilterChanged: b,
   onSelectionChanged: C,
   onModelUpdated: M,
-  ensureDomOrder: w = !0,
+  ensureDomOrder: T = !0,
   autoSizeStrategy: P,
   ...g
 }) {
-  const u = F(null), I = F(null), [D, L] = T(null);
-  we(D, I, P);
-  const [J, N] = T(!1), [X, _] = T(null), [B, V] = T(!1), E = F(null), O = F(null), A = F(null), Q = f(() => [], []), Y = y(() => ({
+  const u = S(null), I = S(null), [D, L] = w(null);
+  Te(D, I, P);
+  const [J, N] = w(!1), [X, _] = w(null), [B, V] = w(!1), E = S(null), H = S(null), A = S(null), Q = f(() => [], []), Y = y(() => ({
     numericColumn: {
       cellClass: "ag-right-aligned-cell",
       headerClass: "ag-right-aligned-header",
@@ -106,7 +106,7 @@ function Qe({
     dateColumn: {
       filter: "agDateColumnFilter"
     }
-  }), []), G = y(() => ({
+  }), []), R = y(() => ({
     openSearch: (e) => {
       if (!u.current) return;
       const t = u.current.getGridOption("context") || {};
@@ -125,14 +125,14 @@ function Qe({
     },
     applyAdvancedFilter: (e) => {
       if (!u.current) return;
-      const t = Ge(e);
+      const t = Re(e);
       u.current.setFilterModel(t), u.current.onFilterChanged(), u.current.refreshHeader();
     },
     openMenu: (e, t, o = "column") => {
-      E.current = e, O.current = t, A.current = o, V(!0);
+      E.current = e, H.current = t, A.current = o, V(!0);
     },
     closeMenu: () => {
-      E.current = null, O.current = null, A.current = null, V(!1);
+      E.current = null, H.current = null, A.current = null, V(!1);
     },
     // Getters read from refs - O(1) per header, no memory allocation
     get activeMenuColumnId() {
@@ -157,12 +157,12 @@ function Qe({
     [b]
   ), re = f(
     (e) => {
-      U(e.api) && e.api.refreshHeader(), C?.(e);
+      K(e.api) && e.api.refreshHeader(), C?.(e);
     },
     [C]
   ), ne = f(
     (e) => {
-      e.api.getGridOption("rowModelType") !== "serverSide" && U(e.api) && e.api.refreshHeader(), M?.(e);
+      e.api.getGridOption("rowModelType") !== "serverSide" && K(e.api) && e.api.refreshHeader(), M?.(e);
     },
     [M]
   );
@@ -181,7 +181,7 @@ function Qe({
     return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
   }, []);
   const oe = y(() => ({
-    headerComponent: Se,
+    headerComponent: Fe,
     // Default cell renderer wraps text in a span so display:flex centering
     // and text-overflow:ellipsis both work (ellipsis doesn't work on
     // anonymous flex text nodes, but works on flex child elements).
@@ -211,7 +211,7 @@ function Qe({
       ...l?.headerGroupComponentParams
     }
   }), [l]), ie = y(() => ({
-    ...Te,
+    ...we,
     // Always available - value formatters
     ...g.components,
     // User components override
@@ -220,17 +220,17 @@ function Qe({
   }), [m, g.components]), se = f((e) => {
     const t = e.value;
     if (t == null || typeof t != "object") return t;
-    const o = W(e.column?.getColDef());
+    const o = U(e.column?.getColDef());
     if (o && o.length > 0) {
       const r = z(t, o);
       if (o.length === 1) {
         const d = o[0]?.field?.split(".").pop(), x = d ? t[d] : void 0;
         return x && typeof x == "object" && "value" in x ? x.value ?? "" : r[0];
       }
-      return H + r.join(S);
+      return O + r.join(F);
     }
     const s = Object.entries(t).map(([, r]) => r && typeof r == "object" && "value" in r ? r.value : typeof r != "object" && typeof r < "u" ? r : null).filter((r) => r != null);
-    return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(S);
+    return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(F);
   }, []), ue = f((e) => {
     if (typeof e.value == "string") {
       const t = e.value.trim();
@@ -244,7 +244,7 @@ function Qe({
     return e.value;
   }, []), ae = f((e) => {
     const t = e?.data ?? "";
-    if (!t.includes(S) && !t.includes(H)) {
+    if (!t.includes(F) && !t.includes(O)) {
       $(t);
       return;
     }
@@ -256,23 +256,23 @@ function Qe({
         o.push("");
         continue;
       }
-      const k = d.split("	").map((p) => p.startsWith(H) ? { isSplit: !0, slots: p.slice(1).split(S) } : { isSplit: !1, slots: p.split(S) }), K = Math.max(1, ...k.map((p) => p.slots.length));
-      if (K === 1) {
+      const k = d.split("	").map((p) => p.startsWith(O) ? { isSplit: !0, slots: p.slice(1).split(F) } : { isSplit: !1, slots: p.split(F) }), W = Math.max(1, ...k.map((p) => p.slots.length));
+      if (W === 1) {
         o.push(k.map((p) => p.slots[0] ?? "").join("	"));
         continue;
       }
-      for (let p = 0; p < K; p++) {
+      for (let p = 0; p < W; p++) {
         const pe = k.map((j) => !j.isSplit && j.slots.length === 1 ? j.slots[0] : j.slots[p] ?? "");
         o.push(pe.join("	"));
       }
     }
     $(o.join(`
 `));
-  }, []), R = f((e) => {
+  }, []), G = f((e) => {
     const t = e.value;
     if (t == null) return "";
     if (typeof t != "object") return String(t);
-    const o = W(e.column?.getColDef());
+    const o = U(e.column?.getColDef());
     if (o && o.length > 0) {
       const r = z(t, o);
       return o.length === 1 ? r[0] : r.join(`
@@ -291,17 +291,17 @@ function Qe({
     return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(`
 `);
   }, []), ce = y(() => ({
-    processCellCallback: R,
+    processCellCallback: G,
     ...g.defaultCsvExportParams ?? {}
-  }), [R, g.defaultCsvExportParams]), de = y(() => ({
-    processCellCallback: R,
+  }), [G, g.defaultCsvExportParams]), de = y(() => ({
+    processCellCallback: G,
     ...g.defaultExcelExportParams ?? {}
-  }), [R, g.defaultExcelExportParams]);
-  return /* @__PURE__ */ fe(Ae.Provider, { value: G, children: [
+  }), [G, g.defaultExcelExportParams]);
+  return /* @__PURE__ */ fe(Ae.Provider, { value: R, children: [
     /* @__PURE__ */ v("div", { ref: I, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ v(
       xe,
       {
-        theme: Fe,
+        theme: Se,
         defaultColDef: oe,
         columnDefs: h,
         cellSelection: !0,
@@ -315,10 +315,12 @@ function Qe({
         processCellForClipboard: se,
         processCellFromClipboard: ue,
         sendToClipboard: ae,
-        ensureDomOrder: w,
+        ensureDomOrder: T,
         suppressHeaderFocus: !1,
         suppressFocusAfterRefresh: !0,
         suppressGroupRowsSticky: !0,
+        hidePaddedHeaderRows: !0,
+        suppressServerSideFullWidthLoadingRow: !0,
         columnTypes: Y,
         autoSizeStrategy: P,
         ...g,
@@ -334,8 +336,8 @@ function Qe({
         isOpen: J,
         columnId: X,
         gridApi: D,
-        onClose: G.closeAdvancedFilter,
-        onApply: G.applyAdvancedFilter
+        onClose: R.closeAdvancedFilter,
+        onApply: R.applyAdvancedFilter
       }
     ),
     /* @__PURE__ */ v(
@@ -344,9 +346,9 @@ function Qe({
         isOpen: B,
         columnId: E.current,
         gridApi: D,
-        anchor: O.current,
+        anchor: H.current,
         variant: A.current,
-        onClose: G.closeMenu
+        onClose: R.closeMenu
       }
     )
   ] });
@@ -361,7 +363,7 @@ function Ie({
   if (!i || !n || !l) return null;
   const a = l.getColumn(n);
   if (!a) return null;
-  const c = a.getColDef(), b = c.headerComponentParams, C = Re(c), M = C.text !== -1 || C.number !== -1 || C.date !== -1, w = C.set !== -1, g = c.filter === "agMultiColumnFilter" && (M || w) ? "multi" : c.filter === "agNumberColumnFilter" ? "number" : c.filter === "agDateColumnFilter" ? "date" : c.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", u = ke(l.getFilterModel());
+  const c = a.getColDef(), b = c.headerComponentParams, C = Ge(c), M = C.text !== -1 || C.number !== -1 || C.date !== -1, T = C.set !== -1, g = c.filter === "agMultiColumnFilter" && (M || T) ? "multi" : c.filter === "agNumberColumnFilter" ? "number" : c.filter === "agDateColumnFilter" ? "date" : c.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", u = ke(l.getFilterModel());
   return /* @__PURE__ */ v(he, { fallback: null, children: /* @__PURE__ */ v(
     Pe,
     {

package/dist/components/ui/breadcrumb.d.ts

@@ -13,6 +13,10 @@ declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.Detaile
     asChild?: boolean;
     maxWords?: number;
 } & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbHomeLink: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+    maxWords?: number;
+} & React.RefAttributes<HTMLAnchorElement>, "ref">, "children"> & React.RefAttributes<HTMLAnchorElement>>;
 declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     maxWords?: number;
 } & React.RefAttributes<HTMLSpanElement>>;
@@ -25,5 +29,5 @@ declare const BreadcrumbEllipsis: {
     displayName: string;
 };
 declare const BreadcrumbHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, BreadcrumbHeader, HomeIcon, BreadcrumbArrowSeparator, };
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbHomeLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, BreadcrumbHeader, HomeIcon, BreadcrumbArrowSeparator, };
 declare const BreadcrumbArrowSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/components/ui/breadcrumb.js

@@ -1,15 +1,15 @@
 import { jsx as a, jsxs as f } from "react/jsx-runtime";
 import * as s from "react";
-import { Slot as y } from "@radix-ui/react-slot";
-import { ThreeDots as v } from "impact-nova-icons";
-import { ClickMeArrow as H } from "./local-raster-icons/rasterIcons.js";
-import { Tooltip as C, TooltipTrigger as w, TooltipContent as b } from "./tooltip.js";
+import { Slot as v } from "@radix-ui/react-slot";
+import { ThreeDots as H } from "impact-nova-icons";
+import { ClickMeArrow as L } from "./local-raster-icons/rasterIcons.js";
+import { Tooltip as b, TooltipTrigger as w, TooltipContent as g } from "./tooltip.js";
 import { cn as n } from "../../lib/utils.js";
-import { useImpactNovaI18n as g } from "../../i18n/ImpactNovaI18nContext.js";
-const x = s.createContext({}), N = (e, t) => {
+import { useImpactNovaI18n as h } from "../../i18n/ImpactNovaI18nContext.js";
+const x = s.createContext({}), B = (e, t) => {
   const r = e.split(/\s+/);
   return r.length <= t ? e : r.slice(0, t).join(" ") + "...";
-}, q = ({ className: e }) => /* @__PURE__ */ a(
+}, R = ({ className: e }) => /* @__PURE__ */ a(
   "svg",
   {
     width: "13",
@@ -17,6 +17,8 @@ const x = s.createContext({}), N = (e, t) => {
     viewBox: "0 0 12 13",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
     className: n("h-3.5 w-3.5", e),
     children: /* @__PURE__ */ a(
       "path",
@@ -26,12 +28,12 @@ const x = s.createContext({}), N = (e, t) => {
       }
     )
   }
-), L = s.forwardRef(({ ...e }, t) => {
-  const { t: r } = g();
+), W = s.forwardRef(({ ...e }, t) => {
+  const { t: r } = h();
   return /* @__PURE__ */ a("nav", { ref: t, "aria-label": r("aria.breadcrumb"), ...e });
 });
-L.displayName = "Breadcrumb";
-const W = s.forwardRef(({ className: e, maxWords: t, ...r }, o) => /* @__PURE__ */ a(x.Provider, { value: { maxWords: t }, children: /* @__PURE__ */ a(
+W.displayName = "Breadcrumb";
+const V = s.forwardRef(({ className: e, maxWords: t, ...r }, o) => /* @__PURE__ */ a(x.Provider, { value: { maxWords: t }, children: /* @__PURE__ */ a(
   "ol",
   {
     ref: o,
@@ -42,8 +44,8 @@ const W = s.forwardRef(({ className: e, maxWords: t, ...r }, o) => /* @__PURE__
     ...r
   }
 ) }));
-W.displayName = "BreadcrumbList";
-const R = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+V.displayName = "BreadcrumbList";
+const S = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
   "li",
   {
     ref: r,
@@ -51,33 +53,38 @@ const R = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
     ...t
   }
 ));
-R.displayName = "BreadcrumbItem";
-const V = s.forwardRef(
-  ({ asChild: e, className: t, maxWords: r, children: o, ...p }, u) => {
-    const i = e ? y : "a", { maxWords: d } = s.useContext(x), c = r ?? d, l = typeof o == "string", m = l && c ? N(o, c) : o, B = l && c && o.split(/\s+/).length > c, h = /* @__PURE__ */ a(
+S.displayName = "BreadcrumbItem";
+const N = s.forwardRef(
+  ({ asChild: e, className: t, maxWords: r, children: o, ...u }, p) => {
+    const i = e ? v : "a", { maxWords: d } = s.useContext(x), c = r ?? d, l = typeof o == "string", m = l && c ? B(o, c) : o, y = l && c && o.split(/\s+/).length > c, C = /* @__PURE__ */ a(
       i,
       {
-        ref: u,
+        ref: p,
         className: n(
           "transition-colors text-brand hover:text-brand-strong font-medium",
           t
         ),
-        ...p,
+        ...u,
         children: m
       }
     );
-    return B ? /* @__PURE__ */ f(C, { children: [
-      /* @__PURE__ */ a(w, { asChild: !0, children: h }),
-      /* @__PURE__ */ a(b, { side: "top", variant: "tertiary", children: o })
-    ] }) : h;
+    return y ? /* @__PURE__ */ f(b, { children: [
+      /* @__PURE__ */ a(w, { asChild: !0, children: C }),
+      /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: o })
+    ] }) : C;
   }
 );
-V.displayName = "BreadcrumbLink";
-const S = s.forwardRef(({ className: e, maxWords: t, children: r, ...o }, p) => {
-  const { maxWords: u } = s.useContext(x), i = t ?? u, d = typeof r == "string", c = d && i ? N(r, i) : r, l = d && i && r.split(/\s+/).length > i, m = /* @__PURE__ */ a(
+N.displayName = "BreadcrumbLink";
+const T = s.forwardRef(({ ...e }, t) => {
+  const { t: r } = h();
+  return /* @__PURE__ */ a(N, { ref: t, "aria-label": r("aria.home"), ...e, children: /* @__PURE__ */ a(R, {}) });
+});
+T.displayName = "BreadcrumbHomeLink";
+const k = s.forwardRef(({ className: e, maxWords: t, children: r, ...o }, u) => {
+  const { maxWords: p } = s.useContext(x), i = t ?? p, d = typeof r == "string", c = d && i ? B(r, i) : r, l = d && i && r.split(/\s+/).length > i, m = /* @__PURE__ */ a(
     "span",
     {
-      ref: p,
+      ref: u,
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
@@ -87,13 +94,13 @@ const S = s.forwardRef(({ className: e, maxWords: t, children: r, ...o }, p) =>
       children: c
     }
   );
-  return l ? /* @__PURE__ */ f(C, { children: [
+  return l ? /* @__PURE__ */ f(b, { children: [
     /* @__PURE__ */ a(w, { asChild: !0, children: m }),
-    /* @__PURE__ */ a(b, { side: "top", variant: "tertiary", children: r })
+    /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: r })
   ] }) : m;
 });
-S.displayName = "BreadcrumbPage";
-const T = ({
+k.displayName = "BreadcrumbPage";
+const M = ({
   children: e,
   className: t,
   ...r
@@ -127,12 +134,12 @@ const T = ({
     )
   }
 );
-T.displayName = "BreadcrumbSeparator";
-const M = ({
+M.displayName = "BreadcrumbSeparator";
+const j = ({
   className: e,
   ...t
 }) => {
-  const { t: r } = g(), o = r("aria.more");
+  const { t: r } = h(), o = r("aria.more");
   return /* @__PURE__ */ f(
     "span",
     {
@@ -141,14 +148,14 @@ const M = ({
       className: n("flex h-9 w-9 items-center justify-center", e),
       ...t,
       children: [
-        /* @__PURE__ */ a(v, { className: "h-4 w-4" }),
+        /* @__PURE__ */ a(H, { className: "h-4 w-4" }),
         /* @__PURE__ */ a("span", { className: "sr-only", children: o })
       ]
     }
   );
 };
-M.displayName = "BreadcrumbElipssis";
-const j = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+j.displayName = "BreadcrumbElipssis";
+const I = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
   "div",
   {
     ref: r,
@@ -156,8 +163,8 @@ const j = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
     ...t
   }
 ));
-j.displayName = "BreadcrumbHeader";
-const I = s.forwardRef(({ className: e, style: t, ...r }, o) => /* @__PURE__ */ a(
+I.displayName = "BreadcrumbHeader";
+const A = s.forwardRef(({ className: e, style: t, ...r }, o) => /* @__PURE__ */ a(
   "li",
   {
     ref: o,
@@ -166,19 +173,20 @@ const I = s.forwardRef(({ className: e, style: t, ...r }, o) => /* @__PURE__ */
     className: n("inline-flex items-center", e),
     style: t,
     ...r,
-    children: /* @__PURE__ */ a(H, { size: 12 })
+    children: /* @__PURE__ */ a(L, { size: 12 })
   }
 ));
-I.displayName = "BreadcrumbArrowSeparator";
+A.displayName = "BreadcrumbArrowSeparator";
 export {
-  L as Breadcrumb,
-  I as BreadcrumbArrowSeparator,
-  M as BreadcrumbEllipsis,
-  j as BreadcrumbHeader,
-  R as BreadcrumbItem,
-  V as BreadcrumbLink,
-  W as BreadcrumbList,
-  S as BreadcrumbPage,
-  T as BreadcrumbSeparator,
-  q as HomeIcon
+  W as Breadcrumb,
+  A as BreadcrumbArrowSeparator,
+  j as BreadcrumbEllipsis,
+  I as BreadcrumbHeader,
+  T as BreadcrumbHomeLink,
+  S as BreadcrumbItem,
+  N as BreadcrumbLink,
+  V as BreadcrumbList,
+  k as BreadcrumbPage,
+  M as BreadcrumbSeparator,
+  R as HomeIcon
 };