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

package/dist/components/flows/iris-chat/iris-chat-menu.js

@@ -1,37 +1,37 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useRef as S, useState as y } from "react";
+import { useRef as S, useState as g } from "react";
 import { FunnelShow as I, ThreeDots as L, Pin as M, Pencil as A, Bin as D, ChevronRight as T } from "impact-nova-icons";
-import { DropdownMenu as g, DropdownMenuTrigger as v, DropdownMenuContent as b, DropdownMenuItem as f } from "../../feedback/dropdown-menu/dropdown-menu.js";
+import { DropdownMenu as C, DropdownMenuTrigger as v, DropdownMenuContent as b, DropdownMenuItem as p } from "../../feedback/dropdown-menu/dropdown-menu.js";
 import { ButtonIconTooltip as N } from "../../feedback/tooltip/button-icon-tooltip.js";
 import { Button as x } from "../../primitives/button/button.js";
 import { Accordion as j, AccordionItem as k, AccordionTrigger as R, AccordionContent as E } from "../../primitives/accordion/accordion.js";
 import { useImpactNovaI18n as w } from "../../../i18n/use-impact-nova-i18n.js";
 import { useVirtualizedList as B } from "../../../lib/virtualized/useVirtualizedList.js";
 import { createComponent as O } from "../../../lib/primitives/create-component.js";
-import { cn as C } from "../../../lib/utils.js";
+import { cn as y } from "../../../lib/utils.js";
 import { IrisChatAttachIcon as $ } from "./iris-chat-icons.js";
 const z = ["type", "status", "lastActivity"], ee = O(
   "IrisChatMenu",
-  ({ className: t, children: m, ...l }, c) => /* @__PURE__ */ e(
+  ({ className: t, children: d, ...l }, o) => /* @__PURE__ */ e(
     "div",
     {
-      ref: c,
+      ref: o,
       "data-component": "iris-chat-menu",
-      className: C("flex flex-col gap-4 py-4", t),
+      className: y("flex flex-col gap-4 py-4", t),
       ...l,
-      children: /* @__PURE__ */ e(j, { type: "multiple", defaultValue: ["recent", "artifacts"], className: "flex flex-col gap-4", children: m })
+      children: /* @__PURE__ */ e(j, { type: "multiple", defaultValue: ["recent", "artifacts"], className: "flex flex-col gap-4", children: d })
     }
   )
 ), P = ({
   value: t,
-  title: m,
+  title: d,
   onFilterSelect: l,
-  onViewMore: c,
+  onViewMore: o,
   viewMoreLabel: a,
   className: h,
-  children: p
+  children: f
 }) => {
-  const { t: i } = w(), d = {
+  const { t: i } = w(), m = {
     type: i("irisChat.filterType"),
     status: i("irisChat.filterStatus"),
     lastActivity: i("irisChat.filterLastActivity")
@@ -41,7 +41,7 @@ const z = ["type", "status", "lastActivity"], ee = O(
     {
       value: t,
       "data-component": "iris-chat-menu-section",
-      className: C("rounded-none border-0 bg-transparent shadow-none", h),
+      className: y("rounded-none border-0 bg-transparent shadow-none", h),
       children: [
         /* @__PURE__ */ s("div", { className: "flex h-10 items-center justify-between gap-2", children: [
           /* @__PURE__ */ s(R, { variant: "plain", headingLevel: 3, className: "flex min-w-0 flex-1 items-center gap-2 py-0", children: [
@@ -52,33 +52,42 @@ const z = ["type", "status", "lastActivity"], ee = O(
                 className: "rotate-90 transition-transform group-data-[state=open]:-rotate-90"
               }
             ) }),
-            /* @__PURE__ */ e("span", { className: "text-sm font-medium text-content", children: m })
+            /* @__PURE__ */ e("span", { className: "text-sm font-medium text-content", children: d })
           ] }),
-          /* @__PURE__ */ s(g, { children: [
-            /* @__PURE__ */ e(N, { label: i("irisChat.filter"), children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-              x,
+          /* @__PURE__ */ s(C, { children: [
+            /* @__PURE__ */ e(
+              N,
               {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                "aria-label": i("irisChat.filter"),
-                "data-testid": `iris-chat-filter-${t}`,
-                children: /* @__PURE__ */ e(I, { size: 16 })
+                label: i("irisChat.filter"),
+                variant: "secondary",
+                align: "end",
+                side: "top",
+                children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
+                  x,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "iconSm",
+                    "aria-label": i("irisChat.filter"),
+                    "data-testid": `iris-chat-filter-${t}`,
+                    children: /* @__PURE__ */ e(I, { size: 16 })
+                  }
+                ) })
               }
-            ) }) }),
-            /* @__PURE__ */ e(b, { align: "end", children: z.map((o) => /* @__PURE__ */ e(f, { onSelect: () => l?.(o), children: d[o] }, o)) })
+            ),
+            /* @__PURE__ */ e(b, { align: "end", children: z.map((c) => /* @__PURE__ */ e(p, { onSelect: () => l?.(c), children: m[c] }, c)) })
           ] })
         ] }),
         /* @__PURE__ */ s(E, { className: "px-0 pb-1 pt-1", children: [
-          /* @__PURE__ */ e("div", { className: "flex flex-col", children: p }),
-          c ? /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex flex-col", children: f }),
+          o ? /* @__PURE__ */ e(
             x,
             {
               type: "button",
               variant: "link",
               "data-testid": `iris-chat-view-more-${t}`,
               className: "mt-1 h-auto justify-start px-2 text-sm",
-              onClick: c,
+              onClick: o,
               children: a ?? i("irisChat.viewMore")
             }
           ) : null
@@ -88,10 +97,10 @@ const z = ["type", "status", "lastActivity"], ee = O(
   );
 };
 P.displayName = "IrisChatMenuSection";
-const V = ({ title: t, onSelect: m, onAction: l, className: c }) => {
-  const { t: a } = w(), [h, p] = y(!1), [i, d] = y(!1), [o, u] = y(t), n = () => {
-    const r = o.trim();
-    if (d(!1), !r || r === t) {
+const V = ({ title: t, onSelect: d, onAction: l, className: o }) => {
+  const { t: a } = w(), [h, f] = g(!1), [i, m] = g(!1), [c, u] = g(t), n = () => {
+    const r = c.trim();
+    if (m(!1), !r || r === t) {
       u(t);
       return;
     }
@@ -102,17 +111,17 @@ const V = ({ title: t, onSelect: m, onAction: l, className: c }) => {
     {
       "data-component": "iris-chat-list-item",
       "data-menu-open": h ? "" : void 0,
-      className: C(
+      className: y(
         "flex min-h-10 items-center justify-between gap-2 rounded-full px-3",
         (h || i) && "bg-secondary",
         "hover:bg-secondary",
-        c
+        o
       ),
       children: [
         i ? /* @__PURE__ */ e(
           "input",
           {
-            value: o,
+            value: c,
             autoFocus: !0,
             "aria-label": a("irisChat.rename"),
             "data-testid": "iris-chat-item-rename",
@@ -120,7 +129,7 @@ const V = ({ title: t, onSelect: m, onAction: l, className: c }) => {
             onChange: (r) => u(r.target.value),
             onBlur: n,
             onKeyDown: (r) => {
-              r.key === "Enter" && (r.preventDefault(), n()), r.key === "Escape" && (u(t), d(!1));
+              r.key === "Enter" && (r.preventDefault(), n()), r.key === "Escape" && (u(t), m(!1));
             }
           }
         ) : /* @__PURE__ */ e(
@@ -128,25 +137,34 @@ const V = ({ title: t, onSelect: m, onAction: l, className: c }) => {
           {
             type: "button",
             className: "min-w-0 flex-1 truncate text-start text-sm text-content",
-            onClick: m,
+            onClick: d,
             children: t
           }
         ),
-        /* @__PURE__ */ s(g, { open: h, onOpenChange: p, children: [
-          /* @__PURE__ */ e(N, { label: a("irisChat.moreActions"), children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-            x,
+        /* @__PURE__ */ s(C, { open: h, onOpenChange: f, children: [
+          /* @__PURE__ */ e(
+            N,
             {
-              type: "button",
-              variant: "ghost",
-              size: "iconSm",
-              "aria-label": a("irisChat.moreActions"),
-              "data-testid": "iris-chat-item-more",
-              children: /* @__PURE__ */ e(L, { size: 16 })
+              label: a("irisChat.moreActions"),
+              variant: "secondary",
+              align: "end",
+              side: "top",
+              children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
+                x,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "iconSm",
+                  "aria-label": a("irisChat.moreActions"),
+                  "data-testid": "iris-chat-item-more",
+                  children: /* @__PURE__ */ e(L, { size: 16 })
+                }
+              ) })
             }
-          ) }) }),
+          ),
           /* @__PURE__ */ s(b, { align: "end", className: "w-[182px]", children: [
             /* @__PURE__ */ e(
-              f,
+              p,
               {
                 icon: /* @__PURE__ */ e(M, { size: 16 }),
                 onSelect: () => l?.("pin"),
@@ -154,17 +172,17 @@ const V = ({ title: t, onSelect: m, onAction: l, className: c }) => {
               }
             ),
             /* @__PURE__ */ e(
-              f,
+              p,
               {
                 icon: /* @__PURE__ */ e(A, { size: 16 }),
                 onSelect: () => {
-                  u(t), window.setTimeout(() => d(!0), 0);
+                  u(t), window.setTimeout(() => m(!0), 0);
                 },
                 children: a("irisChat.rename")
               }
             ),
             /* @__PURE__ */ e(
-              f,
+              p,
               {
                 icon: /* @__PURE__ */ e($, {}),
                 onSelect: () => l?.("archive"),
@@ -172,7 +190,7 @@ const V = ({ title: t, onSelect: m, onAction: l, className: c }) => {
               }
             ),
             /* @__PURE__ */ e(
-              f,
+              p,
               {
                 icon: /* @__PURE__ */ e(D, { size: 16 }),
                 className: "text-destructive focus:bg-destructive/10 focus:text-destructive",
@@ -189,19 +207,19 @@ const V = ({ title: t, onSelect: m, onAction: l, className: c }) => {
 V.displayName = "IrisChatListItem";
 function F({
   items: t,
-  getItemId: m,
+  getItemId: d,
   renderItem: l,
-  title: c,
+  title: o,
   onFilterSelect: a,
   estimateSize: h = 32,
-  className: p
+  className: f
 }) {
-  const { t: i } = w(), d = S(null), o = B({
+  const { t: i } = w(), m = S(null), c = B({
     rowCount: t.length,
     getRowData: (n) => t[n],
-    getRowId: (n) => m(t[n]),
+    getRowId: (n) => d(t[n]),
     estimateSize: () => h,
-    scrollElementRef: d,
+    scrollElementRef: m,
     hasMore: !1
   }), u = {
     type: i("irisChat.filterType"),
@@ -212,26 +230,35 @@ function F({
     "div",
     {
       "data-component": "iris-chat-list",
-      className: C("flex min-h-0 flex-1 flex-col", p),
+      className: y("flex min-h-0 flex-1 flex-col", f),
       children: [
-        c || a ? /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2 py-3", children: [
-          c ? /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content", children: c }) : /* @__PURE__ */ e("span", {}),
-          a ? /* @__PURE__ */ s(g, { children: [
-            /* @__PURE__ */ e(N, { label: i("irisChat.filter"), children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-              x,
+        o || a ? /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2 py-3", children: [
+          o ? /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content", children: o }) : /* @__PURE__ */ e("span", {}),
+          a ? /* @__PURE__ */ s(C, { children: [
+            /* @__PURE__ */ e(
+              N,
               {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                "aria-label": i("irisChat.filter"),
-                "data-testid": "iris-chat-filter-list",
-                children: /* @__PURE__ */ e(I, { size: 16 })
+                label: i("irisChat.filter"),
+                variant: "secondary",
+                align: "end",
+                side: "top",
+                children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
+                  x,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "iconSm",
+                    "aria-label": i("irisChat.filter"),
+                    "data-testid": "iris-chat-filter-list",
+                    children: /* @__PURE__ */ e(I, { size: 16 })
+                  }
+                ) })
               }
-            ) }) }),
-            /* @__PURE__ */ e(b, { align: "end", children: z.map((n) => /* @__PURE__ */ e(f, { onSelect: () => a(n), children: u[n] }, n)) })
+            ),
+            /* @__PURE__ */ e(b, { align: "end", children: z.map((n) => /* @__PURE__ */ e(p, { onSelect: () => a(n), children: u[n] }, n)) })
           ] }) : null
         ] }) : null,
-        /* @__PURE__ */ e("div", { ref: d, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ e("div", { style: { height: o.virtualizer.getTotalSize(), position: "relative" }, children: o.virtualizer.getVirtualItems().map((n) => {
+        /* @__PURE__ */ e("div", { ref: m, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ e("div", { style: { height: c.virtualizer.getTotalSize(), position: "relative" }, children: c.virtualizer.getVirtualItems().map((n) => {
           const r = t[n.index];
           return /* @__PURE__ */ e(
             "div",
@@ -243,7 +270,7 @@ function F({
               },
               children: l(r)
             },
-            m(r)
+            d(r)
           );
         }) }) })
       ]

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

@@ -1,72 +1,90 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { ArrowUp as k, ArrowDown as v } from "impact-nova-icons";
-import { createComponent as z } from "../../../lib/primitives/create-component.js";
-import { cn as I } from "../../../lib/utils.js";
-import { useImpactNovaI18n as N } from "../../../i18n/use-impact-nova-i18n.js";
-function g(a, r, i) {
-  return Math.min(i, Math.max(r, a));
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { ArrowUp as N, ArrowDown as I } from "impact-nova-icons";
+import { createComponent as j } from "../../../lib/primitives/create-component.js";
+import { cn as l } from "../../../lib/utils.js";
+import { useImpactNovaI18n as z } from "../../../i18n/use-impact-nova-i18n.js";
+function A(c, o, s) {
+  return Math.min(s, Math.max(o, c));
 }
-const U = z(
+const f = "inline-flex h-[11px] w-5 shrink-0 select-none cursor-pointer border-0 p-0 bg-canvas-muted text-content-icon transition-[color,background-color,transform] duration-150 motion-reduce:transition-none enabled:hover:bg-stroke-track enabled:hover:text-content-tertiary enabled:active:scale-[0.98] enabled:active:bg-stroke-hairline enabled:active:text-content focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-40", $ = j(
   "ChoiceCardPercent",
   ({
-    className: a,
-    value: r,
-    onValueChange: i,
-    min: s = 0,
-    max: l = 100,
-    step: o = 1,
-    suffix: p = "%",
-    increaseLabel: f,
-    decreaseLabel: y,
-    disabled: t,
-    onKeyDown: u,
-    ...h
-  }, b) => {
-    const { t: d } = N(), x = f ?? d("aria.increase"), w = y ?? d("aria.decrease"), C = !t && r > s, D = !t && r < l;
-    function c(e) {
-      t || i?.(g(r + e, s, l));
+    className: c,
+    value: o,
+    onValueChange: s,
+    min: d = 0,
+    max: b = 100,
+    step: i = 1,
+    suffix: m = "%",
+    increaseLabel: h,
+    decreaseLabel: g,
+    disabled: r,
+    onKeyDown: x,
+    ...v
+  }, w) => {
+    const { t: p } = z(), k = h ?? p("aria.increase"), C = g ?? p("aria.decrease"), y = !r && o > d, D = !r && o < b;
+    function a(e) {
+      r || s?.(A(o + e, d, b));
     }
-    function j(e) {
-      e.key === "ArrowUp" ? (e.preventDefault(), c(o)) : e.key === "ArrowDown" && (e.preventDefault(), c(-o)), u?.(e);
+    function n(e) {
+      e.stopPropagation();
     }
-    return /* @__PURE__ */ m(
+    function P(e) {
+      e.key === "ArrowUp" ? (e.preventDefault(), a(i)) : e.key === "ArrowDown" && (e.preventDefault(), a(-i)), x?.(e);
+    }
+    return /* @__PURE__ */ u(
       "div",
       {
-        ref: b,
-        ...h,
+        ref: w,
+        ...v,
         "data-slot": "choice-card-percent",
         role: "group",
-        "aria-disabled": t || void 0,
-        tabIndex: t ? void 0 : 0,
-        onKeyDown: j,
-        className: I(
-          "relative z-[1] flex h-8 w-[111px] items-center justify-between rounded-lg border border-stroke bg-canvas-elevated py-1 pl-3 pr-1 text-sm text-content",
-          t && "opacity-50",
-          a
+        "aria-disabled": r || void 0,
+        tabIndex: r ? void 0 : 0,
+        onKeyDown: P,
+        onPointerDown: n,
+        onClick: n,
+        className: l(
+          "relative z-[1] box-border flex h-8 w-[111px] items-center gap-2.5 overflow-hidden rounded-lg border border-stroke-field bg-canvas py-1 pl-3 pr-1 transition-colors",
+          "hover:border-brand focus-within:border-brand focus-within:outline-none",
+          r && "pointer-events-none border-stroke bg-disabled-surface opacity-100 hover:border-stroke",
+          c
         ),
         children: [
-          /* @__PURE__ */ n("span", { children: `${r}${p}` }),
-          /* @__PURE__ */ m("div", { className: "flex flex-col text-content-icon", children: [
-            /* @__PURE__ */ n(
+          /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate font-normal text-sm capitalize leading-4 text-content", children: `${o}${m}` }),
+          /* @__PURE__ */ u("div", { className: "flex h-[23px] shrink-0 flex-col gap-px", children: [
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                "aria-label": x,
+                "aria-label": k,
                 disabled: !D,
-                className: "inline-flex size-6 items-center justify-center -my-1 disabled:opacity-40",
-                onClick: () => c(o),
-                children: /* @__PURE__ */ n(k, { size: 12 })
+                className: l(
+                  f,
+                  "items-center justify-center rounded-tr-sm"
+                ),
+                onPointerDown: n,
+                onClick: (e) => {
+                  n(e), a(i);
+                },
+                children: /* @__PURE__ */ t(N, { size: 10 })
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                "aria-label": w,
-                disabled: !C,
-                className: "inline-flex size-6 items-center justify-center -my-1 disabled:opacity-40",
-                onClick: () => c(-o),
-                children: /* @__PURE__ */ n(v, { size: 12 })
+                "aria-label": C,
+                disabled: !y,
+                className: l(
+                  f,
+                  "items-center justify-center rounded-br-sm"
+                ),
+                onPointerDown: n,
+                onClick: (e) => {
+                  n(e), a(-i);
+                },
+                children: /* @__PURE__ */ t(I, { size: 10 })
               }
             )
           ] })
@@ -76,5 +94,5 @@ const U = z(
   }
 );
 export {
-  U as ChoiceCardPercent
+  $ as ChoiceCardPercent
 };

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,