@homebound/beam 4.57.0 → 4.57.2

package/dist/index.cjs

@@ -5879,8 +5879,8 @@ var Icons = {
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "6", y: "5", width: "10", height: "2" }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "12", y: "10", width: "10", height: "2" })
   ] }),
-  cube: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M19.406 4.08601L10.406 0.0860059C10.146 -0.0289941 9.853 -0.0289941 9.593 0.0860059L0.593 4.08601C0.573 4.09501 0.559 4.11001 0.539 4.12101C0.511 4.13501 0.481 4.14401 0.455 4.16101C0.433 4.17601 0.416 4.19501 0.395 4.21101C0.367 4.23201 0.34 4.25501 0.315 4.27901C0.274 4.31801 0.238 4.36001 0.205 4.40501C0.185 4.43301 0.164 4.45801 0.146 4.48601C0.115 4.53901 0.0919999 4.59401 0.0699999 4.65101C0.0609999 4.67801 0.047 4.70301 0.039 4.73001C0.015 4.81701 0 4.90701 0 5.00001V15C0 15.396 0.232 15.753 0.594 15.914L9.594 19.914C9.724 19.972 9.862 20 10 20C10.139 20 10.273 19.961 10.402 19.904L10.406 19.914L19.406 15.914C19.768 15.753 20 15.396 20 15V5.00001C20 4.60401 19.768 4.24701 19.406 4.08601ZM10 2.09501L16.538 5.00001L10 7.90501L8.692 7.32401L3.463 5.00001L10 2.09501ZM2 14.351V6.53901L9 9.65001V17.461L2 14.351ZM11 17.461V9.65001L18 6.53901V14.351L11 17.461Z" }),
   // Figma's 1.75px strokes, scaled 8/7 to Beam's 2px
+  cube: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M13.1016 12.6739V18.4562L18.3962 15.4686V9.6862L13.1016 12.6739ZM6 15.5433L11.1016 18.4485V12.6705L6 9.7654V15.5433ZM6.9933 8.0299L12.1038 10.9406L17.3616 7.973L12.1127 5.0109L6.9933 8.0299ZM20.3962 16.0522C20.3962 16.4129 20.2024 16.7465 19.8883 16.9239L12.5937 21.04C12.2876 21.2128 11.9127 21.2127 11.6071 21.0389L4.5056 16.9942C4.1933 16.8163 4 16.4841 4 16.1248V8.0456C4.0001 7.6917 4.1875 7.3648 4.4922 7.1851L11.5937 2.9953L11.7121 2.9362C11.9954 2.8162 12.3215 2.8328 12.5937 2.9864L19.8883 7.1025C20.2024 7.2798 20.3962 7.6134 20.3962 7.9741V16.0522Z" }),
   cubeDashed: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9.812 7.1132C9.4955 7.1132 9.1873 6.9506 9.0149 6.6583C8.7555 6.2186 8.9017 5.6519 9.3415 5.3925L11.485 4.1282C11.7694 3.9605 12.1216 3.9571 12.409 4.1193L14.5763 5.3425C15.0209 5.5934 15.1779 6.1572 14.927 6.6018C14.6761 7.0464 14.1122 7.2034 13.6678 6.9525L11.9649 5.9915L10.2807 6.9849C10.1333 7.0718 9.9715 7.1132 9.812 7.1132Z" }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M7.0861 11.2271C6.9311 11.2271 6.7739 11.188 6.6295 11.1058L4.4669 9.8742C4.1804 9.7111 4.0025 9.4077 4 9.078C3.9975 8.7484 4.1708 8.4423 4.4547 8.2748L6.5983 7.0104C7.038 6.751 7.6047 6.8973 7.8641 7.337C8.1235 7.7767 7.9773 8.3435 7.5376 8.6028L6.7676 9.057L7.5444 9.4993C7.988 9.7519 8.1428 10.3163 7.8902 10.76C7.7198 11.0592 7.4075 11.2271 7.0861 11.2271Z" }),
@@ -15864,7 +15864,10 @@ function BlueprintAiLogo(props) {
 
 // src/components/AiPanel.tsx
 var import_runtime49 = require("@homebound/truss/runtime");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime61 = (
+  // Capped to the visible column so a page widened by an open right pane doesn't stretch it
+  require("react/jsx-runtime")
+);
 function AiPanel(props) {
   const {
     rounded = false,
@@ -15875,8 +15878,10 @@ function AiPanel(props) {
   const tid = useTestIds(others, "aiPanel");
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { ...(0, import_runtime49.trussProps)({
     ...{
-      width: "w100",
       backgroundImage: "aiBackground",
+      width: "w_min_100_calc_calc_var_beam_layout_viewport_width_100vw_var_beam_side_nav_layout_width_0px_2_var_beam_layout_content_padding_x_0px",
+      left: "l_calc_var_beam_side_nav_layout_width_0px_var_beam_layout_content_padding_x_0px",
+      position: "sticky",
       ...rounded ? {
         borderRadius: "br12"
       } : {}
@@ -15896,34 +15901,39 @@ function AiCard(props) {
     gapCss
   } = aiCardChrome[size];
   const tid = useTestIds(others, "aiCard");
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { ...(0, import_runtime49.trussProps)({
-    ...{
-      display: "df",
-      flexDirection: "fdc",
-      alignItems: "aifs",
-      width: "w100",
-      ...!fullWidth ? {
-        width: "wfc",
-        maxWidth: "maxw100",
-        marginLeft: "mla",
-        marginRight: "mra"
-      } : {}
-    },
-    ...gapCss
-  }), ...tid.column, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(BlueprintAiLogo, { height: logoHeight }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { ...(0, import_runtime49.trussProps)({
-      display: "df",
-      flexDirection: "fdc",
-      width: "w100",
-      minWidth: "mw0",
-      borderRadius: "br12",
-      backgroundColor: ["bgColor_var", {
-        "--backgroundColor": "var(--b-surface)"
-      }],
-      boxShadow: "bshBasic"
-    }), ...others, ...tid.card, children })
-  ] });
+  return (
+    // Same cap as `AiPanel`, so a wide page does not stretch the card column
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { ...(0, import_runtime49.trussProps)({
+      ...{
+        display: "df",
+        flexDirection: "fdc",
+        alignItems: "aifs",
+        width: "w_min_100_calc_calc_var_beam_layout_viewport_width_100vw_var_beam_side_nav_layout_width_0px_2_var_beam_layout_content_padding_x_0px",
+        left: "l_calc_var_beam_side_nav_layout_width_0px_var_beam_layout_content_padding_x_0px",
+        position: "sticky",
+        ...!fullWidth ? {
+          width: "wfc",
+          maxWidth: "maxw100",
+          marginLeft: "mla",
+          marginRight: "mra"
+        } : {}
+      },
+      ...gapCss
+    }), ...tid.column, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(BlueprintAiLogo, { height: logoHeight }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { ...(0, import_runtime49.trussProps)({
+        display: "df",
+        flexDirection: "fdc",
+        width: "w100",
+        minWidth: "mw0",
+        borderRadius: "br12",
+        backgroundColor: ["bgColor_var", {
+          "--backgroundColor": "var(--b-surface)"
+        }],
+        boxShadow: "bshBasic"
+      }), ...others, ...tid.card, children })
+    ] })
+  );
 }
 var aiBackgroundPaddingCss = {
   lg: {