@assure-one/design-system 1.27.0 → 1.28.0

package/dist/index.d.ts

@@ -2705,6 +2705,15 @@ interface ProposalPackageCardProps extends Omit<React.HTMLAttributes<HTMLDivElem
     servicesLabel?: ReactNode;
     /** Service rows (`ProposalServiceRow`) or any content. */
     children?: ReactNode;
+    /**
+     * Cap the service list's height (any CSS length, e.g. `"14rem"`). Past it the
+     * list scrolls rather than growing, so a package with many services keeps its
+     * select control in view instead of pushing it below the fold — and cards
+     * sitting in a row stay the same height.
+     *
+     * Omit for the previous behaviour: the list grows to fit.
+     */
+    servicesMaxHeight?: string;
     /** Select / toggle handler — makes the card interactive. */
     onSelect?: () => void;
     disabled?: boolean;

package/dist/index.js

@@ -10639,6 +10639,7 @@ var ProposalPackageCard = forwardRef(
     badge,
     servicesLabel = "Included services",
     children,
+    servicesMaxHeight,
     onSelect,
     disabled = false,
     className,
@@ -10674,7 +10675,31 @@ var ProposalPackageCard = forwardRef(
           ] }),
           children && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "text-fg-3 mt-4 mb-1 text-[11.5px] font-semibold tracking-wide", children: servicesLabel }),
-            /* @__PURE__ */ jsx("div", { children })
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  servicesMaxHeight && [
+                    "min-h-0 overflow-y-auto",
+                    // pr-3 keeps the rail off the service text; -mr-1 gives that
+                    // padding back to the card so the rail still sits near its
+                    // edge rather than floating in from it.
+                    "-mr-1 pr-3",
+                    // A 2px hairline. `scrollbar-thin` is 8px, and on
+                    // Chrome-for-Windows an unstyled bar also carries stepper
+                    // arrows, which is most of what made it read as heavy.
+                    "[scrollbar-width:thin]",
+                    "[&::-webkit-scrollbar]:w-[2px]",
+                    "[&::-webkit-scrollbar-button]:hidden",
+                    "[&::-webkit-scrollbar-track]:bg-transparent",
+                    "[&::-webkit-scrollbar-thumb]:rounded-full",
+                    "[&::-webkit-scrollbar-thumb]:bg-rule-strong"
+                  ]
+                ),
+                style: servicesMaxHeight ? { maxHeight: servicesMaxHeight } : void 0,
+                children
+              }
+            )
           ] }),
           /* @__PURE__ */ jsx("div", { className: "mt-auto pt-4", children: interactive ? /* @__PURE__ */ jsx(
             "button",