impact-nova 3.0.0-alpha.5 → 3.0.0-alpha.6

package/dist/components/forms/choice-card/choice-card.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
 import * as n from "react";
 import * as L from "@radix-ui/react-checkbox";
 import * as G from "@radix-ui/react-radio-group";
@@ -12,7 +12,7 @@ import { cn as l } from "../../../lib/utils.js";
 import { choiceCardCheckboxIndicatorClassName as H, choiceCardRadioIndicatorClassName as $ } from "./choice-card-indicator.variants.js";
 import { ChoiceCardFeaturedBackdrop as K } from "./choice-card-featured-backdrop.js";
 import { choiceCardVariants as W } from "./choice-card.variants.js";
-const y = n.createContext(null), x = n.createContext({
+const y = n.createContext(null), g = n.createContext({
   value: "",
   selected: !1,
   type: "single",
@@ -44,7 +44,7 @@ function Ce() {
   );
 }
 function pe() {
-  return n.useContext(x);
+  return n.useContext(g);
 }
 function Z({
   selected: e,
@@ -266,7 +266,7 @@ const U = p(
         "aria-label": z
       }
     );
-    return /* @__PURE__ */ o(x.Provider, { value: j, children: /* @__PURE__ */ g(
+    return /* @__PURE__ */ o(g.Provider, { value: j, children: /* @__PURE__ */ x(
       U,
       {
         ref: C,
@@ -279,7 +279,7 @@ const U = p(
           a,
           u.inCompare && l(
             "isolate grid w-full grid-rows-subgrid [grid-row:1/-1] gap-0",
-            u.fit === "auto" ? "min-w-0 max-w-[420px]" : "min-w-[411px]"
+            u.fit === "auto" ? "min-w-0 max-w-[420px]" : "w-[411px] min-w-[411px] max-w-[411px]"
           )
         ),
         ...h,
@@ -295,7 +295,7 @@ const U = p(
 ), fe = p(
   "ChoiceCardIndicator",
   ({ className: e }, a) => {
-    const { selected: t, type: r, disabled: c } = n.useContext(x);
+    const { selected: t, type: r, disabled: c } = n.useContext(g);
     return r === "multiple" ? /* @__PURE__ */ o(
       "span",
       {
@@ -361,9 +361,9 @@ function X({ className: e }) {
     }
   );
 }
-const ge = p(
+const xe = p(
   "ChoiceCardRibbon",
-  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ g(
+  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ x(
     "div",
     {
       ref: r,
@@ -387,7 +387,7 @@ const ge = p(
       ]
     }
   )
-), xe = p(
+), ge = p(
   "ChoiceCardFooter",
   ({ className: e, children: a, ...t }, r) => {
     const c = n.useContext(v);
@@ -409,7 +409,7 @@ const ge = p(
 ), we = p(
   "ChoiceCardContent",
   ({ className: e, children: a, ...t }, r) => {
-    const { variant: c } = n.useContext(x);
+    const { variant: c } = n.useContext(g);
     return n.useContext(v).inCompare ? /* @__PURE__ */ o(
       "div",
       {
@@ -445,7 +445,7 @@ const ge = p(
     children: a
   }
 )), Ne = p("ChoiceCardTitle", ({ className: e, children: a, ...t }, r) => {
-  const { selected: c, disabled: i, size: m, variant: h, labelIsExplicit: C, setAccessibleName: s } = n.useContext(x), u = n.useRef(null), f = _(r, u);
+  const { selected: c, disabled: i, size: m, variant: h, labelIsExplicit: C, setAccessibleName: s } = n.useContext(g), u = n.useRef(null), f = _(r, u);
   return n.useLayoutEffect(() => {
     if (C) return;
     const d = u.current?.textContent?.trim();
@@ -485,7 +485,7 @@ const ge = p(
     );
   }
 ), ye = p("ChoiceCardDescription", ({ className: e, children: a, ...t }, r) => {
-  const { selected: c, disabled: i, variant: m } = n.useContext(x);
+  const { selected: c, disabled: i, variant: m } = n.useContext(g);
   return /* @__PURE__ */ o(
     "p",
     {
@@ -511,7 +511,7 @@ const ge = p(
     children: c = "Selected",
     ...i
   }, m) => {
-    const { selected: h } = n.useContext(x);
+    const { selected: h } = n.useContext(g);
     return h ? /* @__PURE__ */ o(
       a ? T : "div",
       {
@@ -557,7 +557,7 @@ const ge = p(
           e
         ),
         ...t,
-        children: c.map((i, m) => /* @__PURE__ */ g(n.Fragment, { children: [
+        children: c.map((i, m) => /* @__PURE__ */ x(n.Fragment, { children: [
           m > 0 ? /* @__PURE__ */ o("div", { className: "h-3 w-px shrink-0 bg-stroke-field", "aria-hidden": "true" }) : null,
           i
         ] }, m))
@@ -566,7 +566,7 @@ const ge = p(
   }
 ), Ie = p(
   "ChoiceCardStat",
-  ({ className: e, value: a, label: t, ...r }, c) => /* @__PURE__ */ g(
+  ({ className: e, value: a, label: t, ...r }, c) => /* @__PURE__ */ x(
     "div",
     {
       ref: c,
@@ -585,14 +585,14 @@ const ge = p(
 );
 function Y(e, a) {
   if (e <= 0) return "max-content";
-  const t = a === "auto" ? "minmax(0, 420px)" : "minmax(411px, 1fr)";
+  const t = a === "auto" ? "minmax(0, 420px)" : "411px";
   return `max-content ${Array.from(
     { length: e },
     (c, i) => i === 0 ? t : `1rem ${t}`
   ).join(" ")}`;
 }
 function ee({ rows: e }) {
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ x(
     "div",
     {
       "data-slot": "choice-card-compare-gutter",
@@ -615,7 +615,7 @@ function ee({ rows: e }) {
 }
 const te = p(
   "ChoiceCardCompareLabels",
-  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ g(
+  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ x(
     "div",
     {
       ref: r,
@@ -635,7 +635,7 @@ const te = p(
   )
 ), Pe = p(
   "ChoiceCardCompareLabel",
-  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ g(
+  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ x(
     "div",
     {
       ref: r,
@@ -698,7 +698,7 @@ const te = p(
           e
         ),
         ...r,
-        children: /* @__PURE__ */ g(
+        children: /* @__PURE__ */ x(
           "div",
           {
             className: l(
@@ -711,7 +711,7 @@ const te = p(
             },
             children: [
               m,
-              h.map((s, u) => /* @__PURE__ */ g(n.Fragment, { children: [
+              h.map((s, u) => /* @__PURE__ */ x(n.Fragment, { children: [
                 u > 0 && C > 0 ? /* @__PURE__ */ o(ee, { rows: C }) : null,
                 s
               ] }, u))
@@ -733,13 +733,13 @@ export {
   we as ChoiceCardContent,
   ye as ChoiceCardDescription,
   K as ChoiceCardFeaturedBackdrop,
-  xe as ChoiceCardFooter,
+  ge as ChoiceCardFooter,
   O as ChoiceCardGroup,
   ke as ChoiceCardHeader,
   ze as ChoiceCardIndex,
   fe as ChoiceCardIndicator,
   ve as ChoiceCardMedia,
-  ge as ChoiceCardRibbon,
+  xe as ChoiceCardRibbon,
   Ie as ChoiceCardStat,
   Re as ChoiceCardStats,
   Se as ChoiceCardStatus,

package/dist/components/forms/select/components/SelectTriggerValue.js

@@ -1,8 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as x } from "../../../../lib/utils.js";
+import "react";
 import { OverflowTooltip as m } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { isInvertedSelection as h, isOptionArray as d } from "../utils/select.js";
-function w({
+function C({
   isMulti: u,
   isDisabled: p,
   internalValue: o,
@@ -52,5 +53,5 @@ function w({
   );
 }
 export {
-  w as SelectTriggerValue
+  C as SelectTriggerValue
 };

package/dist/components/forms/select/components/Submenu.js

@@ -1,13 +1,14 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import * as i from "@radix-ui/react-popover";
 import { Checkbox as P } from "../../checkbox/checkbox.js";
+import "react";
 import { OverflowTooltip as y } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { ChevronRight as A, Checkmark as O } from "impact-nova-icons";
 import { cn as v } from "../../../../lib/utils.js";
 import { useOverlayPortalContainer as T } from "../../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as _ } from "../../../../lib/overlay/overlay-host.constants.js";
 import { useSuppressOptionClickForTextSelection as E } from "../hooks/useSuppressOptionClickForTextSelection.js";
-const G = ({
+const R = ({
   parentOption: n,
   isMulti: u,
   isReadOnly: l,
@@ -105,5 +106,5 @@ const G = ({
   ] });
 };
 export {
-  G as Submenu
+  R as Submenu
 };

package/dist/components/primitives/stepper/internals/stepper-summary.js

@@ -14,12 +14,12 @@ const V = p.forwardRef(
     onStepClick: m,
     stepAriaLabel: f,
     ...h
-  }, b) => {
-    const x = o.length, c = !!m;
+  }, x) => {
+    const b = o.length, c = !!m;
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: b,
+        ref: x,
         className: i(S({ variant: "summary" }), d),
         "data-orientation": "horizontal",
         "data-variant": "summary",
@@ -36,7 +36,7 @@ const V = p.forwardRef(
                 status: a,
                 disabled: t.disabled,
                 interactive: c,
-                ariaLabel: f(s, x),
+                ariaLabel: f(s, b),
                 isActive: r,
                 onStepClick: m,
                 className: i(
@@ -87,7 +87,7 @@ const V = p.forwardRef(
                   alt: "",
                   "aria-hidden": !0,
                   "data-summary-connector": "",
-                  className: "relative z-[1] -rotate-90 bg-canvas"
+                  className: "relative z-[1] -rotate-90"
                 }
               ) : null
             ] }) : null

package/dist/impact-nova-components.css

@@ -1776,6 +1776,16 @@ html.iris-agent-session *:not(.iris-agent-cursor):not(.iris-agent-cursor *):not(
   overflow: hidden;
 }
 
+/* AG Grid 36 sticky left/right pin is trapped by overflow:hidden on the header
+   row, so pinned headers scroll with the center columns. Keep the clip for
+   unpinned lists; open overflow when a pin region has cells. */
+[data-component="ag-grid-react"][data-variant="list"]
+  .ag-header-row:has(.ag-grid-pinned-left-cells .ag-header-cell),
+[data-component="ag-grid-react"][data-variant="list"]
+  .ag-header-row:has(.ag-grid-pinned-right-cells .ag-header-cell) {
+  overflow: visible;
+}
+
 [data-component="ag-grid-react"][data-variant="list"] .ag-header-cell,
 [data-component="ag-grid-react"][data-variant="list"] .ag-header-group-cell {
   height: var(--in-ag-list-header-height);
@@ -1793,22 +1803,40 @@ html.iris-agent-session *:not(.iris-agent-cursor):not(.iris-agent-cursor *):not(
   border-radius: var(--in-ag-list-radius);
 }
 
-[data-component="ag-grid-react"][data-variant="list"] .ag-pinned-left-header:has(.ag-header-cell) {
+[data-component="ag-grid-react"][data-variant="list"] .ag-pinned-left-header:has(.ag-header-cell),
+[data-component="ag-grid-react"][data-variant="list"]
+  .ag-header-row
+  > .ag-grid-pinned-left-cells:has(.ag-header-cell) {
   border-radius: var(--in-ag-list-radius) 0 0 var(--in-ag-list-radius);
+  background-color: var(--color-surface-muted);
+  z-index: 2;
 }
 
 [data-component="ag-grid-react"][data-variant="list"]:has(.ag-pinned-left-header .ag-header-cell) .ag-header-viewport,
-[data-component="ag-grid-react"][data-variant="list"]:has(.ag-pinned-left-header .ag-header-cell) .ag-header-row {
+[data-component="ag-grid-react"][data-variant="list"]:has(.ag-pinned-left-header .ag-header-cell) .ag-header-row,
+[data-component="ag-grid-react"][data-variant="list"]:has(
+    .ag-header-row > .ag-grid-pinned-left-cells .ag-header-cell
+  )
+  .ag-header-row {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
-[data-component="ag-grid-react"][data-variant="list"] .ag-pinned-right-header:has(.ag-header-cell) {
+[data-component="ag-grid-react"][data-variant="list"] .ag-pinned-right-header:has(.ag-header-cell),
+[data-component="ag-grid-react"][data-variant="list"]
+  .ag-header-row
+  > .ag-grid-pinned-right-cells:has(.ag-header-cell) {
   border-radius: 0 var(--in-ag-list-radius) var(--in-ag-list-radius) 0;
+  background-color: var(--color-surface-muted);
+  z-index: 2;
 }
 
 [data-component="ag-grid-react"][data-variant="list"]:has(.ag-pinned-right-header .ag-header-cell) .ag-header-viewport,
-[data-component="ag-grid-react"][data-variant="list"]:has(.ag-pinned-right-header .ag-header-cell) .ag-header-row {
+[data-component="ag-grid-react"][data-variant="list"]:has(.ag-pinned-right-header .ag-header-cell) .ag-header-row,
+[data-component="ag-grid-react"][data-variant="list"]:has(
+    .ag-header-row > .ag-grid-pinned-right-cells .ag-header-cell
+  )
+  .ag-header-row {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }