impact-nova 2.0.2 → 2.0.4

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

@@ -1,10 +1,23 @@
 import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const ACCORDION_HEADING_TAGS: {
+    readonly 2: "h2";
+    readonly 3: "h3";
+    readonly 4: "h4";
+    readonly 5: "h5";
+    readonly 6: "h6";
+};
+type AccordionHeadingLevel = keyof typeof ACCORDION_HEADING_TAGS;
 declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     badge?: React.ReactNode;
     rightActions?: React.ReactNode;
+    /**
+     * Heading level for the accordion section title. Defaults to `2` so panels
+     * follow a single page `h1` without skipping levels.
+     */
+    headingLevel?: AccordionHeadingLevel;
     /**
      * `default` — leading chevron tile + i18n tooltip (standard panels).
      * `plain` — trigger only; use for list rows (e.g. SKU) where children include layout + chevron.

package/dist/components/ui/accordion.js

@@ -1,65 +1,82 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import * as d from "react";
 import * as i from "@radix-ui/react-accordion";
-import { ChevronRight as g } from "impact-nova-icons";
-import { cn as a } from "../../lib/utils.js";
-import { Tooltip as p, TooltipTrigger as u, TooltipContent as v } from "./tooltip.js";
-import { useImpactNovaI18n as x } from "../../i18n/ImpactNovaI18nContext.js";
-const R = i.Root, b = d.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ e(
+import { ChevronRight as u } from "impact-nova-icons";
+import { cn as o } from "../../lib/utils.js";
+import { Tooltip as v, TooltipTrigger as x, TooltipContent as N } from "./tooltip.js";
+import { useImpactNovaI18n as b } from "../../i18n/ImpactNovaI18nContext.js";
+const F = i.Root, y = {
+  2: "h2",
+  3: "h3",
+  4: "h4",
+  5: "h5",
+  6: "h6"
+}, g = "m-0 p-0 text-inherit font-inherit", w = d.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
   i.Item,
   {
     ref: r,
     "data-item": t.value,
     "data-disabled": t.disabled ? "" : void 0,
-    className: a(
+    className: o(
       "ia-accordion-item border-b rounded-lg bg-white border-[#EFF2FA]",
-      o
+      a
     ),
     ...t
   }
 ));
-b.displayName = "AccordionItem";
-const h = d.forwardRef(
-  ({ className: o, children: t, badge: r, rightActions: n, variant: l = "default", ...c }, m) => {
-    const { t: f } = x();
-    return l === "plain" ? /* @__PURE__ */ e(i.Header, { className: "flex flex-1", children: /* @__PURE__ */ e(
+w.displayName = "AccordionItem";
+const C = d.forwardRef(
+  ({
+    className: a,
+    children: t,
+    badge: r,
+    rightActions: n,
+    headingLevel: l = 2,
+    variant: h = "default",
+    ...c
+  }, m) => {
+    const { t: p } = b(), f = y[l];
+    return h === "plain" ? /* @__PURE__ */ e(i.Header, { asChild: !0, className: "flex flex-1", children: /* @__PURE__ */ e(f, { className: o("flex flex-1", g), children: /* @__PURE__ */ e(
       i.Trigger,
       {
         ref: m,
-        className: a(
+        className: o(
           "group flex flex-1 outline-none transition-all",
           "focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-canvas-elevated",
-          o
+          a
         ),
         ...c,
         children: t
       }
-    ) }) : /* @__PURE__ */ s(
-      i.Header,
+    ) }) }) : /* @__PURE__ */ e(i.Header, { asChild: !0, children: /* @__PURE__ */ s(
+      f,
       {
-        className: "flex items-center",
+        className: o(
+          "flex items-center",
+          g
+        ),
         style: { overflow: "visible" },
         children: [
           /* @__PURE__ */ s(
             i.Trigger,
             {
               ref: m,
-              className: a(
+              className: o(
                 "flex min-w-0 flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90 focus-visible:outline-none",
-                o
+                a
               ),
               style: { outline: "none" },
               ...c,
               children: [
-                /* @__PURE__ */ s(p, { children: [
-                  /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(
-                    g,
+                /* @__PURE__ */ s(v, { children: [
+                  /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(
+                    u,
                     {
                       size: 19,
                       className: "transition-transform duration-200"
                     }
                   ) }) }),
-                  /* @__PURE__ */ e(v, { side: "top", variant: "tertiary", children: f("aria.toggle") })
+                  /* @__PURE__ */ e(N, { side: "top", variant: "tertiary", children: p("aria.toggle") })
                 ] }),
                 /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
                   t,
@@ -71,26 +88,26 @@ const h = d.forwardRef(
           n ? /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center pr-4", children: n }) : null
         ]
       }
-    );
+    ) });
   }
 );
-h.displayName = i.Trigger.displayName;
-const N = d.forwardRef(({ className: o, children: t, surfaceClassName: r, ...n }, l) => /* @__PURE__ */ e(
+C.displayName = i.Trigger.displayName;
+const T = d.forwardRef(({ className: a, children: t, surfaceClassName: r, ...n }, l) => /* @__PURE__ */ e(
   i.Content,
   {
     ref: l,
-    className: a(
+    className: o(
       "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible",
       r
     ),
     ...n,
-    children: /* @__PURE__ */ e("div", { className: a("px-4 pb-4 pt-2", o), children: t })
+    children: /* @__PURE__ */ e("div", { className: o("px-4 pb-4 pt-2", a), children: t })
   }
 ));
-N.displayName = i.Content.displayName;
+T.displayName = i.Content.displayName;
 export {
-  R as Accordion,
-  N as AccordionContent,
-  b as AccordionItem,
-  h as AccordionTrigger
+  F as Accordion,
+  T as AccordionContent,
+  w as AccordionItem,
+  C as AccordionTrigger
 };

package/dist/components/ui/ag-grid-react/cell-renderers/percent-progress-display-renderer.js

@@ -1,61 +1,62 @@
-import { jsx as c, jsxs as V } from "react/jsx-runtime";
+import { jsx as o, jsxs as $ } from "react/jsx-runtime";
 import { Badge as j } from "../../badge.js";
 import { Progress as w } from "../../progress.js";
-import { cn as $ } from "../../../../lib/utils.js";
-function E(e) {
+import { cn as E } from "../../../../lib/utils.js";
+function F(e) {
   return e && typeof e == "object" && "value" in e ? e.value : e;
 }
-function F(e) {
+function S(e) {
   if (e == null || e === "") return null;
   if (typeof e == "number") return isNaN(e) ? null : e;
   const a = Number(String(e).replace(/%/g, "").trim());
   return isNaN(a) ? null : a;
 }
-function S(e, a, n) {
+function _(e, a, n) {
   return Math.min(n, Math.max(a, e));
 }
-const _ = (e) => {
-  const { value: a, disabled: n, colDef: o, className: b, data: s } = e, l = e.min ?? 0, d = e.max ?? 100, u = e.fractionDigits ?? 0, h = e.badgeVariant ?? "subtle", x = e.badgeColor ?? "neutral", p = e.badgeShape ?? "circle", N = e.progressVariant ?? "default", f = a && typeof a == "object" && "cellMetadata" in a ? a.cellMetadata?._isDisabled : void 0, m = s && typeof s == "object" && "rowMetadata" in s ? s.rowMetadata?._isDisabled : void 0;
+const A = (e) => {
+  const { value: a, disabled: n, colDef: s, className: h, data: r } = e, l = e.min ?? 0, d = e.max ?? 100, m = e.fractionDigits ?? 0, N = e.badgeVariant ?? "subtle", x = e.badgeColor ?? "neutral", p = e.badgeShape ?? "circle", v = e.progressVariant ?? "default", u = a && typeof a == "object" && "cellMetadata" in a ? a.cellMetadata?._isDisabled : void 0, f = r && typeof r == "object" && "rowMetadata" in r ? r.rowMetadata?._isDisabled : void 0;
   let t = !1;
   if (!n) {
-    const P = o?._originalEditable;
-    o?.editable === !1 ? t = !1 : f === !1 ? t = !0 : f === !0 ? t = !1 : m === !1 ? t = !0 : m === !0 ? t = !1 : t = P === !0 || o?.editable === !0;
+    const V = s?._originalEditable;
+    s?.editable === !1 ? t = !1 : u === !1 ? t = !0 : u === !0 ? t = !1 : f === !1 ? t = !0 : f === !0 ? t = !1 : t = V === !0 || s?.editable === !0;
   }
-  const v = E(a), g = F(v), i = g != null, r = i ? S(g, l, d) : l, y = d - l || 1, D = i ? (r - l) / y * 100 : 0, M = i ? u > 0 ? `${r.toFixed(u)}%` : `${Math.round(r)}%` : "--";
-  return /* @__PURE__ */ c(
+  const y = F(a), g = S(y), i = g != null, c = i ? _(g, l, d) : l, D = d - l || 1, P = i ? (c - l) / D * 100 : 0, b = i ? m > 0 ? `${c.toFixed(m)}%` : `${Math.round(c)}%` : "--", M = `${s?.headerName?.trim() || "Progress"}: ${b}`;
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: `w-full h-full flex items-center ag-cell-inner-padding ${b ?? ""} ${n ? "opacity-60 cursor-not-allowed" : t ? "in-ag-editable-cell-highlight" : ""}`,
-      children: /* @__PURE__ */ V("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ c(
+      className: `w-full h-full flex items-center ag-cell-inner-padding ${h ?? ""} ${n ? "opacity-60 cursor-not-allowed" : t ? "in-ag-editable-cell-highlight" : ""}`,
+      children: /* @__PURE__ */ $("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ o(
           w,
           {
             label: !1,
-            variant: N,
-            value: D,
+            "aria-label": M,
+            variant: v,
+            value: P,
             max: 100,
-            "aria-valuenow": i ? r : void 0,
+            "aria-valuenow": i ? c : void 0,
             "aria-valuemin": l,
             "aria-valuemax": d,
             className: "h-2.5"
           }
         ) }),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ o(
           j,
           {
-            variant: h,
+            variant: N,
             color: x,
             shape: p,
             size: "sm",
-            className: $("shrink-0 tabular-nums leading-none", !i && "text-content-empty"),
-            children: M
+            className: E("shrink-0 tabular-nums leading-none", !i && "text-content-empty"),
+            children: b
           }
         )
       ] })
     }
   );
 };
-_.displayName = "PercentProgressDisplayRenderer";
+A.displayName = "PercentProgressDisplayRenderer";
 export {
-  _ as PercentProgressDisplayRenderer
+  A as PercentProgressDisplayRenderer
 };

package/dist/components/ui/ag-grid-react/headers/components/header-info.d.ts

@@ -2,29 +2,31 @@ import { CustomHeaderProps } from 'ag-grid-react';
 import { IHeaderGroupParams } from 'ag-grid-community';
 import { ExtendedHeaderComponentParams, InfoContent } from '../../../types/ag-grid.types';
 /**
- * Info Icon Trigger - Shared presentational component with propagation stop
+ * Info Icon Trigger - native button for grid header info actions.
  */
-export declare const InfoIconTrigger: ({ onClick, className }: {
-    onClick?: (e: React.MouseEvent) => void;
+export declare const InfoIconTrigger: ({ onClick, className, label, }: {
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     className?: string;
+    label: string;
 }) => import("react/jsx-runtime").JSX.Element;
 /**
  * Tooltip-only Info Trigger
  */
-export declare const TooltipInfoTrigger: ({ content, className, onInfoClick }: {
+export declare const TooltipInfoTrigger: ({ content, className, onInfoClick, label, }: {
     content: string;
     className?: string;
     onInfoClick?: (e: React.MouseEvent) => void;
+    label: string;
 }) => import("react/jsx-runtime").JSX.Element;
 /**
  * Modal-enabled Info Trigger
  * Only this component allocates a useState hook.
  */
-export declare const ModalInfoTrigger: ({ infoData, className, onInfoClick }: {
+export declare const ModalInfoTrigger: ({ infoData, className, onInfoClick, label, }: {
     infoData?: InfoContent;
-    displayName?: string;
     className?: string;
     onInfoClick?: (e: React.MouseEvent) => void;
+    label: string;
 }) => import("react/jsx-runtime").JSX.Element;
 type HeaderInfoProps = (CustomHeaderProps | IHeaderGroupParams) & ExtendedHeaderComponentParams & {
     className?: string;

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

@@ -1,96 +1,105 @@
-import { jsx as n, jsxs as p, Fragment as h } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { cn as f } from "../../../../../lib/utils.js";
-import { Info as I } from "impact-nova-icons";
-import { LazyTooltip as d } from "./lazy-tooltip.js";
-import { InfoModal as g } from "./info-modal.js";
-import { useImpactNovaI18n as k } from "../../../../../i18n/ImpactNovaI18nContext.js";
-const m = ({ onClick: t, className: e }) => {
-  const o = (i) => {
-    i.stopPropagation(), t && t(i);
+import { jsx as t, jsxs as I, Fragment as g } from "react/jsx-runtime";
+import { useState as k } from "react";
+import { cn as m } from "../../../../../lib/utils.js";
+import { Info as b } from "impact-nova-icons";
+import { LazyTooltip as p } from "./lazy-tooltip.js";
+import { InfoModal as C } from "./info-modal.js";
+import { useImpactNovaI18n as h } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const u = ({
+  onClick: n,
+  className: i,
+  label: r
+}) => {
+  const o = (a) => {
+    a.stopPropagation(), n?.(a);
   };
-  return /* @__PURE__ */ n(
-    "span",
+  return /* @__PURE__ */ t(
+    "button",
     {
-      className: f(
+      type: "button",
+      "aria-label": r,
+      className: m(
         "cursor-pointer flex items-center justify-center shrink-0 w-6 h-6 rounded-md transition-all duration-200 text-content-tertiary hover:bg-muted active:bg-stroke-hairline",
-        e
+        i
       ),
       onClick: o,
-      role: "button",
-      children: /* @__PURE__ */ n(I, { size: 16 })
+      children: /* @__PURE__ */ t(b, { size: 16, "aria-hidden": !0 })
     }
   );
 }, v = ({
-  content: t,
-  className: e,
-  onInfoClick: o
-}) => /* @__PURE__ */ n(d, { content: t, children: /* @__PURE__ */ n(m, { onClick: o, className: e }) }), C = ({
-  infoData: t,
-  className: e,
-  onInfoClick: o
+  content: n,
+  className: i,
+  onInfoClick: r,
+  label: o
+}) => /* @__PURE__ */ t(p, { content: n, children: /* @__PURE__ */ t(u, { onClick: r, className: i, label: o }) }), y = ({
+  infoData: n,
+  className: i,
+  onInfoClick: r,
+  label: o
 }) => {
-  const { t: i } = k(), [a, s] = u(!1), l = (r) => {
-    r.stopPropagation(), s(!0);
+  const { t: a } = h(), [l, s] = k(!1), c = (e) => {
+    e.stopPropagation(), s(!0);
   };
-  return /* @__PURE__ */ p(h, { children: [
-    /* @__PURE__ */ n(d, { content: i("gridHeader.clickForDetails"), children: /* @__PURE__ */ n(
-      m,
+  return /* @__PURE__ */ I(g, { children: [
+    /* @__PURE__ */ t(p, { content: a("gridHeader.clickForDetails"), children: /* @__PURE__ */ t(
+      u,
       {
-        onClick: (r) => {
-          l(r), o && o(r);
+        label: o,
+        onClick: (e) => {
+          c(e), r && r(e);
         },
-        className: f(
+        className: m(
           "hover:bg-muted hover:shadow-sm hover:text-brand-variant-hover hover:-translate-y-0.5 active:scale-95",
-          e
+          i
         )
       }
     ) }),
-    a && t && // Stop propagation to prevent the click from bubbling to the header group
+    l && n && // Stop propagation to prevent the click from bubbling to the header group
     // regardless of whether the modal is portaled or not.
-    /* @__PURE__ */ n("div", { onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ n(
-      g,
+    /* @__PURE__ */ t("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ t(
+      C,
       {
-        open: a,
+        open: l,
         onClose: () => s(!1),
-        data: t
+        data: n
       }
     ) })
   ] });
-}, M = (t) => {
-  const {
-    showInfoIcon: e,
+}, M = (n) => {
+  const { t: i } = h(), {
+    showInfoIcon: r,
     displayName: o,
-    displayMode: i = "tooltip",
-    infoTooltip: a,
+    displayMode: a = "tooltip",
+    infoTooltip: l,
     infoData: s,
-    className: l,
-    onInfoClick: r
-  } = t;
-  if (!e || !o || o.trim() === "") return null;
-  const c = () => {
-    r && r(t);
-  };
-  return i === "modal" ? /* @__PURE__ */ n(
-    C,
+    className: c,
+    onInfoClick: e
+  } = n;
+  if (!r || !o || o.trim() === "") return null;
+  const d = () => {
+    e && e(n);
+  }, f = l ? `${o}: ${l}` : `${o} ${i("gridHeader.information")}`;
+  return a === "modal" ? /* @__PURE__ */ t(
+    y,
     {
       infoData: s,
-      displayName: o,
-      className: l,
-      onInfoClick: c
+      className: c,
+      onInfoClick: d,
+      label: f
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ t(
     v,
     {
-      content: a || `Info about ${o}`,
-      className: l,
-      onInfoClick: c
+      content: l || `Info about ${o}`,
+      className: c,
+      onInfoClick: d,
+      label: f
     }
   );
 };
 export {
   M as HeaderInfo,
-  m as InfoIconTrigger,
-  C as ModalInfoTrigger,
+  u as InfoIconTrigger,
+  y as ModalInfoTrigger,
   v as TooltipInfoTrigger
 };

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

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as c, Fragment as Q } from "react/jsx-runtime";
+import { jsx as e, jsxs as c, Fragment as J } from "react/jsx-runtime";
 import { cn as u } from "../../../../lib/utils.js";
-import { useGridHeader as U } from "./context/grid-header-context.js";
-import { HeaderInfo as W } from "./components/header-info.js";
-import { Checkbox as X } from "../../checkbox.js";
-import { TruncatedText as Y } from "./components/truncated-text.js";
-import { HeaderSearchInput as $ } from "./header-search-input.js";
+import { useGridHeader as Q } from "./context/grid-header-context.js";
+import { HeaderInfo as U } from "./components/header-info.js";
+import { Checkbox as W } from "../../checkbox.js";
+import { TruncatedText as X } from "./components/truncated-text.js";
+import { HeaderSearchInput as Y } from "./header-search-input.js";
 import { useImpactNovaI18n as H } from "../../../../i18n/ImpactNovaI18nContext.js";
-const ee = () => /* @__PURE__ */ c(Q, { children: [
+const ee = () => /* @__PURE__ */ c(J, { children: [
   /* @__PURE__ */ e("span", { className: "sort-asc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ c(
     "svg",
     {
@@ -55,8 +55,8 @@ function te(o) {
     const d = o.getServerSideSelectionState?.();
     if (!d || !("selectAll" in d))
       return { isChecked: !1, isIndeterminate: !1 };
-    const { selectAll: i, toggledNodes: l } = d, f = !!(l && l.length > 0);
-    return i && !f ? { isChecked: !0, isIndeterminate: !1 } : i && f ? { isChecked: !1, isIndeterminate: !0 } : !i && f ? { isChecked: !1, isIndeterminate: !0 } : { isChecked: !1, isIndeterminate: !1 };
+    const { selectAll: i, toggledNodes: l } = d, g = !!(l && l.length > 0);
+    return i && !g ? { isChecked: !0, isIndeterminate: !1 } : i && g ? { isChecked: !1, isIndeterminate: !0 } : !i && g ? { isChecked: !1, isIndeterminate: !0 } : { isChecked: !1, isIndeterminate: !1 };
   }
   const s = o.getSelectedRows().length, m = o.getDisplayedRowCount();
   return s === 0 ? { isChecked: !1, isIndeterminate: !1 } : s === m && m > 0 ? { isChecked: !0, isIndeterminate: !1 } : { isChecked: !1, isIndeterminate: !0 };
@@ -64,7 +64,7 @@ function te(o) {
 const re = ({ api: o }) => {
   const { t } = H(), { isChecked: s, isIndeterminate: m } = te(o);
   return /* @__PURE__ */ e(
-    X,
+    W,
     {
       checked: m ? "indeterminate" : s,
       onCheckedChange: (i) => {
@@ -86,7 +86,7 @@ const re = ({ api: o }) => {
     progressSort: d,
     column: i,
     api: l,
-    handleInlineSearch: f,
+    handleInlineSearch: g,
     handleClearSearchInline: x,
     onColumnSearchClick: w,
     onAdvanceSearchClick: I,
@@ -104,7 +104,7 @@ const re = ({ api: o }) => {
     enableSpaceSplitting: _,
     enableBooleanParsing: B,
     enableDateParsing: Z
-  } = o, a = U(), { t: p } = H(), n = i.getColDef(), h = i.getColId(), v = i.isFilterActive(), R = i.getSort(), g = i.getSortIndex(), j = !!R, O = g != null && (g > 0 || l.getColumnState().filter((r) => r.sort).length > 1), z = j && O, S = n?.filter || "agTextColumnFilter", C = S === "agNumberColumnFilter" || (Array.isArray(n?.type) ? n.type.some((r) => r === "number" || r === "numericColumn") : n?.type === "number" || n?.type === "numericColumn");
+  } = o, a = Q(), { t: f } = H(), n = i.getColDef(), h = i.getColId(), v = i.isFilterActive(), R = i.getSort(), p = i.getSortIndex(), j = !!R, O = p != null && (p > 0 || l.getColumnState().filter((r) => r.sort).length > 1), z = j && O, S = n?.filter || "agTextColumnFilter", C = S === "agNumberColumnFilter" || (Array.isArray(n?.type) ? n.type.some((r) => r === "number" || r === "numericColumn") : n?.type === "number" || n?.type === "numericColumn");
   S === "agDateColumnFilter" || (Array.isArray(n?.type) ? n.type.includes("dateColumn") : n?.type);
   const b = l.getGridOption("context")?.activeSearchColumnId === h, E = a?.activeMenuColumnId === h, k = ![
     "agTextColumnFilter",
@@ -124,22 +124,22 @@ const re = ({ api: o }) => {
       return;
     }
     a && (b ? a.closeSearch() : a.openSearch(h));
-  }, K = (r) => {
+  }, $ = (r) => {
     r.preventDefault(), r.stopPropagation(), a && a.openMenu(h, r.currentTarget, "column");
-  }, q = (r) => /* @__PURE__ */ e("span", { onClick: (J) => J.stopPropagation(), children: /* @__PURE__ */ e(
-    W,
+  }, K = (r) => /* @__PURE__ */ e("span", { onClick: (q) => q.stopPropagation(), children: /* @__PURE__ */ e(
+    U,
     {
       ...o,
       className: r
     }
   ) });
   return b && a && !k ? /* @__PURE__ */ e(
-    $,
+    Y,
     {
       column: i,
       api: l,
       onClose: () => a.closeSearch(),
-      handleInlineSearch: f,
+      handleInlineSearch: g,
       handleClearSearchInline: x ? () => x(o) : void 0,
       onAdvanceSearchClick: I,
       toggleAdvanceSearch: N,
@@ -164,7 +164,7 @@ const re = ({ api: o }) => {
         n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center" : ""
       ),
       "data-selection-column": n?.headerCheckboxSelection && (!t || t.trim() === "") ? "true" : void 0,
-      onContextMenu: K,
+      onContextMenu: $,
       children: [
         /* @__PURE__ */ e(
           "div",
@@ -187,8 +187,8 @@ const re = ({ api: o }) => {
               n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center items-center" : "gap-1 flex-1"
             ), children: [
               n?.headerCheckboxSelection && /* @__PURE__ */ e(re, { api: l }),
-              t && t.trim() !== "" && t !== p("gridHeader.selection") && /* @__PURE__ */ e(Y, { text: t }),
-              t && t.trim() !== "" && q(u(
+              t && t.trim() !== "" && t !== f("gridHeader.selection") && /* @__PURE__ */ e(X, { text: t }),
+              t && t.trim() !== "" && K(u(
                 "text-content-tertiary hover:text-brand-variant-hover transition-colors",
                 C ? "mr-1" : "ml-1"
               ))
@@ -209,7 +209,7 @@ const re = ({ api: o }) => {
                   className: "ag-sort-indicator-container cursor-pointer flex items-center",
                   onClick: y,
                   children: [
-                    z && /* @__PURE__ */ e("span", { className: "ag-sort-order text-[10px] font-bold text-content-tertiary mr-0.5", children: g + 1 }),
+                    z && /* @__PURE__ */ e("span", { className: "ag-sort-order text-[10px] font-bold text-content-tertiary mr-0.5", children: p + 1 }),
                     /* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(ee, {}) })
                   ]
                 }
@@ -222,7 +222,7 @@ const re = ({ api: o }) => {
                     v ? "opacity-100 w-auto" : "opacity-0 w-0 overflow-hidden group-hover:opacity-100 group-hover:w-auto"
                   ),
                   onClick: G,
-                  title: p(v ? "gridHeader.activeFilter" : "gridHeader.search"),
+                  title: f(v ? "gridHeader.activeFilter" : "gridHeader.search"),
                   children: [
                     /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z", fill: "currentColor" }) }),
                     v && /* @__PURE__ */ e("span", { className: "absolute -top-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 bg-brand z-10" })
@@ -236,6 +236,7 @@ const re = ({ api: o }) => {
                     "custom-ag-menu-icon-button cursor-pointer flex items-center shrink-0 overflow-hidden transition-colors duration-200 outline-none focus:outline-none focus:ring-0 text-content-tertiary hover:text-brand-variant-hover",
                     E ? "opacity-100 w-auto" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
                   ),
+                  "aria-label": `${t} ${f("gridHeader.columnSettings")}`,
                   onClick: (r) => {
                     r.stopPropagation(), a && a.openMenu(h, r.currentTarget);
                   },